/* CSS Document */

*{
padding:0px;
margin:0px;
outline:none;
}

body{
background-color:#000000;
/*overflow:hidden;*/
font-family:Arial, Helvetica, sans-serif;
}

img{
border:none;
}

h2{
position:absolute;
font-size:98px;
color:#000;
opacity:.4;
filter: alpha(opacity=40);
position:absolute;
right:4%;
bottom:8px;
z-index:1;
margin-right:-3px;
}

#fondo{
min-height:740px;
/*min-height:800px;*/
height:100%;
left:0;
min-width:992px;
position:absolute;
z-index:0;
top:0;
width:100%;
overflow:hidden;

}

  
#header {
	position:absolute;
	left:0;
	top:7%;
	width:91%;
	padding-right:4%;
	padding-left:5%;
	height:94px;
	min-width:903px;
	z-index:10;
	background-image: url(../img/fnd_barra.png);
	background-repeat: repeat-x;
}

#header img{
float:left;
}



#header ul{
width: auto;
float:right;
list-style:none;
margin-top:32px;
width:590px;
text-align:right;
}

#header ul li{
display: inline;
border-left:1px solid #b8d323;
padding-bottom:1px;
}

#header ul li.last{
padding-right:0px;
}

#header ul li a{
font-size:12px;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
padding-left:4px;
padding-right:36px;
padding-bottom:3px;
padding-top:3px;
background-image:url(../img/bg_menu2.gif);
background-repeat:no-repeat;
background-position:0 -180px;
margin-left:1px;
} 
 
#menu li a:hover, li a:focus, li a:active {  
background-position:0 0;
}

#tira_verde{
position:absolute;
top:0; 
left:1%; 
height:84px; 
width:18px; 
background-color:#d8ff00;
}


#presentacion{
position:absolute;
top:0;
right:0;
margin-right:4%;
top:27%;
z-index:2;
}


#flechas{
position:absolute;
right:4%;
bottom:48px;
z-index:10;
width:100px;

}

#flechas a{
display:block;
width:43px;
height:43px;
background-position:top;
}

#flechas a span{
display:none;
}

#flechas a:hover{
background-position:bottom;
}

#flechas a.next{
background-image:url(../img/flechas_next.png);
float:right;
}

#flechas a.prev{
background-image:url(../img/flechas_prev.png);
float:left;
}

#catalogo_intro{
width:598px;
position:absolute;
overflow:hidden;
right:4%;
top:24%;
z-index:2;
}

#catalogo_intro div{
padding:10px;
width:249px; /*498px;*/
height:216px;
background-image:url(../img/box_intro2.png);
background-repeat:no-repeat;
margin-bottom:40px;
position:relative;
float:right;
}

#catalogo_intro div h3{
border-top:10px solid #ff9c00;
width:215px;
font-size:24px;
font-weight:normal;
color:#FFF;
padding-top:4px;
padding-left:14px;
}

#catalogo_intro div h3.griferia{
border-top:10px solid #d8ff00;
width:215px;
}

#catalogo_intro div a{
margin-left:16px;
width:215px;
height:159px;
display:block;
opacity:.8;
-moz-opacity:.8;
filter: alpha(opacity=80);
}

#catalogo_intro div a:hover{
opacity:1;
-moz-opacity:1;
filter: alpha(opacity=100);
}

#catalogo_intro div a.pdf{
margin-left:0px;
position:absolute;
background-image:url(../img/pdf.png);
background-repeat:no-repeat;
top:30px;
right:28px;
width:40px;
height:14px;
display:block;
opacity:.8;
-moz-opacity:.8;
filter: alpha(opacity=80);
}

#catalogo_intro div a.pdf:hover{
opacity:1;
-moz-opacity:1;
filter: alpha(opacity=100);
}

#catalogo_intro div a.pdf span{
display:none;
}


/**** SEGUNDA COLUMNA *****/

#catalogo_intro div.segunda{
padding:10px;
width:249px;/*498px;*/
height:216px;
background-image:url(../img/box_intro2.png);
background-repeat:no-repeat;
margin-bottom:40px;
position:relative;
float:right;
margin-left:10px;
}

