@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
body{
	background:#EAE9E9;
	background: url(imagenes/patron.png);
	text-align:center;

}

/* SELECCIONADOR TEXTO DE COLORES */
::selection {
background:url(imagenes/patron.png) #551E0F;
color:#eee;
}

::-moz-selection {
background:url(imagenes/patron.png) #551E0F;
color:#eee;
}

::-webkit-selection {
background:url(imagenes/patron.png) #551E0F;
color:#eee;
}


/* CODIGO FONT FACE */

@font-face {
    font-family: 'apex_serif_boldregular';
    src: url('apexserif-bold-webfont.eot');
    src: url('apexserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('apexserif-bold-webfont.woff') format('woff'),
         url('apexserif-bold-webfont.ttf') format('truetype'),
         url('apexserif-bold-webfont.svg#apex_serif_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*.apexSerif {
	font-family:'apex_serif_boldregular';
	font-size:29px;
	color:#38251F;
	margin:50px 0 0 20px;
	text-shadow: 1px 1px 0px #CCC;
	letter-spacing: -1px;
	}*/





/* CONTENEDOR GENERAL */
#contenedor {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#barraSuperior {
	/*height:7px;
	background:url(imagenes/franjas.png);*/
}
#cabezal {
	margin:0 auto;
	width:960px;
	height:90px;
	text-align:left;
	background:url(imagenes/logoCebezalDer.png) right center no-repeat;
}

#logo {
	width:330px;
	height:90px;
	/*margin-top:30px;*/
	float:left;
}
/* MENU SUPERIOR */
#menuSuperior {
	float:left;
	margin:25px 0 0 10px;
	/*width:550px;530px*/
	height:35px;
}

/* FRANJA BLANCA SUPERIOR */
#franjaBlanca {
	height:170px;
	background: #fff;
	text-align:left;
}

#contenidosfranjaBlanca {
	margin:0 auto;
	width:960px;
	height:180px;
}

#contenidosfranjaIzquierda {
	width:480px;
	height:180px;
	float:left;
}
#contactoRapido {
	margin-top:15px;
	margin-left:25px;
	/*border-top: solid 1px #ccc;*/
	/*border-bottom: solid 1px #ccc;*/
	text-align:left;
	width:290px;
}


#contactoRapido a {
	display:block;
	border-bottom: solid 1px #ccc;
	padding-left:40px;
	font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal !important;
	line-height:40px;
	text-decoration:none;
	color:#551E0F;
	background:url(imagenes/icono_mail.png) left center no-repeat;
}
#contactoRapido span {
	display:block;
	padding-left:9px;
	font: 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal !important;
	line-height:50px;
	color:#BE1E2D;
}

#contenidosfranjaDerecha p {
	border-top: solid 1px #ccc;
	padding:10px 0;
	padding-left:7px;
	font:12px Helvetica, Arial, sans-serif;
	text-align:left;
	color:#38251F;
	line-height: 15px;
}
#contenidosfranjaDerecha {
	width:350px;
	height:180px;
	float:left;
	margin-left:105px;
	/*background:no-repeat url(imagenes/barras.png);*/

}
.rojo{
	color:#BE1E2D;
	font-weight:400;
}
#contenidosfranjaIzquierda h1 {
	border-bottom: solid 1px #ccc;
	padding-bottom:10px;
	font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#BE1E2D;
	margin:32px 0 0 20px;
	letter-spacing: -1px;
}
#contenidosfranjaIzquierda p {
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#38251F;
	margin:0px 0 0 20px;
}

#contenidosfranjaIzquierda span {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #796E65;
	
}

#contenidosfranjaIzquierda span a {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #796E65;
}

#contenidosfranjaIzquierda span a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #2A1105;
	
}



/* PRODUCTO */

.producto {
	height:340px;
	margin-top:30px;
	background-color:#FFF;
	-webkit-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	-moz-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
    box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2);
}

.foto {
	width:610px;
	height:340px;
	float:left;
}
.detalle {
	width:350px;
	height:340px;
	background-color:#F5F4F4;
	float:right;
}

.titulo {
	width:270px;
	height:60px;
	margin:50px 40px 0px 40px;
	border-bottom:1px solid #BABABA;
}

.titulo h1 {
	font: italic 18px Verdana, Geneva, sans-serif;
	font-weight: normal !important;
	color:#2A1105;
}

.titulo h1 span {
	font: 12px Verdana, Geneva, sans-serif;
	font-style:normal;
	color:#765F5A;
}

.titulo h1 a {
	color:#38251F;
	text-decoration:none;
}

.titulo h1 a:hover {
	color:#551E0F;
	text-decoration:none;
	

}
/* DESCRIPCION PRODUCTO */
.descripcion {
   width:270px;
   height:150px;
   margin:25px 0px 0px 40px;

}

.pieza {
   height:28px;
   border-bottom:2px dotted #BABABA;
  
}

