@charset "utf-8";
/* CSS Document */

#gallerya {padding:0px;	float:left;}

/* ESTILOS GERAIS */
body 					{margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px;}
h1 						{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:18px;	color:#666666; line-height:21px; font-weight:bold;}
h2 						{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:16px;	color:#666666; line-height:19px; font-weight:bold;}
h3 						{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:14px;	color:#666666; line-height:17px; font-weight:bold; margin-bottom:8px; margin-top:8px; text-align:left;}
span 					{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:12px;	color:#666666; line-height:16px;}

p 						{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:12px;	color:#666666; line-height:16px; margin-bottom:8px;	margin-top:8px;	text-align:left;}
.p2 					{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:12px;	color:#00599c; line-height:16px; text-align:left;}/* AZUL */
.p3 					{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:12px;	color:#54c247; line-height:16px; text-align:left;}/* VERDE */
.p4 					{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:12px;	color:#666666; line-height:19px; text-align:left;}/* MAIS ENTRELINHA */
.pbranco 				{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:12px;	color:#FFFFFF; line-height:19px;}
.spanbranco 			{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:12px;	color:#FFFFFF; line-height:16px;}
#subtitulo 				{height:29px; text-align:left;}
#traco 					{width:100%; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#eeeeee;	line-height:10px; clear:both; margin-bottom:20px;}
.setainterna 			{margin-bottom:8px;	margin-top:8px;	text-align:left;}
.imagemtexto 			{float:left; margin:5px 30px 10px 0px;}		
/*.efeitobotao			{background-color:#ff0000; background:#ff0000;}*/
.efeitobotao:hover		{ color:#FFFFFF; background-color:#FFFFFF; background:#FFFFFF;}


/* AVISO */
#aviso					{margin:0; width:100%; height:40px; background:#FDDFC4; border-bottom:#FF9900 solid 1px;}
#aviso span				{font-size:12px; line-height:40px; color:#FF6600;}



/* BOX EXTRANET */
#extranet 				{height:133px; width:305px;	margin-left:185px; left:50%; position:absolute;	top:-133px;	z-index:4;}
#extranet a 			{text-decoration:none;}
.form_extra 			{float:left; height:103px; background:#FFFFFF; width:305px;}
.botaofecha 			{float:left; height:30px; margin:0 0 0 202px;}
#extranet p 			{margin-left:10px;}
.usuario_extra 			{float:left; margin-left:10px; width:125px;}
.colunas_form 			{float:left; height:63px; width:145px;}
.linha_baixo_form 		{height: 15px; width:300px;}
.envia_extra 			{background:url(../images/botao_proximo_p.png) no-repeat; display:block; height:42px; width:24px; border:none; text-indent:-9999px;	float:right; margin:0 17px 0 0;}
.fechar 				{color:#666666; text-decoration:none; background-color:#f1f1f1;	font-weight:bold; float:left; margin:3px 0 0 10px;}
.fechar:hover 			{color:#FFFFFF;	text-decoration:none; background-color:#54c247;	font-weight:bold;}



/* LINKS */
.linkcinza {
	color:#666666;
	text-decoration:none;
	background-color:#f1f1f1;
	padding-left:3px;
	padding-right:3px;
	font-weight:bold;
}
.linkcinza:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#54c247;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
}
.linkcinza2 {
	color:#666666;
	text-decoration:none;
	background-color:#dddddd;
	padding-left:3px;
	padding-right:3px;
}
.linkcinza2:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#54c247;
	padding-left:3px;
	padding-right:3px;
}
.linkimagem {
	border:solid;
	border-color:#ffffff;
	border-width:1px;
}
.linkimagem:hover {
	border:solid;
	border-color:#CCCCCC;
	border-width:1px;
}



/* FUNDOS */
#homefundo {
	width:100%;
	background-image:url(../images/home_fundo.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#004c7b;
	
}
#webfundo {
	width:100%;
	background-image:url(../images/web_fundo.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#004c7b;
}
#rsafundoterra {
	width:100%;
	background-image:url(../images/rsa_fundo_terra.jpg);
	background-position:center;
	background-repeat:repeat;
}
#rsafundo {
	width:100%;
	background-image:url(../images/rsa_fundo.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#gestaofundo {
	width:100%;
	background-color:#f1f1f1;
}



/* MENU */
#homemenu {
	width:980px;
	height:130px;
}
#menuextranet {
	width:980px;
	height:30px;
}
#homemenumarca {
	width:280px;
	height:100px;
	float:left;
}
#homemenubotoes {
	width:700px;
	height:51px;
	margin-top:49px;
}



/* HOME E ESTRUTURA GERAL */
#homedestaque {
	width:980px;
	height:540px;
	margin-bottom:20px;
}
#conteudo {
	width:980px;
	height:620px;
	clear:both;
}
#conteudotopo {
	width:980px;
	height:40px;
	background-image:url(../images/topo_arredondado.png);
	background-repeat:no-repeat;
}
#conteudofundo {
	width:900px;
	height:100%;
	background-color:#FFFFFF;
	padding:0px 40px;
}



/* BLOG */
#destaqueblog 			{width:300px; height:367px; float:left; margin-right:70px;}



/* BLOG INTERNAS */
#internablog 			{width:100%; height:242px;}
.internablogbloco 		{width:250px; height:150px;	padding-right:50px;	float:left;}
.internablogtitulo 		{width:250px; height:34px;}



/* DESTAQUES - 2 CAIXAS */
#destaques 				{width:530px; height:367px; float:left;}
.destaquescaixa 		{width:167px; height:238px; float:left; border:solid; border-width:1px;	border-color:#ddd; background-color:#f9f9f9; margin-right:45px;	padding:10px 24px 24px 24px;}
.destaquescaixa p 		{margin-bottom:10px;}
.destaquescaixa:hover 	{background-color:#ffffff; cursor:pointer; border:solid; border-width:1px; border-color:#eeeeee;}



/* DESTAQUES - CLIENTES ATENDIDOS */
#destaqueclientes {
	width:900px;
	height:189px;
	margin-top:24px;
	float:left;
}
#destaqueclientescaixa {
	width:450px;
	height:117px;
	float:left;
}
#destaqueclientesimagem {
	margin-left:-35px;
	margin-top:-10px;
	width:135px;
	height:117px;
	float:left;
}
#destaqueclientestexto {
	width:240px;
	height:48px;
	margin: 17px 35px 0px 60px;
	float:left;
}
#destaqueclientestexto span {
	font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;
	font-size:12px;
	color:#666666;
	line-height:16px;
}
#destaqueclientesbotao {
	width:40px;
	height:40px;
	margin-left: 160px;
	margin-top: 80px;
}