#catalogo_intro div.segunda h3{
border-top:10px solid #ffa58d;
width:215px;
font-size:24px;
font-weight:normal;
color:#FFF;
padding-top:4px;
padding-left:14px;
}

#catalogo_intro div.segunda h3.griferia{
border-top:10px solid #D8FF00;
width:215px;
}

#catalogo_intro div.segunda h3.out-let{
border-top:10px solid #EFF5AF;
width:215px;
}

#catalogo_intro h3.novedades {
border-top:10px solid #FFA58D;
width:215px;
}

#catalogo_intro div.segunda a{
margin-left:16px;
width:215px;
height:159px;
display:block;
opacity:.8;
-moz-opacity:.8;
filter: alpha(opacity=80);
}

#catalogo_intro div.segunda a:hover{
opacity:1;
-moz-opacity:1;
filter: alpha(opacity=100);
}

#catalogo_intro div.segunda a.pdf{
margin-left:0px;
position:absolute;
background-image:url(../img/pdf.png);
background-repeat:no-repeat;
top:30px;
right:28px;
width:40px;
height:14px;
display:block;
opacity:.8;
-moz-opacity:.8;
filter: alpha(opacity=80);
}

#catalogo_intro div.segunda a.pdf:hover{
opacity:1;
-moz-opacity:1;
filter: alpha(opacity=100);
}

#catalogo_intro div.segunda a.pdf span{
display:none;
}

/**** FIN SEGUNDA *****/


#wrapper_catalogo{
min-width:922px;
width:92%;
height:366px;
position:absolute;
/*bottom:10%;*/
bottom:7%;
margin-left:4%;
margin-right:4%;
left:0px;
}

#wrapper_catalogo h2{
position:absolute;
font-size:107px;
color:#000;
opacity:.4;
height:86px;
filter: alpha(opacity=40);
position:absolute;
right:0;
top:0;
}
#wrapper_catalogo .espacio{
height:85px;
width:100%;
display:block;
}

#catalogo_bg{
background-image:url(../img/patron.png);
background-repeat:repeat;
height:260px;
overflow:hidden;
padding:10px;
min-width:903px;
}

#wrapper_catalogo .bar{
width:25px;
height:234px;
padding-top:15px;
padding-left:5px;
border-top:10px solid #5a5a5a;
opacity:1;
background-image:url(../img/black_80.png);
background-repeat:repeat;
float:left;
margin-right:12px;
}

#wrapper_catalogo .bar_griferia{
width:25px;
height:234px;
padding-top:15px;
padding-left:5px;
border-top:10px solid #d8ff00;
opacity:1;
background-color:#000000;
float:left;
/*position:absolute;
top:95px;
left:57px;*/
}

#wrapper_catalogo .bar span{
display:none;
}

#wrapper_catalogo .bar_griferia span{
display:none;
}

#catalogo{
width:92%;
min-width:822px;
height:249px;
border-top:10px solid #d8ff00;
overflow:hidden;
/*position:absolute;
top:95px;
left:87px;*/
float:left;
}



#wrapper_ficha{
padding:10px 36px 10px 10px;
overflow:hidden;
width:446px;
height:485px;
background-image:url(../img/bg_ficha.png);
background-repeat:no-repeat;
background-position:bottom left;
position:absolute;
left:0;
top:27%;
margin-left:4%;
}

#wrapper_ficha img.tit{
position:absolute;
right:36px;
bottom:22px;
z-index:10;
}

#wrapper_ficha .bar{
width:25px;
height:460px;
padding-top:15px;
padding-left:5px;
border-top:10px solid #5a5a5a;
opacity:1;
background-image:url(../img/black_80.png);
background-repeat:repeat;
float:left;
margin-right:12px;
}

#wrapper_ficha .bar_griferia{
width:25px;
height:460px;
padding-top:15px;
padding-left:5px;
border-top:10px solid #5a5a5a;
opacity:1;
background-image:url(../img/black_80.png);
background-repeat:repeat;
float:left;
margin-right:12px;
}

#wrapper_ficha .bar_producto{
width:25px;
height:460px;
padding-top:15px;
padding-left:5px;
border-top:10px solid #d8ff00;
opacity:1;
background-color:#000000;
float:left;
}

