/* CSS Document */

html { background: #e5e5e5; }

a { text-decoration:none; color: #000 }

a:hover { text-decoration:underline }

input { outline:none; }

body { font: 11px Tahoma; color: #FFF; background: #e5e5e5; }

/* LAYOUT */

#layout {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 1003px;
	background: #c1c2c1 url(../img/bg.jpg) top no-repeat;
}

/* TOPO */

#topo {
	position: relative;
	margin: 0 auto;
	width: 1003px;
	height: 77px;
	background: url(../img/topo_bg.jpg) repeat-y;
} 

#topo div { position: absolute; }

#topo .marcaservel { top: 9px; left: 21px; }
#topo .marcaiveco { top: 28px; right: 21px; }
#topo .marcanewholland { top: 9px; right: 21px; display: none; }

#topo .menu {
	width: 580px;
	height: 59px;
	top: 9px;
	left: 200px;
}
#topo ul { list-style: none; }

#topo ul li {
	display: inline;
	height: 59px;
	line-height: 59px;.
} #topo ul li a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size:  12px;
	padding: 10px;
}
#topo ul li a:hover { color:  #00aeef; }

/* ANIMAÇÃO */

#anim {
	position: relative;
	width: 1003px;
	height: 270px;
	border-top: solid 3px #949494;
}



/* LINHA 1 */

#linha1 {
	position: relative;
	width: 983px;
	height: 286px;
	padding:  10px;
}

#linha1 div.boxcent { left: 352px; }
#linha1 div.boxdir { right: 10px; }

#linha1 div.box {
	position: absolute;
	width: 272px;
	height: 258px;
	border: solid 1px #d1cece;
	background: url(../img/linha1_box_bg.png) repeat;
	padding: 13px;
} #linha1 div.box h2 {
	clear: both;
	width: 260px;
	height: 28px;
	background: url(../img/linha1_box_h2_bg.jpg) no-repeat;
	border: solid 1px #7bbeda;
	padding-left: 10px;
	font-size: 13px;
	line-height: 28px;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	margin-bottom: 8px;
}

#linha1 div.boxesq {
	width: 650px;
} #linha1 div.boxesq h2 { 
	width: 638px;
	background: url(../img/linha1_box_h2_bg2.jpg) no-repeat;
}

#linha1 div.box #chamada {
	display: table;
	float: left;
	width: 315px;
	color: #000;
	margin-right: 10px;
} #linha1 div.box #chamada .imagem {
	float: left;
	width: 100px;
	margin-right: 5px;
} #linha1 div.box #chamada .imagem img {
	width: 100px;
	height: 100px;
} #linha1 div.box #chamada.mb {
	margin-bottom: 10px;
}


/* LINHA 1 - interna */

#linha1 div.boxesq_interna { width: 581px; border-right: 0; }
#linha1 div.boxdir_interna { right: 10px; width: 348px; border-left: 0; }

#linha1 div.boxesq_interna h2 {
	width:  568px;
	background: url(../img/linha1_interna_box_h2_bg.jpg) no-repeat;
}

#linha1 div.boxdir_interna h2 {
	width:  338px;
	background: url(../img/linha1_interna_box_h2_bg2.jpg) no-repeat;
}

#linha1 div.boxesq_interna #conteudo {
	width: 580px;
	height: 218px;
	overflow: auto;
	text-align: justify;
	line-height: 160%;
	padding: 0;
	margin: 0;
	color: black;
} #linha1 div.boxesq_interna #conteudo p {
	margin-bottom: 5px;
} #linha1 div.boxesq_interna #conteudo h1 {
	margin: 0 0 15px;
	color: #567283;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 130%;
} #linha1 div.boxesq_interna #conteudo .mediabox {
	display: block;
	margin: 0 10px 7px 0;
	padding: 3px;
	float: left;
	border: 1px solid #9AB0BE;
	background: white;
} #linha1 div.boxesq_interna #conteudo .mediabox a {
	display: block;
	padding: 14px 0 0;
	background: url(img/mediabox_zoom.gif) no-repeat right top;
} #linha1 div.boxesq_interna #conteudo .mediabox a img {
	display: table;
	width: 200px;
} #linha1 div.boxesq_interna #conteudo .mediabox span.desc {
	display: block;
	width: 200px;
	margin: 5px 0 0;
	clear: both;
	color: gray;
	font-size: 0.9em;
	line-height: 130%;
} #linha1 div.boxesq_interna #conteudo .mediabox span.cred {
	display: block;
	width: 200px;
	margin: 5px 0 0;
	clear: both;
	color: silver;
	font-size: 0.9em;
	line-height: 130%;
}

