/* -------------------------------------------------------------- 
  
   CSS Framework
   Desenvolvido por: Adauto Nobre
   Aplicação em Layout PHP + CSS   
   
-------------------------------------------------------------- */


@charset "utf-8";
/* Declaração do Charset*/

body{margin:0px; padding:0px; background-image:url(imagens/bg.png); text-align:center; /* hack para o IE */}
#geral{width:980px; margin:0 auto; text-align:center;}
/* Definição de Base Geral das Páginas*/



#topo{margin:0; width:980px; height:145px; background-image:url(imagens/header.jpg);}
#menu_topo{margin:0; width:960px; height:40px; line-height:40px; text-align:right; padding-right:30px;}
#menu{float:left; width:210px; margin:26px 0 0 0;}
#paginas{float:left; width:494px; margin:30px 0 0 33px; background-color:#fff;} /* - topo, direita, rodapé, esquerda -*/
#direito{float:right; width:220px; margin:30px 0 0 0;}
#rodape{margin:0 auto; width:494px; height:105px; clear:both;}
/* Definição dos Boxs Primarios das Páginas*/


h6{font-size:12px; color:#fff; font-weight:normal; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif;}
h6 a{color:#fff; text-decoration:none;}
h6 a:hover{color:#CCC;}


h5{font-size:11px; color:#666; padding:0px; margin:0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:15px;}
h5 a{color:#666; text-decoration:none;}
h5 a:hover{color:#0170b5;}


div#paginas ul{width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}
div#paginas ul li{line-height:30px; list-style:none; color:#558055;}
div#paginas ul li a{text-decoration:none; color:#666;}

h3{font-size:12px; font-weight:bold; color:#fff; background-color:#BDCCAA; padding:8px; margin:0px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

h4{font-size:12px; font-weight:normal; color:#666; padding:20px; margin:0px; font-family:Arial, Helvetica, sans-serif; text-align:justify; line-height:20px;}
h4 a{color:#666; text-decoration:none;}
h4 a:hover{color:#0170b5;}

h1{font-size:12px; color:#666; margin:0px; padding:0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:120px;}
/* Aplicações Secundárias do CSS do Topo */

#menu_lateral{width:210px; margin:0 auto; text-align:center;}
#menu_fale{background:url(imagens/bg_left_hover.gif); width:210px; height:60px; margin:4px 0 0 0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:60px; display:inline-block; text-decoration:none;}
#menu_fale a{color:#fff; text-decoration:none;}
#menu_fale a:hover{color:#ccc;}

#detalhes{width:210px; margin:0 auto; text-align:left; margin:30px 0 0 0;}

#box_veiculo{width:455px; height:125px; text-align:center; margin:auto 0; margin-bottom:40px;}
#foto_veiculo{width:170px; height:120px; text-align:center; float:left; border:2px solid #ccc;}
#conteudo_veiculo{width:260px; height:100px; text-align:left; float:right;}

#box_veiculo2{width:455px; height:auto; text-align:left; margin-bottom:35px; line-height:30px;}
#foto_veiculo2{width:455px; height:100px; text-align:center; margin:auto 0; padding-left:4px;}
#exibe_foto{width:78px; height:78px; text-align:center; float:left; border:2px solid #ccc; margin-right:9px;}
#conteudo_veiculo2{width:455px; height:auto; text-align:left; margin-top:20px; }

#botao
{
	width:120px;
	height:25px;
	text-align:center;
	float:left;
	line-height:25px;
    margin-top:15px;
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#0170b5;
}
#botao a{text-decoration:none; color:#fff;}
#botao a:hover{color:#fff;}
#botao a:active{color:#fff;}


.txt_titulo{font-size:16px; color:#0170b5; font-weight:bold; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif;}

.txt_menu{font-size:12px; color:#666; font-weight:normal; line-height:20px; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif;}
.txt_menu a{color:#666; text-decoration:none;}
.txt_menu a:hover{color:#0170b5;}
.txt_menu a:active{color:#666; text-decoration:none;}

/* Formulário Contato*/

#detalhes_form{width:430px; height:10px; margin-bottom:15px; padding:10px; border:#0170b5 solid 1px; font-size:12px; background-color:#0170b5; color:#FFF; font-weight:normal; line-height:10px; font-family:Arial, Helvetica, sans-serif;}




#form {
	width:432px;
	background-color:#F0F0F0;
	border:#d9f0ff dashed 1px;
	height:auto;
	clear:both;
	padding:10px;
}

.col1 {
	text-align: right;
	width: 160px;
	height: 31px;
	margin: 0 0 0 0;
	float: left;
	color:#4397cb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.col2 {
	width: 180px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
}

.col3 {
	width: 190px;
	height: auto;
	display: block;
	float: left;
	margin: 0;
}

.botao {
	width: 150px;
	height: auto;
	display: block;
	float: right;
	margin: 10px 0 0 0;
	padding-bottom:30px;
	float: right;
}

.botao2 {
	width: 150px;
	height: auto;
	display: block;
	float: right;
	margin: 10px 0 0 0;
	padding-bottom:30px;
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(images/bg_textarea.gif) no-repeat;
}

.col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url(images/bg_label_comment.gif) no-repeat;
}



div.row {
	clear: both;
	width: 450px;
}

.submit {
	height: 25px;
	width: 125px;
	background:#0170b5;
	border:none;
	font-size:12px;
	color:#fff;
	text-align:center;
	margin-top:10px;
} 

.input {
	background-color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #d9f0ff;
	width: 274px;
}

.file {
	background-color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #d9f0ff;
}

.select {
	background-color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #d9f0ff;
}

.textarea {
	border: 1px solid #d9f0ff;
	background-color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 4px 0 5px 8px;
	height:80px;
	width: 278px;
}

/* css das divs conteudo de texto ocultavel*/

div#sh_1, #sh_2, #sh_3, #sh_4, #sh_5, #sh_6, #sh_7, #sh_8, #sh_9, #sh_10, #sh_11, #sh_12, #sh_13, #sh_14, #sh_15, #sh_16, #sh_17, #sh_18, #sh_19, #sh_20, #sh_21 {display:none;}