/* RESET */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym { border:0; 
} 

/* CSS */

body { 
line-height: 1; 
font: 12px Arial, Helvetica, sans-serif; 
vertical-align: top;
background: #000; 
color: #fff;

} 
#general{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	width: 810px;
	min-width: 810px;
}
.right { 
float: right; 
} 
.left { 
float: left; 
} 
.align-left { 
text-align: left; 
} 
.align-right { 
text-align: right; 
} 
.align-center { 
text-align:center; 
} 
.justify { 
text-align:justify; 
} 
.hide { 
display: none; 
} 
.clear { 
clear: both; 
} 
.bold { 
font-weight:bold; 
} 
.italic { 
font-style:italic; 
} 
.underline { 
border-bottom:1px solid; 
} 
.highlight { 
background:#ffc; 
} 
img.centered { 
display: block; 
margin-left: auto; 
margin-right: auto; 
} 
img.alignleft { 
float:left; 
margin:4px 10px 4px 0; 
} 
img.alignright { 
float:right; 
margin:4px 0 4px 10px; 
} 
 
.clearfix:after { 
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0; 
} 
.clearfix { 
display: block; 
} 
html[xmlns] .clearfix { 
display: block; 
} 
* html .clearfix { 
height: 1%; 
} 
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
a{
	text-decoration: none;
}
a:link, a:visited { 
color: #fff; 
} 
a:hover { 
color: #f5e704; 
} 
a:active { 
color: #f5e704; 
} 
a.actual{
	color: #f5e704; 
}
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
h1 { 
font: bold 2em Arial, Helvetica, Geneva, sans-serif; 
} 
h2 { 
font: bold 1.5em Arial, Helvetica, Geneva, sans-serif; 
} 
h3 { 
font: bold 1.2em Arial, Helvetica, Geneva, sans-serif; 
} 
h4 { 
font: bold 1em Arial, Helvetica, Geneva, sans-serif; 
} 
h5 { 
font: bold 0.9em Arial, Helvetica, Geneva, sans-serif; 
} 
/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
div#logo{
	
	float: left;
	margin-left: 15px;
	z-index: 10;
	position: relative;
	width: 220px;
	height: 90px;
	background-image: url(img/logo-deycor.png);
	display: block;
}
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
div#menu{
	width: 562px;
	height: 18px;
	float: right;
	margin-top: 49px;
	margin-left: 10px;
}
div#menu li{
	float: left;
}
div#menu ul li a {
	display:block;
	text-decoration:none;
}
div#menu ul li a span {
	display:none;
}

#inicio-on{
	width: 54px;
	height: 19px;
	background-image: url(img/menu/inicio-on.jpg);
}
a#inicio{
	width: 54px;
	height: 19px;
	background-image: url(img/menu/inicio-off.jpg);	
}
a:hover#inicio{
	background-image: url(img/menu/inicio-hover.jpg);
}
#quienes-on{
	width: 122px;
	height: 19px;
	background-image: url(img/menu/quienes-on.jpg);
}
a#quienes{
	width: 122px;
	height: 19px;
	background-image: url(img/menu/quienes-off.jpg);
}
a:hover#quienes{
	background-image: url(img/menu/quienes-hover.jpg);
}

#productos-on{
	width: 87px;
	height: 19px;
	background-image: url(img/menu/productos-on.jpg);	
}
a#productos{
	width: 87px;
	height: 19px;
	background-image: url(img/menu/productos-off.jpg);	
}
a:hover#productos{
	background-image: url(img/menu/productos-hover.jpg);	
}
#situacion-on{
	width: 80px;
	height: 19px;
	background-image: url(img/menu/situacion-on.jpg);	
}
a#situacion{
	width: 80px;
	height: 19px;
	background-image: url(img/menu/situacion-off.jpg);	
}
a:hover#situacion{
	background-image: url(img/menu/situacion-hover.jpg);
}
#contacto-on{
	width: 64px;
	height: 19px;
	background-image: url(img/menu/contacto-on.jpg);	
}
a#contacto{
	width: 64px;
	height: 19px;
	background-image: url(img/menu/contacto-off.jpg);	
}
a:hover#contacto{
	background-image: url(img/menu/contacto-hover.jpg);		
}

