﻿/*=========================
		  CUSTOM
=========================*/


body{
	color: #000;
    background:#FFF url(../images/tile-background.gif) repeat;
    background-attachment: fixed;
}

a{color: #cccccc;}
a:hover, a:focus {color: #cccccc;}

.title:before{border-left:3px solid #d69500;}

.fondo-negro{background:#000}
.fondo-negro .title, .contenido-modal .title{ color: #FFF } 
.fntborde{text-shadow: -1px 0 rgba(0,0,0,0.5), 0 1px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.5), 0 -1px rgba(0,0,0,0.5);}

.boton::after {content: "";margin-left: 0px;}
.btn::after {content: "";margin-left: 0px;}

.icono-play{font-size:4.5em; color:white;}

.icono-productos{font-size:1.5em; vertical-align:middle;}
.col12 .centable .blanco{ color: #000 }article .btn.marron{ background: #000 }
.precio {font-size:1.5em; color: #d18901; line-height:140%; text-decoration: none; margin:5px 0 15px 0;}
.precio.big{font-size:1.75em;}

.number-info{position:absolute; top:-6px; right:15px; background:#d69500; 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;}
.btn-top i.flaticon-usuario, .btn-top i.flaticon-candado{margin-right:20px;}
.btn-top i.flaticon-lupa{margin-right:20px;}


.logo.abajo img{max-width:150px;}
.fondo-pie{background-image: none;  background-color:black; padding:80px 0 80px 0; color:white; margin:30px 0;}

.idioma{text-align:right;}

.lnkaba li {color:#fff; padding:1px 0 0 5px;}
.lnkaba li:before{content: "";}
.lnkaba li a{ color:#f2f2f2;}
.lnkaba li a:hover {color:#fff}


.cajanegra.trans{background:rgba(0,0,0,0.2);}
.cajanegra.zonaprivada {border-top: 3px solid #d18901; padding: 20px 15px; border:0px; /*nuevo-> */background:none; padding:0px; border:0px;}
.cajanegra.max {max-width: 700px; padding: 40px; border-top: 3px solid #d18901;}

.cajanegra.sinborde{ border:0px; background-image: linear-gradient(to bottom, #000 0%, #111 33%, #000 100%);}

.msg-form.amarillo {
    background: #f5d79e;
    border: 0px solid #bb9f6a;
    color: #333;
}

.msg-form.colordest {
    background: #d18901;
    border: 0px solid #bb9f6a;
    color: #fff;
}

@media (max-width: 991px) {
	.idioma{text-align:center; margin-top:10px}
	.logo.abajo{margin:0 auto;}
}

@media (max-width: 768px) {
	/*.btn-top i.flaticon-cesta, .btn-top i.flaticon-carrito{margin:0px; margin-right:5px;}
	.btn-top i.flaticon-share, .btn-top i.flaticon-lupa, .btn-top i.flaticon-usuario{margin:0px; margin-right:10px;}
	.btn-top i.flaticon-email{margin-right:20px;}*/
	.btn-top i.flaticon-cesta, .btn-top i.flaticon-carrito{margin-right:20px;}
	.number-info{top:-6px; right:10px;}

}

/*=========================
      Img 100% vídeo
=========================*/


.video-slider-subtext{font: normal 3.5em 'Fjalla One', Arial, Helvetica, sans-serif; color:white; max-width:500px}
.video-slider-subtext span{background:#000; padding:5px 10px 0px 10px}
.video-slider-subtext strong{color:#d18901; font-weight:normal;}

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

.video-slidercontent {display: block !important; color:white; font-family: Arial, Helvetica, sans-serif; justify-content: center;}
.video-innerslider {
	display: flex; justify-content: center; align-items: center; margin: auto; position: absolute; z-index: 1; width: 100%; height: 100%;
	/*sombra interior abajo--> */-moz-box-shadow: inset 0 -10px 10px -10px #000000; -webkit-box-shadow: inset 0 -10px 10px -10px #000000; box-shadow: inset 0 -10px 10px -10px #000000;
}
.video-slidercontent {max-width:100%;}

@media (max-width: 991px) {
	.video-innerslider{justify-content: center;}
	.video-slidercontent{margin-left:0px; padding:20px}
	.video-slider-subtext {font-size:2.5em;}
}

/*=========================
 	     New Slider
=========================*/

.img100x100{position:relative; z-index:1; margin-top:84px}
.img100x100 {background-color: #666; clear: both; width: 100%; overflow: hidden;}
.img100x100 img{-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -o-transition-duration: 3s;}

.slidercontent {display: block !important; color:white;}
.innerslider {
	display: flex; justify-content: left; align-items: center; margin: auto; position: absolute; z-index: 1; width: 100%; height: 100%; /*background: url(../images/pattern_black.png) repeat;*/
	/*sombra interior abajo--> */-moz-box-shadow: inset 0 -10px 10px -10px #000000; -webkit-box-shadow: inset 0 -10px 10px -10px #000000; box-shadow: inset 0 -10px 10px -10px #000000;	
}
.slidercontent {max-width:700px; margin-left:8%;}

.slider-text {font: normal 3.5em 'Fjalla One', Arial, Helvetica, sans-serif; color: #fff; letter-spacing: 0px; padding: 0; margin: auto; display:inline; text-shadow:1px 1px 10px rgba(0,0,0,0.7); text-transform:uppercase}
.slider-text span{background:#000; padding:5px 10px 0px 10px; text-shadow:none;}
.slider-text strong{color:#d18901; font-weight:normal;}

@media (max-width: 991px) {
	.innerslider{justify-content: center;}
	.slidercontent{margin-left:0px; padding:20px; max-width:100%; flex-basis: 100%;}
	.slider-text {font-size:2.5em;}
}
	
@media (min-width: 1400px) {
    .slidercontent {margin-left:10%;}
}

@media (min-width: 1600px) {
    .slidercontent {margin-left:15%;}
}

/*==============================
		NUEVOS ESTILOS
==============================*/

.zona-producto{position:relative; margin:0 auto; display:table}
.zona-texto-productos{font-family: 'Fjalla One', sans-serif; position:absolute; z-index:1; top:0px; left:0; right:0; color:white; text-align:center; font-size:1.75em; line-height:1em; font-weight:bold; background:black; padding:15px 5px;}

ul.menu-nuevo {border-bottom:2px solid #fff;}

ul.menu-nuevo li{font-family:'Arial'; display:block; line-height:1; padding:8px 10px; font-size:1.25em; color:#fff; border-bottom:0px solid #fff;}
ul.menu-nuevo li a{color:#fff;}
/*ul.menu-nuevo li:hover{text-decoration:none; color:#000; background-color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
ul.menu-nuevo li.active{font-weight:bold;}*/

ul.menu-nuevo li{border-bottom:0px solid #fff;}
ul.menu-nuevo li ul { margin-top:10px;}
ul.menu-nuevo li ul li{border-bottom:0px solid #fff; font-size:0.775em;}
ul.menu-nuevo li ul li a{padding:10px 0px;}
ul.menu-nuevo li ul li.active{color:#000; background-color:#fff}
ul.menu-nuevo li ul li.active a{color:#000;}

.idiomabajo{text-align:right}

.title.min{font-size:1.5em;}

.parallax-fondos.med {padding: 4em 0em;}

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

.icono-contacto {font-size: 1.5em; vertical-align: bottom; line-height: 0.01;}

.position-sticky{position:sticky !important; top: 120px;}

.imgsubvencion{width:220px}

.btn.bordered, .btn.bordered:focus{background: #000; border:1px solid #000}
.btn.bordered:hover {color: #fff; background:inherit;border:1px solid #d18901}
.btn.bordered:before {background: #d18901; }

.txtmin.negro, .txtmin.negro a, .txtmin.negro a:hover, .txtmin.negro a:focus{color:black;}

.zona-imglados-text{padding:40px}
.fondo-rojo{background:#4e0b07}
.fondo-marron{background:#2b120a}
.fondo-verde{background:#222c02}
.fondo-colordest{background:#d18901}

.txtquote.mtb-s-size{margin:15px 0;}

.boton, boton:focus, .btn, .btn:focus, .btn::before, .btn.borde, .btn.borde:focus {border-radius:0px !important;}

.noradius{border-radius:0px !important;}
.banner-box{background-color: rgba(0,0,0,1);}.banner-box .subtitle{ color: #FFF }
.banner-box:hover{background-color: #0f0f0f;}

.banner-box .ban-icon {line-height: 96px;}
.banner-box .ban-icon i, .banner-box .number {font-size: 2.7em;}

.fondparallaxhoreca{background-image: url(../images/fondoparallaxhoreca.jpg);}

.formoscuro{background-color: #161616 !important;}
.formtransp{background-color: rgba(231, 231, 231, 0.8) !important;}

select.formtransp option{background-color: rgba(33,33,33,1) !important; border-radius:0px !important; border:0px solid transparent !important;}

@media (max-width: 991px) {
	.position-sticky{position:relative !important; top:0}
	.idiomabajo{text-align:center}
	.zona-texto-productos{font-size:1.5em; top:0px;}
}
@media (max-width: 767px) {
	.zona-producto img{height:400px; margin-bottom:20px}
}

/*fecha tueste*/
.bloque-num{display:inline-block; color:#cccccc; position:relative;	border-radius:4px;	font-family:'Fjalla One', sans-serif; font-size: 1em; padding: 5px 8px; border:1px solid rgba(0,0,0,0.8); background:#1f1f1f; background-image: linear-gradient(to bottom, #333 0%, #1f1f1f 100%);}
.bloque-sep{display:inline-block; padding:10px 1px 8px 1px; font-family:'Fjalla One', sans-serif; font-size:1em; line-height:1em; vertical-align:top; color:#ccc;}
.bloque-num:after{content: ''; position:absolute; left:0; border:1px solid rgba(0,0,0,0.3); top:50%; width:100%}

/*sitemap*/
.sitemap {position: relative; margin:0 auto; display:table; list-style-type: none;margin-block-start: 0em; margin-block-end: 0em; padding-inline-start: 0px;}
.sitemap ul{list-style: none;}
.sitemap li{position: relative; /*padding: 1em; line-height:1;*/ padding-left: 1.5em; padding-top: 0.675em; padding-bottom: 0.975em;}
.sitemap li a:hover{text-decoration:underline;}
.sitemap li:after, .sitemap li:before{content: ""; position: absolute; top: 0; left: 0; border-width: 1px; z-index: 0;}
.sitemap li:after{top: 1.5em; left: -1.1em; width: 1.5em; border-top-style: solid;}
.sitemap li:before{position: absolute; top: 0; left: -1.1em; height: 150%; border-top-style: none; border-left-style: solid;}
.sitemap li:last-child::before{border-left: none;}

.portfolio-zoomin{position:relative;}
.zoomin_img {border:1px solid #171717; background:black}

/*estados*/
.dosporuno {position: absolute; bottom: 10px; right: 10px; z-index: 1; background: #d18901; font-size: 0.8125em; line-height: 1; padding: 3px 6px; color: white; text-align: center; min-width: 45px; border-radius: 2px; display: flex; align-items: center; justify-content: center;}
.dosporuno i{font-size:1.5em; margin-right:5px;}

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

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

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

.zona-date-table {background:#f2f2f2; background:rgba(0,0,0,0.03); 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: #FFF;
	line-height: 1.4em;
	text-decoration: none;
	border:1px solid #000;
	background:#000;
	padding:10px;
}


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

/*.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: #fff;
	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:80px; border:1px solid #3d3d3d;}

.btcompragrande{display:inline-block; text-align:center; margin-bottom:10px; border-width: 1px; border-style: solid; border-color: #f1c75c; 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;}

/*Añadir a Mi compra*/
.add-carro{position:fixed; z-index:1000; top:70px;/*60px*/ right:10px; border:1px solid rgba(0,0,0,1); padding:5px 10px 10px 10px; max-width:340px; min-width:320px;
	right: calc(50% - 600px + 20px); /*la mitad del tamaño máximo de pantalla definido en flexible*/ background:#000; background-image: linear-gradient(to bottom, #222222 0%, #000000 40%);
}

.cerrar{font-size: 1.25em; float:right; margin:5px 0 10px 0; color:#fff;}
.cerrar a{color:#fff;}
.cerrar a:hover{color:white;}

.img-add{width:100px; position:relative; border:1px solid #171717;}

.carrito_img {float:left; margin-bottom:10px;}
.carrito_txt {display:block; overflow: hidden; padding: 0px 0 0px 10px; }
.carrito_txt p.nombre{font-family: 'Fjalla One', sans-serif; font-weight:300; font-size:1.125em}
.carrito_txt p{line-height:150%; color:white;}

.addbtn{float:none; text-align:center; margin:0;z}
.addbtn a {display:block; font: normal 0.929em Arial, Helvetica, sans-serif; color: #fff; background: #404040; padding:10px 5px; text-decoration: none;}
.addbtn a:hover {color: #fff; background: #404040; text-decoration: none;}

.mini-cart {margin: 0; padding: 0; list-style: none; text-transform: none; max-height:230px; overflow:auto}
.mini-cart > li {border-bottom: 1px dotted rgba(0, 0, 0, 0.3); padding-bottom: 10px; margin-bottom: 15px;}
.mini-cart > li:last-child {border: none; padding-bottom: 0; margin-bottom: 0;}

/*boton seguir y finalizar*/
.btnpop {
	background: #d18901; color: #fff; font-size:0.75em; line-height:1; padding: 8px 10px; text-transform: uppercase; margin: 1px;
    -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; 
    display:inline-block; position:relative; min-width:46%;
}
.btnpop:hover, .btnpop:focus {color: #fff; background: #d18901;}

.btnpop.seguir{background:#674e46;}
.btnpop.seguir:hover {color: #fff; background: #674e46;}

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

@media(min-width:1500px){.add-carro{right: calc(50% - 750px + 20px);}}


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

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

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

.blockmenu.privado, .blockmenu.privado li{border:none; background:#000}
.blockmenu.privado li.active a, .blockmenu.privado li.active a:hover, .blockmenu.privado li.active a:focus{background-color: rgba(0,0,0,0.08);color:#d18901;}

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

/*promo*/
.promo-box{background:#d18901; padding:12px 15px; border: 1px dashed black; min-width:270px; max-width:270px; text-align:center; line-height:120%; color:black; display:inline-block; margin: 0px 0px 10px 0px; position:relative;}
.promo-box .infobox{cursor:help;position:absolute; right:5px; top:5px; z-index:1;}

.promo-box .infobox .tooltiptext {visibility: hidden; width: 260px; /*background-color: white; color: #000;*/ text-align: center; right:-7px; top:22px; padding: 5px; border-radius: 4px; position: absolute; z-index: 12; text-align:left;}
.promo-box .infobox:hover .tooltiptext {visibility: visible;}

.cajatri {position: relative; background: #ffffff; padding: 5px; margin-top: 0px; border-radius: 3px;}

.cajatri:before, .cajatri:after {content: ''; position: absolute; bottom: 100%; right: 0px;}
.cajatri:after {right: 5px; border: 6px solid transparent; border-bottom-color: #ffffff;}


/*=========================
		   Share
=========================*/

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

/*mensaje hover share*/
.share a span {color:#666; position:absolute; bottom:0; left:-30px; right:-30px; padding:6px 2px 6px 2px; z-index:10; font-size:0.75em; border-radius:2px; background:#eff2f7; 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 #eff2f7; position:absolute; bottom:-5px; left:40px; }
.share a:hover span {bottom:45px; visibility:visible; opacity:1;}

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

/*redes sociales*/
.facebook,.twitter,.linkedin,.pinterest,.telegram,.whatsapp,.instagram,.youtube {background-color: #161616; border:1px solid #3d3d3d;}

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

/*share redondo*/
.share.rounded {border-radius:50%;}

/*share mini*/
.share.mini a{width:30px; height:30px; line-height:110%; color:white; opacity:1; font-size:0.875em;
	-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;}
/*.share.mini .facebook:hover, .share.mini .twitter:hover, .share.mini .instagram:hover, .share.mini .youtube:hover, .share.mini .telegram:hover, .share.mini .whatsapp:hover{background-color: #7f8dff;}*/

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

/*miniform*/
.numform{
	display: inline-block;
	border: 1px solid #3d3d3d;
	background: #161616;
	color: #ccc;
	padding: 15px 5px;
	width:45px;
	margin-right:0px;
	text-align:center;
	min-width:45px;
	min-width:45px\9;/*Hack IE6, IE7, IE8, IE9 */
}

.numform::-moz-placeholder {color: #ccc; opacity: 1;}
.numform:-ms-input-placeholder {color: #ccc;}
.numform::-webkit-input-placeholder {color: #ccc;}

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

select option:hover{color: #ffffff; background:#d18901;}

/*newsletter*/
.boletin-form {display: flex; flex-direction: column; gap: 0px; margin-top: 0px;}

input[type=email] {border: 0; outline: 0; padding: 15px 15px; border-radius: 0px; border: 1px solid #fff; background:white; color:black; font-size:0.9375em;}

.boletin-btn {border: none; outline: none; background: transparent; background-color: black; padding: 15px 15px; color: white; border-radius:0px; cursor: pointer; font-weight:normal;}

@media (min-width: 550px) {
   .boletin-form {flex-direction: row; gap: 0px; justify-content: center;}
   input[type=email] {flex: 0 0 70%;}
}

/*==============================
    	Notificaciones
==============================*/

/*Mensaje con efecto aparece arriba*/
#infotopbar{width: 100%; margin: 0; display: table; text-align: center; font-size: 0.9375em; padding: .33em 30px; -webkit-font-smoothing: antialiased; color: #fff; position: absolute; z-index:21000; background-color: #d18901; box-shadow: 0 1px 3px 2px rgba(0,0,0,0.15); visibility: hidden;}
#infotopbar > a{color:white;}
.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: #fff; font-size: 1.75em;}
.infotopbar-close:hover < #infotopbar {top: -100px; -webkit-transition: top 1s; visibility: hidden;}

/*animación infotopbar - 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 infotopbar - 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%);}}


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

body.noimagen{background:#101010;}


/*zona texto enriquecido*/
.zona-descripcion {max-width:890px; margin:0 auto;}
.zona-descripcion.s-size{font-size:0.9375em;}
.zona-descripcion a{text-decoration:underline;}
.zona-descripcion h1 a{text-decoration:none;}
.zona-descripcion img{display:auto; width:auto; max-width: 100% !important; height: auto !important; min-width:40px !important; margin: 5px 5px 5px 0;}
.zona-descripcion hr{border: 0; height: 1px; background: #dbdfea;}
.zona-descripcion ul{ margin-top:20px; margin-bottom:20px;}
.zona-descripcion ul li, .zona-descripcion ol li{position: relative; left: 20px; padding:4px 0; margin-right:15px !important;list-style-type: square;}/*nuevo*/
.zona-descripcion ul.simplelist li {position: relative; left: 0px;}/*nuevo*/

/*blockquote*/
blockquote {width:100%; background-color: #000; font-size:1.2em; font-style:italic; color:#ccc; display: block; margin:1em 0; padding:30px 25px; border-left:3px solid #d18901; position: relative;}
.blockquote-footer {display: block; font-size: 80%; color: #999; margin-top:10px}
.blockquote-footer::before {content: "\2014\00A0";}
.blockquote-reverse {border-left: 0; border-right: 3px solid #d18901; text-align: right;}

/*contenido centrado maxwidth*/
.parrafo-centrado, .contenido-maxwidth{max-width:850px; margin:0 auto;}
.parrafo-centrado.xl-size, .contenido-maxwidth.xl-size{max-width:1400px;}
.parrafo-centrado.l-size, .contenido-maxwidth.l-size{max-width:1200px;}
.parrafo-centrado.s-size, .contenido-maxwidth.s-size{max-width:640px;}
.parrafo-centrado.xs-size, .contenido-maxwidth.xs-size{max-width:520px;}