#wrapper_ficha .bar span{
display:none;
}

#wrapper_ficha .bar_griferia span{
display:none;
}

#wrapper_ficha .bar_producto span{
display:none;
}

#wrapper_ficha a#abrir{
width:63px;
height:63px;
background-image:url(../img/btn_abrir.png);
background-repeat:no-repeat;
display:none;
z-index:999;
position:absolute;
right:0;
top:204px;
}

#wrapper_ficha a#cerrar{
width:63px;
height:63px;
background-image:url(../img/btn_cerrar.png);
background-repeat:no-repeat;
display:block;
position:absolute;
z-index:999;
right:0;
top:204px;
}

#wrapper_ficha a#cerrar span{
display:none;
}

#wrapper_ficha a#abrir span{
display:none;
}

#ficha{
width:278px;
height:441px;
border-top:10px solid #d8ff00;
padding-bottom:10px;
padding-top:24px;
overflow:hidden;
float:left;
background-image:url(../img/black_80.png);
background-repeat:repeat;
padding-left:27px;
padding-right:27px;
}

#ficha h3{
color:#FFF;
font-size:28px;
text-transform:uppercase;

}

#ficha .info{
height:40px;
color:#5a5a5a;
font-size:10px;
padding-top:3px;
overflow:hidden;
}

#ficha .info p{
float:left;
color:#5a5a5a;
font-size:10px;
}

#ficha .info p span{
color: #999;
padding-left:3px;
}

#ficha .info a{
float:left;
color:#d8ff00;
text-decoration:none;
}

#ficha .info a:hover{
color:#d8ff00;
text-decoration:underline;
}

#ficha p{
font-size:12px;
color:#FFF;
text-align:justify;
padding-bottom:20px;
}

#ficha ul{
font-size:12px;
color:#FFF;
list-style:none;
margin-left:20px;
padding-bottom:20px;
}

#ficha ul li{
padding-left:18px;
background-image:url(../img/tip_verde.gif);
background-repeat:no-repeat;
background-position:left 4px;

}

#ficha strong{
font-weight:normal;
color:#d8ff00;
}

#ficha ul li span {
color:#5A5A5A;
font-size:10px;
}

#ficha ul.gallery{
margin-left:0px;
padding-bottom:0px;
}

#ficha ul.gallery li{
width:82px;
height:81px;
padding:0px;
float:left;
background-image: none;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
}

#ficha ul.gallery li.br{
margin-right:0px;
}

#ficha ul.gallery li a{
border:1px solid #0f1003;
float:left;
width:80px;
height:79px;
}

#ficha ul.gallery li a:hover{
border:1px solid #d8ff00;
}


#gallery{
min-width:702px;
}

.ad-thumbs li {
height:224px;
}

.ad-thumbs li img.sombra{
margin-left:1px;
}

#contacto_wrapper{
width:380px;
height:520px;
position:absolute;
overflow:hidden;
right:4%;
top:24%;
z-index:2;
background-image:url(../img/bg_contact.png);
background-position:top left;
background-repeat:no-repeat;
padding:10px;
}

#contacto{
width:363px;
height:484px;
border-top:10px solid #D8FF00;
background-image:url(../img/black_90.png);
}

#contacto p{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
}

#contacto p strong{
color:#d8ff00;
font-weight:normal;
}

#contacto .cazana{
position:absolute;
bottom:44px; right:37px;
z-index:3;
}

#contacto h3{
color:#FFFFFF;
font-size:24px;
font-weight:normal;
padding-left:26px;
padding-top:26px;
}

/**** novedades ****/

#novedades_wrapper{
width:100%;
height:520px;
position:absolute;
overflow:hidden;
right:4%;
top:24%;
z-index:2;
/*background-image:url(../img/bg_contact.png);
background-position:top left;
background-repeat:no-repeat;
padding:10px;*/
}

#novedades_wrapper div.marco {
width:380px;
height:520px;
background-image:url(../img/bg_contact.png);
background-position:top left;
background-repeat:no-repeat;
padding:10px;
float:right;
}