/* DESTAQUES - CLIENTES ANTIGOS */
#destaqueclientesant 			{width:900px; height:200px;	margin-top:20px;/* display:inline-block;*/}
.destaqueclientesantbloco 		{width:180px; height:117px; float:left;margin-top:10px;}
.destaqueclientesantbloco li 	{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:12px; color:#666666;	line-height:20px; list-style-image:url(../images/icone_lista_02.png); margin-left:14px;}



/* HOME - GESTAO EM TI */
#gestaogeral {
	width:980px;
	margin-bottom:20px;
	display:table;
}
#gestaodestaque {
	width:980px;
	height:130px;
	background-image:url(../images/titulo_gestaoemti.png);
	background-repeat:no-repeat;
}
#gestaoimagem {
	width:340px;
	height:333px;
	float:left;
}
#gestaochamada {
	width:595px;
	height:333px;
	float:left;
	margin: 25px 0px 0px 45px;
}



/* INTERNA - GESTAO EM TI */
#gestaogeralinterna {
	width:980px;
	height:100%;
	display:table;
}
#gestaotitulo {
	width:980px;
	height:130px;
	background-image:url(../images/titulo_gestaoemti_interna.png);
	background-repeat:no-repeat;
}
#gestaotopo {
	width:980px;
	height:40px;
	background-image:url(../images/topo_arredondado.png);
	background-repeat:no-repeat;
}
#gestaoconteudo {
	width:900px;
	background-color:#ffffff;
	padding:0px 40px;
	display:table;
}
#gestaointernatexto {
	width:655px;
	float:left;
	padding: 0px 30px 10px 0px;
	border-right:solid;
	border-right-width:1px;
	border-right-color:#eeeeee;
}
#gestaointernaimagem {
	width:184px;
	height:370px;
	margin-left:30px;
	float:left;
}



/* HOME - WEB */
#webgeral {
	width:980px;
	height:512px;
	margin-bottom:20px;
	display:table;
}
#webdestaque {
	width:980px;
	height:200px;
	background-image:url(../images/titulo_web.png);
	background-repeat:no-repeat;
}
#webimagem {
	width:340px;
	height:333px;
	float:left;
}
#webchamada {
	width:595px;
	height:350px;
	float:left;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 45px;
}



