/*    
OFIDECO RESPONSIVE 

 320  ×  480  Phone (portrait)
 480  ×  320  Phone (landscape)

 480  ×  800  Small Tablet (portrait)
 800  ×  480  Small Tablet (landscape)

 768  × 1024  Large Tablet (portrait)
1024  ×  768  Large Tablet (landscape)

1280  ×  800  Desktop

background-color: #484848;  GRIS OSCURO 
background-color: #605B50;  GRIS CLARO 
background-color: #FBBA00;  NARANJA 

*/

@media screen and (max-width:768px){.hide_on_mobile{display:none!important} }
@media screen and (max-width:360px){.hide_only_mobile{display:none!important} }
@media screen and (min-width:768px){.hide_on_desktop{display:none!important} }

* {
	margin: 0px;
	padding: 0px;
}
p, ul, li {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11pt;
}
.clearfix{
	clear:both
}
span {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11pt;
}
a {
	outline-style:none;
	text-decoration:none;
}
img {
	border: 0px none;
}
.titulo-cabecera {
	font-family: 'Baumans', arial, serif;
	font-size: 18px;
	color: #222222;
	font-weight: normal;
	position:absolute; 
	top: 110px; 
	left:100px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #808080;
	font-style: normal;
	font-weight: normal;
}
input, select {
	padding : 0px;
	padding-left : 4px;
	margin : 0px;
	height: 20px;
	font : normal normal 12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
textarea {
	padding : 0px;
	padding-left : 4px;
	padding-top: 4px;
	margin : 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	font : normal normal 12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
.titulo {
	font-family: 'Baumans', arial, serif;
	font-size: 22px;
	height:28px;
	border: 2px solid #ccc;
	float:none;
	clear:both;
	margin-top:12px;
	padding:5px;
	padding-left:10px;
	/* background-color:#F7C5B4; */
	background-color: #FFBF00;
}
.titulo span{
	font-family: 'Baumans', arial, serif;
	font-size: 22px;
}
.titulo-underline {
	font-family: 'Baumans', arial, serif;
	font-size: 22px;
	height:auto;
	border-bottom: 2px solid #407F9D;
	float:none;
	clear:both;
	margin-top:12px;
	margin-bottom:12px;
	padding:5px 5px 5px 0px;
}
body {
	text-align: center;
	/* background-image:url(../img/background-cab.jpg); */
	background-repeat:  repeat-x;
	background-position: center top;
}
.contenedor {
	max-width:980px; 
	min-width:290px; 
	margin:0 auto; 	
	padding:15px;
	text-align: left;
	position:relative;
}
/*
.cabecera {
	padding-top: 12px;
	margin-bottom: 12px;
	height: 120px;
	width:980px;
}
*/
.cabecera {
	margin-bottom: 12px;
}

@media screen and (min-width:769px) {#logo{float:left;}}
@media screen and (min-width:1024px){#logo{width:350px;}}
@media screen and (max-width:1024px){#logo{width:35.7143%;}}
@media screen and (max-width:768px) {#logo{width:100%; max-width:350px;}}
#logo { 
	margin-right: auto;
	margin-left: auto;
}

@media screen and (min-width:1023px){#logo img{width:350px; height:106px;}}
@media screen and (max-width:1024px){#logo img{width:100%;}}
#logo img{
}

@media screen and (min-width:1023px){.searcher{width:312px; height:80px; padding-top:30px; margin-left:26px;}}
@media screen and (max-width:1024px){.searcher{width:31.8367%; padding-top:1.5%; margin-left:2.0%;}}
@media screen and (min-width:769px) {.searcher{float:left;}}
@media screen and (max-width:768px) {.searcher{clear:both; width:100%; margin-left:0px;}}
.searcher {
	padding-bottom:10px;
}

@media screen and (min-width:769px){.buscador{float:left;width:100%;}}
@media screen and (max-width:768px){.buscador{width:90%; border:solid 1px #ccc;background-color:#E1E1E1;}}
.buscador{ 
	display:block;
	margin: 0 auto; 
	
}
@media screen and (max-width:768px){.buscador p{ display:none;}}
.buscador p{ 
	margin-left:10px;
	font-family:Helvetics neue,Helvetica,'Oswald',"Trebuchet MS";
	font-size:0.8em;
	color:#963;
	line-height:0.5em;
}
.buscador p input{
	margin-left:5px;
	margin-right:3px;
}

@media screen and (min-width:1023px){.box-buscar{width:75%;}}
@media screen and (max-width:1024px){.box-buscar{width:62%;}}
@media screen and (max-width:768px) {.box-buscar{width:70%;}}
.box-buscar{
	height:23px;
	font-family:Arial,Helvetica,sans-serif;
	font-style:italic;
	color:#999;
	font-size:0.75em;
	padding:2px 6px;
	border:0px;
	margin-left:10px;
	margin-top:3px;
	border:solid 1px #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	outline:0;
}
#img_buscar {
	background:url(../img/lupa-buscar.png) no-repeat 5px 5px;
	height:45px;
	width:50px;
	border:0;
}
#img_buscar:hover {
	 cursor:pointer;
}
.login{ 
	float: none; 
	clear:both;
	overflow: hidden;
	display:block;
	margin: 0 auto; 
	width: 90%
}
@media screen and (max-width:768px){.login{margin-top:10px;}}
.login span{
	float: left;
	font-family: 'Baumans', arial, serif; 
	font-family:'Oswald',"Trebuchet MS",Helvetics neue,Helvetica; 
	font-weight:bold;
	font-size: 18px;
	padding-top:8px;
	text-shadow: 2px 2px 0 #E3E3E3;
}
@media screen and (max-width:768px){.login span{padding-top:14px;}}
.login span:hover{ 
	color:#AA0000;
}
@media screen and (max-width:768px){.candado{padding-top:10px;}}
.candado{
	float: left;
	width:25px;
	height:35px;
	background-image: url(../img/icon/login-blu.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.candado:hover{ 
	background-image: url(../img/icon/login-red.png);
	color:#AA0000;
}
@media screen and (min-width:769px){.boton-carrito{display:none;}}
.boton-carrito { 
	width:50px; 
	height:50px; 
	float:right;
	background-image: url(../img/icon/carrito.png);
	background-size: 100%;
}
@media screen and (min-width:769px){.boton-menu{display:none;}}
.boton-menu {
	float:left; 
	margin-right: 5%;
}
@media screen and (min-width:769px){.zona-carrito{float:right;}}
@media screen and (max-width:768px){.zona-carrito{display:none;}}
@media screen and (min-width:1023px){.zona-carrito{width:230px;}}
@media screen and (max-width:1024px){.zona-carrito{width:23.4694%;}}

.zona-carrito:hover {
	/* background-color: #FBBA00; */
	/* border: 2px solid #ccc; */
	/* color:#464646; */
}
.zona-carrito {
	z-index: 200;
	background-color: #FBBA00;
	border: 2px solid #ccc; color:#464646;
	background-image: url(../img/icon/carrito.png);
	background-repeat: no-repeat;
	background-position: 5px 20px;
	padding: 10px;
	position: absolute;
	right: 15px;
}
.zona-carrito p {
	text-align:right;
}
#contenido-carrito li{
	list-style-type: none;
}
#contenido-carrito span { 
	font-family: Arial Narrow, Helvetica, sans-serif;
}
.nombre{
	float:left;
	display:block;
	width:100px;
	height:25px;
	color:#464646;
	text-align: left;
	margin-left:10px;
	overflow:hidden;
}
.suspensivos{
	float:left;
	display:block;
	width:10px;
	color:#464646;
	text-align: left;
}
.unidad{
	float:left;
	display:block;
	width:15px;
	text-align:right;
	margin-right:10px;
	margin-left:10px;
	color:#464646;
}
.precio{
	float:left;
	display:block;
	width:55px;
	text-align:right;
	color:#464646;
}
/* ESTÄ COMENTADO PARA QUE NO INTERFIERA CON ESTILOS.CSS DEL MENU LATERAL
.barra-menu {
	margin-top: 10px;
	margin-bottom: 20px;
	height: 30px;
	width: 100%;
	background-color: #B3DBE3; 
}
*/
.barra-menu li {
	font-family: 'Baumans', arial, serif; 
}
#barra-navegacion {
	width: 95%; 
	height: 15px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #666666;
	margin-top: 4px;
	margin-left: 25px;
	margin-bottom: 10px;
	float: left;
}
#barra-navegacion a {
	text-decoration: none;
	font-size: 14px;
	color: #666666;
}
@media screen and (min-width:769px){.slider-show{width: 65.3061%;}}
@media screen and (max-width:768px){.slider-show{width: 100%;}}
.slider-show {
	float: left;
	margin-bottom: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align:center;
}
.slider-show img { 
	width:100%; 
	max-width:640px;
}
@media screen and (min-width:769px){.banner-index{ width: 31.6327%;}}
.banner-index { 
	float: right;
	margin-bottom:1.6%;
	padding: 3px;
	border: solid 2px #ccc;
}
@media screen and (max-width:768px){.banner-index{ width: 46%; margin-top:15px;} .banner2 {float:left;}}
@media screen and (min-width:769px){.productos-recomendados{width: 74%;}}
@media screen and (max-width:768px){.productos-recomendados{width: 100%;}}
.productos-recomendados {
	float: left;
	clear: both;
	margin-bottom: 25px;
}
.tag-oferta{
	height:28px;
	width:48px;
	padding:3px;
	padding-top:28px;
	position:absolute;
	right:0px;
	bottom:0px;
	border:0px;
	z-index:1;
	background-image:url(../img/icon/descuento.png);
	background-position:right top;
	background-repeat:no-repeat;
	color:#1D1D1D;
	text-align:right;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.tag-novedad{
	height:60px;
	width:60px;
	padding:0px;
	margin:10px;
	position:absolute;
	right:0px;
	top:0px;
	border:0px;
	z-index:1;
	background-image:url(../img/icon/novedad.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.tag-outlet{
	height:50px;
	width:80px;
	padding:0px;
	position:absolute;
	right:0px;
	top:0px;
	border:0px;
	z-index:1;
	background-image:url(../img/icon/outlet.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.tag-portes{
	height:50px;
	width:80px;
	padding:0px;
	position:absolute;
	left:0px;
	bottom:0px;
	border:0px;
	z-index:1;
	background-image:url(../img/icon/portes-gratis.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.tag-lupa{
	height:62px;
	width:61px;
	padding:0px;
	position:absolute;
	left:15px;
	top:15px;
	border:0px;
	background-image:url(../img/icon/lupa.png);
	background-position:left top;
	background-repeat:no-repeat;
}

/* BORRAR TODA ESTA PARTE DEL CSS
@media screen and (max-width:799px){#box-contacto, .columna-banners {display:none;}}

@media screen and (max-width:479px) {.box-articulo1, .box-articulo3 {width: 48%; margin-right: 2%;}}
@media screen and (max-width:479px) {.box-articulo2, .box-articulo4 {width: 48%; margin-right: 0px;}}

@media screen and (min-width:480px) and (max-width:767px) {.box-articulo1 {display:none;}}
@media screen and (min-width:480px) and (max-width:767px) {.box-articulo1, .box-articulo2, .box-articulo3 {width: 31.5%; margin-right: 2%;}}
@media screen and (min-width:480px) and (max-width:767px) {.box-articulo4 {width: 31.5%; margin-right: 0px;}}

@media screen and (min-width:768px){.box-articulo1, .box-articulo2, .box-articulo3 {width: 23%;margin-right: 2%;}}
@media screen and (min-width:768px){.box-articulo4 {width: 23.5%;margin-right: 0px;}}

.box-articulo1, .box-articulo2, .box-articulo3, .box-articulo4, .box-articulo5, .box-articulo6 {
	margin-top: 20px;
	margin: 0.7%;
	background-color:#FFFFFF;
	float:left;
	border: thin solid #B3DBE3; position:relative;
}
.box-articulo1 a {
	color: #990000;
}
.box-articulo4 {
	margin-right:0px;
}
.box-articulo4 a {
	color: #990000;
}*/
/* BORRAR HASTA AQUI */

@media screen and (max-width:799px){#box-contacto, .columna-banners {display:none;}}

@media screen and (min-width:480px) and (max-width:767px) {#box-articulo4, #box-articulo5 {display:none;}}

@media screen and (max-width:480px){#box-articulo5 {display:none;}}

@media screen and (max-width:479px) {.box-articulo {width: 45%;}}

@media screen and (min-width:480px) and (max-width:767px) {.box-articulo {width: 30.4%;}}

@media screen and (min-width:768px){.box-articulo {width: 22.5%;}}

.box-articulo {
	margin-top: 20px;
	margin: 1%;
	background-color:#FFFFFF;
	float:left;
	/* border: thin solid #ccc; */
	border: thin solid #B3DBE3; position:relative;
}
@media screen and (max-width:479px) {.box-articulo {margin:1.8%; !important}}
.box-articulo a {
	color: #990000;
}

.imagen-articulo {
	height: 88.2353%;
	width: 85%;
	margin:5px auto 5px auto;
	position:relative;
	/* border: 1px solid #CC9900; */
}
.imagen-articulo img { 
	width:100%
}
.imagen-articulo img:hover {
	/* border: 1px solid #B3DBE3; 
	border: 1px solid #E44365;*/
}
.nombre-articulo{
	position: relative;
	height: 45px;
}
.carrito-articulo {
	width: 130px;
	height: 50px;
	margin:5px auto 5px auto;
	background-image:url(../img/icon/boton-carrito-naranja.png); 
	background-repeat:no-repeat;
}
.carrito-articulo:hover {
	background-image:url(../img/icon/boton-carrito-verde.png);
	cursor:pointer; 
}
.carrito-articulo-org {
	width: 130px;
	height: 50px;
	margin:5px auto 5px auto;
	background-image:url(../img/icon/boton-desde-naranja.png); 
	background-repeat:no-repeat;
}
.carrito-articulo-org:hover {
	background-image:url(../img/icon/boton-desde-verde.png);
	cursor:pointer; 
}
.carrito-articulo p, .carrito-articulo-org p{
	text-align:right;
	color: #000000;
	font-size:18px;
	font-weight: bold;
	padding: 25px 10px 0px 0px;
}
.carrito-articulo p:hover, .carrito-articulo-org p:hover{
	color: #FFFFFF; 
}
.carrito-articulo span, .carrito-articulo-org span{
	margin-top: -10px;
	float:right;
	color: #AA0000;
	font-weight: bold;
	font-size:14px;
	padding: 0px 5px 0px 0px;
	text-decoration: line-through;
}
#box-contacto {
	width: 22%;
	height: 360px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 55px;
	background-image: url(../img/bg-boxcontacto.jpg);
	background-repeat:no-repeat;
	background-size: 100%;
	margin-bottom: 14px;
}
.borde-fotos-s{
	border: 2px solid #CCCCCC;
	padding: 5px;
	width: 150px;
	margin: 0px 0px 5px;
}
.borde-fotos-s:hover{
	border: 2px solid #000000;
}
.borde-fotos-l{
	border: 2px solid #CCCCCC;
	padding: 5px;
	width: 515px;
	margin: 5px 0px 5px;
}
.borde-fotos-l:hover{
	border: 2px solid #000000;
}
#footer {
	width: 100%; display:table;
	
	min-height: 140px;
	border: 2px solid #CCCCCC;
	clear: both;
	margin-bottom: 40px;
}
.columna-pie  {
	float:left;
	list-style: none;
	margin : 5px 5px 10px 10px;
	padding : 12px;
	min-width: 190px;
}
.titulo-pie  {
	font-size : 18px;
	color: #5F5F5F;
	font-family: "Baumans", arial, serif;
	text-shadow: 2px 2px 0 #E3E3E3;
}
.enlaces-pie {
	font-size: 14px;	
}
.enlaces-pie a{
	padding-top : 2px;
	line-height: 2em;
	text-decoration : none;
	font-family: "Arial-narrow", arial, serif;
	color : #595A5E;
}
.enlaces-pie a:hover{
	color: #EC5D5D;
}
#social-network img{
	width:24px; 
	height:24px;
	margin-right: 10px;
}
.boton-realizar-pedido {
	background-image: url(../img/boton-realizar-pedido.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 200px;
}
.boton-realizar-pedido:hover {
	background-image: url(../img/boton-realizar-pedido-rojo.png);
}
.boton-ver-carrito {
	background-image: url(../img/ver-carrito.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 100px;
	margin-top: 5px;
	margin-left: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.boton-ver-carrito:hover {
	background-image: url(../img/ver-carrito-rojo.png);
}
.Estilo1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#acceso {
	height: 125px;
	width: 250px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	background-color: #B3DBE3;
	border: thin solid #CCCCCC;
}
.Mensaje-error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	font-weight: normal;
	text-align:center;
}
.btn-agotado-vacio { 
	width: 126px;
	height: 50px;
	margin:5px auto 5px auto;
	background-image:url(../img/icon/boton-agotado-vacio.png); 
	background-repeat:no-repeat;
}
.btn-agotado-vacio p{
	text-align:right;
	color: #808080;
	font-size:18px;
	font-weight: bold;
	padding: 25px 10px 0px 0px;
}
.btn-agotado-vacio span{
	margin-top: -10px;
	float:right;
	color: #AA0000;
	font-weight: bold;
	font-size:14px;
	padding: 0px 5px 0px 0px;
	text-decoration: line-through;
}
.campo-erroneo {
	border: 2px solid #FF0000; !important;
}
.lista-articulo {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	background-color:#FFFFFF;
	float:left;
	border: thin solid #B3DBE3; position:relative;
}
.imagen-articulo-lista {
	height: 150px;
	width: 150px;
	margin:5px;
	position:relative;
	float:left;
	/* border: 1px solid #CC9900; */
}
.imagen-articulo-lista img:hover {
	/* border: 1px solid #B3DBE3; */
	border: 1px solid #E44365;
}
.nombre-articulo-lista {
	float:left;
	font-family:'Oswald',"Trebuchet MS",Helvetics neue,Helvetica; 
	font-weight:bold;
	font-size: 18px;
	color: #222222;
	padding-top:10px;
}
.descripcion-articulo-lista {
	float:left;
	clear:both;
	padding-top:10px;
}
.columna-banners {
	float: right;
	width: 22%;
	height:auto;
	border: 2px solid #CCCCCC;
	padding: 0px 10px 10px;
	margin-top: 8px;
	margin-bottom: 14px;
}
.columna-banners div { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left: 30px;
}
.oculto {
	visibility: hidden;
}
.box-consejos-creativos {
	width:90%; 
	float:none; 
	clear:both; 
	border: 2px solid #CCCCCC; 
	padding:5%;}
.box-consejos-creativos span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-style: normal;
	font-weight: normal;
}
.box-consejos-creativos h1{
	font-family: 'Baumans', arial, serif;
	font-size: 22px;
}
.box-consejos-creativos h2{
	font-family: Arial, Helvetica, sans-serif;
}
.box-consejos-creativos h3{
	font-family: 'Baumans', arial, serif;
	font-size: 16px;
}
@media screen and (min-width:769px) {
	#cont-lista {
		height:28px; 
		border: solid 2px #ccc;
		float:none; 
		clear:both; 
		margin-top:12px; 
		padding:5px; 
		padding-left:20px; 
		background-color: #FBBA00;
	}
}
#shopping_cart2 p { 
	display:block; 
	float:left; 
	background-color:#FFFFFF; 
	margin-top:10px; 
	margin-left:5px; 
	padding-left:5px; 
	padding-right:5px;
	border: solid 2px #ccc;
}
.catalogos { 
	margin-left: 60px;
	height: 260px;
	width: 160px;
	text-align: center;
	float: left;
}
/* ----------- REVISTA -------------- */
@media screen and (min-width:768px){.revista_large{width:57.142857%;} }

.revista_large {	 
	float:left; 
}
@media screen and (min-width:768px){.revista_small{width:38.775510%;} }
@media screen and (max-width:769px){.revista_small{width:100%;  margin-top:15px;} }
.revista_small {
	float:right;  
}

.borde_fotos_s{
	border: thin solid #CCCCCC;
	padding: 5px;
	width: 39.473684%;
	margin: 0px 0px 5px;
	float:left; 
	margin-right:15px;
}
.borde_fotos_s:hover{
	border: 1px solid #000000;
}
.borde_fotos_l{
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 98%;
	margin: 5px 0px 5px;
}
.borde_fotos_l:hover{
	border: 1px solid #000000;
}
.fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	text-align: left;
}