/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html { height: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 76%;
	color: #888;
	height: 100%;
	background: #fff url(img/bg.jpg) repeat-x;
	background-color:#eff0f4;
	}
a { text-decoration: none; color: #11A0CF; font-size: 1em; padding: 1px 2px; }
a:hover { background-color: #f4f4f4; }
acronym { border-bottom: 1px dotted #cc0000; cursor: help; }

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	text-align: center;
	}	
#contador {
	height:auto;
	width:auto;
	text-align:center;
	position:relative;
	padding-top:560px;
}
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	
#header { 
	background: url(img/header_top.png) no-repeat 100% 5px; 
	width: 750px; 
	margin: 0 auto;	
	padding: 0;
	}
#header div { 
	background: url(img/header_botm.png) no-repeat 0px 70px; 
	text-align: left;
	padding: 45px 0 97px 20px;	
	}	
#header h1 {
	text-indent:-9000px;
	margin: 0; 
	clear: both;
	padding: 43px 0 0 40px;	
	font-size: 4em;	
	}
#header h1 a { 
	padding: 0;
	color: #000;
	font-family: Century Gothic, sans-serif;
	font-weight: normal;
	color: #FFF;	
	}	
#header h1 a:hover { background-color: transparent; }
* html #header h1 { padding-top: 23px; }


/*   Banner JJ Reboques e Engates  */

#header_index { 
	width: 800px; 
	margin: 0 auto;	
	padding: 0;
	}
#header_index div { 
	text-align: left;
	padding: 45px 0 20px 20px;
	}	

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#header ul {
	margin: 0 40px;
	padding: 0;
	}

#header li {
	display: inline;
	list-style-type: none;
	margin: 0 5px;
	font-size: 1.2em;
	background: url(img/nav.png) no-repeat;
	width: 114px;
	height: 25px;
	float: left;
	text-align: center;
	}	

#header li a:link {
	display: block; 
	width: 100%;
	color: #fff;
	padding-top: 7px;
	}
	
#header li a:visited {
	display: block; 
	width: 100%;
	color: #fff;
	padding-top: 7px;
	}

#header li a:hover {
	background-color: #1b6025;
	color: #9c0;
	height: 20px;
	}
	
#header li a:active {
	background-color: #1b6025;
	color: #9c0;
	height: 20px;
	}	

/*  Menu pag inicial com banner em flash  */


#header_index ul {
	margin: 0 30px;
	padding: 0;
	}

#header_index li {
	display: inline;
	list-style-type: none;
	margin: 0 5px;
	font-size: 1em;
	background: url(img/nav_index.png) no-repeat;
	width: 130px;
	height: 25px;
	float: left;
	text-align: center;
	}	

#header_index li a:link {
	display: block; 
	width: 100%;
	color: #fff;
	padding-top: 7px;
	}
	
#header_index li a:visited {
	display: block; 
	width: 100%;
	color: #fff;
	padding-top: 7px;
	}

#header_index li a:hover {
	background-color: #1b6025;
	color: #9c0;
	height: 20px;
	}
	
#header_index li a:active {
	background-color: #1b6025;
	color: #9c0;
	height: 20px;
	}	


/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#serviços ul, li{
	color: #11A0CF;
	text-align:left;
	}
#content {
	width: 700px;
	margin: 0 auto;
	padding-bottom: 50px;
	}
* html #content { padding-bottom: 60px; }	
#content:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}	
#content h2 { 
	font-size: 20px;
	color: #333;
	font-weight: normal;
	font-size: 1.8em;	
	margin: 0 0 20px 0;
	clear: both;
	}	
#content h2 em { 
	color: #09C; 
	font-style: normal;
	}
	
.idea {
	text-align:center;
}
	
	
	
#content p {
/*	
	Para indentar o texto
	no inicio de parágrafo

	text-indent: 3em; */
	line-height: 2.5em;
	letter-spacing: 0.1em;
	text-align:justify;
	}	
	
#content ul {
	margin: 20px 0;
	padding: 0 0 0 0px;
	}	
#content li {
	list-style-type: none;
	background: url(img/bullet.png) no-repeat 0px 8px;
	padding: 0 0 0 25px;
	line-height: 2em;
	letter-spacing: 0.1em;	
	font-weight:bold;
	}	
/*

:: Pode ser usada para dar ênfase em avisos ::

#content blockquote {
	background-color: #FFFFFF; 
	margin: 20px 0;
	padding: 10px 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}
#content blockquote p { margin: 0; text-indent: 0; }

*/

/*------------------------------------------------------------*
**  Thumbnails
**------------------------------------------------------------*/
#content ul.thumbs { 
	margin: 20px 0;
	padding: 0;
	}