.novedad{
width:363px;
height:484px;
border-top:10px solid #ffa58d;
background-image:url(../img/black_90.png);
}

.novedad p{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
}

.novedad p strong{
color:#d8ff00;
font-weight:normal;
}

.novedad .cazana{
position:absolute;
bottom:44px; right:37px;
z-index:3;
}

.novedad h3{
color:#FFFFFF;
font-size:24px;
font-weight:normal;
padding-left:26px;
padding-top:26px;
}

#contacto_info{
width:308px;
height:422px;
position:absolute;
z-index:5;
top:82px;
left:38px;

}

#contacto_info p{
line-height:16px;
padding-bottom:10px;
}

#contacto_info img{
margin-bottom:13px;
}

#contacto_info a{
color:#FFF;
text-decoration:none;
}

#contacto_info a:hover{
text-decoration: underline;
}

a#btn_formulario{
width:68px;
height:65px;
background-image:url(../img/btn_formulario.png);
background-repeat:no-repeat;
position:absolute;
right:0px;
bottom:0px;
z-index:10;
display:block;


}

a#btn_formulario span{
display:none;
}


#contacto_form{
width:308px;
height:422px;
position:absolute;
z-index:5;
top:82px;
left:38px;
display:none;
}

#contacto_form p.respuesta{
font-size:14px;
text-align:center;
color:#d8ff00;
}

#contacto_form p{
margin-bottom:5px;
}

#contacto_form p.left{
width:45%;
float:left;
}

#contacto_form p.right{
width:45%;
float:right;
}

#contacto_form button{
width:102px;
height:20px;
background:url(../img/btn_enviar.gif);
background-repeat: no-repeat;
border:none;
overflow:visible;
cursor:pointer;
margin-left:105px;

}

#contacto_form button span{
display:none;
}

fieldset{
border:none;
margin-bottom:3px;
}

fieldset label{
display:block;
margin-bottom:2px;
}

fieldset input{
width:100%;
height:22px;
border:none;
background-color:#272627/*#212121*/;
color:#d8ff00;
margin-bottom:3px;
font-size:13px;
padding:3px 3px 0px;
opacity: .5;
}

fieldset textarea{
width:100%;
height:100px;
border:none;
background-color:#272627;
color:#d8ff00;
padding:0 3px;
font-size:13px;
opacity: .5;
overflow:hidden;
}

a#btn_info{
width:68px;
height:65px;
background-image:url(../img/btn_info.png);
background-repeat:no-repeat;
position:absolute;
right:0px;
bottom:0px;
z-index:10;
display:none;
}

a#btn_info span{
display:none;

}


#footer{
height:28px;
position:absolute;
bottom:0px;
left:0px;
width:92%;
background-color:#101010;
/*background-image:url(../img/bg_footer.gif);
background-position:bottom;
background-repeat:repeat-x;*/
padding-left:4%;
padding-right:4%;
font-size:11px;
color:#525252;
z-index:10;
margin-top:20px;
}

#footer a.webs{
float:left;
font-size:11px;
color:#525252;
padding-left:24px;
background-image: url(../img/websdirect.gif);
background-repeat:no-repeat;
background-position:left;
text-decoration:none;
padding-top:2px;
margin-top:6px;
}

#footer p{
float: right;
padding-top:8px;
}

#footer a.catalogo{
color:#525252;
text-decoration:none;
height:14px;
background:url(../img/descargar_pdf.gif);
background-position:left;
background-repeat:no-repeat;
float:right;
border-right:1px solid #1f1f1f;
padding-right:10px; margin-right:10px;
margin-top:8px;
padding-left:26px;
}

a.link_catalogo{
background:url(../img/tit_catalogo.png);
height:99px;
width:17px;
background-position:left;
display:block;
}

a.link_catalogo:hover{
background-position:right;
}

a.link_griferia{
background:url(../img/tit_griferia_gris.png);
height:84px;
width:17px;
background-position:left;
display:block;
}

a.link_griferia:hover{
background-position:right;
}

a.link_lavabos{
background:url(../img/tit_lavabos_gris.png);
height:84px;
width:17px;
background-position:left;
display:block;
}

a.link_lavabos:hover{
background-position:right;
}