body, html { height:100% } body{ font-family: 'Questrial', sans-serif; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 17px; line-height: 1.8em; color: #37393c; 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: 20px } div[class^='contenedor'] .texto-secciones{ text-align: center } div[class^='contenedor'] .header-section h1{ color: #1d70a4 } div[class^='container-pp-'] .header-section h2{ text-align: center } .container-pp-servicios .header-section h2{ text-align: left !important } .menu-r .header-section{ text-align: left !important } div[class^='container-pp']{ padding: 100px 0 } .container-pp-opi .button-layer, .container-pp-nws .button-layer{ text-align: center } .header-section h1 span{ color: #1d70a4 }  .logo{ float:left; width:22%; font-size: 14px; font-family: 'Questrial', sans-serif; line-height:2.0em; text-transform:uppercase; padding-top: 15px }  .right-header{ float:right; width:78% } .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:#1d70a4 } .social-header A:link, .social-header A:visited{ color: #333 } .social-header A:hover, .social-header A:active{ color: #FFF }  .header-options{ background-color: #1d70a4; font-size: 0.90em; font-weight: bold } .header-options ul{ list-style-type: none; float: right;line-height: 30px; margin-bottom: 0 } .header-options li{ line-height: 40px } .header-options a:link, .header-options a:visited{ color: #FFF } .header-options a:hover, .header-options a:active{ color: #000 } .li-log, .li-mi-cuenta{ float: left; margin-left: 20px } .li-log:before{ content: "\f08b"; margin-right: 6px; color: #FFF } .li-mi-cuenta:before{ font-family: fontawesome; content: "\f2bd"; margin-right: 6px; color: #FFF }  .menu-1{ font-family: 'Questrial', sans-serif; margin: 0 auto !important; position: relative; font-size: 0.75em } .menu-1>li{ min-width:auto !important; position: relative } .menu-1>li>a{ font-weight: bold; padding: 15px 20px } .menu-1>li>a:link, .menu-1>li>a:visited{ color:#333 } .menu-1>li>a:hover, .menu-1>li>a:active{ text-decoration:none !important; color: #1d70a4; background-color: transparent !important } .active-new a:link, .active-new a:visited{ color:#1d70a4 !important; background-color: transparent;  } .cita, .fax-header, .phone-header{ text-align:right } .cita{ color: #000; width: 100%; font-size: 0.90em; display: none } .fax-header, .phone-header{ font-size:1.1em; color: #1d70a4; font-weight: bold } .label-head{ color: #000 } .menu{ width:100% !important; text-align:center; background-color: transparent; text-transform: uppercase } .responsive-menu-cont{ display: none; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: auto; padding: 20px 20px 40px 20px; background-color: #1d70a4; box-shadow: 10px 31px 30px 4px rgba(0,0,0, 0.3); font-size: 0.90em; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; font-weight: bold } .responsive-menu-cont LI{ border-bottom:1px dotted #FFF; line-height: 45px; padding-left: 15px  } .responsive-menu-cont UL{ list-style-type: none; margin-left:0px; padding-left:0px; margin-bottom:0px } .responsive-menu-cont A:link, .responsive-menu-cont A:visited{ color:#FFF; text-decoration: none; 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 } .responsive-menu-cont .sec-ul LI{ padding-left: 30px } .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) }  .li-inicial A{ padding-left: 5px !important }  h1{ font-family: 'Questrial', sans-serif; font-size: 1.8em; color: #000; font-weight:600; line-height: 1.20em } h2{ font-family: 'Questrial', sans-serif; font-size: 1.4em; color: #000; font-weight: 600; line-height: 1.2em } h3{ font-family: 'Questrial', sans-serif; font-size: 1.2em; color: #000; line-height: 1.3em; font-weight: 600; } .header-section h{ margin-bottom:20px; clear:both } .header-section h1{ text-align: center } .cuerpo-pp .header-section h1{ text-align: left !important; color: #1d70a4; font-size: 1.8em } .header-section h2{ padding-bottom: 10px } .hts{ font-family: 'Questrial', sans-serif; font-size: 1.8em; padding-bottom: 18px; margin-bottom: 16px!important; margin-top: 19px; color: #000; line-height: 1.2em; font-weight:600  } .plt-div h2{ font-size:1.3em } .cuerpo-pp .header-section h2{ font-weight: 600; font-size: 2.2em; color: #1d70a4 } .haz-tu-reserva .hts:after{ border-bottom: 1px solid #FFF; margin: 0 auto; margin-top: 20px } .haz-tu-reserva p{ font-size: 1.2em; line-height: 1.6em } .menu-r .hts{ color: #1d70a4; font-size: 1.5em } .slogan{ font-family: 'Questrial', sans-serif } .container-pp-elige h2{ color: #1d70a4; font-size: 1.3em } .container-pp-elige{ text-align: center } .container-pp-elige .title-pp:after{ content:""; width: 50px; display: table; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #1d70a4 } .container-pp-empresa .button-layer{ text-align: left !important } .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 } .contenedor-empresa h2{ font-weight: bold } .dtll a:link, .dtll a:visited{ color: #1d70a4; text-decoration: underline } .dtll a:active, .dtll a:hover{ color: #000; text-decoration: underline } .dtll img{ max-width: 100%; margin-bottom: 20px } .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: #1d70a4 } .min-desc-layer{ position: relative }  .longe-rute{ height:auto; background-color: #f6f6f5; z-index: 1 } .ruta{ font-size: 0.85em; font-weight: 300; padding:10px 0; color: #37393c } .ruta A:link, .ruta A:visited { color: #37393c } .ruta A:active, .ruta A:hover { color: #1d70a4 } .responsive-ruta{ overflow:hidden; height:1%; width:100% }  .banner-free{ background-color: #1d70a4; padding:70px 0 50px 0; background-image: url('../images/fondo-secciones.jpg'); background-size: cover; background-position: center center; background-attachment: fixed } .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: 'Questrial', sans-serif; font-size:1.3em; padding-top:10px; margin-right:10px; color:#1d70a4 !important; font-weight:bold !important } .date{ float: right } .hr-layer{ margin-top:15px; color: #1d70a4 } .data-contact div{ border-bottom: 1px dotted #FFF; padding: 10px 0 } .data-contact{ color: #000; font-family: 'Questrial', sans-serif; line-height:1.9em } .big-location, .big-phone, .big-location, .big-mail, .big-movil{ font-size: 1.3em; font-weight:bold; color: #FFF } .big-location:before, .big-phone:before, .big-location:before, .big-mail:before, .big-movil:before{ font-family: fontawesome; margin-right: 10px } .big-movil:before, .big-phone:before{ content: "\f10b"; padding-left: 8px } .big-mail:before{ content: "\f003" } .lupita:before{ content: "\f00e" } .sobre:before{ content: "\f0e0" } .lupita:before, .sobre:before{ margin-right:5px; color: #1d70a4 } .search-layer{ margin-bottom:30px } .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: #1d70a4; border: 0px; background-color: transparent;  margin-left: -38px; float: left; margin-top:6px } .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:#5A5A5A; color:#FFF; padding: 80px 0 240px 0; margin-top:20px; line-height:1.7em; border-top: 15px solid #f6f6f5; font-size: 1.0em } footer .li-inicial A{ padding-left: 0 !important } footer h4{ color:#FFF; font-size: 1.3em; font-weight: bold; margin:20px 0 10px 0; font-family:'Questrial', sans-serif; padding-bottom:20px; text-transform:uppercase } footer A:link, footer A:visited{  color:#FFF } footer A:hover, footer A:active{  color:#FFF } footer i, footer .social-footer span{ color: #FFF; margin-right:8px; font-size:1.3em !important; margin-right:20px } footer .li-inicial A{ padding-left: 0 !important} footer .social-footer li{ float: left } 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 } footer .text-form{ font-size:0.85em; 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: #1d70a4 !important } footer .contact-direction:before{ content: "\f041"; color: #FFF; margin-right: 10px; padding-left: 3px } footer .cont-form-subs .form-control, .subscriptores-form-widget .form-control{ margin-bottom: 5px } .s-copy{ font-size:1.2em; margin-right:0  } .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:#1d70a4 } .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, .contact-envelope, footer .contact{ padding-left:20px !important } .footer-menu li:before{ content:"\f105"; color: #FFF; margin-right: 5px } .footer-menu li:hover:before{ color: #FFF } .pol-cont{ width:100%; float:none; clear:both; padding-top:40px; margin-top:60px; font-size: 0.90em; padding-bottom: 10px; border-top: 1px dotted #FFF } .footer-option-p ul{ margin-left:0; padding-left:0 } .footer-option-p li{ float:left; margin-left:0; padding-left:0 ; margin-right: 10px } .logo-nombre-footer{ margin-top:20px; margin-bottom:0 } .contact-envelope li:before{ content: "\f003"; margin-right: 10px; color: #FFF } .politic { line-height:2.1em } .block-f p:before{ margin-right:10px }  .social-footer i:hover{ color:#1d70a4 } .social-footer{ margin-top: 20px } .btn-share{ float:right; width:45px; height:45px; margin-right:10px; background-color: #1d70a4; text-align:center; line-height:54px; position: relative; overflow: visible } .btn-share:hover{ background-color: #000 } .btn-share span{ color:#FFF; font-size:25px } .btn-share .contador{ position: absolute; background-color: #1d70a4; 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:#1d70a4 !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; 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 { 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:15px 15px; border-radius:0px; height: auto; box-shadow: none !important  } .information{ padding:0 20px 10px 15px; line-height:1.8em } .information i{ color:#1d70a4; margin-right:8px; font-size:20px } .form-group{ margin:0 10px } .obligatory-input-text { margin-top: 20px; font-size: 0.90em; padding-left: 13px } .small-form{ width:100px; float:left } .captcha-input{ max-width: 100px } .button-form{ margin: 30px 20px 0 0 } label{ font-weight: 500; font-size: 0.90em } .cpt-div{ margin-right: 15px } .g-recaptcha{ margin-bottom: 20px }  article{ overflow: hidden } .contenedor-noticias{ position: relative } .contenedor-noticias .dtll:before{ content:" "; display:block; margin-top:10px } .contenedor-noticias .dtll{ width:100% } .container-pp-nws{ padding: 30px 0 } .container-pp-nws .title-news-p{ height:auto; margin-bottom: 0px } .title-news-p a:hover, .title-news-p a:active{ text-decoration: none } .container-pp-nws .header-section h2:after{ margin-bottom:0 !important } .ficha-noticia-pp{ padding-bottom:10px } .title-news{ height:auto } .bloque-top-noticas{ font-size: 0.90em; color: #1d70a4; font-weight: 400  } .news-section .button-layer{ margin: 10px 0 } .news-section{ position:relative; border-bottom: 1px dotted #f6f6f5; padding-bottom:20px } .big-news .header-section h1{ text-transform: none !important  } .related-post .header-section, .cont-list-cnt .header-section{ text-align: left !important } .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: 7px; color: #1d70a4 } .big-news .comment-small{ margin-top: 0 } .big-news .bloque-top-noticas{ padding-top:15px; width: 100% } .big-news .date A:link, .big-news .date A:visited{ color: #1d70a4 } .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:#1d70a4 } .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:60%; border: 1px solid #e5e5e5; padding: 20px 20px; background-color: #f6f6f5; margin: 20px 0 30px 0 } .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 } .cont-text-news{ padding-top: 15px }  .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:#1d70a4; font-size: 0.90em } .small-news{ padding-bottom:5px; margin:0 0 !important } .small-news .date{ color: #1d70a4; 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.95em } .detail-comment h2{ margin-top:8px !important } .comment-layer, .container-form-comment{ margin-top:30px } .comment-layer, .related-post{ padding-top:20px; border-top:1px dotted #BBB } .container-form-comment{ margin-bottom: 30px } .comment-layer{ margin-bottom: 50px } .comment-layer  h3 span, .container-form-comment h3 span{ font-weight: bold } .comment-layer  h3, .container-form-comment h3 { text-transform: uppercase } .tag-layer{ font-weight:bold; margin:25px 0 } .tag-layer A:hover{ text-decoration:underline !important } .lb-eti{ text-transform: uppercase } .tag-layer a{ margin-right: 7px } .icono-persona{ margin-right:15px; } .big-date{ background-color: rgba(54, 49, 52, 0.1); font-size:1.5em; color: #333; margin-right:25px; margin-bottom:20px; text-align:center; padding:10px; margin-top: 10px; font-weight: bold; display: none } .date-new-small{ position: absolute; top:10px; left:15px; color:#FFF; background-color:rgba(29, 112, 164, 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 } blockquote{ border-left-color: rgba(54, 49, 52, 0.1) } .text-small-news, .text-small-items{ height:auto; width:100% } .text-small-items{ min-height:69px } .big-news h2{ font-size: 1.4em } .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 #1d70a4; 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: "\f2c0"; margin-right:5px; 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 } .related-post{ width:100%; margin-top:30px } .related-post h3{ text-transform: uppercase } .rel-tit-news{ margin-top:20px; line-height: 1.3em } .body-widget ul{ list-style-type: none; margin: 0; padding:0 } .body-widget li{ line-height:28px } .social-widget{ margin-bottom:40px } .social-widget li{ float: left; margin-right: 10px } .social-widget li span{ background-color: #1d70a4; color: #FFF; padding: 8px; min-width: 30px; text-align: center } .social-widget li span:hover{ background-color: #000 } .rating-widget{ margin-top: 20px } .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: #868686 } .rating-sing:hover a { color: #1d70a4 } .rating-sing > a:hover ~ a { color: #C1C1C1 } .pop-up-blog{ z-index:1000; color: #FFF; padding: 0 20px 20px 20px; margin-bottom: 20px; background: -moz-linear-gradient(left, #0084a5 0%, #00b8de 100%); background: -webkit-linear-gradient(left, #0084a5 0%,#00b8de 100%); background: linear-gradient(to right, #0084a5 0%,#00b8de 100%)  } .pop-up-blog .hts{ color: #FFF; font-size: 1.2em; line-height: 1.4em !important } .pop-up-blog .divisor-secciones:before, .pop-up-blog .divisor-secciones:after { background: #FFF } .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; padding: 10px 20px; border: 0 } .pop-up-blog .button-form .style-button:active, .pop-up-blog .button-form .style-button:hover{ background-color: #FFF !important; border: 0 !important } .pop-up-blog .form-control{ margin-top: 0px; border-color: #1d70a4; margin-bottom: 5px } .pop-up-blog .header-section{ margin-bottom: 0 } .pop-up-blog label{ font-weight: 100 } .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: #37393c } .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 } .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 #1d70a4; 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, .btn-tweet A{ text-decoration: none !important } .btn-tweet-text{ font-size: 1.2em } .btn-tweet-text{ color: #333 !important } .btn-tweet-text:hover{ color: #37393c !important } .btn-tweet-bt:before{ content: ""; display: table; margin-top: 10px } .btn-tweet-bt{ float: right; font-size: 0.80em }  .container-pp-servicios{ background:#f6f6f5 !important } .large-services .date .pull-left:before{ color: #1d70a4 } .large-services .date{ margin-bottom:10px } .text-services{ height:auto } .text-services A{  text-decoration:none } .text-services A:link, .text-services A:visited{ color:#000 } .text-services A:hover, .text-services A:active{ color:#1d70a4 } .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, .list-categories-layer{ margin-bottom:40px; 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% } .longe-list-name, .list-name{ overflow:hidden; color:#000; float:left; padding:0 0 } .longe-list-name span, .list-name span{ margin-right:10px } .large-services h3{ margin-bottom:20px } .text-item-fich h2{ letter-spacing:0px } .text-item-fich img{ max-width: 100% } .services-section{ position:relative } .cont-img-item, .image-small-news{ margin: 0 -50px } .cont-img-item img{ box-shadow: 3px 3px 15px #CCC } .text-service-desc{ margin-top: 10px } .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 } .cont-img-item img:hover, .cont-img-layer IMG:hover, .img-delegacion IMG:hover{ transform : scale(1.2); -moz-transform : scale(1.2); -webkit-transform : scale(1.2); -o-transform : scale(1.2) } .news-section article{ position: relative } .large-services article{ padding: 0; border: 0 } .text-fam-con{ width:100%; margin-top:20px } .cont-serv-rel{ margin-top: 30px }  .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; box-shadow: #1B7088 0 -1px 0 inset; 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; } .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; text-transform: uppercase } .obli-field{ font-size: 0.90em } .contenedor-cuenta .footer-form{ background-color: #f6f6f5; border-bottom: 3px solid rgba(54, 49, 52, 0.1); margin-top: 40px; padding-top: 20px }  .old-price-item{ float:left; background-color:#F1F1F1; padding:3px 10px; text-decoration:line-through; border-top-right-radius: 5px; border-bottom-right-radius: 5px } .cont-price-long{ overflow:hidden; height:1%; margin: 10px 0; border-bottom:1px dotted #d8d8d8; padding-bottom:5px } .big-price{ color:#1d70a4; font-weight:bold; font-size:1.4em } .big-price:after{ content:"€" } .precio{ font-weight:bold } .old-big-price{ text-decoration:line-through; font-size:0.9em } .old-price-item, .old-big-price{ color:#c7c5c5 } .big-ofert{ position:absolute; top:40px; right:-10px; min-width:150px; text-align:center; border-radius:5px } .oferta{ position:absolute; left:8px; top:25px } .oferta, .big-ofert{ background-color:#1d70a4; box-shadow: 2px 2px 3px rgba(0,0,0,0.3); padding:3px 8px; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:0.8em } .price-item{ background-color:#1d70a4; 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: " €" } .ref-layer, .brands-layer { margin:5px 0 } .cont-cuidados{ margin:10px 0 5px 0 } .cont-cuidados{ overflow:hidden } .cont-ind-cuidado{ float:left; margin-right:10px } .icon-item-blue span{ background-color: #1d70a4; margin-left:-5px; color:#FFF } .icon-item-grey span{ background-color: #e6e6e6 } .icon-item{ float:left; margin-left:7px } .icon-item span{ width:40px; height:40px; border-radius: 20px; 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 } .cont-item-info .img-we{ margin-top:0px } .cont-item-info A:link, .cont-item-info A:link{ color: #1d70a4 } .cont-item-info A:hover, .cont-item-info A:active{ color: #000 } .big-price-red{ position:relative; padding:15px 10px 0 10px  } .span-big-price{ font-size:19px; font-weight:bold; color: #1d70a4 } .span-small-price{ margin-left: 5px; font-size: 1.0em; text-decoration: line-through; color:#777 } .span-small-price:before{ content: "€"; font-size:1.0em } .span-big-price:before{ content: "€"; font-size:1.0em; font-weight:bold } .consultar{ font-size: 1.0em; background: #1d70a4; color: #FFF; padding: 5px 10px; font-weight: bold; margin-bottom: 10px } .option-shop{ padding:0 10px }  .button-layer{ float:none; margin: 20px 0; padding: 25px 0; letter-spacing:1px; clear:both } .style-button, .cp-div .style-button, .style-button-s{ padding: 16px 40px; font-size: 1.00em; text-transform: uppercase; border-radius: 5px; font-weight: bold } .style-button:link, .style-button:visited{ color: #FFF !important; background-color:#1d70a4; text-decoration:none !important; border: 1px solid #1d70a4 } .style-button:hover, .style-button:active{ color:#1d70a4 !important; background-color: transparent; transition: all 500ms ease-out; border: 1px solid #1d70a4 } .style-button-s:link, .style-button-2:visited{ border: 2px solid #1d70a4; background-color: transparent; color: #000 } .style-button-s:hover, .style-button-2:active{ background-color: #1d70a4; color: #FFF !important; text-decoration: none !important } .cp-div .style-button:link, .cp-div .style-button:visited{ background-color: transparent; color:#FFF !important; transition: all 500ms ease-out; border: 1px solid #FFF } .cp-div .style-button:hover, .cp-div .style-button:active{ color:#000 !important; border: 1px solid #FFF; text-decoration:none; background-color: #FFF } .button-form .style-button { background-color: #1d70a4; transition: all 500ms ease-out; border: 2px solid #1d70a4; color: #FFF } .button-form .style-button:hover { border: 2px solid #1d70a4 !important; background-color: transparent !important; color: #1d70a4 !important } .button-layer i{ font-size:85%; margin-left:3px } .large-button-layer{ margin-top:35px !important; clear:both }  a:link, a:visited{ color: #000 } a:active, a:hover{ color:#1d70a4; outline: initial !important } .menu-r a:active, .menu-r a:hover, .bloque-top-noticas a:active, .bloque-top-noticas a:hover, .como-llegar a:hover, .rel-tit-news a:hover, .rel-tit-news a:active{ text-decoration: underline } .color-page-link:link, .color-page-link:visited{ color: #1d70a4 !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, footer h4: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 .movil-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, .name-review: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, .register-ok-layer .header-section: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 } .layer-error h1 span{ font-size: inherit } .subscripcion-div span, .layer-error span{ font-size: 6.9em }  .container-pp-equipo{ background-color:#f6f6f5 } .cargo{ margin:15px 0 10px 0; color: #1d70a4; text-transform: uppercase; font-size:0.95em; font-weight:bold } .container-pp-equipo .cargo, .container-pp-equipo .mail-team, .container-pp-equipo .mail-team:before{ color: #1d70a4 } .descripcion-puesto .cargo{ margin: 0 }  .mail-team{ font-size: 0.95em; color: #1d70a4 } .mail-team:before{ content: "\f0e0"; margin-right: 5px; color: #1d70a4 } .cargo i, .mail-team i{ margin-right:10px; color: #1d70a4 } .link-team{ margin:30px 0; padding:10px 0; overflow:hidden } .min-info-team h3, .min-info-team h2, .name-team h2{ line-height:1.0em; text-transform: uppercase; margin-top: 8px; margin-bottom:5px !important; font-size:1.3em } .min-info-team{ margin-top: 30px } .name-team{ padding-bottom: 5px } .img-team{ padding-bottom: 10px } .datos-team{ 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-ls-gal{ margin-bottom: 40px; margin-top: 20px } .cont-img-gal{ margin-bottom:30px !important } .title-desc-gal h2{ color: #1d70a4 } .title-desc-gal .button-layer{ text-align: left !important } .number-album{ font-family: 'Questrial', sans-serif; float:left; margin-right:20px; font-size:1.6em; color: #1d70a4; font-weight:bold } .cont-g-images{ height:1%; margin-bottom:5px } .cont-g-images .img-sec-cont{ padding:0 } .title-album{ width:100% } .title-album h2:before{ content: "\f0a9"; margin-right:10px; color: #1d70a4; 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:#1d70a4; display: none } .option-div span{ margin:0 10px 0 0 } .desc-img{ display:none; position:absolute; bottom:0; left:15px; right:15px; background-color: #1d70a4; 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: #1d70a4 }  .movil-contact:before{ content: "\f098"; margin-right:10px; color: #FFF; font-size:1.1em } .contact-phone:before{ content: "\f10b"; margin-right: 10px; padding-left: 3px; color: #FFF; font-size:1.3em } .contact-information{ font-weight: bold } .contact-information .block-i i{ color:#1d70a4 } .contact-information .icon-footer{ max-width:30px } .contact-information A:link, .contact-information A:visited{ color:#1d70a4 } .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{ height:1%; margin:40px 0; padding:15px 0; font-size:1.3em; line-height:1.3em; color:#333; font-weight:100 !important } .contact-layer-small p{ margin:30px 0 } .como-llegar:before{ content: "\f041"; margin-right:12px; color: #1d70a4; margin-left: 3px } .check-box-div{ display: flex !important; column-gap: 5px; align-items: flex-start; margin-top: 20px } .check-box-div .col-md-2{ height: 1px } .check-box-div A{ text-decoration: underline } .check-box-div label{ margin-top: 0 } .cont-list-cnt .divisor-secciones:before{ background: rgba(54, 49, 52, 0.1) } .boton-whatsapp{ background-color: #25d366; color: #FFF; font-size: .9em; font-weight: 700; z-index: 2000 } .boton-whatsapp A:link, .boton-whatsapp A:visited{ color: #FFF } .boton-whatsapp A:hover, .boton-whatsapp A:active{ color: #075e54 } .boton-whatsapp .fa-whatsapp{ margin-right: 7px }  .contact-i-phone{ overflow:hidden } .contact-i-phone p{ margin-bottom:0 } .contact-i-phone .contact-direction{ font-size: 0.95em } .contact-i-phone h3{ color: #000 } .contact-i-phone h3:before{ margin-right:10px; content:"\f0da"; color: #1d70a4; margin-left:4px } .contact-i-phone A:link, .contact-i-phone A:visited{ color: #1d70a4; font-weight:bold } .contact-i-phone A:hover, .contact-i-phone A:active{ color: #000; text-decoration: none !important } .como-llegar{ margin:20px 0 30px 0 } .contact-i-big{ width: 100%; float:left; margin-bottom:20px } .contact-info-layer{ height:auto } .contact-direction-cont{ background-color: #f6f6f5; padding: 15px 25px 20px 25px; overflow:hidden } .contact-i-phone .contact-direction:before{ font-size:1.5em; color: #1d70a4 }  .flex-row{ display: flex; flex-wrap: wrap } .hidden-div{ display: none } .clearfix { overflow: initial !important } .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; margin-top:5px; color:#333; font-size:0.95em; padding:3px 0; font-weight: 100 } 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 } table{ width:100% } .table > thead > tr > th{ background-color: #b7b7b7; border: 1px solid #FFF } .contenedor-politicas td{ width: auto !important } td{ padding: 3px 10px; border:1px dotted #C1C1C1; vertical-align:top } 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 } .fa-phone{ margin-right:11px !important } .color-page{ color: #1d70a4 } .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: #1d70a4; 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 } .header{ margin: 20px 0; height:auto } .cp-div{ background-color: #1d70a4; 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 A, .menu-r A:hover, .menu-r A:active{ text-decoration: none } .menu-r h2{ margin-top: 0px; line-height: 1.4em !important } .menu-r .hts{ border-bottom: 0px; margin-bottom: 0px; padding-bottom: 4px; line-height: 1.0em } .menu-r h2, .menu-r h3{ font-family: 'Questrial', sans-serif; font-size:0.90em; font-weight: 100 } .list-news-layer .divisor-secciones{ display: none }  .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 #1d70a4 } .ficha-multimedia{ margin-bottom: 40px } .ficha-multimedia iframe{ width: 100% } .ficha-multimedia-fecha{ margin-bottom: 20px; color: #1d70a4 } .ficha-multimedia-fecha:before{ content: "\f073"; margin-right: 10px } .container-pp-mlt{ background-color: #f6f6f5 } .container-pp-mlt crp{ margin-bottom: 0 }  .ficha-opinion-title h2:after{ display: none !important } .ficha-opinion-title{ margin-bottom: 20px } .ficha-opinion-imagen{ max-width: 80px } .ficha-opinion-imagen img{ border-radius: 50% } .form-opiniones .header-section{ text-align: left !important } .ficha-opinion-texto{ position: relative; padding-left: 35px; overflow: initial !important } .ficha-opinion-texto:before{ content: "\f10d"; font-family: fontawesome; font-size: 20px; position: absolute; top: 5px; left: 0; color: #1d70a4 } .container-pp-opi img{ margin-bottom:20px } .container-pp-opi{ background-color: #f6f6f5 } .cont-ls-opi h2:after{ content: " "; display: table; width: 50px; height: 5px; background-color: #1d70a4; margin-top: 15px } .cont-enlace-opi{ text-align: right; font-weight: bold; margin-top: -20px; margin-bottom: 30px } .cont-enlace-opi:before{ content: "\f044"; margin-right:5px; color: #1d70a4 } .cont-enlace-opi A:link, .cont-enlace-opi A:visited { color: #1d70a4 } .cont-enlace-opi A:hover, .cont-enlace-opi A:active { color: #000; text-decoration: none }  .error-layer, .error{ color: #F00 } .ok-msg-layer, .error-msg-layer{ padding: 20px 15px; margin: 10px 0 20px 0; border-radius: 5px; padding-left: 70px; position: relative } .ok-msg-layer{ background-color: #ebfbf6; border-left: 4px solid #33d39d; } .error-msg-layer{ background-color: #fdedee; border-left: 4px solid #fc5f60  } .ok-msg-layer:before, .error-msg-layer:before{ font-family: fontawesome; position: absolute; left: 20px; font-size: 2.0em  } .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: #1d70a4; color:#FFF; padding:10% 10% 30% 10%;  border-radius:10px; margin-top:15px } .banner-free .banner-small{ margin-bottom: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:#333; letter-spacing:2px; line-height:1.5em; padding: 14.0% 7% 3% }  .cont-list-del .header-section{ margin-bottom:20px } .cont-del-1{ margin-left: -15px !important } .addres-del:before, .phone-del:before{ font-weight: bold; margin:0 10px 0 5px; color: #1d70a4  } .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-size: cover; padding: 5% 0px 10%; } .intro{ height:100% !important; position:relative; width: 100%;	margin-bottom:0px !important; }  .cont-info-prove{ padding: 0px 15px; border-top: 1px solid #f6f6f5; background-color: #f6f6f5; display: none  } .cont-img-prove img:hover{ opacity: 0.6 !important } .globe:before{ content: "\f0ac"; line-height:60px; color: #1d70a4 } .globe:hover:before{ color: #000 }  .container-pp-secciones .gal-zoom{ top: 30%; left: 40% } .container-pp-secciones .gal-zoom span{ font-size: 0.6em; border-radius:55px } .cont-fich-pp{ margin-bottom: 30px } .small-sect-desc{ width:100%; float:left; line-height:120% } .list-categories-layer h2 A:before{ content: "\f0da "; font-weight: bold; margin: 0px 10px; color: #ddd } .small-sect-img{ width:30%; float:left; margin-right:10px; margin-top:5px } .contenedor-secciones h2{ margin-bottom:20px; margin-top:10px } .contenedor-secciones .cont-sec-dest{ padding: 60px 0 } .contenedor-secciones{ margin-bottom:30px } .text-desc{ 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:"" } .deep-menu li{ float: left; border-bottom:0px solid #FFF; line-height:1.0em !important; width:100% } .deep-menu li A{ text-decoration: underline !important; 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:#1d70a4; text-decoration:none !important } .small-section A:link, .small-section A:visited{ color:#333 } .small-section A:hover, .small-section A:active{ color:#1d70a4 } .cont-sec .img-sec{ max-width:50%; float:left } .cont-sec{ overflow:hidden; height:1%; 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:#1d70a4 } .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 } .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{ background-color: #FFF } .block-fa{ margin-bottom: 50px; display: grid; justify-items: center; align-content: center } .block-fa span:before{ font-size: 80px; color: #1d70a4 }  .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: #1d70a4; 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 } .div-404 span{ font-size: 120px } .div-404 .header-section{ text-align: left } .texto-404{ margin: 40px 0 } #cookies{ background-color:#f6f6f5; z-index:1100; width:100%; color: #000; font-size:0.80em; letter-spacing: 0.1em; position: fixed; bottom: 0; box-shadow: rgba(0,0,0,.5) 0 5px 50px; padding: 30px 10px 0 10px; text-align: center } #cookies .col-md-9{ line-height: 1.5em } #cookies A{ color:#1d70a4 !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: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999999; width: 100%; max-width: 768px; height: 100%; max-height: 450px; 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{ padding: 10px 20px; border: 0 } .cookies-flex{ display: flex; flex-wrap: wrap; place-content: center; margin: 15px 0 } #cookies .style-button:link, #cookies .style-button:visited{ color: #FFF !important; background-color: #1d70a4 } #cookies .style-button:hover, #cookies .style-button:active{ background-color: #191919 !important; border: 0 !important; color: #FFF !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 } .cnt-cookies .style-button{ display: block; margin-bottom: 10px; text-align: left } .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: #1d70a4; color: #FFF; font-size: 0.90em; border-radius: 50px; padding: 7px 10px } .fa-cerrar-pri{ position: absolute; right: 15px; top: 10px; font-size: 1.3em; color: #FFF } .title-pref h3{ color: #FFF; font-weight: 300 } .title-pref{ background: #23282d; text-align: center; padding-bottom: 5px; position: relative; padding-top: 3px } .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: #1d70a4 !important; color: #FFF; border: 0; border-radius: 2px; padding: 3px 10px } .save-pref{ position: absolute; bottom: 45px; padding-bottom: 10px } .active-pref{ background-color: #1d70a4 } .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 } .texto-cookies .container{ padding: 0 } .opciones-cookies .button-form{ margin: 0 } .tit-small-pref{ margin: 10px 0 10px 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: #1d70a4 } #IrArriba A:hover, #IrArriba A:active{ text-decoration: none; color: #000 }  .previous-next{ margin-bottom:15px; overflow:hidden; height:1%; font-size: 0.95em; color:#000; font-weight:bold } .previous-next-small{ margin-right:15px }  .subscripcion-div{ margin-bottom:50px } .subscripcion-div-cont{ background-repeat: no-repeat; background-size:cover; width:100%; min-height:500px } .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(29, 112, 164, 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: #1d70a4 } .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 } .divisor-secciones:before, .divisor-secciones:after{ content: ''; position: absolute; left: 0; bottom: 0 } .divisor-secciones:before { top: 0; z-index: 50; width: 50px; background: #1d70a4; width: 110px } .divisor-secciones:after{ z-index: 20; width: 100%; height: 1px; background: rgba(54, 49, 52, 0.1); display: table }  .forms-login{ margin: 0 auto; clear: both; margin-top: 7% } .contenedor-login .forms-login, .contenedor-registro .forms-login, .contenedor-recordar .forms-login{ margin-top: 30px } .login-f h1:before{ content: "\f09c"; margin-right:10px; color: #1d70a4 } .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 } .option-login{ margin-top: 50px; font-size: 0.95em; font-weight:bold } .remember-pass{ font-size: 0.90em } .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  } .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: #1d70a4 } .register-ok-layer .style-button{ box-shadow: none !important } .register-ok-layer .button-layer{ margin-top: 30px } .remember-pass label{ margin-left: 10px } .sub-title-web{ display: table; width: 100%; font-size: 16px; color: #1d70a4!important; font-weight: 500; text-transform: uppercase; text-align: center } .container-pp-empresa .sub-title-web{ text-align: left } .haz-tu-reserva .hts, .haz-tu-reserva .button-layer{ margin-top: 0 !important } .haz-tu-reserva{ text-align: center } .contenedor-servicios .header-section, .contenedor-noticias .header-section, .contenedor-noticias .sub-title-web, .contenedor-servicios .sub-title-web, .contenedor-reservas .sub-title-web, .contenedor-reservas .header-section{ text-align: left !important } .cont-ls-rel .header-section h2, .review-items h2{ text-transform: uppercase; font-size: 1.5em } .menu-r .search-layer .header-section{ margin-bottom: 0 } .contenedor-noticias .crp{ margin-bottom: 20px } .cuerpo-pp .container-pp-empresa .header-section:after{ margin: auto; margin-bottom: 30px; margin-top: 20px; margin-left: 0  } .cont-ls-rel .header-section{ padding: 0 15px }  .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 } .container-pp-bloque-2 .header-section .fa{ line-height: 5px; font-size: 30px; color: #1d70a4 } .container-pp-bloque-2 .header-section a:hover, .container-pp-bloque-2 .header-section a:active{ text-decoration: none } .container-pp-bloque-2 .block-1{ position: relative; background-color: #FFF; padding: 20px 60px; border-radius: 10px }  @media only screen and (max-width: 560px) { .container-pp-bloque-2 .block-1{ padding: 10px 40px } .min-info-team{ margin-top: 10px } .carousel, .item, .active { height: 430px } .img-team img{ margin: 0 auto } .big-mail{ word-wrap: break-word; } .free-consult{ max-width: 100% } #cookies .cookies-flex{ display: block; width: 100% } #cookies .button-form{ width: 100% } .contenedor-empresa .header-section{ padding: 0 15px } .banner-free .hts{ margin-bottom: 30px } .botom-pop .style-button{ padding: 10px 20px } .con-popu{ padding: 40px 40px 20px 40px } .container-form-comment{ padding: 15px } .ficha-producto .header-section{ margin-bottom: 0 !important } .text-item-fich{ margin-top: 10px } .menu{ display:none } .menu-r .fechas-desde{ margin: 10px 0 } .cnt-opi-c, .cont-lst-team, .descripcion-puesto{ padding: 0rem 3.0rem; } .cont-img-team .img-team{ margin: 0 auto } .cont-list-team, .ficha-opinion{ padding: 0 } .image-container{ width:100%; float:none; margin-bottom:20px; margin-top:0px } #intro{ padding: 5% 0px 22% } h1, .hts{ font-size:1.3em !important } h2{ font-size:1.2em } h3{ font-size:1.1em  } .logo{ width: 50% } .right-header{ width: auto; margin-top: 15px } .cita{ font-size: 0.90em } .contact-header{ margin-top: 0 } .phone-header{ padding: 0; text-align: right } .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 } .header-section{ margin-bottom: 10px } .left-banner{ font-size: 0.85em !important } .central-banner{ padding: 5% 7% 5% 3%; font-size: 150% !important } .lateral-banner{ font-size:150%; } .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{ width:100%; max-width:none; margin:15px 0; float:none; clear:both } .large-services h2{ font-size:1.2em !important; line-height: 1.4em } .prefijo{ display:none; } .text-small-news, .text-small-items{ height:auto } #formulario-cookies-3 .pull-right{ width:100%; margin-bottom: 10px } .title-news	{ height:auto } #cookies{ max-width:100% !important; width:100% !important } footer h4{ font-size: 20px; } .small-sect-desc h3{ font-weight:700 !important; } .small-sect-desc{ margin-top:20px } #IrArriba { bottom: 5px; right: 5px; } .large-services h1{ font-size:1.4em; } .icon-section{ font-size:5.0em } .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 } .contenedor-secciones .cont-sec img{ margin-bottom: 0 } .contenedor-secciones .text-section{ padding: 0 30px 50px 30px } #comments, .container-form-comment h3{ font-size: 1.2em !important } .button-galery-l{ margin-top:30px } .img-we img{ text-align:center !important } .title-album{ min-height:0px; height:auto } .section{ margin-bottom:40px } .big-location, .big-phone, .big-movil{ 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% } .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 } .cont-g-images{ padding-right: 0 } .banner-free{ padding: 20px 20px !important; padding-right: 15px; padding-left: 15px } .contenedor-empresa .image-section, .contenedor-empresa .dtll{ padding: 0 } .tex-local{ padding: 0 35px } .text-item-fich .style-button{ display: block } .cont-ls-rel .header-section{ padding: 0; margin-bottom: 0 !important } .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{ text-align:center } .news-section{ margin-bottom: 0 } .contenedor-tabla-contenidos{ width:100% } div[class^="contenedor"]{ margin-bottom: 20px } .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: 20px } div[class^='container-pp']{ padding: 35px 0 50px 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 } .cont-serv-rel .col-md-4{ padding: 0px } .container-pp-secciones{ padding: 30px 0 20px 0 !important } .button-form .style-button{ width: 100%  } .button-form{ margin-right: 0 } .register-ok-layer{ top:20%; left:15px; right: 15px } .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 } .contenedor-contacto .header-section{ margin-bottom: 0 !important } .texto-comparte{ display: none } .cont-services{ margin-bottom: 0  } .boton-whatsapp .fa-whatsapp{ margin-right: 0 } .login-articulo .button-form a{ display: table } .text-whatsapp{ display: none } .preferencia-privacidad{ top: 40%; max-height: 83% } .save-pref{ position: initial; margin-top: 30px; margin-bottom: 60px } .preferencia-privacidad{ top: 45%; max-height: 600px } .tit-small-pref span{ display: block; margin-bottom: 20px } .responsive-menu-1{ padding-right: 20px } } @media only screen and (min-width: 560px) { .banner-free .hts{ margin-bottom: 0 } .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% } .responsive-menu{ padding:0 0 10px 0 !important } .hts{ font-size:1.6em !important; padding-bottom:7px !important } .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: 35px; padding-right: 35px } .container-pp-nws .button-layer{ padding-right:15px } .contact-i-big{ width:100% } .img-team img{ max-width:100% } .texto-secciones{ margin-bottom:20px } .header{ margin-top: 5px } }  @media only screen and (min-width: 560px) and (max-width: 767px){ .responsive-menu-1{ margin-right: 20px !important } .image-container{ width:100%; float:none; width:100% } .title-album h3{ font-size: 1.2em } .contenedor-galerias{ margin-bottom:30px } .block-f{ width: 100% !important } .carousel, .item, .active { height: 450px } .social-header{ width:auto; max-width:260px; margin: 0 auto; float:none; clear:both; margin-top:20px; margin-bottom:20px } .logo{ width: 40% }  }  @media only screen and (min-width: 560px) and (max-width: 991px){ .preferencia-privacidad{ top: 30% } .big-news .news-section{ width: 100% !important } .container-pp-opi .ficha-opinion-imagen{ margin-right: 15px } .container-pp-nws .news-section{ width:50% !important; float:left; min-height: 570px } .block-f{ width:50%; float:left } .central-banner{ padding: 5% 7% 0% 3% } .services-section{ width:50% !important; float:left } .link-team{text-align:center } .image-section{ margin-bottom:20px } .gal-p{ width:50% !important; float:left } .menu{ display: none } .cont-ficha{ margin-bottom:0px } .cont-prove{ width:50% !important; float: left } .contact-header{ margin-bottom: 0 } .text-services{ min-height: 100px } .text-item-fich{ margin-top: 30px } .footer-option-p .politic{ width: 100%; clear: both; float: none } .right-header{ width: auto }  .cita, .fax-header, .phone-header{ text-align: center } .related-post .col-md-3{ width: 50%; float: left } .btn-share .contador{ top: -20px } .register-ok-layer{ top:20%; left:25%; right:25% } } @media only screen and (min-width: 768px){ .form-cont-subs{ padding-right: 40px } .subs-div-explain{ min-height: 350px; filter: opacity(20%) } .blt-sub{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; filter: opacity(100%); padding-left: 90px; padding-top: 40px } } @media only screen and (min-width: 768px) and (max-width: 991px){ .container-pp-equipo .cont-list-team{ width: 50% } .carousel, .item, .active {	height: 350px } .responsive-menu{ margin:15px 10px !important } header select{ width:98% } .text-small-items{ height:auto; min-height: auto !important } .header{ margin: 10px 0 0 0 } .logo{ width: 25% }  }  @media only screen and (min-width: 992px) and (max-width: 1199px){ .menu-1>li>a{ padding:14px 10px 10px 10px } }  @media only screen and (max-width: 992px) { .container-pp-bloque-2 .block-1{ margin-top: -50px; margin-right: 30px; margin-left: 30px; margin-bottom: 60px } .container-pp-secciones .col-md-3{ width: 100%  } .responsive-menu-cont .fa-angle-down{ display: none } .contact-header{ display: none } .container-pp-secciones .section{ margin-bottom: 0 } .table-responsive{ display: block; width: 100%; overflow-x: auto !important; -ms-overflow-style: -ms-autohiding-scrollbar; } .cont-fich-humano .image-section{ padding: 0; margin-bottom: 20px } .contact-i-phone .header-section{ margin-bottom: 0 !important } .form-opiniones{ padding: 10px 20px } .contact-l .header-section{ padding: 20px 25px; margin-bottom: 0 !Important } .container-pp-empresa{ padding-bottom: 10px !important; padding-top: 40px !important } .cnt-sect{ margin-bottom: 30px } .top-image{ padding: 0 } .right-header{ margin-top: 0 } .large-services .crp{ margin-bottom: 40px } .cont-enlace-opi{ text-align: left } .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{ display: block; margin-right: 0; padding-top: 10px } .responsive-menu-boton{ display: block; position: absolute; top:0; left: 0; height: auto } .cont-cnt{ display: none } .header{ margin: 10px 0 20px 0 !important }  .no-responsive{ display:none } .min-desc{ display: initial; margin:10px 0 } .small-section{ margin-bottom: 30px } .lupa{ display: block; float:right } .ruta{ float: left } .menu-subseccion{ display: block; } .section{ margin-bottom: 30px } .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 } .previous-next{ margin-bottom:40px } .boton-contacta{ padding-bottom: 20px } .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 } #formulario-comentario .button-form{ width: 100%; text-align: center; clear: both; margin-bottom: 10px } .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 } .span-cookies{ display: block } .span-cookies:before{ content: ""; display: table; margin-top: 10px } .span-cookies:after{ content: ""; display: table; margin-bottom: 10px } .responsive-menu-1 .fa-div{ text-align: right } .logo{ float: left; padding-left: 10px } .logo img{ max-width:100% }  .login-f{ padding: 0 15px } .check-box-div{ font-size: 0.85em } .big-news .cont-info-autor, .title-desc-gal{ margin-top: 20px } div[class^='container-pp'], .banner-free{ padding: 60px 0 40px 0 } .container-pp-nws, .container-pp-opi, .container-pp-equipo{ padding-top: 30px !important } .container-pp-servicios{ padding-top: 30px !important; padding-bottom: 0 !important } .block-fa, .cont-ls-gal{ margin-bottom: 20px } .bloque-contacto form{ margin-bottom: 20px } .layer-error .text-center{ padding-top: 0 } .contenedor-cuenta .form-control{ margin-top: 10px } .contenedor-cuenta .cont-special-label{ margin-bottom: 20px; margin-top: 10px } .contenedor-cuenta .obli-field{ margin-top: 20px } .subscripcion-div span, .layer-error span{ font-size: 5.0em } #cookies{ padding-bottom: 20px } .span-cookies{ display: block } .span-cookies:before{ content: ""; display: table; margin-top: 10px } .span-cookies:after{ content: ""; display: table; margin-bottom: 10px } } @media only screen and (min-width: 992px){ .carousel, .item, .active{ height: 650px } .container-pp-bloque-2 .block-1{ margin-left: -100px; background-color: #FFF; margin-top: 30px } .container-pp-bloque-2 .img-small-items img{ border-radius: 10px } .cnt-cookies .style-button{ min-width: 170px; text-align: center } .ficha-producto{ padding-left: 35px } .min-info-team{ padding-left: 15px } .contenedor-servicios .large-services .header-section{ margin-bottom: 10px } .contenedor-servicios .cont-ls-prt:not(.ficha-producto .cont-ls-prt){ display: flex; flex-wrap: wrap } .cont-ls-rel .col-md-4{ width: 50% } .list-news{ padding-right: 45px } .list-news-layer{ margin-top: 90px } .rel-tit-news{ height: 133px } .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-g-images, .text-item-fich{ padding-bottom:15px } .cont-sec .image-section, .cont-sec .image-we{ margin-top:0 !important } .gal-img{ min-height:auto !important } .logo{ text-align: left } .title-desc-gal{ padding:0 35px; margin-top: 5px } .contact-i-big{ margin: 0 -15px } .header-section{ margin-bottom:30px } .cuerpo-pp .header-section{ margin-bottom:10px } .contenedor-empresa .tex-local, .contenedor-secciones .text-section{ padding-left: 70px; padding-right:20px } .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 } .text-services{ min-height: 76px } .min-desc-serv{ min-height: 90px } .banner-free .block-1{ padding-left: 80px } .container-pp-nws .title-news-p{ min-height: 110px } .contact-element-layer{ padding: 0px 20px } .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: #1d70a4; position: fixed; left: 0; top: 32%; padding-top: 0; } .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 } .login-f .obligatory-input-text, .login-f .button-form{ margin: 0; margin-top: 20px } .big-news .autor-bottom{ width: 30% } .big-news .cont-info-autor{ width: 70% } .min-desc-layer{ padding-left: 60px } .container-pp-secciones{ padding-top: 110px !important  } .cont-ls-emp .image-section{ margin-top: 10px } .form-contact-layer .label-div{ padding-top: 0; width: 100% } .form-contact-layer .form-div{ width: 100% } .preferencia-privacidad{ min-height: 450px } .save-pref{ right: 0 } .texto-cookies .col-md-3{ padding: 20px 0 } .opciones-cookies{ margin-right: 5px } .opciones-cookies, #pref-cookies{ float: left } .texto-cookies .col-md-3{ padding-top: 0 } } @media screen and (min-width: 992px) and (max-width:1199px) { .cnt-sect{ min-height: 500px } .menu-r{ padding: 25px } } @media only screen and (min-width: 1449px){ } @media only screen and (max-width: 1448px) and (min-width: 993px){ }