﻿/*
	Descripción: EL ALMACEN DE SEGUNDA MANO
	Versión: 4.0
*/

/*________Import____________*/

@import url('flexible.css');
@import url('textos.css');
@import url('menu.css');
@import url('owl.carousel.min.css');
@import url('formularios.css');


/*_____________WEBSITE__________*/

a{
	text-decoration: none;
	/*o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;*/
	color: #5b5b5b;
}

a:hover,
a:focus {
	text-decoration: none;
	o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #333333;
}


div, h1, h2, h3, h4, p, form, input, textarea, img, span, td{margin:0; padding:0;}/*label,*/

h1,h2,h3{font:inherit}

video {width:100%; height:auto; border:0;}

img{border:none;}

ul{margin:0; padding:0; list-style-type:none; list-style: none;}

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-font-smoothing: antialiased;/* texto renderizado safari y chrome*/
}


/*________Resolución_______*/

#dimensions {
  position: fixed;
  left: 10px;
  bottom: 0px;
  background:#000\9; background-color:rgba(0, 0, 0, 0.8);
  font-size: 13px;
  color: #fff;
  padding: 5px 10px;
  z-index:1000
}

/*________SCROLLTOP APARECE_______*/

.scrolltop{
	width:48px;
	height:49px;			
	text-indent:-9999px;
	/*opacity:0.7;*/
	position:fixed;
	bottom:40px;
	right:10px;
	display:none;			
	background: url('../images/top.gif') no-repeat;
	z-index:1000;
}

/*_________________selecciones___________________*/

