html, body{height:100%;width:100%}
body {font: normal 12px century gothic,arial,tahoma;color:#4C4C4C;z-index:10;margin: 0; background: #fff; width:100%;height:100%;background:url(/imagenes/rep_hor.jpg) repeat-x top left;}
h1{font: normal 24px century gothic,arial,tahoma; color: #b4b1b0; text-align: right; margin: 0px;}
h2{font: bold 14px arial, tahoma; color: #2e83c0;}

.clear{clear:both;}
.clear a{text-decoration:none; color:#045282;}
.clear a:hover{color:#ED8A24;}

.fondo{z-index:1;background: url(/imagenes/rep_vert.jpg) repeat-y; margin:0 auto 0 auto; width:928px; height:100%; min-height:100%;}
html>body .fondo{height:auto;}
.cabecera{background: url(/imagenes/rep_hor.jpg) repeat-x; width: 928px; height: 189px}
	
  .nav_internacional{width:928px;height:38px; background: url(/imagenes/sup_cab.jpg) no-repeat;}
  .form_login{float: left; position:relative;top:18px;left:60px;}
	.menu_internacional{float:right;position:relative; top: 18px; right: 50px;}
  .logoprom{height:124px;width:928px;}
  .menu{width:928px;height:27px; background: url(/imagenes/fondo_menu.jpg) no-repeat;text-align: right;}
    .menu a{float:right; padding: 5px 15px 0px;font: bold 12px century gothic,arial,tahoma;color: #3686C3; text-decoration: none;}
	.menu a:hover{color:#455560;}
	.menu a.Act{color:#455560;text-decoration:none;}
	  

.cuerpo{background: url(/imagenes/cuerpo_esp.jpg) no-repeat; width:928px; min-height: 556px;}
  .content{float:right;position:relative; top:0px;right: 70px; width:600px;}
.contenidos{color:#4a4646; text-align: justify;}
.contenidos a{text-decoration:none; color:#045282;}
.contenidos a:hover{color:#ED8A24;}
.pie{text-align: right; padding-right: 60px;padding-top:10px;font: normal 10px century gothic, arial, tahoma}

* html .inferiorlateral{position:fixed;}
#logoesepe{font-size: 10px; padding-left: 15px; padding-top: 15px;}
.destacado{float:right; width:270px; text-align:right; margin-left:15px; margin-bottom:20px}

/* Contacto */
.direcciones{ position:relative; float:left; width:270px; 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:280px; 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;width: 260px}
.formulario-cont textarea {border:inset 1px #9EBFD6; width:260px; 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 14px century gothic,arial,tahoma; width:160px; float:left; text-align:right; position:relative; top:50px;left:60px}
.submenucat a{text-decoration:none; color:#455560; padding-bottom:10px; display:block;}
.submenucat a:hover{color:#2e83c0;}
.submenucat a.activo{color:#2e83c0;}

/* Categorias */
.categorias{margin:10px 30px 10px 10px}
html>body .categorias{margin:10px 35px 10px 10px}
.titulocategoria{font: bold 11px century gothic,arial,tahoma; padding-bottom:10px;text-align: right;}
.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{}
.celdaprodcat .nombreprod{background: #AFCFE8;font:bold 11px century gothic, arial, tahoma}
.celdaprodcat a{text-decoration:none; color:#045282;}
.celdaprodcat a:hover{color:#ED8A24;}

/* Productos */
.producto{text-align: justify;}
html>body .producto{}
.infoprod{}
.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;}
.galeria{ border-top: solid 4px #9EBFD6;margin-top: 20px;}
.imagengaleria{position:relative; float:left; width:25%; margin-bottom:5px; text-align:center;}
html>body .imagengaleria {margin-bottom:10px;}
.zonaespecial{margin-top:20px;clear:both; border-top: solid 4px #9EBFD6;}
.titlezonaespecial{position:relative; float:left; color:#fff;font:bold 16px century gothic,arial,tahoma; margin-top:-18px; padding:5px 10px; background-color:#9EBFD6}
.contenidozonaespecial{margin: 15px 0px 25px; 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{ text-align: left; width: 660px; position:relative; top:0px; left: -25px;}
.presupuesto div{margin:3px 0px;}
.presupuesto .mensaje {text-align:center; margin:15px 0px;}
.presupuesto .apartado{border: outset 1px #9EBFD6; padding:5px; margin:20px 10px;_margin-left:0px;background:#EDEEF0}
.presupuesto .tituloapartado{position:relative; float:right; color:#2984CA; margin-top:-15px; margin-right: 5px; padding: 0px 5px; background-color:#ADCFE8;font: bold 14px century gothic, arial, tahoma}
.presupuesto .opcion{width: 153px;float: left;margin: 2px}
.presupuesto .opcion2{width: 306px;float: left;margin: 2px}
.presupuesto .opcion33{width: 204px;float: left;margin: 2px}
.presupuesto #datos label{position:relative;float:left;width: 100px;}
.presupuesto .opcion2 label,.presupuesto .opcion33 label{ display:block;}
.presupuesto .contenidoopcion{font: normal 11px arial;position:relative;padding:3px ; border: solid 1px #9EBFD6; background-color:#fff;}
.presupuesto select{border:solid 1px #9EBFD6; background-color:#fff; color:#045282;}
.presupuesto input{border:inset 1px #9EBFD6; background-color:#fff; color:#045282; padding:0px 3px;}
.presupuesto .inputmedidas{position:relative; float:right; width:30px; background-color:#FFFFFF; }
.presupuesto .image{border:solid 0px; background-color:transparent; margin: 10px;}
.presupuesto textarea{width:605px; border:solid 1px #9EBFD6; background-color:#fff; color:#045282; padding:0px 3px;}
.presupuesto .radio{display:inline; border:solid 0px; background-color:#EDEEF0;}
.presupuesto .textoradio{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;}
