@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800');

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800');

@font-face {
    font-family: 'Mistral';
    font-style: normal;
    font-weight: normal;
    src: local('Mistral'), url('/template/estandar/fonts/MISTRAL.woff') format('woff');
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 55%;
}

/* CSS Generico */

a,a:hover,a:visited,a:link,a:active{text-decoration:none}
p,.textaco{font-family:'Open Sans',sans-serif;font-weight:300;font-size:16px;color:#4b4b4b;text-align:justify}
.wow{visibility:hidden}

.motor, .letras, .detalle{visibility: hidden; transition: 0.3s all ease;}
.text-right{text-align: right;}
.text-right p{text-align: right;}

.wrapper-flex,.wrapper-flex-mobile{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}
.wrapper-flex.left{justify-content:left;-webkit-justify-content:left}

.wrapper-end{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:flex-end;-webkit-justify-content:flex-end}
.wrapper-flex.left{justify-content:left;-webkit-justify-content:left}

.separa-5{height:5px}
.separa-10{height:10px}
.separa-20{height:20px}
.separa-30{height:30px}
.separa-40{height:40px}
.separa-50{height:50px}

.overflow{overflow:hidden}
.relative{position:relative}
.error{color: darkred;}

/*   menu_principal   */
.menu_principal{height:100px;background-color:#1f140f}
.navbar-default{background-color:transparent;border:none;border-radius:0}
.navbar-centrado{display:flex;justify-content:center;width:100%}
.navbar{height:110px;margin-bottom:0}
.menu_principal .navbar-default .navbar-nav.navbar-left>li>a,.menu_principal .navbar-default .navbar-nav.navbar-right>li>a{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:300;color:#fff;padding:40px}
.menu_principal .navbar-default .navbar-nav>li.active{background-image:url(images/active.png);background-position:center;background-repeat:no-repeat}
.menu_principal .navbar-default .navbar-nav>li.active>a,.menu_principal .navbar-default .navbar-nav>li.active>a:focus,.menu_principal .navbar-default .navbar-nav>li.active>a:hover{background-color:transparent;color:#fff}
.menu_principal .navbar-default .navbar-nav>li>a:hover{color:#fe3c09;background-color:transparent}
.cuadro_logo{padding:10px 15px}
.cuadro_logo img{height:75px}
.lado_derecho{position:absolute;top:30px;right:0}
.lado_derecho .borde{border-right:1px solid #fff}
.lado_derecho .lupa{height:35px;transition: 0.3s linear}
.lado_derecho .lupa:hover{transform: scale(1.1)}


/*   slider_banner   */

#parallelogram_trasero{width:700px;height:340px;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);background:transparent;overflow:hidden;position:relative;left:-75px}
.imagen_traslucida{height:340px;width:800px;background-size:cover;background-position:center;margin-left:60px;-moz-transform:skew(20deg);-o-transform:skew(20deg);-webkit-transform:skew(20deg)}
#parallelogram{width:715px;height:340px;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);background:rgba(255,0,0,0.9);position:absolute;top:0;left:-75px}

.fase1, .banner_portada{position: relative;height: 340px}

.fase2{position: absolute;top: 0;left: 0;right: 0;height: 340px; background-color: transparent}

.banner_portada{height: 340px;max-height: 340px;overflow: hidden;}

#relleno{position:absolute;height:340px;width:100%;right:100%;background-color:rgb(252, 31, 0);top: 0}
.letras{height:340px}
.letras h2{font-family:'Montserrat',sans-serif;font-size:72px;font-weight:700;color:#fff;text-transform:uppercase}
.motor{top:40px}

.fase3 .lineas_superior{position:absolute;top:0;left:0;right:0;background-repeat:no-repeat;background-position:center;background-size:contain;height:275px;z-index:2}
.fase3 .aparato{position:relative;z-index:1}
.fase3 .linea_trasera{position:absolute;top:-40px;background-repeat:no-repeat;background-position:right;background-size:contain;height:300px;right:0px;z-index:0;width:150px}
.fase3 .detalle{height:340px;padding-left:70px;text-align:center}
.fase3 .detalle h3{font-family:'Open Sans',sans-serif;font-size:22px;font-weight:300;color:#1f140f}
.fase3 .detalle .linea{margin:10px auto;height:3px;width:50px;background-color:#1f140f}
.fase3 .detalle p{font-size:14px;color:#5d5d5d;text-align:center}

.fase3 .bx-wrapper .bx-viewport{    background-color: transparent;
    height: 340px;
    border: none;
    box-shadow: none;
}

.full_width{    width: calc(100% + 30px);
    height: 340px;
    overflow: hidden;
    position: relative;
    left: -15px;}

div.gradient{height: 340px;width: 300px;
    background: rgba(255,41,24,1);
    background: -moz-linear-gradient(left, rgba(255,41,24,1) 0%, rgba(255,41,24,0.49) 51%, rgba(255,41,24,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,41,24,1)), color-stop(51%, rgba(255,41,24,0.49)), color-stop(100%, rgba(255,41,24,0)));
    background: -webkit-linear-gradient(left, rgba(255,41,24,1) 0%, rgba(255,41,24,0.49) 51%, rgba(255,41,24,0) 100%);
    background: -o-linear-gradient(left, rgba(255,41,24,1) 0%, rgba(255,41,24,0.49) 51%, rgba(255,41,24,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,41,24,1) 0%, rgba(255,41,24,0.49) 51%, rgba(255,41,24,0) 100%);
    background: linear-gradient(to right, rgba(255,41,24,1) 0%, rgba(255,41,24,0.49) 51%, rgba(255,41,24,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2918', endColorstr='#ff2918', GradientType=1 );

    position: absolute;
    top: 0;
    left: 0;
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    -webkit-transform: skew(20deg);

}

/* Titulos Genericos */

.titulos h1, .titulos h2{
    font-family: 'Oswald', sans-serif;
    font-size: 32px;
    color: #ff3a6e;
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 400;
}

.upper{text-transform: uppercase;}

.titulos h3{
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    color: #2966b9;
    font-weight: 300;
    margin-bottom: 5px;
}

.titulos p{
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    color: #4b4b4b;
}

/* PRODUCTOS */

.productos{background-color: #fafce8; padding-top: 120px;}
.productos .mover_izq, .interiores .mover_izq{position: relative; left: -40px}
.listado_productos{margin: 0}

.cajon_marco{border:1px solid #ffdcde;position:relative;left:0}
.elevar{margin-top:-26px;margin-bottom:-250px;position:relative;left:40px;min-height: 420px;}
.elevar h1, .interiores h1{background-color:#fafce8;display:inline-flex;padding:0 15px;font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;margin: 0}
.caja_producto{background-color:#fff;border:1px solid #ffdcde;padding:20px 20px 10px;margin-bottom:30px}
.loquefalta{height:250px}
.caja_producto .imagen{background-position:center;background-size:contain;background-repeat:no-repeat;width:100%;transition: 0.3s all ease}
.caja_producto .imagen:after{content:"";padding-top:70%;display:block}

.caja_producto .titulo_pruducto{height: 80px;display: flex;justify-content: center; align-items: center;}
.caja_producto h3{font-family: 'Montserrat', sans-serif;font-size: 16px; font-weight: 700;text-transform: uppercase; text-align: center;margin: 0;color: #1f140f}

.caja_producto .marca{float: left; color: #989ebd; font-family: 'Montserrat', sans-serif;font-size: 11px; font-weight: 700;text-transform: uppercase; margin: 0;height: 30px;display: flex;align-items: center}
.caja_producto .precio{float: right;margin: 0;font-family: 'Montserrat', sans-serif;font-size: 16px;font-weight: 800;color: #eb4e2a;height: 30px;display: flex;align-items: center}

.caja_producto:hover .imagen{transform: scale(1.1)}
.caja_producto:hover h3{color: #000}

.caja_busqueda{padding: 20px; border: 1px solid #ffdcde;background-color: #fff; margin-top: 20px}

#GC .slider-handle{background-image:url(images/boton.png);background-position:center;background-repeat:no-repeat;background-size:cover}
#GC .slider-selection{background:#3d3c3c}
#GC{width:100%}
#GC .slider-handle{width:25px;height:25px}
.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle{margin-top:-8px}

.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high{background-color: #ffebe6}

.caja_busqueda label{font-family:'Open Sans',sans-serif;font-weight:300;font-size:15px;color:#ff2224}

.caja_busqueda .label_rango label{font-size: 14px;margin-bottom: 0}

.caja_busqueda select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border-radius:0;height:40px;border-color:#ffdcde}
.caja_busqueda select + i.fa{float:right;margin-top:-27px;margin-right:4px;pointer-events:none;background-color:transparent;padding-right:5px;position:relative}
.btn-corp{color:#fff;background-color:#333;border-color:#333;border-radius:0;font-family:'Open Sans',sans-serif;text-transform:uppercase;font-size:18px;font-weight:300;transition: 0.3s all ease}

.btn-corp:hover, .btn-corp:active, .btn-corp:focus {color: #fff;background-color: #000;border-color: #000}

.btn-stock{color: #fff;background-color: #1e2636;border-color: #fafce8}
.btn-stock:hover, .btn-stock:focus, .btn-stock:active {color: #1e2636;background-color: #fafce8;border-color: #fafce8}

/* SABER MAS */

#saber_parallelogram{width:43%;height:400px;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);background:#3d3c3c;overflow:hidden;position:relative;left:-90px}
.foto_saber{height:400px;width:100%;background-size:cover;margin-left:-20px}

.flota_izq{float: right;text-align: right; height: 400px;display: flex;align-items: center;justify-content: flex-end;padding-right: 0px}

.saber_mas .absoluto{position: absolute;top: 0;left: 0;right: 0}
.saber_mas h2{font-family: 'Montserrat', sans-serif;font-size: 50px; font-weight: 800;text-transform: uppercase; margin: 0;}
.saber_mas h3{font-family: 'Montserrat', sans-serif;font-size: 40px; font-weight: 800;text-transform: uppercase; margin: 0; text-align: left; color: #3d3c3c}

.right-wrap{display: inline-block;text-align: right}

.boton_saber{text-align: left}
.btn-principal{padding: 12px 25px; color: #fff; background-color: #3d3c3c; border-radius: 0px; border-color: #3d3c3c;font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: 600}

.btn-principal:hover, .btn-principal:active, .btn-principal:focus{color: #fff; background-color: red; border-color: red}

/* MARCAS */

.marcas{background-color: #fafce8;}

.column-md-10{position:relative;width:10%;float:left;display:flex;justify-content:center;align-items:center;height:80px}
.logo_marca{max-height:80px;max-width:150px;transition: 0.3s all linear}
.logo_marca:hover{transform: scale(0.9)}

/* footer */

/*
.pie_superior{background-color: #1e2636}
.relleno_pie{height: 100%;width: 100%;position: absolute;right: 100%;top: 0;background-color: #1f140f;margin-right: -15px}

.oscuro{background-color: #1f140f}
.oscuro p{font-family: 'Open Sans',sans-serif;font-size: 20px;font-weight: 700;color: #fff}
.oscuro p img{height: 25px;padding-right: 15px}

.pie_pagina h3{font-family: 'Open Sans',sans-serif;font-size: 16px;font-weight: 600;color: #3d3c3c;text-transform: uppercase;margin-top: 0px}

.mapa_web p{margin-bottom: 5px}
.mapa_web p a{font-family: 'Open Sans',sans-serif;font-size: 14px;font-weight: 300;color: #fff;}

.mapa_web p a:hover, .mapa_web p a:focus, .mapa_web p a:active{color: #3d3c3c}

.social_media p{font-family: 'Open Sans',sans-serif;font-size: 14px;font-weight: 300;color: #fff;}

.pie_inferior{background-color: #1f140f}
.pie_inferior p{text-align: center; font-size: 13px; color: #394968}

.redes_footer{flex-wrap:wrap}
.redes_footer .circulo{height:50px;width:50px;background-color:#1f140f;border-radius:100px;border:2px solid #fff;margin:7.5px 12px}
.redes_footer .circulo i{font-size:24px;color:#fff}
.redes_footer a:hover .circulo i{color:#3d3c3c}


.pie_inferior a{
color: #394968;
font-weight: 700;
}

.pie_inferior a:hover, .pie_inferior a:focus, .pie_inferior a:active{color: #3d3c3c}
*/

/* EFECTO MENU */

.menu_secundario{opacity:0;z-index:-1;position:fixed;top:0;left:0;right:0;transition:300ms all ease-in-out}
.menu_secundario.sticky{opacity:1;z-index:900}
.menu_secundario .cuadro_logo img{height:85px;top:10px}
.menu_secundario .navbar-default .navbar-nav.navbar-left>li>a,.menu_secundario .navbar-default .navbar-nav.navbar-right>li>a{font-family:'Roboto',sans-serif;font-size:18px;text-transform:uppercase;color:#3166ac;padding:41px 20px;border:2px solid transparent}
.menu_secundario .navbar-default .navbar-nav>li.active>a,.menu_secundario .navbar-default .navbar-nav>li.active>a:focus,.menu_secundario .navbar-default .navbar-nav>li.active>a:hover,.menu_secundario .navbar-default .navbar-nav>li>a:hover{color:#3166ac;background-color:transparent;border-bottom:2px solid #ff3a6d}
.menu_secundario .navbar-default .navbar-nav>li:hover>a:after,.menu_secundario .navbar-default .navbar-nav>li.active>a:after{content:'';position:absolute;left:42%;bottom:0;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ff3a6d;clear:both}

.contenido-cesta{
    padding: 0px 15px;
    background-color: #fff;
    border: 1px solid #e3e5f6;
}

/* Interiores */

.banner_superior{height: 350px;border-bottom: 3px solid #fd3d0a;background-position: center;background-size: cover}

.interiores{background-color: #fafce8;padding-top: 92px}

.sin-resultados{text-align: center;font-weight: 600}

/* - Adjuntos - */

.tipografia, .titulo-contenido{text-align: left;color: #333333;text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-size: 18px; font-weight: 700;}
.titulo-contenido{color: #333333;font-size: 20px;}
.tipografia i{color: #fd3d0a;}
.listado {text-align: justify;}

.listado ul, .listado li {margin: 0px;padding: 0px;list-style: none;}
.listado li {padding: 20px;background-color: #fff;}
.listado li a, .listado li.alt a{font-size: 14px;font-family: 'Open Sans';font-weight: 400;}
.listado li.alt {background-color: transparent;}
.listado li.alt a {color: #333333;text-decoration: none;}
.listado a {color: #333333;text-decoration: none;}
.listado a:hover, .listado li.alt a:hover {color: #fd3d0a;text-decoration: none;}

.textaco {width: calc(100% - 80px)}

/* Contacto */

.marco_gris{padding: 20px 40px 40px;border: 1px solid #ffdcde;background-color: #fff;}
.formularios_de_contacto label{margin: 5px 0px}
#map{height: 650px; height: 450px;}

/* Productos Detalles */
.swipebox .imagen{background-repeat:no-repeat;background-position:center;background-size:contain}
.swipebox .imagen:after{content:'';padding:35%;display:block}
.control-producto{border:1px solid #cecece;display:grid}
.control-producto .contenedor_precio{border-right:1px solid #1f140f;background-color:#1e2636}
.btn-precio{color:#FFF;background-color:#ff4200;border-color:#ff4200}
.btn-precio:hover,.btn-precio:focus,.btn-precio:active,.btn-precio.active,.open .dropdown-toggle.btn-precio{color:#FFF;background-color:red;border-color:red}
.contenedor_precio p{margin-bottom:0}
.columna_referencia{text-align:right}
.box-caja>div{padding-top:10px;text-align:center;padding-bottom:10px;background-color:#1e2636}

.galeria{margin-top: 30px;}

.btn_love{color:#fff;background-color:transparent;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn_love:hover,.btn_love:focus,.btn_love:active{color:#3d3c3c}
.btn_love i{color:#3d3c3c}
.relative{position:relative}
.linea-flex{display:inline-flex}
.caja_objeto .precio{display:inline-flex;justify-content:center;align-items:center;width:100%}
.caja_objeto .precio p{color:#fff;font-size:24px;font-family:'Open Sans';text-align:center;font-weight:700}
.caja_objeto .precio span{color:#8e8e8e;font-size:18px;text-decoration:line-through;padding-right:10px}

.btn-formulario{background-color: #ececec;border-color: #ececec;color: #242424}
.btn-formulario:hover, .btn-formulario:active, .btn-formulario:focus{background-color: #ededed;border-color: #ededed;color: #242424}

.enlace-otros{color: #ff4200}
.enlace-otros:active,.enlace-otros:focus,.enlace-otros:hover {color: red}

#cesta .glyphicon{color: #3d3c3c}

#notificaciones_cesta{background-color:#fa5320;border-radius:50%;height:20px;width:20px;padding:0;margin:0;text-align:center;font-size:12px;color:#fff;position:absolute;right:5px;bottom:-10px}

/* MULTIAPARTADO */

.bloque_cabecera .bloque_titulo{background-color:#1e2636;padding:15px}
.bloque_cabecera .bloque_interior{background-color:#fff;padding:30px 15px}
.bloque_cabecera .bloque_titulo h3{margin:0;color:#fff;text-transform:uppercase;font-family:'Montserrat',sans-serif;font-weight:600}
.bloque_cabecera .imagen{width:100%}
.bloque_cabecera h4{font-weight:400;text-transform:uppercase;font-size:22px;font-family:'Montserrat',sans-serif}
.bloque_cabecera .texto{font-size:16px;font-weight:600;color:#696969}
.bloque_imagen_lista .imagen{width:100%}
.bloque_imagen_lista h4{text-transform:uppercase;margin:0;margin-bottom:10px;font-family:'Montserrat',sans-serif}
.bloque_puntos ul{margin:0;padding:0;list-style:none}
.bloque_puntos ul li{margin-bottom:15px}
.bloque_puntos ul li>p{font-size:16px}
.bloque_puntos ul li>p>.fa{font-size:20px;color:#ff3d6c}
.bloque_contenido .titulo{background-color:#1e2636;padding:15px 10px}
.bloque_contenido .titulo h4{color:#fff;margin:0;text-transform:uppercase;font-size:16px;font-family:'Montserrat',sans-serif;font-weight:300}
.bloque_contenido .bloque{padding:0 10px}
.bloque_desplegable .fondo{background-color:#fff;padding:20px}
.bloque_desplegable .panel-group{margin:0}
.bloque_desplegable h2{margin:0;margin-bottom:20px;font-size:23px;text-transform:uppercase;font-weight:400;font-family:'Montserrat',sans-serif}
.bloque_desplegable .panel-default{border-color:#ffd1dc}
.bloque_desplegable .panel-default>.panel-heading{background-color:#1f140f;color:#fff;border-color:#1f140f}
.bloque_desplegable .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#1f140f}
.bloque_imagenes img{width:100%}

.interiores .detalle-producto h1{background-color: #fff}

.caracteristicas_detalle {padding: 0px; margin: 0px; list-style: none}
.caracteristicas_detalle li { padding: 15px}
.caracteristicas_detalle li:nth-child(odd) {background-color: #fafce8;}

.interiores .producto_detalle{background-color: #fff;padding: 20px;border: 1px solid #cecece;}

.datos_subida {list-style: none; margin: 0px; padding: 0px}
.caja_busqueda input.form-control {     height: 39px;    border-radius: 0px; border-color: #ffdcde }


/*GESTION*/
.navbar-gestion{background-color: #1f140f; height: auto; margin-bottom: 15px; }
.navbar-gestion .titulo{ color: #fff; margin: 20px;     line-height: 45px; }
.navbar-gestion .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    border-right: 1px solid #3c4400;
}
.navbar-gestion .navbar-nav>li:first-child>a {
    border-left: 1px solid #3c4400;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fafce8;
    background-color: transparent;
}

.navbar-gestion .navbar-nav>li>a.active {background-color: #b0c800; color: #333}

.barra_superior_gestion {background-color: #fafce8; padding: 15px; margin-bottom: 15px;}
.barra_superior_gestion h1 { font-size: 28px; margin: 0px;     text-transform: uppercase; }

.formulario_barra_superior {text-align: right}
.cliente {padding: 15px;}
.cliente p{ margin: 0px;     line-height: 30px; }
.cliente img{max-height: 40px;}
#productos .cliente { border-bottom: 1px solid #e5edbb}
#productos .cliente:first-child { border-top: 1px solid #e5edbb}
#productos .cliente:nth-child(even) { background-color: #fafce8; }
.cliente .grupo_botones{ text-align: right}
.btn-mas-clientes {margin-top: 15px}

.mensajini {font-weight: 400;}
.mensajini.verde { color: #0a910a}
.mensajini.rojo { color: #e21010}

.caja_gris_hijos {background-color: #f4f4f4}
.caja_gris_hijos h3 {margin: 0px; text-transform: uppercase; font-size: 18px}
.clientes_select {width: 100%!important}
.bootstrap-select.completo {width: 100%!important}

.embed-responsive-pdf {
    padding-bottom: 100%;
}

.datepicker{padding-left: 12px;}

textarea{resize: none; height: 150px !important;}

.file-caption-info, .file-size-info, .file-drag-handle{display: none !important;}

.trans-globe{position: absolute; top: 0; right: 0; font-size: 25px;}
.trans-globe.active{color: #1bbae1;}
.text-sample{padding: 10px 10px 10px 10px; margin-bottom: 10px; background-color: #f1f1f1; max-height: 150px; overflow-y: scroll;}

.contenido-anidado{padding-bottom: 0; padding-top: 0;}
.padre-anidado{padding-top: 15px; padding-bottom: 15px;}
.padre-anidado>div{display: flex; align-items: center;}
.comentarios-valoracion{background-color: #FFFFFF;}
.carita-valoracion{padding-bottom: 5px;}
.carita-valoracion img{height: 20px;}

/* Form Select Switches */
.switch {
    margin: 1px 0;
    position: relative;
    cursor: pointer;
}

.switch input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.switch span {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
    border-radius: 28px;
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
}

.switch span:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    bottom: 7px;
    width: 12px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 24px;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.switch input:checked + span:after {
    left: 26px;
    width: 24px;
    top: 1px;
    bottom: 1px;
    border: none;
    -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);
}

.switch input:checked + span {
    background-color: #eeeeee;
}

.switch-default span {
    border-color: #dbe1e8;
}

.switch-default input:checked + span {
    background-color: #dbe1e8;
}

.switch-primary span {
    border-color: #1bbae1;
}

.switch-primary input:checked + span {
    background-color: #1bbae1;
}

.switch-info span {
    border-color: #7abce7;
}

.switch-info input:checked + span {
    background-color: #7abce7;
}

.switch-success span {
    border-color: #aad178;
}

.switch-success input:checked + span {
    background-color: #aad178;
}

.switch-warning span {
    border-color: #f7be64;
}

.switch-warning input:checked + span {
    background-color: #f7be64;
}

.switch-danger span {
    border-color: #ef8a80;
}

.switch-danger input:checked + span {
    background-color: #ef8a80;
}

.hotel-select{padding-top: 7.5px;}

.headers{font-size: 20px;}
.fa-color.fa-check {color: darkgreen}
.fa-color.fa-times {color: red}

.tabla_alt p, .tabla_alt h4{margin: 0px}
.tabla_alt h4{text-transform: uppercase; font-weight: 400; letter-spacing: 1px}
.tabla_alt .row {padding: 10px 0px}
.tabla_alt .row:nth-child(odd){background-color: #fafce8;}
.tabla_alt .row.cabecera {background-color: #1f140f; color: #fff; margin-top: 20px}

.padre_botones {text-align: right}
.contenedor_table {padding: 7.5px}
.producto_row {padding: 10px 0px; background-color: #fafce8; margin-top: 20px;     border: 1px solid #ffdcde;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f5f4f4;
}

.padre_selectpicker{
    width: 200px;
    display: inline-block;
}

.panel-corporativo{
    border-color: #b0c800;
}
.panel-corporativo>.panel-heading {
    color: #fff;
    background-color: #1f140f;
    border-color: #b0c800;
}

.btn-cargar-mas {margin: 20px}
.zona_right_xs_center {text-align: right}
.lite_word {font-size: 9px; padding: 8px;     width: 42px;}
.navbar-default .navbar-toggle {
    border-color: #b0c800;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #b0c800;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #b0c800;
}

.g-recaptcha>div{margin: 0 auto;}
#login-container .login-title.blanco{background: rgba(255, 255, 255, 0.85);}
#login-container .login-title h1, #login-alt-container h1{  color: #333 }
.input-talla {font-size: 10px}
.columna_derecha {text-align: right}

.dropdown-toggle{overflow: hidden}
.dropdown-toggle .filter-option{overflow: hidden}

.login-title h1{ color: #1f140f!important; font-size: 40px!important} 
.navbar-default .navbar-brand {color: #fff; font-size: 20px} 

.day {     background-color: #ffffff; }
.new.day {     background-color: #e3e3e3; }
.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover{
    background-color: #ff7878
}
.day.active{ background: #1f140f!important }

.btn-file {background-color: #333!important}

.col_boton {text-align: center}
.btn-gigante { padding: 60px; font-size: 50px; text-transform: uppercase; width: 460px}

.botones { text-align: center}
.botones a { margin: 0px 15px }

.bienvenida {font-size: 18px; text-align: center}


/*** COSAS DEL PIE***/

footer{
    background-color: #171717;
    position: relative;
}


.puntos_fondo_derecha {
    height: 630px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.puntos_fondo_izquierda {
    height: 630px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

/*
footer{
position: relative;
overflow: hidden;
background-color: #484848;
}
*/

.pie_superior{
    position: relative;
    z-index: 3;
}


.pie_superior .row>div{
    padding: 0px;
    /*    border-right: 1px solid #b4c23a;*/
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.linea_separa {
    width: 1px;
    height: 238px;
    background-color: #333712;
    /*    background-color: red;*/
    position: absolute;
    right: 0;
}

.logo_pie img{
    height: 90px;
    margin-bottom: 30px;
}

.cuadro_pie p{
    color: #fff;
    font-size: 14px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
}

.cuadro_contenido,
.cuadro_contacto,
.cuadro_redes{
    width: 100%;
}

.cuadro_pie{
    margin-right: 40px;
}


.cuadro_contacto>div{
    margin-left: 40px;
}

.cuadro_redes>div{
    width: 100%;
}

.pie_superior .titular{
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    margin-bottom: 34px;
    text-align: center;
}

.pie_superior .cuadro_contenido .titular {
    margin-bottom: 16px;
}


.newsletter .form-inline {
    text-align: center;
    width: auto;
    margin: 0 auto;
}

.newsletter .form-control {
    width: 376px!important;
    height: 36px;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #b0b0b0;
    background-color: #dcdcdc;
    background-image: none;
    border: 0px solid #2bab51;
    border-radius: 20px;
    position: relative;
    margin-bottom: 35px;
}


.newsletter .btn-default:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.newsletter .form-control:focus {
    border-color: #000;
    box-shadow: 0;
}

.newsletter .form-control::placeholder { color: #b0b0b0; }

.newsletter .hvr-shutter-out-horizontal:before {
    background: #03a458;
    border-radius: 26px;
}

.newsletter p{
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.menu_vertical a,
.menu_vertical p{
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 14px;
    line-height: 16px;
}

.menu_vertical a:hover p{
    color: #1c5233;
}

.texto_icono {
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
}

.cuadro_contacto .texto_icono:last-child{
    margin-bottom: 0;
}

.cuadro_redes .texto_icono {
    margin-bottom: 0px;
    margin: 0 19px;
}

.cuadro_redes .padre_texto_icono {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.texto_icono img{
    height: 18px;   
    margin-right: 10px;
}

.cuadro_redes .texto_icono img {
    height: 22px;
    margin-right: 15px;
    margin-bottom: 0px;
}

.texto_icono p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px; 
    margin-bottom: 0;
}

.cuadro_contacto .texto_icono p {
    font-weight: 400;
}

.cuadro_contacto .texto_icono:last-child p{
    font-size: 15px;
    line-height: 22px; 
}

.cuadro_contacto {
    padding-left: 60px;
}

.cuadro_redes .texto_icono p{
    font-size: 14px;
    text-transform: uppercase;
}

.cuadro_redes .texto_icono {
    display: inline-flex;
    align-items: center;
    margin-bottom: 30px;
}

.cuadro_redes a:hover img{
    transform: scale(1.2);
}

.pie_medio{
    background: #86413f;
}


.menu_pie p,
.menu_pie p a{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    transition: all .2s ease-in-out;
    padding: 26px 0;
}

.menu_pie p a:active,
.menu_pie p a:hover{
    color: #b0c801;
}


.pie_inferior{
    background: #b0c806;
}

.pie_inferior .centrado{
    width: 100%;
    padding: 15px 0;
}

footer {overflow: hidden}

footer .container{
    position: relative;
}

.corte_pie {
    position: relative;
    z-index: 10;
    top: -1px;
}

.copi{
    font-size: 14px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
    margin-right: 40px;
}

.desarrollo,
.desarrollo a{
    color: #242424;
    font-size: 10px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
    transition: all .2s ease-in-out;
}

.desarrollo a:hover{
    color: #fff;
}

.logo_bienvenida { height: 150px}

.negrita_registro p {font-weight: 600;}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
-- --  -- -- -- -- -- -- -- Responsive  -- -- -- -- -- -- -- -- -- -- -- -- 
-- --  -- -- -- -- -- -- -- -- -- -- --  -- -- -- -- -- -- -- -- -- -- --*/

@media (max-width: 1650px){ /* monitores normales y tablet horizontal */ 

    .menu_principal .navbar-default .navbar-nav.navbar-left>li>a, .menu_principal .navbar-default .navbar-nav.navbar-right>li>a {
        font-size: 16px;
        padding: 40px 15px;
    }


    .navbar-centrado {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

}

@media (max-width: 1200px){ /* monitores normales y tablet horizontal */ 

    .menu_principal .navbar-default .navbar-nav.navbar-left>li>a,.menu_principal .navbar-default .navbar-nav.navbar-right>li>a{font-size:15px;padding:40px 15px}
    .lado_derecho{top:40px}
    .lado_derecho .lupa{height:25px}
    .cuadro_logo img{height:55px}
    .cuadro_logo{position:relative;z-index:1;margin-top:15px}
    .column-md-10{width:16.6666666%;float:left}

    .column-md-10:nth-child(10n),.column-md-10:nth-child(10n-1),.column-md-10:nth-child(10n-2),.column-md-10:nth-child(10n-3){display: none}

    .letras h2 {font-size: 55px}
    .fase3 .detalle h3 {font-size: 20px}
    .oscuro p {font-size: 16px}
    .saber_mas h2 {font-size: 40px}
    .saber_mas h3{font-size: 32px}

    .flota_izq,.foto_saber,#saber_parallelogram{height: 350px}

    /* -- -- -- FOOTER -- -- -- */
    .puntos_fondo_derecha,
    .puntos_fondo_izquierda {
        height: 380px;
    }

    .cuadro_pie {
        margin-right: 0;
        text-align: center;
        margin-bottom: 40px;
    }

    .cuadro_pie p {
        text-align: center;
        margin: 0 200px;
    }
    .linea_separa {
        right: 30px;
    }

    .cuadro_contacto>div {
        margin-left: 0px;
    }
    .cuadro_contacto {
        padding-left: 30px;
    }
    .cuadro_contacto .titular {
        margin-left: -120px;
    }

}

@media (max-width: 992px){ /* tablet vertical */
    .cliente p {font-size: 13px}
    .padre_selectpicker {width: 100%}
    .formulario_barra_superior {text-align: center}
    .soy_nuevo_pedido {position: absolute;     top: -50px; right: 0}
    .navbar-gestion .navbar-nav>li>a {font-size: 12px;}
    .headers {font-size: 12px;}

    .logo_bienvenida { height: auto; width: 100%;}
    
    .pie_superior .row>div {     width: 100%; }
    .botones a { margin: 0px; }
}

@media (max-width: 767px){ /* movil */

    #rc-imageselect, .g-recaptcha {transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;}

    .input-group {width: 100%}
    .barra_superior_gestion h1 {text-align: center}
    .zona_right_xs_center {text-align: center}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;}

    .group_row {margin-bottom: 15px; margin-top: 15px}
    .columna_izquierda, .columna_derecha {text-align: center}

    .navbar-gestion .navbar-nav>li>a{text-align: right}

    .btn-gigante { width: 100%; }


    /* -- -- -- FOOTER -- -- -- */
    .logo_pie img {
        height: 50px;
    }
    .cuadro_pie p {
        margin: 0 30px;
    }
    .newsletter .form-inline {
        width: calc(100% - 30px);
    }
    .newsletter .form-control {
        width: 100%!important;
        margin-bottom: 24px;
    }

    .pie_superior .titular {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .padre_texto_icono .texto_icono {
        justify-content: inherit;
    }
    .cuadro_redes .texto_icono img {
        margin-right: 0;
        margin-bottom: 0;
    }

    .cuadro_contacto .padre_texto_icono .texto_icono {
        justify-content: center;
        margin-bottom: 16px;
    }
    .desarrollo, .desarrollo a {
        font-size: 12px;
    }
    .degradado_fondo {
        height: calc(100% - 117px);
    }

    .padre_fondo_pie {
        height: calc(100% - 117px);
    }

    .cuadro_contacto {
        padding-left: 0px;
    }
    .puntos_fondo_derecha, .puntos_fondo_izquierda {
        height: 190px;
    }
}

.btn-corporativo { 
    color: #333; 
    background-color: #b0c800;
    border-color: #b0c800; 
} 

.btn-corporativo:hover, 
.btn-corporativo:focus, 
.btn-corporativo:active, 
.btn-corporativo.active, 
.open .dropdown-toggle.btn-corporativo { 
    color: #333; 
    background-color: #a8be03; 
    border-color: #a8be03; 
} 

.btn-corporativo:active, 
.btn-corporativo.active, 
.open .dropdown-toggle.btn-corporativo { 
    background-image: none; 
} 

.btn-corporativo.disabled, 
.btn-corporativo[disabled], 
fieldset[disabled] .btn-corporativo, 
.btn-corporativo.disabled:hover, 
.btn-corporativo[disabled]:hover, 
fieldset[disabled] .btn-corporativo:hover, 
.btn-corporativo.disabled:focus, 
.btn-corporativo[disabled]:focus, 
fieldset[disabled] .btn-corporativo:focus, 
.btn-corporativo.disabled:active, 
.btn-corporativo[disabled]:active, 
fieldset[disabled] .btn-corporativo:active, 
.btn-corporativo.disabled.active, 
.btn-corporativo[disabled].active, 
fieldset[disabled] .btn-corporativo.active { 
    background-color: #3d3c3c; 
    border-color: #3d3c3c; 
} 

.btn-corporativo .badge { 
    color: #333; 
    background-color: #FFFFFF; 
}

.btn-corporativo2 { 
    color: #FFFFFF; 
    background-color: #1f140f; 
    border-color: #1f140f; 
} 

.btn-corporativo2:hover, 
.btn-corporativo2:focus, 
.btn-corporativo2:active, 
.btn-corporativo2.active, 
.open .dropdown-toggle.btn-corporativo2 { 
    color: #FFFFFF; 
    background-color: #111111; 
    border-color: #1f140f; 
} 

.btn-corporativo2:active, 
.btn-corporativo2.active, 
.open .dropdown-toggle.btn-corporativo2 { 
    background-image: none; 
} 

.btn-corporativo2.disabled, 
.btn-corporativo2[disabled], 
fieldset[disabled] .btn-corporativo2, 
.btn-corporativo2.disabled:hover, 
.btn-corporativo2[disabled]:hover, 
fieldset[disabled] .btn-corporativo2:hover, 
.btn-corporativo2.disabled:focus, 
.btn-corporativo2[disabled]:focus, 
fieldset[disabled] .btn-corporativo2:focus, 
.btn-corporativo2.disabled:active, 
.btn-corporativo2[disabled]:active, 
fieldset[disabled] .btn-corporativo2:active, 
.btn-corporativo2.disabled.active, 
.btn-corporativo2[disabled].active, 
fieldset[disabled] .btn-corporativo2.active { 
    background-color: #1f140f; 
    border-color: #1f140f; 
} 

.btn-corporativo2 .badge { 
    color: #1f140f; 
    background-color: #FFFFFF; 
}

.btn-verde { 
    color: #ffffff; 
    background-color: #48A85F; 
    border-color: #557863; 
} 

.btn-verde:hover, 
.btn-verde:focus, 
.btn-verde:active, 
.btn-verde.active, 
.open .dropdown-toggle.btn-verde { 
    color: #ffffff; 
    background-color: #488A57; 
    border-color: #557863; 
} 

.btn-verde:active, 
.btn-verde.active, 
.open .dropdown-toggle.btn-verde { 
    background-image: none; 
} 

.btn-verde.disabled, 
.btn-verde[disabled], 
fieldset[disabled] .btn-verde, 
.btn-verde.disabled:hover, 
.btn-verde[disabled]:hover, 
fieldset[disabled] .btn-verde:hover, 
.btn-verde.disabled:focus, 
.btn-verde[disabled]:focus, 
fieldset[disabled] .btn-verde:focus, 
.btn-verde.disabled:active, 
.btn-verde[disabled]:active, 
fieldset[disabled] .btn-verde:active, 
.btn-verde.disabled.active, 
.btn-verde[disabled].active, 
fieldset[disabled] .btn-verde.active { 
    background-color: #48A85F; 
    border-color: #557863; 
} 

.btn-verde .badge { 
    color: #48A85F; 
    background-color: #ffffff; 
}

.btn-rojo { 
    color: #ffffff; 
    background-color: #B83535; 
    border-color: #993B3B; 
} 

.btn-rojo:hover, 
.btn-rojo:focus, 
.btn-rojo:active, 
.btn-rojo.active, 
.open .dropdown-toggle.btn-rojo { 
    color: #ffffff; 
    background-color: #993B3B; 
    border-color: #993B3B; 
} 

.btn-rojo:active, 
.btn-rojo.active, 
.open .dropdown-toggle.btn-rojo { 
    background-image: none; 
} 

.btn-rojo.disabled, 
.btn-rojo[disabled], 
fieldset[disabled] .btn-rojo, 
.btn-rojo.disabled:hover, 
.btn-rojo[disabled]:hover, 
fieldset[disabled] .btn-rojo:hover, 
.btn-rojo.disabled:focus, 
.btn-rojo[disabled]:focus, 
fieldset[disabled] .btn-rojo:focus, 
.btn-rojo.disabled:active, 
.btn-rojo[disabled]:active, 
fieldset[disabled] .btn-rojo:active, 
.btn-rojo.disabled.active, 
.btn-rojo[disabled].active, 
fieldset[disabled] .btn-rojo.active { 
    background-color: #B83535; 
    border-color: #993B3B; 
} 

.btn-rojo .badge { 
    color: #B83535; 
    background-color: #ffffff; 
}

.btn-cargar-mas { 
  color: #FFFFFF; 
  background-color: #1F140F; 
  border-color: #1F140F; 
} 
 
.btn-cargar-mas:hover, 
.btn-cargar-mas:focus, 
.btn-cargar-mas:active, 
.btn-cargar-mas.active, 
.open .dropdown-toggle.btn-cargar-mas { 
  color: #FFFFFF; 
  background-color: #000000; 
  border-color: #1F140F; 
} 
 
.btn-cargar-mas:active, 
.btn-cargar-mas.active, 
.open .dropdown-toggle.btn-cargar-mas { 
  background-image: none; 
} 
 
.btn-cargar-mas.disabled, 
.btn-cargar-mas[disabled], 
fieldset[disabled] .btn-cargar-mas, 
.btn-cargar-mas.disabled:hover, 
.btn-cargar-mas[disabled]:hover, 
fieldset[disabled] .btn-cargar-mas:hover, 
.btn-cargar-mas.disabled:focus, 
.btn-cargar-mas[disabled]:focus, 
fieldset[disabled] .btn-cargar-mas:focus, 
.btn-cargar-mas.disabled:active, 
.btn-cargar-mas[disabled]:active, 
fieldset[disabled] .btn-cargar-mas:active, 
.btn-cargar-mas.disabled.active, 
.btn-cargar-mas[disabled].active, 
fieldset[disabled] .btn-cargar-mas.active { 
  background-color: #1F140F; 
  border-color: #1F140F; 
} 
 
.btn-cargar-mas .badge { 
  color: #1F140F; 
  background-color: #FFFFFF; 
}