*{margin: 0; padding: 0;}
body{background: #000 url(../img/rubber.png); font-family: 'Exo', sans-serif; font-weight: 200;}
h1{color: #fff; font-size:300%; font-weight: 400; font-style: oblique; margin: 0 0 10px 0;}
h2{color: #fff; font-size:200%; font-weight: 900;}
h3{color: #fff; font-size:140%; font-weight: 400;}
p{color: #fff; margin: 1%; font-size: 120%;}
hr{margin: 5px 0 5px 0;}
img{border: 0;}
/********** formularios *************/
form{margin-bottom: 20px;}
input, textarea, select{width: 80%; display: block; background-color: #EEEEEE; margin: 0 0 5px 10px; padding: 5px; border: 1px solid #333; }
label{ color:#fff; margin: 5px 0 1px 0; display: block; font-size: 14px;}
button{color: #e9e133; background: url(../img/menu.jpg); padding: 0 10px 0 10px;  font-size: 110%; font-weight: normal; margin: 2px 0 3px 0; border: 0; height: 44px; border-top: 1px solid #8d8d8d; border-left: 1px solid #8d8d8d; border-right: 1px solid #000; border-bottom: 1px solid #000;}
button:hover{color: #fdfab1; background: url(../img/menu2.jpg);}
fieldset{border: 0;}


#encabezado{width: 100%; height: 135px; background: #000 url(../img/circuito.jpg);}
#logo{float: left; margin: 2% 0 0 3%;}
#logo img {border: 0;}

#barra{background-color: #555; width: 90%;display: block; margin: auto; margin-top: -25px; height: 28px;}
#menu{width: 100%;}
#menu ul{padding: 0;}
#menu li {display: inline;}
#menu li a {font-size:90%;font-weight: bolder; text-decoration: none; float:left; padding: 3px 20px 3px 20px; background: #000 url(../img/menu.jpg); color: #e9e133; border-top: 1px solid #8d8d8d; border-left: 1px solid #8d8d8d; border-right: 1px solid #000; border-bottom: 1px solid #000;}
#menu li a:hover {background-color: #fdfab1; background: #000 url(../img/menu_over.jpg); border-top: 1px solid #8d8d8d; border-left: 1px solid #8d8d8d; border-right: 1px solid #000; border-bottom: 1px solid #000;}
#menu li .activo {color: #fff; background-color: #fdfab1; background: #000 url(../img/rubber.jpg); border: 0; padding-bottom: 6px; }

#contenido{ width: 90%; margin:0 auto 10px auto; padding: 10px 0 10px 0;background: transparent url(../img/fondo_contenedor.png);}

.destacado{ width: 100%; background-color: #161616; margin: 0 0 2% 0; height: 201px; border: 1px solid #000;}
.destacado img{margin: 0; float: right;}
.destacado .txtDestacado{position: absolute;}

.empresa{ width: 100%; background-color: #161616; margin: 0 0 2% 0; height: 300px; border: 1px solid #000;}
.empresa img{margin: 0; float: right;}
.empresa .txtDestacado{position: absolute; padding: 110px 0 0 0;}
/********* contenidos **********/
.completo{width: 100%; padding: 1%;}
.lateral{float: right; width: 20%; padding: 1%;background: transparent url(../img/fondo_lateral.png); margin-right: -15px; border: 2px solid #000;}
.lateral .contacto{font-size: 130%; line-height: 100%; margin: 5px 0 5px 0;}
.lateral img{width: 100%; border: 1px solid #000;}
.lateral ul{margin: 0 0 0 5px;}
.lateral li{color: #fff; list-style-type:none; margin-bottom: 5px; background: transparent url(../img/favicon.png) no-repeat 1px 3px; padding: 0 0 0 20px; }
.area{float: left; width: 75%; padding: 0 1% 0 1%;}
/************ mapa *********************/
.mapa{width: 95%; height: 500px; border: 1px solid #000; margin: 0 auto 1% auto;}
/**************************************/
.limpiar{clear: both;}

#formContacto input, #formContacto textarea{padding: 6px; width: 90%; font-size: 120%; font-weight: normal;}
#formContacto label{font-size: 105%;}

.tiraproductos{width: 100%;}
.tiraproductos img {width: 22%; float: left; border: 1px solid #000; margin: 0 1% 1% 1%;}
.satelital{width: 100%; float: left; border: 1px solid #000; margin: 5px 0 0 0; }
.h2mapa{color: #000; font-size: 100%;}
/* live validation*/
.LV_validation_message{font-weight:bold; margin:0 0 0 5px;}
.LV_valid { color:#00CC00; display: block;}
.LV_invalid { color:#CC0000; display: block;}