/* INTERNA - WEB */
#webgeralinterna 			{width:980px; height:100%; display:table;}
#webtitulo 					{width:980px; height:200px; background-image:url(../images/titulo_web.png);	background-repeat:no-repeat;}
#webtopo 					{width:980px; height:40px; background-image:url(../images/topo_arredondado.png); background-repeat:no-repeat;}
#webconteudo 				{width:900px; background-color:#ffffff;	padding:0px 40px; display:table;}
#webinternatexto 			{width:655px; float:left; padding: 0px 30px 50px 0px; border-right:solid; border-right-width:1px; border-right-color:#eeeeee;}
#webinternaimagem 			{width:184px; height:370px; margin-left:30px; float:left;}



/* HOME - RSA */
#rsageral {
	width:980px;
	height:512px;
	display:table;
}
#rsadestaquecabecalho {
	margin:55px 0px 0px 490px;
	background-image:url(../images/rsa_destaque_cabecalho.png);
	background-repeat:no-repeat;
}
#rsadestaquecabecalho1 {
	width:388px;
	height:80px;
	padding:92px 30px 0px 72px;
	text-align:left;
}
#rsadestaquecabecalho1 span {
	font-family:"Trebuchet MS", Arial, "Arial Narrow";
	font-size:14px;
	color:#ffffff;
	line-height:20px;
	font-weight:bold;
}
#rsadestaquecabecalho2 {
	width:253px;
	height:110px;
	padding:56px 40px 0px 197px;
	text-align:left;
}
#rsadestaquecabecalho2 span {
	font-family:"Trebuchet MS", Arial, "Arial Narrow";
	font-size:12px;
	color:#ffffff;
	line-height:18px;
	
}



