html, body{height:100%}
body {margin: 0px; background: #ffffff;}
p{margin:0px; padding: 10px 0px 0px 0px;}
ul{margin:0px; padding-top:5px; padding-bottom:5px; padding-left:20px}

/* Maquetacion */
.cuerpo{margin:0px auto; width:975px; font: normal 11px arial,tahoma; color: #595754;}
.clear{clear:both;}
.izquierda{background: url(/imagenes/lat_izda.gif) no-repeat; width: 153px; height: 547px; width:153px; float:left;}
.centro{width:176px; float:left; display:none;}
.derecha{width:822px; float:left;}

.fondoizq{background: url(/imagenes/central_izda.gif); background-repeat:no-repeat; background-position:left; float:left; width: 288px; height:451px;}
.fondorelleno{background: url(/imagenes/repeticion_.gif); background-repeat:repeat-x; background-position:left; float:left; width: 176px; height:451px; font: normal 11px arial,tahoma; color: #595754;}
.fondodch{background: url(/imagenes/central_dcha.gif); background-repeat:no-repeat; background-position:right; float:left; width: 337px; height:451px;}

.logo{text-align: right; padding-right: 10px;}

.fondotop{background: url(/imagenes/cabecera.gif); background-repeat:no-repeat; background-position: top left;}
.fondorell{background: url(/imagenes/repeticion.gif); background-repeat:repeat-y; background-position:left; font: normal 11px arial,tahoma; color: #595754;}

.fondotop-inicio{background: url(/imagenes/cabecera_inicio.gif); background-repeat:no-repeat; background-position:top left;}
.fondorell-inicio{background: url(/imagenes/rep_inicio.gif); background-repeat:repeat-y; background-position:left; font: normal 11px arial,tahoma; color: #595754;}

.contenido{background: url(/imagenes/pie.gif); background-repeat:no-repeat; background-position:bottom left; padding:5px 30px 10px 20px;}
.contenido-inicio{background: url(/imagenes/pie_inicio.gif); background-repeat:no-repeat; background-position:bottom left; padding:5px 45px 10px 20px;}

/*acciones menu*/
.menu{padding-top:64px; width:115px; margin-left: 15px }
.menu a{background-position: top; background-repeat:no-repeat; text-decoration: none; height: 15px; display: block; margin-top:10px;}
.menu a:hover{background-position: 0 -15px}
.menu a.Act{background-position:0 -15px; background-repeat:no-repeat;text-decoration: none; height: 15px; display: block;}
.menu span.alt{display:none}


.menu a#m01{background-image: url(/imagenes/botones/mazas.gif);}
.menu a#m06{background-image: url(/imagenes/botones/usada.gif);}
.menu a#m02{background-image: url(/imagenes/botones/producto.gif);}
.menu a#m03{background-image: url(/imagenes/botones/empresa.gif);}
.menu a#m04{background-image: url(/imagenes/botones/contacto.gif);}
.menu a#m05{background-image: url(/imagenes/botones/llegar.gif);}

.submenu{font: normal 11px arial,tahoma; text-align:left; float:left; width:30%}
.submenu a{background-image: url(/imagenes/botones/cuadro_in.gif); background-position: left center; background-repeat:no-repeat; height:8px; padding-left:17px; text-decoration:none; color: #BB0E1D}
.submenu a:hover{color: #fd9b00; background-image: url(/imagenes/botones/cuadro.gif); background-position: left center}
.submenu a.Act{color: #fd9b00; background-image: url(/imagenes/botones/cuadro.gif); background-position: left center}
.submenu .fila{margin:5px 0px;}
.submenu .enlace{padding:10px 0px;}
.irasegundamano{background-color:#BB0E1D; color:#fd9b00; border: solid 0px; padding:5px; text-align:center; width:90%;}
.irasegundamano a{background:none; text-decoration:none; color:#ffffff}
.irasegundamano a:hover{background:none; color:#fd9b00}

.menuempresa{font: normal 11px arial,tahoma; text-align:left; padding-left:40px;}
.menuempresa a{background-image: url(/imagenes/botones/cuadro.gif); background-position: left center; background-repeat:no-repeat; height:8px; padding-left:17px; text-decoration:none; color: #fd9b00}
.menuempresa a:hover{color: #BB0E1D; background-image: url(/imagenes/botones/cuadro_in.gif); background-position: left center}
.menuempresa a.Act{color: #BB0E1D; background-image: url(/imagenes/botones/cuadro_in.gif); background-position: left center}
.menuempresa .fila{margin:5px 0px;}
.menuempresa .enlace{float:left; width:25%;}



/* Contenidos */
.tituloseccion{font: bold 18px arial, tahoma; color:#BB0E1D; padding:10px}
.subtituloseccion{width:45%; border-bottom:2px solid; color:#BB0E1D; font: bold 12px arial, tahoma; margin: 10px 0px 15px 40px;}
.contenidosproducto{font-size:10px; float:left; width:65%; padding-left: 10px; min-height:300px;}
* html .contenidosproducto{height:300px;}
.contenidosproducto img{border:0px}
.contactarproducto{width:487px; margin:20px 30px 20px auto; background-color:#ffffff; color:#fd9b00; border: solid 2px; padding:5px; text-align:center;}
.contactarproducto a{text-decoration:none; color:#BB0E1D}
.contactarproducto a:hover{color:#fd9b00}
.avisosprod{padding-top:3px;}
.seccionproductos{border:solid 2px #fd9b00; margin:15px 0px;}
.seccionlogoprod{width:22%; padding: 5px 0px 5px 5px;}
.textoproductos{padding-top:10px; padding-bottom:5px; text-align:left}
.textoproductos li{padding:5px 0px;}
.textoproductos a{text-decoration:none; color:#BB0E1D}
.textoproductos a:hover{color:#fd9b00}
.imagenesprod{width:15%; padding:5px 5px 5px 0px; text-align:right;}
.fotogran{float:left; position:absolute; top:-10167px; left:38%; background-color:#ffffff; border:solid 2px #fd9b00; padding:5px;}

/* Contacto */
.contenidocontacto{padding: 10px 20px 20px 40px; font-size:11px;}
.contenidocontacto .titulo{font-size:15px; color:#BB0E1D}
.contenidocontacto a{text-decoration:none; color:#fd9b00}
.contenidocontacto a:hover{color:#BB0E1D}
.contenidocontacto .form{float: right; width:427px; margin: 15px auto;}
.contenidocontacto input{border: solid 1px #fd9b00; background-color:#FBEAD4;}
.contenidocontacto textarea{border: solid 1px #fd9b00; background-color:#FBEAD4; padding:2px;}
.mapa_plano{margin:5px auto; width:400px; height:550px;}

/*Comollegar*/
.contenidollegar{}
.contenidollegar input{border: solid 1px #fd9b00; background-color:#FBEAD4;}
.contenidollegar textarea{border: solid 1px #fd9b00; background-color:#FBEAD4; padding:2px;}

/*Pie*/
.pie{clear:both; padding-left:22px; padding-right:40px; text-align: left;}
.copyright{font: normal 10px arial, tahoma; text-align: right; float:right; position:relative; color: #fd9b00}
.copyright a{text-decoration: none; font: normal 10px arial,tahoma; color: #7a7576}
.copyright a:hover{color: #fd9b00}
.logoesepe{float:left;}

/*legal*/
.tablelegal{background-color: #FBEAD4; margin:10px;}
#legal {font: normal 11px tahoma, verdana, arial; color: #737479;}
#legal div{font-size: 11px;text-align: justify; padding: 5px 10px;}
#legal div.titulo{ font:bold 12px arial, tahoma, verdana; color: #BB0E1D;}
#legal div.subtitulo{font-weight: bold; color: #fd9b00;}