#linha1 div.boxdir_interna {
	color: black;
} #linha1 div.boxdir_interna ul {
	list-style: none;
} #linha1 div.boxdir_interna ul li {
	display: block;
	background: url(../img/marcador.png) no-repeat;
	padding-left: 20px;
	margin: 6px 0;
} 


#linha1 div.boxdir_interna .paginacao {
	clear: both;
	text-align: center;
	font-weight: bold;
	margin-top: 15px;
} #linha1 div.boxdir_interna .paginacao a {
	text-decoration: none;
	font-weight: normal;
}

/* LINHA 2 */

#linha2 {
	position: relative;
	width: 983px;
	height: 126px;
	padding: 10px;
}

#linha2 div {
	position: absolute;
	width: 217px;
	height: 108px;
	border: solid 1px #d1cece;
	background: url(../img/linha2_box_bg.png) repeat;
	padding: 9px;
} #linha2 div h2 {
	clear: both;
	font-weight: bold;
	color: white;
	font-size: 14px;
} #linha2 div .info {
	font-size: 10px;
} #linha2 div form {
	padding: 4px 0;
} #linha2 div form .hidden {
	display: none;
} #linha2 div form input {
	width: 98%;
	display:  block;
	margin: 5px 0;
	padding:  2px;
	border: solid 1px #d1cece;
} #linha2 div form input.button {
	position: relative;
	margin: 0 auto;
	width: 45%;
	height: 20px;
	background: url(../img/input_button_bg.jpg) repeat-x;
	color: white;
	border: solid 1px #29abe2;
	cursor: pointer;
}

#linha2 div.boxcent { width: 457px; height: 116px; left: 268px; border: solid 6px #FFF; padding: 0; }
#linha2 div.boxdir { right: 10px; }

/* FORMULÁRIO */

#formulario {
	position: relative;
	margin: 0 auto;
	width: auto;
}

#formulario.contato { width: 300px; }
#formulario.cadastrese { width: 300px; }

#formulario label {
	display: block;
	margin-bottom: 2px;
	color: black;
} #formulario input, 
  #formulario textarea {
	font-weight: normal;
	padding: 2px;
	border: 0;
	width: 300px;
	border: 0;
} #formulario textarea {
	height: 40px;
} #formulario .areaBotao {
	display: block;
	text-align: center;
	margin-top: 5px;
} #formulario input.button {
	position: relative;
	margin: 0 auto;
	width: 100px;
	height: 20px;
	background: url(../img/input_button_bg.jpg) repeat-x;
	color: white;
	border: solid 1px #29abe2;
	cursor: pointer;
}

#formulario input.half { width: 150px; }

.sucessoEmail {
	display: block;
	width:  558px;
	padding: 10px;
	border: solid 1px #7bbeda;
	color: #FFF;
	text-align: center;
	background: url(../img/linha2_box_bg.png) repeat;
	font-weight: bold;
}

/* RODAPÉ */

#rodape {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 983px;
	color: #FFF;
	padding: 10px;
} #rodape .marcaagw {
	position: absolute;
	top: 34px;
	right: 10px;
}


/* TELA DE ENTRADA */
#tela_entrada {
	width: 1024px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -512px;
	background: url(../img/tela_entrada.jpg) no-repeat;
}
#tela_entrada #iveco_entrada {
	width: 186px;
	height: 73px;
	position: absolute;
	top: 200px;
	left: 250px;
}
#tela_entrada #newholland_entrada {
	width: 186px;
	height: 73px;
	position: absolute;
	top: 200px;
	right: 250px;
}