/*
 * Descripción: DESGUACESTURIN.COM
 * Copyright (c) 2020
 * Versión: 6.0
*/

/* ------------------------------

01. Importación
02. Global
03. Generales
04. Genéricas
05. Popups / modals
06. Diseño en caja
07. Header
08. Footer
09. Sidebar
10. Zonas y cajas
11. Links y botones
12. Listas
13. Forms
14. Paginación
15. Animaciones
16. Slider
17. Tienda
18. Multimedia
19. Tablas
20. Redes sociales
21. Media Queries
22. Mensajes Admin
23. Modal Mensajes Admin
24. Cursor
25. Eventos javascript


------------------------------*/


/*=========================
	01. Google Fonts
=========================*/

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


/*font-family: 'Barlow Semi Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;*/

/*=========================
	02. Glogal
=========================*/

a{text-decoration: none; color: #333333;}
a:hover, a:focus {text-decoration: none; color: #000000;}/*cambia color*/
footer, header, article, section, div, h1, h2, h3, h4, p, form, input, textarea, img, span, td{margin:0; padding:0; background:transparent}}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; background:transparent;outline:none;}
id, class, div, section {outline:none;}
h1,h2,h3,h4{font:inherit}
img{border:none;}
svg{overflow:hidden; vertical-align:middle}
video {width:100%; height:auto; border:0;}
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;}
sup, sub{font-size: 0.75em;}

ul {display: block; list-style-type: square; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px;}
ol {display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px;}

