@charset "utf-8";
/* CSS Document */

body{
	background-image:url(img/fondohtml.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin:0;
}

#top{
	list-style-type:square;
	color:#FFF;
	margin-left:8px;
	margin-bottom:0;
	margin-top:0;
	padding:0;
}

#top li{
	margin-left:8px;
	margin-bottom:0;
	padding: 0px;
	margin-top:0;
}


.fondotop{
	background-image:url(img/fondorojo.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.fondogristop{
	background-image:url(img/fondotop.jpg);
	background-repeat:no-repeat;
}

.fondomenu{
	background-image:url(img/fondomenu.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*body*/

.bgfondo{
	background-color:#FFF;
}

.barraizq{
	background-color:#383838;
}

.bgceleste{
	background-color:#00acf4;
}


.bgcamionhome{
	background-image:url(img/services-home.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}



/*TEXTOS*/

.textomain{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#383838;
	text-align:justify;
}

.textocontactus{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#383838;
}

.textotelefonohome{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}


.textorojo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ed1f24;
}

.textblanco{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFF;
}

.textbannertop{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:justify;
	color:#FFF;
}


.botonesrojos a:link,
.botonesrojos a:visited{
	font-family: Arial, Georgia, Garamond, Times, serif;
	font-size:12px;
	color:#ed1f24;
	text-decoration:underline;
}

.botonesrojos a:hover{
	font-family: Arial, Georgia, Garamond, Times, serif;
	font-size:12px;
	color:#00acf4;
	text-decoration:none;
}




/*ABAJO*/
.textoblancoabajo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}

.textblancoabajocentrado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFF;
}

.botonesblancoabajo a:link,
.botonesblancoabajo a:visited{
	font-family: Arial, Georgia, Garamond, Times, serif;
	font-size:12px;
	color:#fff;
	text-decoration:underline;
}

.botonesblancoabajo a:hover{
	font-family: Arial, Georgia, Garamond, Times, serif;
	font-size:12px;
	color:#00acf4;
	text-decoration:none;
}











.menu {
	margin-left:10px;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	padding: 0;
	list-style: none;

}
.menu li {
	padding: 0;
	margin: 0;
	height: 46px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 46px;
	background-repeat: no-repeat;
}
.home {background-image:url(img/menu/home-down.jpg); width: 64px;}
.home a {background-image: url(img/menu/home-up.jpg);}
.services {background-image: url(img/menu/services-down.jpg); width: 104px;}
.services a {background-image: url(img/menu/services-up.jpg);}
.customer {background-image: url(img/menu/customer-down.jpg); width: 184px;}
.customer a {background-image: url(img/menu/customer-up.jpg);}
.contact {background-image: url(img/menu/contact-down.jpg); width: 128px;}
.contact a {background-image: url(img/menu/contact-up.jpg);}
.vacio {width: 164px;}

.menuservices { background-position:top; }
.contactup {background-image: url(img/menu/contact-down.jpg); width: 128px;}
.homeup {background-image:url(img/menu/home-down.jpg); width: 64px;}


ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}












/*PRUEBA MENU*/
#container{width:500px;margin:auto;font-size:11pt;}

#menu{position:absolute;margin-top:10px;}
#menu ul .item{display:none;}
#menu ul:hover .item{display:block;background:#000;padding:1px;margin:1px;}

#menu ul:hover .item a{color:#fff;text-decoration:none;}
#menu ul:hover .item a:hover{color:#999;}

#menu ul{width:100px;float:left;margin:0px;padding:2px;background:#b10000;list-style:none;}
.clear{clear:both;height:10px;}