#content ul.thumbs:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}	
#content ul.thumbs li { 
	float: left;
	margin: 3px;
	padding: 0;
	background-image: none;
	}
#content ul.thumbs li a img { border: 5px solid #ddd; }
#content ul.thumbs li a:hover img { border: 5px solid #333; }	
html>body #content ul.thumbs li a { background-color: transparent; }
	
/*------------------------------------------------------------*
**  left
**------------------------------------------------------------*/

#left {
	float: left;
	width:438px;
	
/*	width: 225px; */

	text-align: left;
	margin-right: 35px;
	}
#alinhamento {
	text-align:center;
}

/*------------------------------------------------------------*
**  right
**------------------------------------------------------------*/
#right {
	float: right;
	width:225px;
	
/*	width: 438px; */

	text-align:justify;	
	}
		
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/		
#footer {	
	position: absolute !important;
	width: 100% !important;
	z-index: 500 !important;
	position: relative;	
	padding: 10px 0;	
	margin-top: -36px;
/*	background-color: #333; */
	background-color:#1b6125;
	color: #999;	
	font-size: 11px;
	border-top: 3px solid #ccc;
	}	
#footer p { margin: 0 10px; text-align: center; }	
#footer a:hover { background-color: #222; }


/*------------------------------------------------------------*
**  Página Sidecar
**------------------------------------------------------------*/	

#miniaturas_sidecar {
	height:auto;
	width:auto;
	}
	
#miniaturas_sidecar a {
	text-decoration:none;
	border-style:none;
	padding:0px;
	outline:none;
	}
	
#miniaturas_sidecar  a:hover {
	background-color: #fff;
	}
	
#miniaturas_sidecar img {
	border-style:none;
	}
	
	
/*a { text-decoration: none; color: #11A0CF; font-size: 1em; padding: 1px 2px; }
a:hover { background-color: #f4f4f4; }
acronym { border-bottom: 1px dotted #cc0000; cursor: help; }*/
	

#sidecar1, #sidecar2, #sidecar3,
#sidecar4, #sidecar5, #sidecar6,
#sidecar7, #sidecar8, #sidecar9,
#sidecar10, #sidecar11 {
	float:left;
	margin:10px;
	text-align:center;
	display:block;
	vertical-align:middle;
	}
	
#texto_sidecar {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#888;
	width:700px;
	text-align:justify;
	}

.textosaidcar {
	font-weight:bold;
	text-align:center;
}


/*------------------------------------------------------------*
**  Página Interna Sidecar
**------------------------------------------------------------*/	

#pag_int_sidecar {
	width:600px;
	height:auto;
	float:left;
	text-align:center;
	padding-left:80px;
}

#foto_grande {
	height:250px;
	width:300px;
/*	background-color:#0F9;*/
	float:left;
	position:static;
}

#miniaturas {
	height:auto;
	height:100px;
	float:left;
	padding-left: 30px;
}

#miniatura01 {
	height:110px;
	width:150px;
/*	background-color:#090;*/
	float:left;
	margin-bottom:15px;
	position:static;
}

#miniatura02 {
	height:110px;
	width:150px;
/*	background-color:#999;*/
	float:left;
	margin-top:15px;
	position:static;
}

#ref_sidecar {
	height:auto;
	width:480px;
/*	background-color:#6C3;*/
	float:left;
	text-align:justify;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	margin-top: 20px;
}

#esp_util {
	height:auto;
	width:480px;
/*	background-color:#6C3;*/
	float:left;
	text-align:justify;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	margin-top: 20px;
}

/*------------------------------------------------------------*
**  Página Reboques
**------------------------------------------------------------*/

#miniaturas_reboques {
	height:auto;
	width:auto;
	}
	
#miniaturas_reboques a {
	text-decoration:none;
	border-style:none;
	padding:0px;
	outline:none;
	}
	
#miniaturas_reboques  a:hover {
	background-color: #fff;
	}
	
#miniaturas_reboques img {
	border-style:none;
	}
	
#reboque1, #reboque2, #reboque3,
#reboque4, #reboque5, #reboque6,
#reboque7, #reboque8, #reboque9,
#reboque10, #reboque11, #reboque12,
#reboque13, #reboque14, #reboque15 {
	float:left;
	margin:10px;
	padding-left:8px;
	text-align:center;
	display:block;
	vertical-align:middle;
	}
	
#texto_reboques {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#888;
	width:700px;
	text-align:justify;
	}

.textoreboque {
	font-weight:bold;
	text-align:center;
}


/*------------------------------------------------------------*
**  Página Interna Reboques
**------------------------------------------------------------*/	


#pag_int_reboque {
	width:700px;
	height:auto;
	float:left;
	text-align:center;
}

