@charset "utf-8";
/*  
* Rodoviário Camilo dos Santos
***********************************************
Agência: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
XHTML+CSS: Aline Tinoco
Programação: Renan Toniolo
Last CSS update: 03/2010
Notes: Folha padrão
***********************************************
=]
***********************************************
*/
* {
padding:			0px;
margin:				0px;
}
body{
padding:        	0;
margin:				0;
text-align:			center;
background:			#FFF url(../images/bg_body.jpg) center top no-repeat;
font:				13px "trebuchet ms", Arial, Helvetica, sans-serif;
color:				#666;
}
body#home{
background:			#FFF url(../images/bg.jpg) center top no-repeat;
}
/*********************************************Estrutura*/
#site, #rodape{
width:				960px;
height:				auto;
margin:				0 auto;
text-align:			left;
padding:        	0;
position:			relative;
}
#logo{
width:				315px;
height:				69px;
padding:            10px 0 0 0;
float:				left;
margin:  			0px;
background:			url(../images/bg_logo.png) left top no-repeat;
position:			absolute;
left:				234px;
}
#palco{
padding:            25px;
}
#fita_contato{
position:			absolute;
top: 				5px;
left:				600px;
}
#flash{
float:			right;
margin-left:			60px;
z-index:			1;
margin-top:				57px;
margin-bottom:			30px;
}
#webcargas_rel{
position:			relative;
}
#webcargas{
z-index:			2;
position:			absolute;
top:				300px;
left:               20px;
}
#bons_flash{
z-index:			2;
position:			absolute;
top:				350px;
right:              25px;
}
#rodape{
font-size:			11px;
color:				#36619A;
height:				30px;
}
#rodape p{
width:				880px;
float:				left;
}
#rodape img{
float:				left;
}
#Lateral{
width:				234px;
height:				auto;
float:				left;
}
#Principal{
width:				675px;
min-height: 550px;
float:				right;
margin-top:			150px;
margin-right:		40px;
}
/*********************************************MEmu*/
#menu{
width:				234px;
height:				288px;
margin:             0;
float:				left;
background:			url(../images/bg_topo.png) left top no-repeat;
padding-top:        4px;
z-index:			9;
position:			absolute;
}
#menu li{
width:				150px;
list-style:			none;
font-size:			11px;
margin:             2px 10px 3px 40px; 
background:			url(../images/bg_menu_li.gif) left center no-repeat;
padding-left:       10px;
border-bottom:		1px solid #E2F2FC;
}
#menu li a{
color:				#3E6CAA;
padding:            0px 6px;
}
#menu li a:hover{
color:				#3E6DAA;
font-weight:        bolder;
}
/*********************************************Titulos*/
h1{
visibility:		    hidden;
display:			none;
}
h2{
font-size:			19px;
margin-bottom:      15px;
}
h2 span{
display:			none;
visibility:			hidden;
}
h2#atendimento{
background:			url(../images/titulos/t_atendimento.gif) left top no-repeat;
width:				193px;
height:				16px;
}
h2#assessoria{
background:			url(../images/titulos/t_assessoria_imprensa.png) left top no-repeat;
width:				189px;
height:				20px;
margin-top: 		10px;
}
h2#novidades{
background:			url(../images/titulos/t_novidades.gif) left top no-repeat;
width:				96px;
height:				16px;
}
h2#t_clientes{
background:			url(../images/titulos/t_cliente.gif) left top no-repeat;
width:				176px;
height:				28px;
}
h2#t_webcargas{
background:			url(../images/titulos/t_webcargas.gif) left top no-repeat;
width:				137px;
height:				37px;
}
h2#cidades{
background:			url(../images/titulos/t_cidades.gif) left top no-repeat;
width:				195px;
height:				23px;
}
h2#institucional{
background:			url(../images/titulos/t_institucional.gif) left top no-repeat;
width:				144px;
height:				23px;
}
h2#segundavia{
background:			url(../images/titulos/t_segundavia.gif) left top no-repeat;
width:				271px;
height:				30px;
}
h2#erro{
background:			url(../images/titulos/t_erro.gif) left top no-repeat;
width:				44px;
height:				23px;
}
h2#servicos{
background:			url(../images/titulos/t_servicos.gif) left top no-repeat;
width:				89px;
height:				23px;
}
h2#carga{
background:			url(../images/titulos/t_carga.gif) left top no-repeat;
width:				131px;
height:				30px;
}
h2#t_contato{
background:			url(../images/titulos/t_fale.gif) left top no-repeat;
width:				141px;
height:				23px;
}
h2#documentacao{
background:			url(../images/titulos/t_documentacao.gif) left top no-repeat;
width:				164px;
height:				23px;
}
h2#solicite{
background:			url(../images/titulos/t_solicite.gif) left top no-repeat;
width:				200px;
height:				23px;
}
h2#ebs{
background:			url(../images/titulos/t_ebs.gif) left top no-repeat;
width:				148px;
height:				26px;
}
h2#dicas{
background:			url(../images/titulos/t_dicas.gif) left top no-repeat;
width:				62px;
height:				23px;
}
h2#noticias{
background:			url(../images/titulos/t_noticias.gif) left top no-repeat;
width:				89px;
height:				23px;
}
h2#outras{
background:			url(../images/titulos/t_outras.gif) left top no-repeat;
width:				114px;
height:				16px;
}
h2#cotacao{
background:			url(../images/titulos/t_cotacao.gif) left top no-repeat;
width:				89px;
height:				25px;
}
h2#resp{
background:			url(../images/titulos/t_resp.gif) left top no-repeat;
width:				260px;
height:				25px;
}
h2#t_centrais{
background:			url(../images/titulos/t_centrais.gif) left top no-repeat;
width:				264px;
height:				23px;
}
h2#newsletter{
background:			url(../images/titulos/t_cadastre.gif) left top no-repeat;
width:				105px;
height:				16px;
margin:             13px 0 5px 0;
}
h2#t_enviar{
background:			url(../images/titulos/t_enviar.gif) left top no-repeat;
width:				486px;
height:				30px;
}
h2#t_entrega{
background:			url(../images/titulos/t_entrega.gif) left top no-repeat;
width:				513px;
height:				30px;
}
h2#enderecos{
background:			url(../images/titulos/t_enderecos.gif) left top no-repeat;
width:				237px;
height:				25px;
}
h2#imprensa{
background:			url(../images/titulos/t_imprensa.gif) left top no-repeat;
width:				260px;
height:				25px;
}
h3{
color:				#3E6CAA;
margin:				20px 0 0 0;
font-size:			13px;
font-weight:		normal;
}
h3 a, h3 a:visited{
color:				#3E6CAA;
}
.mapa h3{
background:			url(../images/seta.gif) left center no-repeat;
padding-left:       20px;
}
h3.ba{
background:			url(../images/setaBa.gif) left center no-repeat;
padding-left:       20px;
}
h3.portfolio{ 
float: right;
}
h3.portfolio a{ 
background:#3D6DA9; 
color:#fff; padding: 5px; 
-moz-border-radius:5px;
border-radius:5px;
}
h3.portfolio a:hover{
background:#D1E3F1; 
color:#3D6DA9;
-moz-border-radius:5px;
border-radius:5px;
}
h4, h4 a, h4 a:visited{
color:				#31588C;
}
/*********************************************DIVS*/
.box_285{
width:				285px;
float:				left;
height:				auto;
}
.novi{
margin:	         	0 70px 0 40px;
width:				230px;
}
.cid{
width:				325px;
height:				190px;
cursor:				pointer;
margin-top:			-20px;
}
.cid embed{
cursor:				pointer;
}
.cid a, .cid a:visited{
font-style:			italic;
color:				#2E5487;
}
#env_end{
background:			url(../images/bg_rodape.gif) center top no-repeat;
width:				100%;
height:				130px;
margin-top:			50px;
}
#end{
background:			url(../images/caixa.jpg) left center no-repeat;
width:				900px;
height:				112px;
margin:				0 auto;
text-align:			left;
padding:	        30px 0 0 120px;

}
.box_235{
width:				155px;
margin-left:        30px;
float:				left;
font-size:			12px;
}
.box_235 h4{
font-size:			12px;
}
#baixo_rodape{
float: left;
height: 145px;
width: 900px;
text-align: left;
}
.col_lateral{
width:				210px;
position:			absolute;
top:				300px;
left:				25px;
}
.box_200{
width:				auto;
background:			url(../images/bg_fragil.gif) left top no-repeat;
height:				300px;

}
.Left{
float:				left;
width:				225px;
font-size:			12px;
}
.ladoa{
width:				420px;
float:				left;
margin-right:		25px;
}
.ladob{
width:				230px;
float:				left;
}
.palco_cargo{
width:				700px;
float:				left;
margin-right:		25px;
}
.palco_tde{
width:				700px;
float:				left;
margin-right:		25px;
margin-bottom:		190px;
}
.box_250{
float: left;
width: 250px;
height: 160px;
margin-left: 30px;
}
.galeria img{
margin:				17px 17px 0 0;
border:				2px solid #31588C;
width:				120px;
}
#box_contato{
float: left;
width: 400px;
}
#box_imprensa{
float: left;
width: 200px;
text-align: center;
}
.bt_esquerda{
float: left;
width: 227px;
}
/*********************************************Listas*/
ul.news{
width:				200px;
}
ul.news li{
list-style:			none;
margin-top:			10px;
}
ul.news li a{
color:				#666;
}
ul.news li a span{
color:				#8CC5F1;
display:			block;
}
.ulLeft{
width:				40%;
float:				left;
margin-left:        35px;
}
ul.docs li, ul.servicos li {
list-style:			none;
background:			#EFF8FF url(../images/doc.gif) left center no-repeat;
border-bottom:		1px solid #9FD4F3;
padding:             3px 5px 3px 25px;
cursor:				pointer;
width:				445px;
margin-bottom:       1px;
}
ul.servicos li{
width:				220px;
background:			transparent;
padding:            1px 3px;
}
ul.cargas li{
width:				500px;
background:			transparent;
padding:            1px 3px;
list-style:			none;
border-bottom:		1px solid #9FD4F3;
padding:             3px 5px 3px 25px;
cursor:				pointer;
width:				445px;
margin-bottom:       1px;
}
ul.docs li:hover{
background:		 #9FD4F3;
}
ul.imprensa li{
list-style:			none;
background:			transparent;
border-bottom:		1px solid #9FD4F3;
padding:             3px 0px 3px 0px;
cursor:				pointer;
width:				650px;
margin-bottom:       1px;
}
ul.imprensa li:hover{
background: #CEE3F4;
}
#masterdiv .titulo{
background:			#EFF8FF url(../images/ico_dicas.gif) left center no-repeat;
border-bottom:		1px solid #9FD4F3;
padding:            5px 5px 5px 25px;
cursor:				pointer;
}
.submenu{
background:			trasnparent!important;
min-height:         100px;
padding:            10px;
}
.submenu img{
margin-right:		10px;
height:				100px;
}
.mapa{
background:			url(../images/bg_mapa.gif) center center no-repeat;
min-height:				512px;
}
#formMapa label{
width:				150px;
padding-top:       5px;
}
#formMapa select{
width:			120px;
}
ul.lista_fotos li{
list-style:			none;
display:			inline;
float:				left;
margin:             10px 0;
}
ul.lista_fotos li a img{
width:				140px;
height:				140px;
margin:             10px 5px;
border:             2px solid #7293B4;
}
ul.lista_fotos li a img:hover{
width:				150px;
height:				150px;
margin:             5px 0px;
border:             2px solid #7293B4;
}
/*********************************************formulario*/
label{
width:				80px;
height:				auto;
padding:			0;
margin:				5px;
float:			    left;
text-align:			right;
}
input, select, textarea{
width:				auto;
height:				auto;
padding:			3px;
margin:				5px;
background:			#FFF;
font-size:			11px;
color:				#333;
border:				1px solid #557EB4;
}
input:focus , select:focus, textarea:focus{
color:				#000;
border:				1px solid #6D4D34;
background: 		#F7F7F7;
}
.ok{
width:				auto;
height:				auto;
padding:            2px 5px;
margin:				5px;
background:			#557EB4 url(../images/bg_ok.jpg) left top repeat-x;
font-size: 			15px; 
font-weight:		bolder;
color:				#F7F7F7;
cursor:				pointer;
border:				none;
overflow:			visible;
}
#FormNews label{
margin:				0 0 0 5px;
text-align:			left;
}
/*********************************************Gerais*/
.imgOn{
margin:                 15px 0;
}
img{
border:					none;
}
.chamada{
text-align:				center;
color:					#888;
font-style:				italic;
}
.clear{
clear:					both;
font-size:				1pt;
height:					1pt;
}
p{
margin:				    10px 0;
}
a{
text-decoration:		none;
color:					#666;
}
a:visited{
text-decoration:		none;
color:					#666;
}
.paginacao {
width:					auto;
height: 				auto;
clear: 					both !important;
padding: 				5px;
margin:					10px 0;
font-weight: 			bold;
color:					#000;
text-align: 			right;
}
.paginacao a {
padding: 		    	3px 5px;
background: 			#BAC7D3;
color:					#FFFFFF;
text-decoration: 		none;
border:					1px solid #BAC7D3;
margin: 				0 2px;
}
.paginacao a:hover {
padding: 	 			3px 5px;
background: 			#FFF;
color:					#BAC7D3;
text-decoration:		 none;
border:					1px solid #BAC7D3;
margin: 				0 2px;
}
span, span a, span a:visited{ 
color:				#666;
}
.erro {
  background:#f1f1f1 url(../images/error.png) 8px center no-repeat;
  background-color:#f1f1f1;
  border:1px solid red;
  color:red;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}