#ofertas-on{
	width: 67px;
	height: 19px;
	background-image: url(img/menu/ofertas-on.jpg);	
}
a#ofertas{
	width: 67px;
	height: 19px;
	background-image: url(img/menu/ofertas-off.jpg);	
}
a:hover#ofertas{
	background-image: url(img/menu/ofertas-hover.jpg);		
}
#enlaces-on{
	width: 67px;
	height: 19px;
	background-image: url(img/menu/enlaces-on.jpg);	
}
a#enlaces{
	width: 67px;
	height: 19px;
	background-image: url(img/menu/enlaces-off.jpg);	
}
a:hover#enlaces{
	background-image: url(img/menu/enlaces-hover.jpg);		
}
/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
div#content-index{
	border: 1px solid #fff;
	padding: 2px;
	width: 800px;
	min-height: 414px;
	clear: both;
	z-index: 1;
	top: -17px;
	position: relative;
} 

div#content_index{
	border: 1px solid #fff;
	padding: 2px;
	width: 800px;
	min-height: 414px;
	clear: both;
	z-index: 1;
	top: -17px;
	position: relative;
} 

div#content_index_galeria{
	border: 1px solid #fff;
	padding: 2px;
	width: 800px;
	min-height: 700px;
	clear: both;
	z-index: 1;
	top: -17px;
	position: relative;
} 

#productos-portada{
	margin-top: 30px;
}
#productos-portada td{
	padding: 15px;
}
#productos-portada img{
	border: 1px solid #eee;
	margin: 10px;
}
#subcategorias{
	margin-right: 10px;
	margin-bottom: 3px;
	margin-top: 8px;
	font-size: 11px;
}

#galeria-lista{
	width: 150px;
	padding: 10px;
}

#vista-grande{
	width: 600px;
	/*height: 390px;*/
	/*float: left;*/
	margin-left: 15px;
	margin-bottom: 5px;
}
#descripcion{
	width: 620px;
	margin-left: 180px;
	padding: 5px;
}

div#contacto{
	margin-left: 20px;
	margin-right: 20px;
} 
/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
.galleria{
	width:150px
}

.galleria li{
	display:block;
	width:148px;
	height:108px;
	overflow:hidden;
	float:left;
	margin-bottom: 1px;
	border: 1px solid #e8e8e8;
	margin-top: 10px;
} 

#miniatura
{
	/*display:block;*/
	width:148px;
	height:108px;
	overflow:hidden;
	margin-bottom: 1px;
	border: 1px solid #e8e8e8;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.galleria li a{
	display:none
}
.galleria img{
}
.galleria li div{
	position:absolute;
	display:none;
	top:0;
	left:180px
}
.galleria li div img{
	cursor:pointer;

}
.galleria li.active div img,.galleria li.active div{
	display:block
}
.galleria li img.thumb{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
.galleria li .caption{
	display:block;
	padding-top:.5em
}
* html .galleria li div span{
	width:400px
} /* MSIE bug */
div#texto-qs{
	padding: 40px 20px 20px;
}
div#texto-qs p{
	line-height: 20px;
}div#texto-qs strong{
	font-weight: bold;
}
div#texto-en{
	padding: 40px 20px 20px;
}
div#texto-en p{
	line-height: 20px;
	background-color: #181818;
	margin-bottom: 15px;
	padding: 10px;
	height: 155px;
	width: 360px;
}
div#texto-sit{
	padding: 40px 20px 20px;
}
div#texto-sit p{
	line-height: 20px;
}
div#texto-sit p strong{
	font-weight: bold;
}
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#pie p{
	text-align: right;
	width: 806px;
	font-size: 11px;
	position: relative;
	top: -8px;
	
}

#miniatura_oferta{
	float: left;
	border: 2px solid #000;
	margin: 2px 2px;
}

#miniatura_oferta_nueva{
	float: left;
	height:202px;
	width: 242px;
	font: 10px Arial, Helvetica, sans-serif;
	background:url(img/caja_oferta.png) no-repeat;
	margin-left: 18px;
	z-index:50
	}
	
#div_pag_oferta{
	float: left;
	height:202px;
	width: 765px;
	z-index:50
}
	
#tabla_oferta
{
	margin:0px 0px 0px 10px;	
}

#pag_oferta
{
	margin: 0px 0px 0px 0px;	
}

#sub_oferta_exp{
	float: left;
	width: 765px;
	margin-left: 20px;
	z-index:50
	}