body, html { height:100% } body{ font-family: 'Montserrat', sans-serif; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 17px; line-height:160%; color: #45464a; padding-bottom:0px !important; overflow-x: hidden; font-weight: 300} .cnt-cookies, .cnt-cookies div, .cuerpo-pp, .cuerpo-pp div, footer div, .top-header[class^="contenedor"], div[class^="contenedor"] div, .header, .header div{ overflow: hidden } div[class^='cont-ls']{ clear: both } div[class^='contenedor']{ margin-bottom: 60px; margin-top: 0px } div[class^='container-pp'] .button-layer{ text-align: center } div[class^='contenedor']:before{ content: ""; background-image: url(../images/punta.png); background-repeat: no-repeat; width: 59px; margin: 0 auto; height: 28px; display: block; margin-bottom: 40px } div[class^='container-pp'] .divisor-secciones{ display: none } div[class^='container-pp'] h2 span, div[class^='cuerpo-pp'] .hts span{ font-weight: 300 } div[class^='contenedor'] .header-section h1{ text-align: center } div[class^='contenedor'] .header-section{ margin-bottom: 40px } div[class^='contenedor'] .header-section h1 span{ color: #00b8de; font-weight: 300 } .cuerpo-pp .header-section h2{ text-align: center }  .logo{ float:left; width: 20%; font-size:14px; font-family: 'Montserrat', serif; line-height:2.0em; text-transform:uppercase }  .header{ margin: 20px 0 20px 0; position: relative }  .right-header{ float: right; width:75% } .social-header{ text-align:right; float:right; overflow:hidden; margin: 0 0 10px 0 } .social-header span{ font-size:1.0em; background-color: rgba(0, 0, 0, 0.1); width:30px; height:30px; border-radius:15px; text-align:center; line-height:32px } .mail-header:before, .addres-header:before, .phone-s-header:before, .movil-header:before{ font-weight: bold; margin: 0 7px 0 5px } .mail-header:before{ content:"\f0e0" } .addres-header{ float:right !important } .addres-header:before{ content:"\f041" } .phone-s-header:before{ content:"\f095" } .movil-header:before{ content:"\f10b"; font-size:1.2em } .title{ font-size:30px;	font-weight:100; color:#FFF !important } .social-header span:hover{ background-color:#00b8de } .social-header A:link, .social-header A:visited{ color: #333 } .social-header A:hover, .social-header A:active{ color: #FFF }  .header-options{ background-color: #f6f6f5; font-size: 0.75em; color: #777; font-weight: 400 } .header-options ul{ list-style-type: none; float: right;line-height: 30px; margin-bottom: 0 } .header-options li{ line-height: 45px; float: left; padding-right: 10px; margin-left: 10px } .header-options a:link, .header-options a:visited{ color: #111 } .header-options a:hover, .header-options a:active{ color: #00b8de; text-decoration: none } .li-log:before{ content: "\f08b"; margin-right: 6px; color: #00b8de } .header-options li[class^='fa-i']:before{ color: #00b8de; margin-right: 7px } .fa-i-entrar:before{ content: "\f2bd" } .header-options .fa-i-entrar{ padding-right: 0 } .fa-i-registro:before{ content: "\f09c" } .top-header .fa-i-promociones{ float: right } .header-options .container{ position: relative } .header-options .notificaciones-cliente{ position: absolute; right: -20px; top: 7px; width: 35px } .line-tb .notificaciones-cliente{ position: absolute; right: 15px; top: 7px; width: 30px } .line-tb .notificaciones-cliente{ color: #F00 } .notificaciones-cliente a{ color: #F00 !important; font-size: 1.2em } .notificaciones-cliente .fa{ margin-right: 5px } .fa-i-registro:before{ content: "\f09c" } .top-header .fa-i-promociones{ float: right }  .menu-1{ font-family: 'Montserrat', serif; margin: 0 auto !important; letter-spacing: 0.40px } .menu-1>li{ min-width:auto !important; position:relative } .menu-1>li>a{ font-size:15px; font-weight: 900; padding: 17px 20px 15px 20px; letter-spacing: 0.05em } .menu-1>li>a:link, .menu-1>li>a:visited{ color:#000 } .menu-1>li>a:hover, .menu-1>li>a:active{ text-decoration:none !important; color: #00b8de; background-color: transparent !important } .active-new a:link, .active-new a:visited{ color:#000 !important; background-color: transparent;  } .cita, .fax-header, .phone-header{ text-align:right; font-weight: 600 } .phone-header{ padding-top: 10px } .cita{ color: #000; width: 100%; font-size: 0.90em } .fax-header, .phone-header{ font-size: 0.9em; color: #00b8de } .label-head{ color: #000 } .menu{ width:100% !important; text-align:center; background-color: #F1F1F1; text-transform: uppercase; letter-spacing: 0.40px; position: relative } .responsive-menu-cont{ display: none; position: absolute; top: 0; left: 0; z-index: 200; width: 100%; height: auto; background-color: #00b8de; box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.30); font-size: 0.80em; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 400; margin-bottom: 6px; padding-top: 10px } .responsive-menu-cont LI{ border-bottom:1px dotted #3fd8ec; line-height: 40px; 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 !important; text-decoration: none; display: block } .responsive-menu-cont A:active, .responsive-menu-cont A:hover{ color:#000; text-decoration: none } .responsive-menu-cont A:before{ content: "\f0da"; font-family: fontawesome; color: #FFF; font-size: 0.90em; margin-right: 10px } .responsive-menu-1{ display: none } .close-menu{ position: absolute; right: 15px; top: 10px; color: #FFF; width: 30px; height: 30px; font-weight: 300; font-size: 1.4em; cursor: pointer; text-align: right } .close-menu span{ width: 100%; height: 2px; border-radius: 4px; display: block;	position: absolute;	background: #fff; transition: all 0.25s ease; top: 50% } .close-menu span:nth-child(1){ transform: rotate(45deg) } .close-menu span:nth-child(2){ transform: rotate(-45deg) }  .menu .li-inicial A{ padding-left: 5px !important }  h1{ font-family: 'Montserrat', serif; font-size:1.4em; color: #333; font-weight: 900; line-height: 1.40em; text-transform: uppercase } h1 span{ font-weight: 900 } h2{ font-family: 'Montserrat', serif; font-size:1.2em; color: #333; line-height: 1.4em; font-weight: 800; text-transform: uppercase } h3{ font-family: 'Montserrat', serif; font-size:1.1em; color: #333; line-height: 1.4em; font-weight: 800; text-transform: uppercase } h4{ font-family: 'Montserrat', serif; font-size:1.0em; color: #333; line-height: 1.4em; font-weight: 400; text-transform: uppercase } .header-section { margin-bottom:20px; clear:both } .header-section h2{ padding-bottom: 10px } .hts{ font-family: 'Montserrat', serif; font-size:1.4em; padding-bottom: 18px; margin-bottom: 16px !important; margin-top: 19px; color: #333; line-height: 1.4em; font-weight: 800; text-transform: uppercase } .plt-div h2{ font-size:1.3em } .container-pp-empresa .button-layer{ text-align: left !important } .container-pp-empresa h1{ font-weight: 300 } .container-pp-empresa h1:before{ content: "La agencia"; color: #42b574; } .container-pp-prov .header-section h2:before{ content: "Trabajos"; color: #84c450; } .container-pp-empresa h1:before, div[class^='container-pp'] .header-section h2:before{ font-weight: 800; letter-spacing: 0.5em; display: table; width: 100%; margin-bottom: 20px; font-family: 'Montserrat', sans-serif !important; font-size: 0.70em; text-transform: uppercase } div[class^='container-pp'] .header-section h2:before{ text-align: center } .col-list-emp{ width:48%; float:left; margin-right:5px; margin-bottom:5px } .col-list-emp img { box-shadow: 3px 3px 15px #CCC;  border:10px solid #FFF  } .col-list-emp img:hover{ opacity:0.8 } .dtll h2, .dtll h3, .dtll h4{ text-transform: none } .dtll a:link, .dtll a:visited{ color: #00b8de } .dtll a:active, .dtll a:hover{ color: #000; text-decoration: underline } .dtll .style-button{ text-decoration: none !important } .emp-text-1{ margin-top:30px } .description-meta{ font-weight:bold; margin-top:20px; color: #000 } .sec-1-emp h2{ text-transform:uppercase !important; font-weight:100 } .sec-1-emp h2 span, .min-desc-layer h2 span{ font-weight: 100 } .sec-1-emp .img-we{ margin-right:15px; margin-bottom:15px } .img-emp{ margin-top:15px } .descripcion-empresa .min-desc-layer h2{ text-transform:uppercase } .min-desc-layer h2{ margin-bottom: 20px; color: #00b8de } .container-pp-empresa .min-desc-layer h2{ color: #333 !important; font-size: 1.1em } .min-desc-layer{ position: relative } .min-desc-layer .style-button:link, .min-desc-layer .style-button:visited { background-color: #42b574; border: 2px solid #42b574 } .min-desc-layer .style-button:hover, .min-desc-layer .style-button:active{ background-color: transparent; color: #42b574 !important } .bloque-textos-editor{ width: 100% } .tex-local .button-layer .style-button{ text-decoration: none } .longe-rute{ height:auto; background-color: #00b8de; z-index: 1 } .ruta{ font-size: 0.75em; padding: 6px 0; color: #b1f6ff } .ruta A:link, .ruta A:visited { color: #FFF } .ruta A:active, .ruta A:hover { color:#000 } .responsive-ruta{ overflow:hidden; height:1%; width:100%; }  .banner-free .hts{ border-bottom: 1px dotted #FFF; font-size:1.2em; color: #00b8de } .banner-free{ background-color: #00b8de; background: -moz-linear-gradient(90deg, #42b574 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #42b574 0%, #84c450 100%); background: -o-linear-gradient(90deg, #42b574 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #42b574 0%, #84c450 100%); background: linear-gradient(90deg, #42b574 0%, #84c450 100%); padding:70px 0 50px 0} .banner-free .slogan1{ color: #FFF } .banner-free .slogan1 .hts span{ color: #FFF } .banner{ margin:30px 0 } .banner-free .data-contact p:before{ content: "\f0a9"; margin-right:10px; color: #000; font-size:1.8em } .banner-free h2, .container-pp-del h2{ color: inherit; font-weight:100 !important; margin-bottom:30px !important; margin-top:20px !important  } .number-section{ font-family: 'Montserrat', serif; font-size:1.3em; padding-top:10px; margin-right:10px; color:#00b8de !important; font-weight:bold !important } .date{ float: right } .date:before{ content: "\f017"; margin-right: 7px } .hr-layer{ margin-top: 15px; color: #00b8de } .data-contact{ color: #000; font-family: 'Montserrat', serif; line-height:1.9em } .big-location, .big-phone, .big-location, .big-mail, .big-movil{ font-size: 1.3em; font-weight: 800; color: #FFF } .lupita:before{ content: "\f00e" } .sobre:before{ content: "\f0e0" } .lupita:before, .sobre:before{ margin-right:5px; color: #00b8de } .search-layer INPUT[type=text]{ width:100% !important; box-shadow: 0px 0px 5px #999 inset;  padding:7px 18px; line-height: 28px; float:left; font-size:13px; font-style:italic; margin-right:3px; outline:0px; border:1px solid transparent } .search-layer INPUT[type=text]:focus{ outline:0px; border:1px solid transparent } .search-layer button{ color: #00b8de; border: 0px; background-color: transparent;  margin-left: -38px; float: left; margin-top: 8px; position: absolute; right: 15px } .search-layer form{ position: relative } .search-layer button:before{ content: "\f002"; font-weight: bold; font-size:16px  } .no-search span{ font-size:6.0em } .no-search h3{ line-height:1.5em } .lupa{ display: none; text-transform:uppercase; margin-right:10px; margin-top:10px } .lupa span{ margin-right:5px; font-size:1em } footer{ background-color:#191919; color:#FFF; padding: 80px 0 220px 0; margin-top:20px; line-height:1.7em; border-top: 15px solid #f6f6f5; font-size: 0.85em } footer .li-inicial A{ padding-left: 0 !important } footer h3{ color:#FFF; font-size: 1.2em !important; font-weight: 800; margin:20px 0 10px 0; text-transform:none; font-family:'Montserrat', sans-serif; padding-bottom:20px; text-transform:uppercase } footer A:link, footer A:visited{  color:#FFF } footer A:hover, footer A:active{  color:#00b8de } footer i, footer .social-footer span{ color: #00b8de; margin-right: 10px; font-size:1.3em !important } footer .li-inicial A{ padding-left: 0 !important} footer .social-footer li{ float: left } footer .men-resp-serv{ display: none } footer p{ color: #FFF } footer .active-new{ background-color:transparent !important } footer .active-new A{  border-bottom:0 solid transparent !important; text-decoration: none !important } footer UL{ list-style-type:none; padding: 0 0 } footer .text-form{ font-size:0.90em; line-height:1.4em } footer .active-new A:link, footer .active-new A:visited{ color: #FFF !important; background-color: transparent !important } footer .active-new A:hover, footer .active-new A:active i{ color: #00b8de !important } footer .contact-direction:before{ content: "\f041"; color: #00b8de; margin-right: 10px } footer .fa-twitter, footer .fa-pinterest, footer .fa-facebook, footer .fa-google-plus, footer .fa-instagram, footer .fa-youtube, footer .fa-linkedin { width: 40px; height: 40px; border-radius: 50%; background-color: #212121;   line-height: 42px; text-align: center; font-size: 1.3em; margin-bottom: 15px } footer .fa-twitter:hover, footer .fa-pinterest:hover, footer .fa-facebook:hover, footer .fa-google-plus:hover, footer .fa-instagram:hover, footer .fa-youtube:hover, footer .fa-linkedin:hover{ background-color: #00b8de; color:#FFF } .fo-ct li:before{ padding-left: 3px } .fo-ct li span:before{ padding-left: 5px } footer .cont-form-subs .form-control, .subscriptores-form-widget .form-control{ padding: 8px 10px !important; height: auto; margin-bottom: 5px } .s-copy{ color: #FFF; font-size:1.2em; font-weight:100 !important; margin-right:7px  } .social-footer A:hover i, .social-footer A:active{ color:#FFF !important } .icon-footer{ float:left; width:20%; max-width:70px } .block-i li{ line-height:2.0em } .block-i i{ font-size:2.0em !important; color:#00b8de } .location-footer .fa-envelope{ margin-left:5px; font-size:1.7em !important } .location-footer .fa-map-marker{ margin-left:10px; margin-top:5px !important } .phone-footer{ padding-left: 5px } .footer-menu a{ display: inline-block; width: 90% } .footer-menu li:before{ content:"\f105"; color: #00b8de; margin-right: 5px } .footer-menu li:hover:before{ color: #00b8de } .footer-option-p{ font-size: 0.90em; padding: 20px 0; } .footer-option-p li{ float:left; margin-left:0; padding-left:0 ; margin-right:10px } .pol-cont{ background-color: #212121; margin-top: 60px } .logo-nombre-footer{ margin-top:20px; margin-bottom:0 } .copy span{ font-weight:bold } .contact-envelope li:before{ content: "\f003"; margin-right: 10px; color: #00b8de } .politic { line-height:2.1em } .block-f p:before{ margin-right:10px }  .social-footer i:hover{ color:#00b8de } .social-footer{ margin-top: 20px } .btn-share{ float:right; width:45px; height:45px; margin-right:10px; background-color: #191919; text-align:center; line-height: 54px; position: relative; overflow: visible } .btn-share:hover{ background-color: #00b8de } .btn-share span{ color:#FFF; font-size:25px } .btn-share .contador{ position: absolute; background-color: #00b8de; font-size: 0.80em; top:-13px; left: 0; width: 45px; height: 24px; line-height: 15px; padding:5px 7px; color: #FFF; min-width: 38px; text-align:center } .btn-share:hover .contador{ background-color: #000 } .btn-share A{ display: block } .texto-comparte{ float: right; margin-right: 20px } .social-inicio{ padding:30px 0 10px 0; position: relative } .social-banner-icons i{ color:#00b8de !important; margin-right:25px } .social-banner-icons i:hover{ color:#555 !important } .buffer-layer, .whatsapp-layer, .linkedin-layer, .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 } .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:0 auto; min-width:140px; margin-top:40px; overflow:hidden; width: auto; max-width: 450px; text-align: center } .social{ margin-top:-30px } .icon-social-header{ margin-right:10px; float:left } .social-banner .icon-social-header{ font-size: 30px } .container-pp-soc .icon-social-header{ float:left; background-color: transparent; margin-right:5px; width:55px; height:55px; border-radius:50%; text-align:center } .social-t{ float: right }  .form-control:focus{ border-color: #00b8de !important; outline: 0px none; box-shadow: 0px 1px 1px rgba(188, 121, 0, 0.075) inset, 0px 0px 8px rgba(255, 228, 181, 0.6) } .form-control{ margin-bottom: 25px; padding:13px 13px; border-radius:0; height: auto; box-shadow:none !important; border-bottom: 3px solid rgba(54, 49, 52, 0.1); font-size: 0.85em  } .information{ padding: 0 20px 10px 15px; line-height:1.8em } .information i{ color: #00b8de; margin-right:8px; font-size:20px } .form-group{ margin:0 10px } .obligatory-input-text{ margin-top: 20px; font-size: 0.80em; padding-left:13px } .small-form{ width:100px; float:left } .captcha-input{ max-width: 100px } .button-form{ margin: 30px 20px 0 0 } .button-form-b{ text-align: right } .cpt-div{ margin-right: 15px } .g-recaptcha{ margin-bottom: 20px } .contenedor-registro .g-recaptcha{ margin-bottom: 20px; margin-left: -15px }  article{ overflow: hidden } .bloque-top-noticas{ font-size: 0.90em; color: #00b8de; font-weight: 400 } .contenedor-noticias{ position: relative } .contenedor-noticias .dtll:before{ content:" "; display:block; margin-top:10px } .contenedor-noticias .dtll{ width:100%; font-weight: 400 } .contenedor-noticias .dtll strong{ font-weight: 600 } .contenedor-noticias .divisor-secciones, .contenedor-secciones .divisor-secciones{ display: none } .contenedor-noticias .header-section h1, .contenedor-secciones .header-section h1{ text-align: left !important } .container-pp-nws{ background-color: #f6f6f5; padding: 30px 0 } .container-pp-nws .date{ float: right; width: auto } .container-pp-nws .bloque-top-noticas{ margin-bottom: 10px } .container-pp-nws .header-section h2:after{ margin-bottom:0 !important } .ficha-noticia-pp{ padding-bottom:10px } .title-news{ height:auto  } .news-section{ position:relative; margin-bottom:40px; border-bottom: 1px dotted #f6f6f5; padding-bottom:20px } .news-section A{ text-decoration:none } .big-news .header-section h1{ text-transform: none } .big-news .date-margin{ float: left; width: auto; margin: 0; margin-right: 15px  } .big-news .date-margin:before{ content: "\f073"; margin-right: 7px  } .big-news .comment-small:before{ content: "\f086"; margin-right: 5px } .big-news .comment-small{ margin-top: 0 } .big-news .bloque-top-noticas{ padding-top: 15px; margin: 10px 0 } .big-news .date A:link, .big-news .date A:visited{ color: #00b8de } .big-news .date A:active, .big-news .date A:hover{ color: #FFF } .comment-small{ margin-top:10px } .comment-small A:link, .comment-small A:visited{ color:#00b8de } .comment-small A:hover, .comment-small A:active{ color:#000 } .news-section .date .pull-left{ width:100% } .date i{ margin-right:7px } .contenedor-tabla-contenidos, .sec-desc .menu-subseccion{ width: 100%; border: 1px solid #e5e5e5; padding: 20px 20px; background-color: #f6f6f5; margin: 20px 0 30px 0 !important } .contenedor-tabla-contenidos:before{ display: none !important } .contenedor-tabla-contenidos p{ font-weight: bold; text-align:center } .contenedor-tabla-contenidos UL{ list-style-type: none; padding-left:  0px } .contenedor-tabla-contenidos A:link, .contenedor-tabla-contenidos A:visited{ text-decoration: none !important } .contenedor-tabla-contenidos A:active, .contenedor-tabla-contenidos A:hover{ text-decoration: underline !important } .sec-desc .menu-subseccion{ width:100%; margin-top: 5px } .menu-subseccion .list-categories-layer{ margin-bottom: 0px } .dtll img, .contenedor-secciones .cont-sec img{ max-width: 100%; margin-bottom: 20px }  .archive{ margin: 10px 0 } .archive h3{ margin: 3px 0 } .archive ul{ list-style-type:none; margin:auto 0; padding:0 } .archive li{ padding: 5px 0 } .archive A{ text-decoration: none } .number-post{ color:#00b8de; font-size: 0.90em } .small-news{ padding-bottom:5px; margin:0 0 !important } .small-news .date{ color: #00b8de; font-weight:bold } .recent-news .date, .popular-news .date{ font-size:0.90em; display:none  } .recent-news h2{ margin:10px 0; letter-spacing: 0.05em } .comment{ margin-bottom:10px; } .cont-button-resp{ margin-bottom: 15px } .resp-comentario{ float: right } .comentario-hijo{ margin: 20px 0; border-left: 1px solid #b7b7b7; margin-left:30px; padding-left: 20px } .cont-button-resp a{ padding:5px 10px; background-color: #f6f6f5; font-size: 0.9em; color: #999; text-decoration: none } .cont-button-resp a:before{ content: "\f112"; margin-right: 7px; color: #333 } .nombre-comentarios{ font-size: 1.1em } .comment .small-date{font-size: 0.8em } .comentary-container{ min-height:200px; margin:15px 0 } .comentary-container .italic{ font-size: 0.90em } .detail-comment h2{ margin-top:8px !important } .comment-layer, .container-form-comment{ margin-top:30px; padding-top:20px; border-top:1px dotted #CCC } .comment-layer{ margin-bottom: 50px } .comment-layer  h3 span, .container-form-comment h3 span{ font-weight: bold } .tag-layer{ font-weight: bold; margin:25px 0 } .tag-layer a{ margin-right: 7px; text-transform: uppercase } .tag-layer A:before{ content: "\f02c"; margin-right: 6px; color: #00b8de; font-family: fontawesome; font-weight: 100; text-decoration: none } .icono-persona{ margin-right:15px; } .big-date{ background-color: #00b8de; color: #FFF; font-size:1.5em; text-align:center; margin-right:25px; margin-bottom:20px; text-align:center; padding:10px; display:none } .date-new-small{ position: absolute; top:10px; left:15px; color:#FFF; background-color:rgba(0, 184, 222, 1.00); padding:5px 10px; display:none } .small-date{ font-size:90% } .image-small-news, .small-img-sec, .cont-img-layer, .img-delegacion, .cont-img-item{ position:relative } .image-small-news IMG:hover, .small-img-sec IMG:hover{ opacity:0.8 } .image-small-news:hover .gal-zoom, .small-img-sec:hover .gal-zoom, .cont-img-layer:hover .gal-zoom, .img-delegacion:hover .gal-zoom, .cont-img-item:hover .gal-zoom{ display:block; transition: all 500ms ease-out } .text-small-news, .text-small-items{ width:100% } .text-small-news{ margin-top: 10px } .container-pp-secciones .text-small-news p{ text-align: justify } .text-small-items{ min-height: 69px; font-size: 0.90em; font-weight: 400 } .container-form-comment{ margin-bottom: 30px } .number-coment, .big-news h2{ font-size: 1.3em } .number-coment{ font-weight: 600; color: #00b8de } .date-margin{ margin: 20px 0 30px 0 } .img-usu{ float: left; max-width: 50px } .img-usu-cont{ margin-bottom: 20px } .img-usu{ border-bottom: 4px solid #00b8de; margin-right: 10px }  .autor-post-div{ float:left } .big-news .autor-post-div{ float: left; margin-right:10px; max-width: 120px; margin-left: 10px } .big-news .comment-small{ float: left } .big-news .cont-autor-bottom{ margin-top: 20px; margin-bottom: 20px; background-color: #f6f6f5; padding: 20px } .autor-post-div img{ border-radius:50% } .cont-info-autor{ margin-left:20px; float:left  } .cont-info-autor h4{ margin-top:0 } .autor-post:before{ content: "\f007"; margin-right: 7px; margin-left: 2px } .img-defect-autor:before{ content: "\f2bd"; font-size:30px; color: #b7b7b7; line-height:35px } .autor-post-links{ margin-top:20px; margin-bottom: 10px } .autor-face{ margin-left:7px; font-size: 20px !important } .rel-smal-news{ padding: 5px } .rel-tit-news{ margin-top:20px; line-height: 1.3em } .rel-tit-news A:hover, .rel-tit-news A:active{ text-decoration: none }  .body-widget ul{ list-style-type: none; margin: 0; padding: 0 } .body-widget li{ line-height: 28px } .big-news .pop-up-blog .header-section{ margin-bottom: 10px } .big-news .pop-up-blog .cont-form-subs .button-form{ margin-bottom: 5px } .list-news-layer .header-section .hts{ font-size: 1.2em !important } .social-widget li{ float: left; margin: 0 10px 10px 0 } .social-widget li span{ background-color: #00b8de; color: #FFF; padding: 8px; min-width: 30px } .social-widget li span:hover{ background-color: #000 } .rating-widget{ margin-top: 10px } .rating-sing{ margin-right: 3px; line-height: 40px; font-size: 40px } .voto-correcto{ font-size: 14px; font-weight: bold } .w-votado{ float: none; width:100%; font-size: 14px; clear: both } .rating-sing .w-votado{ margin-left: 10px } .rating-sing A{ text-decoration: none; font-size: 40px } .rating-sing A:link, .rating-sing A:visited{ color: #C1C1C1 } .rating-sing:hover a { color: #00b8de } .rating-sing > a:hover ~ a { color: #C1C1C1 } .pop-up-blog{ background-color: #00b8de; z-index:1000; color: #FFF; padding: 0 20px 20px 20px; margin:20px 0  } .pop-up-blog .hts{ color: #FFF } .pop-up-blog .divisor-secciones:before, .pop-up-blog .divisor-secciones:after { background: #FFF } .pop-up-blog label{ line-height: 0.9em; font-size: 0.80em; display: inline } .pop-up-blog label A{ text-decoration: underline } .pop-up-blog A:link, .pop-up-blog A:visited{ color: #FFF !important } .pop-up-blog A:active, .pop-up-blog A:hover{ color: #000 } .pop-up-blog .style-button:hover, .pop-up-blog .style-button:active{ color: #000 !important } .pop-up-blog .style-button:link, .pop-up-blog .style-button:visited{ color: #FFF !important } .pop-up-blog .button-form .style-button{ background-color: #333 !important; font-size: 0.80em } .aspa-cerrar{ position: absolute; top: 10px; right:10px;  text-decoration: none !important } .aspa-cerrar:before{ content: "\f00d"; color: #333; border-radius: 50%; width:35px; height: 35px; font-size: 25px } #formulario-subscripcion{ overflow: hidden } .widget-deep-text{ margin: 30px 0 0 0; border: 1px solid rgba(54, 49, 52, 0.1); background-color: #f6f6f5; padding: 0 20px } .widget-deep-text .hts{ margin-bottom: 0 !important; text-transform: none } .widget-deep-6 .hts{ padding-bottom: 0px } .widget-deep-6{ padding-bottom: 0 } .widget-deep-4 .hts, .widget-deep-1 .hts{ font-size: 20px !important; padding-bottom: 0px; margin-bottom: 10px !important; color: #45464a; font-weight: bold } .widget-deep-4 .divisor-secciones, .widget-deep-1 .divisor-secciones{ display: none } .widget-deep-4 h2, .widget-deep-1 h2{ margin-top: 10px; margin-bottom: 0px; font-size: 1.0em } .cnt-widget .header-section{ margin-bottom: 0 !important } .cnt-ban{ margin-top: 40px } .subscriptores-form-widget .button-form, .cont-form-subs .button-form{ margin-bottom: 20px } .subscriptores-form-widget .ok-msg-layer, .subscriptores-form-widget .error-msg-layer, .cont-form-subs .button-form{ width: 100%; clear: both; margin-top: 20px }  .btn-tweet{ display: block; background-color: #FFF; position: relative; border: 2px solid #00b8de; border-radius: 5px;  padding: 15px 15px 15px 30px;  margin-bottom: 0.8em;  margin-top: 1.75em; overflow: hidden } .btn-tweet A{ display: block } .btn-tweet A:hover{ text-decoration: none } .btn-tweet-text{ font-size: 1.2em } .btn-tweet-text{ color: #333 !important } .btn-tweet-text:hover{ color: #45464a !important } .btn-tweet-bt:before{ content: ""; display: table; margin-top: 10px } .btn-tweet-bt{ float: right; font-size: 0.80em }  .container-pp-servicios .text-small-items{ color:#FFF !important } .container-pp-servicios .button-layer{ text-align: left !important } .large-services .date .pull-left:before{ color: #00b8de } .text-services{ height:auto; margin-bottom: 0 } .text-services h2, .text-services p{ font-size: 1.0em; font-weight: 800 } .text-services p{ margin-top: 20px; margin-bottom: 10px; text-transform: uppercase } .text-services A{  text-decoration:none } .text-services A:link, .text-services A:visited{ color: #333 } .text-services A:hover, .text-services A:active{ color: #00b8de } .list-services-layer h3, .list-categories-layer h3, .menu-boletines h3, #comments, .search-layer h3, .container-form-comment h3{ margin-top:0px !important; padding-bottom:10px; margin-bottom:10px !important; } .list-services-layer .divisor-secciones{ display: none } .list-services-layer, .list-categories-layer{ margin-bottom:20px; margin-top:0px; } .list-services-layer h3{ margin-bottom: 0px !important } .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 } .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 } .list-name A{ display: block !important } .list-name{ width:48%; overflow:hidden; height:1% } .longe-list-name{ width:100%; padding: 15px 0; border-bottom: 1px solid rgba(54, 49, 52, 0.1) } .menu-cat-list .cont-ls-prt{ margin-top: 0; width: 75%; padding-left: 15px } .menu-cat-list .header-section{ margin-bottom: 0 !important } .longe-list-name, .list-name{ float: left } .longe-list-name span, .list-name span{ margin-right: 10px } .large-services h3{ margin-bottom: 20px } .text-item-fich h3:before{ content: "\f0da"; margin-right: 10px; color: #00b8de; font-family: FontAwesome } .text-item-fich h2{ text-transform: uppercase; border-bottom: 1px solid rgba(54, 49, 52, 0.1); margin: 30px 0 !important; padding-bottom: 10px; font-size: 1.2em } .cont-img-item img{ box-shadow: 3px 3px 15px #CCC; } .cont-img-item IMG, .cont-img-layer IMG, .img-delegacion IMG{ transition: width 0.5S, height 0.5S, transform 0.5S; -moz-transition: width 0.5S, height 0.5S, -moz-transform 0.5S; -webkit-transition: width 0.5S, height 0.5S, -webkit-transform 0.5S; -o-transition: width 0.5S, height 0.5S,-o-transform 0.5S }  .img-small-items:hover img, .cont-sec-dest .image-section-dest:hover img{ opacity: 0.8 } .text-fam-con{ width:100%; margin-top:20px } .container-pp-fam h2, .container-pp-opi h2{ text-shadow: 3px 2px 5px rgba(0,0,0,0.3) } .confiar-web{ margin: 50px 0 20px 0 } .contenedor-empresa .confiar-web h2, .contenedor-empresa .confiar-diseno h2, .contenedor-empresa .confiar-web h3{ text-align: center } .contenedor-empresa .confiar-web h2, .contenedor-empresa .confiar-diseno h2{ text-transform: uppercase } .confiar-web .header-section h2{ padding-bottom: 0px } .confiar-web h2 span, .confiar-diseno h2 span{ color: #00b8de } .confiar-web h3{ text-transform: uppercase } .cp-div .confiar-web h3{ color: #005672  } .cp-div .confiar-web h4{ color: #00769d } .confiar-web h4{ margin-top: 30px; font-weight: 800 } .confiar-web .text-small-news{ margin-top: 20px } .confiar-web .text-small-news{ color: inherit !important } .confiar-web A{ text-decoration: none !important; font-weight: 800 } .confiar-web A:after{ font-family: fontawesome; content: "\f105"; margin-left: 7px } .container-pp-fam .block-fa span:before{ color: #00b8de } .container-pp-fam .block-fa{ background-color: #FFF } .cont-serv-rel{ margin-top: 20px } .cont-serv-rel .text-services h2{ font-size: 1.0em } .cont-serv-rel .text-services{ min-height: auto } .cont-serv-rel .text-small-items{ font-size: 0.90em } .cont-serv-rel .header-section{ margin-bottom: 20px !important } .text-item-fich{ font-weight: 400 } .consultar{ font-size: 0.8em; color: #45464a; padding: 2px 10px; background: #f6f6f5; margin-top: -5px; margin-bottom: 18px; text-transform: uppercase; font-weight: 400 } .cont-item-info .consultar{ background: rgba(54, 49, 52, 0.1); color: #333 } .contenedor-servicios .divisor-secciones{ display: none; } .cont-price-long a{ text-decoration: none !important } .contenedor-servicios .header-section h1{ text-align: left !important } .condiciones-especiales-item{ font-size: 0.90em; background-color: #f6f6f5; padding: 0 20px 10px 20px; border-bottom: 4px solid rgba(54, 49, 52, 0.1); margin-top: 20px } .cont-dest-item{ margin-top: 0; padding: 20px 15px 15px 15px; background-color: #f6f6f5; font-size: 0.90em; color: #000; border-bottom: 4px solid rgba(54, 49, 52, 0.1); margin-bottom: 20px; } .cont-dest-item .col-md-12, .cont-dest-item .col-md-4{ margin-bottom: 10px } .cont-dest-item .fa{ color: #00b8de; margin-right: 10px; font-size: 1.1em } .container-pp-fam{ color: #FFF; background-color: #00b8de; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0bd2f4+0,08adee+100 */ background: #0bd2f4; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover,  #0bd2f4 0%, #08adee 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover,  #0bd2f4 0%,#08adee 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center,  #0bd2f4 0%,#08adee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bd2f4', endColorstr='#08adee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .container-pp-fam h2, .ficha-nam-fam h2{ text-align: center; color: #FFF } .ficha-nam-fam A:hover{ text-decoration: none } .ficha-nam-fam A:link, .ficha-nam-fam A:visited{ color: #FFF } .ficha-nam-fam A:hover, .ficha-nam-fam A:active{ color: #FFF !important } .ficha-nam-fam{ background-color: rgba(0,118,157, 0.8); padding: 5px 20px 8px 20px; line-height: 20px; font-size: 0.90em; text-transform: uppercase; position: absolute; top: 30%; width: 60%; border-bottom: 3px solid #FFF; box-shadow: 0 5px 8px rgba(0,0,0,0.2) } .contenedor-servicios .ficha-nam-fam{ background-color: rgba(0, 184, 222, 0.80) } .ficha-i-fam:hover .ficha-nam-fam{ background-color: rgba(0,0,0, 0.8) } .ficha-i-fam { position: relative }  .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{ margin: 10px 0 10px 0 } .cont-cal-pdrt .consultar{ margin-bottom: 0; padding-top: 7px } .cont-cal-pdrt{ position: initial } .big-price{ color: #333; font-weight: 700; font-size: 1.4em } .big-price:after{ content: "€" } .precio{ font-weight:bold; color: #333 } .big-price, .old-big-price{ line-height: 1.4em } .old-big-price{ text-decoration: line-through; font-size: 1.1em; margin-left: 7px } .old-price-item, .old-big-price{ color: #9b9b9b } .big-ofert{ position: absolute; top: 35px; left: 15px; min-width: 150px; padding:12px 20px } .oferta{ position: absolute; left: 8px; top: 25px; padding: 3px 8px } .oferta, .big-ofert{ background-color:#42b574; background: linear-gradient(45deg, #00b8de 0%,#009fb5 100%); color: #FFF; text-transform: uppercase; font-weight: 800; font-size: 0.9em; text-align: center; letter-spacing: 0.1em } .price-item{ background-color:#00b8de; 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{ content: " €" } .brands-layer{ margin: 0 0 5px 0  } .brands-layer h2{ margin: 0; font-size: 0.90em; font-weight: 400 } .brands-layer A:link, .brands-layer A:visited{ color: #00b8de } .brands-layer A:hover, .brands-layer A:active{ color: #000 } .ref-layer{ color: #45464a; font-size: 0.90em; margin: 5px 0 10px 0; text-transform: uppercase; font-weight: 400 } .icon-item-blue span{ background-color: #00b8de; margin-left:-5px; color:#FFF } .icon-item-grey span{ background-color: #e6e6e6 } .icon-item{ float: left; margin-right: 7px } .icon-item span{ width: 40px; height: 40px; text-align: center; font-size: 1.2em; line-height: 40px; display: grid; place-content: center  } .icon-item span: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 } .cont-item-info{ position:relative; margin-top: 25px } .cont-item-info .header-section{ margin-bottom: 0px !important } .cont-item-info .header-section h1{ margin-top: 5px; font-size: 1.4em } .big-price-red{ position:relative; margin: 13px 0 13px 0; min-height: 31px; overflow: initial !important } .span-big-price{ font-size: 1.4em; font-weight: bold; color: #00b8de } .span-small-price{ margin-left: 5px; font-size: 1.0em; text-decoration: line-through; color: #858585 } .span-small-price:after, .old-big-price:after{ content: "€"; font-size: 1.0em } .span-big-price:after{ content: "€"; font-size: 1.0em; font-weight: bold } .button-demo .style-button{ display: block; border-radius: 0; text-align:center; width: 60%; font-weight: 800; letter-spacing: 0.04em } .button-demo .style-button:link, .button-demo .style-button:visited{ background-color: #f6f6f5 !important; border: 1px solid rgba(54, 49, 52, 0.1); color: #333 !important } .button-demo .style-button:hover, .button-demo .style-button:active{ background-color: #333 !important; border: 1px solid #f6f6f5; color: #FFF !important } .button-demo{ margin-top: 0 !important; margin-bottom: 30px !important; padding: 0 !important } .button-demo A:before{ content: "\f0d0"; font-family: fontawesome; margin-right: 10px }  .button-layer{ float:none; padding: 15px 0; clear:both } .button-layer:not(.carousel .button-layer){ margin: 20px 0 } .style-button, .style-button-s{ min-width: 120px; font-weight: 800; text-transform: uppercase; border-radius: 5px; letter-spacing: 0.05em  } .style-button:not(.carousel .style-button, .cp-div .style-button, #cookies .style-button), .style-button-s:not(.carousel .style-button, .cp-div .style-button, #cookies .style-button){ padding: 15px 30px } .style-button:link, .style-button:visited{ color: #FFF !important; background-color: #00b8de; border: 2px solid #00b8de  } .style-button:hover, .style-button:active{ color: #00b8de !important; background-color: transparent; text-decoration: none !important; border: 2px solid #00b8de } .style-button-s:link, .style-button-2:visited{ border: 2px solid #00b8de; background-color: transparent; color: #00b8de !important } .style-button-s:hover, .style-button-2:active{ background-color: #00b8de; color: #FFF !important; text-decoration: none !important } .cp-div .style-button:link, .cp-div .style-button:visited, .carousel .style-button:link, .carousel .style-button:visited{ background-color: transparent; color: #FFF !important; border: 2px solid #FFF} .cp-div .style-button:hover, .cp-div .style-button:active, .carousel .style-button:hover, .carousel .style-button:active{ color: #000 !important; border: 2px solid #FFF; text-decoration: none; background-color: #FFF } .carousel .style-button, .cp-div .style-button{ padding: 15px 35px } .button-form .style-button { background-color: #00b8de; border: 2px solid #00b8de; color: #FFF } .button-form .style-button:hover { border: 2px solid #00b8de !important; background-color: transparent !important; } .button-layer i{ font-size: 85%; margin-left: 3px } .large-button-layer{ margin-top: 35px !important; clear: both }  a:link, a:visited{ color: #333; text-decoration: none } a:active, a:hover{ color: #00b8de } .color-page-link:link, .color-page-link:visited{ color: #00b8de !important } .color-page-link:active, .color-page-link:hover{ color: #000 !important } .header A:hover, .header A:active{ text-decoration: underline } .nav>li>a:hover, .nav>li>a:focus{ text-decoration: underline; background-color: transparent }  .list-categories-layer h2 A:before, .title-news h2:before, .text-services h2:before, .menu-seccion li A:before, .large-services .date .pull-left:before, .footer-menu li:before, .block-i li:before, footer p:before, .mail-header:before, .addres-header:before, .phone-s-header:before, .movil-header:before, .addres-del:before, .phone-del:before, .contact li:before, .block-f p:before, #IrArriba span:before, .list-categories-layer h2 A:before, .dir-con:before, .dir-phone:before, .dir-mov:before, .dir-mail:before, footer .mail-contact:before, footer .phone-contact:before, .lupita:before, .sobre:before, .menu-1>li A:before, .title-album h2:before, .como-llegar:before, .cargo:before, .contact-phone:before, .contact-i-phone h3:before, .container-pp-equipo .header-section h2:before, .container-pp-nws .header-section h2:before, .cont-sect .header-section h2:before, .header-section h1:before, .phone-header:after, .banner-free .data-contact p:before, .container-pp-galeria h2:before, .container-pp-nws .title-news-p h2:before, .container-pp-galeria .header-section h2:before, .globe:before, .autor-post:before, .img-defect-autor:before, .rating-sing A:before, .search-layer button:before, .star:before, .ficha-multimedia-fecha:before, .aspa-cerrar:before, .big-news .date-margin:before, .big-news .comment-small:before, footer .contact-direction:before, .mail-team:before, .cont-enlace-opi:before, .cont-button-resp a:before, .login-f h1:before, .li-log:before, .date:before, .name-emp-foo:before, .enlace-opi a:before, .register-ok-layer .header-section:before, .fa-i-entrar:before, .fa-i-registro:before{ font-family: FontAwesome }  .row-blt{ padding: 3px 10px } .row-blt span{ margin-right: 10px } .boletines-div img{ margin-bottom: 30px } .boletines-div .form-group{ clear: both } .boletines-div{ padding-bottom: 40px } .boletines-div, .subscripcion-div { font-size: 1.0em; min-height: 300px; clear: both } .layer-error h3{ font-size: 1.2em; font-weight: 100; text-transform: none } .layer-error h1 span{ font-size: inherit } .subscripcion-div span, .layer-error span{ font-size: 6.9em } .line-blt{ overflow: hidden; height:1% }  .container-pp-equipo{ padding: 30px 0 20px 0; background-color: #FFF } .container-pp-equipo .divisor-secciones{ margin-bottom: 50px } .cont-list-team h3{ margin-top: 8px; margin-bottom:5px !important; font-size:1.3em } .cargo{ margin:15px 0 10px 0; color: #00b8de; text-transform: uppercase; font-size: 0.90em; font-weight:bold } .descripcion-puesto .cargo{ margin: 0 } .cont-img-team, .min-info-team{ width:50%; float:left }  .mail-team{ font-size: 0.90em; color: #00b8de } .mail-team:before{ content: "\f0e0"; margin-right: 5px; color: #00b8de } .cargo i, .mail-team i{ margin-right:10px; color: #00b8de } .link-team{ margin:30px 0; padding:10px 0; overflow:hidden } .min-info-team h3{ line-height:1.0em; font-weight:bold !important; text-transform: uppercase; letter-spacing: 0 } .img-team img{ margin: 0 auto; max-width:250px; box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1) } .img-team img:hover{ opacity: 0.8 } .datos-team{ border-bottom: 7px solid #f6f6f5; padding-bottom:15px; margin-bottom:20px } .conti-team:after{ content: ""; display: table; width:100%; height:0px } .container-pp-equipo img, .contenedor-equipo-humano img{ max-width: 100% }  .cont-img-gal{ margin-bottom:30px !important } .title-desc-gal{ margin-bottom:20px } .number-album{ font-family: 'Montserrat', serif; float:left; margin-right:20px; font-size:1.6em; color: #00b8de; font-weight:bold } .cont-g-images{ margin-bottom: 18px } .cont-g-images .img-sec-cont{ padding:0 } .title-album{ width:100% } .title-album h2:before{ content: "\f0a9"; margin-right:10px; color: #00b8de; padding-left: 3px } .cont-gal h1{ font-size:1.6em; font-weight:bold !important } .description-album-text{ height:1%; margin-bottom:20px } .img-sec-cont{ margin:10px 0 10px 0; padding:0 } .image-section .img-sec-cont{ padding: 0 0 } .img-sec{ width:50%; float:left } .img-sec img{ width:100% } .contenedor-galerias{ padding-bottom:30px } .cont-ficha:hover .description-gal{ display:block } .cont-img-layer{ transition: all 500ms ease-out } .cont-img-layer img{ opacity: 1.0 } .cont-img-layer:hover img{ opacity: 0.8 } .title-album h3{ font-size:1.4em; font-weight:bold !important; text-transform:uppercase } .option-div{ font-size: 0.90em; padding:15px 0; color:#00b8de; display: none } .option-div span{ margin:0 10px 0 0 } .cont-ficha-img{ margin-bottom:30px } .desc-img{ display:none; position:absolute; bottom:0; left:15px; right:15px; background-color: #00b8de; opacity:0.8; line-height:110%; min-height:30px; padding:10px 12px; color:#FFF } .button-galery-l{ margin-right:10px; margin-top:20px } .s-destacado{ color:#333; margin-top:10px !important; text-transform:uppercase; font-weight:400; font-size:1.2em } .description-image-gal{ margin: 10px 0; color: #000; font-weight: bold; text-align:center } .cont-ficha-img:hover .description-image-gal{ color: #00b8de }  .contact-phone:before{ content: "\f098"; margin-right:10px; color: #00b8de; font-size:1.1em } .contact-information{ font-weight: bold } .contact-information .block-i i{ color:#00b8de } .contact-information .icon-footer{ max-width:30px } .contact-information A:link, .contact-information A:visited{ color:#00b8de } .contact-information A:hover, .contact-information A:active{ color:#000 } .contact-information li:before{ content: "\f138"; font-weight:100 } UL.contact{ list-style-type:none; margin:0; padding:0 } .sending-mail{ display:none } .contact-layer-small{ margin:40px 0; padding:15px 0; font-size:1.3em; line-height:1.3em; color:#333 } .contact-l .header-section{ margin: 0 10px } .contact-layer-small p{ margin:30px 0 } .como-llegar:before{ content: "\f041"; margin-right:12px; color: #00b8de; margin-left: 3px } .check-box-div{ font-size: 0.90em; padding-left: 1px } .check-box-div .col-md-2{ height: 1px } .check-box-div .form-div, .form-comment-item .check-box-div, .comment-layer .check-box-div{ display: flex; align-items: baseline } .check-box-div A{ text-decoration: underline } .cont-list-cnt .divisor-secciones{ display: none } .cont-list-cnt .header-section{ margin-bottom: 0 !important }  .bloque-contacto .contact-direction:before, .bloque-contacto .contact-phone:before, .bloque-contacto .mail-contact:before{ font-family: FontAwesome; color: #00b8de; margin-right: 10px } .bloque-contacto .mail-contact:before{ content: "\f0e0" } .bloque-contacto .contact-direction:before{ content: "\f041"; padding-left:3px } .blq-cnt h3{ border-bottom: 1px solid rgba(54, 49, 52, 0.1); margin-bottom:20px; padding-bottom: 10px } .bloque-datos-contacto UL{ list-style-type: none; padding-left: 0px } .bloque-datos-contacto li{ line-height: 1.9em } .bloque-datos-contacto{ overflow:hidden; margin-bottom: 30px } .datos-contacto-social li{ float: left; margin-right: 15px; font-size: 30px; color: #00b8de } .bloque-datos-contacto h3{ margin-bottom: 40px !important } .como-llegar{ margin: 0px }   pre{ background-color: #333; color: #FFF; font-size: 0.9em; font-family: 'Montserrat', sans-serif; padding: 0 20px } .cadabullos-contento{ text-align: center; margin-bottom: 25px } .layer-error{ padding: 0 0 20px 0 } .layer-error .text-center{ padding-top:40px } figcaption{ font-style:italic; color:#000!important } select{ width:100%; border:1px solid #d8d8d8; color:#333; font-size:0.90em; padding:3px 0 } iframe{ max-width:100% } section{ overflow:hidden } hr { border-top: 1px solid #e7e6e6 } .bold{ font-weight:bold !important; } .border-bottom{	border-bottom:1px dotted #CCC } .justify{ text-align:justify } .contenedor-politicas td{ width: auto !important } 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 } .color-page-jumbo{ color:#72645d } .color-red{ color:#F00 } .underline{ text-decoration:underline !important } .obligatory{ float:left; font-size:85% } .margin-top-20{ margin-top:20px } .standard{ overflow:hidden; height:auto; padding:5px 0 } .clearfix{ overflow: initial !important } .fa-phone{ margin-right:11px !important } .color-page{ color: #00b8de } .italic{ font-style:italic } .white-color{ color:#FFF } .m-bottom{ margin-bottom: 15px } .m-bottom-max{ margin-bottom: 100px } .m-top{ margin-top:15px } .hidden-layer{ display: none } .lineas-listados{ line-height: 40px; border-bottom: 1px dotted rgba(54, 49, 52, 0.1); overflow: hidden } .lineas-listados:hover{ background-color: rgba(54, 49, 52, 0.1) } .cabecera-listados{ background-color: #00b8de; overflow: hidden; color: #FFF } .cabecera-listados .casilla-listados{ border-right: 1px dotted #FFF } .casilla-listados{ width: 20%; float: left; line-height: 35px; padding: 0 15px } .no-button{ border: 0px; background-color: transparent; padding: 0px; outline:0 } .no-button:hover{ text-decoration: underline } .crp{ margin-bottom: 30px } .crp A, .crp A:hover{ text-decoration: none } .crp img{ margin: 0 auto } .cp-div{ background-color: #00b8de; color: #FFF } .cp-div .divisor-secciones:before{ background: #FFF !important } .cp-div .divisor-secciones:after{ background: #FFF } .cp-div A{ text-decoration:none } .cp-div h2{ color: #FFF } .cp-div A:link, .cp-div A:visited{ color: #FFF } .cp-div A:hover, .cp-div A:active{ color: #000 } .cp-div .hts{ color: #FFF } .cp-div .texto-pp-pdr{ margin-bottom: 15px } .cp-div .texto-pp-pdr A, .cp-div .texto-secciones A{ text-decoration: underline } .cp-div .texto-secciones A:link, .cp-div .texto-secciones A:visited{ color: #FFF } .cp-div .texto-secciones A:hover, .cp-div .texto-secciones A:active{ color: #000 } .menu-r{ margin-bottom: 40px } .menu-r UL{ list-style-type: none; padding: 0; margin: 0 } .menu-r .header-section{ margin-bottom: 13px !important } .menu-r .hts{ border-bottom: 0px; margin-bottom: 0px; padding-bottom: 3px; line-height: 1.4em; font-size: 1.1em } .menu-r A{ text-decoration: none } .menu-r h2{ margin-top: 0px } .menu-r h2, .menu-r h3, .menu-r p{ font-family: 'Montserrat', sans-serif; font-size: 0.90em; font-weight: 300; line-height: 1.4em; text-transform: none } .capa_resolver_captcha{ overflow: initial !important }  .container-fichas-multimedia{ padding: 10px 0 50px 0 } .container-fichas-multimedia h2{ font-weight: 300; color: #000 } .container-fichas-multimedia iframe{ border-bottom: 10px solid #00b8de } .ficha-multimedia{ margin-bottom: 40px } .ficha-multimedia iframe{ width: 100% } .ficha-multimedia-fecha{ margin-bottom: 20px; color: #00b8de } .ficha-multimedia-fecha:before{ content: "\f073"; margin-right: 10px } .container-pp-mlt{ background-color: #f6f6f5 } .container-pp-mlt crp{ margin-bottom: 0 }  .ficha-opinion-imagen img{ border-radius: 50% } .ficha-opinion blockquote{ padding-left: 80px; position: relative; border: 0 } .container-pp-opi .ficha-opinion-texto{ color: #00769d } .ficha-opinion-title{ margin-bottom: 20px } .contenedor-opi h2{ color: #00b8de } .ficha-opinion-title:after{ content : ""; width: 80px; display: table; margin: 25px 0 10px 0 } .container-pp-opi .ficha-opinion-title:after{ border-bottom: 1px solid #FFF } .contenedor-opi .ficha-opinion-title:after{ border-bottom: 1px solid #00b8de } .contenedor-opi .ficha-opinion-title-info{ background-color: #f6f6f5; padding: 10px 30px 30px 30px; border-bottom: 4px solid rgba(54, 49, 52, 0.1); box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); width: 100% } .enlace-opi-fuente{ font-weight: 800; font-size: 0.90em; text-transform: uppercase } .contenedor-opi .ficha-opinion blockquote:before{ color: #00b8de } .ficha-opinion blockquote:before{ content: "\f10d"; font-family: fontawesome; font-size: 60px; position: absolute; top: 30px; left: 0 } .enlace-opi-fuente{ padding-left: 80px } .form-opiniones .divisor-secciones{ display: none } .container-pp-opi img{ margin-bottom:20px } .container-pp-opi{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0bd2f4+0,08adee+100 */ background: #0bd2f4; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover,  #0bd2f4 0%, #08adee 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover,  #0bd2f4 0%,#08adee 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center,  #0bd2f4 0%,#08adee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bd2f4', endColorstr='#08adee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .cont-enlace-opi{ text-align: right; font-size: 0.90em; font-weight: 800; margin-top: -20px; margin-bottom: 30px } .cont-enlace-opi:before{ content: "\f044"; margin-right:5px; color: #00b8de } .cont-enlace-opi A:link, .cont-enlace-opi A:visited { color: #00b8de } .cont-enlace-opi A:hover, .cont-enlace-opi A:active { color: #000; text-decoration: none }  .error-layer, .error{ color:#F00 } .mensaje-no-ok{ margin-bottom: 40px } .ok-msg-layer:before, .error-msg-layer:before{ font-family: fontawesome; position: absolute; left: 20px; font-size: 2.0em } .ok-msg-layer, .error-msg-layer{ position: relative; font-size: 0.90em; border-radius: 5px; margin: 10px 0 20px 0; padding: 12px 10px; padding-left: 60px } .ok-msg-layer{ background-color: #ebfbf6; border-left: 4px solid #33d39d; } footer .ok-msg-layer, footer .error-msg-layer, .pop-up-blog .error-msg-layer, .pop-up-blog .ok-msg-layer{ color: #45464a } .error-msg-layer{ background-color: #fdedee; border-left: 4px solid #fc5f60 } .error-msg-layer:before{ color: #fc5f60; content: "\f05c" } .ok-msg-layer:before{ color: #33d39d; content: "\f058" }  .big-slogan{ font-size:2.0em; line-height:1.3em; background-color: #00b8de; color:#FFF; padding:10% 10% 30% 10%;  border-radius:10px; margin-top:15px } .banner-free .banner-small{ margin-bottom: 20px } .banner-small span{ line-height: 30px } .banner-small i{ font-size:1.6em; color:#000 !important } .banner-small:hover i, .banner-small:hover A{ color:#000 } .banner-small A{ display: block; text-decoration:none } .banner-small A:link, .banner-small A:visited { color: #FFF } .banner-small A:hover, .banner-small A:active { color: #000 } .central-banner{ color:#FFF; letter-spacing: 2px; line-height:1.5em }  .cont-list-del .header-section{ margin-bottom:20px } .cont-del-1{ margin-right:-30px !important; margin-left: -15px !important } .addres-del:before, .phone-del:before{ font-weight: bold; margin:0 10px 0 5px; color: #00b8de  } .addres-del:before{ content:"\f041" } .phone-del:before{ content:"\f10b"; font-size:1.3em } .desc-del{ margin-top:20px } .desc-delega-2{ margin-top:40px } .container-pp-del{ background-color: #333; padding:20px 0; color:#FFF } .del-options{ margin:5px 0 } .ficha-delegacion{ margin-bottom:40px; position: relative; padding-bottom: 20px } .cont-del{ background-color: #f6f6f5; padding:5px } .img-delegacion{ overflow:hidden } .del-address h2{ font-size: 1.2em } .img-delegacion IMG:hover , .img-delegacion:hover img{ opacity:0.6 } .data-del{ margin-top: 15px }  #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; } .carousel{ 	background-color:#f1F1F1 }  .cont-ls-pro .header-section h2{ text-align: center } .cont-prove{ margin-top: 20px } .cont-proveedores{ padding-bottom: 15px } .web, .web-prove{ font-size: 0.90em; text-transform: uppercase; color: #00b8de; font-weight: 400 } .cont-prove h2{ text-transform: uppercase; font-size: 1.0em } .conti-team h3{ font-size: 1.0em } .globe:before{ content: "\f0ac"; color: #00b8de; margin-right: 10px; padding-left: 2px } .ficha-punta{ box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); padding: 20px; color: #333; font-size: 0.90em; line-height: 1.5em } .ficha-punta p{ text-align: justify } .cont-info-prove{ padding-bottom: 15px } .title-prov{ width: 100%; padding-bottom: 15px } .title-prov:after{ content: ""; position: absolute; bottom: -21px; left: 40px; background-image: url(../images/punta-pequena.png); background-repeat: no-repeat; background-position: left center; width: 30px; height: 18px; display: block; margin-top: 25px; margin-bottom:18px } .small-prov .cont-img-prove, .small-prov .cont-info-prove{ width: 100% } .small-prov .web{ font-size: 0.80em } .container-pp-prov .cont-ls-pro{ margin-top: 0 !important } .container-pp-prov .small-prov .col-md-6{ padding: 0 } .container-pp-prov .title-prov:after{ content: none } .prov-rel-cont .header-section h2{ text-align: center } .prov-rel-cont{ margin-top: 30px } .container-pp-secciones .gal-zoom{ top: 30%; left: 40% } .container-pp-sec-n .header-section{ text-align: center } .container-pp-secciones .title-pp, .container-pp-sec-n .header-section, .container-pp-sec-n h2{ text-align: center } .container-pp-secciones .gal-zoom span{ font-size: 0.6em; border-radius:55px } .small-sect-desc{ width:100%; float:left; line-height:120% } .list-categories-layer h2 A:before{ content: "\f105 "; font-weight: bold; margin: 0px 10px; color: #b7b7b7 } .list-categories-layer h2:hover A:before{ color: #00b8de } .small-section{ overflow:hidden; height:1% } .small-sect-img{ width:30%; float:left; margin-right:10px; margin-top:5px } .dtll h2{ margin-bottom:20px; margin-top: 20px } .contenedor-secciones .cont-sec-dest{ padding: 60px 0 } .contenedor-secciones{ margin-bottom:30px } .text-desc{ overflow:hidden; height:auto } .menu-seccion li{ padding-bottom:0 !important } .menu-seccion li A:before{ content:"\f105";	font-weight: bold;	margin-right:10px } .menu-seccion li:hover{ color:#FFF } .menu-seccion li:before{ content:"" } .small-img-sec img{ box-shadow: 3px 3px 15px rgba(0,0,0,0.1) } .deep-menu li{ float: left; border-bottom:0px solid #FFF; line-height:1.0em !important; width:100% } .deep-menu li A{ text-decoration: underline; padding:0px !important; margin:0 !important } .deep-menu{ margin:0; padding:0; overflow: hidden } .descripcion-destacada h2{ font-size: 1.3em } .descripcion-destacada A:link, .descripcion-destacada A:visited{ color:#000; text-decoration:none !important } .descripcion-destacada A:hover, .descripcion-destacada A:active{ color:#00b8de; text-decoration:none !important } .small-section A:link, .small-section A:visited{ color:#333 } .small-section A:hover, .small-section A:active{ color:#00b8de } .cont-sec .img-sec{ max-width:50%; float:left } .cont-sec{ clear:both; line-height:1.7em } .cont-sect .header-section{ border-color: transparent; margin-bottom:30px !important } .section .button-layer{ margin-top:30px } .section a { text-decoration:none } .section .icon-section i{ color:#c8c8c8; transition: all 300ms ease-out } .section:hover .icon-section i:hover{ color:#333 } .icon-section{ font-size:5.5em; margin:20px 0 !important; text-align:center; color:#00b8de } .text-sect-p{ margin:10px 0 20px 0 } .small-img-sec{ margin-bottom:10px } .text-sect-p{ margin:10px 0 20px 0 } .title-pp{ margin-bottom:10px } .title-pp:after{ content: ""; display: table; height: 3px; background-color: #00b8de; width: 50px; margin: 0 auto; margin-bottom: 10px; margin-top: 20px } .contenedor-secciones .img-we{ margin-bottom:15px } .contenedor-secciones .texto-secciones ul{ list-style-type: none } .contenedor-secciones .texto-secciones li{ float:left; margin-right: 20px; margin-bottom:20px; opacity:1.0 } .contenedor-secciones .texto-secciones li:hover{ opacity:0.8 } .cont-sec-dest .text-small-news, .cont-sec-dest .text-small-items{ color:#FFF !important } .cont-sec-dest, .cont-fich-pp{ background-color: #FFF } .block-fa{ text-align: center; width: 115px; height: 115px; background-color: rgba(54, 49, 52, 0.1); margin: 0 auto; border-radius: 50%; margin-bottom: 35px; display: grid; place-content: center } .block-fa span:before{ font-size: 55px; color: #00b8de; line-height: 115px }  .google-layer-full iframe{ width:100%; min-height:300px } .google-layer-full h2{ text-transform:uppercase } .google-layer-full .col-md-6{ overflow:hidden } .we-are{ text-align:center; padding:20px 0 } iframe{  box-shadow: 0 2px 10px 0 rgba(0,0,0,.1) } .cont-img-map{ text-align:center; clear:both } .small-google-location{ margin-top:10px }  .pages-layer:before{ content: ""; width:100%; display:block; float: none; clear:both } .pages-layer{ margin-top:30px; text-align:center; padding:10px 0 } .pages, .pages-no-link{ padding: 5px 10px; margin-right: 5px; box-shadow: 2px 2px 3px #CCC; border-radius: 5px; background-color: #00b8de; color:#FFF !important } .pages-no-link { background-color: #E4E4E4; margin-right: 10px; color:#999 !important } .pages:hover, .pages A:active{ text-decoration: underline; color:#FFF }  .div-404{ text-align:center } .cont-ls-404 img{ margin: 0 auto } .texto-404{ margin: 40px 0 } .des-404:after{ display: table; content: " "; width: 100%; margin-bottom: 20px }  #cookies{ background-color:#f6f6f5; z-index:1100; width:100%; color: #45464a; font-size:0.80em; letter-spacing: 0.1em; position: fixed; bottom: 0; box-shadow: rgba(0,0,0,.5) 0 5px 50px; padding: 15px 10px } #cookies A{ color:#00b8de !important } .pt-datos{ font-size: 0.80em; margin-top: 20px; background-color: #f6f6f5; padding-top: 20px; padding-bottom: 20px } #cookies ul, .preferencia-privacidad ul{ list-style-type: none } .preferencia-privacidad{ position: fixed; top: 35%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999999; width: 100%; max-width: 850px; height: 100%; max-height: 480px; overflow: hidden; border-radius: 2.5px; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.90em; line-height: 145% } .preferencia-privacidad ul{ padding: 0; margin: 0 -15px } .preferencia-privacidad li{ padding: 5px 10px } .preferencia-privacidad a{ line-height: 1.5; text-decoration: none } .men-pref A{ display: block } #cookies .style-button{ border: 0 } #cookies .style-button:link, #cookies .style-button:visited{ color: #FFF !important } #cookies .style-button:hover, #cookies .style-button:active{ background-color: #191919 !important; border: 0 !important } .texto-cookies .col-md-3{ overflow: visible } #black-pref{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 2001; display: none } .men-pref{ background: #23282d; height: 100% } .blt-block{ background-color: #f6f6f5; height: 100%; position: relative } .blt-block h4{ margin: 20px 0; font-size: 1.1em } .oligatorio-pref{ float: right; background-color: #00b8de; color: #FFF; font-size: 0.90em; border-radius: 50px; padding: 7px 10px } .fa-cerrar-pri{ position: absolute; right: 10px; top: 10px; font-size: 1.3em; color: #FFF; font-weight: 100 } .title-pref h3{ color: #FFF; font-weight: 300 } .title-pref{ background: #23282d; text-align: center; padding-bottom: 5px; position: relative; overflow: hidden } .preferencia-privacidad a:link, .preferencia-privacidad a:visited{ color: #FFF } .preferencia-privacidad a:hover, .preferencia-privacidad a:active{ color: #FFF } .preferencia-privacidad button{ background-color: #00b8de !important; color: #FFF; border: 0; border-radius: 2px; padding: 5px 10px } .save-pref{ position: absolute; bottom: 45px } .save-pref .button-form{ margin: 0 } .active-pref{ background-color: #00b8de } .preferencia-privacidad button:active{ border: 0; outline: 0 } .cont-spec-label label{ margin-right: 7px; text-transform: uppercase } .cont-spec-label{ float:right } .blt-block{ overflow: scroll } .acept-pref .button-layer{ margin: 0px !important; padding: 0 !important } .texto-cookies .container{ padding: 0 } .opciones-cookies .button-form{ margin: 0; text-align: center; width: 100% } .cookies-flex{ display: flex; flex-wrap: wrap; place-content: center; margin: 15px 0 } .display-ok{ display: initial !important } #IrArriba { position: fixed; bottom: 50px; right: 30px; z-index:1000 } #IrArriba span{ width: 60px; height: 60px; display: block; text-align: center; line-height: 45px } #IrArriba span:before{ content:"\f106"; font-size:4.8em } #IrArriba A:visited, #IrArriba A:link{ color: #333 } #IrArriba A:hover, #IrArriba A:active{ text-decoration: none; color: #00b8de }  .previous-next{ margin-bottom:15px; font-size: 0.90em; font-weight: 800; text-transform: uppercase } .previous-next-small{ margin-right:15px }  .subscripcion-div{ margin-bottom:50px } .submit-news-letter-div{ font-size: 0.90em; padding-left: 3px; margin-top: 10px; display: flex } .cont-form-subs .button-form{ text-align: right; margin-top: 30px } .subscripcion-div-cont label{ font-weight: bold; font-size: 0.90em } .form-cont-subs .style-button{ width: 100% } .form-cont-subs .laber-subs{ padding-right: 3px }  .gal-zoom{ position: absolute; top: 35%; left: 40%; font-size: 3.0em; color: #FFF; display: none } .contenedor-servicios .gal-zoom{ top: 40% !important } .cont-img-item .gal-zoom{ top:30% } .gal-zoom span{ font-size:0.80em; border-radius:40px; color: #FFF; padding:16px; background-color: rgba(0, 184, 222, 1.00) }  .img-we{ max-width:100% } .min-desc{ font-style:italic; line-height:130%; text-align:justify; display:none } .texto-secciones{ margin-bottom:40px; float: none } .texto-secciones img{ max-width: 100% } .texto-secciones A:link, .texto-secciones A:visited{ color: #00b8de } .texto-secciones A:hover, .texto-secciones A:active{ color: #000 } .contenedor-secciones .texto-secciones h2{ font-size:1.4em } .divisor-secciones{ height: 3px; position:relative; margin-bottom:30px; margin: 0 auto; width: 50px } .divisor-secciones:before, .divisor-secciones:after{ content: ''; position: absolute; left: 0; bottom: 0 } .divisor-secciones:before { top: 0; z-index: 50; width: 50px; background: #00b8de; width:50px } .divisor-secciones:after{ z-index: 20; width: 100%; height: 1px; display: table; clear: both; margin-bottom: 30px }  .forms-login{ margin: 0 auto; clear: both } .login-f h1:before{ content: "\f09c"; margin-right:10px; color: #00b8de } .login-f .divisor-secciones{ display: none } .login-articulo .button-form{ margin-top: 20px; padding: 20px 0 } .login-f .button-form .style-button{ display: block; width: 100% } .login-f .logo{ width: 50%; margin-bottom: 30px } .login-f .button-form{ margin-right: 0; margin-top: 15px } .option-login{ margin-top: 30px; font-size: 0.90em } .recibir-boletin label{ text-transform: uppercase; margin-left: 15px; margin-right: 5px  } .desc-form-lbl{ font-size: 0.80em; text-align: right } .login-articulo{ margin: 20px 0; background-color: rgba(54, 49, 52, 0.1); padding: 30px; text-align: center; border: 1px solid rgba(54, 49, 52, 0.1) } .login-articulo .button-form A{ text-decoration: none } .login-articulo .button-form .style-button{ margin-right: 20px; margin-bottom: 10px } .registro-link:before, .recover-pass-l:before, .l-c-s-reg:before{ font-family: fontawesome; margin-right: 5px; color: #00b8de } .registro-link:hover:before, .recover-pass-l:hover:before{ color: #000 } .option-login A{ text-decoration: none } .registro-link:before{ content: "\f09c" } .recover-pass-l:before{ content: "\f13e" } .l-c-s-reg:before{ content: "\f290" } .div-l-c-s-reg{ margin-top: 15px } .separador-login{ margin: 0 12px } .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; border:10px solid #f6f6f5; padding:40px 40px; text-align:center } .register-ok-layer .header-section{ overflow: initial !important } .register-ok-layer .header-section h2{ background: none } .register-ok-layer .header-section:before{ content: "\f087"; font-size:40px; color: #00b8de } .register-ok-layer .style-button{ box-shadow: none !important } .register-ok-layer .button-layer{ margin-top: 30px } .icono-reg-log, .fa-unlock-alt{ position: absolute; right: 0px; top: 0; margin-top: 16px; padding: 0px 13px; border-left: 1px solid rgba(54, 49, 52, 0.2) } .icono-reg-log:before{ color: #b7b7b7 } .form-contact-layer .form-group{ position: relative } .remember-pass label{ margin-left: 5px }  .menu-cuenta UL LI:before{ font-family: fontawesome } .menu-cuenta nav{ margin-top: 20px } .color-green{ color:#60a684 }  .menu-1 li UL{ display: none; position: absolute; top: 52px; left: 0; z-index: 1000; 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); text-align: center } .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:45px; text-align:left; border-bottom: 1px dotted #d8d8d8; min-width: 350px; right: auto !important; font-weight: bold  } .menu-1 li UL LI:hover{ background-color: #F1F1F1; border-bottom: 1px dotted transparent } .menu-1 li A{ display:block; text-decoration: none } .menu-1{ position: relative } .menu{ overflow: initial !important } .menu div{ overflow: initial } .men-resp-serv A{ padding-left: 20px !important }  .menu-cat-list UL{ text-transform: uppercase; font-weight: 300; padding-left: 5px !important } .menu-cat-list LI{ padding-left: 0 !important; line-height: 30px } .menu-cat-list LI UL{ font-size: 1.1em; font-weight: 300 !important; margin-bottom: 10px } .menu-cat-list LI UL LI{ padding-left: 7px !important; font-size: 0.90em; line-height: 25px } .menu-cat-list li UL{ display: none; margin-top: 10px } .li-cat-pp UL{ font-weight:100; text-transform: none } .li-cat-pp A{ text-decoration: none }  .cont-favoritos .divisor-secciones, .cont-vales .divisor-secciones, .cont-compra .divisor-secciones, .cont-confirmar .divisor-secciones{ margin-top: 17px } .contenedor-favoritos .header-section{ margin-bottom: 30px !important } .menu-cuenta UL LI:before{ content: "\f0da"; color: #00b8de; margin-right: 10px } .delete-favorite{ position: absolute; right: 25px; top: 28px; font-size: 1.5em; z-index: 1000; background-color: #00b8de; width: 30px; height: 30px; text-align: center; box-shadow: 0 3px 10px rgba(0,0,0,0.3) } .delete-favorite a:link, .delete-favorite a:visited{ color: #FFF } .delete-favorite a:hover, .delete-favorite a:active{ color: #FFF } .menu-cuenta UL{ font-size: 0.90em; line-height: 1.6em } .cont-ls-val, .cont-ls-cuenta, .cont-ls-pedido, .cont-ls-cesta, .cont-ls-confir{ font-size: 0.90em } .header-line{ padding: 10px 4px; color: #333; border-bottom: 1px dashed #333; font-weight: 800 } .tab, .lounge-tab{ float: left; text-align: right } .tab{ width: 25% } .lounge-tab{ width: 50%; padding-left: 5px } .line-tb{ padding: 10px 4px; border-bottom: 1px dotted rgb(216, 216, 216); line-height: 1.6em; position: relative } .line-tb:hover{ background: #f6f6f5 } .date1{ font-weight: 400; color: #00b8de; font-size: 0.90em } .neutral-msg-layer{ padding: 3px 0; margin: 10px 0; } .caja-explica, .contenedor-cuenta .footer-form, .contenedor-pedidos .footer-form{ background-color: rgb(245, 245, 245); padding: 0px 15px 10px 15px; border-bottom: 5px solid rgba(54, 49, 52, 0.1) } .bonus-section{ margin-bottom: 20px } .text-vale h3{ text-transform: uppercase; font-size: 0.90em } .cont-res-bon .caja-explica{ margin-top:20px; padding-top:15px } .cabecera-caja{ background-color: #f6f6f5; padding: 7px 15px; border-bottom: 1px solid rgba(54, 49, 52, 0.1); margin-bottom: 30px; font-weight: 800; font-size: 0.90em; margin-top: 30px } .my-acount-data .button-form .col-md-8{ padding-left: 0 } .contenedor-cuenta .footer-form, .contenedor-pedidos .footer-form{ margin-top: 40px; padding-top: 15px; font-size: 0.90em } .obli-field{ font-style: italic; color: #a2a2a2; font-size: 0.90em } .chek-box-b{ margin: 15px 0 } .chek-box-b label{ margin-right: 10px; text-transform: uppercase; margin-left: 3px } .hidden-div{ display: none } .cita{ display: none }  .especial-label, .cont-special-label, .recibir-boletin .pull-left{ overflow: initial !important } .especial-label input{ position: absolute; opacity: 0} .especial-label label{ background-color: rgba(54, 49, 52, 0.1) } .especial-label label{ position: relative; z-index: 5; width: 50%; height: 100%; margin: 0; text-align: center; float: left; line-height: 40px; text-transform: uppercase; cursor: pointer; color: #333 } .cont-special-label{ width: 200px; position: relative; height: 40px } .especial-label input:checked ~ a{ position: absolute; top: 0; padding: 0; z-index: 5; width: 50%; height: 100%; color: #fff; border: solid 1px #279CBB; background-color: rgba(0,188,212,0.3); left: 0; border-radius: 3px;  cursor: pointer } .especial-label input:last-of-type:checked ~ a{ left: 50%; background-color: rgba(224,143,149,0.3); border: solid 1px #CA6F6F; } .recibir-boletin .pull-left{ margin-right: 10px } .dni-actual{ font-size: 0.85em } .id-ped{ max-width: 80px } .contenedor-pedidos .tab, .contenedor-pedido .tab, .contenedor-pedido .lounge-tab{ text-align: left } .header-detail-order{ background-color: #f6f6f5; padding: 20px 20px 20px 20px; margin: 10px 0 20px 0 } .direccion-order{ width: 100% } .fact-ord A:before{ content: "\f1c3"; margin-right: 7px; color: rgb(157, 159, 158); font-family: fontawesome; color: #00b8de } .ref{ max-width: 90px; width: 90px } .tab-precio, .tab-cantidad{ max-width: 90px } .tab-precio{ text-align: right !important } .line-tb .tab-cantidad{ padding-left: 5px } .bloque-total-ped{ margin-top: 10px } .subtotal-div div{ float: right; text-align: right; line-height: 2.8em; border-bottom: 1px dotted rgb(216, 216, 216); padding: 5px 0 } .text-send{ margin-right: 20px } .iva-i{ font-size: 0.90em; color: #9b9b9b } .ok-order .footer-form{ padding-top: 20px; border-top: 1px solid rgba(54, 49, 52, 0.1) } .cuenta-ban{ font-weight: bold; color: rgb(0, 184, 222) } .ok-order .button-layer{ padding-top: 40px; border-top: 1px solid rgba(54, 49, 52, 0.1) } .cnt-mensajes .line-tb{ padding: 15px 20px } .cnt-mensajes .fa{ margin-right: 7px } .cnt-mensajes .fa:before{ color: #00b8de } .cnt-mensajes .detalles-msj{ font-size: 0.90em; font-style: oblique } .cnt-mensajes .line{ margin: 10px 0 20px 0; padding: 0 20px } .cnt-mensajes .line-header{ color: #000 } .form-mensajes form{ margin-top: 30px } .mayu{ text-transform: uppercase } .contenedor-cesta .neutral-msg-layer{ margin-top: 40px } .cont-adi-info{ margin-top: 40px; padding: 0 } .cont-adi-info .col-md-3{ padding: 5px } .send-layer, .bonos-alert, .time-send, .paid-send, .pay-method{ background-color: #F1F1F1; font-size: 0.90em; padding: 5px; text-align: center; color: #333; border-bottom: 3px solid #e2e1e1 } .bonos-alert:before{ content: "\f05a" } .send-layer:before{ content: "\f0d1" } .time-send:before{ content: "\f015" } .paid-send:before{ content: "\f09d" } .paid-send UL{ text-align: left } .contenedor-cesta .lounge-tab{ text-align: left; padding-left: 10px } .send-layer:before, .bonos-alert:before, .time-send:before, .paid-send:before { font-family: FontAwesome; margin-right: 7px; color: #00b8de; display: block; font-size: 3.0em; text-align: center; margin-bottom: 20px; padding-top: 25px } .pay-method{ margin-top: 30px; text-align: left; padding: 0 15px; padding-bottom: 20px } .pay-method UL{ line-height: 1.6em; list-style-type: none; margin:0; padding-left: 15px } .pay-method span{ padding-left: 15px } .pay-method h2{ margin-bottom: 20px } .btn-seguir-comprando{ float: left } .continue-buy{ padding: 15px 30px; background-color: rgba(54, 49, 52, 0.1); text-decoration: none !important } .continue-buy:hover, .continue-buy:active{ color: #FFF; background-color: #333 } .button-cart{ float: right; } .buttons-cart div{ overflow: initial !important } .buttons-cart{ margin: 20px 0; padding: 20px 0 } .buttons-cart a{ text-transform: uppercase } .erase-line{ float: left; width: 20px; padding-top: 2px; text-align: right } .units-cart{ width: 35px; padding: 0 5px; text-align: center ; float: left; margin-left: 5px } .cont-ls-cesta .tab-cantidad{ max-width: 95px } .cab-top{ text-transform: uppercase } .act-uni{ background: none; border: 0px; float: left; font-size: 0.90em; padding-top: 2px } .line-tb .ref{ color: #00b8de; font-size: 0.90em } .contenedor-cesta .header-line{ margin-bottom: 20px } .checkbox-div, .text-checkbox-div{ float: left; margin-right: 10px } label{ font-weight: 400; font-size: 0.90em } .bonus-layer-general{ margin-top: 10px } .cont-compra .button-form{ margin: 30px 0 } .cont-confirmar .error-msg-layer, .cont-confirmar-ped .error-msg-layer, .cont-confir .ok-msg-layer{ margin-bottom: 100px } .cont-confirmar .button-form{ margin-top: 30px } .cont-confirmar .m-bottom{ float: none; clear: both } .boton-enviar-tpv{ clear: both } .pay-method h2:before{ content: "\f0da"; font-family: fontawesome; margin-right: 7px; color: #b7b7b7 } #cesta{ float: right; line-height: 30px  } #cesta UL{ list-style-type: none } .icon-cesta:before{ font-family: fontawesome; content: "\f07a"; color: #00b8de; font-size: 25px; margin-right: 10px; line-height: 32px } #cesta:hover .icon-cesta:before{ color: #333 } #cesta:hover .big-size-cart{ background-color: #333 } #cesta A{ text-decoration: none; display: block } .big-size-cart{ font-weight: bold; font-size:0.90em; height: 30px; width: 30px; background-color: #00b8de; color: #FFF; float: right; text-align: center; margin-left: 5px } .t-envio-gratis{ color: #00b8de }  .cont-campana, .cont-campfi{ position: relative } .cont-campfi .name-cat-gal{ bottom: 20%; top: auto; position: absolute; width: 40% } .con-ls-fam .cont-campfi{ margin-bottom: 40px } .cont-campfi h2{ color: #FFF; text-shadow: 0 5px 5px rgba(0,0,0,0.14); background-color: rgba(0,0,0,0.2); padding: 10px 0; text-align: center } .cont-info-camp{ margin-top: 20px } .tit-items-camp h2{ text-align: center } .cont-campfi img:hover{ opacity: 0.80 } .services-section{ position: relative; margin-bottom: 30px } .c-opt-pr{ margin-top: 20px } .option-shop{ overflow: inherit } .agotado-item{ margin-bottom: 25px; font-size: 0.90em; font-style: oblique; padding: 3px 10px; background-color: rgba(54, 49, 52, 0.1) } .agotado-list{ position: absolute; right: 20px; top: 30px; -webkit-transform: rotate(40deg); transform: rotate(40deg); color: #FFF; font-weight: bold; text-transform: uppercase; padding: 3px 5px } .icon-item-dark-grey{ background-color: #00b8de } .icon-item-dark-grey span:before{ color: #FFF } .color-div{ font-size: 0.90em; margin-top: 20px } .label-colores{ float: left } .select-talla select{ padding: 7px 6px; font-style: italic; font-size: 0.90em } .size-item-div{ font-size: 0.90em; margin-top: 20px } .add-cart-div{ margin-bottom: 20px; margin-top: 25px; margin-right: 0 } .add-cart-div .style-button{ width: 60%; font-weight: 800; letter-spacing: 0.04em; min-width: 250px } .add-cart-div .style-button:before{ font-family: fontawesome; content: "\f07a"; margin-right: 10px } .add-cart-div A{ display: block } .presupuesto{ padding: 15px 0; margin-top: 0 } .cart-label{ float: left; margin-right: 10px; font-style: italic } .unidades-div .form-control{ float: left !important; width: 120px; margin: 0 } .unidades-div{ margin-top: 20px } .size-item-div .form-control{ padding: 5px 10px !important;  text-align: right; letter-spacing: 0.1em } .description-text{ margin-top: 20px } .color-lab{ width: 20px; height: 20px; padding: 4px; border: 1px solid #333; margin-left: 10px; float: left } .cont-order-final .button-form{ text-align: right; margin: 50px 0 } .margin-bottom-20{ margin-bottom: 20px } .image-serv-small{ padding: 0 } .text-serv-small h3{ margin: 0 } .precio-small:after{ content: "€" } .destc-services{ margin-top: 20px } .destc-services .header-section{ margin-bottom: 0px !important } .ficha-tecnica-pro A{ font-size: 0.90em; text-decoration: none !important } .ficha-tecnica-pro A:before{ font-family: fontawesome; content: "\f1c3"; color: #00b8de; margin-right: 10px } .option-item-list{ margin: 0 15px 25px 0; font-size: 0.90em; padding-top: 3px } .cont-filter{ overflow: initial !important } .contenedor-l-familias .header-section{ margin-bottom: 10px !important } .contenedor-l-familias h1:before, .menu-cat-list .hts:before{ font-family: fontawesome; content: "\f0da"; color: #00b8de; margin-right: 10px } .cont-filter select{ margin-top: -10px; font-style: italic; font-size: 0.90em; padding: 7px; color: #838383 } .con-ls-fam, .cont-ls-prt{ margin-top: 20px } .precio-small{ color: #333; font-weight: bold } .container-pp-detacados .header-section a, .container-pp-nuevos .header-section a{ text-decoration: none } .container-pp-nuevos{ background-color: #f6f6f5 } .container-pp-banner h3{ color: #FFF } .container-pp-banner{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0095d1+0,42b574+100 */ background: #0095d1; background: -moz-linear-gradient(left, #0095d1 0%, #42b574 100%); background: -webkit-linear-gradient(left, #0095d1 0%,#42b574 100%); background: linear-gradient(to right, #0095d1 0%,#42b574 100%) } .ban-icon:before{ font-size: 30px; padding: 10px 10px; color: #FFF; font-family: fontawesome } .ban-icon{ padding-top: 3px } .text-ban-i{ float: left; width: 75% } .responsive-menu-cont .sec-ul{  margin-left: 0 } .responsive-menu-cont .sec-ul LI{ padding-left: 30px; } .responsive-menu-cont .fa-fam-mi A:before{ content: "\f2bd" } .responsive-menu-cont .fa-i-micuenta A:before{ content: "\f007" } .responsive-menu-cont .fa-i-favoritos A:before{ content: "\f004" } .responsive-menu-cont .fa-i-promos A:before{ content: "\f295" } .responsive-menu-cont .fa-i-pedidos A:before{ content: "\f290" } .responsive-menu-cont .fa-i-pass A:before{ content: "\f09c" } .responsive-menu-cont .fa-i-salir A:before{ content: "\f08b" } .responsive-menu-cont .fa-i-cesta A:before{ content: "\f07a" } .responsive-menu-cont .fa-i-en-res A:before{ content: "\f09c" } .responsive-menu-cont .fa-i-reg-res A:before{ content: "\f13e" } .responsive-menu-cont .fa-i-home A:before{ content: "\f015" } .responsive-menu-cont .fa-i-port A:before{ content: "\f26c" } .responsive-menu-cont .fa-i-blog A:before{ content: "\f1ea" } .responsive-menu-cont .fa-i-cont A:before{ content: "\f003" } .responsive-menu-cont .fa-i-emp A:before{ content: "\f2be" } .responsive-menu-cont .fa-i-serv A:before{ content: "\f108" } .responsive-menu-cont .fa-i-gal A:before{ content: "\f03e" } .men-resp-serv li A:before{ content: "\f0da" !important; } footer .men-resp-serv li A:before{ content: none !important; } .responsive-menu-cont #servicios-resp:before{ content: "\f0d7" } .responsive-menu-cont .fa-i-cesta{ background-color: #333; border-bottom: 1px solid #333; margin-top: -1px }  .con-popup-g{ position: fixed; top:0; right:0; left:0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 200; background-color: rgba(0,0,0, 0.4) } .con-popu{ width: 500px; height: auto; background-color: #FFF; box-shadow: 10px 5px 20px 20px rgba(0,0,0,0.1); padding: 40px; max-width: 90%; position: relative } .close-pop{ position: absolute; right: 5px; top: 10px; color: #000; width: 30px; height: 30px; display: block; font-size: 30px; cursor: pointer; font-weight: 300 } .botom-pop{ text-align: center } .temp-height{ width:100%; min-height: 500px } .contenedor-codigos{ position: fixed; z-index: 3000; background-color: #FFF; border-radius: 15px; border: 10px solid #333; padding: 0 20px } .contenedor-codigos:before{ background-image: none !important } @media only screen and (max-width: 560px) { .botom-pop .style-button{ padding: 10px 20px } .footer-menu li a{ line-height: 3.4em } .con-popu{ padding: 40px 40px 20px 40px } .menu{ display:none } .consultar{ padding: 7px 10px; line-height: 1.6em; text-align: center; text-transform: uppercase } .cont-serv-rel .text-small-items{ font-size: 1.0em } .image-container{ width:100%; float: none; margin-bottom: 20px; margin-top:0px } #intro{ padding: 5% 0px 22% } h1, .hts{ font-size:1.2em !important } h2{ font-size:1.1em } #cookies .cookies-flex{ display: block; width: 100% } #cookies .cookies-flex{ margin-top: 0 } #cookies .style-button:not(#pref-cookies){ margin-bottom: 0 !important } h3{ font-size:1.1em  }  .right-header{ width: auto; margin-top: 0px } .cita{ font-size: 0.90em } .phone-header{ padding: 0; text-align: right } .logo{ width: 57% } .header{ margin-top: 10px !important } .social-header{ width:auto !important;  float:none; clear:both; margin:0 auto; max-width:280px } .phone-header{ width:100%; float:right; font-size:1.2em; height:auto } .fax-header{ width:100%; text-align: center; margin-top:16px !important } .social-header span{ margin: 0 8px } .left-banner{ font-size: 0.85em !important } .banner-small{ margin:15px 0; min-height:50px !important } .banner-small span{ line-height:1.0em } .banner-free .hts{ font-size: 1.2em !important } .banner-free .slogan1{ margin-top:20px } .section h2{ font-size:1.2em } .obligatory{ float:none !important; overflow:hidden; margin:10px 0; text-align:center; font-size:85%; } .cont-g-images{ margin:15px 0 } .large-services h2{ font-size:1.1em !important; line-height: 1.4em } .container-pp-prov .large-services h2{ font-size: 1.0em !important } .prefijo{ display:none; } .text-small-news, .text-small-items{ height: auto; min-height: auto } .title-news	{ height:auto } footer h3{ font-size: 20px; } .small-sect-desc h3{ font-weight:700 !important; } .small-sect-desc{ margin-top:20px } #IrArriba { bottom: 5px; right: 5px } .icon-section{ font-size:5.0em } .services-section{ width:100% !important; float:none } .image-section, .small-img-sec{ margin-bottom:5px; width:100%; max-width:none } .image-section iframe{ width:560px } .image-section{ margin: 0 !important } #comments, .container-form-comment h3{ font-size: 1.2em !important } .min-info-team{ margin-top:40px } .button-galery-l{ margin-top:30px } .img-we img{ text-align:center !important } .title-album{ min-height:0px; height:auto } .big-location, .big-phone{ line-height:2.0em } .cont-ficha{ height: auto !important; margin-bottom: 0 } .icon-social-header{ margin:0 auto; margin-top:20px; margin-bottom:20px } .cont-img-map img{ width:100% } .container-pp-nws .image-small-news{ width:100% } .ficha-noticia-pp{ padding-bottom:0 } .sec-1-emp .img-we{ margin:0; } .gal-p, .ficha-noticia-pp{ margin-bottom:20px !important } .contact-info-layer .col-xs-4{ width: 100% !important } .big-location, .big-phone, .big-location, .big-mail, .big-movil{ font-size:1.2em } .n-registro span{ width:100%; display:block } .n-registro .hidde-s{ display: none } .container-pp-galeria .gallery-header h2:after { margin-left: 0 } .cont-img-team, .min-info-team{ width:100%; float: none; text-align:center } .news-section{ margin-bottom: 0 } .contenedor-tabla-contenidos{ width:100% } .lupa:after{ content: " "; width: 100%; height: 1px; display: table; float:none; clear:both } .boletines-div .button-form{ text-align: center; margin-top: 30px } .social-banner-icons{ max-width:100% } .min-desc-layer{ margin-top: 10px } .divisor-secciones{ margin-bottom: 0; margin-top: 30px } div[class^='container-pp']:not(.container-pp-secciones, .container-pp-empresa){ padding: 35px 0 50px 0 } .container-pp-secciones{ padding: 35px 0 10px 0 } .btn-share{ width:35px; height: 35px; line-height:40px; border-radius:0 } .btn-share .contador{ width: 35px; padding: 0; top: -23px; min-width: auto; line-height: 30px   } .btn-share span{ font-size: 20px } .contenedor-servicios .texto-secciones{ padding: 0 15px } .cont-ls-rel{ padding: 0 15px } .deep-menu li{ margin-bottom: 15px } .style-button{ font-size: 0.85em; max-width: 100% } .ficha-nam-fam{ width: 80%; left: -10px } .contenedor-servicios .ficha-nam-fam{ width: 90%; left: 10px } .big-ofert{ top: 40px; left: 0; width: 150px  } .block-fa{ margin-bottom: 10px } .contenedor-servicios .col-md-9{ padding: 0 } .container-pp-empresa{ padding-top: 50px !important } .pt-datos{ padding: 10px 10px } .small-button{ font-size: 0.85em } .small-button .style-button{ padding: 15px 20px !important } .register-ok-layer{ top:20%; left:15px; right: 15px } .form-button .style-button, .button-form, .style-button, .continue-buy{ width: 100%; display: block; text-align: center } .my-acount-data .button-form .col-md-8{ padding: 0 } .con-item{ display: none } .option-item-list{ margin-left: 15px } .cont-filter{ width: 100%; clear: both } .big-news .autor-post-div{ margin-left: 0 } .cont-prove .button-layer .style-button{ width: inherit } .cont-ls-pro .button-layer{ margin: 0 15px } .cont-ls-pro .col-md-4{ padding: 0 } .longe-rute{ height: 40px; max-width: 100%; width: 100%; word-break: break-all } .opt-subs{ margin-top: 20px } .boton-whatsapp{ width: auto; bottom: 0; left: 7px; position: fixed; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; padding: 10px 15px 7px 15px; font-size: 1.3em } .texto-comparte{ display: none } .boton-whatsapp .fa-whatsapp{ margin-right: 0 } .login-articulo .button-form a{ display: table } .ref{ display: none } .text-whatsapp{ display: none } .preferencia-privacidad{ top: 42%; max-height: 85% } .save-pref{ position: initial; margin-top: 30px; margin-bottom: 60px } .f-estado{ display: none } .contenedor-pedidos .fpay{ width: 40% } .contenedor-pedidos .fecha-cal{ width: 30% } .send-layer, .bonos-alert, .time-send, .paid-send{ min-height: 203px } .ban-icon, .ban-icon:before{ padding: 0 } .ban-icon{ padding-top: 3px } .units-cart{ width: 25px } .erase-line{ width: 18px } .option-login p{ line-height: 1.0em } .option-login span{ display: block } .btn-seguir-comprando, .button-cart{ width: 100%; clear: both; margin-bottom: 15px } .valido-hasta{ display: none } .text-ban-i{ width: 100% } } @media only screen and (min-width: 560px) { .style-button{ font-size: 0.90em } .boton-whatsapp{ position: fixed; right: 50px; bottom: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 13px 20px } }  @media only screen and (max-width: 767px) { .list-name{ width:100% } .social-banner{ width:100%; padding:0 10px } .menu{ width:100% } .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 } .block-f{ margin-bottom:50px } .min-desc-layer{ padding-left: 15px; padding-right: 15px } .container-pp-nws .button-layer{ padding: 0 15px } .contact-i-big{ width:100% } .img-team img{ max-width:100% } .texto-secciones{ margin-bottom:20px } .contenedor-pedido .ref, .contenedor-cesta .ref, .contenedor-procesar .ref{ display: none } .bloque-total-ped{ font-size: 0.90em } .text-send{ width: 150px } .tab-tot{ width: 40%; margin-right: 10px } .bonus-section .button-layer{ width: 100%; margin: 10px 0 0 0 } .button-anadir-cuenta{ margin-top: 0; padding-top: 0 } #cookies .style-button{ width: 100%; margin-top: 10px; display: block } } @media only screen and (min-width: 560px) and (max-width: 767px){ .image-container{ width:100%; float:none; width:100% } .title-album h3{ font-size: 1.2em } .right-header{ width:50% } .cont-services{ min-height: 480px } .contenedor-galerias{ margin-bottom:30px } .block-f{ width: 100% !important } .header{ margin-top: 10px } .social-header{ width:auto; max-width:260px; margin: 0 auto; float:none; clear:both; margin-top:20px; margin-bottom:20px } .logo{ width: 33% }  }  @media only screen and (min-width: 560px) and (max-width: 991px){ div[class^='container-pp']{ padding: 50px 0 60px 0 } .preferencia-privacidad{ top: 30% } #cookies .col-md-3{ margin-top: 10px } .big-news .news-section{ width:100% !important } .ficha-opinion-imagen{ float: left } .container-pp-opi .ficha-opinion-imagen{ margin-right: 15px } .news-section{ width:50% !important; float:left } .block-f{ width:50%; float:left } .services-section{ width:50% !important; float:left; min-height:480px } .cont-img-team { width:50%; float:left } .text-service-desc{ min-height:200px } .link-team{text-align:center } .image-section{ margin-bottom:20px } .gal-p{ width:50% !important; float:left } .menu{ display: none } .cont-dest-item .col-md-4{ width: 50% } .cont-ls-pro{ margin-top: 20px } .contact-header{ margin-top:10px; margin-bottom: 0 } .right-header{ width: auto; margin-top: 0 }  .cita, .fax-header, .phone-header{ text-align: center } .related-post .col-md-3{ width: 50%; float: left } .btn-share .contador{ top: -20px } .responsive-menu-1{ margin-right: 8px } .register-ok-layer{ top:20%; left:25%; right:25% } #cesta{ margin-right: 10px }  } @media only screen and (min-width: 768px){ .filtro-marcas{ margin-right: 10px; overflow: initial !important } .enlace-sin-reg{ margin-top: 50px } .buttons-cart .button-cart{ text-align: right } .text-vale{ margin-top: 100px; clear: both } .caja-explica{ clear: both } .header-order-details div, .details-order-2 div{ width: 50%; float: left } .date-order{ text-align: right } .text-send{ width: 250px } .cont-ls-bon .button-layer{ float: left; clear: initial; margin-right: 10px } .button-cart{ float: right } #cookies .style-button{ margin-right: 5px; min-width: auto } .tab-tot{ width: 100px } .ban-icon{ margin: 25px 0 }  }  @media only screen and (min-width: 768px) and (max-width: 991px){ .responsive-menu{ margin:5px 0 5px 10px !important } .services-section{ min-height: 620px } header select{ width:98% } .ficha-i-fam{ width: 50%; float: left } .text-small-items{ height:auto; min-height: auto !important } .contenedor-empresa .pull-right, .contenedor-empresa .pull-left{ width: 100% } .fo-emp{ clear: both } .header{ margin: 10px 0 0 0 } .logo{ width: 35% }  #cesta{ top: 10px } .send-layer, .bonos-alert, .time-send, .paid-send{ min-height: 180px } }  @media only screen and (min-width: 992px) and (max-width: 1190px){ .menu-1>li>a{ padding:14px 10px 10px 10px } }  @media only screen and (max-width: 992px) { .contenedor-codigos{ top: 10px; right: 10px; left: 10px; bottom: 10px; overflow-y:scroll } .contenedor-codigos p{ font-size: 0.90em !important } .contenedor-codigos .style-button{ font-size: 0.80em !important } .contenedor-codigos .header-section{ margin-bottom: 0 !important } .cont-enlace-opi{ text-align: left } .container-pp-prov .cont-prove{ margin-top: 0; margin-bottom: 0 } .instructions UL{ padding:10px 15px; margin:0; } .information{ padding: 5px 20px 10px 15px; margin-top:20px !important } .img-conditions{ display:none } .top-header{ position: relative } .responsive-menu-1{ margin-top: 5px; display: block } .responsive-menu-boton{ display: block; position: absolute; top:0; left: 0; height: auto } .cont-cnt{ display: none } .float-images-left, .float-images-right{ margin-bottom: 20px } .no-responsive{ display:none } .min-desc{ display: block; margin: 10px 0; clear: both } .lupa{ display: block; float:right } .menu-subseccion{ display: block; } .social-t{ width:100% } .top-local-i{ text-align:center } .top-information{ display:none } .tex-local{ margin-top:0px } .menu-1>li>a{ padding:14px 3px 10px 3px !important } .politic{ float:none; width:100%; display: block; margin-top:40px } .boton-contacta{ padding-bottom: 20px } .cont-item-info{ margin-top: 10px } .list-categories-layer{ margin-top: 30px } .rel-smal-news{ margin-bottom: 20px } .comment-layer{ margin-top: 10px } .check-box-div, .w-votado{ width: 100%; display: block } .comment-layer{ margin-bottom: 0 } .btn-share{ margin-top: 10px } .related-post{ margin-top: 40px } .pop-up-blog{ margin-bottom: 40px } .image-small-news img, .small-img-sec img, .img-we img, .img-small-items img, .ficha-img-fam img{ width: 100% !important } .section h2{ margin-bottom: 10px } #cookies{ line-height: 1.5em; font-size: 0.80em; padding-top: 20px } .logo{ float: right; margin: 0 auto; margin-right: 15px } .logo img{ max-width:100% } .contenedor-registro .header-section, .contenedor-login .header-section{ margin-bottom: 10px !important } .divisor-secciones{ margin-top: 20px } .login-f{ padding: 0 15px } .contenedor-servicios{ padding-right: 15px; padding-left: 15px } .big-news .cont-info-autor{ margin-top: 20px } div[class^='contenedor']:before{ margin-bottom: 0 } .banner-free{ padding: 40px 0; padding-right: 15px; padding-left: 15px } div[class^="contenedor"]{ margin-bottom: 20px } footer{ padding-top: 40px } .responsive-menu{ margin: 5px 0 } .responsive-menu select{ font-size: 0.90em; font-weight: 300; padding: 5px 10px } .container-pp-sec-n{ padding: 40px 0 !important } .obli-field{ margin-top: 20px } .descripcion-empresa .section{ padding: 0 } .contenedor-empresa .confiar-web{ margin: 0 } .button-form{ margin-right: 0 } .col-empty{ height: 0 } .bonus-section { margin-top: 20px } .bloque-top-noticas{  margin-bottom: 10px } .layer-error .text-center{ padding-top: 0 } .subscripcion-div span, .layer-error span{ font-size: 5.0em } .button-layer .style-button{ margin-bottom: 15px } .header{ margin-bottom: 5px } .span-cookies{ display: block } #cookies .style-button:not(#pref-cookies){ padding: 10px 10px; margin-bottom: 15px } #pref-cookies{ padding: 10px 10px } .span-cookies:before{ content: ""; display: table; margin-top: 10px } .dtll img, .contenedor-secciones .cont-sec img{ height: 100% } .span-cookies:after{ content: ""; display: table; margin-bottom: 10px } .header-options{ display: none } .menu-cat-list, .menu-cuenta{ display: none } .text-vale{ margin-top: 40px } .line-tb{ font-size: 0.90em } .contenedor-favoritos .divisor-secciones, .contenedor-vales .divisor-secciones{ margin-top: 30px } .tab, .lounge-tab{ text-align: left } .cont-adi-info .col-md-3{ width: 50%; float: left } .right-header{ width: 100%; float: none; padding: 0 15px; height: 5px } .responsive-menu-1{ position: absolute; top: 3px; left: 18px } #cesta{ position: absolute; right: 18px; top: 6px } .big-size-cart{ display: none } .icon-cesta:before{ margin-right: 0px; color: #000 } .contact-header{ margin: 13px 0 13px 0 } .add-cart-div .style-button{ width: 100% } .button-demo .style-button{ width: 100% }  } @media only screen and (min-width: 992px){ .contenedor-codigos{ top: 210px; right: 20px; left: 20px; bottom: -5px; } .sidebar-1{ margin-top: -20px } div[class^='container-pp']:not(.container-pp-secciones, .container-pp-empresa){ padding: 70px 0 80px 0 } .form-cont-subs{ float: right } .cont-ls-subs{ margin-top: 50px } .form-cont-subs{ padding-left: 55px; padding-top: 30px } .subs-div-explain{ border-right: 1px solid rgba(54, 49, 52, 0.1) } .container-pp-secciones, .container-pp-empresa{ padding: 90px 0 80px 0 } .rel-tit-news{ height: 133px } .form-contact-layer .captcha-input{ max-width: 50% } .cont-item-info .consultar{ float: left } .btn-share-wht{ display: none } .cont-res-part{ min-height:580px !important } .cont-sec UL{ margin-left: 10px; padding-left: 20px; display: block } .politic{ float:right !important } .cont-sec .image-section, .cont-sec .image-we{ margin-top:0 !important } .gal-img{ min-height:auto !important } .logo img{ margin-top: 8px } .contact-header{ margin-bottom: 20px } .top-image{ margin-top:22px; padding: 0 } .title-desc-gal{ padding:0 35px; margin-top:60px } .contact-i-big{ margin: 0 -15px } .header-section{ margin-bottom:10px } .container-pp-secc-dest .image-section-dest{ padding: 10px 20px } .container-pp-secc-dest .descripcion-destacada{ padding-top:0px; padding-left:40px } .container-pp-secc-dest .button-layer{ text-align: left !important } .min-desc-serv{ min-height:90px } .min-info-team{ margin: 0px; margin-top:20px; padding-left: 15px } .cont-list-team{ min-height:300px } .banner-free .block-1{ padding-left: 100px; margin-top: 20px } .container-pp-nws .title-news-p{ min-height: 85px } .contact-element-layer{ padding: 0px 30px } .ficha-opinion-texto{ min-height: 60px } .longe-rute .col-md-12{ padding: 0 5px } .contenedor-noticias .col-md-9{ position: inherit } .container-social-news .container-social{ width: 50px; float: none; height: auto; background-color: #00b8de; position: fixed; left: 0; top: 32%; padding-top: 0; box-shadow: 5px 5px 10px -1px rgba(181,181,181,1) } .container-social-news .texto-comparte{ display: none } .container-social-news .container-social .btn-share{ width: 55px; margin-right: 0 !important; height: 65px; line-height: 85px; border-bottom: 1px solid #FFF } .container-social-news .btn-share .contador{ width: 100%; top: 0px; background-color: transparent } .container-social-news .btn-share:hover .contador{ background-color: transparent } .ficha-delegacion{ min-height: 420px } .forms-login{ max-width: 45% } .img-delegacion{ margin-top: 30px } .big-news .autor-bottom{ width: 30% } .big-news .cont-info-autor{ width: 70% } .container-pp-empresa .container, .container-pp-servicios .container{ width: 80%; padding: 0px } .container-pp-empresa .min-desc-layer{ padding: 10px 100px 30px 100px; } .cuerpo-pp .header-section h2{ font-size: 1.5em } .float-images-right{ margin-left: 30px } .contenedor-l-familias, .contenedor-servicios .large-services{ float: right } .list-news-layer{ margin-top: 5px } .cont-serv-rel .big-price-red{ min-height: 40px } .cont-serv-rel .text-services{ min-height: 85px } .text-client-cab{ margin-top: 30px } .especial-team .cont-img-prove{ float: right } .contenedor-prov .datos-team{ margin-top: 30px } .cont-prove .cont-img-prove{ margin-top: 75px } .container-pp-prov .cont-prove .cont-info-prove{ margin-top:20px } .list-services-layer .cont-ls-sec{ margin-top: 25px } .container-pp-prov .cont-prove{ padding-bottom: 0; margin-bottom: 0 } .responsive-menu{ display: none } .divisor-secciones{ margin-top: 40px } .cont-ls-pro{ margin-top: 50px } .cont-fav-icon{ position: absolute; right: 0; top:0; width: 50px } .cont-fav-icon .icon-item{ border-bottom: 1px solid #FFF } .form-contact-layer .label-div{ width: 100% } #cookies .style-button:not(#pref-cookies){ padding: 10px 20px } .acept-pref .button-layer .style-button{ display: inline-block } #pref-cookies{ padding: 10px 10px } .preferencia-privacidad{ min-height: 450px } .save-pref{ right: 0 } .contenedor-empresa .confiar-web{ margin: 0 0 20px 0 } .acept-pref .button-layer .style-button{ min-width: 450px }  .menu-cuenta{ padding-left: 40px } .cont-order-final .button-form{ width: 50%; } .contenedor-favoritos .header-section h1, .contenedor-vales .header-section h1, .contenedor-cuenta .header-section h1, .contenedor-pedidos .header-section h1, .contenedor-pedido .header-section h1, .contenedor-cesta .header-section h1, .contenedor-blt h1{ text-align: inherit !important  } .contenedor-favoritos .divisor-secciones, .contenedor-vales .divisor-secciones, .contenedor-cuenta .divisor-secciones, .contenedor-pedidos .divisor-secciones, .contenedor-pedido .divisor-secciones, .contenedor-cesta .divisor-secciones, .contenedor-blt .divisor-secciones{ margin: initial; margin-top: 17px } .send-layer, .bonos-alert, .time-send, .paid-send{ min-height: 203px } .text-vale{ margin-top: 100px } .text-small-items{ min-height: 145px } .contact-header{ margin-bottom: 0 } #cesta{ margin-top: 15px } .cont-ls-rel .text-small-items{ min-height: 150px } .sidebar-1 .search-layer{ margin-left: 120px; width: 300px } .container-pp-detacados .cont-services, .container-pp-nuevos .cont-services{ min-height: 550px } .container-pp-detacados .text-small-items, .container-pp-nuevos .text-small-items{ min-height: 115px } .container-pp-banner .container{ width: 90% } .cont-campanas .min-desc-serv{ min-height: 150px } #contrasena{ width:100%; overflow: hidden } .text-services{ min-height: 86px } .cont-services{ min-height: 630px; margin-bottom: 10px }  } @media only screen and (min-width: 1441px){ 	 .contenedor-servicios .container{ width: 80% } }