/* ========================================================================== THEME ==========================================================================   */  body{ font-family: 'Roboto', sans-serif; font-style: normal; -webkit-font-smoothing: antialiased; font-weight:300; line-height:150%; color: #555; padding-bottom:0px !important; overflow-x: hidden;  background: url(#FFF) center; background-color:#FFF; } ::-moz-selection{ color: #FFF;  background: #ba1f1f; } ::selection{ color: #FFF;  background: #ba1f1f; }   h1{ font-family: 'Playfair Display', serif; font-size:22px; color: #333 } h2{ font-family: 'Playfair Display', serif; font-size:20px; color: #333 } h3{ font-family: 'Playfair Display', serif; font-size:16px; color: #333; line-height: 1.3em } .hts span, h1 span, h2 span{ font-weight:100; font-style:italic } h4 { font-size:14px } .header-section h2, .header-section h3{ color:#000; padding-bottom:10px; margin-bottom:10px !important } .news-section h2, .list-categories-layer h2, .menu-boletines h2, .list-services-layer h3{ font-size:1.0em; font-family:'Roboto', sans-serif !important; line-height:1.4em } .text-services h2, .text-desc h2{ border-bottom:0px !important; line-height:1.3em  } .text-services h2{ text-transform: none !important; font-family: 'Roboto', sans-serif } .text-desc h2:before{ content:"\f105";	font-weight: bold;	margin-right:10px; color:#ba1f1f  } .text-services h2, .text-services p{ font-size:20px; margin:10px 0 15px 0; font-weight:500; font-family: 'Playfair Display', serif } .list-categories-layer h2{ font-weight:100 !important; margin:0 } .list-categories-layer h2:before{ content:"\f105"; font-weight: bold;	margin:0 5px 0 5px  } .menu-boletines li h2{ margin:13px 0 } .list-services-layer h3, .list-categories-layer h3, .menu-boletines h3, #comments, .search-layer h3, .container-form-comment h3{ margin-top:0px !important; border-bottom: 1px dotted #d8d8d8; padding-bottom:10px; margin-bottom:10px !important; } .list-categories-layer h3, .list-services-layer h2, .menu-boletines h3{  font-weight:700 !important } .list-categories-layer h3, .search-layer h3, .menu-boletines h3{ font-size: 28px !important; font-weight:100 } .hts{ font-size: 22px !important; padding-bottom: 15px; margin-bottom: 20px!important; margin-top: 20px; color:#333; font-family: 'Playfair Display', serif; border-bottom: 1px dotted #d8d8d8 } .min-desc-layer h2{ text-transform:none !important; font-size:1.2em; font-weight:bold !important; font-family: 'Roboto', sans-serif } .header-section h1{ padding-bottom:10px; margin-bottom:40px; border-bottom: 1px dotted #d8d8d8 } .min-desc-layer .header-section h1{ font-size: 2.3em; text-align: left }    .header{ margin:10px 0 20px 0; overflow:hidden; height:auto; color: #888; font-size:13px } .logo{ float:left; width:22%; overflow: hidden } .right-header{ float:right; width:78%; padding-right:10px; overflow:hidden } .contact-header{ overflow:hidden;  color:#8e817b; line-height:20px; height:auto } .menu-1{ font-family: 'Roboto', sans-serif ; font-size:100%; text-transform:uppercase; letter-spacing: 0.56px } .menu{ width:100% !important; height:1%; background-color: #F1F1F1 } .menu A:link, .menu A:visited{ color:#000 } .menu A:hover, .menu A:active{ text-decoration:none !important; color: #777 } .menu-1>li>a { padding:13px 25px 16px 25px; border-top:3px solid transparent } .menu-1>li>a:hover { border-top:3px solid #ba1f1f } .menu-1>li{ min-width:135px !important; text-align:center; padding:0 0 !important } .menu-1>li:hover{ background-color:transparent } .active-new{ background-color:transparent } .menu-1 li{ position:relative } .menu-1 li UL{ display: none; position: absolute; top:52px; left:0px; z-index:3000; list-style-type: none; margin-left:0px; padding-left:0; background-color: #FFF; box-shadow: 10px 10px 20px 0 rgba(0,0,0,.1); min-width:200px; overflow:hidden; border: 1px solid rgba(0, 0, 0, .15)  } .menu-1 li UL A:link, .menu-1 li UL A:visited{ color: #333 !important; text-transform:uppercase; font-size:0.85em } .menu-1 li UL A:hover, .menu-1 li UL A:active{ color: #333 !important } .menu-1 li:hover UL{ display:block } .menu-1 li UL LI{ position:relative; margin-left:-10px; padding-left:30px; line-height:50px; text-align:left; border-bottom: 1px dotted #d8d8d8; min-width: 300px;  } .menu-1 li UL LI:hover{ background-color: #F1F1F1; border-bottom: 1px dotted transparent } .menu-1 li A{ display:block } .responsive-menu-cont{ display:none; background-color: #ba1f1f; box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.30) } .responsive-menu-cont LI{ border-bottom:1px dotted #ff8787; line-height: 30px; padding-left:15px  } .responsive-menu-cont UL{ list-style-type: none; margin-left:0px; padding-left:0px; margin-bottom:0px } .responsive-menu-cont A:link, .responsive-menu-cont A:visited{ color:#FFF; text-decoration: none } .responsive-menu-cont A:active, .responsive-menu-cont A:hover{ color:#000; text-decoration: none } .responsive-menu-1{ display:none; width:50%; float:right; text-align: right; padding:10px 0; padding-right:15px } .responsive-menu-1 A:link, .responsive-menu-1 A:visited{ color:#000 } .responsive-menu-1 A:active, .responsive-menu-1 A:hover{ color:#ba1f1f } .responsive-menu-cont .fa-i-entrar:before, .responsive-menu-cont .fa-i-registrarse:before, .responsive-menu-cont .fa-i-salir:before, .responsive-menu-cont .fa-i-promociones:before, .responsive-menu-cont .fa-i-condiciones:before, .responsive-menu-cont .fa-i-ayuda:before, .responsive-menu-cont .fa-i-empresa:before, .responsive-menu-cont .fa-i-noticias:before, .responsive-menu-cont .fa-i-contacto:before, .responsive-menu-cont .fa-i-promociones:before, .responsive-menu-cont .fa-i-condiciones:before, .responsive-menu-cont .fa-i-micuenta:before, .cesta-responsive li:before, .responsive-menu-cont .fa-i-salir:before, .responsive-menu-cont .fa-i-pedidos:before, .responsive-menu-cont .fa-i-favoritos:before, .responsive-menu-cont .fa-i-promos:before, .responsive-menu-cont .fa-i-pass:before, .title-news-p p:before, .responsive-menu-cont .fa-i-secciones:before, .responsive-menu-cont .fa-i-porfolio:before, .responsive-menu-cont .fa-i-secciones:before, .responsive-menu-cont .fa-i-galeria:before, .responsive-menu-cont .fa-i-servicios:before{ font-family: FontAwesome; margin-right:10px; color: #FFF } .responsive-menu-cont .fa-i-entrar:before{ content:"\f090" } .responsive-menu-cont .fa-i-registrarse:before{ content:"\f040" } .responsive-menu-cont .fa-i-registrarse:before{ content:"\f040" } .responsive-menu-cont .fa-i-empresa:before{ content:"\f0c0" } .responsive-menu-cont .fa-i-noticias:before{ content:"\f1ea" } .responsive-menu-cont .fa-i-contacto:before{ content:"\f0e0" } .responsive-menu-cont .fa-i-galeria:before{ content:"\f1c5"; padding-left: 2px } .responsive-menu-cont .fa-i-servicios:before{ content:"\f07a"; } .responsive-menu-cont .fa-i-promociones:before{ content:"\f295" } .responsive-menu-cont .fa-i-condiciones:before{ content:"\f15c" } .responsive-menu-cont .fa-i-micuenta:before{ content:"\f007" } .responsive-menu-cont .fa-i-salir:before{ content:"\f08b" } .responsive-menu-cont .fa-i-pedidos:before{ content:"\f290" } .responsive-menu-cont .fa-i-favoritos:before{ content:"\f004" } .responsive-menu-cont .fa-i-promos:before{ content:"\f295" } .responsive-menu-cont .fa-i-pass:before{ content:"\f040" } .responsive-menu-cont .fa-i-porfolio:before{ content:"\f03a" } .responsive-menu-cont .fa-i-secciones:before{ content:"\f004" } .responsive-menu{ display:none } .header-options{ text-align: right; width: 100%; height:20px; overflow:hidden } .header-options .active-new{ background-color: transparent } .header-option-menu{ float:right } .header-options UL{ list-style-type: none; float:right; padding-left:0 } .header-options LI{ float:left; padding-right:10px; margin-left:10px; border-right: solid 1px #dfdfdf } .phone-header{ margin-top:10px; font-size:20px; text-align:right; font-weight:bold; color: #000 }   .lupa:before, .list-categories-layer h2:before, .register-ok-layer .header-section:before, .a-como-llegar:before, .fa-name:before, .fa-dir:before, .fa-phone-c:before, .fa-globe-c:before, .fa-envelope-c:before, .ban-icon:before, .archive A:before, .secciones-cont .header-section h1:before, .small-section h3:before, .empresa-cont .header-section h1:before, .cont-gal .header-section h1:before, .noticias-cont .header-section h1:before, .title-pp h2:before, .text-desc h2:before, .li-cat-pp:before, .mail-banner:before, .phone-banner:before, .clientes-cont .header-section h1:before, .cont-sect .header-section h2:before, .cesta-i:before, .banner-free-tel:before, .banner-free-mail:before, footer .menu-footer li:before, .noticias-cont .date:before, .noticias-cont .comment-link:before, .tag-link:before, #IrArriba span:before, .option-menu li:before, .title-client-p h2:before, .title-client h2:before, .title-client-p p:before, .contact-layer-small-2 .button-layer A:before, .web-client A:before{ font-family: FontAwesome }   .fa-contact:before{ margin-right: 10px; color: #e2e1e1; font-size:1.5em !important; line-height: 1.6em } .fa-name:before{ content:"\f0c0"  } .fa-dir:before{ content:"\f041"; margin-left:3px; font-size:1.3em; margin-right:15px  } .fa-phone-c:before{ content:"\f095"; font-size:1.2em; margin-right:15px } .fa-globe-c:before{ content:"\f0ac"; font-size:1.2em; } .fa-envelope-c:before{ content:"\f0e0"; font-size:1.1em; } .contenedor-formulario-contacto{ margin-bottom:30px } .contenedor-formulario-contacto h2{ padding:10px; border-bottom:1px dotted #d8d8d8; padding-bottom:10px; color: #333; margin-bottom:30px; font-size:17px; font-weight:bold; background-color: #F5F5F5 } .contact-information{ margin-bottom:40px } .contact-layer-small{ overflow: hidden; height:1%; margin:10px 0 20px 0; padding:15px 0; line-height:1.3em; color:#333 } .contact-layer-small-2{ margin: 30px 0 0 0; padding: 20px 0; border-top: 1px dashed #e2e1e1; font-weight: bold; font-size:1.1em; color: #000 } .contact-layer-small-2 .button-layer{ margin:40px 0 20px 0 } .contact-layer-small-2 .button-layer A:before{ content:"\f0e0"; margin-right:20px } .contact-layer-small p{ margin:30px 0; font-weight:bold; font-size:1.1em } .form-contact-layer{ margin:15px 0 } .contact LI{ border-bottom: 1px dotted #e2e1e1 } UL.contact{ list-style-type:none; margin:0; padding:0 } .obligatory-input-text { margin-top: 20px; word-break: break-all; word-wrap: break-word; float: left; font-size: 13px; padding-left:10px } .contact-l .button-form{ text-align: right; margin-right:10px; margin-bottom:40px; margin-top: 5px } .information{ padding:0 20px 10px 15px } .information i{ color:#ba1f1f; margin-right:8px; font-size:20px } .cont-contact LI{ line-height:30px }     footer .fa-phone-c:before, footer .fa-globe-c:before, footer .fa-envelope-c:before, footer .fa-name:before, footer .fa-dir:before{ font-size: 1.3em !important } footer .fa-dir:before{ margin-right:15px } footer .fa-phone-c:before{ margin-right:15px } footer .fa-envelope-c:before{ margin-right:12px } footer .contact LI{ border-bottom: 0px dotted #C1C1C1 } footer{ background-color:#ba1f1f; min-height:250px; color:#FFF; border-top: 10px solid transparent; font-size:13px; padding:20px 0; margin-top:20px; line-height:1.7em; background-position: center center  } footer h4{ color:#FFF; font-size: 1.3em !important; font-weight: bold !important; margin:20px 0 25px 0; text-transform:uppercase; letter-spacing:1px; font-family:'Playfair Display', serif; text-shadow: 0px 2px 2px #000 } footer A:link, footer A:visited{  color:#FFF; text-decoration: none; text-transform:uppercase; font-size:13px; } footer A:hover, footer A:active{  color: #000 } footer span{ margin-right:8px } footer label{ margin-left:10px; font-weight:100 !important } footer .active-new{ background-color:transparent } footer UL{ list-style-type:none; padding:0 0 } footer .text-form{ font-size:0.85em; line-height:1.4em } footer .menu-footer li:before{ content: "\f105"; margin-right:5px; color: #FFF } .copy{ margin-top:25px; padding-bottom:10px } .copy span{ font-weight:bold; color: #000 }    .form-control:focus { border-color: #ba1f1f !important; outline: 0px none; box-shadow: 0px 0px 0px rgba(203, 248, 254, 0.075) inset, 0px 0px 0px rgba(186, 31, 31, 0.6) } .form-control{ margin:17px 0; color: #a7a7a7; padding:2px 10px; border-radius:0px; border:1px solid #e2e1e1 } .form-control:placeholder{ color: #bcbcbc } .form-group{ margin:0 10px } .form-group .button-form{ text-align: right } .small-form{ width:100px; float:left } .captcha{ width:65px; float:left; line-height:50px; margin-top:10px } .forms-login{ overflow:hidden } .menu-cortos{ display: none; text-align: center } .forms-login h2{ font-family: 'Roboto', sans-serif; font-size:15px !important; letter-spacing:0; color: #000; font-weight:bold !important; border-bottom:1px dotted #d8d8d8; padding-bottom:10px; text-transform:uppercase } .forms-login h2 span{ color: #ba1f1f } .login-f h2:before, .block-login h2:before{ font-family: FontAwesome; margin-right:10px; color: #D1D1D1 } .login-f h2:before { content:"\f09c" } .block-login h2:before{ content:"\f13e" } .forms-login p{ font-size:0.85em  } .forms-login label{ margin:0 5px 0 10px } .obli-field{ font-size:0.8em; color:#999 } .btn-form input[type=submit]{ float: right } .footer-form{ text-align:right; margin-top:10px } .footer-form p{ font-size:0.88em; line-height:1.6em } .form-log{ margin-bottom:30px } .form-div input, .label-div{ margin:15px 0 } .label-div{ text-align:right } .chek-box-b label{ margin-right:15px } .my-acount-data{ margin-bottom:30px }    .lupa:before{ content:"\f002" } .lupa{ display: none; text-transform:uppercase; margin-right:10px }   .ruta-larga{ background-color: #ba1f1f; letter-spacing:0.5px } .ruta{ font-size: 0.85em; font-weight:400; padding:5px 0 0 0; margin-bottom:5px; line-height: 25px; color: #f99494 } .responsive-ruta{ overflow:hidden; height:1%; width:100% } .ruta-larga A:link, .ruta-larga A:visited{ color: #FFF; text-decoration: none } .ruta-larga A:hover, .ruta-larga A:active{ color: #f99494 }  .breadcrumb{ background-color: transparent }   .acept-pol label{ float: left; width: 80% } .acept-pol .check-pol-l{ float:left; width: 20%; margin-top: 5px } figcaption{ font-style:italic; color:#000!important } select{ width:100%; border:1px solid #d8d8d8; margin-top:5px; color:#333; font-size:90%; padding:7px 7px } iframe{ max-width:100%; border:0 } section{ margin:20px 0; overflow:hidden } hr{ border-top: 1px solid #e7e6e6 } .border-bottom{	border-bottom:1px dotted #CCC } .awards-div{ margin-top:40px; margin-bottom:30px } .justify{ text-align:justify } .required{ color:#555; } .underline{ text-decoration:underline !important } .obligatory{ float:left; font-size:85% } .fa-phone{ margin-right:11px !important } .m-standard{ margin:20px 0 } .color-page-jumbo{ color:#72645d } .color-text, .color-text p{ color:#555 !important; font-size:1.03em; margin-top:20px } .color-red{ color:#F00 } .color-green{ color:#60a684 } table{ width:100% } td{ padding: 3px 10px; border:1px dotted #C1C1C1; vertical-align:top; width:50% !important } th{ width:50%; background-color:#f91f3b; padding:3px 10px; font-weight:normal; color:#FFF; border:1px solid #96091b } table UL{ margin:0; padding:0 20px; list-style-type:square } .margin-top-20{ margin-top:20px } .margin-bottom-20{ margin-bottom:20px } .padding-bottom-20{ padding-bottom:20px; } .bold{ font-weight:bold !important; } .standard{ overflow:hidden; height:auto; padding:5px 0 } .white-color{ color:#FFF } .m-top{ margin-top:15px } .italic{ font-style:italic } .no-bottom-border{ border-bottom: 0px !important } .color-page{ color: #ba1f1f } blockquote{ font-size:1.0em; border-left: 5px solid #eee; }  .error-layer, .error{ color:#F00 } .button-layer{ float:none; margin: 20px 0; padding: 5px 0 } .ok-msg-layer{ background-color:#096; padding:7px 10px; color:#FFF; margin:20px 10px; overflow:hidden; height:1% } .error-msg-layer { color: #FFF; padding: 7px 10px; font-size: 13px; margin: 10px 0; background-color: #fa0d2c } .cont-favoritos .error-msg-layer, .order-list .error-msg-layer, .container-cart .error-msg-layer, .cont-bonos .error-msg-layer, .cont-vales .error-msg-layer{ background-color: #F5F5F5; color: #333; font-size:1.1em; font-weight:bold } .other-info{ margin:20px 0 } .light-color { color: #999 } .layer-error h3{ font-size: 1.5em } .layer-error{ padding-bottom:30px }    .cont-vales{ margin-bottom:30px } .buttons-vales .button-layer{ margin-top:10px } .buttons-vales .button-layer .style-button{ width:100% !important } .result-comment{ margin: 20px 0 10px 0 } .footer-form-button{ margin-top: 30px !important } .cont-vales .header-line{ margin-bottom:10px !important } .text-vale{ margin-top:60px; background-color: #F5F5F5; overflow:hidden; padding:0 15px } .text-vale h3{ font-size:1.1em }       .banner-free{ font-family:'Playfair Display', serif; letter-spacing:1px; background: #333;  background: url(../images/fondo-secciones.jpg); background-size:cover; background-position: center center; color: #000; color: #FFF; font-size:30px; height: auto; padding: 50px 0; margin:20px 0;  line-height:45px  } .free-consult { height: 100% } .banner-free A:link, .banner-free A:visited{ color: #FFF; text-decoration: none } .banner-free A:hover, .banner-free A:active{ color: #ba1f1f } .banner-free-tel:before, .banner-free-mail:before{ margin-right:20px; color: #ba1f1f  } .banner-free-tel:before{ content:"\f095"; margin-right:24px; } .banner-free-mail:before{ content:"\f0e0" }     .news-section{ overflow: hidden; position:relative } .news-section A{ text-decoration:none } .archive A:before{ content:"\f0a9"; margin-right:7px; color: #e2e1e1 } .archive ul{ list-style-type:none; margin:auto 0; padding:0 } .archive li{ padding: 5px 0 } .archive A{ text-decoration: none } .archive h3{ margin:0 } .number-post{ color:#ba1f1f } .image-small-news{ position:relative } .image-small-news:hover .gal-zoom, .small-img-sec:hover .gal-zoom{ display:block; transition: all 500ms ease-out } .block-text-news{ padding:20px 20px 0 20px } .news-section .block-text-news{ margin-bottom:40px } .news-section .block-text-news{ border-bottom: 1px dashed #ddd } .small-news{ padding-bottom:5px; margin:0 0 !important; width:100% !important } .small-news .block-text-news{ width:100%; padding: 0; padding-bottom:15px; margin-bottom:10px } .small-news .separator-new:before{ margin:0 3px } .list-news-layer .search-layer{ margin-left: 0; margin-bottom:25px; width:100%  } .list-news-layer{ overflow:hidden } .list-news-layer .hts{ font-weight: bold; margin-bottom: 0 !important } .recent-news{ margin-bottom:30px; overflow:hidden; line-height:1.8em } .recent-news .date{ font-size:0.90em } .recent-news h2{ margin:10px 0; font-weight:100 } .number{ border-radius: 1.5em; color: #FFF; display: inline-block; font-weight: bold; line-height: 2.5em; margin-right: 15px; text-align: center; width: 2.5em; background-color:#7b7b7b; box-shadow: 0 2px 8px 0 rgba(0,0,0,.4); margin-top:18px !important } .cont-sec-dest .text-small-news, .cont-sec-dest .text-small-items{ color:#FFF !important } .cont-sec-news { color: inherit; padding:10px 0 30px 0; background-color: #F5F5F5 } .cont-sec-news .header-section{ margin-bottom:20px } .cont-sec-news .date{ color:#ba1f1f !important } .noticias-cont .date:before{ content: "\f073"; margin-right:5px; color: #ba1f1f } .noticias-cont .comment-link:before{ content:"\f0e6"; margin-right:5px; color: #ba1f1f } .noticias-cont{ margin-bottom:40px } .text-small-news{ margin-top:10px } .title-news{ overflow:hidden; height:auto } .title-news-p h2, .title-news h2, .title-news-p p{ font-size:18px; line-height: 1.3em; margin-top:15px; font-weight:bold !important } .title-news h2, .title-news-p{ font-weight: bold !important } .title-news-p p{ overflow:hidden; height:1%; margin-top:0 } .date i{ margin-right:7px } .date{ color: #000; font-weight:400; width:100%; overflow:hidden; height:1%; text-align:left !important } .cont-sec-news .date{ position:absolute; top:20px; left:7px; background-color: rgba(2,168,244,0.8); width:120px; height:auto; color: #FFF !important; padding:10px 5px; text-align:center !important; box-shadow: 0px 3px 5px rgba(0,0,0,0.3) } .cont-sec-news .date A:link, .cont-sec-news .date A:visited{ color: #FFF !important } .cont-sec-news .date A:hover, .cont-sec-news .date A:active{ color: #000 !important } .cont-sec-news .separator-new{ display:none } .separator-new:before{ content:" | "; color: #d6d6d6; margin: 0 15px } .cont-sec-news .span-date{ width:100%; display:block } .small-date{ font-size:90% } .tag-layer{ font-weight:bold; margin:25px 0 } .tag-layer A{ text-decoration:underline !important } .large-services .date{ text-align: center } .block-text-news .date{ font-weight:100 !important } .icono-persona{ margin-right:15px; } .comment{ margin-bottom:15px; } .comment p{ color:#9b9089 !important; } .comentary-container{ min-height: 200px; margin: 15px 0; background-color: #F5F5F5; padding: 20px; margin-bottom: 30px } .detail-comment h2{ margin-top:8px !important } #comments, .container-form-comment h3{ font-size: 16px !important; text-transform:uppercase; font-weight:bold !important } .date-margin{ margin:20px 0 10px 0 } .big-new a:link, .big-new a:visited{ color: #ba1f1f; text-decoration:none } .big-new a:hover, .big-new a:active{ color: #000; text-decoration:none } .news-layer{ border-bottom:1px dotted #CCC } .comment-news{ color: #ba1f1f } .comment-news:before{ font-family: FontAwesome; content:"\f0e5"; margin-right:10px } .comment-news:after{ content: " Comentarios" } .cont-sec-news .header-section h2 span{ color: #ba1f1f } .cont-sec-news .button-layer{ text-align:center } .cabecera-blog{ background-color: #ba1f1f; color: #FFF; padding: 30px; width:100%; margin-bottom:60px } .cabecera-blog h1{ border-bottom: 0px; color: #FFF; margin-bottom: 0; font-size:30px } .cabecera-blog h1:before{ content: none } .tag-link{ padding: 3px 8px 3px 5px; background-color: rgba(0,0,0,0.05); text-decoration:none !important; font-weight: 100; font-size:0.95em } .tag-link:hover{ background-color: #ba1f1f } .tag-link:before{ margin: 0 7px; content: "\f02b" ; color: #ba1f1f} .tag-link:hover:before{ color: #FFF } .tag-link:link, .tag-link:visited{ color: #333 !important; text-decoration:none !important } .tag-link:hover, .tag-link:active{ color: #FFF !important; text-decoration:none !important  } .tag-layer A:hover{ text-decoration: none }   .title-client-p h2, .title-client h2, .title-client-p p{ font-size:15px; letter-spacing:1px; font-weight:bold; font-family: 'Roboto', sans-serif } .title-client-p h2:before, .title-client h2:before, .title-client-p p:before{ content: "\f0a9"; color: #e2e1e1; margin-right:10px; padding-bottom:5px } .title-client-p h2:hover:before, .title-client h2:hover:before, .title-client-p p:hover:before{ color: #ba1f1f } .block-text-clients{ padding: 0 15px 10px 15px; overflow: hidden; border:1px solid #e9e9e9 } .block-text-clients:hover{ background-color: #F5F5F5 } .client-list A{ text-decoration: none; width:100% } .client-list:hover img, .big-cliente img:hover{ opacity: 0.7 !important } .clientes-cont .col-md-4{ margin-bottom:30px } .clientes-cont{ margin-bottom:50px } .image-small-client{ background-color: #000 } .big-cliente:hover img{ opacity: 1.0 !important } .big-cliente h2{ font-size: 1.4em; margin-bottom:30px } .big-desc-client A:link,.big-desc-client A:visited{ color: #ba1f1f } .big-desc-client A:hover,.big-desc-client A:visited{ color: #000; text-decoration: underline } .web-client A:before{ content:"\f0ac"; margin-right:10px; font-size:1.3em; line-height:1.3em } .web-client A{ text-decoration: none !important } .web-client{ margin: 20px 0 } .contenedor-clientes{ margin-top:40px; clear:both }   .cont-list-team{ overflow:hidden; margin-top:30px } .cont-list-team h3{ margin-top: 8px; color: #ba1f1f; margin-bottom:5px } .cargo{ margin-bottom:3px; font-weight:bold } .mail-team{ margin-bottom:3px; color: #ba1f1f } .img-team{ margin: 7px } .img-team img{ box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.07) } .cargo i, .mail-team i{ margin-right:10px; color: #ba1f1f } .link-team{ margin:5px 0; overflow:hidden } .cont-list-team{ overflow:hidden; margin-top:30px } .big-list-team{ height:auto; max-width:100%; margin-bottom:30px; overflow:hidden } .min-info-team h3{ line-height:1.3em } .min-info-team A:link, .min-info-team A:visited{ color: #ba1f1f } .min-info-team A:hover, .min-info-team A:active{ color: #000 }   .cont-bol{ clear:both; padding:60px 0; color:#FFF; background-color: #333; background: url(../images/fondo-secciones.jpg); background-size:cover } .cont-bol .text-form{ width:40%; float:left; padding-top:5px; padding-right:15px; padding-left:15px } .cont-bol .cont-form-subs{ width:60%; float:left } .cont-bol .button-layer{ float:left !important; margin:-2px 10px } .cont-bol .button-layer .style-button{ outline:0px; background-color: #ba1f1f !important;  box-shadow:none; border: 0px; padding:7px 5px 6.5px 5px; font-weight:bold } .cont-bol .button-layer .style-button:hover{ background-color: #9d1111 !important } .cont-bol .form-control{ margin:3px 0; float:left; width:70%; padding-left: 15px; } .cont-bol .submit-news-letter-div A:link, .cont-bol .submit-news-letter-div A:visited{ color:#FFF !important  } .cont-bol .submit-news-letter-div A:hover, .cont-bol .submit-news-letter-div A:active{ color:#000 !important  } .cont-bol .submit-news-letter-div{ font-size:0.8em; font-weight:100 !important; margin: 10px 0 } .boletines-div picture{ margin-bottom:20px !important } .boletines-div .layer-error { margin-bottom:150px } .boletines-div, .subscripcion-div { font-size:1.0em; min-height:330px; overflow:hidden; clear:both } .subscripcion-div{ margin-bottom:50px } .subscripcion-div-cont{ background-image: url(../images/imagen_2.jpg); background-repeat: no-repeat; background-size:cover; min-height:300px } .subscripcion-div-cont .text-form, .subscripcion-div-cont .cont-form-subs{ padding:10px } .subs-div-explain{ padding:10px; background-color: #F5F5F5  } .subscripcion-div i, .layer-error i{ font-size: 6.9em } .newsletter-big{ font-size:1.4em; font-weight:bold; float:left }   #IrArriba { position: fixed; bottom: 30px; right: 30px; z-index:1000 } #IrArriba span { width: 60px; height: 60px; display: block } #IrArriba A{ text-decoration: none } #IrArriba span:before{ content:"\f077"; font-size:60px; color: #ba1f1f; text-shadow: 3px 3px 6px rgba(0,0,0,0.4) } #IrArriba span:hover:before{ color: #333 }    .previous-next{ margin-bottom:25px; overflow:hidden; height:1%; font-size:90%; color:#000; font-weight:bold } .previous-next-small{ margin-right:15px }    .menu-cat-list{ margin-top:23px } .menu-cat-list UL{ list-style-type:none !important; padding:0; margin:0 } .menu-cat-list LI{ padding-left: 0 !important; line-height:30px } .menu-cat-list LI UL LI{ border-bottom:1px dotted #C1C1C1 } .menu-cat-list LI UL{ margin-bottom:20px } .list-categories-layer UL, .menu-boletines UL{ margin:10px 0; padding:0 0px; list-style-type:none; } .list-categories-layer i, .menu-boletines i{ margin-right:10px; font-weight:600 !important } .list-categories-layer i:hover{ color:#FFF } .li-cat-pp{ text-transform:uppercase } .li-cat-pp UL{font-weight:100; text-transform:none } .li-cat-pp:before{ content:"\f054"; color: #e2e1e1 } .li-cat-pp:hover:before{ color: #ba1f1f } .li-cat-pp:hover{ border-bottom: 0px } .li-cat-pp A{ text-decoration: none } .menu-cat-list li UL{ display:none } .fich-fam-item .header-section{ margin-bottom:10px !important  } .fich-fam-item .header-section h1{ font-size:1.2em !important; line-height:1.4em  } .menu-cat-list .hts{ border-bottom: 1px dotted #d8d8d8; padding-bottom:7px !important; font-size:1.2em !important; line-height:1.4em  }      .pages-layer{ margin-top:20px; text-align:center; padding:10px 0 } .pages:link, .pages:visited, .pages-no-link{ padding: 10px 20px; margin-right: 5px; box-shadow: 2px 2px 3px #CCC; background-color: #ba1f1f; color:#FFF !important; transition: all 300ms ease-out } .pages-no-link { background-color: #E4E4E4; margin-right: 10px; color:#999 !important } .pages:hover, .pages A:active{ text-decoration: none; background-color: #000 }   #cookies{ background-color:#F1F1F1; z-index:180; padding:3px 10px; width:100%; text-align:center; color:#333; font-size:0.85em; line-height: 1.4em } #cookies A{ color:#ba1f1f !important }   .cont-bonos .name-cat-gal{ margin-top:10% !important; right:20px; left:auto; width:67% !important } .cont-bonos-pp .header-section h2{ text-transform:uppercase !important } .cont-bonos-pp .header-section{ margin-bottom:30px !important } .cont-bonos-pp .name-cat-gal{ margin-top:20% !important } .cont-bonos-pp .header-section h2 span{ color: #ba1f1f } .cont-bonos-pp .decoration-row, .cont-bonos .decoration-row{ margin-top:25px } .cont-bonos-pp{ margin-top:20px } .header-vale{ margin:20px 0 }   .div-404{ margin-top:10px; padding:20px; text-align:center } .div-404 h2{ font-weight:100 !important; margin-bottom:30px } .div-404 i{ font-size: 220px } .bottom-404{ margin:30px 0 } .texto-404{ margin: 40px 0 }   .carousel{ 	box-shadow: 0px 5px 15px #CCC; background-color:#f1F1F1 } #intro{	background: url("../images/portada_1.jpg") no-repeat scroll center top transparent; background-size: cover; padding: 5% 0px 10%; } .intro{ height:100% !important; position:relative; width: 100%;	margin-bottom:0px !important; }   .container-info-empresa span{ font-style:inherit } .container-info-empresa section{ margin:0 } .container-info-empresa h1{ color: #FFF } .container-info-empresa .header-section h1{ border-bottom: 0px; margin-bottom:10px } .container-info-empresa{ padding:20px 0; background-color: #ba1f1f; color: #FFF } .container-info-empresa h2{ color:#FFF } .img-emp{ margin-top:15px } .img-we{ max-width:100% } .cont-img-emp{ overflow: hidden; margin-bottom:30px } .min-desc-layer{ text-align:justify } .min-desc-layer a:link, .min-desc-layer a:visited, .cont-info-fam-des a:link, .cont-info-fam-des a:visited{ color: #ba1f1f; text-decoration: none !important } .min-desc-layer a:hover, .min-desc-layer a:active, .cont-info-fam-des a:hover, .cont-info-fam-des a:active{ color: #ba1f1f; text-decoration: underline !important } .min-desc-layer .button-layer a:hover, .min-desc-layer .button-layer a:active{text-decoration: none !important }   .title-album h2{ font-size:1.3em; margin:10px 0; font-weight:bold !important } .title-album{ margin-top:20px } .title-album A:link, .title-album A:visited{ color:#ba1f1f; text-decoration:none } .title-album A:hover, .title-album A:active{ color:#000 } .cont-gal h1{ font-size:1.6em } .big-date{ background-color: #ba1f1f; color: #FFF; font-size:1.5em; text-align:center; margin-right:25px; margin-bottom:20px; text-align:center; padding:10px } .description-album-text{ overflow: hidden; height:1%; margin-bottom:20px } .description-album{ font-size:0.95em } .date-new-small{ position: absolute; top:10px; left:15px; color:#FFF; background-color:rgba(186, 31, 31, 1.00); padding:5px 10px; display:none } .name-gal{ position:absolute; bottom:0; left:15px; width:auto; right:15px; background-color:rgba(186, 31, 31, 1.00); padding:7px 10px; display: none } .name-gal h2{ margin:0px; font-size:1.1em; color:#FFF; font-weight:100 !important } .gal-zoom{ position: absolute; top: 38%; left: 42%; font-size: 3.0em; color: #FFF; display: none } .gal-zoom span{ font-size:0.80em; width:50px; height:50px; border-radius:25px; color: #FFF; padding-left:9px; padding-top:7px; background-color:  #ba1f1f } .cont-gal .header-section{ margin-bottom:30px } .button-galery-l{ margin-right:27px; margin-top:40px } .option-div{ overflow:hidden; padding:15px 0; color:#FFF } .option-div i{ margin:0 10px } .name-cat-gal{ position:absolute; top:0; margin-top:25%; left: 0%; width:100%; z-index:1000; text-align:center; width:100%; line-height:28px; padding-bottom:10px  } .name-cat-gal h2{ font-weight:bold !important } .name-cat-gal h2 A{ display: block } video{ width: 100% }     .s-destacado{ color:#333; margin-top:10px !important; text-transform:uppercase; font-weight:400; font-size:1.2em } .descripcion-destacada p{ text-align: justify } .descripcion-destacada h2{ font-size: 2.3em; padding-bottom:20px; border-bottom:1px dashed #FFF } .descripcion-destacada A:link, .descripcion-destacada A:visited{ color:#FFF; text-decoration:none !important } .descripcion-destacada A:hover, .descripcion-destacada A:active{ color:#000; text-decoration:none !important } .section{ margin:15px 0; color:#737373 !important } .clientes-cont .header-section h1:before, .secciones-cont .header-section h1:before, .empresa-cont .header-section h1:before, .cont-gal .header-section h1:before{ content:"\f138"; color: #ba1f1f; margin-right: 10px; margin-left:3px } .small-section h3:before{ content:"\f0da"; color: #ba1f1f; margin-right: 10px } .menu-subseccion{ overflow: hidden; margin-top:-20px; display: none } .menu-subseccion .list-categories-layer, .menu-boletines{ margin-top:0px } .menu-seccion li{ padding-bottom:5px !important } .menu-seccion li A:before{ font-family: FontAwesome; content:"\f105";	font-weight: bold;	margin-right:10px } .menu-seccion li:hover{ color:#FFF } .deep-menu li{ float: left; margin-right:20px; border-bottom:0px solid #FFF } .deep-menu li A{ text-decoration: underline !important } .deep-menu{ margin:0; padding:0; overflow: hidden } .cont-sec{ overflow:hidden; height:1%; clear:both } .cont-sec{ text-align:justify; line-height:1.7em } .img-sec-cont{ margin:25px 0 10px 0; overflow:hidden; padding:0 } .small-img-sec{ position:relative; background-color:#000 } .small-img-sec IMG:hover{ opacity:0.5; transition: all 500ms ease-out } .image-section .img-sec-cont{ padding: 0 5px } .img-sec{ width:24%; float:left; margin-right:1% } .secciones-cont .servicio-destacado{ margin:0 0; color: inherit } .secciones-cont .cont-secciones-ad{ background-color: #F5F5F5 !important } .secciones-cont .descripcion-destacada A:hover, .secciones-cont .descripcion-destacada A:active{ color: #ba1f1f !important } .secciones-cont .descripcion-destacada A:link, .secciones-cont .descripcion-destacada A:visited{ color: inherit } .secciones-cont h2{ border-color :#555 }   .google-layer-full iframe{ width:100%; min-height:300px } .we-are{ text-align:center; padding:20px 0 } iframe{ box-shadow: 0 2px 10px 0 rgba(0,0,0,.1) } .small-google-location{ margin-top:10px }   .image-section, .small-img-sec{ overflow:hidden } .image-section{ max-width:50%; float:left } .descripcion-empresa, .boletines-div, .subscripcion-div, .politica-div{ line-height:1.7em; text-align:justify; margin-bottom:20px; overflow:hidden } .decoration-row{ overflow:hidden } .decoration-row LI{ line-height:1.6em } .text-section{ margin: 20px 0 }    .button-container{ margin-top:20px } .btn-primary{ font-weight:400 !important; box-shadow: 2px 2px 3px rgba(0,0,0,0.5); background: #ba1f1f; border:0px; border-radius:5px; transition: all 500ms ease-out 0s } .btn-primary:hover, .btn-primary:active{ border:0px; background: #e2e1e1 } .small-btn{ padding:7px 20px !important; font-size:100%; box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.30) } .style-button, .style-button-blue, .style-button-trans{ font-family: 'Roboto', sans-serif; color:#FFF; padding:15px 30px; min-width:140px; text-transform:uppercase; text-decoration: none !important } .style-button:link, .style-button:visited{ color:#777 !important; background-color:#e2e1e1; transition: all 500ms ease-out  } .style-button:hover, .style-button:active{ color:#FFF !important; background-color:#ba1f1f; text-decoration:none } .style-button-blue:link, .style-button-blue:visited{ color:#FFF !important; background-color: #ba1f1f !important; transition: all 500ms ease-out } .style-button-blue:hover, .style-button-blue:active{ color:#FFF !important; background-color: #000 !important; text-decoration:none } .style-button-trans:link, .style-button-trans:visited{ color:#FFF !important; background-color: transparent !important; transition: all 500ms ease-out; border: 1px solid #FFF } .style-button-trans:hover, .style-button-trans:active{ color:#FFF !important; background-color: #ba1f1f !important; text-decoration:none;  } .button-form .style-button { color: #FFF !important; background-color: #000 !important; transition: all 500ms ease-out; border: 0px; min-width:70px } .button-form .style-button:hover, .button-form .style-button:active{ background-color: #ba1f1f !important } footer .button-form .style-button{ padding: 7px 10px !important; } .my-acount-data .button-form .col-md-8{ padding-right:0; padding-left:0 } .cont-form-subs .button-form{ text-align: right } .button-form .style-button:hover { color: #FFF !important; background-color: #000 } .option-shop-2 .style-button{ padding:10px !important; text-transform:inherit !important } .btn-primary i{ font-size:85%; margin-left:7px } #formulario-comentario .button-form{ text-align:right } .button-layer i{ font-size:85%; margin-left:3px } .button-form{ margin:15px 0 } .form-button{ padding-right:10px } .continue-buy{ padding:15px 30px; background-color:#C1C1C1 } .continue-buy:link, .continue-buy:visited{ color: #FFF } .continue-buy:hover, .continue-buy:active{ text-decoration: none; background-color:#000; color:#FFF !important } .btn-seguir-comprando{ float:left } .btn-pagar{ float:right } .buttons-cart{ padding-bottom:10px; padding-right:5px; margin:50px 0 0 0 } .buttons-cart .button-form{ text-align: right } .cont-f-unit .style-button{ outline:0 }   a:link, a:visited{ color:#000 } a:active, a:hover{ color:#ba1f1f } .a-btn{ color:#FFF !important } .a-btn:hover{ color:#FFF !important } .black-link:hover, .black-link:visited{ color: #000 } .black-link:active, .black-link:hover{ color: #333 } .color-page-link:link, .color-page-link:visited{ color: #ba1f1f !important } .color-page-link:active, .color-page-link:hover{ color: #000 !important } .header A:link, .header A:visited{ color:#888 } .header A:hover, .header A:active{ color: #000; text-decoration:underline } .nav>li>a:hover, .nav>li>a:focus{ text-decoration: underline; background-color: transparent } .list-services-layer A, .list-categories-layer A, .menu-boletines A{ text-decoration:none !important } .list-categories-layer A:link, .list-categories-layer A:visited{ color:#ba1f1f; display:block; padding:8px 5px } .list-categories-layer A:hover, .list-categories-layer A:active{ background: #ba1f1f; color:#FFF } .descripcion-empresa A, .boletines-div A, .subscripcion-div A, .politica-div A, .cont-info-camp A, .normal-text A{ color: #ba1f1f !important } .color-text A:hover{ text-decoration:underline } .section a { text-decoration:none }    .facebook-layer, .twitter-layer, .google-layer, .tuenti-layer{ float: right } .tuenti-layer{ width:95px } .twitter-layer{ width:100px } .facebook-layer{ width:180px } .google-layer{ width:71px } .container-social{ margin:45px 0 !important; overflow:hidden; height: 1%; color:#ba1f1f } .text-share-layer{ line-height:30px; margin-right:10px } .blue-cont-social{ background-color: #ba1f1f; color:#FFF } .blue-cont-social h2{ color:#FFF } .blue-cont-social .social-banner-icons i { color:#FFF !important } .blue-cont-social .social-banner-icons i:hover { color:#333 !important } .blue-cont-social .hr-layer{ color:#FFF } .social-banner{ width:700px; margin: 0 auto; text-align:center; padding-bottom:30px } .social-banner p{ font-size:1.2em; line-height:140% } .social-banner i{ font-size:50px !important } .social-banner-icons{ margin:30px 0 } .social{ margin-top:-30px } .cont-social{ margin:30px 0 } .social-header{ text-align:right; float:right; font-size:25px } .social-header i{ margin: 0 5px; font-size:0.90em } .social-banner-icons i{ color:#ba1f1f !important; margin-right:25px } .social-banner-icons i:hover{ color:#555 !important } .hr-layer{ margin-top:15px; color:#ba1f1f } .btn-share{ float:right; width:40px; height:40px; margin-right:10px; background-color: #000; text-align:center; padding-top:10px } .btn-share:hover{ background-color:#ba1f1f } .btn-share span{ font-size:22px; color: #FFF !important } .btn-share A:hover, .btn-share A:active{ color :#FFF !important } .btn-share A:link, .btn-share A:visited{ color :#FFF !important }   .ref-layer, .brands-layer { margin:5px 0 } .ref-layer{ font-size:0.85em } .cont-cuidados{ margin:10px 0 5px 0 } .cont-cuidados{ overflow:hidden } .cont-ind-cuidado{ float:left; margin-right:10px } .line-blt{ overflow:hidden; height:1% } .row-blt{ padding:3px 10px } .row-blt i { margin-right:10px } .cont-sect{ margin:60px 0 0 0; clear:both } .cont-sect .button-layer{ margin-top:40px } .empresa-cont .cont-sect .header-section h2{ border-bottom: 1px dotted #d8d8d8; margin-bottom:30px !important } .cont-sect .header-section h2:before{ content: "\f138"; color: #ba1f1f; margin-right: 10px; margin-left: 3px; } .title-desc{ margin-bottom:30px } .large-button-layer{ margin-top:40px !important; clear:both } .cont-services{ overflow:hidden; height:1%; padding-bottom:27px; border: 1px solid #e9e9e9; background-color: #FFF; border-radius:3px } .big-price-red{ position:relative; float:right; margin-top:10px } .cons-price, .span-big-price{ font-size:1.4em; font-weight:bold; position:relative; color: #333; padding: 0 20px 0 0; } .cons-price{ color: #ba1f1f } .span-small-price { font-size:1.1em; text-decoration: line-through; color: #c0c0c0; margin-right:10px } .span-small-price:after{ content: "€"; font-size:1.0em } .span-big-price:after{ content:"€"; font-size:1.0em; font-weight:bold } .line-options{ margin-top:30px } .button-cart-div{ float:left; margin-left:20px; width:30px } .cesta-i:before{ content: "\f07a"; font-size:20px; background-color: #e2e1e1; padding:10px; font-weight:100; color: #FFF } .cesta-i:hover:before{ background-color: #ba1f1f; color: #FFF } .option-shop{ padding:0 10px; min-height:1%; overflow:hidden; position:absolute; bottom:20px } .option-shop-2{ text-align:center; margin:20px 0 10px 0 } .option-shop-2 i{ padding:5px 10px; background-color:#ba1f1f; color:#FFF } .icon-item-blue i{ background-color: #ba1f1f; margin-left:-5px; color:#FFF } .icon-item-grey i{ background-color: #e6e6e6 } .icon-item{ float:left } .icon-item i{ width:40px; height:40px; text-align:center; font-size:1.2em; line-height:45px  } .icon-item i:hover{ background-color: #333 } .icon-item-blue A:link, .icon-item-blue A:visited{ color:#FFF } .icon-item-grey A:link, .icon-item-grey A:visited{ color:#c1c1c1 } .icon-item-grey A:hover, .icon-item-grey A:active{ color:#FFF } .services-section{ padding:8px } .services-section{ position:relative } .oferta{ position:absolute; left:8px; top:25px } .oferta, .big-ofert{ background-color:#ba1f1f; padding:3px 8px; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:0.8em } .price-item{ background-color:#ba1f1f; padding:3px 10px; float:right; color:#FFF; font-weight:bold; border-top-left-radius: 5px; border-bottom-left-radius: 5px } .price-item:after, .old-price-item:after, .big-price:after{ content: " €" } .old-price-item{ float:left; background-color:#F1F1F1; padding:3px 10px; text-decoration:line-through; border-top-right-radius: 5px; border-bottom-right-radius: 5px } .cont-price-long{ overflow:hidden; height:1%; border-bottom:1px dotted #d8d8d8; padding-bottom:5px; margin-top:15px } .big-price{ color:#ba1f1f; font-weight:bold; font-size:1.4em } .precio{ font-weight:100 } .old-big-price{ text-decoration:line-through; font-size:0.9em } .old-price-item, .old-big-price{ color:#c7c5c5 } .cont-item-info{ position:relative; overflow:hidden } .big-ofert{ position:absolute; top:40px; right:-10px; min-width:150px; text-align:center; border-radius:5px } .text-services{ overflow:hidden; height:auto; padding:0 20px; padding-top:20px } .text-services A{  text-decoration:none } .img-small-items{ overflow:hidden; background-color: #000 } .img-small-items img{ opacity:1.0 } .img-small-items:hover img{ opacity:0.7 } .list-services-layer, .list-categories-layer, .menu-boletines{ margin-bottom:40px; margin-top:0px; } .header-menu h2 a{ font-weight: bold !important } .header-menu h2 a:hover, .header-menu h2 a:active{ color: inherit; text-decoration: none } .servicio-destacado{ margin:20px 0 0 0; background-color: #02a8f4; color: #FFF } .servicio-destacado section{ margin: 0 } .servicio-destacado p{ font-size:1.1em } .cont-secciones-ad{ background-color: #ba1f1f !important; } .cont-item-info .img-sec-cont{ padding: 0 5px } .brands-layer h2 { margin:5px 0; font-size:0.9em } .brands-layer h2 A:link, .brands-layer h2 A:visited{ color:#ba1f1f; font-family:'Roboto', sans-serif; letter-spacing:0; display:inherit;  } .brands-layer h2 A:hover, .brands-layer h2 A:active{ color:#000 !important } .brands-layer A{ text-decoration: none; display:inherit } .description-item{ width:50%; float:left } .description-item h1{ font-size:1.3em; margin-bottom:15px; border-bottom:inherit; font-weight:bold } .description-item .header-section{ margin-bottom:0 } .description-text{ padding-top:20px } .list-name A{ display: block !important } .list-name{ width:48%; overflow:hidden; height:1% } .longe-list-name{ width:100%; margin:5px 0; padding-bottom:7px !important; border-bottom:1px dotted #CCC } .longe-list-name, .list-name{ overflow:hidden; color:#000; float:left; padding:0 0 } .longe-list-name i, .list-name i{ margin-right:10px } .large-services h3{ font-size:120%; font-weight:100 } .no-units{ color: #FFF; margin: 10px 0; background-color: #F00; padding:2px 3px } .cont-info-fam-des h2{ margin-bottom: 15px; border-bottom: 1px dotted #d8d8d8; padding-bottom:15px }   .cont-catfi .name-cat-gal{ margin-top:50%; color: #000; background-color: rgba(255,255,255,0.9); transition: all 300ms ease-out  } .cont-catfi:hover .name-cat-gal{ margin-top:25% } .cont-catfi{ position:relative; margin-bottom:30px; min-height: 250px } .img-cat{ background-color: #333 } .cont-catfi img{ transition: all 300ms ease-out } .cont-catfi img:hover{ opacity: 0.3 } .cont-campana .name-cat-gal{ margin-top:7% !important; left:20px; width:60% !important } .cont-campana .name-cat-gal h2, .cont-bonos .name-cat-gal h2{ font-size:28px } .cont-campana .img-camp img:hover, .cont-bonos .img-camp img:hover{ opacity: 1 !important } .cont-campana .button-layer, .cont-bonos .button-layer{ margin-top:5% } .name-cat-gal A{ color: #000; text-decoration:none; font-weight:bold !important } .cont-campfi{ position:relative } .img-camp{ background-color:#333  } .cont-campfi img:hover{ opacity: 0.6 } .cont-campanas .cont-campfi img:hover{ opacity: 1 } .cont-campfi{ transition: all 300ms ease-out } .cont-campfi .name-cat-gal{ margin-top:8% !important } .cont-campfi .button-layer{ text-align: center; float: none !important }   .search-layer{ overflow:hidden; float:left; width:300px } .search-layer INPUT[type=text]{ width:100% !important; border:1px solid #d8d8d8; padding:1px 8px; line-height: 28px; float:left; font-size:13px; font-style:italic; color:#b2b1b1; margin-right:3px; outline:0px } .search-layer INPUT[type=text]:focus{ outline:0px } .search-layer INPUT[type=image]{ margin-left: -31px; margin-top:5px; float:left } .no-search i{ font-size:6.0em } .no-search h3{ line-height:1.5em } .no-result{ margin:8% 0 12% 0 } .no-result h3{ font-size:1.2em }   #cesta UL{ list-style-type: none; float:right } #cesta i{ float:left; line-height:28px } #cesta{ float:right; font-size:1.8em; color: #000; padding-top:5px; line-height:28px } #cesta A{ text-decoration: none } #cesta A:link, #cesta A:visited{ color: #ba1f1f } #cesta A:hover, #cesta A:active{ color: #000 } .big-size-cart{ font-weight:100; font-size:0.75em; height:30px; width:30px; background-color: #ba1f1f; color: #FFF; float:right; text-align:center; margin-left:10px; line-height:30px } #cesta:hover .big-size-cart{ background-color: #000 } .cesta-responsive li:before{ content:"\f290" } .cesta-responsive LI{ background-color: #333 !important }   .instructions{ text-align:justify } .instructions-head{ display:none } .pago-no-ok{ min-height:300px } .pago-no-ok .button-layer{ text-align:center; margin: 40px 0 } .pago-no-ok .button-layer .style-button{ margin:0 7px } .f-pago-list{ width:100%; overflow:hidden } .p-pago, .p-pago-2{ min-height:300px } .p-pago-2{ overflow:hidden } .p-pago .button-layer, .p-pago .button-form, .p-pago-2 .button-layer, .p-pago-2 .button-form{ margin:50px 0px } .cont-order-final .button-form{ text-align: center; width:50% }   .dtll h2{ font-weight: 600 !important; border-bottom: 0px; margin-bottom:15px !important; color:#333; font-family:'Roboto', sans-serif; line-height:1.4em; font-size:1.2em !important }   .register-ok-layer{ position: absolute; top:30%; left:35%; right:35%; background-color: #FFF; z-index:1200; box-shadow: 10px 10px 10px rgba(0,0,0,0.14); border-radius:15px; padding:10px 20px; border:10px solid #F5F5F5; padding:40px 40px; text-align:center; overflow:hidden } .register-ok-layer .header-section:before{ content: "\f087"; font-size:40px; color: #ba1f1f } .register-ok-layer .style-button{ box-shadow: none !important } .register-ok-layer .button-layer{ margin-top:30px }    .help-layer h3, .politica-div h3{ font-size:14px; font-weight:bold; background-color: #F1F1F1; padding:8px 0 8px 5px } .help-layer h4, .politica-div h4{ font-size:13px; font-weight:bold }   .order-list{ margin-bottom:50px } .order-list .header-line{ background-color: #F5F5F5 } .order-list .tab{ text-align:left } .order-list .header-line{ margin-bottom:10px } .order-list .footer-form{ margin-top:40px }   /* NEW CSS */   .my-acount-data .error-msg-layer{ margin-bottom:30px }  .news-layer{ border-bottom:1px dotted #CCC } .cont-g-images{ overflow:hidden; height:1%; max-width:45%; float:left; margin-right:20px;  margin-bottom:5px; margin-top:10px; padding-right:15px } .cont-item-info .img-we{ margin-top:0px } .img-we-sec{ width:50%; float:left; margin-top:25px; padding-right:5px } .small-section{ overflow:hidden; height:1% } .small-sect-img{ width:30%; float:left; margin-right:10px; margin-top:5px } .small-sect-desc{ width:100%; float:left; line-height:120% } .min-desc{ font-style:italic; line-height:130%; text-align:justify; display:none } .sec-desc h2{ font-size:1.2em; line-height:1.4em; color: #ba1f1f; margin-bottom:20px } .sec-desc a:link,.sec-desc a:visited{ color: #ba1f1f } .sec-desc a:link,.sec-desc a:visited{ color: #ba1f1f } .text-desc{ overflow:hidden; height:auto; min-height:65px } .cont-number{ overflow:hidden; float:left; width:20%; padding:0 4px } .cont-title-serv h3{ margin-top:10px } .sending-mail{ display:none } .cont-img-layer{ position:relative; overflow:hidden } .cont-ficha-gal{ margin-bottom: 30px } .cont-img-layer:hover .name-gal{ display:block } .desc-img{ display:none; position:absolute; bottom:0; left:15px; right:15px; background-color: #ba1f1f; opacity:0.8; line-height:110%; min-height:30px; padding:10px 12px; color:#FFF } .text-small-news, .text-small-items{ height:auto; overflow:hidden; text-align:justify; min-height:69px; color:#777; font-size:0.90em } .text-small-items{ margin-bottom:10px; padding:0 20px } .icon-section{ margin:20px 0 !important; text-align:center; color:#ba1f1f } .section .icon-section{ margin: 0 auto !important; width:100px; height:100px; background-color: #e2e1e1; transition: all 300ms ease-out; margin-bottom:40px !important  } .section:hover .icon-section{ background-color: #ba1f1f } .section:hover .icon-section span{ color: #FFF } .section .icon-section span{ color: #777; transition: all 300ms ease-out; line-height:110px; font-size:40px  }   .title{ font-size:30px;	font-weight:100; color:#FFF !important }  .sidebar-1{ margin-top:60px; overflow:hidden } .option-menu LI{ line-height: 30px; border-bottom: 1px dotted #C1C1C1 } .option-menu li:before{ content: "\f0da"; color: #e2e1e1; margin-right:10px } .option-menu li:hover:before{ color: #ba1f1f } .option-menu A{ text-decoration: none } .container-cart{ margin-bottom:40px; overflow:hidden } .pay-method{ margin:30px 0; overflow:hidden } .header-line{ overflow:hidden; font-weight:bold; margin-bottom:30px; padding-top:10px; background-color: #e2e1e1; color: #333; border-radius:2px } .header-tab { text-transform: uppercase } .name-tab{ padding-left: 5px } .tab, .lounge-tab, .tab-bonos, .fpay{ float:left; margin-right:20px; margin-bottom:10px } .tab{ width:95px; text-align: right } .fpay{ width:140px  } .tab-bonos{ width:125px; text-align: right } .cart-label{ width: 100px; float: left; margin-top: 5px } .delete-favorite{ position:absolute; right: 20px; top:15px; font-size:1.3em; z-index:1000 } .checkbox-div, .text-checkbox-div{ float:left; margin-right:10px } .hidden-div{ display: none } .l-cat-pp{ margin:60px 0 10px 0 } .l-items-pp{ background-color: #F5F5F5; padding:30px } .l-cat-pp .header-section{ margin-bottom:20px; overflow:hidden } .l-camp-pp{ margin-top:30px } .l-items-pp .header-section h2, .cont-sec-news .header-section h2, .cont-bonos-pp h2{ margin-bottom:22px !important }  .ban-envios{ background-color:#F5F5F5; padding:20px; text-align:center; font-size: 1.3em; font-weight:bold; color:#333; margin-top:30px; text-transform:uppercase  } .promo-valid{ margin-bottom:15px; background-color:#096; color:#FFF; padding:15px 10px; float:left; width:238px } .bonus-section, .image-bonus{ margin-bottom:20px } .tit-camp{ margin:20px 0 } .fich-fam{ margin-top:30px } .cont-info-fam{ margin:30px 0 40px 0 } .items-before-fam{ margin-top:30px } .ref{ width:100px } .erase-line{ float:left; width:15px; margin-right:5px; padding-top:3px  } .units-cart{ width: 30px; padding: 0 5px } .lounge-tab{ width:380px; height: auto } .act-uni{ background:none; border: 0px } .act-uni:hover{ color: #ba1f1f } .line-order, .line-bonus, .line-cart{ border-bottom:1px dotted #d8d8d8; overflow:hidden; padding-top:15px } .line-order:hover, .line-bonus:hover, .line-cart:hover{ background-color: #F5F5F5 } .subtotal-div{ margin-top:15px; overflow:hidden } .total-order{ float:right } .mayu{ text-transform: uppercase } .bono-cart h2{ font-size:1.3em; color: #ba1f1f } .gastos_envio h2{ margin-top:10px; font-size: 17px; font-family: 'Roboto', sans-serif } .gastos_envio{ padding: 0 10px 10px 10px } .text-send{ width:170px } .text-send, .price-send, .price-order, .tot-price-order{ float:right;  margin-right: 20px; margin-bottom: 10px; text-align: right; border-bottom: 1px dotted #d8d8d8; padding-bottom:10px } .tot-price-order, .price-send, .price-order{ margin-right:0px; padding-right:20px } .price-order, .price-send{ font-weight:bold } .iva-i{ color: #F00; font-size: 0.8em; font-weight:bold } .cont-explain{ margin-top:40px; overflow:hidden; clear: both; float:none }  .header-order-details{ width:100%; overflow:hidden } .number-order{ float:left } .date-order{ float:right } .subtotal-div .tab{ text-align:right } .price-detail{ text-align: right !important } .time-send, .send-layer { float: left; width: 49% } .bonos-alert, .paid-send{ float:right; width:49% } .send-layer, .bonos-alert, .time-send, .paid-send, .pay-method{ background-color: #F5F5F5; padding: 7px 10px } .paid-send, .time-send, .pay-method{ margin-top:5px } .paid-send UL{ margin: 10px 0 !important; list-style-type: disc !important } .paid-send LI{ margin-left:30px } .decoration-row UL{ list-style-type:none; padding:0; margin:0; padding-left:10px } .send-layer::before, .bonos-alert:before, .time-send::before, .paid-send:before{ font-family: FontAwesome;  margin-right: 7px; color: #ba1f1f } .send-layer:before{ content: "\f0d1" } .bonos-alert:before{ content: "\f05a" } .time-send:before{ content: "\f015" } .paid-send:before{ content: "\f09d" } .info-cart{ margin:30px 0 } .name-cat-gal-ins{ text-transform: uppercase; font-weight:bold } .option-item-list{ margin:10px; font-size: 0.85em } .paginator{ padding:10px 5px; text-align:right } .cont-f-unit, .size-item-div, .cont-fav-icon{ margin:15px 0; overflow:hidden } .add-cart-div{ margin-top:30px } .unidades-disponibles{ font-size:0.85em; float:right; color: #777 } .add-cart-div .a-btn{ width: 100%; box-shadow:inherit; border-radius:inherit  } .input-uni{ width:106px } .select-talla{ float:left } .select-talla select{ padding:5px 6px } .size-item-div .form-control{ padding: 5px 10px !important; height: auto  } .text-serv-small h3{ font-size:1.0em; margin-top:0; margin-bottom:5px } .header-small-section h3{ margin-bottom:20px } .destc-services{ display: none } .prefijo{ font-weight:100 } .cont-adi-info{ overflow:hidden; clear:both; float:none; margin:40px 0 6px 0 } .comment-link{ text-align: right } .comment-link:link, .comment-link:visited{ color: #000 !important } .comment-link:hover, .comment-link:active{ color: #ba1f1f } .sec-ul LI{ padding-left:40px } .cont-fam-boy .header-section { margin-bottom:30px } .container-no-register{ background-color: #F5F5F5; padding:5px 15px 10px 15px } .header-detail-order{ background-color: #F5F5F5; padding: 20px 20px 20px 20px; margin:10px 0 20px 0 } .text-blt{ margin-top:20px } .responsive-menu select{ padding:7px 10px } .c-sin-reg select{ padding:10px 10px } .ok-order .ok-msg-layer{ background-color:#F5F5F5; color: #333; font-size:1.2em } .review-items{ background-color: #F5F5F5; padding-top:5px; margin-top:20px } .header-comment h2{ background-color: #E1E1E1;padding:7px 10px; margin:15px 0; font-size:1.1em } .comment-client{ margin-top:7px } .paid-tpv{ overflow:hidden } .paid-tpv .button-form{ text-align: center; width:100% } .form-review .error-msg-layer{ background-color: transparent; color: #F00; text-align:center; font-weight:bold } .a-como-llegar:before{ content: "\f041"; margin-right:5px }  @media only screen and (max-width: 560px) {  html, body{ font-size: 15px !important } #intro{ padding: 5% 0px 22% } h1{ font-size:1.7em } h2{ font-size:1.6em } .section h2{ text-transform: none !important; font-size:1.2em } .awards{ width:93%; } .obligatory{ float:none !important; overflow:hidden; margin:10px 0; text-align:center; font-size:85%; } .send-button{ float:none !important; overflow:hidden; margin:10px 0;  text-align:center; } .right-header{ width:100% !important; float:none; text-align:center !important; } .logo{ width:50%; overflow:hidden; height:auto; padding-left:10px; margin-bottom:0px !important } .logo img{ max-width: 135px } .sidebar-1{ margin-top:20px } .header{ height:auto } .contact-header{ text-align:center !important; width:50%;float:left; margin:20px 0 0 0; } .social-header{ width:100%; text-align:center; } .phone-header{ width:50%; float:right; text-align:center; margin-top:20px !important; } .cont-g-images{ width:100%; max-width:none; margin:15px 0; float:none; clear:both } .large-services h2{ text-align:left !important; font-size:1.3em !important } .all-news-layer{ margin-bottom:20px !important; } .logo{ margin-bottom:15px; } .carousel-indicators { padding-bottom:0px !important; bottom:0px !important; } .carousel-caption{ padding-bottom:20px; } .prefijo{ display:none; } .text-small-news, .text-small-items{ height:auto; } .text-small-items{ margin-bottom:10px } .title-news	{ height:auto; } .social-header i{ margin: 0 8px; } #cookies{ max-width:100% !important; width:100% !important; } #cesta{ padding-top: 0px } footer h4{ font-size: 20px; } .small-sect-desc h3{ font-weight:700 !important; } .small-sect-desc{ margin-top:20px } #IrArriba { bottom: 5px; right: 5px; } .large-services h1{ font-size:1.4em; } .icon-section{ font-size:5.0em } .image-section, .small-img-sec{ width:100%; max-width:none } #comments, .container-form-comment h3{ font-size: 1.2em !important } .min-info-team{ margin-top:20px } .button-galery-l{ margin-top:30px } .cont-bol .text-form, .cont-bol .form-control, .cont-bol .cont-form-subs{ width:100% } .cont-bol .button-layer{ width:100%; margin:0; text-align:center; margin-top:20px; float:none } .cont-bol .button-layer button{ width:100% } .cont-bol .form-button{ padding-right:0px } .cont-bol{ padding: 40px 0 } .ref{ display: none } .lounge-tab{ width:40%; margin-right:5px } .tab{ width: 26% !important; margin-right:10px } .tab-form form, .tab-form input{ float: left } .tab-form button{ float: right } .erase-line{ margin-right: 10px } .tab-l-name{ font-size: 0.80em } .cont-catfi{ width:100% !important } .name-cat-gal h2{ font-size:25px !important } .cont-campana .name-cat-gal h2, .cont-bonos .name-cat-gal h2{ font-size:20px !important } .cont-campana .name-cat-gal, .cont-campfi .name-cat-gal{ margin-top:0% !important } .cont-campana .button-layer, .cont-bonos .button-layer{ margin-top:30px } .cont-campana{ padding-bottom:30px } .cont-sec-news .button-layer{ margin-top:40px } .search-layer{ width:70% } .img-we-sec:after{ content:" "; display: table; float:none; clear:both } .news-section .image-small-news{ width:100% !important } .news-section .block-text-news{ width:100% !important } .news-section .date{ margin-top:10px } .header-section h1{ font-size:1.4em } .obligatory-input-text{ width: 100%; float: none } .contact-l .button-form{ margin-top:20px } .description-item{ width:100% } .add-cart-div .a-btn{ padding:20px 10px !important; margin-top:20px; margin-bottom:10px } .button-form .style-button{ min-width:100% !important } .button-cart{ width:100%; float: left; clear: both } .button-cart .style-button{width:100%; display:block; text-align:center } .btn-seguir-comprando{ display: none } .buttons-cart{ margin: 10px 0 !important } .size-item-div input[type=text]{ width:100px; margin: 0 10px 10px 10px } .right-banner, .left-banner, .central-banner{ padding: 5.0% 7% 0%; } .section{ margin-bottom:50px } .section .button-layer{ text-align: center; display: none } .descripcion-destacada{ margin-top:40px } .title-news-p{ margin-top:15px } .cont-sec-news .header-section{ text-align: left } .min-desc-layer .header-section h1{ font-size: 25px } .container-info-empresa .image-section{ margin-top:30px } .container-info-empresa{ padding-bottom:0 } .section-we-pp{ margin: 0 0 } .free-consult{ padding-left:15px; padding-right:15px } .cont-sec-dest .image-section-dec{ padding-right:0px; padding-left:0px } .tot-price-order, .price-send, .price-order{ padding-right: 0 } .secciones-cont .img-we{ margin-bottom: 20px }   }  @media only screen and (max-width: 767px) {  .list-name{ width:100% } .social-banner{ width:100%; padding:0 10px } .menu{ width:100% } .responsive-menu{ padding:7px 10px !important } .hts{ font-size:1.3em !important; padding-bottom:7px !important } .top-header{ padding-bottom:10px; overflow:hidden } .subscripcion-div-cont .text-form, .subscripcion-div-cont .cont-form-subs{ width:100% !important } .subs-div-explain{ display:none } .subscripcion-div-cont .cont-form-subs{ margin-top:10px } #cesta UL{ margin-right:0px; padding-left:0px } .search-layer{ margin-left: 10px } .fpay{ display: none } .tab{ width:20% } .f-estado{ width:25% } .register-ok-layer{ top:35%; left:15%; right:15% } .banner-free{ font-size: 25px; line-height:30px } .banner-free p{ margin-bottom:30px } }  @media only screen and (min-width: 560px) and (max-width: 767px){ .services-section{ width:50% !important; float:left } .name-cat-gal h2, .cont-campana .name-cat-gal h2, .cont-bonos .name-cat-gal h2{ font-size:20px !important } .logo{ padding-left:10px; padding-top:10px; width:35% }  }  @media only screen and (min-width: 768px) and (max-width: 991px){ .services-section{ width:32% !important; float:left } header{ padding-bottom:5px } header select{ width:98% } .name-cat-gal h2, .cont-campana .name-cat-gal h2, .cont-bonos .name-cat-gal h2{ font-size:20px !important } .logo{ width:35% } .services-section{ min-height: 500px }  }  @media only screen and (max-width: 992px) { .menu-cortos{ display: block } .instructions-head{ display:block } .instructions UL{ padding:10px 15px; margin:0; } .information{ padding: 5px 20px 10px 15px; margin-top:20px !important; margin-bottom:30px } .responsive-menu{ width: 100%; display:block !important; max-width: 750px; margin: 10px auto !important; margin-top: 0px !important; padding-top: 0px !important  } .responsive-menu select{ width:100% } .no-responsive{ display:none; } .min-desc{ display:block; margin:10px 0; } .lupa{ display: block; float:right; } .responsive-ruta .ruta{ float: left; } .menu-subseccion{ display: block; } .cont-bol .cont-form-subs{ padding:0 15px } .cont-catfi{ width:33.33%; float:left } .responsive-menu-1{ display:block } .large-menu{ display: none } .right-header{ width:100%; margin-top:0  } .header-options{ display: none } .sidebar-1{ margin-top: 15px } .cont-sec-news .news-section{ min-height: 240px  } .search-layer{ width:70% } #cesta{ padding-right:5px } .header{ margin: 10px 0 10px 0 } .menu-cat-list{ display: none } .cont-order-final .button-form{ width:100% } .cont-f-unit .style-button{ width:100%  } .cont-f-unit .add-cart-div { margin-top:0 !important } .contact-information{ display: none } .register-ok-layer{ top:35%; left:25%; right:25% } .min-info-team{ margin-top:20px } .left-banner, .central-banner, .right-banner{ padding: 5% 10% 5% 10%; background-color: rgba(255,255,255,0.8)} .right-banner{ text-align: left } .banner-small{ min-height: auto } .mail-banner:before, .phone-banner:before{ margin-left:0 } .label-div{ text-align: left } .obli-field{ width:100%; clear:both; margin-top:10px } .descripcion-destacada{ padding-bottom:30px } .section{ margin-bottom:40px } .img-small-items{ background-color: #FFF } }  @media screen and (min-width: 768px) and (max-width:1199px) { .name-cat-gal h2, .cont-campana .name-cat-gal h2, .cont-bonos .name-cat-gal h2{ font-size:40px }  }  @media only screen and (min-width: 992px){ .cont-res-part{ min-height:580px !important } .text-small-items{ min-height:40px } .tab{ min-width:60px } .search-layer{ margin-left:100px } .cont-adi-info{ padding: 0px } .size-item-div .form-control{ width:100px; margin:0  } .cont-f-unit .style-button{ min-width: 200px  } .cont-bonos .button-layer{ float: left; margin-right:10px } .cont-sect{ margin:80px 0 80px 0 } .empresa-cont .cont-sect{ margin:80px 0 0 0 } .min-desc-layer{ padding:0 40px } .l-items-pp .header-section h2, .cont-sec-news .header-section h2, .cont-bonos-pp h2{ font-size:25px } .l-items-pp{ padding:70px } .container-info-empresa .container, .servicio-destacado .container{ width:100%; padding:0 } .container-info-empresa{ padding:0 } .banner-free{ text-align: center } .information p{ margin-top:35px } .big-desc-client{ padding: 0 50px } .secciones-cont .img-we{ padding-right: 15px; padding-bottom:15px } .responsive-menu-cont{ display:none !important } .services-section{ min-height: 500px } } @media screen and (min-width: 992px) and (max-width:1620px) { .descripcion-destacada, .container-info-empresa	.min-desc-layer{ padding:30px 100px 30px 80px  } } @media only screen and (min-width: 1620px){ .descripcion-destacada, .container-info-empresa	.min-desc-layer{ padding:120px 200px 30px 80px  } }