@charset "utf-8";

/* CSS Document */



*{margin:0px; padding:0px;}

img{border:none;}



a, a:active{outline:none;}



html{height:100%;}

body{

	background-color:#7AB51D;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	height:100%;

}



#fondo{

	width:760px;

	margin:0px -195px;

	background-image:url(archivos/fondo.jpg);

	background-repeat:repeat-y;

	background-position:center;

	padding-left:196px;

	padding-right:197px;

}



#contenedor{

	width:760px;

	margin:auto;

}



#banner{

	width:760px;

	background-image:url(archivos/banner.jpg);

	height:276px;

	position:relative;

}



#menu{

	list-style:none;

	position:absolute;

	display:block;

	bottom:57px;

	left:0px;

}

#menu li{

	float:left;

	font-size:14px;

	width:158px;

	text-align:center;

}

#menu li.puntas{

	width:142px;}

#menu li a{

	color:#000;

	text-decoration:none;}



#menu li a.select, #menu li a:hover{

	color:#41A62A;}



.destacado{

	font-size:25px;

	display:block;

	border-bottom:1px #4d4d4d dotted;

	height:38px;

	margin-bottom:25px;

	width:693px;}



#textohome{

	width:693px;

	float:right;

	margin:29px 0px 20px;}



#textoacc{

	width:693px;

	float:right;

	margin:29px 0px 0px;}

#textohome p{

	width:293px;

	float:left;

	margin-right:40px;

	}



#textohome b{

	font-style:italic;}



.clear{

	clear:both;}



#pie{

	background-image:url(archivos/fondoPie.jpg);

	height:57px;

	line-height:57px;

}



#centro_pie{

	width:760px;

	margin:auto;

	color:#B3B3B3;

	font-size:9px;

	font-weight:bold;}



#textoPie{

	float:left;}



#menu_pie{

	list-style:none;

	float:right;

	margin-right:25px;

}



#menu_pie li{

	float:left;

	margin-right:7px;}



#menu_pie li a{

	color:#B3B3B3;

	text-decoration:none;

	font-size:10px;}



#menu_pie li a:hover{

	color:#fff}



#diseno{



	float:right;

	height:15px;

	display:block;

}

#diseno a{

	margin-left:5px;}

	

#mensajeContacto{

	color:#007528;

	font-style:italic;

	margin-bottom:25px;

	text-align:center;

	float:left;

	width:760px;

}



#mensajeContacto a{

	color:#007528;

	text-decoration:none;	

	margin-top:15px;

	display:inline-block;

}

#formularioContacto span{

	color:#007528;

	font-style:italic;

	margin-bottom:25px;

	display:inline-block;}



#formularioContacto{

	display:block;

	width:420px;

	float:left;}



#formularioContacto label, #formularioContacto input, #formularioContacto textarea{

	width:405px;

	float:left;

}



#formularioContacto textarea, #formularioContacto input{

	background-color:#D9D9D9;

	border:none;

}

#formularioContacto textarea{

	height:92px;

}

#formularioContacto input{

	height:23px;

	margin-bottom:6px;}

#formularioContacto label{

	font-size:11px;

	margin-bottom:6px;}



#formularioContacto label b{

	color:#F00;}

	

#formularioContacto #obligatorios{

	color:#F00;

	text-align:right;

	margin:15px;}



#btnenviar{

	width:85px;

	height:27px;

	background-image:url(archivos/btnenviar.png);

	background-color:transparent;

	border:none;

	text-indent:-9999px;

	cursor:pointer;

	margin:15px auto;

	display:block;}



#datosContacto{

	width:168px;

	height:158px;

	background-image:url(archivos/datosContacto.png);

	float:right;

	color:#FFF;

	padding:60px 0px 0px 28px;

	margin:60px 45px 0px 0px;

}

#datosContacto p{

	margin-bottom:13px;}

#linkmail{

	color:#007825;

	font-weight:bold;

	text-decoration:none;

	font-size:13px;

	float:right;

	margin:30px 41px 0px 0px;

}



.accesorio{

	float:left;

	width:760px;

	margin-bottom:20px;}

.accesorio .barra{

	height:26px;

	background-image:url(archivos/barraAccesorios.png);

	font-size:14px;

	color:#fff;

	font-weight:bold;

	padding-left:90px;

	padding-top:8px;}



.accesorio .barraTrailer{

	height:26px;

	background-image:url(archivos/barraTrailer.png);

	font-size:14px;

	color:#fff;

	font-weight:bold;

	padding-left:142px;

	padding-top:8px;}



.accesorio img{

	float:left;

	margin:20px 0px 0px 60px;}



.accesorio .texto{

	width:250px;

	float:right;

	margin-right:50px;

}



.accesorio .texto.cabinas{

	margin-top:50px;}

.accesorio .texto.motores{

	margin-top:20px;}





.accesorio .texto ul{

	list-style:none;

	margin-top:17px;}



#imgTrailer{

	margin-left:40px;}



#fotoServicios{

	margin-left:51px;

	float:left;}

#textoServicios{

	width:573px;

	float:right;

	margin-top:35px;

}



#textoServicios h1{

	font-size:25px;

	display:block;

	border-bottom:1px #666 dotted;

	height:38px;	

}

#textoServicios p{

	color:#007528;

	font-style:italic;

	margin-top:40px;}

#textoServicios ul{

	list-style:none;

	margin-top:30px;}



#textoServicios li{

	margin-bottom:15px;}



#llaveSercivios{

	float:right;

	margin:47px 52px 0px 0px;}

	

.tituloProductos{

	font-size:25px;

	display:block;

	border-bottom:1px #666 dotted;

	height:38px;	

	width:493px;

	float:right;

	margin-top:35px;

}



#textoProductos{

	height:241px;

	background-color:#E6E5E6;

	float:left;

	width:760px;

	margin-top:30px;

	position:relative;}

	

#fotoGeneradores{

	margin:10px 0px 30px 42px;

	float:left; }



#textoProductos img{

	position:absolute;

	border:6px #ccc solid;

}

#generador{

	top:-50px;

	left:47px;

}

#generadorChico{

	left:344px;

	top:110px;

}

#cabina{

	bottom:-128px;

	right:38px;}



#caracteristicas{

	float:right;

	border-left:1px #999 solid;

	padding-left:15px;

	margin:22px 25px 0px 0px;

}



#textoProductos h2{

	float:right;

	font-size:13px;

	margin:22px 10px 0px 0px;}



#descripcion{

	float:left;

	width:270px;

	margin:95px 0px 0px 45px;

}

#descripcion b{

	font-style:italic;}