body, html { height:100% } body{ font-family: 'Roboto', sans-serif; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 17px; line-height: 1.8em; color: #333; padding-bottom:0px !important; overflow-x: hidden; font-weight: 300 } div{ overflow: hidden } div[class^='cont-ls']{ clear: both } div[class^='contenedor']{ margin-bottom: 60px; margin-top: 25px } div[class^='container-pp']{ padding: 80px 0 80px 0 } div[class^='container-pp'] .button-layer{ text-align: center }   .logo{ float:left; width:28%; font-size:14px; font-family: 'Roboto', sans-serif; line-height:2.0em; text-transform:uppercase }  .right-header{ float:right; width:22%; margin-top: 10px  } .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:#0067a2 } .social-header A:link, .social-header A:visited{ color: #333 } .social-header A:hover, .social-header A:active{ color: #FFF }  .header-options{ background-color: #0067a2; 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:before{ content: "\f08b"; margin-right: 6px; color: #FFF }   .menu-1{ font-family: 'Roboto', sans-serif; margin: 0 auto !important; letter-spacing: 0.04em } .menu-1>li{ min-width:auto !important; position:relative } .menu-1>li>a{ font-size:0.90em; font-weight: 400; padding: 17px 20px 12px 20px; text-transform: uppercase; border-top-left-radius: 10px; border-top-right-radius: 10px } .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: #000; background-color: #f6f6f5 !important } .active-new a:link, .active-new a:visited{ color:#000 !important; background-color: #f6f6f5;  } .cita, .fax-header, .phone-header{ text-align:right } .cita{ color: #000; width: 100%; font-size: 0.90em; font-weight: 400 } .fax-header, .phone-header{ font-size: 0.90em; color: #0067a2; font-weight: 300; line-height: 1.4em } .label-head{ color: #000 } .menu{ width:100% !important; text-align:center; background-color: transparent }  .responsive-menu-cont{ display: none; background-color: #0067a2; box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.30); font-size: 0.80em; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; font-weight: bold } .responsive-menu-cont LI{ border-bottom:1px dotted #02507d; 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; 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 }    h1{ font-family: 'Roboto', sans-serif; font-size: 1.5em; color: #252023; line-height: 1.45em; font-weight:bold; line-height:1.30em; text-transform: uppercase } h1 span{ color: #0067a2 } h2{ font-family: 'Roboto', sans-serif; font-size:1.3em; color: #252023; font-weight: bold; line-height: 1.3em } h3{ font-family: 'Roboto', sans-serif; font-size:1.1em; color: #252023; line-height: 1.3em; font-weight: bold; } .header-section { margin-bottom:20px; clear:both } .header-section h1 span{ color: #0067a2; font-weight: 300 } .header-section h2{ padding-bottom: 10px } .header-section h2 span, .hts span{ font-weight: 300 } .hts{ font-family: 'Roboto', sans-serif; font-size: 1.5em; padding-bottom: 18px; margin-bottom: 16px!important; margin-top: 19px; color: #252023; line-height: 1.2em; font-weight:bold; text-transform: uppercase } .plt-div h2{ font-size:1.3em } .cuerpo-pp .header-section h2{ text-transform: uppercase; font-weight: bold; font-size: 1.7em } .image-section{ padding-bottom: 10px; overflow: initial } .col-list-emp img { border: 10px solid #FFF } .container-pp-empresa h1{ font-size: 1.6em; font-weight: bold; color: #0067a2 } .container-pp-empresa h1 span{ font-weight: 300 } .container-pp-empresa .button-layer{ text-align: left !important } .col-list-emp{ width:48%; float:left; margin-right:5px; margin-bottom:5px; overflow: initial } .col-list-emp img:hover{ opacity:0.8 } .contenedor-empresa h2{ font-weight: bold } .dtll a:link, .dtll a:visited{ color: #0067a2; text-decoration: underline } .dtll a:active, .dtll a:hover{ color: #000; text-decoration: underline } .dtll img, .contenedor-secciones .cont-sec img{ max-width: 100%; margin-bottom: 20px } .tex-local h2{ color: #0067a2; font-weight: 300 } .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-we img{ border-bottom: 10px solid rgba(54, 49, 52, 0.1) } .img-emp{ margin-top:15px } .descripcion-empresa .min-desc-layer h2{ text-transform:uppercase } .min-desc-layer h2{ margin-bottom:20px; color: #0067a2 } .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: #0067a2 } .ruta A{ font-weight: bold } .ruta A:link, .ruta A:visited { color: #0067a2 } .ruta A:active, .ruta A:hover { color: #000 } .responsive-ruta{ overflow:hidden; height:1%; width:100%; }   .banner-free .hts{ font-size:1.6em; color: #0067a2; text-transform: uppercase; margin-bottom: 0px !important } .banner-free{ background-color: #0067a2; 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: 'Roboto', sans-serif; font-size:1.3em; padding-top:10px; margin-right:10px; color:#0067a2 !important; font-weight:bold !important } .date{ float: right; color: #0067a2 } .hr-layer{ margin-top:15px; color: #0067a2 } .data-contact{ color: #000; font-family: 'Roboto', sans-serif; line-height:1.9em } .big-location, .big-phone, .big-location, .big-mail{ font-size: 1.3em; font-weight:300; color: #FFF } .lupita:before{ content: "\f00e" } .sobre:before{ content: "\f0e0" } .lupita:before, .sobre:before{ margin-right:5px; color: #0067a2 } .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: #0067a2; border: 0px; background-color: transparent;  margin-left: -38px; float: left; margin-top:8px } .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:#000; color:#FFF; padding: 80px 0 80px 0; margin-top:20px; line-height:1.7em; border-top: 15px solid #f6f6f5; font-size: 1.0em; background: #0067a2; background: url(../images/fondo-secciones.jpg); background-size: cover; background-attachment: fixed  } footer .li-inicial A{ padding-left: 0 !important } footer h4{ color:#FFF; font-size: 1.2em !important; font-weight: 300; margin:20px 0 10px 0; text-transform:none; font-family:'Roboto', sans-serif; padding-bottom:20px; text-transform:uppercase } footer A:link, footer A:visited{  color:#7c7e81 } footer A:hover, footer A:active{  color:#FFF } footer i, footer .social-footer span{ color: #7c7e81; 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 label{ margin-left:10px } footer p{ font-weight: 300; text-align:justify; 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: #7c7e81 !important; background-color: transparent !important } footer .active-new A:hover, footer .active-new A:active i{ color: #0067a2 !important } footer .contact-direction:before{ content: "\f041"; color: #7c7e81; margin-right: 10px; padding-left: 3px } .s-copy{ color: #0067a2; 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:#0067a2 } .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 p, footer .contact{ padding-left:20px !important } .footer-menu li:before{ content:"\f105"; color: #7c7e81; margin-right: 5px } .footer-menu li:hover:before{ color: #FFF } .footer-option-p{ width:100%; float:none; clear:both; padding-top:20px; overflow:hidden; border-top:1px dashed #0067a2; margin-top:60px; font-size: 0.90em } .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 } .copy span{ font-weight:bold } .contact-envelope li:before{ content: "\f003"; margin-right: 10px; color: #7c7e81 } .politic { line-height:2.1em } .block-f p:before{ margin-right:10px }  .social-footer i:hover{ color:#0067a2 } .social-footer{ margin-top: 20px } .btn-share{ float:right; width:45px; height:45px; margin-right:10px; background-color: #0067a2; 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: #0067a2; 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 } .social-inicio{ padding:30px 0 10px 0; position: relative } .social-banner-icons i{ color:#0067a2 !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-bottom: 3px solid #0067a2 !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:17px 0; padding:15px 15px; border-radius:0px; height: auto; box-shadow:none !important; border-bottom: 3px solid #CCC  } .information{ padding:0 20px 10px 15px; line-height:1.8em } .information i{ color:#0067a2; margin-right:8px; font-size:20px } .form-group{ margin:0 10px } .obligatory-input-text { margin-top: 10px; font-size: 13px; padding-left:10px } .small-form{ width:100px; float:left } .captcha{ width:85px; float:left; line-height:50px; font-weight:300; font-size: 0.95em; padding-top: 10px } .captcha-input{ max-width: 100px } .button-form{ margin:10px 10px 0 0 }   article{ overflow: hidden } .contenedor-noticias{ position: relative } .contenedor-noticias .crp .bloque-top-noticas{ margin: 10px 0 } .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 } .container-pp-nws .header-section h2:after{ margin-bottom:0 !important } .ficha-noticia-pp{ padding-bottom:10px } .title-news{ height:auto } .title-news h2, .title-news-p h2{ font-weight: 300 } .bloque-top-noticas{ font-weight: 300; font-size: 0.90em } .news-section .button-layer{ margin: 10px 0 } .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; color: #0067a2  } .big-news .comment-small:before{ content: "\f086"; margin-right: 7px; color: #0067a2 } .big-news .comment-small{ margin-top: 0 } .big-news .bloque-top-noticas{ padding-top:15px; font-size: 0.90em } .big-news .date A:link, .big-news .date A:visited{ color: #0067a2 } .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:#0067a2 } .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 }   .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:#0067a2; font-size: 0.90em } .small-news{ padding-bottom:5px; margin:0 0 !important } .small-news .date{ color: #0067a2; 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; 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 } .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(0, 103, 162, 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{ height:auto; text-align:justify; width:100% } .text-small-items{ min-height:69px } .container-form-comment{ margin-bottom:30px } .big-news h2{ font-size: 1.4em } .date-margin{ margin: 20px 0 30px 0 }  .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{ color: #0067a2 } .autor-post:before{ content: "\f007"; margin-right:5px; margin-left:2px; color: #0067a2 } .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 } .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 } .social-widget{ margin-bottom:40px } .social-widget li{ float: left; margin-right: 10px } .social-widget li span{ background-color: #0067a2; color: #FFF; padding: 8px; min-width: 20px } .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; clar: 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: #0067a2 } .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%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084a5', endColorstr='#00b8de',GradientType=1 )  } .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 10px } .pop-up-blog .form-control{ margin-top: 0px; border-color: #0067a2 } .pop-up-blog .header-section{ margin-bottom: 0 } .pop-up-blog label{ display: initial; 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: 40px 0 10px 0 } .widget-deep-6 .hts{ padding-bottom: 0px } .widget-deep-4 .hts, .widget-deep-1 .hts{ font-size: 20px !important; padding-bottom: 0px; margin-bottom: 10px !important; color: #333 } .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 }   .container-pp-servicios .text-small-items{ color:#FFF !important } .container-pp-servicios img{ border-radius: 50%; margin: 0 auto } .container-pp-servicios, .banner-free{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003d89+0,0067a2+100 */ background: #003d89; /* Old browsers */ background: -moz-linear-gradient(top, #003d89 0%, #0067a2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #003d89 0%,#0067a2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #003d89 0%,#0067a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d89', endColorstr='#0067a2',GradientType=0 ); /* IE6-9 */ } .container-pp-servicios .button-layer{ text-align: left !important } .large-services .date .pull-left:before{ color: #0067a2 } .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:#0067a2 } .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{ text-align: justify } .services-section{ position:relative } .cont-img-item img{ box-shadow: 3px 3px 15px #CCC; border-bottom: 10px solid rgba(54, 49, 52, 0.1) } .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%; overflow:hidden; margin-top:20px } .cont-serv-rel{ margin-top: 30px }   .review-items{ background-color: #F5F5F5; padding: 5px 20px 20px 20px } .header-comment{ background-color: #E1E1E1; padding: 7px 10px; margin: 15px 0; font-size: 1.1em } .individual-review{ margin-bottom:15px } .name-review{ color: #0067a2; border-bottom: 1px dotted #b7b7b7; margin-bottom: 10px } .name-review:before{ content:"\f005"; margin-right: 7px; color: #0067a2 } .date-review{ font-size: 0.90em; color: #b7b7b7 } .form-review h4{ margin-bottom: 20px; margin-top:3px; font-weight: bold; font-size: 1.0em } .form-review label{ margin-top: 10px; font-weight: 100; font-size: 0.90em } .form-review .form-control{ margin: 5px 0 } .form-review .button-form{ text-align: right !important; margin-top: 30px } .label-puntua-left{ margin-right:10px } .label-puntua-right{ margin-left:10px } .puntua-div-in label{ margin-left:5px; margin-right:10px } .puntua-div{ padding: 20px 0 } .form-comment-item{ padding-bottom:25px } .star:before{ content: "\f005"; color: #b7b7b7 } .review-items .ok-msg-layer{ margin-right: 10px; margin-left: 10px; margin-top:20px } #formulario-comentarios-productos{ overflow: hidden; padding-bottom: 10px }  .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:#0067a2; 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:#0067a2; 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:#0067a2; 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: #0067a2; 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  } .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: #0067a2 } .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: #0067a2 } .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: #0067a2; 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{ padding:20px 40px; min-width:120px; text-transform:none; font-size: 1.00em; font-weight: bold; text-transform:uppercase  } .style-button:link, .style-button:visited{ color:#333 !important; background-color: #f6f6f5; transition: all 500ms ease-out; border: 1px solid rgba(54, 49, 52, 0.1)  } .style-button:hover, .style-button:active{ color: #0067a2 !important; background-color:transparent; text-decoration:none !important; border: 1px solid #0067a2 } .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; !important; border: 1px solid #000; text-decoration:none; background-color: transparent } .button-form .style-button { background-color: #f6f6f5; transition: all 500ms ease-out; border: 2px solid rgba(54, 49, 52, 0.1); color: #333 } .button-form .style-button:hover { border:2px solid #0067a2 !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: #000 } a:active, a:hover{ color:#0067a2 } .color-page-link:link, .color-page-link:visited{ color: #0067a2 !important } .color-page-link:active, .color-page-link:hover{ color: #000 !important; text-decoracion: none !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 .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, .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: #0067a2; background: #00b8de; background: -moz-linear-gradient(left, #00b8de 0%, #0084a5 100%); background: -webkit-linear-gradient(left, #00b8de 0%,#0084a5 100%); background: linear-gradient(to right, #00b8de 0%,#0084a5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8de', endColorstr='#0084a5',GradientType=1 ) } .container-pp-equipo .divisor-secciones{ margin-bottom: 50px } .cargo{ margin:15px 0 10px 0; color: #0067a2; 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: #FFF } .descripcion-puesto .cargo{ margin: 0 } .cont-img-team, .min-info-team{ width:50%; float:left }  .mail-team{ font-size: 0.95em; color: #0067a2 } .mail-team:before{ content: "\f0e0"; margin-right: 5px; color: #0067a2 } .cargo i, .mail-team i{ margin-right:10px; color: #0067a2 } .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; margin-top: 8px; margin-bottom:5px !important; font-size:1.3em } .img-team img{ margin: 0 auto; max-width:250px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);   } .img-team img:hover{ opacity: 0.8 } .container-pp-equipo .img-team img{ border-bottom: 5px solid #FFF } .img-team{ padding-bottom: 10px } .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-ls-gal{ clear:both; float: none; margin-bottom: 40px; margin-top: 20px } .cont-img-gal{ margin-bottom:30px !important } .option-div{ font-size: 0.90em } .title-desc-gal h2{ font-size: 1.4em; text-transform: uppercase; color: #0067a2 } .title-desc-gal .button-layer{ text-align: left !important } .number-album{ font-family: 'Roboto', sans-serif; float:left; margin-right:20px; font-size:1.6em; color: #0067a2; font-weight:bold } .name-gal{ min-height:42px; padding-top:5px; display:none } .name-gal h2{ margin:0px; font-size:0.9em; font-weight:bold !important; font-family:'Roboto', sans-serif; letter-spacing:0 } .cont-g-images{ overflow:hidden; height:1%; margin-bottom:5px } .cont-g-images .img-sec-cont{ padding:0 } .title-album{ width:100% } .title-album h2{ font-weight: 300 } .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; overflow:hidden; 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{ overflow:hidden; padding:15px 0; color:#0067a2; 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: #0067a2; 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: #0067a2 }    .form-contact-layer{ margin:15px 0 } .contact-phone:before{ content: "\f098"; margin-right:10px; color: #7c7e81; font-size:1.1em } .contact-information{ overflow:hidden; font-weight:bold } .contact-information .block-i i{ color:#0067a2 } .contact-information .icon-footer{ max-width:30px } .contact-information A:link, .contact-information A:visited{ color:#0067a2 } .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: #0067a2; margin-left: 3px } .check-box-div{ font-size: 0.85em; padding-left: 5px } .check-box-div A{ text-decoration: underline } .check-box-div label{ font-weight: 300 !important } .cont-list-cnt .divisor-secciones:before{ background: rgba(54, 49, 52, 0.1) }   .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; font-weight: 300; color: #0067a2 } .contact-i-phone h3:before{ margin-right:10px; content:"\f0da"; color: #0067a2; margin-left:4px } .contact-i-phone A:link, .contact-i-phone A:visited{ color: #0067a2; font-weight:300 } .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; overflow:hidden } .contact-direction-cont{ background-color: #f6f6f5; padding: 15px 25px 20px 25px; overflow:hidden } .contact-i-phone .contact-direction:before{ font-size:1.5em; color: #0067a2 }   .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% } 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 } .fa-phone{ margin-right:11px !important } .color-page{ color: #0067a2 } .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: #0067a2; 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:10px 0 10px 0; height:auto } .cp-div{ background-color: #0067a2; 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{ text-decoration: none } .menu-r h2{ margin-top: 0px; line-height: 1.4em !important } .list-news-layer .divisor-secciones{ display: none } .menu-r .hts{ border-bottom: 0px; margin-bottom: 0px; padding-bottom: 4px; line-height: 1.0em; font-weight: 300 } .menu-r h2, .menu-r h3{ font-family: 'Roboto', sans-serif; font-size:0.95em; font-weight: 300 }   .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 #0067a2 } .ficha-multimedia{ margin-bottom: 40px } .ficha-multimedia-fecha{ margin-bottom: 20px; color: #0067a2 } .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% } .container-pp-opi img{ margin-bottom:20px } .cont-ls-opi h2:after{ content: " "; display: table; width: 50px; height: 5px; background-color: #0067a2; 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: #0067a2 } .cont-enlace-opi A:link, .cont-enlace-opi A:visited { color: #0067a2 } .cont-enlace-opi A:hover, .cont-enlace-opi A:active { color: #000; text-decoration: none }   .error-layer, .error{ color:#F00 } .ok-msg-layer{ background-color:#096; padding:3px 10px; color:#FFF; border-radius:3px; margin:10px 0; border-radius: 5px; font-size: 0.90em } .error-msg-layer { color: #FFF; padding: 3px 10px; font-size: 13px; margin: 10px 0; border-radius: 5px; background-color: #fa0d2c }   .big-slogan{ font-size:2.0em; line-height:1.3em; background-color: #0067a2; color:#FFF; padding:10% 10% 30% 10%;  border-radius:10px; margin-top:15px } .banner-free .banner-small{ margin-bottom:30px } .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:#333; letter-spacing:2px; line-height:1.5em; padding: 14.0% 7% 3% }   .cont-list-del .header-section{ margin-bottom:20px } .cont-del-1{ padding-right:-30px !important; margin-left: -15px !important; overflow:hidden } .addres-del:before, .phone-del:before{ font-weight: bold; margin:0 10px 0 5px; color: #0067a2  } .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-info-prove{ padding: 0px 15px; border-top: 1px solid #f6f6f5; background-color: #f6f6f5  } .cont-img-prove img:hover{ opacity: 0.6 !important } .globe:before{ content: "\f0ac"; line-height:60px; color: #0067a2 } .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:rgba(54, 49, 52, 0.1) } .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 .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 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:#0067a2; text-decoration:none !important } .small-section A:link, .small-section A:visited{ color:#333 } .small-section A:hover, .small-section A:active{ color:#0067a2 } .cont-sec .img-sec{ max-width:50%; float:left } .cont-sec{ overflow:hidden; height:1%; clear:both; text-align:justify; line-height:1.7em } .cont-sect .header-section{ border-color: transparent; margin-bottom:30px !important } .cont-sect .header-section h2{ text-transform: uppercase } .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:#0067a2 } .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{ text-align: center; margin-bottom: 50px } .block-fa span:before{ font-size: 80px; color: #0067a2 }    .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: #0067a2; 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:180; padding:3px 10px; width:100%; text-align:center; color:#000; font-size:0.85em } #cookies A{ color:#0067a2 !important }  .pt-datos{ font-size: 0.90em; width: 100% }   #IrArriba { position: fixed; bottom: 30px; 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: #0067a2 } #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-image: url(../images/imagen_2.jpg); background-repeat: no-repeat; background-size:cover; width:100%; min-height:500px } .subscripcion-div-cont .text-form, .subscripcion-div-cont .cont-form-subs{ width:45% } .subs-div-explain{ width:45%; float:left; font-weight:100; padding:10px; border-radius:10px; padding-left:10%  } .subscripcion-div-cont .text-form { font-weight:bold } .subscripcion-div-cont .cont-form-subs{ background-color:rgba(255,255,255, 0.6); border-radius:10px; float:left; margin-right:2% } .submit-news-letter-div{ font-size: 0.85em } .submit-news-letter-div label{ font-size: 11px !important } .cont-form-subs .button-form{ text-align: right }   .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, 103, 162, 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 A:link, .texto-secciones A:visited{ color: #0067a2 } .texto-secciones A:hover, .texto-secciones A:active{ color: #000 } .contenedor-secciones .texto-secciones h2{ font-size:1.4em } .divisor-secciones{ height: 2px; 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: #0067a2; 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: #0067a2 } .login-f .divisor-secciones{ display: none } .login-articulo .button-form{ margin-top: 50px; 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 } .recibir-boletin label{ text-transform: uppercase; margin-left: 10px; font-weight: 100  } .desc-form-lbl{ font-size: 0.80em; text-align: right } .login-articulo{ margin: 40px 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 } .register-ok-layer{ position: absolute; top:30%; left:35%; right:35%; background-color: #FFF; z-index:1200; box-shadow: 10px 10px 10px rgba(0,0,0,0.14); border-radius:15px; padding:10px 20px; border:10px solid #f6f6f5; padding:40px 40px; text-align:center } .register-ok-layer .header-section{ overflow: initial } .register-ok-layer .header-section h2{ background: none } .register-ok-layer .header-section:before{ content: "\f087"; font-size:40px; color: #0067a2 } .register-ok-layer .style-button{ box-shadow: none !important } .register-ok-layer .button-layer{ margin-top: 30px }  @media only screen and (max-width: 560px) {  .menu{ display:none } .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: 60% } .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; min-height:auto } .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 } .image-section{ margin: 0 !important } #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{ 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 } .img-small-items{ padding-bottom:12px } .big-location, .big-phone, .big-location, .big-mail{ font-size:1.2em } .cont-g-images{ padding-right: 0 } .banner-free{ padding: 20px 0 !important; padding-right: 15px; padding-left: 15px } .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: 20px } .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: 60px 0 20px 0 !important } .button-form .style-button{ width: 100%  } .button-form{ margin-right: 0 } .register-ok-layer{ top:20%; left:15px; right: 15px } }   @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: 15px; padding-right: 15px } .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){ .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 } .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){  .big-news .news-section{ width: 100% !important } .ficha-opinion-imagen{ float: left } .container-pp-opi .ficha-opinion-imagen{ margin-right: 15px } .container-pp-nws .news-section{ width:50% !important; float:left; min-height: 500px } .block-f{ width:50%; float:left } .central-banner{ padding: 5% 7% 0% 3% } .services-section{ width:50% !important; float:left } .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 } .services-section{ min-height:480px } .cont-ficha{ margin-bottom:0px } .cont-prove{ width:50% !important; float: left } .contact-header{ margin-top:10px; margin-bottom: 0 } .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) and (max-width: 991px){ .responsive-menu{ margin:15px 10px !important } header select{ width:98% } .text-small-items{ height:auto; min-height:none !important } .header{ margin: 10px 0 0 0 } .logo{ width: 40% }  }  @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-condolencias{ padding-right: 15px; padding-left: 15px } .image-section{ overflow: hidden } .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: 5px } .responsive-menu-boton{ display: block; position: absolute; top:0 left: 0; height: auto } .cont-cnt{ display: none } .header{ margin: 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 } .top-header{ padding-bottom:10px } .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 } .logo{ margin-top: 20px } #cookies{ line-height: 1.5em; font-size: 0.70em; position: fixed; bottom: 0; left: 0; background-color: #333; color: #FFF; padding-top: 10px; padding-bottom: 10px }  .logo{ float: left; padding-left: 10px } .logo img{ max-width:100% } .right-header{ float: right; padding-right: 18px } .login-f{ padding: 0 15px } .check-box-div{ font-size: 0.80em } .big-news .cont-info-autor, .title-desc-gal{ margin-top: 20px } div[class^='container-pp'], .banner-free{ padding: 60px 0 40px 0 } .container-pp-servicios{ padding-top: 70px !important } .container-pp-servicios .block-1{ margin-top: 20px } .block-fa, .cont-ls-gal{ margin-bottom: 20px } .text-item-fich{ margin-top: 30px } .bloque-contacto form{ margin-bottom: 20px } .layer-error .text-center{ padding-top: 0 } .subscripcion-div span, .layer-error span{ font-size: 5.0em }  } @media only screen and (min-width: 992px){  .contenedor-condolencias{ min-height: 400px } .cont-g-images{ width: 40% } .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; float: left } .text-item-fich{ width: 60%; padding-left: 30px } .cont-sec .image-section, .cont-sec .image-we{ margin-top:0 !important } .text-small-items{ min-height: 80px } .gal-img{ min-height:auto !important } .logo img{ max-width:100% } .logo{ text-align: left; padding-top: 28px } .contact-header{ margin-bottom:20px } .title-desc-gal{ padding:0 35px; margin-top: 5px } .contact-i-big{ margin: 0 -15px } .header-section{ margin-bottom:10px } .contenedor-empresa .tex-local{ padding-left:70px; padding-right:20px } .cont-services{ min-height:400px } .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 } .min-info-team{ margin: 0px; margin-top: 20px; padding-left: 15px } .cont-list-team{ min-height:300px } .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 } .form-contact-layer .button-form{ text-align: right } .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: #0067a2; position: fixed; left: 0; top: 32%; padding-top: 0; } .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 } .cont-list-cnt .obligatory-input-text { float: left } .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 } .list-news-layer{ margin-top: 10px } .cont-ls-rel .header-section{ padding: 0 15px }  }