/*CSS - Translios Transportes de Jundiaí*/
/*Fohat Lux - Design*/


*{
	margin:0;
	padding:0;
	list-style:none;
	line-height:16px;
}
img{ border:none; }

body{
	background:#535353 url(../images/bg.png) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
a{
	color:#8B3C3C;
	text-decoration:underline;
}
a:hover{
	color:#660000;
	text-decoration:none;
}

h3{
	color:#660000;
	font-size:22px;
	font-weight:normal;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	margin:25px 0 10px 0;
}


#geral{
	margin:0 auto;
}


/* TOPO - Inicio */
#topo{
	background:#8B3C3C url(../images/bg_topo.png);
	margin:50px auto 0 auto;
	width:730px;
	height:186px;
	display:table;
	clear:both;
}
#topo img#logo{
	position:absolute;
	display:block;
	margin:18px 0 0 -15px;
}

#topo div#flash_topo{
	position:absolute;
	margin:-50px 0 0 385px;
}

#home{
position:absolute;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:20px 0 0 20px;
display:none;
}

/* TOPO - Fim */

/* MENU - Inicio */

ul#menu{
	background:#D3CAB2;
	display:table;
	margin:0 auto;
	padding:0 0 0 20px;
	width:710px;
}

ul#menu li{
	display:block;
	float:left;
	height:34px;
}

ul#menu li a{
	color:#F8F7F1;
	text-transform:uppercase;
	font-family:Tahoma, "Arial Narrow", Arial, sans-serif;
	font-size:11px;
	text-decoration:none;
	height:22px;
	display:block;
	float:left;
	background:#936C64 url(../images/det_menu.gif) right bottom no-repeat;
	padding:8px 16px 0 16px;
}
ul#menu li a:hover, ul#menu li a.active{
	color:#FFF;
	text-transform:uppercase;
	font-family:Tahoma, "Arial Narrow", Arial, sans-serif;
	font-size:11px;
	text-decoration:none;
	height:26px;
	display:block;
	float:left;
	background:#662B2B url(../images/bg_menu_on.png) right bottom no-repeat;
	padding:8px 16px 0 16px;
}
/* MENU - Fim */


#conteudo{
	background:#E2DCCC url(../images/bg_conteudo.png) top repeat-x;
	margin:0 auto;
	width:690px;
	display:table;
	clear:both;
	padding:20px;
}

/* DIREITA - Inicio */
#direita{
	float:right;
	width:225px;
}
	
#direita div.box{
	background:#EBE7DB;
	padding:2px 2px 2px 2px;
	border:1px solid #C0BBAE;
	margin:0 0 10px 0;
}
#direita div.box h2{
	color:#E2DCCC;
	background:url(../images/bg_box_tit.png) left top no-repeat;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:17px;
	font-weight:normal;
	padding:13px 0 0 15px;
	height:45px;
	margin:0 0 10px 0
}
#direita div.box p{
	margin:10px;
}
#direita div.box ul{
	margin:10px;
	border-top:1px solid #C0BBAE;
	border-bottom:1px solid #FFFFFF;
}
#direita div.box ul li{
	border-bottom:1px solid #C0BBAE;
	border-top:1px solid #FFFFFF;
}
#direita div.box ul li a{
	color:#8B3C3C;
	text-decoration:none;
	display:block;
	padding:4px 0;
}
#direita div.box ul li a:hover{
	color:#660000;
}
/* DIREITA - Fim */

/* TEXTO - Inicio */
#texto{
	margin:0 250px 0 0;
	text-align:justify;
}

#texto h1 img{
	display:block;
	margin:0 0 10px 0;
}

#texto h2{
	font-size:22px;
	font-weight:normal;
	color:#753232;
	margin:0 0 10px 0;
}

#texto p{
	margin:0 0 10px 0;
}

#img_destaque{
	margin:0 20px 0 0;
	float:left;
	display:block;
	
}

div.clientes_logos{
	display:table;
	margin:0 0 20px 0;
	_height:22px;
}

div.clientes_logos h2{
	padding:0 0 10px 0;
}

div.clientes_logos img{
	float:left;
	display:block;
	margin:0 8px 10px;
	border:1px solid #999;
	padding:2px;
}

.link1{
	font-weight:bold;
	text-decoration:none;
	display:block;
	color:#8B3C3C;
	margin:0 0 2px 0;
}
.box_desc{
	display:none;
}

.cidade_desc{
	background:#D3CAB2;
	margin:5px 10px 10px 10px;
	padding:10px 10px 20px 10px;
}

.cidade_fotos{
	margin:-25px auto 15px 40px;
	width:370px;
}

.cidade_fotos ul li{
	display:inline;
}

.cidade_fotos ul li img{
	background:#E2DCCC;
	border:#D3CAB2 solid 3px;
	padding:2px;
}

#box{
	display:table;
	width:100%;
}
		
#box_left{
	width:420px;
	margin:0 30px 0 0;
}

#box_left div#flash_topo{
	margin:30px 0 30px 0;
	text-align:center;
}

#box_right{
	width:230px;
	float:right;
}

#infolios{
	padding:10px;
	border:#C0BBAE 1px solid;
	background:#EBE7DB;
	margin:0 0 25px 0;
}
#infolios hr{
	border:none;
	background:none;
	height:1px;
	border-top:1px solid #333;
	margin:10px 0;
	width:100%;
}
#infolios h2{
	padding:10px;
	background:#E9E3CF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:none;
	color:#333;
}

#tempo{
	border:#C0BBAE 1px solid;
	background:#EBE7DB;
	margin:15px 0 15px 0;
}

#tempo div{
	height:170;
	width:150;
	margin:5px 0 5px 40px;
}


#calendario{
	padding:10px;
	border:#C0BBAE 1px solid;
	background:#EBE7DB url(../images/bg_top_calendario.jpg) top repeat-x;
}

#calendario h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	color:#EBE7DB;	
	margin:0 0 10px 0;
}

.spiral{
	position:absolute;
	margin:-18px 0 0 10px;
}

.lateral{
	position:absolute;
	margin:5px 0 0 219px;
}

#destaque{
	display:table;
	margin:0 0 0 10px;
	_margin:0;
	clear:both;
}

.box{
	display:table;
	width:191px;
	background:#EBE7DB;
	float:left;
	border:#C0BBAE 1px solid;
	margin:0 15px;
}
div#last{
	margin-right:0;
}
.box img.carro{
	position:absolute;
	margin:-4px 0 0 -29px;
}
.box img.top{
	padding:1px;
}
.box p{
	padding:10px;
}

.img_noticia{
	float:left;
	margin:0 30px 30px 0;
	border:1px solid #999;
	padding:2px;
}

#noticias #titulos{
	margin:15px 0 0 0;
	float:left;
	padding:10px;
	background:#CEC5AD;
	border-bottom:#FFF solid 1px;
	color:#662B2B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	width:367px;
}

/* TEXTO - Fim */

/* RODAPE - Inicio */
#rodape{
	text-align:center;
	margin:20px auto auto 15px;
}

#rodape p{
	font:12px Verdana;
	margin:0 0 5px 0;
	color:#FFFFFF;
}

#rodape address{
	font:10px Verdana;
	margin:0 0 10px 0;
	line-height:15px;
	color:#E2DCCC;
}

#rodape a{
	font:10px Verdana;
	margin:0 0 20px;
	color:#E2DCCC;
	text-decoration:none;
}

#rodape a:hover{
	font:10px Verdana;
	margin:0 0 20px;
	color:#E2DCCC;
	text-decoration:underline;
}
