/* ----- ETIQUETAS GENERALES ----- */

* {margin:0;padding:0;border:0;outline:0;box-sizing:border-box;}
html {font-size:62%;font-family:'Open Sans',Arial,Tahoma !important;}
body {background:#FFF;text-align:center;}
div.contenedor {width:1200px;margin:0 auto;text-align:left;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
li {list-style:none;}
div.clear {clear:both;}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

/* ----- CABECERA ----- */

div.cabecera {width:100%;height:150px;background:#FFF;position:fixed;z-index:90;}
div.cabecera div.contenido {width:1200px;height:165px;margin:0 auto;position:relative;text-align:left;}
div.cabecera img.logo	 {position:absolute;top:5px;left:0;}

div.cabecera ul.accesos {position:absolute;top:0;right:0;}
div.cabecera ul.accesos li					{width:135px;height:125px;text-align:center;float:left;}
div.cabecera ul.accesos li.productos		{background:#F7E8DB;}
div.cabecera ul.accesos li.nosotros			{background:#E9C5A7;}
div.cabecera ul.accesos li.contacto			{background:#DDA67A;}
div.cabecera ul.accesos li.productos:hover	,
div.cabecera ul.accesos li.active			{background:#FCF8F3;}
div.cabecera ul.accesos li.nosotros:hover	{background:#E2B48D;}
div.cabecera ul.accesos li.contacto:hover	{background:#CF8445;}
div.cabecera ul.accesos li img		{display:inline-block;margin:29px 0 15px 0;}
div.cabecera ul.accesos li a			{display:block;}
div.cabecera ul.accesos li a:hover	{text-decoration:none;}
div.cabecera ul.accesos li a span {font-weight:bold;font-size:1.14rem;color:#3A2C2D;display:block;}

div.cabecera div.menu {width:1200px;background:#FCF8F3;position:absolute;top:125px;left:0;display:none;}
div.cabecera div.menu ul {width:175px;margin:10px 8px;float:left;}
div.cabecera div.menu ul.destacado {background:#f8d7da;padding:8px 6px;border:1px solid #f5c6cb;border-radius:4px;}

div.cabecera div.menu ul li			,
div.cabecera div.menu ul li a			{font-size:1.3rem;color:#3A2C2D;}
div.cabecera div.menu ul li.titulo	{font-size:1.3rem;font-weight:bold;color:#3A2C2D;margin-bottom:4px;}
div.cabecera div.menu ul li.active	,
div.cabecera div.menu ul li.active a	{color:#4D7AFF;}
div.cabecera div.menu ul li			{margin-bottom:1px;}

div.cabespacio {width:500px;height:165px;overflow:hidden;display:block;}

/* ----- INDEX ----- */

div.banner {width:100%;height:350px;text-align:center;margin:0 auto 50px auto;background:#FFF url(../varios/cabecera1.jpg) no-repeat center top;}

h1.nosotros {font-size:5.5rem;color:#CCCCCC;}
h1.contacto {font-size:5.5rem;color:#CCCCCC;text-indent:605px;}
div.nosotros {width:100%;height:500px;text-align:center;margin:0 auto 50px auto;background:#CCCCCC url(../index_nosotros.png) no-repeat center top;}
div.contacto {width:100%;height:500px;text-align:center;margin:0 auto;background:#DDDDDD url(../index_contacto.png) no-repeat center top;}

/*
div.nosotros {background:#CCCCCC;margin-bottom:50px;}
div.nosotros div.contenido {width:1200px;margin:0 0 0 auto;text-align:left;}
div.nosotros div.izq {float:left;width:470px;}
div.nosotros div.der {float:right;}
div.nosotros p	{font-size:1.6rem;color:#797979;display:block;margin-bottom:16px;line-height:150%;}

div.contacto {background:#CCCCCC;}
div.contacto div.contenido {width:1200px;margin:0 auto;text-align:left;}
div.contacto div.izq {float:left;}
div.contacto div.der {float:right;width:600px;}
div.contacto h1	{font-size:5.5rem;color:#CCCCCC;padding-left:590px;}
div.contacto p	{font-size:1.6rem;color:#797979;display:block;line-height:150%;}
*/

/* ----- UBICACION ----- */

div.ubicacion		{margin:0 0 45px 0;position:relative;}
div.ubicacionindex	{margin-bottom:25px;}
div.ubicacion p	,
div.ubicacion a	{font-size:2.1rem;color:#333333;}
div.ubicacion a	{font-weight:bold;}
div.ubicacion a:hover {text-decoration:underline;}

/* ----- BUSCADOR ----- */

div.buscador {width:320px;height:40px;overflow:hidden;background:#CCCCCC;padding:7px 0 7px 25px;position:absolute;top:0;right:0;}
div.buscador label {font-size:1.2rem;color:#9A9A9A;margin-right:10px;}
div.buscador input {width:200px;font-size:1.3rem;color:#FFF;background:#B0B0B0;border-radius:3px;padding:5px 7px;}

/* ----- CATEGORIA ----- */

div.listado			{width:285px;height:350px;background:#DDDDDD;float:left;margin:0 20px 50px 0;position:relative;}
div.listadonew		{background:#F6E0A7;}
div.listadoindex		{height:340px;overflow:hidden;}
div.listadoinicio	{}
div.listadomedio		{}
div.listadofin		{float:right;margin-right:0;}

div.listado div.foto {width:255px;height:240px;max-height:240px;background:#EBD59C;text-align:center;margin:15px auto 5px auto;position:relative !important;}
div.listado div.foto div.novedad {position:absolute;top:-21px;right:25px;}
div.listado div.foto a:hover	{text-decoration:none;}
div.listado div.foto a:hover > img {-webkit-transform:scale(1.10);
								-moz-transform:scale(1.10);
								-ms-transform:scale(1.10);
								-o-transform:scale(1.10);
								transform:scale(1.10);}
div.listado div.foto img {max-height:220px;
						-webkit-transition:all .9s ease;
						-moz-transition:all .9s ease;
						-o-transition:all .9s ease;
						-ms-transition:all .9s ease;
						}

div.listado h1 {font-size:1.5rem;color:#333333;display:block;margin:0 10px;}
div.listado h2 {font-weight:normal;font-size:1.3rem;color:#333333;display:block;margin:0 10px;}

div.listado div.detalle	{width:100%;text-align:center;margin-top:10px;}
div.listado div.detalle > a		{color:#DDDDDD;font-size:1.6rem;font-weight:bold;background:#BBBBBB;letter-spacing:1pt;display:block;line-height:190%;}
div.listadonew div.detalle > a		{color:#333333;background:#EBD59C;}
div.listado div.detalle > a:hover	{background:#333333;color:#DDDDDD;text-decoration:none;}

div.listado div.info {width:100%;background:#F6E0A7;text-align:center;}
div.listado div.info > a		{color:#333333;font-size:1.3rem;font-weight:bold;display:block;line-height:190%;}
div.listado div.info > a:hover	{color:#B33E25;text-decoration:none;}

p.resultado {font-size:1.8rem;color:#901715;display:block;line-height:170%;margin:0 0 35px 0;}

/* ----- PRODUCTO ----- */

div.producto div.col1 {width:600px;float:left;position:relative;}
div.producto div.col2 {width:565px;float:right;position:relative;}

div.producto h1 {font-size:3.5rem;color:#333333;display:block;margin-bottom:37px;}
div.producto h2 {font-size:2.2rem;color:#333333;display:block;border-bottom:4px solid #EDD8A1;padding-bottom:6px;}
div.producto div.titulo {margin-bottom:18px;position:relative;}

div.producto div.titulo div.facebook {position:absolute;top:4px;right:90px;}
div.producto div.titulo div.twitter {position:absolute;top:4px;right:0;}

div.producto p.speech	{font-size:1.8rem;color:#333333;display:block;margin-bottom:50px;}
div.producto p.info		{font-size:1.4rem;color:#3F1000;text-align:center;margin-bottom:22px;}
div.producto p.precio	{font-weight:bold;font-size:3.5rem;color:#660000;}
div.producto p.seuo		{font-size:1.2rem;color:#666666;display:block;text-align:center;}

div.producto div.boton {text-align:center;margin:25px auto 25px auto;}
div.producto div.boton a		{font-weight:bold;font-size:2.4rem;color:#3D3236;background:#F6E0A7;padding:7px 45px;border-radius:7px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
div.producto div.boton a:hover	{background:#E9B323;text-decoration:none;}

div.producto div.whatsapp {text-align:center;margin:25px auto 50px auto;}
div.producto div.whatsapp a		{font-weight:bold;font-size:2rem;color:#FFFFFF;background:#63AA35;padding:6px 40px;border-radius:7px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
div.producto div.whatsapp a:hover	{background:#6BB938;color:#E2E2E2;text-decoration:none;}

div.producto div.foto {width:100%;height:400px;background:#F6E0A7;text-align:center;margin-bottom:29px;position:relative;}
div.producto div.foto img {max-height:380px;}
div.producto div.foto div.novedad {position:absolute;top:-21px;right:25px;}

div.producto a.ampliar		{width:56px;height:56px;position:absolute;right:7px;opacity:0.5;filter:alpha(opacity=50);}
div.producto a.ampliar:hover	{opacity:1;filter:alpha(opacity=100);}

/* ----- PIE ----- */

div.pie {height:160px;overflow:hidden;margin-top:125px;position:relative;}
div.pie p.nombre	{font-size:2.4rem;color:#A5A5A5;}
div.pie p.datos	{font-size:1.6rem;color:#A5A5A5;margin-bottom:42px;line-height:175%;}
div.pie p.copy	{font-size:1.4rem;color:#A5A5A5;}
div.pie p.copy a	{color:#A5A5A5;}

div.pie img.logo		{position:absolute;left:545px;top:0;}
div.pie img.fiscal	{position:absolute;left:600px;top:73px;}

/* ----- ERROR ----- */

div.error {margin:40px auto 150px auto;padding:20px 20px 25px 20px;text-align:center;}
div.error h1 {font-size:3rem;color:#333333;margin:0 0 30px 0;}
div.error p {font-size:1.4rem;color:#333333;line-height:130%;margin:0 0 10px 0;}
div.error a {font-weight:bold;color:#FFFFFF;}
div.error div.imagen {text-align:center;margin:0 0 20px 0;}