.sucesso {
  background:#f1f1f1 url(../images/sucess.png) 8px center no-repeat;
  border:1px solid #060;
  color:#060;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}
table caption{
color:			#666;
border-bottom:	1px solid #666;
text-align:		left;
margin-bottom:	5px;
}
table th{
background:			#F3F8FC;
text-align:			center;
}
.MsoNormal span{
color:				#666;
}
.MsoNormal p{
margin:            0;
}
.MsoNormal ul li{
margin:				-5px 5px;
}
#pop {
display: 	block;
width:		175px;
height:		232px;
border:		none;
background: transparent;
padding:	0px;
margin:		0px;
position:	fixed;
_position:	absolute;
font:		11px "Trebuchet MS";
float:		left;
top:		193px;
right:		355px;
_top:		0;
_right:		-100px;
z-index:	99;
}
#pop a, #pop a:hover {
text-decoration:none;
color:		#FFF;
padding:	3px;
}
#pop img {
border:		none;
}
#env_popup{
display: 	block;
width:		100%;
height:		100%;
border:		none;
background: url(../images/bg_popup.png) repeat;
padding:	0px;
margin:		0px;
position:	fixed;
_position:	absolute;
left:		0;
bottom:		0;
font:		11px "Trebuchet MS";
float:		left;
bottom:		0;
right:		0px;
_top:		0;
_right:		0px;
z-index:	9999;
}
#env_contato_cidades{
width: 650px;
}
#env_contato_cidades th{
background: none;
}
.contato_cidades{
float: left;
width: 125px;
margin-left: 20px;
}