html, body{height:100%}
body {margin: 0; background: #137ecb;}
.tituloh1{font: normal 28px century gothic,arial,tahoma; color: #b4b1b0; text-align: right; margin: 0px 35px 10px; margin-left:10px;}
.tituloh2{font: bold 14px arial, tahoma; color: #2e83c0; text-align: left; margin: 15px 35px}


.fondo{background: url(/imagenes/reptotal.gif) repeat-y; margin:0 auto 0 auto; width:750px; height:100%; min-height:100%; margin-bottom:-40px}
html>body .fondo{height:auto;}
.zonaizq{float:left; width:190px;}
.zonadch{float:right; width: 550px;}
.cabecera{background-image: url(/imagenes/cabecera.jpg); background-repeat: no-repeat; background-position:right top; width: 515px; height: 102px}
.lateral{float:left; background: #edeef0; height:100%}

.clear{clear:both; height:40px;}
.clear a{text-decoration:none; color:#045282;}
.clear a:hover{color:#ED8A24;}

.contenidos{font: normal 11px arial,tahoma; color:#4a4646; text-align: justify; margin:15px 60px}
.contenidos a{text-decoration:none; color:#045282;}
.contenidos a:hover{color:#ED8A24;}
.cierre{background: url(/imagenes/reptotal.gif) repeat-y; margin:0 auto 0 auto; width:750px; height:40px;}
.pie{float:right; font: normal 10px arial,tahoma; color:#6c6a6a; border-bottom: solid 4px; border-color:#9ebfd6; width: 462px; margin-right: 15px;}
html>body .pie{margin-right: 33px;}
.superiorlateral{height:80%; min-height:80%;}
.inferiorlateral{margin-top:-266px; float:left; height:107px; z-index:3;}
* html .inferiorlateral{position:fixed;}
#logoesepe{font-size: 10px; padding-left: 15px; padding-top: 15px;}
.destacado{position:relative; float:right; width:200px; text-align:right; margin-left:15px; margin-bottom:20px}

/*menu principal*/
.menu{text-align:right; padding-top:15px; margin-right:20px; width:515px; height:12px;}
.menu a{background-position: right top; background-repeat: no-repeat; text-decoration: none; height: 12px; display: block;}
.menu a:hover{background-position: right -12px}
.menu a.Act{background-position:right -12px; background-repeat: no-repeat;text-decoration: none; height: 12px; display: block;}
.menu span.alt{display:none}
.menu div{float:right;}

.menu a#menu1{background-image: url(/imagenes/botones/dicoma.gif); width:120px;}
.menu a#menu2{background-image: url(/imagenes/botones/presupuesto.gif); width:138px;}
.menu a#menu3{background-image: url(/imagenes/botones/empresa.gif); width:80px;}
.menu a#menu4{background-image: url(/imagenes/botones/contacto.gif); width:69px;}

/* Contacto */
.direcciones{color:#4C4C4C; position:relative; float:left; width:198px; background: #EDEEF0; padding:0px 15px 15px; border: outset 1px #9EBFD6;}
.direcciones .apartado{font: normal 14px century gothic,arial, tahoma; color: #2e83c0; text-align: right; border-bottom: solid 2px #9ebfd6; margin-top:15px;}
.direcciones .subapartado{font: normal 12px century gothic,arial, tahoma; color: #2e83c0; margin-top:5px;}
.formulario-cont{position:relative; float:right; width:200px; text-align:right;}
.formulario-cont .apartado{font: normal 14px century gothic,arial, tahoma; color: #2e83c0; text-align: right; border-bottom: solid 2px #9ebfd6; margin-top:15px; margin-left:10px;}
.formulario-cont input {border:inset 1px #9EBFD6; background: #EDEEF0;}
.formulario-cont textarea {border:inset 1px #9EBFD6; width:172px; background: #EDEEF0;}
.formulario-cont .etiqueta{text-align:left; padding-left:20px;}
.mapa_plano{margin:5px auto; width:400px; height:550px;}

/* Menu Categorias */
.submenucat{font: bold 12px century gothic,arial,tahoma; margin: 5px; padding-top:10px}
.submenucat a{text-decoration:none; color:#455560; padding-bottom:10px; display:block;}
.submenucat a:hover{color:#2e83c0;background-image: url(/imagenes/flechas.gif); background-repeat: no-repeat; background-position:right top;}
.submenucat a.activo{color:#2e83c0;background-image: url(/imagenes/flechas.gif); background-repeat: no-repeat; background-position:right top;}

/* Categorias */
.categorias{margin:10px 30px 10px 10px}
html>body .categorias{margin:10px 35px 10px 10px}
.titulointro{font: normal 27px century gothic,arial,tahoma; text-align:right; color:#B7B6B4;}
.titulointro a{text-decoration:none; color:#B7B6B4;}
.titulointro a:hover{text-decoration:none; color:#B7B6B4;}
.titulocategoria{font: normal 13px century gothic,arial,tahoma; padding-top: 10px; text-align:right; padding-bottom:10px; background-image: url(/imagenes/degradado.gif); background-repeat: no-repeat; background-position:right bottom;}
.titulocategoria a{text-decoration:none;color:#045282;}
.titulocategoria a:hover{color:#ED8A24;}
.titulocategoria a.activo{color:#ED8A24;}
.subcategorias{margin:15px 0px;}
.descripcioncat{font: normal 11px arial,tahoma; color:#b4b1b0; text-align: justify; margin:15px 40px}
.celdasubcat{width:31%; margin-left: 10px; font: normal 13px century gothic,arial,tahoma; position:relative; float:right;}
.celdasubcat a{text-decoration:none;color:#ED8A24;}
.celdasubcat a:hover{color:#045282;}
.bolita{position:relative; float:left; font: bold 25px century gothic; margin-top:-7px; padding-right:5px}
.ProdsCat{font: normal 13px century gothic,arial,tahoma; padding-left:15px;}
.celdaprodcat{width:33%; position:relative; float:left; margin-top:15px;}
.celdaprodcat img{height:100px;}
.celdaprodcat .nombreprod{margin-top:5px; margin-right:5px; padding-top:10px;background-image: url(/imagenes/degradado.gif); background-repeat: no-repeat; background-position:right top;}
.celdaprodcat a{text-decoration:none; color:#045282;}
.celdaprodcat a:hover{color:#ED8A24;}

/* Productos */
.producto{font: normal 11px arial,tahoma; color:#4a4646; text-align: justify; margin:0px 30px 10px 10px;}
html>body .producto{margin:0px 35px 10px 10px}
.infoprod{padding-left:25px;}
.descripcion{padding:5px; padding-top:20px;}
.descripcion a{text-decoration:none; color:#045282;}
.descripcion a:hover{color:#ED8A24;}
.tituloprod {font: normal 13px century gothic,arial,tahoma; text-align:right; padding:10px 0px; color:#045282;}
.tituloprod a{text-decoration:none; color:#045282;}
.tituloprod a:hover{color:#ED8A24;}
.imagen{position:relative; float:right; margin: 20px 5px 5px 11px;}
.separadorgaleria{padding-left:25px; padding-top:20px; background-image: url(/imagenes/degradado.gif); background-repeat: no-repeat; background-position:right top;}
.galeria{padding-left:35px;}
.imagengaleria{position:relative; float:left; width:25%; margin-bottom:5px; text-align:center;}
html>body .imagengaleria {margin-bottom:10px;}
.zonaespecial{margin-left:30px; width:472px; border-top: solid 4px #9EBFD6;}
.titlezonaespecial{position:relative; float:left; color:#2984CA; margin-top:-10px; padding-right:5px; background-color:#FFFFFF}
.contenidozonaespecial{margin: 15px 0px; text-align:center;}
.contenidozonaespecial img{margin:5px;}
.cuadrocolor{position:relative; float:left; margin:5px; width:83px; height:74px; border: solid 2px #7792A3; text-align:left;}
.cuadrocolor#blanco{background-color:#FFFFFF;}
.cuadrocolor#marron{background-color:#824F34;}
.cuadrocolor#plata{background-color:#D1D1D1;}

/* Presupuesto */
.presupuesto{font: normal 11px arial,tahoma; color:#b4b1b0; text-align: left; margin:15px 30px}
.presupuesto .mensaje {text-align:center; margin:15px 30px;}
.presupuesto .apartado{border: outset 1px #9EBFD6; padding:5px 0px 5px 5px; margin:20px 10px;}
.presupuesto .tituloapartado{position:relative; float:right; color:#2984CA; margin-top:-15px; margin-right: 5px; padding: 0px 5px; background-color:#FFFFFF}
.presupuesto .opcion{margin:5px 0px;}
.presupuesto label{position:relative; float:left; width:19%;}
.presupuesto .contenidoopcion{position:relative; float:left; width:365px; padding:3px 0px 3px 3px; border: solid 1px #9EBFD6; background-color:#EDEEF0;}
.presupuesto select{border:solid 1px #9EBFD6; background-color:#EDEEF0; color:#045282;}
.presupuesto input{border:inset 1px #9EBFD6; background-color:#EDEEF0; color:#045282; padding:0px 3px;}
.presupuesto .inputmedidas{position:relative; float:right; width:30px; background-color:#FFFFFF; }
.presupuesto .image{border:solid 0px; background-color:#FFFFFF; margin: 10px;}
.presupuesto textarea{width:320px; border:solid 1px #9EBFD6; background-color:#EDEEF0; color:#045282; padding:0px 3px;}
.presupuesto .radio{position:relative; float:left; border:solid 0px; background-color:#EDEEF0; margin-top:-1px; height:20px;}
.presupuesto .textoradio{width:33%; position:relative; float:left; color:#045282;}

/* Galeria */
.cuerpogaleria{margin:0 auto 0 auto; width:420px; min-width:420px;}
.zoomimagen{margin: 0px 5px; background-color:#EDEEF0; padding:3px; text-align:center;}
html>body .zoomimagen{min-height:200px; }
.zoomimagen img{max-width:400px;}
.listado{margin: 0px 5px; margin-top:5px; font: normal 13px century gothic,arial,tahoma; text-align:right;}
.listado a{text-decoration:none;color:#045282; width:15px; height:10px; }
.listado a:hover{color:#ED8A24;}
.listado a.activo{color:#ED8A24;}
.listado a.fin:hover{background-image: url(imagenes/botones/flecha_fin2.gif); background-repeat: no-repeat; background-position:center left;}
.listado a.fin{background-image: url(imagenes/botones/flecha_finsobre2.gif); background-repeat: no-repeat; background-position:center left;}
.listado a.adelante:hover{background-image: url(imagenes/botones/flecha_adelante2.gif); background-repeat: no-repeat; background-position:center left;}
.listado a.adelante{background-image: url(imagenes/botones/flecha_adelantesobre2.gif); background-repeat: no-repeat; background-position:center left;}
.listado a.atras:hover{background-image: url(imagenes/botones/flecha_atras2.gif); background-repeat: no-repeat; background-position:center left;}
.listado a.atras{background-image: url(imagenes/botones/flecha_atrassobre2.gif); background-repeat: no-repeat; background-position:center left;}
.listado a.inicio:hover{background-image: url(imagenes/botones/flecha_inicio2.gif); background-repeat: no-repeat; background-position:center left;}
.listado a.inicio{background-image: url(imagenes/botones/flecha_iniciosobre2.gif); background-repeat: no-repeat; background-position:center left;}
.fondolistado {background-color:#EDEEF0; padding:3px;}

/*legal*/
.form input, textarea{width: 230px; font:normal 11px tahoma,verdana,arial}
.tablelegal{background-color: #EDEEF0; 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 century gothic, arial, tahoma, verdana; color: #2e83c0;}
#legal div.subtitulo{font-weight: bold; color: #2e83c0;}

/* Photo Zoom CSS */
.zoom {position: relative; float:left;}
html>body .zoom{margin-left:10px;}
.zoom a{cursor:default;}
.zoom a img {border: 0pt none;}
.zoom a .large { border: 0px none ; display: block; position: absolute; width: 1px; height: 1px; top: -1000px; left: -1000px;}
.zoom a.p1, .zoom a.p1:visited {border: 0pt none ; background: rgb(255, 255, 255) none repeat scroll 0%; display: block; width: 105px; height: 86px; text-decoration: none;}
.zoom a.p1:hover { top: 0pt; left: 0pt; text-decoration: none; background-color: rgb(237, 238, 240); color: rgb(0, 0, 0);}
.zoom a.p1:hover .large { border: 0px solid black; display: block; position: absolute; top: -330px; left: -240px; width: auto; height: auto; z-index:10;}