dl{margin-top:0; margin-bottom:20px}
dt,dd{line-height:1.42857143}
dt{font-weight:700}
dd{margin-left:0; margin-bottom:15px;}
@media (min-width:768px){
    .dl-horizontal dt{float:left; width:160px; clear:left; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
    .dl-horizontal dd{margin-left:180px}
}

/*=========================
	03. Generales
=========================*/

.limpiar{clear:both; font-size:0; line-height:0; float:none;}

acronym, abbr {border-bottom:1px dotted #111; cursor:help; font-style:normal; text-decoration:none}

.separa{width:100%;	height:30px; font-size:0; clear:both;}
.separa-med{width:100%;	height:50px; font-size:0; clear:both;}
.separa-min{width:100%;height:20px; font-size:0; clear:both;}
.separa-peq{width:100%;height:10px; font-size:0; clear:both;}

.separa1{width:100%; height:60px; font-size:0; clear:both;}
.separa2{width:100%; height:70px; font-size:0; clear:both;}
.separa3{width:100%; height:80px; font-size:0; clear:both;}

.izq{float:left;}
.der{float:right;}

.italic{font-style:italic}

.septop {margin-top:30px;}
.sepbot{margin-bottom:30px;}
.septopbot{margin:25px 0;}

.septopmin {margin-top:20px;}
.septopeq {margin-top:6px;}

.sepizq{margin-left:10px;}
.sepder{margin-right:10px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.paddinglados{padding:0 10px;}
.paddingarribabajo{padding:10px 0;}

.justificado{text-align:justify;}
.enlinea{display:inline-block;}
.enbloque{display:block}
.flex{display:flex;}

.centrado{margin:0 auto; display:block; text-align:center; float:none}
.centable{margin:0 auto; display:table;}
.full{width:100%}

.centradovertical{width:100%; height:100%; display:flex; align-items: center; justify-content: center}

.overflow-auto{overflow:auto!important}
.overflow-hidden{overflow:hidden!important}
.position-static{position:static!important}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.position-fixed{position:fixed!important}
.position-sticky{position:-webkit-sticky!important; position:sticky!important}
.fixed-top{position:fixed; top:0; right:0; left:0; z-index:1030}
.fixed-bottom{position:fixed; right:0; bottom:0; left:0; z-index:1030}

.relative{position:relative}
.absolute{position:absolute}

.tachado{text-decoration:line-through;}
.bold{font-weight:bold;}

a.underline, .urderline{border-bottom:1px solid transparent; border-bottom-color: initial; display:inline-block; text-decoration:none} 
*::-ms-backdrop, .underline {text-decoration:underline;} /* IE11 */

.zoomin{cursor: zoom-in;}

.noheigh{height:auto; overflow:inherit}
.nobold{font-weight:normal;}
.nomargin{margin:0;}
.nopadding{padding:0;}

.linea {display:block; margin:40px 0; width: 100%; height:1px; background:rgba(0,0,0,0.16);}
.linea.notop {margin-top:0px;}
.linea-med {display:block; margin:30px auto; width: 100%; height:1px; background:rgba(0,0,0,0.16);}
.linea-min {display:block; margin:10px auto; width: 100%; height:1px; background:rgba(0,0,0,0.16);}
.linea-abajo {display:block; margin:40px auto; width: 100%; height:1px; background:rgba(255,255,255,0.06);}

.redondo{border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.redondo-min{border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.redondo-big{border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.redondo-top{border-radius:4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;}
.redondo-bottom{border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 3px 3px;-webkit-border-radius: 0px 0px 4px 4px;}

.mayusculas{text-transform:uppercase}

.capa1{z-index:2;}

.post-imagen{float:left; margin-bottom:0px;}
.post-texto{display:block; overflow: hidden; padding: 0px 0px 2px 15px;margin-bottom:0px;}

.imgborde{border:1px solid rgba(0,0,0,0.15);}
.elipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.help{cursor:help;}

.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;}

.cursor-zoom{cursor:zoom-in;}
.cursor-click{cursor:pointer;}

.nodisplay{display:none;}

hr {display: block; margin:2em auto; border: 0; height: 1px; background: #dddddd;}

blockquote {width:100%; background-color: rgba(0,0,0,0.03); font-size:1.2em; font-style:italic; color:#222; display: block; margin:1em 0; padding:40px 25px; border-left:2px solid #023b8a; position: relative;}


/*=========================
	04. Genéricas
=========================*/

/*Scroll aparece*/
.scrolltop{
	position:fixed; color:#c50000; bottom:20px; left:20px; display:none; background:#023b8a; z-index:100; padding:6px 15px 8px 13px;font-size:0.6875em;
}

a.scrolltop, a:hover .scrolltop , a:focus .scrolltop {color:white;}


/*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}

/*selecciones*/
::selection { background:#023b8a;  color:#fff;}
::-moz-selection { background:#023b8a; color:#fff;}

/*Whatsapp*/
.whatsapp-box{position:fixed; right:0; bottom:35%; background:#00c144; color:white; text-align:center; width:50px; height:50px; font-size:1.875em; line-height:1.6em; z-index:100; border:1px solid white; border-right:0px; }/*display:none;*/
a.whatsapp-box{color:white;}


/*=========================
	05. PopUps / modals
=========================*/

/*privado*/
.header-modal.privado{background-color:#c80000; color:white;}

/*login*/
.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 #023b8a; padding-bottom:0px;}/*desguaces Turín*/

/*Añadir compra*/
.img-add{width:140px; position:relative; border:1px solid #dbdbdb;}
.contenido-modal.add .header-modal{/*background-color:#fdf9ec; border-bottom:1px solid #f3efe1;*/ padding:10px; background:#4cbb6c; border:none; color:white;}
.contenido-modal.add .content-modal{padding:20px 10px;}

/*boton seguir y finalizar*/
.btnpop {
	background: #000000; color: #fff; font-size:0.75em; padding:10px; text-transform: uppercase; 
    -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align:center; border-radius:0px;
    display:inline; position:relative; float:left; width: 48%; margin: 0 1% 8px 1%;
}
.btnpop:hover, .btnpop:focus {color: #fff; background: #023b8a;}

.btnpop.seguir{background:#ccc; color:#222}
.btnpop.seguir:hover {color: #222; background: #ccc;}

@media all and (max-width: 1200px){.add-carro {right: 20px;}}
@media (max-width: 480px) {.add-carro {right: 10px;max-width:300px; font-weight:normal}}

.cerrar-modal-out{position:absolute; background:#f3efe1; color:#222; top:-25px; right:0px; width:30px; height:25px; text-align:center; cursor:pointer; font-size:0.9375em; font-weight:bold; z-index:5;}

/*modal promo*/
.modal-centrada.promosize {max-width:750px; margin:0 auto;}
.fondoimgpromo{background: url(../images/imgpromo.jpg) no-repeat center right; background-size: cover; min-height: 380px;}
.fondoimgpromo.centrada{background-position:center center}
.fondoimgpromo.izquierda{background-position:center left}
.fondoimgpromo.derecha{background-position:center right}

.promo-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; z-index: 1046; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-size: 1.75em;}
a.promo-close {color:white;}
a:hover.promo-close, a:focus.promo-close{color:white;}

.fila-promo-misma-altura {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap; flex-wrap: wrap; margin:0px;}

.col-promo-centrada{display:flex; align-items: center; justify-content: center; padding:0px}

@media (max-width: 991px) {.fila-promo-misma-altura{display: table;}}
@media (max-width: 480px) {.fondoimgpromo{min-height: auto; padding:100px 0px;}}


/*===============================
	06. Diseño en caja
=================================*/



/*=========================
	07. Header
=========================*/

.logotipo {max-width:200px; position:relative;}

@media (max-width: 991px) {
	.logotipo.abajo{max-width:150px; margin:0 auto;}
}



/*=========================
	08. Footer
=========================*/

footer{padding:60px 0 40px 0; color:white; margin-top:30px}

footer a, footer a:hover, footer a:focus{color:white;}



/*=============================
	09. Sidenav/menú lateral
==============================*/

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

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

.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: #181818;
    overflow-x: hidden;
    transition: 0.3s;
}

/*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;
}


/*=========================
	10. Zonas y cajas
=========================*/

.sombra{-webkit-box-shadow: 0px 0px 28px -2px rgba(255,255,255,0.28); -moz-box-shadow: 0px 0px 28px -2px rgba(255,255,255,0.28); box-shadow: 0px 0px 28px -2px rgba(255,255,255,0.28);}

.parrafo-centrado{max-width:850px; margin:0 auto;}
.parrafo-centrado.big{max-width:1200px;}

/* zona y fondos módulos secciones */
.zona.notop{padding-top:0em;}
.zona.nobottom{padding-bottom:0em;}
.zona {padding: 3em 0;}
.zona.big {padding: 4em 0;}
.zona.min {padding: 2em 0;}
.zona.peq {padding: 1em 0;}

/*fondos*/
.fondo-oscuro{background-color:#1c1c1c; color:white;}
.fondo-negro{background-color:#000; color:white;}
.fondo-claro{background-color:#ffffff;}
.fondo-colordest{background-color:#c80000; color:white;}
.fondo-neumatico{background:url(../images/neumatico.png) no-repeat;}

/*zona img 50%*/
.center-file{width:100%; height:100%; display:flex; align-items: center; justify-content: center; padding:0; margin:0 auto;}
.zona-imglados .zona-imglados-text{padding:2rem; padding-left:4em; position:relative;}
.zona-imglados .zona-imglados-img{min-height:40rem; background-size:cover}


/*carrocerías*/
.car-list{display:block;position:relative; margin:20px auto; max-width:300px; cursor:pointer;}
.car-list.active{cursor:default;}
.car-list .img-car{width:100%;top:0;left:0;z-index:2;transition-duration:.3s}

.car-list.marcas{display:inline-block;position:relative; margin:10px; max-width:300px; cursor:pointer;}
.car-list.marcas.active{cursor:default;}
.car-list.marcas .img-car{width:100%;top:0;left:0;z-index:2;transition-duration:.3s}

@media (max-width: 520px) {
	.car-list.marcas{max-width:150px;}
}



.car-list .img-car .align-center{display:none}
.car-list .img-car.sold_image img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.car-list:hover .img-car{display:block;overflow:hidden;position:relative}
.car-list:hover .img-car .align-center, .car-list.active .img-car .align-center{display:block;background-color:#fff;opacity:.6;position:absolute;width:100%;height:100%;z-index:11}
.car-list .img-car{position:relative}
.car-list:hover .img-car i, .car-list.active .img-car i{color:#023b8a;opacity:1;position:absolute;top:50%;margin-top:-16.5px;left:50%;margin-left:-16.5px; font-size:1.5em;}
.car-list .car-list-bottom{display:block;background-color:#1c1c1c;padding:6px 5px 6px 10px;text-align:center;transition-duration:.2s;transition-property:all; color:white}
.car-list:hover .car-list-bottom, .car-list.active .car-list-bottom{background-color:#023b8a}
.car-list:hover .car-list-bottom {color:#fff;}

/*ficha vehículo*/
.vehiculo-ficha {max-width: 700px; border-radius: 4px; position: relative; margin: 0 auto 30px auto; border:1px solid rgba(0,0,0,0.4); background:rgba(255,255,255,0.5) url(../images/mercedesicon.png) no-repeat; background-position:right top;}

.btnmodificar{position:absolute; top:-25px; right:40px;background: #323232; color: #fff; text-transform: uppercase; z-index:10; font-size:0.75em; line-height: 25px; padding: 0 10px 0 10px; border-top-right-radius: 4px; border-top-left-radius: 4px;}
.btnmodificar a {color: #fff;}

.btneliminar{position:absolute; top:-25px; right:5px;background: #c80000; color: #fff; text-transform: uppercase; z-index:10; font-size:0.75em; line-height: 25px; padding: 0 10px 0 10px; border-top-right-radius: 4px; border-top-left-radius: 4px;}
.btneliminar a {color: #fff;}


.vehiculo-ficha img {width: 60px; height: auto;border:1px solid rgba(0,0,0,0.2);}
.vehiculo-ficha .vehiculo-detalle {width: 100%;	float: left;padding: 10px;position: relative;}
.vehiculo-ficha .vehiculo-detalle h2 {margin: 0 0 0px;}
.vehiculo-detalle strong.desi {color: #ffcb05;text-transform: uppercase;display: block;margin: 0 0 20px;}


/*listado vertical*/
.listado-vertical{max-width:400px; margin:20px auto 20px auto; position: relative; border:1px solid rgba(0,0,0,0.07); background-color:white; overflow:hidden; border-bottom: 3px solid #c8cccc;}
.listado-vertical img{position:relative;}
.listado-vertical.flex{display: flex; flex-direction: column;}
.listado-vertical .zonatexto{padding:20px 10px 30px 10px;}
.listado-vertical .zonaimagen{position:relative;}

.info-precio {display: flex; align-items: center; justify-content: center;}
.info-precio > * + * {margin-left: 6px;}
* + .info-precio {margin-top: 14px;}
.precio {color: #c80000; font-weight: 600; font-size: 1.5em; font-weight:bold; font-family:'Barlow Semi Condensed', sans-serif;}
.precio.min{font-size:1.25em;}

.disponible{position:absolute; display:block; width:8px; height:8px; border-radius:50%; z-index:2; bottom:12px; right:10px; background-color:transparent; border:1px solid rgba(255,255,255,1); cursor:help}
.circledisponible{position:relative; display:inline-block; width:6px; height:6px; border-radius:50%; background-color:transparent; cursor:help; margin-bottom:2px;}
.disponible.ok, .circledisponible.ok{background-color:#31ae00;}
.disponible.ko, .circledisponible.ko{background-color:#c80000;}

.unidades{position:absolute; display:table; width:10px; padding:3px 5px; bottom:7px;right:14px; background:black; color:white; font-size:0.6875em; line-height:1em; z-index:1; border-radius:5px; cursor:help}


.marca{position:absolute; left:0px; bottom:0px; padding:2px 5px; font-size:0.6875em; line-height:1.5em; background:#000; color:white; z-index:1;}/*nuevo*/



@media (min-width: 992px) {
	.producto-listado .product-footer > * {position: relative; transition: .33s all ease;}
	
	.producto-listado .product-footer-add {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 2;
		visibility: hidden;
		transform: translateY(10px);
	}
	.producto-listado:hover .product-footer-add {
		bottom: 0;
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}
}

.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:#023b8a;color:#fff}/*desguaces Turín*/
.btnadd{outline:0}
.btnadd:focus,.btnadd:hover{background-color:#323232;color:#fff}


/*listado vertical*/
.listado-categorias{width:100%; max-width:300px; margin:20px auto; position: relative;  text-align:center; background:rgba(255,255,255,0.2); padding:30px 15px;}
.listado-categorias .zonatexto{margin-top:20px; position:relative; display:block}

.listado-categorias i{font-size:5em; color:#c50000; display:block; line-height:1em}
.listado-categorias img{width:80px; display:block; color:#c50000; margin:0 auto;}
.listado-categorias .svgcolor{filter: invert(14%) sepia(88%) saturate(3186%) hue-rotate(208deg) brightness(83%) contrast(98%);/*invert(9%) sepia(87%) saturate(7499%) hue-rotate(10deg) brightness(91%) contrast(114%);*/}
/*.listado-categorias:hover .svgcolor{filter: invert(0%) sepia(0%) saturate(7468%) hue-rotate(272deg) brightness(98%) contrast(94%);}*/

.listado-categorias.list{cursor:pointer;transition-duration:.3s; border:1px solid rgba(0,0,0,0.07);}
.listado-categorias.list .zona-check{display:none}
.listado-categorias.list .zona-check i{color:#023b8a;opacity:1;position:absolute;top:10px; right:10px; font-size:1em;}
.listado-categorias.list:hover, .listado-categorias.list.active {background:rgba(255,255,255,0.5); border:1px solid rgba(0,0,0,0.8);}
.listado-categorias.list.active .zona-check{display:block}

.listado-categorias img{-webkit-transition:400ms ease-in-out;-moz-transition:400ms ease-in-out;-ms-transition:400ms ease-in-out;-o-transition:400ms ease-in-out;transition:400ms ease-in-out}
.listado-categorias:hover img{-webkit-transform:translate(0px, -5px);-moz-transform:translate(0px, -5px);-ms-transform:translate(0px, -5px);-o-transform:translate(0px, -5px);transform:translate(0px, -5px)}


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

/*box estados*/
.boxestado{display:inline-block; margin-right:5px; width:8px; height:8px; border-radius:50%; margin-bottom:1px}
.fonrojo{background:#df280a;}
.fonverde{background:#11b400;}
.fonamarillo{background:#f9b10d;}


/*imágenes fondo 100% cols*/
.zona-fondoflex{min-height:20rem; background-size:cover; color:white; display: flex; align-items: center; justify-content: center; background-position:center; background-position:center;}
.bottom-flex{align-self: flex-end; padding-bottom:15px}
.top-flex{align-self: flex-start; padding-top:15px}

/*icons*/
.iconobig{font-size:3.375em; line-height:1em; margin-bottom:15px; display:block}
.icono-user{font-size:2.8125em; line-height:1em; cursor:default;}
.iconobig.big{font-size:4em;}
.iconomed{font-size:1.375em;}

.circle-icon{display:table; margin:0 auto 20px auto; padding:20px; background:white; border-radius:90%;}
.circle-icon i{margin-bottom:0px;}

.circle-bigicon{position: absolute; bottom: -35px; right: 0; left: 0; width: 90px; height: 90px; margin: 0 auto; z-index: 1; text-align:center; background:#c80000; border:3px solid white; color:white; border-radius:90%; display:flex; align-items: center; justify-content: center;}
.circle-bigicon i{font-size: 2.75em}

/*cajablanca*/
.cajablanca {width: 100%; display: block; margin: 0 auto; border: 1px solid rgba(0,0,0,0.1); background: #fff; padding: 3em 15px; position: relative;}
.cajablanca.min{padding:15px 15px}
.cajablanca.trans{padding:15px 15px; background:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.3);}
.cajablanca.max {max-width: 700px; padding: 40px; background: #f2f2f2; border-top: 4px solid #023b8a;}/*desguaces Turín*/
.cajablanca.zonaprivada {border-top: 3px solid #023b8a; padding: 20px 15px;}/*desguaces Turín*/

@media (max-width: 991px){
	.zona-imglados .zona-imglados-img{min-height:20rem;}
	.center-file{display:block}
}




/*=========================
	11. 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:white; vertical-align:middle; text-rendering: optimizeLegibility; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.btn-top i:hover{color:#fff; text-shadow:10px 10px 30px #fff; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

.btn-top i.flaticon-bolsa-compra{margin-right:0px;}
.btn-top i.flaticon-lupa{margin-right:20px;}
.btn-top i.flaticon-usuario, .btn-top i.flaticon-candado{margin-right:25px;}

.number-info{position:absolute; top:-6px; right:-5px; background:#c80000; 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;}

@media (max-width: 768px) {
	.btn-top i.flaticon-bolsa-compra{margin:0px; margin-right:0px;}
	.btn-top i.flaticon-usuario, .btn-top i.flaticon-candado{margin-right:5px;}
	.number-info{top:-10px; right:-10px;}
}
@media (max-width: 480px) {
	.btn-top i.flaticon-bolsa-compra{font-size:1.55em;}
	.btn-top i.flaticon-usuario,.btn-top i.flaticon-candado{font-size:1.55em;}
	.number-info{right:-10px;}
}


/*botones a href*/
.boton, boton:focus {
	background: #023b8a; color: #ffffff; font-size:1em; font-family:'Open Sans', Arial, Helvetica, sans-serif; padding: 15px 25px; letter-spacing: 0.5px; margin:15px 5px; display:inline-block; outline: none;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center; position:relative;/*desguaces Turín*/
}

.boton:hover, .boton:focus {color: #ffffff; background: #1c1c1c;}
.boton a{color:black;}

input.boton{cursor:pointer;border:0 none; outline:none;}

/*invert*/
.boton.invert, .boton.invert:focus{color: #ffffff; background: #1c1c1c;}
.boton.invert:hover {color: #ffffff; background:#023b8a;}/*desguaces Turín*/
.boton.invert a{color:#fff}

/*btngris*/
.boton.gris, .boton.gris:focus{color: #333; background: #dfdfdf; border:1px solid #dfdfdf; font-size:1em; padding:10px 30px; height:auto;}
.boton.gris:hover {color: #333; background: #dfdfdf; border:1px solid #dfdfdf;}


/*buscar*/
.btnsearch {
	background: #023b8a; color: #ffffff; font-size:1em; font-family:'Open Sans', Arial, Helvetica, sans-serif; padding: 15px 25px; letter-spacing: 0.5px; margin:0px; display:inline-block; outline: none;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center; position:relative; border-radius:4px;
}

.btnsearch:hover, .btnsearch:focus {color: #c80000; background: #111111;}
.btnsearch a{color:black;}

.btnsearch.flaticon-lupa{position:relative;font-size:1.5em;line-height:1em;color:#fff;text-align:center;}

/*colores*/
.boton.rojo, .boton.rojo:focus{color: #fff; background: #c80000;}
.boton.rojo:hover {color: #ffffff; background:#000;}
.boton.rojoa{color:white}

/*oscuro*/
.boton.oscuro, .boton.oscuro:focus{color: #fff; background: #1c1c1c;}
.boton.oscuro:hover {color: #ffffff; background:#023b8a;}
.boton.oscuro a{color:white}


/*btform*/
.boton.btform, .boton.btform:focus{color: #fff; background: #1c1c1c; padding: 12px 8px; font-size:0.9375em; margin:0px;}
.boton.btform:hover {color: #ffffff; background:#023b8a;}
.boton.btforma{color:white}


/*tamaños*/
.boton.big{padding: 20px 30px; font-size:1.5em; font-weight:bold;}
.boton.med{padding: 10px 15px;}
.boton.min{padding: 6px 25px; font-size:0.9375em;}
.boton.peq{padding: 4px 15px; line-height:150%; font-size:0.9375em; font-weight:400}
.boton.full{width:100%; display:block; min-width:100%;}

@media (max-width: 991px) {
	.boton.big.tablet{padding: 15px 20px; font-size:1em; font-weight:bold;}
	.btnsearch{width:100%;}
}


@media (max-width: 640px) {
	.boton.big.movil{padding: 15px 20px; font-size:1em; font-weight:bold;}
}



/*botones form y dropdown*/
.btn{display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; background-image:none; border:1px solid transparent; padding:10px 15px; font-size:1em; line-height:1.42857143; border-radius:0px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; outline:0}
.btn:hover,.btn:focus,.btn.focus{color:#333; text-decoration:none}
.btn:active,.btn.active{background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed; filter:alpha(opacity=65); opacity:.65; -webkit-box-shadow:none; box-shadow:none}

.btn-default{color:#333; background-color:#fff; border-color:#ccc}
.btn-default:focus,.btn-default.focus{color:#333; background-color:#e6e6e6; border-color:#8c8c8c}
.btn-default:hover{color:#333; background-color:#e6e6e6; border-color:#adadad}
.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333; background-color:#e6e6e6; background-image:none; border-color:#adadad}
.btn-default:active:hover,.btn-default.active:hover,.btn-default:active:focus{color:#333; background-color:#d4d4d4; border-color:#8c8c8c}



/*dropdown*/
.minitri{display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px dashed; border-top:4px solid \9; border-right:4px solid transparent; border-left:4px solid transparent}/*triángulo para dropdown*/
.dropup,.dropdown{position:relative}
.dropdown-toggle:focus{outline:0}

.dropdown-menu{position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:5px 0; margin:2px 0 0; font-size:1em; text-align:left; list-style:none; border-radius:0px; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.15); -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175); box-shadow:0 6px 12px rgba(0,0,0,0.175)}
.dropdown-menu>li>a{display:block; padding:3px 20px; clear:both; font-weight:400; line-height:1.42857143; color:#333; /*white-space:nowrap*/}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626; text-decoration:none; background-color:#f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff; text-decoration:none; background-color:#c80000; outline:0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none; cursor:not-allowed; background-color:transparent; background-image:none; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}

.dropdown-menu .divider{height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5}
.dropdown-header{display:block; padding:3px 20px; font-size:0.75em; line-height:1.42857143; color:#777; white-space:nowrap}

.btn-group{position:relative; display:inline-block; vertical-align:middle}
.btn-group>.btn,.btn-group-vertical>.btn{position:relative; float:left}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}

/*=========================
	12. Listas 
=========================*/

/*ubica*/
.page-breadcrumb{position:relative; margin-top:0px; color:#333333; font-size:0.875em; background-color:rgba(255,255,255,0.3); padding:0px /*elimina el padding del ul general*/}
.page-breadcrumb li{position:relative; display:inline-block; margin-right:2px; padding-right:3px; color:#333333; text-transform:uppercase; }
.page-breadcrumb li:after{position:absolute; content: "\203A"; right:-15px; top:3px; color:#c80000; font-size:1em;}
.page-breadcrumb li:last-child::after{display: none;}

.page-breadcrumb li:last-child{padding-right:0px; margin-right:0px; color:#c80000;}

.page-breadcrumb li a{color:#333333; text-decoration:none; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.page-breadcrumb li a:hover{color:#000;text-decoration:none}

/*blockmenu*/
.blockmenu {list-style-type: none; padding: 0; margin:0px; width: 100%; background-color: #fff; text-transform:uppercase; font-family:'Barlow Semi Condensed',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;}


/*link abajo*/
ul.lnkaba{margin-left:5px;padding:0px /*elimina el padding del ul general*/}
.lnkaba li {display:block; font:normal 1em 'Open Sans', Arial, Helvetica, sans-serif; color:#ffffff; line-height: 1.6em; padding:1px 0 0 18px; position:relative; margin:5px 0}
.lnkaba li:before{content: "\2022"; font-size:1em; position:absolute; top:0px; left:0px; color:#19519e; width: auto;margin-left: 0px;}/*desguaces Turín*/
.lnkaba li a{ color:#ffffff; text-decoration:none;}
.lnkaba li a:hover {tex-decoration:none; color:#ffffff}


/*lista iconos horizontal*/
.lista-hor-icon ul.menu{width:100%;display:table; margin:0px; border-top:1px solid white;padding:0px /*elimina el padding del ul general*/;}
.lista-hor-icon ol.menu {margin: 0px;}
.lista-hor-icon ul.menu li{background:#023b8a;padding:0;position:relative;display:table-cell;width:auto;text-align:center; border-left:1px solid rgba(255,255,255,1); width:20%; font-family:'Barlow Semi Condensed', sans-serif;}/*desguaces Turín*/
.lista-hor-icon ul.menu li a{position:relative;z-index:1;color:#fff;width:100%;display:block;text-transform:uppercase;font-size:0.5em;padding:62px 0 22px; text-decoration:none;}
.lista-hor-icon ul.menu li:first-child{border-left:0px}

.lista-hor-icon ul.menu li.fuente-icon{position:relative;padding-right:0;font-size:2.5em;line-height:1em;margin-bottom:24px;color:#fff;z-index:0}
.lista-hor-icon ul.menu li.fuente-icon:before{color:#fff;position:absolute;left:0;right:0;top:20px;z-index:0}
.lista-hor-icon ul.menu li:hover,.lista-hor-icon ul.menu li.fuente-icon:hover,.lista-hor-icon ul.menu li.active{background:#1c1c1c;color:#ffffff}
.lista-hor-icon ul.menu li:hover a,.lista-hor-icon ul.menu li.fuente-icon:hover:before,.lista-hor-icon ul.menu li.active a,.lista-hor-icon ul.menu li.fuente-icon.active:before{color:#ffffff}

/*buscador predictivo*/
.lista-hor-buscador ul.menu{width:100%;display:table; margin:0px; border-top:1px solid white;padding:0px /*elimina el padding del ul general*/;}
.lista-hor-buscador ol.menu {margin: 0px;}
.lista-hor-buscador ul.menu li{padding:0px;position:relative;display:table-cell;width:auto;text-align:center; border-left:1px solid rgba(255,255,255,1);}
.lista-hor-buscador ul.menu li:first-child{border-left:0px}
.lista-hor-buscador ul.menu li.lados{width:20%; background:black}
.lista-hor-buscador ul.menu li.centro{width:60%;background:#1c1c1c;}


@media (max-width: 720px) {
	.lista-hor-icon ul.menu li{width:50%;}
	.lista-hor-icon ul.menu li.novisible{display:none; visibility:hidden;}
	.lista-hor-buscador ul.menu li.lados{width:5%;}
	.lista-hor-buscador ul.menu li.centro{width:90%;}
}



/*lista simple*/
ul.simplelist{margin:15px 0px; display:block; position:relative}
ul.simplelist.nomargin{margin:0px;}
ul.simplelist li {margin:0 20px 0 0px; padding:4px 0 4px 0px; list-style-type: none;}
ul.simplelist li.enlinea{display:inline-block; text-align:center; background:#ededed; padding:10px; margin:5px 0;}
ul.simplelist li a{text-decoration:underline;}

ul.simplelist.flaticonli > li{margin:0px; margin-left:5px}

ul.simplelist li::before {content: none;}

ul.simplelist.nopadding li {padding:0px}
ul.simplelist li.col2{display:inline-block; width:40%; background:aqua}

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*/

ul.simplelist li.descarga, ul.simplelist li.enlace {margin:0 10px 0 10px;}
ul.simplelist li.descarga, ul.simplelist li.enlace{font-size:0.9375em; line-height:140%}
ul.simplelist li.descarga:before {font-family: "Flaticon"; content: "\f11c"; font-size: 1.0625em; color:inherit; margin-right:8px;margin-left: -30px;}
ul.simplelist li.enlace:before {font-family: "Flaticon"; content: "\f11d"; font-size: 1.0625em; color:inherit; margin-right:8px;margin-left: -30px;}

ul.simplelist li.check, ul.simplelist li.point {margin:0 10px 0 10px;}
ul.simplelist li.check:before {font-family: "Flaticon"; content: "\f126"; font-size: 0.875em; color:inherit; margin-right:8px; color:#c80000; margin-left: -30px;}
ul.simplelist li.point:before {content: "\2022"; font-size: 1.0625em;font-size: 1.125em; font-weight:bold; color:inherit; margin-right:8px; color:#c80000; margin-left: -30px;}

ul.simplelist  li, ol.simplelist  li {list-style-type: none;}/**/

ul.simplelist.logos img{margin:0 10px;}


/*=========================
		13. Form
=========================*/

.miniform{
	display: inline-block;
	border: 1px solid #cccccc;
	background: #fff;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #666;
	padding: 12px 5px;
	width:35px;
	margin-right:0px;
	text-align:center;
	min-width:35px;
	min-width:35px\9;/*Hack IE6, IE7, IE8, IE9 */
}

.miniform.full{width:100%;}

.miniform::-moz-placeholder {color: #666666; opacity: 1;}
.miniform:-ms-input-placeholder {color: #666666;}
.miniform::-webkit-input-placeholder {color: #666666;}


/*select*/
.select-style {border: 1px solid #ccc; width: 220px; border-radius: 0px; overflow: hidden; background: #ffffff url(../images/icon-select.png) no-repeat right 15px bottom 50%; display:block; position:relative; margin-bottom:5px; border-radius:6px}
.select-style.centrado{margin:0 auto 15px auto;}
.select-style select {padding: 15px 10px 15px 15px; width: 100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size:1em; color:#666; line-height: 26px;}
.select-style select:disabled {color:#ccc;}
.select-style select.min{padding:5px 10px;}
.select-style select:focus {outline: none;}
.select-style.full{width:100%;}

select:focus > option:checked {background: #c80000 !important; color:white !important;}


/*buscador*/
.formbuscador{
	font: italic 1em 'Open Sans', Arial, Helvetica, sans-serif;
	color: #ccc;
	background-color:#111111;
	border:0px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	border-top: 1px solid rgba(255,255,255,0.1);
	padding:18px 40px 18px 15px;
	padding-top:18px;
	padding-bottom:18px;
	width:100%;
	outline: none;
	
	display: 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: #666; opacity: 1;}
.formbuscador:-ms-input-placeholder {color: #666;}
.formbuscador::-webkit-input-placeholder {color: #666;}


.formbuscador.predictivo{border:0px; background:none;padding:28px 40px 28px 25px;}

.btnformbuscadorder:before {
  position: absolute;
  font-family: 'Flaticon';
  top: 18px;
  right: 10px;
  content: "\f112";/*lupa*/
  font-size:1.5em;
  line-height:1em;
  color:#ccc
}
.btnformbuscadorder.predictivo:before {top: 28px;right: 20px;}


@media (max-width: 720px) {.formbuscador.predictivo{padding:28px 40px 28px 15px;}}

/*autocomplete search*/
.autocomplete-items {position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; text-align:left; max-height:300px; overflow-y:auto}
.autocomplete-items div {padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4;}
.autocomplete-items div:hover {background-color: #f6f6f6;}
.autocomplete-active {background-color: DodgerBlue !important; color: #ffffff;}
.autocomplete-items input {border: 1px solid transparent; background-color: #f1f1f1; padding: 10px; font-size: 1em;}
.autocomplete-items input[type=text] {background-color: #f1f1f1; width: 100%;}


/*mi compra*/
.autoform{display: inline-block; border: 1px solid #cccccc; background: #fff; font: normal 1em Arial, Helvetica, sans-serif; color: #666; padding: 10px 5px; width:60px; max-width:60px; 	margin-right:0px; text-align:center;}
.autoform::-moz-placeholder {color: #666666; opacity: 1;}
.autoform:-ms-input-placeholder {color: #666666;}
.autoform::-webkit-input-placeholder {color: #666666;}


/*=========================
	16. Slider
=========================*/

.img100x100{position:relative; z-index:1; display:block; overflow:hidden;}


.slidercontent {display: block !important; color:white; font-family: 'Barlow Semi Condensed', sans-serif; justify-content: center;}
.innerslider {display: flex; justify-content: center; align-items: center; margin: auto; position: absolute; z-index: 1; width: 100%; height: 100%;}
.slidercontent {max-width:100%;}

.slider-text {
	font-size:3em; font-weight:bold; color: #fff; letter-spacing: 0px; line-height:130%; padding: 0; margin: auto; display:inline;
	text-transform: uppercase;
	color: rgb(255, 255, 255,1);
  	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(rgb(255, 255, 255) 46%, rgb(118, 118, 118) 49%, rgb(156, 156, 156) 80%);
}


/*.slider-text span{font-size:1.25em;}*/

.slider-catext{font-size:1.5em;}

.slider-text.movil {font-size:3em;}

@media (max-width: 640px) {

	.slider-text {font-size:2.1em;}
	
}

@media (max-width: 991px) {
	.innerslider{justify-content: center;}
	.slidercontent{margin-left:0px; padding:20px}
	.slider-text span{background:none; padding:0px;font-weight:800; display:inline}
}

/*=========================
	    17. Carro
=========================*/

.zona-articulos{display:block; /*max-height:330px; overflow:auto;*/ margin-bottom:10px;}

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

.zona-date-table.coupon{float:left; min-width:200px;}


.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;
}


.stock{width:10px; height:10px; display:block; cursor:help; background:transparent; margin:0 auto; border-radius:50%}
.stock.no{background:#c80000;}
.stock.si{background:#31ae00;}


/*.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:#f0f0f0; color:#333333
}
.tabminimenu li.active{background:white; border-bottom:1px solid #fff;}*/

p.preciocarro{
	font: normal 1.1428em Arial, Helvetica, sans-serif;
	color: #e53131;
	line-height: 1.2em;
	text-decoration: none;
	display:inline-block;
	margin-top:5px;
}

p.preciocarro span{color:#666; font-size:0.75em; line-height:1em;}

.imgcompra{width:90%; min-width:84px; border:1px solid #dbdbdb;}

.btcompragrande{display:inline-block; text-align:center; margin-bottom:10px; border-width: 1px; border-style: solid; border-color: #ADB1B8 #A2A6AC #8D9096; border-radius: 3px;}
.btcompragrande a {display:block; font: normal 1.0666em Arial, Helvetica, sans-serif; text-transform:uppercase; color: #fff; background: #008f4d; padding:13px 15px; text-decoration: none; border-radius:inherit}/*cambia color*/
.btcompragrande a:hover {color: #fff;	background: #008f4d; text-decoration: none;}

.btcompragrande a{color:#111; background: #f4d078; background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b); background: linear-gradient(to bottom,#f7dfa5,#f0c14b); box-shadow: 0 1px 3px rgba(255,255,255,.2) inset;}
.btcompragrande a:hover{color:#111; background: #f2c861; background: -webkit-linear-gradient(top,#f5d78e,#eeb933); background: linear-gradient(to bottom,#f5d78e,#eeb933);}
.btcompragrande a.off{background: #333333;}

/*código descuento*/
.zona-descuento{display:table; width:100%}
.descuento-form{display:table-cell; padding-right:5px}
.descuento-btn{display:table-cell}

/*breadcrumb tienda*/
.cd-breadcrumb{width:100%; padding:.5em 1em; margin:1em auto; background-color:#f4f4f4; border-radius:.25em}
.cd-breadcrumb::after{clear:both; content:""; display:table}
.cd-breadcrumb li{display:inline-block; margin:.5em 0}
.cd-breadcrumb li i{font-size:1.2em;}
.cd-breadcrumb li::after{display:inline-block; content:'\203A'; margin:0 .6em; color:#959fa5; font-size:1.5em;}
.cd-breadcrumb li:last-of-type::after{display:none}
.cd-breadcrumb li>*{display:inline-block; font-size:1rem; color:#2c3f4c; line-height:140%}
.cd-breadcrumb li.active>*{color:#11b400}

@media (max-width: 991px) {
	.zona-date-table {display:block; width:auto; float:none; margin:0 auto; max-width:100%;}
}


@media (max-width: 640px) {
	.zona-date-table, .zona-date-table.coupon{width:100%; min-width:100%; float:none}
	.zona-date-table.coupon{margin-bottom:15px;}
}

/*=========================
	18. Multimedia
=========================*/

.fotoblog{margin-bottom:20px;}
.fotoblog img{width:100%;}

.imgmini{max-width:120px;}
.imgpequ{max-width:70px;}

.img-izq{width:auto; max-width: 100%; width: auto\9; float:left; margin:0px 15px 2px 0; max-width:400px;}
.img-der{width:auto; max-width: 100%; width: auto\9; float:right; margin:0px 0px 2px 15px; max-width:400px;}

/*galería horizontal*/
.zona-galeria{display: block; max-width: 345px; white-space: nowrap; margin:0 auto;}
.galeria-horizontal{overflow-y: hidden; display: block; width: 100%; height: 100%; padding-bottom:10px;}
.fotogal{display:inline; margin:0px 3px 6px 0; text-align:center}

.fotogal {opacity: 0.5; transition: all .3s ease;}
.fotogal:hover {opacity: 1;}


/*Gallery*/
.gallery {display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 0px;}
.zonaimgal{-ms-flex: 33%; /* IE10 */ flex: 33%; max-width: 33%; padding:0 4px; position:relative;}
.zonaimgal img {margin-top: 8px; vertical-align: middle; width: 100%; opacity:1;  -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.zonaimgal img:hover{opacity:.5;}

.zonaimgal.max{-ms-flex: 25%; /* IE10 */ flex: 25%; max-width: 25%;}


/*google maps*/
.gmap{position:relative;}
.gmap iframe{width:100%; margin-bottom:0px; border:1px solid #e7e7e7;}
#mapacontacto {width:100%; height:300px; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#mapaubica {width:100%; height:400px; border:1px solid #e7e7e7; border-radius:4px}
#maparroquia {width:100%; height:400px; border:1px solid #e7e7e7; border-radius:4px}


.gm-style .gm-style-iw {background-color: white !important; border-radius:2px;}/* info ventana*/

/*responsive video*/
.video-container {position: relative; padding-bottom: 56.25%; /*padding-top: 30px;*/ height: 0;	overflow: hidden; margin:0px auto;}
.video-container iframe,  
.video-container object,  
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

/* vídeo ajustado al centro con un tamaño máximo */
.video-wrapper {width: 800px; max-width: 100%; margin: 0 auto;}
.video-wrapper2 {width: 500px; max-width: 100%;	margin: 0 auto;}


@media (min-width: 1500px) {
	.zonaimgal{-ms-flex: 33%; /* IE10 */ flex: 33%; max-width: 33%;}
	.zonaimgal.max{-ms-flex: 16.66%; /* IE10 */ flex: 16.66%; max-width: 16.66%;}
}

@media (min-width: 1400px) {
	.zona_video{margin:0 auto; width:70%; display:table; background:blue}
}


@media (max-width: 991px) {
	.contienetodo{flex-direction: column;}
	.galeria-horizontal{text-align:center}
	.zonaimgal{-ms-flex: 25%; /* IE10 */ flex: 25%; max-width: 25%;}
	
}

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

/*=========================
	19. Tablas
=========================*/

table {max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;}

.table {width: 100%; margin-bottom: 20px; border:1px solid #ccc;}

.table th, .table td {padding: 8px; line-height: 160%; text-align: left; vertical-align: top; border-top: 1px solid #ccc; vertical-align:middle;}

.table th {background:#f2f2f2;  color:white; font-weight:normal; font-size:1.1428em; }

.table td.center, .table th.center{text-align:center;}
/*.table td i{cursor:help;}*/

.table thead th {vertical-align: bottom; background:#404040}

.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 #ccc;}

.table .table {background-color: #ffffff;}

.table tr td a i{cursor:pointer;}

/*inicio tabla compra*/
.table.tienda{border:0px;}
.table.tienda thead th{background:none; color:#666; font-weight:normal; font-size:1.0714em;  border-bottom: 0px solid #ccc;}
.table.tienda tr {border-bottom: 1px solid #ccc;}
.table.tienda tr th {font-weight:bold; font-size:1.0625em;}
.table.tienda td {padding:18px 0; padding:30px 0;}

.table.tienda td:nth-child(1) {width: 10%; text-align:center;}
.table.tienda td:nth-child(2) {width: 50%; padding:0px 10px}
.table.tienda td:nth-child(3) {width: 15%; text-align:center;}
.table.tienda td:nth-child(4) {width: 20%; text-align:center; padding:0 10px;}
.table.tienda td:nth-child(5) {width: 5%; text-align:center; padding:0 5px;}
/*fin tabla compra*/

/*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;}

/*fin  data table*/


/*tabla condesed*/

.table.table-condensed{border:0px;}
.table-condensed th,
.table-condensed td {padding: 4px 5px; border:0px; border-top: 1px solid #ccc;}
.table.table-condensed th {font-weight: bold; background:#f0f0f0; color:#000;}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}


/*precios tables*/
.prices-table {overflow: hidden; padding:0px 0px 0px 0px;}
.prices-table > span {display: block; padding:0px 0px 4px 0px; font-weight: 600;}
.prices-table > div {overflow: hidden; background: #fff; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.prices-table > div > div {width:33.33333333%; float:left; border-right:1px solid #ddd; border-top:1px solid #ddd;}

.prices-table > div.nobordeizq{border-left:0px solid #ddd;}
.prices-table > div > div.nobordeder{border-right:0px solid #ddd;}

.prices-table > div > div.full{width:100%;}

.prices-table > div > div > div {font-size: 0.8571em; text-align: center; padding:0.5em 2px 0.5em 3px; line-height: 1em; color:#ff1d62;}
.prices-table > div > div > div.pth {background: #fff; font-weight:bold; color:#666;border-bottom:1px solid #ddd;}


/*=========================
    20. Redes sociales
=========================*/


/*Compartir/enlaces*/
.share {width: 100%; display:block}
.share a {width: 35px; height: 35px; display: inline-block; margin: 4px 0px; border-radius: 50%; font-size: 1em; opacity: 0.75; transition: opacity 0.15s linear; position:relative; color:white} 
.share a:hover {opacity: 1;}
.share i {position: relative; top: 18%; transform: translateY(-50%); text-align:center;}

/*mensajito hover*/
.share a span {color:#fff; position:absolute; bottom:0; left:-30px; right:-30px; padding:6px 2px 6px 2px; z-index:10; font-size:0.75em; border-radius:2px; background:#2d2d2d; visibility:hidden; opacity:0;
  -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  line-height:1.5em;
}
	
.share a span:before {content:''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid #2d2d2d; position:absolute; bottom:-5px; left:40px;}
.share a:hover span {bottom:50px; visibility:visible; opacity:1;}

.share a span.nomostrar {color:#fff; visibility:hidden; opacity:0;display:block;  text-align:center}


/*redes sociales*/
.facebook {background-color: #3b5998; text-align:center;}
.twitter {background-color: #55acee; text-align:center}
.linkedin {background-color: #0077b5; text-align:center}
.pinterest {background-color: #cb2027; text-align:center}
.telegram{background-color:#517da2; padding-right:3px; text-align:center}
.whatsapp{background-color:#00c144; text-align:center}
.instagram{background-color:#eb4d4e; text-align:center}
.youtube{background-color:#de2021; text-align:center}

/*redondo*/
.share.rounded a{border-radius:50%; width:40px; height:40px; line-height:180%; color:#ffffff; opacity:1;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.share.rounded a span{left:-25px; right:-25px; color: #ffffff}
.share.rounded .facebook, .share.rounded .twitter, .share.rounded .instagram, .share.rounded .youtube{background-color: #282828;}
.share.rounded .facebook:hover, .share.rounded .twitter:hover, .share.rounded .instagram:hover, .share.rounded .youtube:hover{background-color: #023b8a;}

/*mini*/
.share.mini a{width:25px; height:25px; line-height:120%; color:white; opacity:1;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.share.mini a span{left:-32px; right:-32px; color: #ffffff;}
.share.mini a:hover span {bottom:35px;}
.share.mini .facebook:hover, .share.mini .twitter:hover, .share.mini .instagram:hover, .share.mini .youtube:hover{background-color: #e71514;}


/*=========================
	21. Media Queries
=========================*/

.noverflow{overflow:visible;}
.nomargin{margin:0px;}

.tablet.visible, .movil.visible, .xxl.visible{visibility:hidden; display:none;}
.visible-max{visibility:hidden; display:none}

.separaladospc{padding:0px 30px;}
.separaladospc.noder{padding:0px 30px; padding-right:0px}
.separaladospc.noizq{padding:0px 30px; padding-left:0px}

.zona-abajo {margin:20px 0;}
.zona-abajo.sepizq{padding-left:15px;}

@media (max-width:1600px) {

	.xxl.invisible{visibility:hidden; display:none;}
	.xxl.visible{visibility:visible; display:inherit;}

}

@media (min-width:1400px) {
	.visible-max{visibility:visible; display:inherit;}
	.zona-abajo.sepizq{padding-left:40px;}
}

@media (max-width:1200px) {
	.table-responsive{width:100%; margin-bottom:15px; overflow-x:scroll; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar; -webkit-overflow-scrolling:touch; /*border:1px solid #ddd*/}
	.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}
}

@media (max-width: 991px) {
	
	.separaladospc, .separaladospc.noder, .separaladospc.noizq{padding:0px;}
	.separaladospc.pad15lados{padding:0px 15px;}
	
	
	.zona-abajo {float:none; margin:20px auto; text-align:center;max-width:400px;}
	.zona-abajo .post-imagen{float:none; margin-bottom:20px;}
	.zona-abajo.sepizq{padding-left:0px;}
	.lnkaba li{background:none; padding:0px;}
	.lnkaba li:before{display:none}
	
	.centradomovil {margin:0 auto; display:block; text-align:center; float:none}
	.centerdevice {text-align:center;}
		
	/*.invisible{visibility:hidden; display:none;}
	.visible{visibility:visible; display:inline-block;}*/
	
	.tablet.invisible{visibility:hidden; display:none;}
	.tablet.visible{visibility:visible; display:inherit;}
	
	
	
	.logotipo {/*float:none; text-align:center; margin:0 auto;*/ max-width:auto; padding-right:0px; border-right:0px solid #d9d9d9;}
	
	.zona-centrada{margin:0 auto; display:table;}
	.elipsis.nohidden{white-space: normal; overflow: inherit; text-overflow: clip;}
	
	.tablet.noelipsis{white-space: normal; overflow: inherit; text-overflow: clip;}
	
	.centrado-tablet{margin:0 auto; text-align:center; float:none;}
	

	.centablemin{margin:0 auto; display:table;}
	.lnkaba li, .lnkaba li.loc, .lnkaba li.tel, .lnkaba li.ema {background:none; padding:0px;} 
	.lnkaba li.col2, ul.simplelist li.col2{display:block; width:100%}
	
	
	
	.img-izq, .img-der{float:none; text-align:center; width:auto; max-width:500px; margin:0 auto 15px auto;}
	
		
	.img-rounded-tablet {  border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
	
	.nobottomtablet{padding-bottom:0px;}
	
	
}

@media (max-width: 767px) {
	
	.centrado-galeria{text-align:center; margin:0 auto;}
	
	.invisible_en_movil{visibility:hidden; display:none}
	.visible_en_movil{visibility:visible; display:inline-block;}
	
	.movil.invisible{visibility:hidden; display:none}
	.movil.visible{visibility:visible; display:inherit;}
	
	.wrapper{display:block;}
	.gmap iframe{width:100%;border:0px;	padding:0;}
	.elipsis.nohiddenmin{white-space: normal; overflow: inherit; text-overflow: clip;}
	
	.movil.noelipsis{white-space: normal; overflow: inherit; text-overflow: clip;}
	
	.centrado-movil{margin:0 auot; text-align:center; float:none;}
	
}


@media (min-width: 320px) and (max-width:720px) {
	.cajablanca.max{padding:40px 15px}
	
	
	.zonagaleria{text-align:center}
	.nobottommovil{padding-bottom:0px;}

}

@media (max-width: 720px){
	.imgmin{width:120px;}
}


/*=========================
	21. Mensajes Admin
=========================*/


.msg-form{position: relative; display:inline-block; margin: 0px 0px 10px 0px; padding:8px; font: normal 0.875em 'Open Sans', Arial, Helvetica, sans-serif; /*min-width:180px;*/ line-height:130%; border-radius:0px;}
.msg-form.nomargin{margin:0px;}

.msg-form.min{padding:8px; font-size:0.9285em;}
.msg-form.peq{font-size:0.8571em; /*font-style:italic;*/ padding:4px; margin:0px}

.msg-form.transparente{background:rgba(255,255,255,0.65); border:1px solid #ccc; color:#4b4b4b;}

.msg-form.blanco{background:#fff; border:1px solid #dbdbdb; color:#4b4b4b;}
.msg-form.verde{background:#dff0d8; border:1px solid #d6e9c6; color:#3c763d;}
.msg-form.amarillo{background:#f9edcf; border:1px solid #f6e4b8; color:#5f5952;}
.msg-form.rojo{background:#f0d9e7; border:1px solid #e9c6db; color:#803261;}

.msg-form.amarilla{background:#ffffec; border:1px solid #ececdb; color:#4b4b4b;}

.msg-form.info{background:#beeff6; color:#4b4b4b; padding:8px 20px; text-align:center; margin-bottom:20px; font-size:1em; border-color:#b1dfe6;}

.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 {color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: url("../images/mensaje_correcto.png") left 7px top 14px no-repeat; background-color: #5ebd5e; border: 1px solid #43a543; padding: 10px 15px 12px 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 {color:#333; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); background: url("../images/mensaje_aviso.png") left 7px top 14px no-repeat; background-color: #ffae10; border: 1px solid #f19a1f; padding: 10px 15px 12px 30px; margin: 3px; font-size:1.077em;}
.aviso a{color:#333;}
.aviso a:hover{color:#000;}

.error {color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: url("../images/mensaje_error.png") left 7px top 14px no-repeat; background-color: #e66454; border: 1px solid #df3c28; padding: 10px 15px 12px 30px; margin: 3px; font-size:1.077em;}
.error a{color:#fff}
.error a:hover{color:#fff}

.mensaje.form, .aviso.form, .error.form{text-shadow: none;	 color: white;background-image:none; padding: 4px 6px; font-size:0.6875em; line-height:0.6875em;border-radius: 2px;}
.mensaje.form:before, .aviso.form:before, .error.form:before{content:"";position: absolute; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; margin: -12px 0 0 0px;}

.mensaje.form:before {border-bottom: 8px solid #5ebd5e;}
.aviso.form:before {border-bottom: 8px solid #ffae10;}
.error.form:before {border-bottom: 8px solid #e66454;}


/*============================
	22. Modal mensajes Admin
==============================*/

.overlay-modal {height: 100%; width: 100%; position: fixed; left: 0; top: 0; background-color:rgba(0,0,0,0.8); overflow-x: hidden; z-index:1001; display:none;}

.modal-centrada{display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; min-height:calc(100% - (.5rem * 2));}
.modal-centrada::before{display:block; height:calc(100vh - (.5rem * 2)); content:""}
.modal-centrada.maxsize {max-width:1200px; margin:15px auto;}
.modal-centrada.medsize {max-width:500px; margin:15px auto;}
.modal-centrada.minsize {max-width:350px; margin:0 auto;}


.contenido-modal {position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: inherit; background-clip: padding-box; outline: 0; border-radius:inherit; background-color:white;}

.cerrar-modal{position:absolute; top:10px; right:10px; z-index:1;}
.cerrar-modal a{color:black; font-size:1.25em;}

.header-modal{background-color:inherit; padding:20px 15px; position:relative; text-align:center; border-top-left-radius:inherit; border-top-right-radius:inherit;}
.header-modal img{max-width:90px;}

.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{padding:20px; background:white; border-bottom-left-radius:inherit; border-bottom-right-radius:inherit;}
.bottom-modal{padding:0px; background:white; border-bottom-left-radius:inherit; border-bottom-right-radius:inherit;}

.boton-modal {background: #999; color: #fff; font-size:1em; padding: 8px 15px; letter-spacing: 0.5px; text-transform: uppercase; margin-top:15px; display:inline-block; text-align:center;}
.boton-modal.full{width:100%;}
.boton-modal:hover, .boton-modal:focus {color: #fff; background: #666;}

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

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

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

.texto-rojo{color:#e53131;}


@media (max-width: 991px) {
	.modal-centrada.maxsize{max-width:90%;}
}

@media (max-width: 767px) {
	.modal-centrada.minsize, .modal-centrada.medsize{max-width:90%;}
}

/*==============================
     23. Topbar Notification
==============================*/

#infotopbar{width: 100%; margin: 0; display: table; text-align: center; font-size: 1em; padding: .33em 30px; -webkit-font-smoothing: antialiased; color: #5c5e60; position: fixed; z-index:1000; background-color: #fff7dd; box-shadow: 0 1px 3px 2px rgba(0,0,0,0.15); visibility: hidden;}

.infotopbar-close {width: 24px; height: 24px; line-height: 14px; position: absolute; right: 0; top: 0; z-index: 11; text-decoration: none; text-align: center; opacity: .65; padding: 5px; color: #000; font-size: 1.75em;}

.infotopbar-close:hover < #infotopbar {top: -100px; -webkit-transition: top 1s; visibility: hidden;}

/*animación - mensaje sale arriba*/
.slideDown{top:0; animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}

@keyframes slideDown {
	0% {transform: translateY(-100%);} 100% {transform: translateY(0%);}		
}

@-webkit-keyframes slideDown {
	0% {-webkit-transform: translateY(-100%);} 100% {-webkit-transform: translateY(0%);}
}

/*animación - mensaje sale abajo*/
.slideUp{bottom:0px; animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}

@keyframes slideUp {0% {transform: translateY(100%);}	100% {transform: translateY(0%);}}
@-webkit-keyframes slideUp {0% {-webkit-transform: translateY(100%);}	100% {-webkit-transform: translateY(0%);}}


/*==============================
     24. Cookies Notice
==============================*/

.cookies {width:100%; background:rgba(0,0,0,.85); position:fixed; left:0; bottom:-1px; text-align:center; padding:0; z-index:200; box-shadow:0 -15px 25px -15px rgba(0,0,0,.5); font-size:14px;}
.cookies .cookiemsg{padding:20px; margin:0 35px; position:relative; color:#e5e5e5;   display:block;}
.cookies .cookiemsg .close{position:absolute; top:0px; right:-25px;}

.btncookies{
	background: transparent; color: #ffffff; font-size:13px; padding: 4px 20px; letter-spacing: 0.5px; margin:10px 5px 0px 5px; display:inline-block; outline: none; border:1px solid white;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center; position:relative; cursor:pointer; border-radius:4px;
}

.btncookies:hover, .btncookies:focus {color: #000; background: #fff;}
.btncookies.min{padding:2px 4px; line-height:13px;}


@media (max-width:768px){
    .cookies .cookiemsg{margin:0 20px!important; font-size:12px; padding:20px!important}
    .btncookies{font-size:12px; padding:2px 10px;}
    .cookies .cookiemsg .close{right:-15px;}
}

/*==============================
     25. Eventos javascript
==============================*/

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



/*==============================
		   NUEVO 2022
==============================*/

/*Barras de scroll*/
.mini-scrollbar::-webkit-scrollbar {width:4px; height:4px;}
.mini-scrollbar::-webkit-scrollbar-track {background: transparent; border-radius:2px; margin-top:4px; margin-bottom:4px;}
.mini-scrollbar::-webkit-scrollbar-thumb {background-color:#666666; border-radius:2px;}
.mini-scrollbar::-webkit-scrollbar-thumb:hover {background-color:#303030}
.mini-scrollbar {scrollbar-width: thin; scrollbar-color: #666666 transparent;}/*firefox*/
.mini-scrollbar * {scrollbar-width: thin; scrollbar-color: #666666 transparent;}/*firefox*/

.mtb{margin: 5px 0px}

.zona-buscador-piezas{width:100%; margin:0px; border-top:1px solid white; padding:15px 0px; background: #1c1c1c; /*background: linear-gradient(0deg, #000 0%, #3a3a3a 80%);*/ color: #cccccc;}

.btnsearch.min{padding: 10px 25px;}
.btnsearch.min.flaticon-lupa{font-size: 1em;}

select:focus > option:checked {background: #023985 !important;}

.vehiculo-ficha {max-width: 1000px; background:rgba(255,255,255,0.5); background-image:none;}


.compartir-facebook {background-color: #3b5998; background-image: url(../images/facebook.svg); background-position:center; background-repeat:no-repeat; background:##3b5998 url(../images/facebook.svg);}
.compartir-twitter {background-color: #55acee; background-image: url(../images/twitter.svg); background-position:center; background-repeat:no-repeat;}
.compartir-telegram{background-color:#517da2; background-image: url(../images/telegram.svg); background-position:center; background-repeat:no-repeat;}
.compartir-whatsapp{background-color:#00c144; background-image: url(../images/whatsapp.svg); background-position:center; background-repeat:no-repeat;}
.compartir-instagram{background-color:#eb4d4e; background-image: url(../images/instagram.svg); background-position:center; background-repeat:no-repeat;}
.compartir-youtube{background-color:#de2021; background-image: url(../images/youtube.svg); background-position:center; background-repeat:no-repeat;}

.share.mini a{width:30px; height:30px; line-height:140%; color:white; opacity:1; font-size:0.875em; border-radius: 0%;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.share.mini a span{left:-32px; right:-32px;;}
.share.mini a:hover span {bottom:35px;}