.pieza h2 {
	font: 12px Verdana, Geneva, sans-serif;
	color:#38251F;
	padding-top:7px;
	font-weight: normal !important;
}
.pieza h2 span {
	font-size:11px;
	color:#765F5A;
	font-family: Tahoma, Geneva, sans-serif;
}

.pieza span2 {
	color:#551E0F;

}
.masInfo {
	width:270px;
	height: 30px;
	margin:0px 0px 0px 40px;
}
.masInfo p {
	font: italic 12px Verdana, Geneva, sans-serif;
	color:#2A1105;
	padding-top:7px;

}
.masInfo a {
	font: italic 12px Verdana, Geneva, sans-serif;
	color:#2A1105;
	padding-top:7px;
	text-decoration:none;

}
.masInfo a:hover {
	font: italic 12px Verdana, Geneva, sans-serif;
	color:#551E0F;
	padding-top:7px;
	text-decoration:none;

    

}


/* PIE */
#pie {
	margin-top:50px;
	height:95px;
	background-color:#F5F4F4;
}
#contenidosPie {
	width:960px;
	margin:0 auto;

}
#logoInferior {
	width:100px;
	height:95px;
	float:left;
}

#menuInferior {
	margin: auto;
	margin-left:150px;
	padding:33px;
	width:auto;
	height:40px;
}

#prePie {
	height:100px;
	background-color:#EAE9E9;
	background: url(imagenes/patron.png);
}

#contenidosprePie {
	width:600px;
	height:50px;
	margin:25px auto;

}

/* BORRAR FLOTACIONES */
#borraFloat{
	clear:both;
}



/* ESTILOS INTERNAS */
/* Preguntas Frecuentes */

#franjablancaInterna{
	height:20px;
	background-color:#FFF;
}
.pregunta{
	height:165px;
	margin-top:30px;
	background-color:#F5F4F4;
	-webkit-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	-moz-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
    box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2);

}
.tituloPregunta{
	margin:0px 0 0 33px;
    width:880px;
	height:70px;
	border-bottom: 1px solid  #CCC;
	float:left;

}
.tituloPregunta h1{
	margin:44px 0 0 3px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#38251F;
	font-size:22px;
	line-height: 0.9;
	font-weight: normal !important;
	float:left;


}
.respuesta{
	margin:0px 0 0 33px;
	width:880px;
	height:95px;
	float:left;
}
.respuesta p{
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #765F5A;
	margin:30px 0 0 3px;


}	



/* Producto */	

#contenedorProducto{
	margin-top:50px;
	height:425px;
	background-color:#F5F4F4;
	-webkit-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	-moz-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
    box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2);}

#izquierda{
	height:425px;
	width:610px;
	float:left;
}

/*FORMULARIO DE CONTACTO */

#cajaFormulario{
	height:425px;
	width:349px;
	float:left;
	border-left:solid 1px #eee;
	background-color:#F5F4F4;
}

#tituloFormulario{
	height:85px;
}
#tituloFormulario h1{
	font:14px Verdana, Geneva, sans-serif;
	color:#999999;
	font-style:italic;
	font-weight: normal !important;
	padding-top:35px;
	padding-left:40px;


}
#formulario{
	height:330px;
}
#formulario p{
	font:12px Verdana, Geneva, sans-serif;
	color:#38251F;
	margin:25px 0 20px 37px;
}

#Nombre{
	width:210px;
	border-top:none;
	border-left:none;
	border-bottom: #CCCCCC 1px solid;
	font:12px  Verdana, Geneva, sans-serif; color:#666;
	background-color:#F5F4F4;
	margin-left:10px;
}

#E-mail{
	width:210px;
	margin-left:17px;
	border-top:none;
	border-left:none;
	border-bottom: #CCCCCC 1px solid;
	font:12px  Verdana, Geneva, sans-serif; color:#666;
	background-color:#F5F4F4;
}

#Consulta{
	width:270px;
	height:70px;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	font:12px  Verdana, Geneva, sans-serif; color:#666;
	background-color:#F5F4F4;

}

#archivo1{
	width:250px;
}

#Enviar{
	width:80px;
	float:right;
	margin-right:35px;
	margin-top:10px;

	
	
}

#tituloRedes{
	height:85px;

}
#titulo{
	width:420px;
	height:85px;
	float:left;
	margin-left:33px;
}
#titulo h1{
	margin:25px 0 0 3px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#38251F;
	font-size:20px;
	font-weight: normal !important;

}
#titulo h1 span{
	display:block;
	margin-left:5px;
	font: 12px Verdana, Geneva, sans-serif;
	font-style:normal;
    color:#9C9B9B;	
}
#redes{
	width:130px;
	height:30px;
    float:right;
	margin-top:35px;
}
.g-plus{
	width:70px;
    float:left;
}
.facebook{
	/*width:100px;*/
    float:left;
	margin-right:5px;
}
#detallesProducto{
	width:960px;
	height:280px;
	margin-top:25px;
	background-color:#F5F4F4;
	-webkit-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	-moz-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2);
	clear:both;
}
.tituloDetalle{
	width:880px;
	height:70px;
	margin:0px 0 0 33px;
	border-bottom:1px solid #CCC; 
	
}
.tituloDetalle h1{
	margin:44px 0 0 3px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#38251F;
	font-size:22px;
	line-height: 0.9;
	font-weight: normal !important;
	float:left;
}
.tituloDetalle h1 span{
	font:12px Verdana, Geneva, sans-serif;
	font-style:normal;
	color:#808080;
}
.contenidoDetalle{
	width:880px;
	height:170px;
	margin:0px 0 0 33px;
}