/* webkit, opera, IE9 */
::selection { background:#3F448C;  color:#fff;}
/* mozilla firefox */
::-moz-selection { background:#3F448C; color:#fff;}


/*__________PÁGINA_WEB_____________*/

.limpiar{clear:both; font-size:0; line-height:0; float:none;}

acronym, abbr {border-bottom:1px dotted #4b4b4b; cursor:help; font-style:normal;}

.separa{width:100%;	height:10px; font-size:0; clear:both;}
.separa-med{width:100%;	height:22px; font-size:0; clear:both;}
.separa-min{width:100%;height:5px; font-size:0; clear:both;}

.separa1{width:100%; height:30px; font-size:0; clear:both;}
.separa2{width:100%; height:45px; font-size:0; clear:both;}
.separa3{width:100%; height:60px; font-size:0; clear:both;}

.izq{float:left;}
.der{float:right;}

.italic{font-style:italic}

.septop{margin-top:15px;}
.sepbot{margin-bottom:15px;}
.separabajo{padding-bottom:15px}
.separaderecha{margin-right:5px}
.septopbot{padding:30px 0 20px 0;}
.septopbotder{padding:5px 10px 5px 0;}

.center{text-align:center;}
.right{text-align:right;}
.justificado{text-align:justify;}
.enlinea{display:inline-block;}
.enbloque{display:block}
.centrado{margin:0 auto; display:block; text-align:center}
.full{width:100%}

.relative{position:relative}
.absolute{position:absolute}
.pointer{cursor:pointer}

.tachado{text-decoration:line-through;}


.linea {display:block; margin:20px 0 20px 0; width: 100%; height:1px; background:#d3d3d3;}
.linea-min {display:block; margin:12px auto; width: 100%; height:1px; background:#d3d3d3;}

.redondo{border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.redondo-top{border-radius:3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;}
.redondo-bottom{border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px;-webkit-border-radius: 0px 0px 3px 3px;}

.redondo-big{border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.visible_en_movil, .visible{visibility:hidden; display:none;}

.wrapper{background:#fff; display:table; margin:0 auto;}/*caja contenedora (envoltura)*/

.mayusculas{text-transform:uppercase}


@media (max-width:1200px) {
	.visible-max{visibility:hidden; display:none}
}

@media (max-width: 991px) {
	.centradomovil{margin:0 auto; display:block; text-align:center; float:none}
	.invisible{visibility:hidden; display:none}
	.visible {visibility:visible; display:inline-block;}
}

@media (max-width: 767px) {
	.invisible_en_movil{visibility:hidden; display:none}
	.visible_en_movil{visibility:visible; display:inline-block;}
	.wrapper{display:block;}
}

.capa1{z-index:1;/*importante*/}


/*_____________DISEÑO WEB EN CAJA_______________*/

.page-wrapper {background-color: #f1f1f1;}

.boxed .page-wrapper {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	-webkit-box-shadow: 1px -22px 54px 5px rgba(0,0,0,0.53);
	-moz-box-shadow: 1px -22px 54px 5px rgba(0,0,0,0.53);
	box-shadow: 1px -22px 54px 5px rgba(0,0,0,0.53);
}
	
.fondoweb {
	background:#3f6955 url(../images/bg.jpg) repeat fixed; /*no-repeat center center fixed*/
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {.boxed .page-wrapper {width: 750px;}}

@media (max-width:768px){ .fondoweb{background:none}}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {.boxed .page-wrapper {width: 970px;}}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {.boxed .page-wrapper {width: 1170px;}}

/* Large devices (Large desktops 1400px and up) */
@media (min-width:1400px) {.boxed .page-wrapper {width: 1370px;}}


/*_____________POPUPS______________*/

.add-carro{position:fixed; z-index:10000; top:60px; right:20px; border:1px solid #cecece; padding:5px 10px 10px 10px; max-width:340px; min-width:300px;
	right: calc(50% - 600px + 20px); /*la mitad del tamaño máximo de pantalla definido en flexible*/ background:#fff; border-top:4px solid #3F448C;
}

.add-carro i{font-size:1.462em; color:#636363;}

@media all and (max-width: 1200px){.add-carro {right: 20px;}}

@media (max-width: 480px) {.add-carro {right: 10px;max-width:300px; font-weight:normal}}

.img-add{width:70px; position:relative; border:1px solid #cecece;}

.carrito_img {float:left; margin-bottom:10px;}
.carrito_txt {display:block; overflow: hidden; padding: 0px 0 0px 10px; }

.addbtn{float:none; text-align:center; margin:0;}
.addbtn a {display:block; font: normal 0.929em Arial, Helvetica, sans-serif; color: #fff; background: #3F448C; padding:8px 10px; text-decoration: none; border-radius:inherit;}
.addbtn a:hover {color: #fff; background: #ed6663; text-decoration: none;}

.mini-cart {margin: 0; padding: 0; list-style: none; text-transform: none; max-height:230px; overflow:auto}
.mini-cart > li {border-bottom: 1px dotted rgba(0, 0, 0, 0.3); padding-bottom: 10px; margin-bottom: 15px;}
.mini-cart > li:last-child {border: none; padding-bottom: 0; margin-bottom: 0;}


/* Popup login */
.fondo-trans{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); transition: opacity 500ms; visibility: visible; opacity: 1; z-index:11000}
.fondo-trans:target {visibility: visible; opacity: 1;}

.popup {margin: 50px auto; padding: 20px; background: #fff; width: 40%; position: relative; /*transition: all 5s ease-in-out;*/ z-index:12000; border-top:4px solid #3F448C;}

.popup.login {width:350px;}
.popup.login.cliente{background:#ffffff}

.popup .cerrar {position: absolute; top: 10px; right: 10px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333;}
.popup .cerrar:hover {color: #000000;}

.popup .contenido {margin-top:10px; /*max-height: 100px; overflow: auto;*/}

@media screen and (max-width: 700px){.popup{width: 70%;}}
@media screen and (max-width: 420px){.popup.login {width: 300px; margin:20px auto}}


/* Popup centrada */
.popup_centrada{display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; background: rgba(0,0,0,.6); text-align: center}
.popup_centrada:after{display: inline-block; width:  0; height: 100%; vertical-align: middle; content: ''} 
.popup_centrada .contenido{/*padding: 20px; background: #fff;*/ display: inline-block; vertical-align: middle; position: relative;}



/*_____________FONDOS_______________*/

.sombra{
	-webkit-box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.18);
	box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.18);
}


.fontop{width:100%; background:#fff; border-top:4px solid #231f20; padding:15px 0;}

.fonbot{width:100%; padding:35px 0; margin:30px 0 0px 0; font-size:0.9285em; color:#888;background:#23292c; background:#23292c url('../images/stuff.png') no-repeat right bottom}

.fonpie{background:#1a1f21; padding:20px 0;}

.bordetop{border-top:1px solid #e5e5e5; margin-top:50px}


.fonmen{background:#3F448C;}


/*___________________TOP_________________*/



.logotipo{width:302px; height:93px; position:relative; margin-left:20px;}

.zona-top-cont{float:right;}

.listatop{font-family: 'Fjalla One', sans-serif; font-size:1.1428em;}

ul.icons-ul {margin: 0 auto;}
.listatop li, .listatop li a {float: left;list-style: none;}

.listatop li{padding:0px 8px; width: auto;	color: #333;}
.listatop li a{color: #333;}
.listatop li a:hover{color: #000;}

.listatop li.user {background:url('../images/icouser.png') no-repeat 10px 0px; padding-left:35px; padding-top:0px}
.listatop li.lock {background:url('../images/icolock.png') no-repeat 10px 0px; padding-left:35px; padding-top:0px;}
.listatop li.cart {background:url('../images/icocart.png') no-repeat 10px 0px; padding-left:35px; padding-top:0px;}
.listatop li.close {background:url('../images/icoclose.png') no-repeat 10px 0px; padding-left:35px; padding-top:0px;}

.loc{background:url('../images/icolock.png') no-repeat 0px 0px; padding-left:25px; padding-top:0px;}

.zona_buscador{width:auto; float:right; margin-top:10px}

.zona-carrito{
	display:inline-block; position:relative; vertical-align:top; margin-left:15px; color:#000; font-size:0.9285em; width:auto; max-width:400px;
	border: 2px solid #e5e5e5;
	background: url(../images/icon-cart.png) no-repeat 2px 50%;
	/*border-radius: 3px;*/
	min-height: 40px;
}

.zona-carrito p{padding:8px 10px 0 45px;}

.zona-carrito:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2px;
	background: #e5e5e5;
	margin-left: 35px;
}




@media (max-width:991px) {
	.logotipo, .zona-top-cont, .listatop{text-align:center; margin:0 auto; float:none;}
	.listatop{/*max-width:320px;*/ margin-top:15px; display:table}
	.zona_buscador{width:auto; margin:0 auto; text-align:center; display:table; float:none; padding-top:15px}

}



/*_________CAJAS Y ZONAS__________*/

/*.zona-titien{background:#23292c; color:#fff; padding:15px 10px; margin-bottom:15px;}*/

.zona-titien{background:#e7e7e7; color:#23292c; padding:15px 0 15px 10px; margin-bottom:15px; border-bottom:2px solid #23292c;}
.zona-titien p{font-size:1.7142em; font-family: 'Fjalla One', sans-serif;}

.zona-banners{text-align:center; margin-top:20px;}
.zona-banners img{cursor:help}

.post_image{float:left; margin-bottom:5px; }
.post_texto{ display:block; overflow: hidden; padding: 0px 20px 0px 10px;}

.zonagaleria{margin:0 auto; max-width:302px;}

.zona-marcas{margin-top:40px; cursor:help;}

.cajablanca {
    width: 100%;
    display: block;
    margin: 0 auto;
    border: 1px solid #cbcbcb;
    background: #fff;
    /*opacity:0.8;*/
    padding:40px 25px;
    position:relative;
   
}


@media (min-width: 1200px) {
	.zonagaleria{max-width:332px;}
}

@media (min-width: 1400px) {
	.zonagaleria{max-width:392px;}
}



@media (max-width: 991px) {
	.zona-banners{display:none;}
	.zona-abajo {float:none; margin:0 auto; text-align:center;}
	.zona-abajo p{color:#86898b;}
	.zona-centro{margin:0 auto; display:table;}
}

/*_______BUSCADOR_PREDICTIVO________*/


.campobus{display:inline-block; position:relative; vertical-align:top}


#resultados-busqueda-ajax{
	position:absolute; width:auto; z-index:100; top:38px; left:0px; 
	width:auto; border:1px solid #d9d9d9; background:#ffffff;
	max-height:367px; overflow:auto;
	display:block; width:340px; 
}


#resultados-busqueda-ajax .div_fila {position:relative;	z-index:1005; display:table-row;}
#resultados-busqueda-ajax .img_producto, #resultados-busqueda-ajax .txt_nombre, #resultados-busqueda-ajax .txt_precio  {
	display:table-cell;
	padding:10px 10px;
	vertical-align:middle;
	border-bottom:1px solid #d9d9d9;
}

#resultados-busqueda-ajax .img_producto  {max-width:90px;}
#resultados-busqueda-ajax .img_producto img  {min-width:60px; white-space:nowrap;}
#resultados-busqueda-ajax .txt_nombre  {padding-left:10px; width:65%; font-size:0.9285em; line-height:140%;}
#resultados-busqueda-ajax .txt_precio  {text-align:right; width:35%;}
#resultados-busqueda-ajax .txt_precio p {margin:0px; font-size:1em; color:#ed6663;}

#resultados-busqueda-ajax .txt_precio p span{text-decoration:line-through; color:#8e8e8e; font-size:0.8571em;}

#resultados-busqueda-ajax .listadoproducto {display:block;width:100%;border-bottom:0px solid #ccc; padding:20px 15px}

.lnkpro { margin:5px 0px;}
.lnkpro li {display:block; /*float:left;*/ font:normal 1em Arial, Helvetica, sans-serif; color:#666666;	line-height: 1.6em;	padding:6px 0 0 10px;}
.lnkpro li a{color:#666666; text-decoration:none;}
.listadoproducto a span, .lnkpro li a span{ color:#999; font-size:0.8571em; font-style:italic;}

.lnkpro li a:hover {tex-decoration:none; color:#333333}


/*________LISTADOS________*/


.oferta {display: block; position: absolute; top: 6px; left: 6px; background:#ed6663; color:#ffffff; font:normal 1em 'Fjalla One', sans-serif; padding:5px 10px 4px 10px; cursor:help;}
.descuento{display: block; position: absolute; top: 6px; right: 6px; background:#23292c; color:#ffffff; font:normal 1em 'Fjalla One', sans-serif; padding:5px 10px 4px 10px; cursor:help;}

.outlet {display: block; position: absolute; top: 6px; left: 6px; background:#7277c0; color:#ffffff; font:normal 1em 'Fjalla One', sans-serif; padding:5px 10px 4px 10px; cursor:help;}

.medidas{display: block; position: absolute; top: 15px; right: 6px; background:#23292c; color:#ffffff; font:normal 1em 'Fjalla One', sans-serif; padding:5px 10px 4px 10px; cursor:help;}

.list-vert {
	max-width:312px;
	margin:0 auto;
    text-align:left;
    position: relative;
    margin-bottom:30px;
}

.list-vert .zonafoto{width:212px; height:212px; display:table-cell; vertical-align:middle;/*border:1px solid #cdcdcd;*/ background:#f1f1f1; text-align:center; }
.list-vert .zonafoto img{max-width:210px; max-height:210px; }

.zona-txt-list-vertit{padding:10px 0px;height:85px; overflow:hidden;}


.list-deta{
	background: #ffffff;
	max-width:302px;
    position: relative;
    padding:0;
    /*border:1px solid #dbdbdb;*/
}

.list-deta .zonaimgdet{width:271px; height:271px; display:table-cell; vertical-align:middle; background:white; text-align:center; }
.list-deta .zonaimgdet img{max-width:270px; max-height:270px;}


.listhor_image {
	/*float:left; margin-bottom:10px; position:relative;*/
	
	float:left;
    position: relative;
    text-align:center

}
.listhor_texto{display:block; overflow: hidden; padding: 0px 0 0px 20px;}

.zona-imagen{width:202px; height:202px; display:table-cell; vertical-align:middle;border:1px solid #cdcdcd; background:#f1f1f1}
.zona-imagen img{max-width:200px; max-height:200px;}
.zona-texto{padding:5px 10px 0px 10px;}



@media (min-width: 1200px) {
	.list-vert{margin-bottom:30px;}
	.list-vert .zonafoto{width:262px; height:262px; overflow:hidden;}
	.list-vert .zonafoto img{max-width:260px; max-height:260px;}
	
	.listhor_image{width:202px; height:202px}
	.zona-imagen{width:200px; height:200px; overflow:hidden}
	.zona-imagen img{max-width:200px; max-height:200px;}
	
	.list-deta{max-width:332px;}
	.list-deta .zonaimgdet{width:330px; height:330px;}
	.list-deta .zonaimgdet img{max-width:330px; max-height:330px;}
	
}

@media (min-width: 1400px) {
	.list-vert{margin-bottom:40px;}
	.list-vert .zonafoto{width:312px; height:312px; overflow:hidden;}
	.list-vert .zonafoto img{max-width:310px; max-height:310px;}
	
	.listhor_image{width:252px; height:252px}
	.zona-imagen{width:250px; height:250px; overflow:hidden}
	.zona-imagen img{max-width:250px; max-height:250px;}
	
	.list-deta{max-width:392px;}
	.list-deta .zonaimgdet{width:390px; height:390px;}
	.list-deta .zonaimgdet img{max-width:390px; max-height:390px;}
}


@media (max-width: 991px){
	.list-vert .zonafoto {width:312px; height:312px;}
	.list-vert .zonafoto img{max-width:310px; max-height:310px;}
	
	.list-deta{margin:0 auto;}
	.list-deta .zonaimgdet{width:300px; height:300px;}
	.list-deta .zonaimgdet img{max-width:300px; max-height:300px;}
	
	.listhor_image{width:152px; height:152px}
	.zona-imagen{width:150px; height:150px; overflow:hidden}
	.zona-imagen img{max-width:150px; max-height:150px;}

	
}

@media (max-width: 480px){
	.list-vert {max-width:292px;}
	.list-vert .zonafoto {width:292px; height:292px;}
	.list-vert .zonafoto img{max-width:290px; max-height:290px;}
	
	.listhor_image{width:122px; height:122px}
	.zona-imagen{width:120px; height:120px; overflow:hidden}
	.zona-imagen img{max-width:120px; max-height:120px;}
	.listhor_texto{padding-left:10px;}

}



/*_________LINKS_&_BOTONES_________*/

/*lista simple*/
ul.simplelist{margin:15px 0px; }
ul.simplelist li {margin:0 20px 0 35px; padding:7px 0 7px 0px;}

ul.simplelist li.num {list-style-type: decimal}/*números*/
ul.simplelist li.nu0 {list-style-type: decimal-leading-zero}/*números con 0 antes*/
ul.simplelist li.min {list-style-type: lower-latin}/*minúsculas*/
ul.simplelist li.may {list-style-type: upper-latin}/*mayúsculas*/
ul.simplelist li.cua {list-style-type: square;}/*cuadrado*/
ul.simplelist li.pun {list-style-type: disc;}/*círculo relleno*/
ul.simplelist li.cir {list-style-type: circle;}/*círculo vacio*/


.btnaddcarmini{/*float:left;*/ text-align:center; margin:10px 5px 0 0}
.btnaddcarmini a {
	display:block; font: normal 1em Arial, Helvetica, sans-serif; color: white; padding:12px 20px; text-decoration: none; border-radius:inherit;
	background-color: #3F448C;
}
.btnaddcarmini a:hover {color: white; background: #ed6663; text-decoration: none;}
.btnaddcarmini span{padding-left: 20px; background: url('../images/carrito.png') no-repeat 0 0px;}

.muestra-listado{float: right; margin: 0; padding: 0;}
.muestra-listado li{float: left;  margin-right: 5px;}
.muestra-listado li a{
    float: left;
	height: 40px;
	width: 40px; 
	text-align: center;
	vertical-align: top;
}
.muestra-listado li.grid {background: #cdcdcd url('../images/lisver-of.gif') no-repeat center center; z-index:1; border-radius: 0/*hack ie11*/}
.muestra-listado li.list  {background: #cdcdcd url('../images/lishor-of.gif') no-repeat center center; z-index:1; border-radius: 0/*hack ie11*/}

.muestra-listado li.grid a.active {color: #000; background: #3F448C url('../images/lisver-on.gif') no-repeat center center; z-index:1; border-radius: 0/*hack ie11*/}
.muestra-listado li.list a.active {color: #000; background: #3F448C url('../images/lishor-on.gif') no-repeat center center; z-index:1; border-radius: 0/*hack ie11*/}


.btmini, .btmini.aba{float:left; text-align:center; margin:10px 5px 0 0}
.btmini a{display:block; font-size:0.9285em; color: #fff; padding:2px 20px; text-decoration: none; border-radius:inherit; background-color: #222222;}
.btmini a:hover {color: white; background: #ed6663; text-decoration: none;}


.btmini a.aba{background:#424b4f; color:#fff;}
.btmini a:hover.aba{background:#3F448C; color:#fff;}

.btcarro{text-align:center; margin:0 auto; width:auto; display:inline-block;}

.btcarro a {
	display:inline-block;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: white;
	padding:12px 20px;
	text-decoration: none;
	width:auto;
	text-align:center;
	margin:3px 1px;
	background: #3F448C;
	border-radius:inherit;
}

.btcarro span{padding-left: 22px; background: url('../images/carrito.png') no-repeat 0 1px;}


.btcarro a:hover {color: white; background: #ed6663; text-decoration: none; /*border:1px solid #2c8989;*/}

.btcarro.disabled {
	display:inline-block;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #666666;
	padding:12px 20px;
	text-decoration: none;
	width:auto;
	text-align:center;
	margin:5px 1px;
	background: #d5d5d5;
	cursor:default;
}


.lnktag{float:left; text-align:center; margin:8px 7px 8px 0}
.lnktag a {
	display:block; font: normal 0.857em Arial, Helvetica, sans-serif; color: #fff; background: #aeaeae; padding:4px 8px; text-decoration: none;
	border-radius:inherit; text-transform:uppercase;
}
.lnktag a:hover {color: #fff; background: #000; text-decoration: none;}

.btanadir{float:left; text-align:center;}
.btanadir a {display:block; font: normal 0.929em Arial, Helvetica, sans-serif; text-transform:uppercase; color: #fff; background: #ed6663; padding:12px 20px; text-decoration: none; border-radius:inherit}
.btanadir a:hover {color: #fff;	background: #333; text-decoration: none;}


@media (max-width: 991px){
	.btmini.aba{float:none;}
	.btmini a.aba{ margin:0 auto; text-align:center; width:150px}
}


/*_________POST__________*/

.post-image {float:left; margin-bottom:10px;}
.post-texto{ display:block; overflow: hidden; padding: 0px 0 0px 10px;}
.post-texto p{color:#333; -webkit-text-stroke: 1px rgba(51, 51, 51, 0.1);}


.imgquick{max-width:220px}

@media (max-width: 500px) {
	.imgquick{max-width:90px}
}


/*________USERS______________*/

.cajanewuser{
	width:90%; display:block;margin:0 auto;
	border: 1px solid #dbdbdb;
	*border-collapse: collapse;
	background:#ffffff;
	padding:30px 20px;
}

.cajaborde{border: 1px solid #dbdbdb;*border-collapse: collapse; padding:25px 10px 20px 10px; border-bottom:5px solid #6b6b87}

.caja{
	width:auto; display:block;
	border: 1px solid #dbdbdb;
	background:#fbfbfb;
	padding:5px 10px 10px 10px;
	max-width:500px;
}

.centrada{max-width:600px;margin:0 auto;}

@media (max-width: 767px) {
	.caja{float:none;margin:0 auto; width:auto; display:table; max-width:400px;}
}

/*__________CART___________ */

.minbt{text-align:center; margin:3px}
.minibt a {display:block; font: normal 1.231em Arial, Helvetica, sans-serif; color: #333; padding:5px; background:#f2f2f2; color:#666; border:1px solid #dbdbdb; margin:3px; border-radius:4px;}
.minibt a:hover {background: #dbdbdb; text-decoration: none;}

.info{
	max-height:80px;
	overflow:auto;
	font: normal 0.923em Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 1.4em;
	text-decoration: none;
	border:1px solid #dbdbdb;
	background:#fffdee;
	padding:10px;
}

.zona-articulos{display:block; max-height:300px; overflow:auto; margin-bottom:10px;}

.zonagris {background:#f2f2f2; padding:10px 8px; display:block; width:100%}

.tabminimenu li{
	font-size: 1em; display: inline-block;  padding: 7px 0px;  list-style: none;  cursor: pointer;  float: left;
	border:1px solid #dbdbdb; width:50%; text-align:center; background:#e3e3e3; color:#333333
}

.tabminimenu li.active{background:#f1f1f1; border-bottom:1px solid #f1f1f1;}

.qty {width: 40px; height: 25px;  text-align: center;border: 1px solid #cccccc; margin:3px}

input.qtyplus { width:25px; height:25px; cursor:pointer; border: 1px solid #cccccc; background:#f3f3f3}
input.qtyminus { width:25px; height:25px; cursor:pointer; border: 1px solid #cccccc; background:#f3f3f3}

p.precio{
	font: normal 1.1428em Arial, Helvetica, sans-serif;
	color: #ed6663;
	line-height: 1.5em;
	text-decoration: none;
	display:inline-block;
}

p.precio span{text-decoration:line-through; color:#666; font-size:0.846em; line-height:1em; margin-right:10px}

.preciototal{
	font: normal 1.538em Arial, Helvetica, sans-serif;
	color: #ed6663;
	line-height: 1.5em;
	text-decoration: none;
	display:inline-block;
}

.zonaimgcompra{width:62px; height:62px; display:table-cell; vertical-align:middle; background:#fff; border:1px solid #cdcdcd;}
.imgcompra{width:60px;}


.btseguir{text-align:center; margin:0 auto; width:auto; display:inline-block;}

.btseguir a {
	display:inline-block;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #666666;
	
	padding:10px 14px;
	text-decoration: none;
	width:auto;
	text-align:center;
	margin:5px 1px;
	
	border:1px solid #dfdfdf;
	background: #efefef;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10, #ffffff), color-stop(1, #efefef));
	background-image: -o-linear-gradient(bottom, #ffffff 10%, #efefef 100%);
	background-image: -moz-linear-gradient(bottom, #ffffff 10%, #efefef 100%);
	background-image: -ms-linear-gradient(bottom, #ffffff 10%, #efefef 100%);
	background-image: linear-gradient(to bottom, #ffffff 10%, #efefef 100%);
	background-image: -webkit-linear-gradient(bottom, #efefef 10%, #ffffff 100%);/*safari*/
}

.btseguir a:hover {color: #fff; background: #333; text-decoration: none; /*border:1px solid #2c8989;*/}/*cambia color*/

.btseguir.disabled {
	display:inline-block;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #666666;
	
	padding:10px 12px;
	text-decoration: none;
	width:auto;
	text-align:center;
	margin:5px 1px;
	
	border:1px solid #d5d5d5;
	background: #d5d5d5;
	
	cursor:default;
	
}


.btcompragrande{display:inline-block; text-align:center; margin-bottom:10px}
.btcompragrande a {display:block; font: normal 0.929em Arial, Helvetica, sans-serif; text-transform:uppercase; color: #fff; background: #3F448C; padding:14px 15px; text-decoration: none; border-radius:inherit}/*cambia color*/
.btcompragrande a:hover {color: #fff;	background: #ed6663; text-decoration: none;}

.btcompragrande a.off{background: #333333;}

/*___________TABLAS________*/

table {max-width: 100%;  background-color: transparent; border-collapse: collapse; border-spacing: 0; }

.table td img{
	/*min-width:20px;*/
}

.table { width: 100%; margin-bottom: 20px;}

.table th,
.table td {padding: 8px 5px; line-height: 20px; text-align: left; vertical-align: middle; border-top: 1px solid #ccc; min-width:20px;}

.table td.center, th.center{text-align:center}

.table .odd{background: #e8edff;}

.table th {font-weight: bold; background:#f0f0f0; color:#000;}

.table thead th {vertical-align: bottom;}

.table th.fonblan {font-weight: normal; background:#fff;width:auto; vertical-align: top}
/*.table th img{max-width: 100%; height: auto; width:100%; min-width:40px;operahack}*/

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {border-top: 0;}

.table tbody + tbody {border-top: 2px solid #dddddd;}

.table .table {background-color: #ffffff;}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {background-color: #eee; border: 0px solid #ccc;}
.table-striped td {border: 0px solid #ccc;}

.table-condensed th,
.table-condensed td {padding: 4px 5px;}

@media(max-width:768px){
	.table-responsive{width:100%; margin-bottom:15px; overflow-x:scroll; overflow-y:hidden; border:1px solid #ddd; -ms-overflow-style:-ms-autohiding-scrollbar; -webkit-overflow-scrolling:touch;}
	.table-responsive>.table{margin-bottom:0}
	.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}
	
	/*	
	.table-responsive>.table-bordered{border:0}
	.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
	.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
	.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}
	*/
}



/*__________RESPONSIVE__VIDEO_____________*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin:10px 0;
}
.video-container iframe,  
.video-container object,  
.video-container embed {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}

/* vídeo ajustado al centro con un tamaño máximo */
.video-wrapper {width: 100%;/*600px*/ max-width: 100%; margin: 0 auto;}


/*_____GOOGLE MAPS_____*/

.gmap iframe{width:99%;	margin-bottom:10px;	border:1px solid #c7c7d5;}
@media (max-width: 767px) {.gmap iframe{width:100%;border:0px;	padding:0;}}


/*__________IMÁGENES_______________*/

.imagen{border:1px solid #e5e5e5; }
.imagen.not{/*padding:1px; background:#fff*/}

.listgal{display:inline-block; margin:2px 6px 6px 0px;}


.img-izq{
	width:auto;
	max-width: 100%;
	width: auto\9;
	float:left;
	margin:0px 10px 2px 0;
	max-width:250px
}

.img-der{
	width:auto;
	max-width: 100%;
	width: auto\9;
	float:right;
	margin:0px 0px 2px 15px;
	max-width:250px
}


@media (min-width: 320px) and (max-width:720px) {
	.img-izq, .img-der{float:none; text-align:center; width:auto; max-width:300px; margin:0 auto 15px auto;}
}


@media (max-width: 480px){.imgmin{width:90px;}}

/*______________PAGINACIÓN___________*/


/*.paginacion{margin:10px auto 0 auto; text-align:center}*/

.paginacion li{display:inline; font-weight:normal; border-radius:inherit; line-height:45px }

.paginacion li a {color: #333; background: #eee; text-decoration: none; padding: 12px 16px; margin:5px 6px 0 0; border-radius:inherit;}
.paginacion li a:hover {background: #dbdbdb; color: #000;}
.paginacion li.disabled{padding: 12px 16px; margin:5px 6px 0 0; background:#f5f5f5; color: #999; cursor: default;}
.paginacion li.active {padding: 12px 16px; margin:5px 6px 0 0; background: #3F448C; color:#fff; cursor: default;}/*cambia color*/

.pager{padding-left:0; margin-bottom:50px;text-align:center;list-style:none;}
.pager li{display:inline; font-family:Arial, Helvetica, sans-serif}
.pager li>a,.pager li>span{display:inline-block;padding:5px 10px;background-color:#fff;border:1px solid #ddd;border-radius:inherit}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}
.pager .siguiente>a,.pager .siguiente>span{float:right}
.pager .anterior>a,.pager .anterior>span{float:left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}



/*______________REDES_SOCIALES_______________*/


#redes-sociales {position:absolute; right:0px; top:10px; z-index:1; display:block; visibility:visible}

a.redes-sociales-iconos {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 3px;
	background-position: 0 0;
	overflow: hidden;
	text-indent: -1000px;
	-moz-transition: background-position .0s ease;
	-webkit-transition: background-position .0s ease;
	-o-transition: background-position .0s ease;
	-ms-transition: background-position .0s ease;
	transition: background-position .0s ease;
}

a.redes-sociales-iconos:hover {	background-position: 0 -33px;}


.facebook {background-image: url(../images/facebook.gif);}
.twitter {background-image: url(../images/twitter.gif);}



/*_________FORMS___________*/

.chkbut_ok{display:block; margin:2px 5px 0 0}

.miniform{
	display: inline-block;
	border: 1px solid #cccccc;
	background: #fff;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #666;
	padding: 10px 5px;
	width:35px;
	margin-right:1px;
	text-align:center;
	min-width:35px;
	min-width:35px\9;/*Hack IE6, IE7, IE8, IE9 */
}

.miniform::-moz-placeholder {color: #666666; opacity: 1;}
.miniform:-ms-input-placeholder {color: #666666;}
.miniform::-webkit-input-placeholder {color: #666666;}



.formbus{
	background-color:#ffffff; color:#999; font-style:italic; border: 1px solid #d9d9d9; padding:11px 10px; margin-right:5px;
	min-width:250px;
	min-width:250px\9;/*Hack IE6, IE7, IE8, IE9 */
}


.formbus:focus {
  	border-color: #d9d9d9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 233, 233, .7);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 233, 233, .7);
}

.formbus::-moz-placeholder {color: #9c9c9c; opacity: 1;}
.formbus:-ms-input-placeholder {color: #9c9c9c;}
.formbus::-webkit-input-placeholder {color: #9c9c9c;}


.select_min{min-width:40px; width:auto; margin:0 15px 15px 0;display:inline-block;}

@media (max-width: 560px){
	.select_min{width:100%;}
	.formbus{min-width:230px; min-width:230px\9;}

}

/*_____________MENSAJES____________*/


.msg-form{
  position: relative;
  display:inline-block;
  margin: 5px 0px 7px 0px;
  padding:10px;
  /*min-width:180px;*/
}

.msg-form.mensajeprecio{background:#ffe8f1; border:1px solid #e2c2cf; color:#333; padding:10px; font: normal 1.077em Arial, Helvetica, sans-serif; line-height:170%;}
.msg-form.mensajeinfo{background:#fcf8e3; border:1px solid #ded9bc; color:#333; padding:10px; font: normal 1em Arial, Helvetica, sans-serif; line-height:170%;}



/*_____________MENSAJES_ADMIN___________*/


.msg-form{
  position: relative;
  display:inline-block;
  margin: 5px 0px 7px 0px;
  padding:10px;
  /*min-width:180px;*/
}

.msg-form.gris{background:#f8f8f8; border:1px solid #cbcbcb; color:#333; padding:5px 10px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.azul{background:#edf7f8; border:1px solid #d2eaed; color:#333; padding:5px 10px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.verde{background:#f1f9f7; border:1px solid #e0f1e9; color:#333; padding:5px 10px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.rojo{background:#f9f2f4; border:1px solid #f2e2e6; color:#333; padding:5px 10px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}
.msg-form.amarillo{background:#f9f1c7; border:1px solid #f6deac; color:#333; padding:5px 10px; font: normal 0.9285em Arial, Helvetica, sans-serif; line-height:150%;}


/*.posicion-mensajes{position: fixed;  right: 15px; top: 20px; z-index:5000;width:50%;}*/

.posicion-mensajes{position:fixed; z-index:1000000; top:15px; right:20px; /*max-width:500px;*/width:50%;
	right: calc(50% - 700px + 20px); /*la mitad del tamaño máximo de pantalla definido en flexible*/
}

@media all and (max-width: 1400px){.posicion-mensajes {right: 20px;}}
@media all and (max-width: 1200px){.posicion-mensajes {right: 20px;}}
@media (max-width: 480px) {.posicion-mensajes {right: 10px;max-width:400px; font-weight:normal}}
@media (max-width: 768px) {.posicion-mensajes{width:90%;}}


/*mensaje ok*/
.mensaje {
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	background: url("../images/mensaje_correcto.png") left 7px top 11px no-repeat;
	background-color: #5ebd5e;
    border: 1px solid #43a543;
	padding: 10px 15px 15px 30px;
	margin: 3px;
	display:block;
	font-size:1.077em;
	/*min-width:200px;
	max-width:500px;*/
}

.mensaje a{color:#fff}
.mensaje a:hover{color:#fff}


/*aviso*/
.aviso {
	color:#333;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
	background: url("../images/mensaje_aviso.png") left 7px top 12px no-repeat;
	background-color: #ffae10/*f4b04f*/;
    border: 1px solid #f19a1f;
	padding: 10px 15px 15px 30px;
	margin: 3px;
	font-size:1.077em;
}

.aviso a{color:#333;}
.aviso a:hover{color:#000;}

/*error ko*/
.error {
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	background: url("../images/mensaje_error.png") left 7px top 11px no-repeat;
	background-color: #e66454;
    border: 1px solid #df3c28;
	padding: 10px 15px 15px 30px;
	margin: 3px;
	font-size:1.077em;
}

.error a{color:#fff}
.error a:hover{color:#fff}



.btn-cerrar{text-align:center; margin-left:5px; position:relative; vertical-align: middle;}
.btn-cerrar a {
	display: block;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #000; padding:4px 8px; text-decoration: none;
	background:#fff\9; background-color:rgba(255, 255, 255, 0.4);
	border-radius:inherit; text-shadow:none;
}
.btn-cerrar a:hover {color: #000; text-decoration: none;background-color:rgba(255, 255, 255, 0.8) }
