@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Oswald:300');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Raleway:100');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;900&display=swap');

html, body {height: 100%;font-family: 'Raleway', sans-serif;background: #efefef !important;}
body{background-color: transparent;/*background-color: #f3f4f5;*/}

.negrita {font-weight: bolder !important;}
.migas {}
.oswald {font-family: 'Oswald', sans-serif !important;}
.roboto {font-family: 'Roboto', sans-serif !important;font-weight:400 !important;}
.roboto500 {font-family: 'Roboto', sans-serif !important;font-weight:500 !important;}
.roboto900 {font-family: 'Roboto', sans-serif !important;font-weight:900 !important;}
.Raleway {font-family: 'Raleway', sans-serif !important;}
.fondo {background: url("../images/index/fondo.jpg") repeat fixed center;}
.bgblanco {background-color: #fff;}
.bgnegro {background-color: #000 !important;}
.bgrojo {background-color: #d9534f !important;}
.fnd_JMB {background-color: #ce0000 !important;}
.bbwhite {border-bottom: 2px solid #fff;}
.bb {border-top: 1px dashed #ebebeb;}
.lh2 {line-height: 2em !important;}
.lh1 {line-height: 1em !important;}
.m0{margin: 0 !important;}
.mt0{margin-top: 0 !important;}
.mt5 {margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mlr10{margin: 0 10px !important;}
.ptb6 {padding: 6px 0 !important;}
.ptb10 {padding: 10px 0 !important;}
.mtb10 {margin: 10px 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb50{padding-bottom: 50px;}
.pt2 {padding-top: 2px;}
.pt10{padding-top: 10px;}
.ptdesde{padding-top: 13px !important;}
.pt20{padding-top: 20px;}
.mr10{margin-right: 10px;z-index: 20;}
.mr20{margin-right: 20px !important;}
.ml0{margin-left: 0 !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.p0{padding: 0 !important;}
.pl20 {padding-left: 20px !important;}
.pl35 {padding-left:35px !important}
.pad10 {padding: 10px !important;}
.p8 {padding: 8px !important;}
.p10 {padding: 0 10px 0px 10px !important;}
.p20 {padding: 20px !important;}
.tac {text-align: center !important;}
.amarillo {/*color: #e7bb67 !important;*/color: #fff !important;}
.w100 {width: 100% !important;}
.w100px {width: 100px !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.h30 {height: 30px}
.maxh38 {max-height:38px; overflow: hidden;/*height: 38px;*/}
.maxh45 {max-height:45px; overflow: hidden;height: 45px;}
.maxh50 {max-height:50px; overflow: hidden;height: 50px;}
.maxh60 {max-height:58px; overflow: hidden;height: 60px;}
.minh42 {min-height:42px;}
.minh50 {min-height:50px;}
.minw40 {min-width:40px;}
.w100{width: 100%;}
.w50{width: 50%;}
.w0{margin: 0 !important;padding: 0 !important;}
.fw100 {font-weight:100 !important;}
.rojo{border-top: 1px dotted #d9534f !important;}
.txtrojo{color: #d9534f !important;}
.txtblanco{color: #fff !important;}
.txtgris{color: #666 !important;font-weight: 300;}
.txtcookies{color: #666 !important;font-weight: 300;text-transform: capitalize;font-size: 14px !important;padding: 0px 15px !important;}
.txtpestanas{color: #666 !important;font-weight: 300;text-transform:none;font-size: 17px !important;padding: 0px 15px !important;font-family: 'Oswald', sans-serif;}
.tachado{text-decoration:line-through;}
.letra p {text-transform: lowercase;text-decoration: underline;/*color: cornflowerblue !important;*/}
.letra p:first-letter {text-transform: uppercase;}
/*.letra a {color: cornflowerblue !important;}*/
.let p {
    text-transform: lowercase;
}

.let p:first-letter {
    text-transform: uppercase;
}
.oracion h2 {text-transform: lowercase;}
.oracion h2:first-letter {text-transform: uppercase;}
.todos a {
    background: white;
    color: black !important;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#avisolegal a {color: #01b8d6 !important;}
#avisolegal h3 {font-family: 'Oswald', sans-serif !important;}
.degradado {background: rgb(148,164,233);
background: -moz-linear-gradient(180deg, rgba(148,164,233,0) 0%, rgba(190,210,220,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(148,164,233,0) 0%, rgba(190,210,220,1) 100%);
background: linear-gradient(180deg, rgba(148,164,233,0) 0%, rgba(190,210,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#94a4e9",endColorstr="#bed2dc",GradientType=1);}
.small, small {
    font-weight: 400 !important;
}


/* SPINNERS */

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
    margin-bottom: 3px;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

.btn.disabled, .btn:disabled {
    opacity: .65;
}

/* FIN SPINNERS */


.subrayado {text-decoration: underline !important;}
.subrayado2, .subrayado2 a, .subrayado2 a:hover, .subrayado2 a:visited {text-decoration: underline !important;color: #212529;}
#cest_blo2 h5{line-height:1em !important;}
.textoG {font-size: large;}
.rojoC{color: #f2b0ad;}
.btc {border-top: 5px solid #C11035;}
.baja {margin-top: 175px;}
.baja_portada {margin-top: 125px;}
.marca1 {font-weight: 300;font-size: 14px;color: #adadb2;font-style: italic;}
.fading-side-menu {color: #000;font-size: medium;font-weight: 300;}
.comprainput {border: 0 !important;box-shadow: none !important;width:100%}
.bgsearch {/*background-color: #f3f3f3 !important;*/border: 1px solid #dee2e6 !important;border-radius: 24px;line-height: 1;}
.autocompletado {font-family: sans-serif !important;}
.badge {white-space: normal !important;}
.badgecarrito {
	padding: 0.5em !important;
    font-size: 74% !important;
    font-weight: 500 !important;
    line-height: 0.5 !important;
    top: -3px !important;
    left: -3px;
}
.badge-dark {
    background-color: #232f3e !important;
}
.carac_ficha {border: 2px solid #c2c2c2 !important; padding:8px !important;background-color: ghostwhite !important;margin-top:0px !important;border-radius:5px;}
.carac_ficha2 {border: 2px solid #C11035 !important; padding:8px !important;background-color: #a94442 !important;margin-top:0px !important;border-radius:5px;color: #fff !important;}
.carac_ficha3 {border: 2px solid #000 !important; padding:8px !important;background-color: #333 !important;margin-top:0px !important;border-radius:5px;color: #fff !important;}


.column {float:left;width: 50%;}
.column-right {float:right;width: 48%;}

.column01 {float:left;width: 70%;}
.column02 {float:right;width: 28%;}
.colortitlePDF {
	background: rgb(51,51,51);
	background: -moz-linear-gradient(90deg, rgba(51,51,51,1) 50%, rgba(246,246,246,1) 85%);
	background: -webkit-linear-gradient(90deg, rgba(51,51,51,1) 50%, rgba(246,246,246,1) 85%);
	background: linear-gradient(90deg, rgba(51,51,51,1) 50%, rgba(246,246,246,1) 85%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#f6f6f6",GradientType=1);
}

#attributes .attribute_list div.radio, #attributes .attribute_list div.radio span, #attributes .attribute_list div.radio input {float: none;display: inline-block;}
#foto{min-width: 330px;}
#usuario, #usuarioB2B{
	text-align: left;
	font-size: 14px;
	color: #000;
	}

#usuario_M{margin: 5px 10px 10px 5px;text-align: center;font-size: 12px;font-weight: normal;color: #C11035;}
#usuario{float: left;}
#usuario_div01 {width: 100%;clear: both;padding-bottom: 10px;padding-top: 10px;}
#usuario_div02 {width: 150px;float: left;padding-left: 40px;}
#usuario_div03 {width: 120px;float: left;}
#indicador{float:right;padding-left:5px;color: #C11035;}

.fnd-cabecera {
    /*background: rgba(190,210,220,1);
    background: -moz-linear-gradient(top, rgba(190,210,220,1) 0%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,210,220,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(190,210,220,1) 0%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(190,210,220,1) 0%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(190,210,220,1) 0%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(190,210,220,1) 0%, rgba(254,254,254,1) 100%);*/

	background-color: rgba(190,210,220,1);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );}

.qty, .qty_ficha {
    float: left;
    padding: 0;
    text-align: center;
    border-right: 0;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border: 1px solid #ececec !important;
    outline: 1px solid #ccc !important;
    outline-offset: 0;
    font-size: 15px;
    font-weight: 500;
}
.qty {height: 38px !important;width: 100%;border: 0 !important;box-shadow: none !important;}
.qty_ficha {height: 26px !important;margin-left: 20px;}
.comprablanco:hover, .comprablanco select, .comprablanco:focus, .comprablanco:active {background-color: #fff !important;border: 1px solid #d9534f;}
.breadcrumb {padding: 15px 0;margin-bottom: 0 !important;font-size: 14px !important;color: #666;background-color: transparent !important;font-family: 'Roboto';font-weight:200;}
.breadcrumb-item+.breadcrumb-item::before {content: ">" !important;font-family: 'Raleway';}
option {font-size: .9rem !important;}

/* Barra Navegador */
.navbar {margin-bottom: 0 !important;}
.navbar-light .navbar-nav>.open>a, .navbar-light .navbar-nav>.open>a:focus, .navbar-light .navbar-nav>.open>a:hover {color: #555;background-color: transparent; !important;}
.navbar-form {margin-top: 0 !important;margin-bottom: 0 !important;}
.nav-tabs .nav-link {white-space: normal;padding: 0.3rem 1rem !important;}

/*.tab-content {background-color: white;}*/

#nav1 .caret {position: relative;}
#nav1 .caret:before {content: '';position: absolute;top: -4px;left: -5px;border-top: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;}
#nav1 .caret:after {content: '';position: absolute;left: -3px;top: -4px;border-top: 3px solid #434142;border-left: 3px solid transparent;border-right: 3px solid transparent;}
.nav-tabs .nav-item {color: #000 !important;font-family: 'Oswald', sans-serif !important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {color: #212529 !important;}

.fa-angle-down:before {
    content: "\f107";
}

.accordion .card .card-header button:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Flechas dropdown */
.dropdown-toggle::after {
    margin-left: 0.255em;
	margin-right: 0.8em;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
	font-family: "Font Awesome 5 Free";
	content: "\f078" !important;
	padding-right: 3px;
	vertical-align: baseline !important;
	font-weight: 900;
	float: right;
}

.dropdown-toggle.collapsed::after {
    margin-left: 0.255em;
	margin-right: 0.8em;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
	font-family: "Font Awesome 5 Free";
	content: "\f077" !important;
	padding-right: 3px;
	vertical-align: baseline !important;
	font-weight: 900;
	float: right;
}

.panel-body {background-color: #f9f9f9 !important;}
.ftr .panel-body {padding: 10px 15px !important;}
.ftr .card-header {background-color: #f5f5f5 !important;border-bottom: none !important;}
#filtros input[type=checkbox], input[type=radio] {
    width: 1.2rem !important;
    height: 1.2rem !important;
	vertical-align: sub;
}
.card {border:1px solid #ddd;transition: box-shadow 300ms;}
.card:hover {border:1px solid #aaa;transition: border .5s;box-shadow: 0 6px 20px rgba(18,42,68,0.2);}
/*.card-header, .card-body {font-family: 'Oswald', sans-serif !important;}*/
.card-body {font-family: Raleway !important;}
.panel-default {border: 2px solid #ecedef !important;}
.panel-group .panel-heading {background-color: #eee !important;padding: 5px 10px !important;}
#gust_img img:hover {border:1px solid #aaa !important;}

.botoncesta {position: relative;bottom: 2px;}
.fill {min-height: 100%;}
#precio input:disabled{background-color: #fff !important;}
#vendidos .alert{margin-top: 5px;}
#mostrar_cesta .media-left img{width: 80px !important;max-width: 30px !important;margin: 0 5px;border: 1px solid #ce4844;}
.cestpad{margin: 8px 0 0 4px;}
hr {border-top: 1px dotted #d7d8dc !important;}
.redes {padding: 0 5px !important;}
.mcesta {margin: 10px 20px !important;}
.articulo {font-weight: 300; color: #fff;}
.Btranp {background-color: transparent !important;}
.corazon {margin: 0 !important;padding: 10px 0 0 0 !important;}
.total {background-color: #5cb85c; color: #fff;}
.tdn {text-decoration: none !important;}
.pag, .pag a {padding: 2px;text-align: center;font-weight: 300;color: #000 !important;}
.pagsel, .pagsel a {padding: 2px; background-color: #d9534f;text-align: center;color: #fff !important;font-weight: 300;}
.conFondoListaDetalle {padding: 5px;border: 1px solid #d9534f;background-color: none;}
.sinFondoListaDetalle {padding: 5px;background-color: none;}
.iconoCAB {background-color: transparent !important;border-color:transparent !important;width:65px;padding: .25rem !important;}
.iconoCABmov {background-color: transparent !important;border-color:transparent !important;padding:0.15rem !important;}
#icono {display: inline-table;}
#icono img{width: 26px !important;}
#imgAvatar {width: 55px;height: 55px;cursor: pointer;border: 0;}
#icono_M {margin: 0 3px 0 3px;margin-bottom: 10px;background-color: #fff;border-radius: 8px !important;width: 30px !important;height: 30px !important;text-align: center;border: 1px solid #ccc !important;display: inline-block;}
#icono_M:hover{border: 2px solid #c11035;background-color: #eed5da;}
#icono_M img{width: 20px !important;padding-top: 4px !important;}
#iconoG {float: right;background-color: #fff;border-radius: 8px !important;width: 30px !important;height: 30px !important;text-align: center;border: 1px solid #ccc !important;margin-top: 4px;}
#iconoG:hover{border: 2px solid #c11035;background-color: #eed5da;}
#iconoG img{width: 28px !important;height: 28px !important;overflow: hidden;}
#iconoM {/*width: 30px !important;*/}
#iconoM img{width: 22px !important;height: 28px !important;overflow: hidden;}
.iconoSUP {width: 10px; height:10px; padding-bottom:2px;}
.icono {border: 1px solid #6e747e;border-radius: 5px;background-color:aliceblue;width:70px;text-align:center;box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.icono:hover {background-color: #ffffff;}
.precio1, .precio3 {font-weight: 500 !important;font-size: 25px;text-align: right;}
.preciodesde {font-weight: 500 !important;font-size: 10px;text-align: left;}
.precio3 {color: #fff;}
.popover-content {text-align: center !important;}

/* Pop overs */
.popover-header {padding: 8px 14px;background-color: #f7f7f7;border-bottom: 1px solid #ebebeb;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
.popover-title {margin: 0;padding: 0;background-color: transparent;border: none;}
/*.limite {max-width: 100% !important;width: 100%;padding: 80px;}*/
.limite2 {max-width: 100px !important}
.example-popovers {padding: 5px 0 0 0;}
.acenter {text-align: left;margin: 0;}
.cupon {padding: 0.25rem 3.25rem 0.25rem 1.25rem !important;}
.cuponClose {padding: 0.25rem 1.25rem !important;}

/* Footer */
.footer1 {background-color: #f4f4f4 !important;border-top: 5px solid #eee;}
.footer-bottom {background-color: #222;min-height: 30px;width: 100%;font-weight: 100;}
.footer1 a {color: #333;}
.copyright {color: #fff;line-height: 30px;min-height: 30px;padding: 7px 0;font-family: 'Oswald', sans-serif;}
.design {color: #fff;line-height: 30px;min-height: 30px;padding: 7px 0;text-align: right;font-family: 'Oswald', sans-serif;}
.design a {color: #fff !important;}
#footer .panel-group {width: 95% !important;}

.pagination a, .navbar-text {color: #000 !important;}
.breadcrumb a {font-family: 'Roboto' !important;color: #3a66ac !important;font-weight: 500;}
.breadcrumb a {text-decoration:underline;font-family: 'Roboto' !important;}
.tachado{text-decoration:line-through;color: #999;}
.custom-file-input ~ .custom-file-label::after {content: "Seleccionar";}

.tit_JMB {border: 1px solid #ce0000 !important;color: #ce0000 !important;background-color: transparent !important;font-weight:500 !important;}
.title-widget {color: #333;font-size: 20px;font-weight: 500;line-height: 1;position: relative;text-transform: uppercase;margin-top: 0;margin-right: 0;margin-bottom: 25px;margin-left: 0;padding-left: 18px;font-family: 'Oswald', sans-serif !important;}
.title-widget::before {background-color: #333;content: "";height: 22px;left: 0px;position: absolute;top: -2px;width: 5px;}
.title-median {color: #636363;font-size: 20px;line-height: 20px;margin: 0 0 15px;text-transform: uppercase;}
.titulo{color: #333 !important;text-decoration: none !important;}

.widget_nav_menu ul {list-style: outside none none;padding-left: 0;}
.widget_archive ul li {background-color: rgba(0, 0, 0, 0.3);content: "";height: 3px;left: 0;position: absolute;top: 7px;width: 3px;}
.widget_nav_menu ul li {font-size: 13px;font-weight: 700;line-height: 20px;position: relative;text-transform: uppercase;border-bottom: 1px solid rgba(0, 0, 0, 0.05);margin-bottom: 7px;width:95%;}
.nomargin { margin:0px; padding:0px;}

/* Catálogo */
#carouselImagenes {cursor:pointer;}
.thumbnail {border-radius: 10px !important;border: 1px solid #eee !important;display: inline-block !important;overflow: hidden;cursor:pointer;}
.thumbnail:hover {border: 1px solid;box-shadow: rgb(195, 195, 195) 0px 10px 14px -7px;border-radius: 10px !important;}
.thumbnail:hover, .thumbnail:focus{border-color: #ddd !important;border-radius: 0px !important;border-radius: 10px !important;}
#catalogo .thumbnail a > img, #catalogo .thumbnail > img {max-height: 360px;}
.thumbnail a {display:contents !important;}
.vista {padding: 5px !important;overflow: hidden}
.vas {vertical-align: super;}

.precio2 {font-size: 38px !important;}
.oferta {position: absolute !important;top: -8px;right: 15px;text-align: right;font-family: 'Oswald', sans-serif;letter-spacing: .05em;transform: skewX(-10deg);}
.novedad {position: absolute !important;top: -8px;left: 15px;text-align: right;font-family: 'Oswald', sans-serif;letter-spacing: .05em;transform: skewX(-10deg);}
.top {position: absolute !important;top: -8px;left: 15px;text-align: right;font-family: 'Oswald', sans-serif;letter-spacing: .05em;transform: skewX(-10deg);}
.badge-top {color: #fff;background-color: #2a81b7;}
.outlet {position: absolute !important;top: -8px;left: 15px;text-align: right;font-family: 'Oswald', sans-serif;letter-spacing: .05em;transform: skewX(-10deg);}
.ofertaBorde, .ofertaBorde:hover {border:2px solid #d9534f !important;}
.novedadBorde, .novedadBorde:hover {border: 2px solid #28a745 !important;}
.topBorde, .topBorde:hover {border: 2px solid #2a81b7 !important;}
.outletBorde, .outletBorde:hover {border: 2px solid #C11035 !important;}
.ambasBorde, .ambasBorde:hover {border: 2px solid #eee !important;}
.bannermarca {max-height: 300px !important;}
.bannerNovedad {
      min-width: 220px;
      height: 30px;
      position: relative;
      background: #28a745;
      background-image: linear-gradient(315deg, #90c03f 0, #7bb93a 16.67%, #62b133 33.33%, #43a62b 50%, #0f9b24 66.67%, #009222 83.33%, #008b24 100%);
      text-align:left;
      border-radius:3px;
      padding-left:10px;
      color:#fff;
    }
.bannerNovedad:after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      width: 0;
      height: 0;
      border-right: 20px solid #efefef;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
    }

.bannerOferta {
      min-width: 180px;
      height: 30px;
      position: relative;
      background: indianred;
      text-align:left;
      border-radius:3px;
      padding-left:10px;
      color:#fff;
    }
.bannerOferta:after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      width: 0;
      height: 0;
      border-right: 20px solid #efefef;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
    }

.bannerTop {
      min-width: 220px;
      height: 30px;
      position: relative;
      background: #2a81b7;
      text-align:left;
      border-radius:3px;
      padding-left:10px;
      color:#fff;
    }
.bannerTop:after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      width: 0;
      height: 0;
      border-right: 20px solid #efefef;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
    }


.outlet {position: absolute !important;top: -8px;left: 15px;text-align: right;font-family: 'Oswald', sans-serif;letter-spacing: .05em;}
/*.outlet {position:absolute;top:130px;left:10px;-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);-webkit-transform:rotate(-25deg);transform:rotate(-25deg);z-index:99;}*/
.outlet span {background-color: indianred !important;color:#ffffff !important;border:2px solid #C11035 !important;}

.pvp {font-size: small}
.texto {color: #000000 !important;text-align: justify !important;}
.textoResalte {color: #000;text-align: justify !important;font-weight: 500 !important;}
.textoblanco {color: #fff !important;text-align: justify !important;font-weight: 300 !important;font-size: 12px;padding: 5px;}
.textooferta {color: #dc3545 !important;text-align: center !important;font-weight: 300 !important;font-size: 12px;padding: 5px;border: 2px solid #d9534f !important;}
.textocesta {color: #d9534f !important;font-weight: 300 !important;}
.lineas {max-height: 250px !important;display: block !important;}

.formulario {border-radius: 10px !important;border: 1px solid #dee2e6 !important;padding: 20px;display: table;width: 100%;margin-bottom: 20px;margin-top: 10px;background-color: #ffffff;}
.registro {max-width: 750px;display: inline-block;box-shadow: 0 6px 20px rgba(18,42,68,0.2);}
.bs-callout-danger h4 {color: #ce4844;}
.bs-callout h4 {margin-top: 0;margin-bottom: 5px;}
.bs-callout-danger {border-left-color: #ce4844;}
.bs-callout {padding: 20px;margin: 0 0 20px 0;border: 1px solid #eee;border-left-width: 5px;border-radius: 3px;}
.widget_recent_news {margin-top: 20px;}

.caja_tit {max-height: 40px;overflow: hidden;}
#msn01{text-align: center;}
#cDireccionEnvioSeleccionada {font-family: 'Raleway', sans-serif !important;}
.msn {
	width: 100%;
	position: relative;
	display: flex;
	box-shadow: 0 6px 20px rgb(18 42 68 / 20%) !important;
	border-left-color: #484848!important;
	border-radius: 4px;
	border-left: 0.4rem solid transparent;
	padding: 1rem 1.75rem 1rem 0.75rem;
	color: #484848;
	font-size: 0.8rem;
	background-color: #e5eef3;
    border-color: #fdfdfe;
	/*margin-top: 20px !important;*/
	margin-bottom: 20px !important;
	font-family: 'Raleway', sans-serif !important;
	line-height: 1.3em;
	}
.alert {margin-bottom: 10px !important;}

.btn {font-family: oswald;font-weight: 300;}
.btn-circle {width: 35px !important;height: 35px !important;text-align: center !important;padding: 4px !important;font-size: 12px !important;line-height: 1.428571429 !important;border-radius: 20px !important;background-color:white !important;}
.btn-circle:hover {background-color:aliceblue !important;}
.btn-circle.btn-lg {width: 50px !important;height: 50px !important;padding: 10px 16px;font-size: 18px;line-height: 1.33;border-radius: 25px;}
.btn-circle.btn-xl {width: 45px !important;height: 45px !important;padding: 10px 16px;font-size: 24px;line-height: 1.33;border-radius: 35px;}
.btn-circle.btn-disp {width: 100%;height: 70px;padding: 10px 16px;font-size: 24px;line-height: 1.33;border-radius: 35px;}




.agregarproducto, .agregarproductovariantes, .productoconvariantes {/*padding:0 !important;line-height: 2.5 !important;*/font-weight: 200;text-transform: uppercase;vertical-align: top;font-size:16px;white-space: normal;line-height: 24px;padding: 0.375rem 0.55rem !important;}

/*.menu-fijo {position: fixed !important;top: 0;width: 100%;z-index:99;left:0;}
@media only screen and (max-width: 992px) {
        .menu-fijo {position: relative !important;}
}*/

.menuCAT {background-color: rgba(190,210,220,1);color: #212529 !important;border: 1px solid #212529 !important;}
.busqueda {border-bottom: 1px solid #bbb !important;-webkit-box-shadow: 0 0 1px rgb(26 32 36 / 32%), 0 4px 8px rgb(91 104 113 / 24%);box-shadow: 0 0 1px rgb(26 32 36 / 32%), 0 4px 8px rgb(91 104 113 / 24%);}
.typeahead {max-height: 300px !important;overflow: scroll;overflow-x: hidden;}

.mega-dropdown {position: static !important;}
.mega-dropdown-menu {padding: 20px 0px;width: 100%;box-shadow: none;-webkit-box-shadow: none;}
.mega-dropdown-menu > li > ul {padding: 0;margin: 0;}
.mega-dropdown-menu > li > ul > li {list-style: none;}
.mega-dropdown-menu > li > ul > li > a {display: block;padding: 0 20px;clear: both;font-weight: normal;line-height: 1.428571429;color: #999;white-space: normal;}
.mega-dropdown-menu > li > ul > li > a:hover, .mega-dropdown-menu > li > ul > li > a:focus {text-decoration: none;color: #444;background-color: #f5f5f5;}
.mega-dropdown-menu .dropdown-header {color: #333;font-size: 18px;font-weight: bold;}
.mega-dropdown-menu form {margin: 3px 20px;}
.mega-dropdown-menu .form-group {margin-bottom: 3px;}

.marca p {text-transform: lowercase;padding-top: 5px;margin-bottom: 0.4em !important;}
.marca p:first-letter {text-transform: uppercase;}

.marcam, .marcam a {text-align: -webkit-center;background-color: #fff !important;border: 1px solid #fff;padding: 3px;}
.marcam a:hover {border: 1px solid #ccc;}
.mega-dropdown {position: static !important;}
.mega-dropdown-menu {padding: 20px 0px;width: 100%;box-shadow: none;-webkit-box-shadow: none;}
.mega-dropdown-menu > ul {display: table !important;}
.mega-dropdown-menu > li {display: inline-table;float: none;vertical-align: top;}
.mega-dropdown-menu > li > ul {padding: 0;margin: 0;}
.mega-dropdown-menu > li > ul > li {list-style: none;}
.mega-dropdown-menu > li > ul > li > a {display: block;padding: 0 20px;clear: both;font-weight: normal;line-height: 1.428571429;color: #999;white-space: normal;}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {text-decoration: none;color: #444;background-color: #f5f5f5;}
.mega-dropdown-menu .dropdown-header {color: #333;font-size: 18px;font-weight: bold;border-bottom: 1px solid #333;margin-bottom: 10px;}
.mega-dropdown-menu form {margin: 3px 20px;}
.mega-dropdown-menu .form-group {margin-bottom: 3px;}

/* NUEVO MEGA MENU */
.megamenu-li {position: static;}
.megamenu-li a {font-family: sans-serif; !important;white-space:normal;}
.megamenu-li a:hover {background-color: #f5f5f5 !important;color: #333 !important;}
.megamenu-li a:active {background-color: rgba(190,210,220,1) !important;color: #333 !important;}
.megamenu {position: absolute;width: 100% !important;left: 0;right: 0;padding: 15px;}
.megamenu h5 {border-bottom: 1px solid #333;}
.megamenu h5 {border-bottom: 1px solid #333;}
.megamenu a {color: #999;font-size: 16px;font-weight: lighter;}
.dropdown-item {padding: .0rem 0.5rem !important; font-weight:100;}

.menuadicional {width: 300px !important;left: auto !important;}

.disponibilidad {
    box-shadow: rgb(255, 255, 255) 0px 1px 0px 0px inset;
    background: linear-gradient(rgb(255, 255, 255) 5%, rgb(246, 246, 246) 100%) rgb(255, 255, 255);
    border-radius: 6px;
    border: 1px solid rgb(220, 220, 220);
    display: inline-block;
    cursor: pointer;
    color: rgb(102, 102, 102);
    font-size: 15px;
    font-weight: 300;
    padding: 6px 24px;
    text-decoration: none;
    text-align: center;
    width: 100%;
    /* text-shadow: rgb(255, 255, 255) 0px 1px 0px; */
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align: middle;}
.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {padding: 0; font-family: sans-serif;}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.01) !important;
}
.odd {
    background-color: #eff4f7 !important;
}
.odd:hover {
    background-color: #ececec !important;
}
@media (min-width: 1200px) {
	.container {max-width: 1400px !important;}
}

@media only screen and (max-width: 768px) {
    ul.gallery {
        margin-left: 15vw;
        margin-right: 15vw;
    }

    /**TIP: Easy escape for touch screens,
    give gallery's parent container a cursor: pointer.**/
    .DivName {cursor: pointer;}
}

/* Slide */
.carousel-control-next, .carousel-control-prev {width: auto !important; opacity:100% !important;}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 65px;
    width: 55px;
    background-size: 100%, 100%;
    border-radius: 50%;
    background-image: none;
    font-family: 'Raleway', sans-serif !important;
}

.carousel-control-next-icon:after
{
    content: '>';
    font-size: 40px;
    font-weight: light;
    font-weight:400;
    color: #000;
	padding: 0px 10px 5px 10px;
	border: 1px solid #000;
	background-color: #fff;
	opacity: 60%;
}
.carousel-control-next-icon:hover:after, .carousel-control-prev-icon:hover:after{background-color: #ccc;}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 40px;
    font-weight: light;
    font-weight:400;
    color: #000;
	padding: 0px 10px 5px 10px;
	border: 1px solid #000;
	background-color: #fff;
	opacity: 60%;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
	display: inline-block;
}
.carousel-item {
    width: 100% !important;
}


@media screen and (min-width: 768px){
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -70px !important;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -70px !important;
    }
    .carousel-indicators {
        bottom: 0 !important;
    }
}
/* Fin de Slide */

@media (min-width: 768px){

    .modal-dialog {
        width: 800px;
        margin: 30px auto;
    }
}

.modal-open .modal {
    z-index: 1050 !important;
}
.modal-footer {
    margin-top: 20px !important;
}

#tallita {height: 30px;}
#tallita .nover {display: none;}

.cookies {background: rgba(0, 0, 0, .8);bottom:0;position:fixed;width:100%;border-top:2px solid white;}
.cookiestext {color:white;padding:10px;text-align:justify;font-weight: 300}
.cookiesbutton {float:right;margin:15px;padding:10px;background:none;color:white;}
.cookiesbutton:hover {background:white;color:black;}

/*  bhoechie tab */
div.bhoechie-tab-container{
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border:1px solid #ddd;
    margin-top: 20px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #333;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
    background-color: #333;
    background-image: #333;
    color: #ffffff;
    border-color: #333 !important;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #333;
}

div.bhoechie-tab-content{
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding-left: 20px;
    padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
    display: none;
}

/* Capa que sigue al scroll en Transfer */
.position-fixed {width: 250px;min-height: 120px;text-align: center;}
.img-transfer {width:175px;height:175px;}




/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    padding:10px;
    align-items: stretch;
    perspective: 1500px;
}


#sidebar {
    min-width: 250px;
    max-width: 250px;
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: bottom left;
}

#sidebar.active {
    margin-left: -250px;
    transform: rotateY(100deg);
}

a[data-toggle="collapse"] {
    position: relative;
}

#left_bar, #menuMiCuenta {
    padding: 0 20px;
    border-right: 1px solid #eee;
}

#menuMiCuenta .btn-outline-danger:not(:disabled):not(.disabled).active, #menuMiCuenta .btn-outline-danger:not(:disabled):not(.disabled):active, #menuMiCuenta .show>.btn-outline-danger.dropdown-toggle {
    color: #dc3545 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #dc3545 !important;
}

#menuMiCuenta .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #212529 !important;
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

#left_bar li ul li a, #menuMiCuenta li ul li a {
    white-space: inherit;
    font-family: 'Raleway' !important;
    font-weight: 400;
}

#menuMiCuenta li ul li {padding: 0 5px;}
#menuMiCuenta li ul li a:focus, #menuMiCuenta li ul li a:active, #menuMiCuenta li ul li a:disabled {
    background-color: rgba(190,210,220,1) !important;
	color: #333 !important;
}
#menuMiCuenta li ul li a:not(:disabled):not(.disabled).active, #menuMiCuenta li ul li a:not(:disabled):not(.disabled):active, .show>#menuMiCuenta li ul li a.dropdown-toggle {
     background-color: rgba(190,210,220,1) !important;
	 color: #333 !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content_micuenta {
    width: 100%;
    padding: 0 20px;
    min-height: 100vh;
    transition: all 0.3s;
}

#sidebarCollapse {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    cursor: pointer;
	border: 1px solid #343a40 !important;
	outline:none !important;
}

#sidebarCollapse span {
    width: 80%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: #555;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    transition-delay: 0.2s;
}

#sidebarCollapse span:first-of-type {
    transform: rotate(45deg) translate(2px, 2px);
}
#sidebarCollapse span:nth-of-type(2) {
    opacity: 0;
}
#sidebarCollapse span:last-of-type {
    transform: rotate(-45deg) translate(1px, -1px);
}


#sidebarCollapse.active span {
    transform: none;
    opacity: 1;
    margin: 5px auto;
}

/* ---------------------------------------------------
    TRANSFER
----------------------------------------------------- */
/*** Card */
.tam {
    -webkit-perspective: 500;
    perspective: 500;
    cursor: pointer;
    display: inline-block;
    margin: 0.5rem;
    /*border: 0px solid rgba(0,0,0,.125) !important;*/
    border-radius: .25rem;
    height: 110px;
    width: 100px;
    display: inline-block !important;
}

.tam:hover {
    border: 0px solid #ccc;
}
.tam:hover .inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.tam .inner {
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}

.front,
.back {
    height: 106px;
    width: 100%;
    display: inline-block !important;
}

.containerTrans {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.front,
.back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06);
    left: 0;
    position: absolute;
    top: 0;
    /*border: 1px solid rgba(0,0,0,.125);*/
    border-radius: .25rem;
}

.pantone-tm {
    color: #231f20;
    font-size: 1rem;
    font-weight: 400;
    margin: 0.5rem 0;
    position: relative;
    text-transform: uppercase;
}
.pantone-tm sup {
    font-size: 0.7rem;
    position: absolute;
}

.color-info {
    font-size: 0.8rem;
    font-weight: bold;
    margin: 0.5rem 0;
}

.btn-info {
    background-color: #3a66ac !important;
    border-color: #3a66ac !important;
}
.text-info {
    color: #3a66ac !important;
}
.badge-info {
	color: #ffffff !important;
    background-color: #3a66ac !important;
}
.border-info {
    border-color: #3a66ac !important;
}


.color-code {
    font-size: 0.8rem;
    margin: 0.5rem 0;
}

/*** Card front */
.front {
    z-index: 2;
}

.details {
    color: #fff;
    /*background-color: #fff;*/
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    border-radius: .25rem;
    min-height: 80px;
    /*margin: 2px;*/
    /*max-width: 96px;*/
}

.year {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: -28px;
}

.col_sel {border: 3px inset #fff !important;}

/*** Card back */
.back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    /*background-color: #fff;*/
    text-align: center;
}


/*** Card colors */
.pt-2019 .front, .pt-2019 .back {
    background-color: #F5B6CD;
}

.pt-2018 .front, .pt-2018 .back {
    background-color: #5f4b8b;
}

.pt-2017 .front, .pt-2017 .back {
    background-color: #88b04b;
}

.pt-2016 .front, .pt-2016 .back {
    background-color: #f7cac9;
}

.pt-2015 .front, .pt-2015 .back {
    background-color: #955251;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
        transform: rotateY(90deg);
    }
    #sidebar.active {
        margin-left: 0;
        transform: none;
    }
    #sidebarCollapse span:first-of-type,
    #sidebarCollapse span:nth-of-type(2),
    #sidebarCollapse span:last-of-type {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }
    #sidebarCollapse.active span {
        margin: 0 auto;
    }
    #sidebarCollapse.active span:first-of-type {
        transform: rotate(45deg) translate(2px, 2px);
    }
    #sidebarCollapse.active span:nth-of-type(2) {
        opacity: 0;
    }
    #sidebarCollapse.active span:last-of-type {
        transform: rotate(-45deg) translate(1px, -1px);
    }

}




/* -----------------------
        UNIFICACIÓN STYLES
        ------------------- */

/*html {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background: #fff !important;}*/

.transito{ cursor: pointer;}
.subcat {width: 100%;float: left;padding: 3px 0;clear: both;}

/* Estilos Banner */
.banner {width:100%;height:auto;margin-top:20px;}
#slides {display: none}


/* Fin Estilos Banner */

/* Estilos Tabs Pestañas */
.cont_pestana {background-color: #f4f4f4;padding: 15px;color: #333;border-top: 2px solid #c11035;float: left;width: 100%;}
.cont_micuenta {background-color: #fff;padding: 0;color: #333;border-top: 2px solid #c11035;float: left;	width: 100%;}


/* Estilos Oferta Portada */
#promo_portada1, #promo_portada2, #promo_portada3{float: left;}
#promo_portada1, #promo_portada3{width: 33%;}
#promo_portada2{width: 34%;}
.promo1x3{width: 33.3%;}
.promo2x3{width: 66.3%;}
.promo3x3{width: 100%;}
.promo1x3, .promo2x3, .promo3x3{float: left;text-align: center;padding: 10px;overflow: hidden;}
/* Fin Estilos Oferta Portada */

.linea{width:100%;margin:0 auto;background-color: #c11035;height: 1px;}
#cabecera{width:100%;background-color:#000;min-height: 111px;}
#bienvenido{
    max-width:980px;
    height:auto;
    margin:0 auto;
    background-color: #000;
    text-align:left;
    padding:0px;
    color: #fff;
    display: table;}

.modal-body {color: #333;}
.modal-header {
    font-family: sans-serif !important;
}

#logo{
    float:left;
    left:0px;
    top:0px;
    text-align:left;
    padding-left:15px;
    padding-top:0px;
    padding-top:0px\9;
    min-width: 350px;
    clear: left;
}

#lineamenu{float:left;padding-left:15px;}
.marcas a:hover{opacity: 0.5;}
.equip {width: 133px;float: left;position: relative;top: 47px;line-height: 1.2;display: block;padding-left: 15px;padding-top: 6px;}
.equip span {font-size: 12px;color: #fff;}

.avatar {
    /*float: left;
    margin-left: 10px;
    position: relative;
    top: 25px;
    display: block;
    overflow: hidden;
    padding: 55px 0 0 0 !important;*/

	float: right;
    margin-right: 10px;
    position: relative;
    top: 5px;
    display: block;
    border: 0 solid #000;
    overflow: hidden;
    padding: 0 !important;
    /*border: 3px solid #bcd2dc;*/
	border: 3px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%);
}

#redes{
    float:left;
    right:0;
    top:0;
    text-align:left;
    padding-left:0;
    padding-top:0;
    padding-top:0\9;
    width: 100%;
    margin-top: 0;
    background-color: #000;
}

#menuMAC{float:left;text-align:left;width: auto;height: 30px;padding-top: 30px;clear: right;}


.area:hover {background-color: #78001a;}
.area span {color: #fff;text-align: center;text-transform: uppercase;position: relative;top: 10px;display: block;}

.area_indi {
    width: 110px;
    height: 38px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
    float: right;
    background-color: #c11035;
    text-align: center;
    display: block;
    border: 1px solid #c11035;
    cursor: pointer;
    outline: none;
}

.area_indi2 {
    width: 110px;
    height: 38px;
    border-radius: 5px;
    position: relative;
    float: right;
    background-color: #c11035;
    text-align: center;
    display: block;
    border: 1px solid #c11035;
    cursor: pointer;
    outline: none;
    margin-top: 20px;
}

.area_indi:hover, .area_indi:active, .area_indi:focus{background-color: #78001a;outline: none;}
.area_indi span {color: #fff;text-align: center;text-transform: uppercase;position: relative;top: 8px;display: block;}
.area_indi img {width: 18px;padding-top: 10px;margin-left: 5px;}

.youtube {
    width: 38px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 38px;
    position: relative;
    background-color: rgb(224,47,47);
    float: right;
    text-align: center;
    display: block;
    margin-right: 5px;
    cursor: pointer;
}

.youtube:hover {background-color: #942222;}

.instagram {
    width: 38px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 38px;
    position: relative;
    background-color: rgb(150,74,38);
    float: right;
    text-align: center;
    display: block;
    margin-right: 5px;
    cursor: pointer;
}

.instagram:hover {background-color: #673219;}

.twitter {
    width: 38px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 38px;
    position: relative;
    background-color: rgb(85,172,238);
    float: right;
    text-align: center;
    display: block;
    margin-right: 5px;
    cursor: pointer;
}

.twitter:hover {background-color: #214662;}

.fb {
    width: 38px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 38px;
    position: relative;
    background-color: rgb(59,89,152);
    float: right;
    text-align: center;
    display: block;
    margin-right: 5px;
    cursor: pointer;
}

.fb:hover {background-color: #202e4c;}
.youtube img, .twitter img, .fb img, .instagram img {width: 28px;margin-top: 6px;}
#contenedor{margin:0 auto;width: 980px;height: auto;overflow: hidden;padding: 0 10px;}
#contenido{width:100%;margin:0 auto;min-height:75%;display:inline-block;/*background-color: rgb(255,255,255);*/ opacity: 1;}
#total100{width:100%;}
#total100P {margin: 20px 0;width:100%;}


#partes, #partes2{font-size: 13px;width: 100%;margin-top: 15px;float: left;display: block;}

#caracteristicas{border-bottom: 1px dotted #ddd;padding: 8px 0 8px 0;text-align: justify;}
#top{width:100%;background-color: #f4f4f4;height:auto;float:left;padding-bottom:0px;}
.nombre{height:auto;float:right;text-align:right;padding-left:10px;padding-right:0px;color: #989898;}
.razon{height:auto;float:right;text-align:right;padding-left:10px;padding-right:0px;margin-bottom:5px;font-weight:bold;color: #b3b3b3;clear:both;}
.campo{height:auto;float:left;color: #989898;}
.campo a{color: #aaa;text-decoration:underline;}
.campo a:hover{color: #bbb;text-decoration:underline;}
.idioma{height:auto;float:right;padding-left:10px;padding-right:10px;padding-bottom:5px;padding-top:10px;}
#contenidoEC{width:auto;margin:0 auto;padding:10px;min-height:75%;display:inline-block;background-color: #f4f4f4;}
#contenido_G{width:100%;margin:0 auto;height:100%;padding-top:10px;background-color:#FFF;}
#menubar{width:100%;margin:0 auto;height:auto;position:relative;margin-bottom: 40px\9;}
#elm_portada{margin:10px;}
/*#ui-id-1 {width:533px !important;max-height: 300px !important;overflow: scroll;overflow-x: hidden;}*/
/*.ui-front {z-index: 100 !important;}*/
.adapta {width:95%;height:auto;max-width:200px;}
.adapta_lista {width:auto;height:100px;max-height:120px;}
.adapta_visto {height:auto;max-width:80px;}
.adapta_ficha {width:95%;height:auto;max-width:400px;}
.ficha_imagen{text-align: left;}
#popupVideo{position:relative;width:100%;height:auto;}
#popupVideo-embed iframe {width:100% !important;}
.ficha_imagen_peque /*, .ficha_imagen_peque_select*/ {background-color: #fff;width: 75px;margin-top: 10px;margin-right: 10px;margin-bottom: 20px;padding:5px !important;}
.ficha_imagen_peque {border: 1px dotted #ccc;border-radius: 3px;}
/*.ficha_imagen_peque_select {	border: 1px solid #CCC;}*/
.coloca_imagen{display: table-cell;vertical-align: middle;overflow:hidden;}
.adapta_capa {width:80px;height:auto;max-width:150px;}
.codigo {width:100%;font-size: 13px;float: left;height: 20px;background-color: transparent;}
#cod img{margin-right:20px;}
.adapta_logo {height:auto;max-height:40px;border: 1px solid #ccc;margin-bottom: 10px;margin-top: 5px;}
.adapta3 {width:90%;height:auto;max-width:350px;}
.adapta_G {width:100%;height:auto;max-width:500px;}
.adapta_com {height: 50px;width: auto;max-width: 50px;}
.adapta_cesta {height:auto;width:100%;max-width:90px;}
.cest01, .cest02, .cest03, .cest04, .cest05, .cest06{display: block;vertical-align: middle;padding: 0 10px 0 10px;float: left;}
.cest01{width: 10%;}
.cest02{width: 20%;border-right: 1px dotted #ccc;}
.cest03{width: 25%;}
.cest05{width: 25%;padding-top: 10px;}
.cest06{width: 20%;text-align: right;padding-top: 10px;float: right}
.cest01R, .cest02R, .cest03R, .cest04R, .cest05R{display: block;vertical-align: middle;padding: 0 10px 0 10px;float: left;min-height: 75px;}
.cest01R{width: 20%;}
.cest02R{width: 40%;border-right: 1px dotted #ccc;}
.cest03R{width: 20%;border-right: 1px dotted #ccc;}
.cest04R{width: 20%;}
.ficha01, .ficha02, .ficha03, .ficha04{display: block;vertical-align: middle;padding: 0;float: left;height: auto;text-align:left;padding: 0 10px;}
.ficha04 #precio_tam{}
#cest_ficha{margin-bottom: 4px;display: inline-block;width: 100%;}
div #cest_ficha2 {font-family: 'Oswald', sans-serif !important;}
#cest_ficha2{padding: 10px;display: inline-block;width: auto;border: 1px solid #eee;background-color: white;}
#cest_blo{display: inline-block;width: 100%;}
#cest_blo2{display: inline-block;width: 100%;/*background-color: #fff;*/}
#cest_blo100{width: 100%;float: left;}
#cest_blo50{float: left;margin: 0 3px 0 3px;}
#elem_menu {padding-top:20px;float:left;width:33%;}
#iconos {float:right;margin-top: 0px;padding-right:10px;padding-left:20px;position: relative;}
#buscador {float:right;margin-top: 10px;padding-left:20px;padding-right:20px;position: relative;text-align:right;z-index: 10000;margin-bottom:10px;}
#valora{font-size: 12px !important;font-weight: 300 !important}
#valora a{font-size: 11px !important;font-weight: 300 !important;color: #c11035;}
#espacio {float:left;width:20%;}
#registro {float:left;float:right\9;text-align:right;margin-top:5px;}
.iconos_elem {float:right;margin-bottom:10px;margin-right:5px;}
.numero{color:#333;}
.menu {color: #ccc;text-decoration: none;font-style: 14px;}
.menu a, .menu a:hover, .menu a:link, .menu a:visited {font-weight:bold;color: #fff;text-decoration:none;}

.primero,.segundo {
    display:none;
    padding:5px;
    border:1px solid #ccc;
    background-color:#f5f5f5;
    color: #79A70A;
    position:relative;
    width:95%;
    height: 75px;
    border-radius:4px;
}

#primero:hover .primero {
    display:block;
    width: 100%;
    position: relative;
    text-align: left;
    float: left;
    height: 75px;
    font-size: 12px;
    line-height: 1.4em;
}

.primero a, .primero a:link, .primero a:hover, .primero a:visited {color: #c11035;text-decoration: underline;font-weight: bold;}

.tercero {
    display:none;
    padding:5px;
    border:1px solid #ccc;
    background-color:#f5f5f5;
    color: #8f0aa7;
    position:relative;
    width:95%;
    height: 75px;
    border-radius:4px;
}

#tercero:hover .tercero {display:block;width: 100%;position: relative;text-align: left;float: left;height: 75px;font-size: 12px;line-height: 1.4em;}
.tercero a, .tercero a:link, .tercero a:hover, .tercero a:visited {color: #c11035;text-decoration: underline;font-weight: bold;}
.visor {width:100%;float: left;margin:0 auto;padding:10px;}

.product-visor {
    width:100%;
    max-width:100px;
    max-height:100px;
    margin: 3px;
    float: left;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    background-color:#FFF;

}

#menu02{text-align:left;padding-top:0px;padding-bottom:10px;font-size:16px;font-weight:bold;z-index:999;}
.superior, .superior a, .superior a:hover, .superior a:visited, .superior a:active, .superior a:link, .superior a:focus {float: left;padding: 3px 3px;text-align:center;font-size:12px;text-decoration: none;}
.superior, .superior a, .superior a:hover, .superior a:visited, .superior a:active, .superior a:link, .superior a:focus {color:#474950 !important;}
.superior a:hover {color:#333 !important; text-decoration:underline;}
.barra{float: left;color: #ccc;background-color: #ccc;width: 1px;margin-top: 5px;}

#explicacion{text-align:left;padding:10px 20px 20px 20px;text-align:justify;}
#cambios{text-align:left;padding-top:10px;padding-bottom:20px;}
.cambios2{font-weight:bold;color:#fc105d;}
#titulo{font-size:24px;text-align:left;color:#666;text-transform: uppercase;padding-top:10px;padding-bottom:10px;font-weight:bold;padding-left:20px;}
#titulo_p{font-size:20px;text-align:left;color:#666;text-transform: capitalize;padding-top:10px;padding-bottom:10px;}
#entrega{float:left;width:100%;}
#entrega2{float:left;width:100%;}
#entrega3{float:right;padding-left:5px;}
#entrega4{float:left;width:100%;text-align:right;}
#entrega5{float:left;width:100%;text-align:right;padding:10px 0;margin-right: 20px;}
.datos_entrega{float:left;padding-right:10px;}
.datos_sub{float:right;padding-right:10px;}
.datos_sub2{padding-right:10px;text-align:center;padding-top: 5px;}
#subtotales{float:right;width:100%;margin-top: 0;background-color: #f4f4f4;border: 1px dotted #ccc;}

#seccion{
    font-size:18px;
    text-align:left;
    color:#666;
    text-transform: capitalize;
    padding-top:10px;
    padding-bottom:10px;
    text-decoration:underline;
}

#logo2{float:left;left:0px;top:0px;text-align:left;padding-left:20px;padding-top:5px;display: none\9;}
.product-info {float:left;width:100%; min-height: 24px;}
.product-info-com {float:left;width:100%;}
.product-info_G {float:left;width:100%;text-align:left;}
.product-compra {float:right;margin-right:15px;}

.compraahora {bottom: 2px;position: relative;}

.precio0{
    font-size: 13px;
    float:none;
    text-align:center;
    color:#333;
    line-height:1.5em;
    font-weight: bold;
    width: 50%;
}

.precio0bis{
    font-size: 15px;
    float:left;
    text-align:left;
    color:#000;
    line-height:1.5em;
    font-weight: 500;
    width: 100%;
    padding-left: 0;
}

.precio_rebaja{
    font-size: 13px;
    float:left;
    text-align:center;
    color:#c11035;
    line-height:1.2em;
    padding-right:10px;
    font-weight: normal;
    width: 100%;
}

.quantity {
  position: relative !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none !important;
  margin: 0 !important;
}

input[type=number]
{
  -moz-appearance: textfield !important;
}

.quantity {
    /*width: 100%;*/
    height: 42px;
    padding: 0px 5px 0px 0px !important;
    float: left;
    border: 0px solid lightgray;
    line-height: 27px;
}

.quantity .var_nodisponible {
    border-color: #f76055 !important;
    color: #f76055;
}

.dto input {
  max-width: 105px !important;
  width: 100% !important;
  height: 42px !important;
  line-height: 1.65 !important;
  float: left !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  padding-left: 10px !important;
  padding-right: 5px !important;
  border: 1px solid #eee !important;
}

.quantity input {
  max-width: 115px !important;
  width: 100% !important;
  height: 45px !important;
  line-height: 1.65 !important;
  float: left !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  padding-left: 10px !important;
  padding-right: 5px !important;
  border: 1px solid #eee !important;
}

.quantity input:focus {
  outline: 0 !important;
  border: 1px solid #dee2e6 !important;
}

.quantity-nav {
  float: left !important;
  position: relative !important;
  height: 44px !important;
}

.quantity-button {
  position: relative !important;
  cursor: pointer !important;
  border-left: 1px solid #eee !important;
  width: 25px !important;
  text-align: center !important;
  color: #333 !important;
  font-size: 15px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important !important;
  line-height: 1.2 !important;
  -webkit-transform: translateX(-100%) !important;
  transform: translateX(-100%) !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  border: 1px solid #ddd !important;
}

.quantity-button.quantity-up {
  position: absolute !important;
  height: 50% !important;
  top: 0 !important;
  border-bottom: 1px solid #ddd !important;
  background-color: #f5f5f5;
}

.quantity-button.quantity-down {
  position: absolute !important;
  bottom: -1px !important;
  height: 50% !important;
  background-color: #f5f5f5;
   line-height: 1 !important;
}

.quantity-button.quantity-up:hover, .quantity-button.quantity-down:hover {background-color: #eee;}

.precio{
    font-size: 25px;
    float:left;
    text-align:left;
    color:#fc105d;
    line-height:1.5em;
    padding-right:10px;
}

#precio_tam{
    float: left;
    position: relative;
    overflow: hidden;
    zoom: 1;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    color: #727272;
    /*border: 1px solid #ced4da;*/
    border-radius: .25em;
}

.precioP{
    font-size: 22px;
    float: left;
    text-align:left;
    color:#c11035;
    font-weight: bold;
    margin-bottom: 0px;
    width: 50%;
}

.precioR{
    font-size: 22px;
    float: left;
    text-align:left;
    color:#1d1d1d;
    font-weight: normal;
    margin-bottom: 0px;
    width: 50%;
}

.tablatalla{
    font-size: 12px;
    float: right;
    text-align:right;
    color:#000;
    line-height:1.5em;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0;
    text-decoration: underline !important;
}

.tablatalla a, .tablatalla a:hover, .tablatalla a:link{text-decoration: underline !important;border: none;color: #C11035 !important;}

.actualizar, .actualizar a, .actualizar a:hover, .actualizar a:link{
    font-size: 12px;
    float: left;
    text-align:left;
    font-weight: 400;
    text-decoration: underline !important;
    border: none;
    color: #C11035;
    margin: 3px 0 0 0;
    display: block;
}

.precio_A{font-size: 13px;float:left;text-align:left;color:#000;line-height:1.5em;padding-right:10px;padding-top:10px;}
.contador{font-size: 20px;font-weight: 600;text-align:left;color:#3b3b3b;}
.contador2{font-size: 20px;font-weight: 600;text-align:center;color:#3b3b3b;}
.disp{float:right;margin-top:7px;margin-right: 5px;text-align:left;width: 30px;}
.contador_cesta{float: left;font-size: 20px;text-align:left;color:#3b3b3b;min-width:125px;}
.contador_cesta2{float: left;font-size: 20px;text-align:left;color:#3b3b3b;}
.centrar{margin:auto;max-width:390px;}
.contadores{float: left;width:150px;}
.euros0{font-size: 14px;font-weight: normal;text-align:left;color:#333;}
.eurosP{font-size: 14px;font-weight: bold;text-align:left;color:#000;}
.euros{font-size: 14px;font-weight: 300;float:right;margin-left:5px;text-align:right;color:#fc105d;}

.rebaja{
    font-size: 12px;
    font-weight: 400;
    text-align:center;
    width: 20%;
    border: 1px solid #9BC90D;
    background-color: #79A70A;
    color: #fff;
    padding: 0 5px 0 5px;
    border-radius: 3px;
}

.rebaja2, .rebaja3{font-size: 13px;font-weight: 300;text-align:center;color: #333;position: relative;}

.rebaja4, .rebaja5{
    font-size: 16px;
    font-weight: 400;
    text-align:center;
    width: auto;
    color: #fff;
    padding: 0 5px 0 5px;
    border-radius: 3px;
}

.rebaja4{background-color: #79A70A;border: 1px solid #9BC90D;}
.rebaja5{background-color: #C11035;border: 1px solid #C11035;}

.rebaja_res{
    font-size: 18px;
    font-weight: 300;
    text-align:center;
    width: 60px;
    border: 1px solid #C11035;
    background-color: lightgoldenrodyellow;
    color: #C11035;
    padding: 0 5px 0 5px;
    border-radius: 3px;
    margin-bottom:5px;
}

.rebaja_res2{
    font-size: 18px;
    font-weight: 300;
    text-align:center;
    width: 20%;
    border: 1px solid #C11035;
    background-color: #C11035;
    color: #fff;
    padding: 0 5px 0 5px;
    border-radius: 3px;
}

.rebaja2:after, .rebaja3:after {
    content: "";
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    box-sizing:border-box;
    opacity: 0.5;
}

.rebaja2:after {border-bottom: 2px solid #C11035;}
.rebaja3:after {border-bottom: 2px solid #000;}

.product-img, .product-cesta {
    border:none;
    padding:0;
    margin:0;
    z-index:2;
    text-align: center;
    border-bottom: 0px solid #ddd;
    margin-bottom: 0px;
    width: 100%;
    display: table;
    background-color: #fff;
}

.product-img {/*height: 250px;*/margin: 10px 0;}
.product-cesta {height: 50px;}
.product-img-com {border:none;padding:0;margin:0;height:auto;z-index:2;text-align: center;width:100px;float:left;}
.logo-img {text-align: left;font-size: 15px;color: #bbb;text-transform: uppercase;font-weight: 600;width: 100%;float: left;}
.logo-img2 {width:50%;height:auto;z-index:2;float: right;}
.title, .title a {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    float: left;
    width: 100%;
    text-align: left;
    color: #414334;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 0 solid #202020;
    background-color: #fff;
    text-decoration: none;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
}

.title a:hover {color: #414334;text-decoration: underline;}
.sinlink a:hover{text-decoration:none;}, .sinlink a{text-decoration:none;}

.title_P{
    font-size: 35px;
    font-weight: 300;
    text-transform: none;
    float: left;
    width: 100%;
    text-align: left;
    color: #000;
    line-height: normal;
    max-height: 85px;
    overflow: hidden;
}

.titulares{
    font-size: 25px !important;
    /*font-weight: 500 !important;*/
    text-transform: none;
    float: left;
    width: 100%;
    text-align: left;
    color: #000;
    line-height: normal;
    max-height: 100px;
    overflow: hidden;
    padding: 10px 0 10px 0;
	border-bottom: 1px solid #333;
    margin-bottom: 20px;
}

.disponible{font-weight: 600;font-size: 12px;color: #79A70A;width: 100%;}
.nodisponible{font-weight: 600;font-size: 12px;color: #C11035;margin-right:5px;}
.nodisponible2{float: left;font-weight: 600;font-size: 14px;color: #C11035;width: 100%;}
.anadir_portada{float:left;text-align:left;margin-top: 10px;}
.anadir_portada2{float:left;width: 100%;text-align:center;margin-top: 0;}
.add-to-cart{color: #ff5757;font-size: 24px;position: absolute;bottom: 0;left: 0;}
.div100{width:100%;float:left;padding-bottom:10px;text-align:left;}
.datos{float:left;width:100%;margin-bottom:5px;text-align:left;}

/* Estilos para botones y controles */


.seguir{background-color: #999;}



.seguir:hover, .seguir:visited, .seguir:active, .seguir:link, .seguir:focus {color: #fff !important;text-decoration: none !important;}
.seguir:hover {background-color: #666;}

.talla {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    font-weight: 100;
    margin-left:0;
    margin-right:0;
    padding: 0 13px 0 13px;
    font-size: 12px;
    color: #666;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid;
    border-color: #b8b8b8;
    border-radius: 0px;
    height: 21px;
    line-height: 21px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}

.talla:hover {background-color: #b8b8b8;color: #fff;}

.button_talla {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    margin:2px;
    padding: 0 10px;
    font-size: 14px;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #154c86;
    background-color: #666;
    background-clip: padding-box;
    border: 2px solid;
    border-color: #bbb;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.button_talla:before {
    content: '';
    position: absolute;
    top: -25%;
    bottom: -25%;
    left: -20%;
    right: -20%;
    border-radius: 50%;
    background: transparent;
    -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
}
.button_talla:hover {background-color: #444;}
.button_talla:active {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 -1px #154c86;
    background: #d31653;
    border-color: fc105d;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
    background-image: -webkit-linear-gradient(top, #fc105d, #d31653);
    background-image: -moz-linear-gradient(top, #fc105d, #d31653);
    background-image: -o-linear-gradient(top, #fc105d, #d31653);
    background-image: linear-gradient(to bottom, #fc105d, #d31653);
}
.button_talla:active:before {top: -50%;bottom: -125%;left: -15%;right: -15%;-webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);}
#botones {margin:10px;}

.select {
    font-size: 13px;
    font-weight: 300;
    background: #f0f0f0;
    color: #000;
    width: 100%;
    height: 26px;
    cursor: pointer;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    display: block;
    position: relative;
    display: block;
    line-height: 20px;
    min-height: 22px;
    overflow: hidden;
    padding: 4px 0;
    border: 1px solid #ccc;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
}

.selectpicker {
    border: 1px solid #DBE1EB;
    font-size: 15px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    background: #FFFFFF;
    background: linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
    color: #2E3133;
    outline: none;
}

.selectpicker:hover{border-color: #ccc;outline: none;}

.selectpicker option{
    border: 1px solid #DBE1EB;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    outline: none;
}

.selectpicker option:hover{
    background: #C11035 !important;
    background: linear-gradient(left, #C11035, #C11035);
    background: -moz-linear-gradient(left, #C11035, #C11035);
    background: -webkit-linear-gradient(left, #C11035, #C11035);
    background: -o-linear-gradient(left, #C11035, #C11035);
    font-style: italic;
    color: #FFFFFF;
    outline: none;
}

input[type="radio"] { cursor: pointer }

/*textarea {
    font-size: 15px;
    font-weight: 300;
    padding: 10px;
    width: 100%;
    color: black;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 5px;
}*/

input[type=text]:focus, input[type=password]:focus, textarea:focus {
    color: white;
    outline: 0;
}

.label-w {font-weight: bold;font-size:20px;padding-bottom: 25px;margin-bottom: 25px;padding: 10px;}

.fichaPDFlab {
    font-weight: bold;
    font-size:14px;
    padding-bottom: 25px;
    margin: 25px 0 10px 0;
    background-color: #fff;
    color: #333;
    border: 2px solid #3333;
    padding: 10px;
    border-radius:5px;
    width: inherit;
}

.fichaPDFtit {
    text-align: left;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    width:100%;
    margin:20px 0;
    float: left;
	font-family: oswald;
	}

#photo{text-align:center;margin-top:10px;}

/* Fin de Estilos para botones y controles */

.comprar {
    height: 38px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    position: relative;
    float: left;
    background-color: #C11035;
    text-align: left;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
}

.comprar:hover {background-color: #78001a;}
.comprar span {color: #fff;text-align: center;text-transform: inherit;position: relative;top: 10px;display: block;}

.gris {
    height: 38px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    position: relative;
    float: left;
    background-color: #999;
    text-align: left;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
    text-decoration: none !important;
}

.gris:hover, .gris:active, .gris:focus, .gris:link, .gris:visited {background-color: #666;text-decoration: none !important;}
.gris span {color: #fff;text-align: center;text-transform: inherit;position: relative;top: 10px;display: block;}
.descripcion {font-size: 12px;color: #666;text-align: justify;}

/* Ocultar botón radio */
input[id^="spoiler"]{
    display: none;
}
/* Estilo botón clicable */
input[id^="spoiler"] + label {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}
/* Estilo botón cuando su INPUT está seleccionado */
input[id^="spoiler"]:checked + label {
}
/* Estilo caja SPOILER (inicialmente oculto) */
input[id^="spoiler"] ~ .spoiler {
    width: 90%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0px auto 0;
}
/* Estilo caja SPOILER cuando su INPUT está seleccionado */
input[id^="spoiler"]:checked + label + .spoiler{
    height: auto;
    opacity: 1;
}


/* Estilos capa Filtros */
.btn-group-xs>.btn, .btn-xs {padding: 2px 5px !important;}
#filtros{margin-bottom: 10px;}
.pull-right {margin-top: 2px;}
.panel-danger>.panel-heading {background-color: #eee !important;border-color: #ccc !important;}
.panel-danger {border-color: #fff !important;}
.btn-danger {background-color: #C11035 !important;border-color: #C11035 !important;}
.panel-danger>.panel-heading {border: 0 !important;}
.panel-danger>.panel-heading {border: 0 !important;}
.tit-filtro {white-space:normal;letter-spacing: 0.1em;}
/* Fin de Estilos capa Filtros */

.panel-marca {margin-top:5px !important;}

#mirada{
    font-size: 20px;
    color: #C11035;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    padding: 0 4px 0 4px;
}

#ahorro{
    clear:both;
    width:100%;
    color: #fff;
    margin-top: 20px;
    padding: 3px 0 3px 0;
    background-color: black;
    font-weight: 500;
}

#ahorro_cesta{
    clear:both;
    width:100%;
    color: #c11035;
    font-weight: 500;
    font-size: 11px;
    padding-top: 5px;
    height: 15px;
    text-align: center;
}

#talla{
    float: left;
    padding: 0 0 7px 0;
    width: 100%;
    font-size: 14px;
    color: #999;
    font-weight: bold;
    text-align: left;
}

.c_talla{
    float: left;
    width: auto;
    height: 40px;
    font-size: 18px;
    color: #333;
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    margin: 5px;
}

.c_talla:hover{color: #c11035;border: 1px solid #c11035;}

.btn-ficha, .btn-color, .btn-talla {
    color: #000000;
    background-color: #f2f2f2;
    float: left;
    width: auto;
    height: 40px;
    font-size: 15px;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    margin: 5px 5px 5px 0;
    outline: none;
    border-bottom: 2px solid #ccc !important;
    border-top: 2px solid #ccc !important;
    border-left: 2px solid #ccc !important;
    border-right: 2px solid #ccc !important;
    text-decoration: none;
    border-radius: 8px;
}

#talla button[disabled] {
    opacity: 0.4;
    border-bottom: 2px dotted #ccc !important;
    border-top: 2px dotted #ccc !important;
    border-left: 2px dotted #ccc !important;
    border-right: 2px dotted #ccc !important;
    color: #000000;
}

.btn-ficha:hover, .btn-color:hover, .btn-talla:hover{
    border-bottom: 2px solid #c11035 !important;
    border-top: 2px solid #c11035 !important;
    border-left: 2px solid #c11035 !important;
    border-right: 2px solid #c11035 !important;
    color: #c11035;
    text-decoration: none;
}
.btn-ficha:focus, .btn-color:focus, .btn-talla:focus{
    background-color: #c11035;
    border: 2 px solid #c11035;
    color: #fff;
    outline:0;
    text-decoration: none;
    border-bottom: 2px solid #c11035 !important;
    border-top: 2px solid #c11035 !important;
    border-left: 2px solid #c11035 !important;
    border-right: 2px solid #c11035 !important;
}
.btn-ficha:active, .btn-color:active, .btn-talla:active{
    background-color: #c11035;
    text-decoration: none;
    border-bottom: 2px solid #c11035 !important;
    border-top: 2px solid #c11035 !important;
    border-left: 2px solid #c11035 !important;
    border-right: 2px solid #c11035 !important;
}

.bordeN{border: 1px solid #fff;}
.bordeN:hover{border: 1px solid #000;}
.row2 {padding-top: 10px;}

.cart-button {
    background-color: #000;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
    padding: 5px 0;
    text-align: center;
    height: 37px;
    border-radius: 2px;
    font-weight: 500;
    width: 120px;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none !important;
    border: none;
    outline: none;
}

.cart-button:hover{text-decoration: none !important;color: #fff;cursor: pointer;}
.cart-button span, .cart-button:hover span{text-decoration: none !important;color: #fff !important;}

.cart-svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
}

.item-number {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .1);
    height: 20px;
    padding: 3px 6px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    line-height: 12px;
    margin-left: 10px;
}

.upper-links {
    display: inline-block;
    padding: 0 11px;
    line-height: 23px;
    letter-spacing: 0;
    color: inherit;
    border: none;
    outline: none;
    font-size: 12px;
}

.links {color: #fff;text-decoration: none;}
.links:hover {color: #fff;text-decoration: none;}

.profile-links {
    font-size: 12px;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: block;
    padding: 0 11px;
    line-height: 23px;
}

.profile-li{padding-top: 2px;}
.largenav {display: none;}
.smallnav{display: block;}
.smallsearch{margin-left: 15px;margin-top: 15px;}
.menu{cursor: pointer;}

@media screen and (min-width: 768px) {
    .largenav {display: block;}
    .smallnav{display: none;}
    .smallsearch{margin: 0px;}
}

@-webkit-keyframes move {
    0% {background-position: 0px 0px, 0 0, 0 0}
    100% {background-position: -100px 0px, 0 0, 0 0}
}

/* Prefix-free was creating issues with the animation */

/* Estilos comentarios */
/*#comentario{width: 100%;margin-bottom: 0;float: left;background-color: #fff;border-top: 1px dotted #ccc;}*/
/*#comentario_fecha{float: left;padding-top: 10px;}*/
/*#comentario_foto{float: left;max-width: 80px;margin: 15px 20px 20px 20px;}*/
/*#comentario_texto{float: left;padding-top: 10px;}*/

/*.comentario_usuario, .fecha_usuario, .comentario_opinion {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 13px;
    border-bottom: 0 solid #202020;
    background-color: #fff;
    text-transform: capitalize;
}*/

.comentario_usuario {font-weight: bold;color: #C11035;}
.fecha_usuario {font-weight: 400;color: #333;padding-top: 3px;}
/*.comentario_imagen {background-color: #fff;width: 50px;height: 50px;float: left;border: 1px solid #eee;}*/
.cant_star{font-size: 12px;color: #999;}

/* Estilos para Tabs */
.datos ul.tabs li a:link,
.datos ul.tabs li a:active,
.datos ul.tabs li a:visited,
.datos ul.tabs li a:hover{line-height:30px;font-size:1.1em;text-decoration:none;display:block;color:#666;padding:0 15px}
.datos ul.tabs li.selected a:link,
.datos ul.tabs li.selected a:active,
.datos ul.tabs li.selected a:visited,
.datos ul.tabs li.selected a:hover{color: #666 !important;}

.pestana{
    margin:0;
    border:1px solid #cccccc;
    padding:20px;
    position:relative;
    top:-1px;
    z-index:1;
    background-color: #fff;
    font-size: 12px;
    color: #666;
    text-align: justify;
    font-weight: 400;
    line-height: 18px;
    min-height: 361px;
    border-top: 1px dotted #ddd !important;
}

.pestana p{font-size:1em;margin:0;}
table.dataTable thead th, table.dataTable tfoot th {/*font-size: smaller !important;*/font-weight: 400 !important;}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #232f3e;
    color: white;
	font-family: sans-serif;
}
.dataTables_wrapper .dataTables_filter input {
    border-radius: 25px !important;
        padding: 5px 15px !important;
}

.desde {
    width: 40px !important;
    height: 25px !important;
    float: left;
    padding: 0;
    text-align: center;
    border-right: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border: 1px solid #ececec !important;
    outline: 1px solid #ccc !important;
    outline-offset: 0;
    font-size: 12px;
    font-weight: 500;
}
/* Fin de Estilos para el campo cantidad y manejadores */

/* Estilos para las secciones de la portada */
.img-box1, .img-box2, .img-box3, .img-box4 {
    width: 250px;
    height: 250px;
    background-color: white;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: relative;
}

.img1, .img2, .img3, .img4 {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 99.94%;
    position: absolute;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.img1 {background-image: url("../images/portada/1.jpg");}
.img2 {background-image: url("../images/portada/2.jpg");}
.img3 {background-image: url("../images/portada/3.jpg");}
.img4 {background-image: url("../images/portada/4.jpg");}
.img1.active, .img2.active, .img3.active, .img4.active {width: 50%;height: 50%;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.headline1, .headline2, .headline3, .headline4 {
    width: 50%;
    height: 50%;
    position: absolute;
    -webkit-transform: translate(210%, 0px);
    -ms-transform: translate(210%, 0px);
    -o-transform: translate(210%, 0px);
    transform: translate(210%, 0px);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.headline1.active, .headline2.active, .headline3.active, .headline4.active {
    -webkit-transform: translate(110%, 0px);
    -ms-transform: translate(110%, 0px);
    -o-transform: translate(110%, 0px);
    transform: translate(110%, 0px);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.headline1 h2, .headline2 h2, .headline3 h2, .headline4 h2 {font-weight: bold;color: #C11035;font-size: 1.5em;line-height: 1.1em;width: 80%;text-align: center;}
.text1, .text2, .text3, .text4 {width: 100%;height: 50%;background-color: #000;display: block;margin-top: 100%;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.text1.active, .text2.active, .text3.active, .text4.active {margin-top: 50%;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.text1 p, .text2 p, .text3 p, .text4 p {font-weight: 400;color: #fff;font-size: 1em;width: 80%;margin: 10px auto;padding-top: 20px;}
.text1 a, .text2 a, .text3 a, .text4 a {text-decoration: none;font-weight: 700;width: 80%;margin-left: 10%;color: #C11035;}

.btn-default_gris {color: #fff !important;background-color: #fff !important;border: 1px solid #bbb !important;color: #333 !important;}
.btn-default_gris:hover {background-color: #eee !important;}
#tabs div {display: block !important;}

/* Estilos cajas de aviso */
.arrow_box {position: relative;background: #fff;border: 1px solid #C11035;height: auto;float: left;color: #333;/*margin-left: 30px;*/border-radius: 5px;padding: 10px;/*width: 270px;*/text-align: center;line-height: 1.2em;font-size: medium;}
/*.arrow_box:after, .arrow_box:before {right: 100%;top: 25px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;	pointer-events: none;}*/
.arrow_box:after {border-color: rgba(193, 16, 53, 0);border-right-color: #fff;border-width: 12px;margin-top: -12px;}
.arrow_box:before {border-color: rgba(194, 225, 245, 0);border-right-color: #C11035;border-width: 17px;margin-top: -17px;}
.arrow_box2 {position: relative;background: #fff;border: 2px solid #C11035;height: auto;float: left;color: #333;margin-left: 0px;border-radius: 5px;padding: 10px;width: 270px;text-align: center;line-height: 1.2em;margin-top: 10px;}

.formularioMac{width: 100%;height: auto;min-height: 150px;margin: 0 34px;position: relative;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 2px 15px rgba(0,0,0,0.05);padding: 20px 0 20px;background-color: #f7f7f7;border: 1px solid #d9d9d9;overflow: hidden;display: inline-block;margin-top: 20px;}
.formularioMicuenta{width: 100%;height: auto;min-height: 150px;margin: 0;position: relative;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 2px 15px rgba(0,0,0,0.05);padding: 20px 0 20px;background-color: #f7f7f7;border: 1px solid #d9d9d9;overflow: hidden;display: inline-block;}
.formularioMicuenta .row {margin-top: 20px;  }
.formularioMacTit{width: 500px;height: auto;margin-bottom: 15px;padding: 20px;position: relative;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 2px 15px rgba(0,0,0,0.05);display: inline-block;color: #C11035;font-size: 30px;}
.tit_formularioMac{height: 30px;line-height: 30px;padding: 20px 20px 40px 30px;font-size: 22px;font-weight: 500;text-align: left;font-family: sans-serif;}
.tit_formularioMac2{height: 30px;line-height: 30px;padding: 20px 20px 60px 0;font-size: 20px;font-weight: 600;text-align: left;}
.tit_formularioMac, .tit_formularioMac2{color: #232f3e;}
.campos_formularioMac, .campos_formularioMac2, .campos_formularioMicuenta{padding: 0 34px;height: auto;display: block;float: left;width: 100%;}
.campos_formularioMac .ayuda3 label, .campos_formularioMac2 .ayuda3 label {
    border: 0;
    color: #9b9b9b;
    padding: 10px 0;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    display: table;
    float: left;
    line-height: 1.4em;
    text-align: justify;
}

.campos_formularioMac {width: 100%;  }
.campos_formularioMac2, .campos_formularioMicuenta{width: 49%;  }
.campos_formularioMac2:first-child{border-right: 1px solid #ccc;  }
.form_field{float: left;border: 0;outline: 0;width: 100%;text-align: left;clear: both;}
.form_field_radio{float: left;padding: 0;border: 0;outline: 0;width: auto;text-align: left;clear: both;margin-left: 2px;}
.form_field_check{float: left;padding-bottom: 0;border: 0;outline: 0;width: auto;text-align: left;clear: both;margin-left: 2px;}
legend{font-size: 14px !important;padding-top: 10px !important;}
.form_field_radio label {float: right !important;}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #3a66ac !important;
}

.estiloradio, .estiloleyenda{color: #999 !important;font-weight: 400 !important;font-size: 14px;}
.estiloradio{margin: 0 0 0 11px !important;  }
.estiloleyenda{margin: 0 !important;}
.aire {padding: 60px 0;}
.jRatingColor {width:100% !important;}
.jStar {left:0 !important;width:100% !important;}
.jRatingAverage {left:0 !important;}
.campos_submit, .doc_asociados
{
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin-left:3px;
    margin-right: 3px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-clip: padding-box;
    border: 0 solid;
    border-color: #232f3e;
    border-radius: 0;
    line-height: 21px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #232f3e;
    width: 100%;
    padding: 9px;
	cursor:pointer;
}

.campos_submit:hover {background-color: #232f3e;  }
.doc_asociados {width: auto !important;padding: 4px !important;margin-left: 10px;background-color: #f6f6f6!important;border: 1px solid #333 !important;color: #333 !important;}
.doc_asociados:hover {background-color: #eeeeee !important;border: 1px solid #333 !important;}
#txt_doc_asociados {padding: 0 5px 0 5px;float: left;font-weight: 400 !important;}
#txt_doc_asociados a {text-decoration:none; color:#333 !important}
.doc_asociados:hover #txt_doc_asociados a {color:#333 !important}
.doc_asociados:hover #txt_doc_asociados a:hover {text-decoration:underline !important}
#txt_doc_asociados a:hover {color:#fff !important}
#img_doc_asociados {padding: 0;float: left;font-weight: 100 !important;}

.campos_formularioMac input[type=text],
.campos_formularioMac input[type=email],
.campos_formularioMac input[type=password],
.campos_formularioMac input[type=number],
.campos_formularioMac2 input[type=text],
.campos_formularioMac2 input[type=email],
.campos_formularioMac2 input[type=password],
.campos_formularioMac2 input[type=number],
.campos_formularioMicuenta input[type=text],
.campos_formularioMicuenta input[type=email],
.campos_formularioMicuenta input[type=password],
.campos_formularioMicuenta input[type=number]
{
    width: 100%;
    font-size: 14px;
    height: 40px;
    font-weight: 400;
    display: block;
    padding: 5px 5px 5px 10px;
    margin-bottom: 0;
    border-radius: 2px;
    background-color: #fff;
    /*border: 1px solid #cccccc;*/
    border: 1px solid #fff;
    transition: border .2s, box-shadow .2s, background-color .2s;
    color: #6C6C6C;
}

.campos_formularioMac input[type=text]:disabled,
.campos_formularioMac input[type=email]:disabled,
.campos_formularioMac input[type=password]:disabled,
.campos_formularioMac input[type=number]:disabled,
.campos_formularioMac2 input[type=text]:disabled,
.campos_formularioMac2 input[type=email]:disabled,
.campos_formularioMac2 input[type=password]:disabled,
.campos_formularioMac2 input[type=number]:disabled,
.campos_formularioMicuenta input[type=text]:disabled,
.campos_formularioMicuenta input[type=email]:disabled,
.campos_formularioMicuenta input[type=password]:disabled,
.campos_formularioMicuenta input[type=number]:disabled {background-color: #eee;}
.campos_formularioMac input[type=text]:disabled::-webkit-input-placeholder,
.campos_formularioMac input[type=email]:disabled::-webkit-input-placeholder,
.campos_formularioMac input[type=password]:disabled::-webkit-input-placeholder,
.campos_formularioMac input[type=number]:disabled::-webkit-input-placeholder,
.campos_formularioMac2 input[type=text]:disabled::-webkit-input-placeholder,
.campos_formularioMac2 input[type=email]:disabled::-webkit-input-placeholder,
.campos_formularioMac2 input[type=password]:disabled::-webkit-input-placeholder,
.campos_formularioMac2 input[type=number]:disabled::-webkit-input-placeholder,
.campos_formularioMicuenta input[type=text]:disabled::-webkit-input-placeholder,
.campos_formularioMicuenta input[type=email]:disabled::-webkit-input-placeholder,
.campos_formularioMicuenta input[type=password]:disabled::-webkit-input-placeholder,
.campos_formularioMicuenta input[type=number]:disabled::-webkit-input-placeholder {color: #666;}
.campos_formularioMac input[type=text]:disabled::-moz-placeholder,
.campos_formularioMac input[type=email]:disabled::-moz-placeholder,
.campos_formularioMac input[type=password]:disabled::-moz-placeholder,
.campos_formularioMac input[type=number]:disabled::-moz-placeholder,
.campos_formularioMac2 input[type=text]:disabled::-moz-placeholder,
.campos_formularioMac2 input[type=email]:disabled::-moz-placeholder,
.campos_formularioMac2 input[type=password]:disabled::-moz-placeholder,
.campos_formularioMac2 input[type=number]:disabled::-moz-placeholder,
.campos_formularioMicuenta input[type=text]:disabled::-moz-placeholder,
.campos_formularioMicuenta input[type=email]:disabled::-moz-placeholder,
.campos_formularioMicuenta input[type=password]:disabled::-moz-placeholder,
.campos_formularioMicuenta input[type=number]:disabled::-moz-placeholder {color: #666;}
.campos_formularioMac input[type=text]:disabled::-ms-input-placeholder,
.campos_formularioMac input[type=email]:disabled::-ms-input-placeholder,
.campos_formularioMac input[type=password]:disabled::-ms-input-placeholder,
.campos_formularioMac input[type=number]:disabled::-ms-input-placeholder,
.campos_formularioMac2 input[type=text]:disabled::-ms-input-placeholder,
.campos_formularioMac2 input[type=email]:disabled::-ms-input-placeholder,
.campos_formularioMac2 input[type=password]:disabled::-ms-input-placeholder,
.campos_formularioMac2 input[type=number]:disabled::-ms-input-placeholder,
.campos_formularioMicuenta input[type=text]:disabled::-ms-input-placeholder,
.campos_formularioMicuenta input[type=email]:disabled::-ms-input-placeholder,
.campos_formularioMicuenta input[type=password]:disabled::-ms-input-placeholder,
.campos_formularioMicuenta input[type=number]:disabled::-ms-input-placeholder {color: #666;}

.campos_formularioMac textarea, .campos_formularioMac2 textarea, .campos_formularioMicuenta textarea {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    display: block;
    padding: 5px 5px 5px 10px;
    margin-bottom: 0;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #cccccc;
    transition: border .2s, box-shadow .2s, background-color .2s;
    color: #6C6C6C;
    box-shadow: none !important;
    height: auto !important;
    text-align: left;
}

.campos_formularioMac textarea::-webkit-input-placeholder, .campos_formularioMac2 textarea::-webkit-input-placeholder, .campos_formularioMicuenta textarea::-webkit-input-placeholder {color: #ddd;font-size: 12px;}
.campos_formularioMac textarea::-moz-placeholder, .campos_formularioMac2 textarea::-moz-placeholder, .campos_formularioMicuenta textarea::-moz-placeholder {color: #ddd;font-size: 12px;}
.campos_formularioMac textarea::-ms-input-placeholder, .campos_formularioMac2 textarea::-ms-input-placeholder, .campos_formularioMicuenta textarea::-ms-input-placeholder {color: #ddd;font-size: 12px;}
.caja {border:1px solid #ccc;height:40px;overflow: hidden;width: 100%;position:relative;background-color: #fff;border-radius: 2px;}
.form_field select {background: #fff;border: none;font-size: 17px;font-weight: 400;height: 40px;padding: 7px;width: 100%;/*border: 1px solid #cccccc;*/}
.form_field select:focus{ outline: none;}
.campos_formularioMac input[type=text]::-webkit-input-placeholder, .campos_formularioMac2 input[type=text]::-webkit-input-placeholder {color: #ddd;font-size: 12px;}
.campos_formularioMac input[type=text]::-moz-placeholder, .campos_formularioMac2 input[type=text]::-moz-placeholder {color: #ddd;font-size: 12px;}
.campos_formularioMac input[type=text]::-ms-input-placeholder, .campos_formularioMac2 input[type=text]::-ms-input-placeholder {color: #ddd;font-size: 12px;}
.campos_formularioMac input[type=text]:focus, .campos_formularioMac2 input[type=text]:focus {background-color: #eee !important;color: #333;}
.campos_formularioMicuenta input[type=text]::-webkit-input-placeholder {color: #b7b7b7;font-size: 12px;}
.campos_formularioMicuenta input[type=text]::-moz-placeholder {color: #b7b7b7;font-size: 12px;}
.campos_formularioMicuenta input[type=text]::-ms-input-placeholder {color: #b7b7b7;font-size: 12px;}
.campos_formularioMicuenta input[type=text]:focus {background-color: #eee !important;color: #333;}
.form-control {height: auto !important;font-family: sans-serif;}
.form-control:focus{background-color: #eee !important;color: #333 !important;}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control::placeholder {color: #989898;font-size:small;}
.fl100{float: left;width: 100%;padding-bottom: 10px;}
.fl50{float: left;width: 50%;padding-bottom: 10px;}
.fl32{float: left;width: 32%;padding-bottom: 10px;}
.ayuda2 {width: 100%;float: left;position: relative;border-radius: 2px;display: block;margin: 10px 0;}
.ayuda2 label{padding: 12px 12px 12px 40px;margin: 10px 0;font-size: 12px;font-weight: 400;background-color: #fff;color: #999;border: 1px solid #eee;border-radius: 2px;background-image: url(../images/general/exclamation.svg); background-repeat: no-repeat;background-position: center left 10px;background-size: 20px;width: 100%;display: table;float: left;line-height: 1.2em;text-align: justify;}

/* The switch - the box around the slider */
.switch {position: relative;display: inline-block;width: 60px;height: 34px;}

/* Hide default HTML checkbox */
.switch input {display:none;}

.ajuste {white-space: normal !important; text-align: justify !important; padding:10px 0; margin:0 !important;text-decoration: none !important;font-size: small !important;font-family: 'Raleway', sans-serif !important;line-height: initial;}

/* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 14px;width: 14px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #C11035;}
input:focus + .slider {box-shadow: 0 0 1px #C11035;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}

/* Rounded sliders */
.slider.round {border-radius: 34px;width: 50px;}
.slider.round:before {border-radius: 50%;}

/* Cambios en el Data Table */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #C11035 !important;border-color: #C11035 !important;}
.pagination>li>a, .pagination>li>span {color: #C11035 !important;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {color: #fff !important;}
/*.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color: #fff !important;border: 0 !important;background: #C11035 !important;}*/
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
	background-color: white !important;
}
.dataTables_length {margin-bottom:10px !important}
.ppp{font-weight: 400;margin: 0 10px;}
.ppp_sel, .ppp_sel a, .ppp_sel a:hover{font-weight: 400;border: 1px solid #C11035;color: #fff !important;padding: 0 3px;background-color: #C11035;}
#paginador {margin:20px 0px;padding-left:20px;}
/*#paginador{clear: both;padding: 0 !important;margin:0 0 20px 20px !important;}
#paginador ul li{display: inline-flex !important;}
#paginador ul li span, #paginador ul li a{min-width: 30px;height: 30px;text-align: center;line-height: 2.2em;text-decoration:none;cursor: pointer;}
#paginador ul li a:hover{background-color: #C11035 !important;color: #fff !important;}*/
.jPag-control-front, .jPag-control-back, .jPag-medio {float: left;}
.jPag-control-front a, .jPag-control-back a, .jPag-medio {line-height: 2.2em;cursor: pointer;}
.jPag-medio {margin-right: 20px;margin-left: 20px;width:550px !important;}
.jPag-control-back a:hover, .jPag-control-front a:hover {padding:5px;border-radius:3px;}
.paginador1{float: left;text-align: left;width: 50%;}
.paginador2{float: left;text-align: right;width: 50%;margin-top: 3px;}

.numeros, .numeros_off{background-color: #C11035;color: #fff;border-radius: 15px;width: 30px;height: 20px;text-align: center;padding: 5px 10px;}
.numeros_off{background-color: #ccc;}
.numeros{background-color: #C11035;}
.f_micuenta{font-size: 14px;}

.verde{color: #66cc33;}
.verdoso{color: #79A70A;font-weight: 600; font-size: 12px;}
.naranja{color: #ff6600;font-weight: 600; font-size: 9px;}
.azul{color: #0000F0;font-weight: 600; font-size: 12px;}
.naranja_ficha{font-size: 12px;color: #ff6600;font-weight: 600;}
.rojo{color: #C11035;}
.cesta_02f {border: 1px solid #eee;padding: 10px;margin-bottom: 5px !important;background-color: #fff;}
.list-group-item-heading{font-size: 16px !important;}
.list-group-item{border: 1px solid #eee !important;}
.telefono{margin-top: 3px;font-size: 17px;color:#FFFFFF !important;}
.bordeBusq{border: 2px solid #C11035;}
/*.outlet{border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;/*background-color: #C11035 !important;*/width: 118px;text-align: center;}*/
.footmarca{color:#550a19;}
.rejilla{background-color:#c11035 !important;}
.rejilla2{background-color:#3a68ab !important;}
.paso {width: 32px;height: 32px;line-height: 1.3em;float:left;font-size:inherit;font-family: 'Oswald';color: #bbb;}
.pasooff {width: 32px;height: 32px;line-height: 1.3em;float: left;font-size: inherit;color: #bbb;}
.stepline {width:16%;height:3px;float:left;margin-top: 14px;background-color: #3a66ac;}
.steplineoff {width:16%;height:3px;float:left;margin-top: 14px;background-color: #dee2e6;float:left;white-space: pre;}
.steptitle {font-size: small;font-family:'Roboto';float:left;white-space: pre;font-size: .7em;}


/* Cuadros Ficha */

.ficha_cuadro{
	font-size: 15px;
    line-height: 35px;
    padding: 2px 10px;
    border: 1px solid #525455;
    cursor: pointer;
    color: #525455;
    font-weight: normal;
    float: left;
    margin-right: 10px;
    text-align: center;
    display: block;
    position: relative;
    margin-bottom: 10px;
    background-color: #fff;
    outline: none;
}
.ficha_cuadro:hover, .ficha_cuadro:active, .ficha_cuadro:focus{border: solid 1px #000000 !important;outline:none !important;}
.seleccionado{
	border: solid 1px #000000 !important;
    box-sizing: inherit !important;
    background-color: #525455;
    color: white;}
.noseleccionado{border: solid 1px #f4f4f4 !important;background-color: #f6f6f6 !important;color: #ccc !important;cursor: none;pointer-events:none;}
.fs18{font-size: 18px !important;}
/* Fin de Cuadros Ficha */

/*#div_zoom{width: 400px;height: 400px;}*/
.zoomWindow {cursor:none !important}
.estilo1 {float:right; font-size:14px !important;}
.ocultar_campo_mant_contenidos{display:none !important;}

.zoom {
    transition: transform .2s;
}

.zoom:hover {
    transform: scale(1.1);
}

/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #343a40 !important;
    background: #343a40 !important;
    font-weight: normal;
    color: #ffffff;
}*/

.item active{background-color:#C11035 !important;}
.carousel-control {z-index: 1 !important;}

/* Inicio CSS para botón Ver Disponibilidad */
.wrapDisp {position: relative;width: 100%;margin: auto;}
.buttonDisp {
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    color: #bbb;
    cursor: pointer;
    font-size: 10px;
    font-weight: 400;
    height: 30px;
    line-height: 28px;
    letter-spacing: 0.1em;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    width: 100%;
    margin-bottom: 10px;
}

.buttonDisp:hover {background-color: #f4f4f4;font-size: 10px;text-decoration: none;border: 1px solid #bbb;}

.buttonAttr {
    background-color: transparent;
    border: 2px solid #bbb;
    border-radius: 4px;
    display: inline-block;
    color: #bbb;
    cursor: pointer;
    font-size: 10px;
    font-weight: 400;
    height: 30px;
    line-height: 28px;
    letter-spacing: 0.1em;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    width: 100%;
    margin-bottom: 10px;
}

.buttonAttr:hover {background-color: #f4f4f4;font-size: 10px;text-decoration: none;border: 2px solid #bbb;}

.loader {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #333; /* Red */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    text-align:center;
    margin: 0 auto;
    margin-top: 3px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.roll-text {display: block;position: relative;transition: all 420ms cubic-bezier(.175,.885,.32,1.275);}
.roll-text:last-child {color: #fff;}
.rollover:hover .roll-text:first-child {margin-top: -28px;}

/* Fin CSS para botón Ver Disponibilidad */

#aplicar-filtros {
    display: none;
    position: fixed;
    width: 800px;
    height: 150px;
    background-color: #eee;
    border:1px solid #ccc;
    left:50%;
    margin-left:-400px;
    top:20%;
}

#ajax-loader {width:16px;height:16px;display: block;}
#ajax-loader div {display: none;}
#loader-img img,#check-img {display: none;}
#check-img-disponiblidad {display: none;}
#text-loader {width: 300px;}
fieldset {border: 1px solid #ccc;margin: 0 auto;padding: 10px;position: relative;width: 95%;text-align: left;}
fieldset input, fieldset select {border:2px solid #ccc;margin:5px;}
fieldset span {width: 75px;display: inline-block;}
fieldset span#msg-fail {width: 200px;color:red;font-weight: bold;padding-left: 6px;}
fieldset span#msg-fail-disponibilidad {width: 200px;color:red;font-weight: bold;padding-left: 6px;}
fieldset textarea {resize:none;}
fieldset select {display: inline-block;}
fieldset legend {font-weight: bold;}
fieldset button {cursor:pointer;}

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

#email-content {
    background-color: #eee;
    border:1px solid #999;
    position: fixed;
    width: 600px;
    left:50%;
    margin-left: -300px;
    top:35%;
    z-index: 99;
    display: none;
    box-shadow: 0 5px 5px #ccc;
    padding: 15px;
}

#email-content-disponibilidad {
    background-color: #eee;
    border:1px solid #999;
    position: fixed;
    width: 600px;
    left:50%;
    margin-left: -300px;
    top:35%;
    z-index: 99;
    display: none;
    box-shadow: 0 5px 5px #ccc;
    padding: 15px;
}

.area_clientes_publico {
    width: 110px;
    height: 38px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
    float: right;
    background-color: #c11035;
    text-align: center;
    display: block;
    border: 1px solid #c11035;
    cursor: pointer;
    outline: none;
}

.area_clientes_publico:hover, .area_clientes_publico:active, .area_clientes_publico:focus {color: white;}
.inactivo {opacity: .4;}

/*------------------------------------*\
	Cookies
\*------------------------------------*/

.cc-cookies{
	position:fixed;
	display:flex;
	width:100%;
	left:0;
	top:0;
	padding:3.5em 5%;
	background:#565656;
	background:#faf9f5;
	color:#292929 !important;
	font-size:14px;
	font-weight:200;
	text-shadow:0 -1px 0 rgba(0,0,0,0.35);
	z-index:99999;
	text-align:justify;
	color:#fff;
	border-top: 1px solid #292929;
	}


	.cc-cookies a,.cc-cookies a:hover{color:#292929;text-decoration:underline;width: 300px;text-align:center;display:block;}
	.cc-cookies a:hover{text-decoration:none}
	.cc-overlay{height:100%;padding-top:25%}
	.cc-cookies-error{float:left;width:90%;text-align:center;margin:1em 0 2em 0;background:#fff;padding:2em 5%;border:1px solid #ccc;font-size:18px;color:#333}
	.cc-cookies a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{
		display:block;
		color:#ffffff;
		text-decoration:none;
		text-align:center;
		background:#000000;
		padding:.5em .75em;
		/*border-radius:3px;
		box-shadow:0 0 2px rgba(0,0,0,0.25);
		text-shadow:0 -1px 0 rgba(0,0,0,0.35);-o-transition:background .5s ease-in;*/
		-webkit-transition:background .25s ease-in;
		-moz-transition:background .25s ease-in;
		border: 1px solid #333;
		margin: 0px 20px;
		height: fit-content;
		width:300px;
		}
	.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline{background:#dfdfdf;color:#000000;}
	.cc-cookies a.cc-cookie-reset{background:#f15b00}
	.cc-cookies a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies-error a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset{/*background:#000;*/-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .25s ease-in}
	.cc-cookies-error a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-decline{display:block;margin-top:1em}
	.cc-cookies.cc-discreet{width:auto;padding:.5em 1em;left:auto;top:auto}
	.cc-cookies.cc-discreet a.cc-cookie-reset{background:0;text-shadow:none;padding:0;text-decoration:underline}
	.cc-cookies.cc-discreet a:hover.cc-cookie-reset{text-decoration:none}
	@media screen and (max-width:768px){.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{display:block;margin:1em 0px;width:100% !important;}.cc-cookies {display: block !important;}}
	@media screen and (max-width:480px){.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{display:block;margin:1em 0px;width:100% !important;}.cc-cookies {display: block !important;}.cc-cookies a,.cc-cookies a:hover{width: 100%;text-align:center;display:block;}}


/*------------------------------------*\
	Simple Pagination
\*------------------------------------*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/
.compact-theme span {
	cursor:pointer;
}

.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {
	text-decoration: none;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-left: 1px solid #AAA;
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}

.compact-theme .current {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
	cursor: default;
}

.compact-theme .ellipse {
	background: #EAEAEA;
	padding: 0 10px;
	cursor: default;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/
.light-theme span {
	cursor:pointer;
}

.light-theme a, .light-theme span {
	float: left;
	color: #3a66ac !important;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	/*padding: 0 7px;*/
	padding: 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #eee !important;
	color: #333 !important;
	border-color: #fafafa !important;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/
.dark-theme span {
	cursor:pointer;
}

.dark-theme a, .dark-theme span {
	float: left;
	color: #CCC;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #222;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #555; /* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
	background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
}

.dark-theme a:hover, .dark-theme li:not(.disabled):not(.active) span:hover {
	text-decoration: none;
	background: #444;
}

.dark-theme .current {
	background: #222;
	color: #FFF;
	border-color: #000;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: default;
}

.dark-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

.fade2:not(.show) {
    opacity: 0;
	display:none !important;
}


.fade-carousel .carousel-indicators > li {
	background-color: #c2c2c2;
	border-color: #c2c2c2;
	width: 13px !important;
	height:13px !important;
	border-radius:10px !important;
	border-radius: 10px !important;
}
.carousel-indicators .active {
	/*background-color: #000 !important;
	border-color: #000 !important;*/
	border: 1px solid #bbb !important;
}
.carousel-indicators {
    position: relative !important;
    margin-top: 30px;
}

.carousel-indicators button.active .thumbnail {border: 1px solid #232f3e !important;box-shadow: rgb(195, 195, 195) 0px 10px 14px -7px;border-radius: 0px !important;}

.sinborde {background: transparent !important; border-color: transparent !important;}

.texto-descamp {line-height:1.5em;font-family: sans-serif !important;}


/* Estilos para cookies */
.cc-nb-main-container {
	border: 1px solid white !important;
    background-color: rgba(190,210,220,1) !important;
    color: #333 !important;
}

.freeprivacypolicy-com---palette-dark .cc-nb-okagree, .freeprivacypolicy-com---palette-dark .cc-nb-reject {
    color: #fff !important;
    background-color: #333 !important;
}

.freeprivacypolicy-com---palette-dark .cc-nb-text, .cc-nb-title {
    color: #333 !important;
}

.cc-cp-foot-save {
	background-color: #eaeaea !important;
    color: #111 !important;
}

/* RANGE */

.range-slider {
  height: 5px;
  position: relative;
  background-color: #f5f5f5;
  border-radius: 2px;
}
.range-selected {
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 5px;
  background-color: #3a66ac;
}

.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -7px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.range-input input::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 3px solid #646464;
  background-color: #fff;
  pointer-events: auto;
  -webkit-appearance: none;
}
.range-input input::-moz-range-thumb {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 3px solid #646464;
  background-color: #fff;
  pointer-events: auto;
  -moz-appearance: none;
}

.range-price {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .range-price label {
    margin-right: 5px;
  }
  .range-price input {
    /*width: 90px;*/
    padding: 5px;
  }
  .range-price input:first-of-type {
    margin-right: 15px;
  }