.medidasPrecio {
	float:left;
	width:auto;
	height:170px;
	margin-left:28px;

}

.precio {
	margin-top:5px;
}

.precio p {
	text-align:center;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#551E0F;




}
.detalleIva{
	width:880px;
	height:40px;
	margin:0px 0 0 33px;
	
	
}
.detalleIva p{
	float:right;
	font: 10px Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#999999 ;
	padding-top:7px;





}

#colores{
	width:960px;
	height:280px;
	margin-top:25px;
	background-color:#F5F4F4;
	-webkit-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	-moz-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2);
	clear:both;

}

.contenidoColores{
	width:880px;
	height:170px;
	margin:0px 0 0 33px;
	
}

.muestras{
	width:65px;
	height:90px;
	margin:55px 8px 0 0px;
	float:left;
	}

.nombreMuestra p{
	margin-top:5px;
	text-align:center;
	font:12px Verdana, Geneva, sans-serif;
	color:#666666;
	}
	




#infoExtra{
	width:960px;
	height:140px;
	margin-top:25px;
	background-color:#F5F4F4;
	-webkit-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	-moz-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2);
	clear:both;

	}
	


#textoinfoExtra{
	width:880px;
	height:35px;
	margin-left:33px;
	margin-top:15px;

}
	


#textoinfoExtra p{
	font:12px Verdana, Geneva, sans-serif;
	color:#2A1105;



}
#infoDestacada{
	width:960px;
	height:140px;
	margin-top:25px;
	background-color: #DDD4D4;
	-webkit-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	-moz-box-shadow: 1px 1px 1px 1px   rgba(100, 100, 100, 0.2);
	box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.2);
	clear:both;



}

#otrasOpciones{
	width:960px;
	height:30px;
	/*float:left;*/
	margin-top:60px;
	border-bottom:1px solid #CCC;
	clear:both;
}

#otrasOpciones p{
	font:12px Verdana, Geneva, sans-serif;
	color:#666666;
	margin-top:10px;




}

/* YA VENDIDOS */
.descripcion p{
	font:12px Verdana, Geneva, sans-serif;
	color:#666666;
	margin-top:10px;

}
#galeria {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
  padding: 20px;
}

.item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.item img, .item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lightbox {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.lightbox-content {
  position: relative;
  margin: auto;
  padding: 20px;
  max-width: 90%;
  max-height: 90%;
}

.lightbox-content img, .lightbox-content video {
  max-width: 100%;
  max-height: 80vh;
}

.close {
  position: absolute;
  top: 10px;
  right: 25px;
  color: #fff;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover {
  color: #bbb;
}
/* PAGINA CONTACTO */

#contenedorContacto {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    height: 425px;
}


#contacto {
    width: 576px;
    height: 425px;
}

#contacto h1, #contacto h2, #contacto p {
    margin-left: 30px;
    margin-right: 30px;
}

#contacto h1 {
    font: 22px Verdana, Geneva, sans-serif;
    color: #38251F;
    margin-top: 30px;
    font-weight: normal !important;
}

#contacto h2 {
    font: 16px Verdana, Geneva, sans-serif;
    color: #666;
    margin-top: 8px;
    font-weight: normal !important;
}

#contacto p {
    font: 14px Verdana, Geneva, sans-serif;
    color: #999;
    padding-top: 30px;
}

#cajaFormulario {
    width: 348px;
    height: 425px;
    box-sizing: border-box;
}

#tituloFormulario h1 {
    font: 16px Verdana, Geneva, sans-serif;
    color: #38251F;
    margin-bottom: 20px;
    font-weight: normal !important;
}

#formulario {
    font: 14px Verdana, Geneva, sans-serif;
    color: #666;
}

#formulario p {
    margin-bottom: 10px;
}


#formulario input[type='submit'] {
    padding: 10px 20px;
    background-color: #38251F;
    color: #FFF;
    border: none;
    cursor: pointer;
}


.contact-info {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 425px;
}

.info-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.info-item i {
    font-size: 20px;
    margin-right: 10px;
    color: #888; /* Gris claro */
}

.info-item span {
    font-size: 16px;
    color: #333;
}

.info-item a {
    text-decoration: none;
    color: #333;
}

.info-item a:hover {
    text-decoration: underline;
}

/* BORRAR FLOTACIONES */
#borraFloat{
	clear:both;
}