/*
 * Descripción: JOFISASL.COM
 * Copyright (c) 2020
*/


/*=========================
	   Google Fonts
=========================*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&family=Rubik:wght@400;700&display=swap');

/*font-family: 'Rubik', sans-serif;
font-family: 'Open Sans', sans-serif;*/

/*=========================
        Generales
=========================*/

a{color: #242424;}
a:hover, a:focus {color: #000000;}/*cambia color*/
acronym, abbr {border-bottom:1px dotted #111;}

.linea {background:rgba(0,0,0,0.16);}
.linea.footer {background:rgba(255,255,255,0.06);}

.imgborde{border:1px solid rgba(0,0,0,0.15);}

hr {background: #dddddd;}

blockquote {background-color: rgba(0,0,0,0.03); border-left:2px solid #cccccc;}
.blockquote-reverse {border-right: 2px solid #cccccc;}
.blockquote-footer {color: #74788d;}
.blockquote-footer::before {content: "\2014\00A0";}

.mark, mark {background-color: #fcf8e3;}

.sombra{-webkit-box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.28);	-moz-box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.28); box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.28);}
.sombra-texto{text-shadow: 3px 3px 7px rgba(0,0,0,0.2);}
.text-shadow{text-shadow:1px 1px 12px #000000;}

.scrolltop{color:#c50000; background:#055c9d; bottom:90px;}/*colordest*/
a.scrolltop, a:hover .scrolltop , a:focus .scrolltop {color:white;}

#dimensions {background:#000\9; background-color:rgba(0, 0, 0, 0.8); color: #fff;}

::selection { background:#009ee3;  color:#fff;}/*colordest*/
::-moz-selection { background:#009ee3; color:#fff;}/*colordest*/

.whatsapp-box{background:#00c144; color:white; border:1px solid white;}
a.whatsapp-box{color:white;}

.header-modal.privado{background-color:#055c9d; color:white;}/*colordest*/

.header-modal.login{background-color:#000;}
.header-modal.login .cerrar-modal a{color:#fff;}
.header-modal.login + .content-modal{background-color:#000;}
.header-modal.bordetop{border-top:4px solid #055c9d; padding-bottom:0px;}/*colordest*/

.page-wrapper {background-color: #ffffff;}

.fondo-oscuro{background-color:#1c1c1c; color:white;}
.fondo-claro{background-color:#f7f7f7;}

.listado-vertical{border:0px solid rgba(0,0,0,0.09); background-color:transparent; border-bottom: 0px solid #055c9d; max-width:402px;}
.listado-vertical.nomargintopbot{margin-top:0px; margin-bottom:0px;}

.listado-vertical .zonaimagen{position:relative; border:1px solid rgba(0,0,0,0.2); background-color:white; height:252px; display:flex; justify-content: center; align-items: center; background:white;}
.listado-vertical .zonaimagen img {position:relative; max-height:250px;}

.listado-vertical.detalle{max-width:502px;}
.listado-vertical.detalle .zonaimagen{height:352px;overflow:hidden; max-width:502px;}
.listado-vertical.detalle .zonaimagen img{max-width:500px;}

.listado-vertical.carro{max-width:95px;}
.listado-vertical.carro .zonaimagen{max-height:86px}
.listado-vertical.carro .zonaimagen img{max-height:84px}

.zona-avatar {background-color: var(--colordest); color: var(--white);}

.caja {border: 1px solid rgba(0,0,0,0.1); background-color: #fff;}

.nav-link.disabled{color:#6c757d;}
.nav-tabs{border-bottom:1px solid #dee2e6}
.nav-tabs .nav-link{border-top-left-radius:.25rem; border-top-right-radius:.25rem}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}
.nav-tabs .nav-link.disabled{color:#6c757d;}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057; background-color:#fff; border-color:#dee2e6 #dee2e6 #fff}
.nav-pills .nav-link:hover{background-color:rgba(0,0,0,0.03)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff; background-color:#000}

.zona-full-tabs > .nav-tabs > .nav-item > .nav-link:focus, .zona-full-tabs > .nav-tabs > .nav-item > .nav-link:hover{border:1px solid #dee2e6; border-bottom:2px solid #dee2e6;}
.zona-full-tabs > .nav-tabs > .nav-item > .nav-link.active{color:#000; background-color:#fff; border-bottom:2px solid #000}

.nav-tabs-raya{border-bottom:1px solid transparent;}
.zona-full-tabs{border-bottom:1px solid rgba(0,0,0,0.16);}
.nav-tabs-raya .nav-item{color:#343a40;}
.nav-tabs-raya .nav-item .nav-link{background-color:transparent}
.nav-tabs-raya .nav-item .nav-link::after{background:#000;height:1px;}/*cambia color*/
.nav-tabs-raya .nav-item .nav-link.active{color:#000}/*cambia color*/

.boton:hover, .boton:focus {color: #ffffff !important;; background-color: #1c1c1c !important;}/*color hover en botones*/

.boton.default:hover{color:#333; background-color:#e6e6e6; border-color:#adadad;}

.boton.colordest, .boton.colordest:focus {background-color: #055c9d!important; color: #ffffff !important; min-width:120px}/*colordest*/
.boton.colordest:hover, .boton.colordest:focus{color:#fff !important; background-color: #1c1c1c !important;}/*cambia color en horve*/
.boton.colordest a{color:inherit;}

.boton.invert, .boton.invert:focus{color: #ffffff; background-color: #1c1c1c;}/*invert*/
.boton.invert:hover, .boton.invert:focus {color: #ffffff; background:#055c9d;}/*colordest*/
.boton.invert a{color:#fff}

a.subrayar {background-image: linear-gradient(black, black);}

a.btn-texto {color: #0c54a0;}
.btn-texto:after {content: "\203A";}

.miniform{border: 1px solid #cccccc; background: #fff; color: #666;}
.miniform::-moz-placeholder {color: #666666; opacity: 1;}
.miniform:-ms-input-placeholder {color: #666666;}
.miniform::-webkit-input-placeholder {color: #666666;}

.slidercontent {color:white; font-family: Arial, Helvetica, sans-serif;}
.slider-text {font-size:3em; font-weight:bold; color: #fff;}

.btnpop {background: #000000; color: #fff;border-radius: 30px;}
.btnpop:hover, .btnpop:focus {color: #fff; background: #055c9d;}/*colordest*/
.btnpop.seguir{background:#ccc; color:#222}
.btnpop.seguir:hover {color: #222; background: #ccc;}

.zona-date-table {background:#f2f2f2; background:rgba(255,255,255,0.3);}

.info{color: #666; border:1px solid #dbdbdb; background:#fffdee;}

.stock.no{background:#e5352f;}
.stock.si{background:#41b849;}

p.preciocarro{color: #e53131;}
p.preciocarro span{color:#666;}

.imgcompra{border:1px solid #dbdbdb;}

.gmap iframe{border:1px solid #e7e7e7;}
#mapacontacto {border-bottom:1px solid #fff; border-top:0px solid #fff;}
.gm-style .gm-style-iw {background-color: white !important;}

.spinner-border {color: #000!important;}

.table {border:1px solid #ccc;}
.table th, .table td {border-top: 1px solid #ccc;}
.table th {background:#f2f2f2;  color:white;}
.table thead th {background:#404040}
.table tbody + tbody {border-top: 2px solid #ccc;}
.table .table {background-color: #ffffff;}

.table.tienda thead th{background:none; color:#666; border-bottom: 0px solid #ccc;}
.table.tienda tr {border-bottom: 1px solid #ccc;}

.table.table-condensed{border:0px;}
.table-condensed th, .table-condensed td {border-top: 1px solid #ccc;}
.table.table-condensed th {background:#404040; color:white;}
.table-bordered {border: 1px solid #dddddd;}

.share a span {color:#fff; background:#009ee3;}
.share a span:before {border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid #009ee3;}
.share a span.nomostrar {color:#fff;}

.share.rounded a{color:#ffffff;}
.share.rounded a span{color: #ffffff}
.share.rounded .facebook, .share.rounded .twitter, .share.rounded .instagram, .share.rounded .youtube{background-color: #009ee3;}
.share.rounded .facebook:hover, .share.rounded .twitter:hover, .share.rounded .instagram:hover, .share.rounded .youtube:hover{background-color: #009ee3;}

.share.mini a{color:white; background:#009ee3;}
.share.mini a span{color: #ffffff;}
.share.mini .facebook:hover, .share.mini .twitter:hover, .share.mini .instagram:hover, .share.mini .youtube:hover{background-color: #009ee3;}

.facebook {background-color: #3b5998;}
.twitter {background-color: #55acee;}
.linkedin {background-color: #0077b5;}
.pinterest {background-color: #cb2027;}
.telegram{background-color:#517da2;}
.whatsapp{background-color:#00c144;}
.instagram{background-color:#eb4d4e;}
.youtube{background-color:#de2021;}

.instagram img, .whatsapp img{width:15px !important;}/*nuevo*/
.share.mini a img{padding-top:5px;}/*nuevo*/

.overlay-modal {background-color:rgba(0,0,0,0.8);}

.header-modal.verde{background-color:#5cb85c; color:white;}
.header-modal.naranja{background-color:#f49100; color:white;}
.header-modal.rojo{background-color:#e41a3f; color:white;}

.content-modal{background:white;}
.bottom-modal{background:white;}

.boton-modal {background: #999; color: #fff;}
.boton-modal:hover, .boton-modal:focus {color: #fff; background: #666;}

.boton-modal.verde, .boton-modal.verde:focus{color: #fff !important; background: #5cb85c;}
.boton-modal.verde:hover {color: #fff !important; background: #5cb85c;}

.boton-modal.naranja, .boton-modal.naranja:focus{color: #fff !important; background: #f49100;}
.boton-modal.naranja:hover {color: #fff !important; background: #f49100;}

.boton-modal.rojo, .boton-modal.rojo:focus{color: #fff !important; background: #e41a3f;}
.boton-modal.rojo:hover {color: #fff !important; background: #e41a3f;}

.header-modal.azul{background-color:#055c9d; color:white !important;}
.cerrar-modal-out{background:#000; color:#fff; top:-15px; right:5px; border-radius:30px; width:30px; height:30px; line-height:30px}

.contenido-modal.add .header-modal{background:#4cbb6c; color:white;}

.imgmini-vertical{min-width:130px;}
.imgmini-vertical .zonaimagen{position:relative; background-color:white; height:142px; display:flex; justify-content: center; align-items: center; background:white;}
.imgmini-vertical .zonaimagen img {position:relative; max-height :140px;}

.modal-centrada.maxsize {max-width:700px;}

.tooltip .tiptext {background-color: black; color: #fff !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.tooltip.top .tiptext::after{border-color: #000 transparent transparent transparent;}
.tooltip.bottom .tiptext::after{border-color: transparent transparent #000 transparent;}
.tooltip.left .tiptext::after{border-color: transparent transparent transparent #000;}
.tooltip.right .tiptext::after{border-color: transparent #000 transparent transparent;}

.top-urgente {background-color: #fbb700; color:black;}
.top-urgente p {color: #000000;}
.top-urgente p a, .top-urgente p a:hover, .top-urgente p a:focus{color:black;}
.top-urgente p span {background-color: #ff3c00; color:white;}
.topurgente-close {color: black;}

#infotopbar{color: #000; background-color: #fff7dd;}
.infotopbar-close {color: #000;}


/*=========================
       WhatsApp
=========================*/
.whatsapp-box{top:55%}
a.whatsapp-box{color:white; line-height:1.775em;}

.zona-fixed-der{position:fixed; right:-1px; top:50%; z-index:120}

.whatsapp-box{position:relative;display:block; border:0px solid white; width:45px; height:45px; margin-bottom:10px;}
a.whatsapp-box{font-size:1.625em; line-height:2em;}
.whatsapp-box i:before{line-height:45px;}

/*=========================
       Header custom
=========================*/

.logotipo {max-width:250px; position:relative;}
.logotipo.footer{max-width:180px;}
.zona-der-logo {float: right; display: block; margin-top:6px}

@media (max-width: 991px) {
	.logotipo {float:none; text-align:center; margin:0 auto;}
	.zona-der-logo{float:none; margin:10px auto 0 auto; display:table;}
}

/*=========================
	   Footer custom
=========================*/

.zona-footer{padding:60px 0 40px 0; color:white; margin-top:30px}
.zona-footer a, .zona-footer a:hover, .zona-footer a:focus{color:white;}

/*=============================
  Sidenav/menú lateral custom
==============================*/

/*zona de empuje cuando sale la sidenav*/
#zona-empuje-sidenav {transition: margin-left .5s; padding: 0px;}

.closebtn{position:absolute; top:0px; right:4px; color:#fff; padding:2px 4px; line-height:1em; font-size:2em; cursor:pointer;}
.closebtn:hover{color:#fff;}

.sidenav {overflow-y:hidden; height: 100%; /*width: 0;*/ width: 280px; position: fixed; z-index: 1010; top: 0; /*left: 0;*/ left: -280px; color:#222; background-color: #f2f2f2; overflow-x: hidden; transition: 0.3s; border-right:1px solid rgba(0,0,0,0.1);}

/*negro transparente*/
.overlay-sidenav {height: 100%; width: 0px; position: fixed; z-index: 1000; top: 0px; left: 0px; background-color: rgba(0,0,0, 0.9); overflow-y: auto; overflow-x: hidden; text-align: center; opacity: 0; transition: opacity 1s;}

body ~ .overlay-sidenav{overflow-x: hidden; background:black;}


/*=========================
   Zonas y cajas custom
=========================*/

.zona-telefono{vertical-align:middle; margin-left:10px; border-right:1px solid rgba(0,0,0,0.2); padding-right:10px;}
.zona-telefono p{font-size:0.6875em; color:#666666; font-weight:bold; line-height:1.5625em;}
.zona-telefono p span{color:black; font-size:1.5625em}

.slidercontent {color:black; background-color:rgba(255,255,255,0.5); max-width:620px; padding:14px}
.innerslider {justify-content: flex-start; left:10%}
.slider-catext{font-size:1em; font-style:italic}
.slider-text {font-family: 'Rubik', sans-serif; font-size:2.875em; color: #000; font-weight:400; line-height:120%}

@media (max-width: 991px) {
	.slidercontent {max-width:100%;}
	.innerslider {justify-content: center; left:auto}
	.slider-text {font-size:2.1em;}
}

/*fondos*/
.fondo-azul-claro{background-color:#009ee3; color:white;}
.fondo-clarito{background-color:#f3f9fe;}
.fondo-colordest{background-color:#055c9d; color:white;}

.fondo-azul-degradado{background: -webkit-linear-gradient(top,#044e86,#009ee3); background: linear-gradient(to bottom,#044e86,#009ee3); color:white;}

/*animación rayita*/
.animated-bar{background-color:#009ee3; content:''; display:block; height:3px; left:0; margin:10px auto 0 auto; position:relative; right:0; width:45px; margin-bottom:30px;}
.animated-bar.minbot{margin-bottom:10px;}
.animated-bar:after,.animated-bar:before{-webkit-animation-duration:3s; -webkit-animation-iteration-count:infinite; -webkit-animation-name:barAnimation; -webkit-animation-timing-function:linear; animation-duration:3s; animation-iteration-count:infinite; animation-name:barAnimation; animation-timing-function:linear; background-color:#fff; content:''; height:100%; position:absolute; top:0; width:3px}
.animated-bar.clarito:after,.animated-bar.clarito:before{background-color:#f3f9fe;}
.animated-bar.grisclaro:after,.animated-bar.grisclaro:before{background-color:#f2f2f2;}
.animated-bar:before{left:8px}
.animated-bar:after{left:0}
@-webkit-keyframes barAnimation{
    from{ -webkit-transform:translateX(0); transform:translateX(0)}
    to{ -webkit-transform:translateX(45px); transform:translateX(45px)}
}
@keyframes barAnimation{
    from{ -webkit-transform:translateX(0); transform:translateX(0)}
    to{ -webkit-transform:translateX(45px); transform:translateX(45px)}
}

/*btn añadir*/
.btnadd{width:100%;display:inline-block;vertical-align:middle;margin:0px;padding:20px 25px;-webkit-appearance:none;transition:background-color .25s ease-out,color .25s ease-out;line-height:1;text-align:center;cursor:pointer;background-color:#055c9d;color:#fff}/*colordest*/
.btnadd{outline:0}
.btnadd:focus,.btnadd:hover{background-color:#323232;color:#fff}

/*parallax*/
.simple-parallax{padding:6em 0em;}
.simple-parallax.fondoportada{background-image: url(../images/fondoportada.jpg);}

/*badge*/
.badge{font-size:0.6875em; padding:5px 8px;}
.badge.verde {color: #fff !important;background-color: #15c979;}
.badge.rojo {color: #fff !important; background-color: #ff0000;}
.badge.azul {color: #fff !important; background-color: #009ee3;}
.badge.morado {color: #fff !important; background-color: #ca3ea5;}

/*estados*/
.estado{position:absolute; z-index:1;}
.estado.abajo-izq{bottom:5px; left:5px;}
.estado.abajo-der{bottom:5px; right:5px;}
.estado.arriba-izq{top:5px; left:5px;}
.estado.arriba-der{top:5px; right:5px;}

/*slider pasando*/
.sl-producto {margin:0px 15px;}
.zona-logos img{margin:15px auto; text-align:center; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5;}
.zona-logos img:hover {-webkit-filter: grayscale(0); filter: none; opacity:1;}

/*rayas columna*/
.rayacol{margin-top:40px;}
.rayacol .sepline{position: relative; border-left: 1px solid rgba(255,255,255,0.2);}
.rayacol i{margin-bottom:20px; font-size:3.5em; line-height:2em}
.rayacol i.big{font-size:4em;}
.rayacol p{font-size:1.5625em; font-weight:bold; font-family:'Rubik', Arial, Helvetica, sans-serif;}
.sec-padding {padding: 20px 20px;}

/*caja-regalo*/
.caja-regalo {background-color:#f9edcf; color:#5f5952; font-size: 0.8125em; line-height:120%; border:2px solid #f9edcf; outline: 1px dashed #c2ab71; outline-offset: -8px; padding:15px; display:flex; align-items: center; justify-content: center;}
.caja-regalo a{color:#5f5952 !important; text-decoration:underline;}

/*zona-max-500*/
.zona-500{max-width:500px;}

/*iconos seguro*/
.zona-seguro{margin-top:2rem;}
.zona-seguro .separador-seguro{padding:8px 10px 8px 5px;background-color:rgba(255,255,255,0.7); margin:5px 0px; border:1px solid rgba(0,0,0,0.16); line-height:120%}
.zona-seguro span{font-size: .9375rem; line-height:100%;}
.zona-seguro i {padding-left:5px; font-size:1.5rem; vertical-align:middle;}

/*pictogramas / tarjetas*/
.pictograma {display: inline-block; margin: 2px 2px 2px 0; cursor: help; width:40px;}
.tarjeta {display: inline-block; cursor: help; width:40px;}

/*caja menú tienda y privado*/
.zona-tit-men{background:#044f87; color:#fff; padding:15px 20px; font-family: 'Rubik', sans-serif;font-size:1.375em;}
.zona-tit-men:after{content:'\2261';  font-size:1.25em; font-family:'Rubik',Arial, Helvetica, sans-serif; float:right;}

/*caja*/
.caja {width: 100%; display: block; margin: 0 auto; border: 1px solid rgba(0,0,0,0.1); background-color: #fff; padding: 3em 15px; position: relative;}
.caja.blanca {border: 1px solid rgba(0,0,0,0.1); background-color: #fff;}
.caja.negra {border: 1px solid rgba(255,255,255,0.1); background-color: #000;}
.caja.s-size{padding:15px 15px}/*min*/
.caja.transwhite{padding:15px 15px; background:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.3);}
.caja.transblack{padding:15px 15px; background:rgba(0,0,0,0.3); border:1px solid rgba(0,0,0,0.3);}
.caja.max {max-width: 700px; padding: 40px;}

.caja.blanca.zonaprivada{padding: 2em 15px; border-bottom:3px solid #ccc}

/*footer*/
footer{background-color:#131d28; padding:4em 0em 3em 0em; color:white;}
.fondopie{ background-image: url('../images/fondopie.png'); background-repeat: repeat; background-position: 50% 50%;}

.zona-abajo {margin:0px auto;}

ul.lnkaba.mitad{display:inline-block; width:45%; vertical-align:top}
.lnkaba li:before{content: "\2022"; color:#009ee3;}

@media (max-width: 991px) {
	ul.lnkaba.mitad{display:block; width:100%;}
	.rayacol .sepline{border:0px; border-top: 1px solid rgba(255,255,255,0.2); }
	.rayacol .sepline:last-child{border-right:0px;}
}


/*=========================
	  Links y botones
=========================*/

/*botones top*/
.btn-top {display: inline-block; color:white; vertical-align:bottom; text-align:center; position:relative;}
.btn-top i{font-size: 1.875em; color:black; vertical-align:middle; text-rendering: optimizeLegibility;}
.btn-top i.big{font-size:2.1875em;}
.btn-top i:hover{color:#000;}

.btn-top i.flaticon-bolsa-compra{margin-left:10px;}
.btn-top i.flaticon-usuario, .btn-top i.flaticon-candado{margin-left:10px;}

.number-info{position:absolute; top:-8px; right:-7px; background:#eb2606; color:white; text-align:center; letter-spacing: 0.1px; border-radius:50%; width:22px; height:22px; font-size:0.75em; line-height:180%; z-index:1;}


/*=========================
         Listas
=========================*/

.page-breadcrumb{color:#fff; font-size:0.875em; background-color:rgba(0,0,0,0.0); margin:10px 0px}
.page-breadcrumb li{color:#fff;}
.page-breadcrumb li:after{content: "\203A"; color:#fff;}
.page-breadcrumb li:last-child{color:#f3f3d5;}
.page-breadcrumb li a{color:#fff;}
.page-breadcrumb li a:hover{color:#8bdcff;}


/*blockmenu*/
.blockmenu {list-style-type: none; padding: 0; margin:0px; width: 100%; background-color: #fff; text-transform:uppercase; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:1.125em; border:1px solid #d8d8d8; border-top:0px;}
.blockmenu li a {display: block;color: #000; padding: 12px 16px; text-decoration: none;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.blockmenu li{ border-bottom:1px solid #d8d8d8;}
.blockmenu li:last-child{border-bottom:0px solid #d8d8d8;}
.blockmenu li a:before{font-family: Arial, inherit; content: "\203A"; font-size: 1em; padding-right:4px}
.blockmenu li.active a {background-color: #f2f2f2; font-weight:normal;}
.blockmenu li a:hover:not(.active) { background-color: #f2f2f2;}

.blockmenu.privado, .blockmenu.privado li{border:none;}

ul.blockmenu li, ol.blockmenu li {list-style-type: none; margin:0px; padding:0px;}

/*simplelist*/
ul.simplelist li.descarga:before {font-family: "Flaticon"; content: "\f110"; font-size: 1.25em; color:#ff0000;}
ul.simplelist li.enlace:before {font-family: "Flaticon"; content: "\f10f"; font-size: 1.25em; color:#ff0000;}
ul.simplelist li.check:before {font-family: "Flaticon"; content: "\f109"; font-size: 1.0625em; color:#ff0000;}
ul.simplelist li.point:before {color:#ff0000;}

ul.simplelist li.pdf:before {font-family: "Flaticon"; content: "\f11b"; font-size: 1.25em; color:inherit; margin-right:8px;margin-left: -30px; color:#ff0000;}


/*=========================
   		   Forms
=========================*/


/*buscador*/
.formbuscador{
	font: normal 0.9375em Arial, Helvetica, sans-serif;
	color: #666;
	background:#ffffff;
	border: 1px solid #d8d8d8;
	border-right:0px;
	padding:0 12px;
	height:46px;
	width:100%;
	border-radius:4px;
	
	display: inline-block;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.formbuscador::-moz-placeholder {color: #999; opacity: 1;}
.formbuscador:-ms-input-placeholder {color: #999;}
.formbuscador::-webkit-input-placeholder {color: #999;}

.formbuscador.btnder{padding-right:70px;}

.btnformbuscadorder{
	display:table-cell; position:absolute; top:0px; right:1px; z-index:2; background:none; height: 46px; width: 60px; font-size: 1em; border-left:0px solid rgba(0,0,0,0.20); vertical-align:middle; border-radius:inherit; text-align:center;
	background-color:#055c9d; border-bottom-right-radius:4px; border-top-right-radius:4px;
}

.btnformbuscadorder::before {font-family: "Flaticon"; content: "\f106";/*icono lupa*/ font-size: 1.6875em; line-height: 1.6875em; color:white;}

@media only screen and (min-width :1200px) and (max-width :2800px){ 
	.formbuscador{width:500px;}
}

@media (max-width: 420px) {
	.formbuscador{width:210px;}
}


/*=========================
 	  Carro / Tienda
=========================*/


.zona-date-table {background:#f2f2f2; background:rgba(255,255,255,0.8); padding:18px; display:block; width:auto; float:right; max-width:400px}

/*data table*/
.data-table { width:100%; }
.data-table tr td:last-child{text-align:right;}
.data-table td {padding:10px; vertical-align:top;}
.data-table td.total{font-weight:bold}
.data-table td.suma{font-weight:bold; font-size:1.5em; color: #de2828;}


/*=========================
	    Multimedia
=========================*/

.gallery{
	max-height:150px; overflow:auto
}
@media (max-width: 991px) {
	.zonaimgal.max{-ms-flex: 16%; /* IE10 */ flex: 16%; max-width: 16%;}
}

@media (max-width: 480px) {
	.zonaimgal.max{-ms-flex: 20%; /* IE10 */ flex: 20%; max-width: 20%;}
}


/*=========================
	      Tablas
=========================*/



/*==============================
    Eventos javascript
==============================*/

.abrir-sidenav, .abrir-login, .abrir-privatemenu, .abrir-anadir, .cerrar-anadir, .abrir-promo, .cerrar-promo{cursor:pointer;}