#fotos_reb {
	width:700px;
	height:270px;
	float:left;
	text-align:center;
}

#fotos_reb_02 {
	width:700px;
	height:270px;
	float:left;
	text-align:center;
	margin-top:30px;
}

#foto_grande {
	height:250px;
	width:300px;
	float:left;
}

#miniaturas_reb {
	width:400px;
	height:250px;
	float:left;
}

#miniatura01_reb {
	height:110px;
	width:150px;
/*	background-color:#090; */
	float:left;
	padding:0 10px 10px 20px;
}

#miniatura02_reb {
	height:110px;
	width:150px;
/*	background-color:#999; */
	float:left;
	padding:0 10px 10px 15px;
}

#miniatura03_reb {
	height:110px;
	width:150px;
/*	background-color:#090; */
	float:left;
	padding:15px 10px 10px 20px;
}

#miniatura04_reb {
	height:110px;
	width:150px;
/*	background-color:#999; */
	float:left;
	padding:15px 10px 10px 15px;
}

#ref_reboque {
	height:auto;
	width:480px;
/*	background-color:#6C3;*/
	float:left;
	text-align:justify;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
}

#esp_util_reb {
	height:auto;
	width:480px;
/*	background-color:#6C3;*/
	float:left;
	text-align:justify;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	margin-top: 20px;
}


/*------------------------------------------------------------*
**  Página Interna Engates e Acessórios
**------------------------------------------------------------*/	

#pag_int_eng_ace {
	width:600px;
	height:auto;
	float:left;
	text-align:center;
	padding-left:80px;
}

#foto_grande_eng_ace {
	height:250px;
	width:300px;
/*	background-color:#0F9;*/
	float:left;
	position:static;
}

#esp_util_eng_ace {
	height:auto;
	width:100%;
/*	background-color:#FFF; */
	float:left;
	text-align:justify;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	margin-top: 20px;
}

#eng_ace_esq {
	width: 300px;
	float:left;
}

#eng_ace_dir {
	width: 350px;
	float:left;
	margin:30px 0px 0px 50px;
	text-align:center;
}

#eng_ace_dir img {
	padding-left:50px;
}

.textoengate {
	font-weight:bold;
	text-align:left;
}

#eng01, #eng02, #eng03 {
	width:120px;
	height:120px;
	margin:0 5px 10px 5px;
	float:left;
}

#eng01, #eng03 {
	margin-left:10px;
}

#eng01 img, #eng02 img, #eng03 img {
	border-style:none;
}

/*------------------------------------------------------------*
**  Página Contato
**------------------------------------------------------------*/	

#right_contato {
	float:left;
	width:350px;
	height:auto;
	text-align: left;
	}
	
#left_contato {
	float:left;
	width:350px;
	height:auto;
	text-align:left;
}

#loja1, #loja2, #loja3, #loja4 {
	width:auto;
	height:auto;
	font-family: Tahoma, sans-serif;
	font-size: 1.4em;
	padding-top:5px;
	float:left;
	}
	
.destaqueLoja {
	font-weight:bold;
	font-size: 0.9em;
}


/*------------------------------------------------------------*
**  Formulário
**------------------------------------------------------------*/	

legend, input, label, textarea {
display: block;
float: left;
margin-bottom:5px;
text-align:left;
}
legend {
background-color:#999999;
font-size:12px;
font-weight:bold;
color:#FFF;
padding:5px;
margin:0px;
border:1px solid #999999;
text-align:left;
}
textarea {
width:250px;
height:auto;
border:2px solid #cccccc;
text-align:left;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}
#esquerda {
background-color:#f4f4f4;
font-size:11px;
margin:0px 0px 10px 0px;
border:none;
padding:10px;
border:3px solid;
width:300px;
height:350px;
text-align:left;
float:left;
}
#direita {
background-color:#f4f4f4;
font-size:11px;
margin:0px 0px 10px 0px;
border:none;
padding:10px;
border:3px solid;
width:300px;
height:200px;
text-align:left;
float:left;
}
form input {
border:2px solid #cccccc;
text-align:left;
}
label {
text-align: left;
width: 80px;
text-align:left;
font-weight:bold;
}
br {
clear: left;
}

/*------------------------------------------------------------*
**  Formulário de Contato
**------------------------------------------------------------*/	

.formulario{
	float:left;
	height:auto;
	width:300px;
}
.form_nome{
	float:left;
	
}
.form_cidade{
	float:left;
}
.form_estado{
	float:left;
}
.form_email{
	float:left;
}
.form_assunto{
	float:left;
	padding-bottom:5px;
}
.form_mensagem{
	float:left;
}
.form_botoes{
	float:left;
	padding-top:5px;
}