html *{margin:0;padding:0;border:0;}
body{background:#1C1C1C url(../img/fondoluz.jpg) no-repeat center top fixed;/*overflow-x:hidden;*/}
#logo_portada{position:fixed;right:20px;bottom:20px;z-index:9;}
.cabecera{height:30px;width:100%;background-color:#1a1a1a;text-align:center;}
.pie{height:20px;width:100%;background-color:#1a1a1a;position:fixed;bottom:0;}
/*#contenido{width:1020px;height:335px;position:absolute;top:25%;left:7%;display:none;left:50%;margin-left:-500px;}*/
#contenedor{width:100%;position:absolute;top:20%;}
#contenido{width:1020px;height:330px;position:relative;margin:0 auto;display:none;}
#datos_portada{text-align:center;color:#fff;margin-top:18px;display:none;}
#datos_portada a{color:#fff;text-decoration:none;}

.viewport {border:4px solid #141414;float:left;margin-right:20px;position: relative;}
.no-margin {	margin-right: 0;}
.viewport a {display:block;position: relative;text-decoration:none;overflow:hidden;}
.viewport a img {left:-20px;position:relative;top:-20px;}
.viewport a span {display:none;font-size:3.0em;font-weight:bold;height:100%;padding-top:120px;position:absolute;text-align:center;text-decoration:none;width:100%;z-index:100;}
.viewport a span em {display:block;font-size:0.45em;font-weight:normal;}
.puertas a{width:200px;height:260px;}
.puertas a img{width:200px;height:260px;top:0;left:0;}
.escaparates a{width:270px;height:260px;}
.escaparates a img{width:270px;height:260px;top:0;left:0;}
.barandillas a{width:201px;height:260px;}
.barandillas a img{width:201px;height:260px;top:0;left:0;}
.otros a{width:221px;height:260px;}
.otros a img{width:221px;height:260px;top:0;left:0;}
/*.barandillas a{width:198px;height:268px;}
.barandillas a img{width:224px;height:303px;}
.puertas a{width: 425px;height:268px;}
.puertas a img{width:481px;height:303px;}
.comercio a{width:196px;height:268px;}
.comercio a img{width:222px;height:303px;}*/
.luz{background-color:rgba(255, 255, 255, 0.1);color:#333;}
.barandillas, .puertas, .escaparates, .otros {position:relative;z-index:3;}
/*.barandillas:hover, .puertas:hover, .escaparates:hover{border:4px solid #313131;}*/

.num1, .num2, .num3{width:20px;height:20px;background-image:url(../img/numeracion.png);position:absolute;z-index:200;}
.num1{top:-4px;left:-24px;}
.num2{bottom:-4px;left:-24px;background-position:0 -20px;}
.num3{right:-24px;top:-4px;background-position:0 -40px;}

#roja_horizontal{width:208px;height:18px;background-color:#F5000F;position:absolute;bottom:12px;left:0;}
#roja_vertical{width:18px;height:268px;background-color:#F5000F;position:absolute;top:0px;left:995px;}
#barra_oscura{width:3500px;height:25px;background-color:#212121;position:absolute;top:280px;left:-700px;}

/*titulos*/
.t_puertas, .t_escaparates, .t_barandillas, .t_otros {height:20px;background-image:url(../img/portada/titulos.png);position:absolute;bottom:-28px;left:0px;text-indent:-9000px;z-index:2;}
.t_puertas{width:170px;background-position:0 0px;}
.t_escaparates{width:123px;background-position:0 -20px;}
.t_barandillas{width:107px;background-position:0 -40px;}
.t_otros{width:52px;background-position:0 -60px;}