/* INTERNA - CLIENTES */
#clientesgeralinterna 		{width:950px; display:table;}
#clientestitulo 			{width:980px; height:170px; background-image:url(../images/titulo_clientes.png); background-repeat:no-repeat; background-position:bottom;}
#clientestopo 				{width:980px; height:40px; background-image:url(../images/topo_arredondado.png); background-repeat:no-repeat;}
#clientesconteudo 			{width:900px; background-color:#ffffff;	padding:0px 40px; display:table;}
#clientesinternatexto 		{width:900px; float:left;}
#clienteblocogeral 			{width:900px; display:inline-block;/* background-color:#FF0000;*/}
.clientebloco1 				{width:224px; height:120px;	float:left;	border-style:solid;	border-color:#e5e5e5; border-bottom-width:1px; border-right-width:1px; display:inline-block;}
.clientebloco1:hover 		{background-color:#f1f1f1; cursor:pointer;}
.clientebloco2 				{width:224px; height:120px; float:left;	border-style:solid;	border-color:#e5e5e5; border-bottom-width:1px; border-right-width:1px; display:inline-block;}
.clientebloco2:hover 		{background-color:#f1f1f1; cursor:pointer;}
.clientebloco3 				{width:224px; height:120px; float:left;	border-style:solid;	border-color:#e5e5e5; border-bottom-width:1px; border-right-width:1px; display:inline-block;}
.clientebloco3:hover 		{background-color:#f1f1f1; cursor:pointer;}
.clientebloco4 				{width:225px; height:120px;	float:left;	border-style:solid;	border-color:#e5e5e5; border-bottom-width:1px; display:inline-block;}
.clientebloco4:hover 		{background-color:#f1f1f1; cursor:pointer;}

#clientedescricao 			{width:164px; height:63px; margin: 32px 0px 0px 0px; float:left;}
#clientedescricao span 		{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:11px;	color:#666666; line-height:16px;}
#clientebotao 				{margin: 10px 0px 0px 82px;	float:left;}



/* INTERNA - CASES */
#casesgeralinterna 			{width:980px; height:100%; display:table;}
#casestitulo 				{width:980px; height:200px;	background-image:url(../images/titulo_clientes.png); background-repeat:no-repeat;}
#casestopo 					{width:980px; height:40px; background-image:url(../images/topo_arredondado.png); background-repeat:no-repeat;}
#casesconteudo 				{width:900px; background-color:#ffffff;	padding:0px 40px; display:table;}
#casesinternatexto 			{width:900px; float:left;}

#casesblocogeral 			{width:900px; height:480px;	display:table;}
#casesbloco1 				{width:304px; height:470px;	float:left;	padding-right:50px;	border-style:solid;	border-color:#e5e5e5; border-right-width:1px;}
#casesbloco2 				{width:175px; height:340px; float:left;	padding: 130px 40px 0px 40px;}
#casesbloco3 				{padding-left:30px; width:500px; height:470px;	float:left;	border-style:solid;}
#casesbloco4 				{width:465px; height:340px;	float:left;	border-style:solid;	padding: 130px 40px 0px 40px;}
div.scrollable 				{width:290px; height:470px; float:left;	border-style:solid;	position:relative; overflow:hidden;}
div.scrollable div.items 	{height:410px; width:20000em; position:absolute;}
div.scrollable div.items div {float:left;}

#casesmarca1 				{display:table;	width:100%;	height:130px; position:relative; overflow:hidden;}
#casesmarca2 				{position:absolute; top:50%; display:table-cell; vertical-align:middle;}
#casesmarca3 				{position:relative; top:-50%}
#casesnavegacaopeca 		{width:100%; height:50px; text-align:right;	padding-top:18px;}
#casespeca 					{width:100%; height:390px; text-align:right;}
#casesnavegacaocase1 		{width:450px; height:50px; text-align:left;	float:left;	margin-top:20px;}
#casesnavegacaocase2 		{width:450px; height:50px; text-align:right; float:left; margin-top:20px;}

.modalcasegeral				{width:940px; height:540px;}
.modalcasegeral2			{width:420px; height:550px;}
.modaltitulo				{width:900px; height:35px; margin:10px 20px 0px 20px; border-bottom:1px #e5e5e5 solid;}
.modalcasebloco1			{width:319px; height:455px; float:left; padding:20px 40px 20px 20px; border-right:1px #e5e5e5 solid;}
.modalcasebloco1conteudo	{width:100%; height:395px; display:block;}
.modalcasebloco1botoes		{width:100%; height:40px; margin:20px 0px 0px 0px;}
.modalcasebloco2			{width:500px; height:455px; float:left; padding:20px 20px 20px 40px;}
.modalcasebloco3			{width:420px; height:550px; float:left; margin:20px 20px 20px 40px;}
.modalcasenavegaanterior	{width:93px; height:40px;/* background-color:#FFFF00;*/ float:left; text-align:left;}
.modalcasenavegafechar		{width:93px; height:40px;/* background-color:#00FFFF;*/ padding:0px 20px 0px 20px; float:left; text-align:center;}
.modalcasenavegaproximo		{width:93px; height:40px;/* background-color:#FFFF00;*/ float:left; text-align:right;}
.modalmarcacliente	 		{width:100%; padding:20px 0px 40px 0px; display:block;}

.modalcasegeralb			{width:380px; height:540px;}
.modaltitulob				{width:320px; height:35px; margin:15px 30px 0px 30px; border-bottom:1px #e5e5e5 solid;}
.modalcasebloco1b			{width:320px; height:455px; float:left; padding:20px 30px 20px 30px;}



/* INTERNA - INSTITUCIONAL (QUEM SOMOS, CONTATO ETC. */
#institucionalgeralinterna	{width:980px; /*height:850px;*/ display:table;}
#institucionaltitulo 		{width:980px; height:135px;}
#institucionaltopo 			{width:980px; height:40px; background-image:url(../images/topo_arredondado.png); background-repeat:no-repeat;}
#institucionalconteudo 		{width:900px; height:auto; background-color:#ffffff; padding:0px 40px; display:block;}

#contatoconteudo 			{width:900px; height:550px; background-color:#ffffff; padding:0px 40px; display:table;}
#institucionalinternatexto 	{width:900px; float:left; display:table;}
#institucionalgeralinterna  {width:980px; height:auto; display:block;}
#institucionalblocogeral 	{width:900px; height:600px;	}
#institucionalbloco1 		{width:390px; height:400px;	float:left;	border-style:solid;	border-color:#e5e5e5; border-right-width:1px; padding-top: 10px; padding-right: 50px; padding-bottom: 0px; padding-left: 0px;	display:table;}
#institucionalbloco2 		{width:175px; height:400px;	float:left;	padding-top: 10px; padding-right: 40px;	padding-bottom: 0px; padding-left: 40px;}
#institucionalbloco3 		{width:184px; height:380px;	float:left;	display:table; padding-top: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px;}
#contatogeralinterna 		{width:980px; height:710px;	display:table;}
#contatoblocogeral 			{}
#contatobloco1 				{width:390px; height:430px;	float:left;	border-style:solid;	border-color:#e5e5e5; border-right-width:1px; padding-top: 10px; padding-right: 50px; padding-bottom: 0px; padding-left: 0px;	display:table;}
#contatobloco2 				{width:370px; height:320px; float:left;	padding-top: 10px; padding-bottom: 0px; padding-left: 40px;}
#contatobloco3 				{width:155px; height:100px; display:table; float:left; padding-right:30px;}
#contatobloco4 				{width:165px; height:85px; display:table; float:left; padding-right:5px;}
#contatobloco5 				{float:left; width:390px; display:table;}
#contatobloco6  			{width:160px; height:85px; display:table; float:left; padding-left:15px;}
#contatotexto3.label 		{float:left;}
#formulario 				{width:400px; display:table; margin:0px 0px 0px 0px; font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:11px; color:#666666;}



/* FORMATANDO INPUT, SELECT E TEXTAREA */
label 						{display:block; margin:3px 0px;}
input, textarea, select 	{color:#666666;	width:auto; border:solid 1px #e9e9e9; background-color:#f1f1f1;	margin:3px 0px;}



/* SELECT COM LARGURA AUTOMÁTICA */
select 						{width: auto;}
textarea 					{height: 70px; overflow: auto; /* BARRA DE ROLAGEM AUTOMÁTICA */}



/* FORMATAÇÃO DO BOTÃO */
button 						{margin-top:5px; border: none;}
li 							{position:relative;	margin-bottom:5px; list-style:none;	font-size:13px;}
li.esquerda 				{width:200px; height:50px; float:left;}
li.direita 					{width:200px; height:50px; float:right;}
li.total 					{width:400px; height:100px;	float:left;}



#institucionalnavegacaopeca {width:100%; height:44px; text-align:right;	padding-top:18px;}
#institucionalpeca 			{width:100%; height:410px; text-align:right;}
#institucionalnavegacaocase1{width:450px; height:50px; text-align:left;	float:left;	margin-top:20px;}
#institucionalnavegacaocase2{width:450px; height:50px; text-align:right; float:left; margin-top:20px;}



/* RODAPE */
#rodapefundo 				{width:100%; height:280px; background-image:url(../images/rodape_fundo.jpg); background-position:center; background-repeat:repeat; display:block; clear:both;}
#rodapegeral 				{width:980px; height:265px;}
#rodapetopo 				{width:940px; height:37px; padding-left:40px; padding-top:28px;}
#rodapebloco1 				{width:160px; height:200px;	float:left;	border-left:solid; border-left-color:#7fd175; border-left-width:1px; padding-left:40px;}
#rodapebloco2 				{width:210px; height:200px; float:left;	border-left:solid; border-left-color:#7fd175; border-left-width:1px; padding-left:40px;}
#rodapebloco3 				{width:240px; height:200px; float:left;	border-left:solid; border-left-color:#7fd175; border-left-width:1px; padding-left:40px;}
#rodapebloco4 				{width:207px; height:200px;	float:left;	padding-right:40px;}
#rodapebloco4 p 			{margin-top:0px; margin-bottom:20px;}
.rodapeblocotopo 			{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:14px;	font-weight:bold; color:#FFFFFF;}
.rodapeblocotopo a 			{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:14px;	font-weight:bold; color:#FFFFFF; text-decoration:none;}
.rodapeblocotopo a:hover 	{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:14px;	font-weight:bold; color:#54c247; background-color:#FFFFFF; padding:0px 2px;}
.rodapeblocoul 				{list-style-image:url(../images/icone_lista.png); padding-left:12px;}
.rodapeblocoul li 			{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:12px;	line-height:24px; color:#FFFFFF; padding-left:10px;}
.rodapeblocoul li a 		{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:12px;	line-height:24px; color:#FFFFFF; text-decoration:none;}
.rodapeblocoul li a:hover 	{font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma;	font-size:12px;	line-height:24px; color:#54c247; background-color:#FFFFFF; padding:0px 2px;}

#testdiv 					{width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#ffffff;}
#tinybox 					{position:absolute; display:none; background:#ffffff url(images/preload.gif) no-repeat 50% 50%;/* border:10px solid #ffffff;*/ z-index:2000;}
#tinymask 					{position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:1500}
#tinycontent 				{background:#ffffff;}
.button 					{font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer;}
.button:hover 				{border:1px solid #bbb; background:#e3e3e3;}