/* ========================================================================== THEME ==========================================================================   */  ::-moz-selection { color:FFF !important;  background: #008fdb } ::selection{ color: FFF !important;  background: #008fdb } body{ font-family: 'Raleway', sans-serif; font-style: normal; -webkit-font-smoothing: antialiased; font-weight:300; font-size: 15px; line-height:150%; color: #666; padding-bottom:0px !important; overflow-x: hidden;  background: url() center fixed; background-color:#FFF; } h1{ font-family: 'Montserrat', sans-serif; font-size:2.3em; font-weight: bold !important; letter-spacing:1px; margin: 15px 0; color:#333 } h2{ font-family: 'Montserrat', sans-serif; font-size:1.9em; font-weight: bold !important; letter-spacing:2px } h3{ font-family: 'Montserrat', sans-serif; font-size:100%; font-weight: bold !important; letter-spacing:1px } .number-section{ font-family: 'Montserrat', sans-serif; font-size:4.8em; padding-top:10px; margin-right:30px; margin-top:33px; color:#000; width:10%; text-shadow:0 3px 3px rgba(0,0,0,.2) } #sec-head-1{ color: #F8AC59  !important } #sec-head-2{ color: #EF5352 !important } #sec-head-3{ color: #de0c69 !important } .title-pp h2{ font-family: 'Raleway', sans-serif; letter-spacing:0px } .date{ color: #333; width:100%; overflow:hidden; height:1%; text-align:right !important; font-weight:bold } .color-page, .ruta{ color:#008fdb } .ruta{ font-size: 0.85em; font-weight:400; padding:5px 0 } .social-banner-icons i{ color:#008fdb !important; margin-right:25px } .social-banner-icons i:hover{ color:#555 !important } .hr-layer{ margin-top:15px; color:#008fdb } footer{ background-color:#008fdb; min-height:250px; color:#000; font-size:1.0em; padding:30px 0; margin-top:20px; line-height:1.7em; border-top:15px solid #f6f6f5; font-weight:bold } footer h4{ color:#000; font-size: 1.2em !important; font-weight: bold; margin:20px 0 20px 0; text-transform:none; font-family:'Raleway', sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:2px } footer A:link, footer A:visited{  color:#000 } footer A:hover, footer A:active{  color: #FFF } footer i{ color: #008fdb; margin-right:8px; font-size:1.6em !important; margin-right:20px } footer .social-footer li{ float: left } footer label{ margin-left:10px } footer p{ font-weight:100 } footer .active-new{ background-color:transparent !important } footer .active-new A{  border-bottom:0 solid transparent !important } footer UL{ list-style-type:none; padding:0 10px } footer .text-form{ font-size:0.85em; line-height:1.4em } footer .active-new A:link, footer .active-new A:visited{ color:#008fdb !important; background-color: transparent !important } .icon-footer{ float:left; width:20%; max-width:70px } .block-i li{ font-size:1.1em; line-height:1.6em } .block-i i{ font-size:2.0em !important; color:#008fdb } .location-footer .fa-envelope{ margin-left:5px; font-size:1.7em !important } .location-footer .fa-map-marker{ margin-left:10px; margin-top:5px !important } .tex-local{ text-align:justify } .phone-footer{ padding-left: 5px } .social-footer i:hover{ color:#008fdb } .social-footer{ margin-top: 20px } .btn-share{ float:right; width:40px; height:40px; margin-right:10px; background-color: #008fdb; text-align:center; padding-top:10px; border-radius:20px } .btn-share:hover{ background-color:#333 } .btn-share i{ color:#FFF; font-size:22px } .social-inicio{ padding:30px 0 } .text-share-layer{ padding-top:5px } .logo-nombre-footer{ margin-top:20px; margin-bottom:0 } figcaption{ font-style:italic; color:#000!important } select{ width:100%; border:1px solid #d8d8d8; margin-top:5px; color:#333; font-size:90%; padding:3px 0 } iframe{ max-width:100% } section{ margin:30px 0; overflow:hidden } hr { border-top: 1px solid #e7e6e6 } header{  box-shadow: 0 2px 10px 0 rgba(0,0,0,.1) } .header{ margin:10px 0 10px 0; overflow:hidden; height:auto } .header-section { margin-bottom:10px; clear:both; overflow:hidden } .header-section h2{ text-transform:uppercase; color:#333; padding-bottom:10px; margin-bottom:10px !important; text-transform:none !important } .info-layer{ text-align:justify } .figcaption-style{ position:absolute; bottom:0px; left: 0px; padding:7px; background-color:#FFF; opacity:0.7; width:100% } .caption-gal{ padding-left:25px; box-sizing:border-box; width:100% } .title{ font-size:30px;	font-weight:100; color:#FFF !important } .navbar-changes{ /* padding:15px 0; */ } #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; } .midle{	width:40%;	float:left; } .bold{ font-weight:bold !important; } .desc-text-cont{ color:#999; margin-top:20px; margin-bottom:18px; border-left:3px solid #d8d8d8; padding:5px 10px; } .form-control:focus { border-color: #008fdb !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 } .border-bottom{	border-bottom:1px dotted #CCC } .awards-div{ margin-top:40px; margin-bottom:30px } .justify{ text-align:justify } .required{ color:#555; } .information{ padding:0 20px 10px 15px;  line-height:1.8em } .information i{ color:#008fdb; margin-right:8px; font-size:20px } .fa-phone{ margin-right:11px !important } UL.contact{ list-style-type:none; margin:0; padding:0 } .contact-l h1{ font-size:1.6em } .copy{ padding-bottom:10px; padding-top:10px; margin-bottom:30px } .copy span{ font-weight:bold } .underline{ text-decoration:underline !important } .obligatory{ float:left; font-size:85% } .send-button{ float:right } .instructions{ text-align:justify } .instructions-head{ display:none } .send-polities{ margin:10px 0; font-size:90% } .error-layer, .error{ color:#F00 } .other-info{ margin:20px 0 } .light-color { color: #999 } .obligatory-input-text { margin-top: 20px; word-break: break-all; word-wrap: break-word; float: left; font-size: 13px; padding-left:10px } .button-layer{ float:none; margin: 20px 0; padding: 5px 0; letter-spacing:1px; clear:both } .ok-msg-layer{ background-color:#096; padding:3px 10px; color:#FFF; border-radius:3px; margin:20px 10px; overflow:hidden; height:1%;  border-radius: 5px } .error-msg-layer { color: #FFF; padding: 3px 10px; font-size: 13px; margin: 10px 0; border-radius: 5px; background-color: #fa0d2c } .form-group{ margin:0 10px } .small-form{ width:100px; float:left } .captcha{ width:65px; float:left; line-height:50px } .img-conditions{ margin:15px; overflow:hidden; height:1%; padding:10px 0 } .small-img-sec{ overflow:hidden; margin-bottom:5px } .cont-list-team{ overflow:hidden; margin-top:30px } .big-list-team{ height:auto; max-width:100%; margin-bottom:30px; overflow:hidden } .min-info-team h3{ line-height:1.3em } .big-slogan{ font-size:2.0em; line-height:1.3em; background-color: #008fdb; color:#FFF; padding:10% 10% 30% 10%;  border-radius:10px; margin-top:15px } .banner-free{ font-family:'Raleway', sans-serif; overflow:hidden !important; height:auto } .banner{ margin:30px 0 } .banner-small i{ font-size:1.6em; color:#FFF } .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 } .banner-small{ min-height:200px } .central-banner{ color:#333; letter-spacing:2px; line-height:1.5em; padding: 14.0% 7% 3% } .right-banner{ color:#333; letter-spacing:2px; line-height:1.5em; padding: 14.0% 7% 3% } .section{ margin:15px 0; color:#737373 !important } .section h2{ font-size:1.3em; font-weight:300 !important } .news-section, .services-section{  margin:0 0 } .news-section{ position:relative } .news-section A:link, .news-section A:link{ color: #008fdb } .news-section A:hover, .news-section A:visited{ color:#000 } .services-section{ margin:10px 0 10px 0; padding:8px; position:relative } .news-section A{ text-decoration:none } .color-text A:hover{ text-decoration:underline } .news-section h2, .archive h3, .list-categories-layer h2, .menu-boletines h2, .text-desc h2, .list-services-layer h3{ font-size:1.0em; font-weight:100 !important; font-family:'Raleway', sans-serif !important; line-height:1.2em } .text-desc h2{ font-size:1.2em; letter-spacing:0 } .list-categories-layer h2{ font-weight:100 !important; margin:0 } .list-categories-layer h2:before{ font-family: FontAwesome; content:"\f105"; font-weight: bold;	margin:0 5px 0 5px  } .text-services h2, .text-desc h2{ border-bottom:0px !important; line-height:1.3em; font-weight: 100 } .text-desc h2:before, .title-news h2:before, .text-services h2:before{ font-family: FontAwesome; content:"\f0da";	font-weight: bold;	margin-right:10px; color: #008fdb  } .large-services-pp .text-services h2:before{ color:#FFF } .large-services-pp img{ border-radius:10px } .text-services h2{ font-weight:bold !important; margin:10px 0; font-family: 'Raleway', sans-serif; font-size:1.2em; letter-spacing:0px } .text-services{ overflow:hidden; height:auto; padding:0 10px } .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:#008fdb } .date i{ margin-right:7px } .archive{ margin: 20px 0 } .archive h3{ font-size:1.0em !important } .archive i{ margin-right:10px; font-size: 80%; color:#008fdb } .archive ul{ list-style-type:none; margin:auto 0; padding:0 } .archive li{ padding: 5px 0 } .archive A{ text-decoration: none } .archive h3{ margin:0 } .number-post{ color:#008fdb } .icon-section{ font-size:5.5em; margin:20px 0 !important; text-align:center; color:#008fdb } .form-contact-layer{ margin:15px 0 } .google-layer-full iframe{ width:100%; min-height:300px } .we-are{ text-align:center; padding:20px 0 } .news-layer{ border-bottom:1px dotted #CCC } .all-news-layer A:link, .all-news-layer A:visited{ display:block; padding:20px 0; color:#FFF;  background-color:#b0a59f; text-transform:uppercase; font-size:20px } .all-news-layer A:hover, .all-news-layer A:active{ text-decoration:none; background-color:#555 } .all-news-layer{ text-align:center; box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.30) } .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 i, .list-name i{ margin-right:10px } .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; width:140px; margin-top:40px; overflow:hidden } .social{ margin-top:-30px } .logo{ float:left; width:35%; overflow: hidden } .right-header{ float:right; width:65%; padding-right:10px; overflow:hidden; margin-top:5px } .social-header{ text-align:right; float:right; font-size:25px; overflow:hidden } .social-header i{ margin: 0 5px; font-size:0.90em } .contact-header{ overflow:hidden;  color:#8e817b; line-height:20px; height:auto; margin:20px 0 15px 0 } .menu{ width:100% !important; background-color: #272d33 } .menu-1{ font-family: 'Raleway', sans-serif; font-size:1.0em; font-weight:bold } .menu-1>li>a{ padding:23px 8px 15px 12px; border-bottom:10px solid #272d33 } .menu-1>li>a:link, .menu-1>li>a:visited{ color:#FFF } .menu-1>li>a:hover, .menu-1>li>a:active{ text-decoration:none !important; color: #FFF; border-bottom:10px solid #008fdb } .menu-1>li{ min-width:100px !important; text-align:center; padding:0 0 !important; position:relative  } .active-new:after{ background: url("../images/pico-fondo.png") no-repeat scroll center bottom; bottom: -7px; content: ""; height: 7px; left: 0; position: absolute; width: 100%; z-index: 1 } .active-new a:link, .active-new a:visited{ color:#FFF;  border-bottom:10px solid #008fdb } .cita, .fax-header, .phone-header{ text-align:right; font-weight:bold; color:#000 } .cita{ margin-bottom:10px; padding-right:13px; font-size:0.9em } .fax-header, .phone-header{ font-size:1.4em; color: #008fdb } .fax-header{ margin-top:7px } .fax-header:after{ font-family: FontAwesome; content: "\f1ac"; margin: 0px 10px; color:#008fdb } .phone-header:after{ font-family: FontAwesome; content: "\f095"; font-size:1.1em; margin: 0px 10px; color:#008fdb } iframe{  box-shadow: 0 2px 10px 0 rgba(0,0,0,.1) } .form-button{ padding-right:10px } .cont-gal .button-layer{ clear:both; margin-top:30px } .standard{ overflow:hidden; height:auto; padding:5px 0 } .responsive-menu{ display:none } .cont-g-images{ overflow:hidden; height:1%; max-width:38%; float:left; margin-right:20px;  margin-bottom:5px } .cont-item-info .img-we{ margin-top:0px } .img-we{ max-width:100%; margin-top:15px } .ruta A:link, .ruta A:visited { color:#008fdb } .ruta A:active, .ruta A:hover { color:#000 } .longe-rute{ height:35px; line-height:35px } .longe-rute i{ font-size:1.3em } .responsive-ruta{ overflow:hidden; height:1%; width:100%; } .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, .menu-boletines{ margin-bottom:40px; margin-top:0px; } .menu-boletines li h2{ margin:13px 0 } .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 } #comments, .container-form-comment h3{ font-size: 1.5em !important; font-weight:100 } .small-news{ padding-bottom:5px; margin:0 0 !important } .small-news .date{ font-weight: 100 !important } .small-news h2{ font-weight: bold !important; text-transform: uppercase } .recent-news{ margin-top:20px } .recent-news .date{ font-size:0.90em } .recent-news h2{ margin:10px 0 } .number{ border-radius: 1.5em; color: #FFF; display: inline-block; font-weight: bold; line-height: 2.5em; margin-right: 15px; text-align: center; width: 2.5em; background-color:#7b7b7b; box-shadow: 0 2px 8px 0 rgba(0,0,0,.4); margin-top:18px !important } .small-section{ overflow:hidden; height:1% } .small-sect-img{ width:30%; float:left; margin-right:10px; margin-top:5px } .small-sect-desc{ width:100%; float:left; line-height:120% } .small-sect-desc h3:before{  font-family: FontAwesome; content: "\f105 "; font-weight: bold; margin: 0px 10px; color:#008fdb } .min-desc{ font-style:italic; line-height:130%; text-align:justify; display:none } .large-services { padding-bottom: 5px; margin-bottom:35px } .sec-desc h2{ font-size:1.2em; line-height:1.4em; color: #008fdb; margin-bottom:20px } .large-services h1, .descripcion-empresa h1, .politica-div h1{  font-size:1.6em } .large-services h2, .large-services .hts{ font-size:1.2em; color: #008fdb } .politica-div h2{ font-size:1.3em } .boletines-div, .subscripcion-div { font-size:1.0em; min-height:330px; overflow:hidden; clear:both } .large-services h3{ font-size:1.1em; font-weight:100; margin-bottom:20px; font-weight:bold !important } .large-services p{ margin-bottom:18px } .text-desc{ overflow:hidden; height:auto; min-height:65px } .cont-number{ overflow:hidden; float:left; width:20%; padding:0 4px } .cont-title-serv h3{ margin-top:10px } .date-margin{ margin:20px 0 30px 0 } .button-form{ margin:10px 10px 0 0 } .italic{ font-style:italic } .icono-persona{ margin-right:15px; } .comment{ margin-bottom:15px; } .comment p{ color:#9b9089 !important; } .comentary-container{ min-height:200px; margin:15px 0 } .detail-comment h2{ margin-top:8px !important } .small-date{ font-size:90% } .search-layer{ overflow:hidden; height:1%; margin-bottom:30px; margin-top:20px } .search-layer INPUT[type=text]{ width:100% !important; border-radius: 5px; box-shadow: 0px 0px 5px #999 inset;  padding:1px 8px; line-height: 28px; float:left; font-size:13px; font-style:italic; color:#b2b1b1; margin-right:3px; outline:0px; border:1px solid transparent } .search-layer INPUT[type=text]:focus{ outline:0px; border:1px solid transparent } .search-layer INPUT[type=image]{ margin-left: -31px; margin-top:5px; float:left } .no-search i{ font-size:6.0em } .no-search h3{ line-height:1.5em } .no-result{ margin:8% 0 12% 0 } .no-result h3{ font-size:1.2em } .previous-next{ margin-bottom:15px; overflow:hidden; height:1%; font-size:90%; color:#000; font-weight:bold } .previous-next-small{ margin-right:15px } .section-we-pp{ margin-top:20px; margin-bottom:20px !important } .section-we-pp h1{ margin-bottom:20px; font-size:1.9em; color: #008fdb} .button-layer i{ font-size:85%; margin-left:3px } .margin-header{ margin-top:3px } .sending-mail{ display:none } .div-404{ margin-top:10px; padding:20px; text-align:center } .div-404 h2{ font-weight:100 !important; margin-bottom:30px } .div-404 i{ font-size: 220px } .bottom-404{ margin:30px 0 } .texto-404{ margin: 40px 0 } .tag-layer{ font-weight:bold; margin:25px 0 } .tag-layer A:hover{ text-decoration:underline !important } .carousel{ 	box-shadow: 0px 5px 10px #CCC; background-color:#f1F1F1 } .pages-layer{ margin-top:20px; 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: #008fdb; 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 } #cookies{ background-color:#00527d; z-index:180; padding:3px 10px; width:100%; text-align:center; color:#FFF; font-size:0.9em } #cookies A{ color:#FFF !important } .desc-img{ display:none; position:absolute; bottom:0; left:15px; right:15px; background-color: #008fdb; opacity:0.8; line-height:110%; min-height:30px; padding:10px 12px; color:#FFF } .text-small-news, .text-small-items{ height:auto; overflow:hidden; text-align:justify; min-height:69px; color:#333; font-size:0.90em } .large-services-pp .text-small-items{ color:#FFF !important } .text-small-news{ margin-bottom:30px } .text-small-items{ margin-bottom:10px; padding:0 10px } .section .icon-section i{ color:#c8c8c8; transition: all 300ms ease-out } .section:hover .icon-section i:hover{ color:#333 } .small-google-location{ margin-top:10px } .hts{ font-family: 'Montserrat', sans-serif; font-size:1.6em !important; font-weight:bold; padding-bottom: 16px; margin-bottom: 20px!important; margin-top: 16px; color:#000 } .clr h1{ border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 20px !important } .dtll h2{ font-size:130% !important; font-weight: 600 !important; border-bottom: 0px; margin-bottom:15px !important; color:#333; font-family:'Raleway', sans-serif; line-height:1.4em; letter-spacing:0 } .layer-01 h2:before, .layer-02 h2:before{ font-weight: bold; margin-right:10px; font-size:2.9em; color: #008fdb } .layer-01 h2:before{ content:"01" } .layer-02 h2:before{ content:"02" } .min-desc-layer .layer-01 h2:before{ content:none } .min-desc-layer{ text-align:justify; padding:0 50px 0 50px } .min-desc-layer h2{ text-transform:none !important; font-size:1.3em; font-weight:100 !important  } .header-section h1, .header-section h2{ color: #008fdb } .option-div{ overflow:hidden; padding:15px 0; color:#008fdb; display:none } .option-div i{ margin:0 10px } .title-album h2{ font-size:1.7em; margin:10px 0; font-family:'Montserrat', sans-serif; line-height:1.9em; font-weight:bold !important; color: #FFF } .title-album A:link, .title-album A:visited{ text-decoration:none; color:333 } .title-album A:hover, .title-album A:active{ text-decoration:none; color:#008fdb } .cont-gal h1{ font-size:1.6em } .big-date{ background-color: #008fdb; color: #FFF; font-size:1.5em; text-align:center; margin-right:25px; margin-bottom:20px; text-align:center; padding:10px; display:none } .description-album-text{ overflow: hidden; height:1%; margin-bottom:20px } .date-new-small{ position: absolute; top:10px; left:15px; color:#FFF; background-color:rgba(7, 157, 232, 1.00); padding:5px 10px; display:none } .number-album{ font-family: 'Montserrat', sans-serif; float:left; margin-right:20px; font-size:2.5em; color: #008fdb; 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:'Raleway', sans-serif; letter-spacing:0 } .lupa{ display: none; text-transform:uppercase; margin-right:10px; margin-top:10px } .lupa i{ margin-right:5px; font-size:1em } #IrArriba { position: fixed; bottom: 30px; right: 30px; z-index:1000 } #IrArriba span { width: 60px; height: 60px; display: block; background: url(../images/arriba.png) no-repeat center center } .menu-seccion li{ padding-bottom:0 !important } .menu-seccion li A:before{ font-family: FontAwesome; 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 } .menu-subseccion{ overflow: hidden; margin-top:-20px } .menu-subseccion .list-categories-layer, .menu-boletines{ margin-top:0px } .menu-subseccion{ display: none } .servicio-destacado{ margin:20px 0 40px 0; background-color:#008fdb; padding:20px 0 } .cont-bol{ background-color:#008fdb; margin:40px 0; clear:both; padding:20px 0; color:#FFF } .cont-bol .text-form{ width:40%; float:left } .cont-bol .cont-form-subs{ width:60%; float:left } .cont-bol .button-layer{ float:left !important; margin:-2px 10px } .cont-bol button{ background-color:#000 !important; box-shadow:none } .cont-bol button:hover{ background-color:#999 !important } .cont-bol .form-control{ margin:3px 0; float:left; width:70% } .cont-bol .submit-news-letter-div A:link, .cont-bol .submit-news-letter-div A:visited{ color:#FFF !important  } .cont-bol .submit-news-letter-div A:hover, .cont-bol .submit-news-letter-div A:active{ color:#000 !important  } .cont-bol .submit-news-letter-div{ text-align:right; font-size:0.8em; font-weight:100 !important; display:none } .newsletter-big{ font-size:1.4em; font-weight:bold; float:left } .s-destacado{ color:#333; margin-top:10px !important; text-transform:uppercase; font-weight:400; font-size:1.2em } .descripcion-destacada{ color: #FFF; padding-top: 30px } .descripcion-destacada h2{ font-size: 1.3em } .descripcion-destacada A:link, .descripcion-destacada A:visited{ color:#FFF; text-decoration:none !important } .descripcion-destacada A:hover, .descripcion-destacada A:active{ color:#000; text-decoration:none !important } .contact-layer-small{ overflow: hidden; 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 } .descripcion-empresa, .boletines-div, .subscripcion-div, .politica-div{ line-height:1.7em; text-align:justify } .descripcion-empresa A, .boletines-div A, .subscripcion-div A, .politica-div A{ color: #008fdb !important } .subscripcion-div{ margin-bottom:50px } .subscripcion-div-cont{ background-image: url(../images/imagen_2.jpg); background-repeat: no-repeat; background-size:cover; padding:2% 20px; width:100%; min-height:500px } .subscripcion-div-cont .text-form, .subscripcion-div-cont .cont-form-subs{ padding:10px; 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; padding-top:30px; float:left; margin-right:2% } .boletines-div, .layer-error h3{ font-size: 1.5em } .boletines-div, .subscripcion-div i, .layer-error i{ font-size: 6.9em } .boletines-div .layer-error { margin-bottom:150px } .white-color{ color:#FFF } .cont-sec-dest .text-small-news, .cont-sec-dest .text-small-items, .banner-free, .large-services-pp{ color:#FFF !important } .large-services-pp h2, .banner-free h2{ color: #FFF; font-weight:bold !important; text-transform:uppercase; font-size:2.6em } .large-services-pp{ padding-top:40px } .large-services-pp .large-services{ padding-bottom:40px !important } .large-services-pp A{ text-decoration:none } .img-small-items { overflow:hidden;} .img-small-items img{ border-bottom: 10px solid #008fdb; } .banner-free, .large-services-pp{ background: #008fdb } .cont-sec-dest, .banner-free, .large-services-pp{ box-shadow: 0px 5px 15px #CCC } .large-services-pp, .banner-free{ background: url(../images/fondo-carpinteria-pvp-2.jpg); background-size: cover; background-position:center center } .large-services-pp .hts, .banner-free .hts{ text-transform: uppercase; padding-bottom:15px; margin:0 !important; color: #FFF  } .cont-sec-news .image-small-news{ width: 34%; float:left; background-color: #008fdb } .cont-sec-news .descripcion-noticia{ width: 66%; float:left; padding-left: 25px } .descripcion-noticia h2{ color: inherit } .descripcion-noticia p{ text-align:justify } .cont-sec-news section{ margin:20px 0 } .cont-sec-news .date{ margin-bottom:10px } .cont-sec-news .text-small-news{ color:#333 } .cont-sec-news .header-section h2{ color: #333; text-transform:uppercase !important  } .cont-sec-news .title-news-p{ height:auto; margin-bottom:0px } .cont-sec-news .title-news-p h2{ margin-top:10px; font-weight:bold !important; font-family: 'Montserrat', sans-serif !important; font-size:1.5em } .cont-sec-news .title-news-p A:link, .cont-sec-news .title-news-p A:visited{ color: #008fdb } .cont-sec-news .title-news-p A:hover, .cont-sec-news .title-news-p A:active{ color: #000 } .cont-sec-news .title-news-p A{ text-decoration: none } .cont-sec-news .button-layer{ text-align: right } .cont-sec-news .date .pull-left:before, .large-services .date .pull-left:before{ font-family: FontAwesome; content:"\f073"; margin-right:10px } .cont-sec-news .text-small-news{ width:75% } .ficha-noticia-pp{ padding-bottom:20px; margin-bottom:40px } .cont-social{ margin:30px 0 } .blue-cont-social{ background-color: #008fdb; color:#FFF } .blue-cont-social h2{ color:#FFF } .blue-cont-social .social-banner-icons i { color:#FFF !important } .blue-cont-social .social-banner-icons i:hover { color:#333 !important } .blue-cont-social .hr-layer{ color:#FFF } .title-news{ overflow:hidden; height:auto; min-height:63px; margin-bottom:10px } .title-news-p h2, .title-news h2{ font-size:1.2em; font-family: 'Raleway', sans-serif !important; font-weight:bold !important; line-height: 1.3em } .title-news-p { overflow:hidden; height:1%; height: 93px; margin-bottom:10px } .oferta{ position:absolute; left:8px; top:25px } .oferta, .big-ofert{ background-color:#008fdb; 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; border-top-right-radius: 5px; border-bottom-right-radius: 5px } .price-item{ background-color:#008fdb; 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: " €" } .cont-sec{ overflow:hidden; height:1%: clear:both } .cont-sec{ text-align:justify; line-height:1.7em } .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:#008fdb; 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 } .cont-item-info{ position:relative; overflow:hidden } .big-ofert{ position:absolute; top:40px; right:-10px; min-width:150px; text-align:center; border-radius:5px } .img-emp{ margin-top:15px } .img-sec-cont{ margin:25px 0 10px 0; overflow:hidden; padding:0 } .cont-item-info .img-sec-cont{ padding: 0 5px } .image-section .img-sec-cont{ padding: 0 5px } .img-sec{ width:24%; float:left; margin-right:1% } .img-sec img{ width:100% } .cont-list-team{ overflow:hidden; margin-top:30px } .m-top{ margin-top:15px } .cont-list-team h3{ margin-top: 8px; color: #008fdb; margin-bottom:5px; font-size:1.5em } .cargo{ margin-bottom:3px; font-weight:bold } .mail-team{ margin-bottom:3px } .img-team{ margin: 7px; overflow:hidden; padding-right:10px } .img-team img{ box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.2); border-radius:125px; margin-bottom:10px } .cargo i, .mail-team i{ margin-right:10px; color: #008fdb } .link-team{ margin:30px 0; padding:10px 0: overflow:hidden } .image-container{ width:35%; float:left; margin:20px 20px 0px 0px; position:relative; overflow:hidden; height:1% } .special-image-container{ overflow:hidden; position:relative; margin:20px 0 } .text-conditions{ text-align:justify } .conditions-container{ margin-top:15px; text-align:justify } .button-container{ margin-top:20px } .btn-primary{ font-weight:400 !important; box-shadow: 2px 2px 3px rgba(0,0,0,0.5); background: #008fdb; border:0px; border-radius:5px; transition: all 500ms ease-out 0s } .btn-primary:hover, .btn-primary:active{ border:0px; background: #333 } .small-btn{ padding:7px 20px !important; font-size:100%; box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.30) } .style-button, .style-button-blue{ color:#FFF; padding:12px 40px 12px 40px; font-weight:400; min-width:140px; text-transform:uppercase } .style-button:link, .style-button:visited{ color:#FFF !important; background-color: #008fdb; transition: all 500ms ease-out; font-weight:bold !important  } .style-button:hover, .style-button:active{ color:#FFF !important; background-color:#333; text-decoration:none !important } .style-button-blue:link, .style-button-blue:visited{ color:#FFF !important; background-color: #000  !important; transition: all 500ms ease-out; font-weight:bold } .style-button-blue:hover, .style-button-blue:active{ color:#FFF !important; background-color:#008fdb !important; text-decoration:none } .style-button:after{ font-family: FontAwesome; content:"\f0a9"; font-weight: bold;	margin-left:10px } .btn-primary i{ font-size:85%; margin-left:7px } a:link, a:visited{ color: #000 } a:active, a:hover{ color:#008fdb } .a-btn{ color:#FFF !important } .a-btn:hover{ color:#FFF !important } .black-link:hover, .black-link:visited{ color: #000 } .black-link:active, .black-link:hover{ color: #333 } .color-page-link:link, .color-page-link:visited{ color: #008fdb !important } .color-page-link:active, .color-page-link:hover{ color: #555 } .header A:hover, .header A:active{ text-decoration:underline } .nav>li>a:hover, .nav>li>a:focus{ text-decoration: underline; background-color: transparent } .list-services-layer A, .list-categories-layer A, .menu-boletines A{ text-decoration:none !important } .list-categories-layer A:link, .list-categories-layer A:visited{ display:block; padding:8px 5px } .color-page-jumbo{ color:#72645d } .color-text, .color-text p{ color:#555 !important } .color-red{ color:#F00 } .section a { text-decoration:none } table{ width:100% } td{ padding: 3px 10px; border:1px dotted #C1C1C1; vertical-align:top; width:50% !important } th{ width:50%; background-color:#f91f3b; padding:3px 10px; font-weight:normal; color:#FFF; border:1px solid #96091b } table UL{ margin:0; padding:0 20px; list-style-type:square } .margin-top-20{ margin-top:20px } .margin-bottom-20{ margin-bottom:20px } .padding-bottom-20{ padding-bottom:20px; } .facebook-layer, .twitter-layer, .google-layer, .tuenti-layer{ float: right } .tuenti-layer{ width:95px } .twitter-layer{ width:100px } .facebook-layer{ width:180px } .google-layer{ width:71px } .container-social{ margin:20px 0 0 0 !important; overflow:hidden; height: 1%; box-sizing:border-box; -moz-box-sizing:border-box; padding-bottom:10px } .text-share-layer{ line-height:30px; margin-right:10px } .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 } .line-blt{ overflow:hidden; height:1% } .row-blt{ padding:3px 10px } .row-blt i { margin-right:10px } .cont-sect{ margin:40px 0 0 0; clear:both } .title-desc{ margin-bottom:20px } .large-button-layer{ margin-top:40px !important; clear:both } .cont-services{ padding-bottom:30px; overflow:hidden; height:1%; padding-bottom:15px; color:#000 } .big-price-red{ position:relative; padding:15px 10px 0 10px  } .span-big-price{ font-size:19px; font-weight:bold; position:relative; color: #de0c69 } .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 } .option-shop{ padding:0 10px; min-height:1%; overflow:hidden } .icon-item-blue i{ background-color: #008fdb; margin-left:-5px; color:#FFF } .icon-item-grey i{ background-color: #e6e6e6 } .icon-item{ float:left; margin-left:7px } .icon-item i{ width:40px; height:40px; border-radius: 20px; text-align:center; font-size:1.2em; line-height:40px  } .icon-item i:hover{ background-color: #333 } .icon-item-blue A:link, .icon-item-blue A:visited{ color:#FFF } .icon-item-grey A:link, .icon-item-grey A:visited{ color:#c1c1c1 } .icon-item-grey A:hover, .icon-item-grey A:active{ color:#FFF } .gal-zoom{ position: absolute; top: 30%; left: 42%; font-size: 3.0em; color: #FFF; display: none } .gal-zoom i{ font-size:0.80em; width:60px; height:60px; color: #FFF; padding-left:8px; padding-top:8px } .image-small-news, .small-img-sec, .cont-img-layer{ position:relative } .image-small-news{ background-color: #008fdb } .image-small-news IMG:hover, .small-img-sec IMG:hover{ opacity:0.3; transition: all 500ms ease-out } .image-small-news:hover .gal-zoom, .small-img-sec:hover .gal-zoom, .cont-img-layer:hover .gal-zoom{ display:block; transition: all 500ms ease-out } .list-news-layer .hts{ color: #333 } .list-news-layer .descripcion-noticia{ border-bottom: 1px dotted #CCC; padding-bottom: 15px } .cont-img-layer{ margin-bottom:15px; overflow: hidden; background-color:#008fdb  } .cont-img-layer 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; opacity:0.3 } .cont-ficha-img .cont-img-layer IMG{ opacity:1.0 } .cont-ficha-img .cont-img-layer{ margin-bottom:30px } .cont-img-layer IMG:hover{ transform : scale(1.2); -moz-transform : scale(1.2); -webkit-transform : scale(1.2); -o-transform : scale(1.2) } .description-gal{ position:absolute; top:45%; width:100%; text-align:center } .img-small-items:hover img, .cont-img-layer:hover img{ opacity:0.7 } .button-galery-l{ margin-right:10px; margin-top:20px } .help-section i{ font-size:10.0em; margin-right:30px; color: #008fdb; text-shadow:0 3px 3px rgba(0,0,0,.2) } .aditional-block { background-color:#F5F5F5 } .aditional-block{ margin-top:20px } .aditional-block{ padding:20px } .aditional-block .style-button:link, .aditional-block .style-button:visited{ background-color:#008fdb; font-weight: 100 !important; padding-left:25px; padding-right:25px  } .aditional-block .style-button:hover, .aditional-block .style-button:active{ background-color: #333 } .ad-block-n{ background-color:#008fdb } .ad-block-n .color-page{ color:#FFF } .ad-block-n .cont-sect{ margin-top:0 } .ad-block-n .header-section h2{ border-bottom:0; margin-bottom:0 !important; color:#FFF } .ad-block-n section{ margin-top: 0 } .ad-block-n .header-section{ margin-top:20px } .ad-block-n .title-pp h2{ font-size:1.2em; letter-spacing:0; line-height:1.3em; font-weight:bold !important } .ad-block-n .style-button-blue{ font-weight:bold } .ad-block-n .text-small-news{ color:#FFF } .ad-block-n A:link, .ad-block-n A:visited{ color:#FFF } .ad-block-n A:hover, .ad-block-n A:active{ color:#000 } .small-section A:link, .small-section A:visited{ color:#333 } .small-section A:hover, .small-section A:active{ color:#008fdb } .icon-social-header{ margin-right:10px; font-size:1.2em; float:left } .icon-social-header A:hover, .icon-social-header A:active{ color:#000 !important } .icon-social-header A:link, .icon-social-header A:visited{ color:#FFF } .m-bottom{ margin-bottom: 15px } .cont-social .icon-social-header{ float:left; background-color: transparent; margin-right:5px; width:65px; height:65px; padding-top:7px; border-radius:50%; text-align:center } .section-we-pp .image-section .img-we{ margin:0px } .image-section{ overflow:hidden; padding-bottom:10px } .aditional-block section{ margin:0 !important } .aditional-block .header-section h2{ border-bottom:0px !important; text-transform:uppercase !important } .text-sect-p{ margin:10px 0 20px 0; text-align:center } .big-location, .big-phone{ font-size: 1.3em } .big-location, .big-phone{ font-size: 1.3em } .big-phone:before{ font-family: FontAwesome; content:"\f095"; font-weight: bold; margin:0 15px 0 5px  } .big-mail:before{ font-family: FontAwesome; content:"\f0e0"; font-weight: bold; margin:0 15px 0 5px  } .footer-menu li:before{ font-family: FontAwesome; content:"\f105"; margin:0 5px 0 5px } .footer-option-p{ width:100%; float:none; clear:both; border-top: 1px dotted #008fdb; padding-top:10px; overflow:hidden; margin-top:35px  } .footer-option-p A{ font-weight:bold; font-size:0.9em } .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 } .description-galery h2{ margin-top:0; font-size:1.3em; color:#008fdb; text-align:left } .description-galery{ text-align:justify } .cont-contact h2{ font-size:1.4em; margin-bottom:20px; font-family: 'Raleway', sans-serif; color: #000; letter-spacing:0; text-transform:uppercase } .cont-contact h2 span{ font-weight: 100 } .contact-information{ overflow:hidden; font-weight:bold } .contact-information .block-i i{ color:#008fdb } .contact-information .icon-footer{ max-width:30px } .contact-information A:link, .contact-information A:visited{ color:#008fdb } .contact-information A:hover, .contact-information A:active{ color:#000 } .cont-ficha{ padding:10px } .small-img-sec, .cont-img-layer, .img-we, .img-small-items img, .cont-sec-news .image-small-news{ box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1) } .img-small-items{ padding-bottom:20px } .bloque-equipo{ background-color: #f5f5f5 } .bloque-equipo .header-section h2{ color:#333 !important; border-bottom:none; padding-top:15px; text-transform:uppercase !important; font-size: 1.6em !important } .contact-information li:before{ content: "\f138"; font-weight:100 } .block-i li:before, footer p:before{ font-family: FontAwesome; content:"\f0a9"; font-weight: bold; margin:0 10px 0 5px; color: #000 } .contact-i-big .col-xs-2{ padding-top:15px } .contact-i-big h2{ margin-bottom:5px; font-weight: 100 !important } .contact-i-big i{ font-family: FontAwesome; font-weight: bold; font-size:4em; margin:0 10px 0 5px; color: #000; text-align:center; color: #008fdb } .contact-i-phone{ font-weight:bold } .button-form .style-button { color: #FFF !important; background-color: #008fdb; transition: all 500ms ease-out; font-weight: bold !important; border: 0px; padding: 10px 20px !important } .button-form .style-button:hover { color: #FFF !important; background-color: #333 } .contact-info-layer{ height:auto; overflow:hidden } .top-information{ line-height:38px; background-color:#008fdb; color: #FFF; font-size:0.85em; overflow:hidden } .mail-header:before, .addres-header:before, .phone-s-header:before, .movil-header:before{ font-family: FontAwesome; 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 } .top-local-i{ overflow:hidden; float:left } .top-information UL{ margin-left:0; padding-left:0 } .top-information li{ float:left; list-style-type: none; margin-right:15px } .social-t{ float: right; overflow:hidden } .col-list-emp{ width:50%; float:left; background-color: #008fdb } .col-list-emp img { box-shadow: 3px 3px 15px #CCC  } .col-list-emp img:hover{ opacity:0.8 } .bloque-empresa section{ margin:20px 0 } .sec-1-emp h2, .min-desc-layer h2{ text-transform:uppercase !important; font-weight:bold !important } .sec-1-emp h2 span, .min-desc-layer h2 span{ font-weight: 100 } .sec-1-emp h1{ text-transform:uppercase; font-weight:100 !important; text-spacing:0; color:#333; color: #008fdb; } .text-sec-1{ margin-top:30px } .cont-g-images{ padding-right:20px } .cont-g-images .img-sec{ width:100% } .cont-g-images .img-sec-cont{ padding:0 } .block-1{ background-color: rgba(39, 45, 51, 0.6); padding: 0 30px; overflow:hidden } .cont-album .header-section h2{ font-size: 1.6em !important; text-transform:uppercase !important; color: #333 } .cont-album .button-layer{ padding-right:25px } .comment-layer, .container-form-comment{ margin-top:30px; padding-top:20px; border-top:1px dotted #CCC } .cont-img-map{ text-align:center }   @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{ font-size:1.7em !important } h2{ font-size:1.6em } .section h2{ text-transform: none !important; font-size:1.2em } .awards{ width:93%; } .obligatory{ float:none !important; overflow:hidden; margin:10px 0; text-align:center; font-size:85%; } .send-button{ float:none !important; overflow:hidden; margin:10px 0;  text-align:center; } .right-header{ width:100% !important; float:none; text-align:center !important; margin-top:0 !important; display:block !important } .logo{ float:none; clear:both; text-align:center; width:100%; margin: 0 auto; overflow:hidden; height:auto; margin-top:20px; margin-bottom:0px } .contact-header{ text-align:center !important; width:100%;float:none; margin:10px 0 0 0; padding-left:10px; text-align:center } .social-header{ width:100% !important; text-align:center; float:none; clear:both } .phone-header{ width:100%; float:right; text-align:center; font-size:1.8em; padding:10px 0; height:auto } .fax-header{ margin-top:16px !important } .cont-g-images{ width:100%; max-width:none; margin:15px 0; float:none; clear:both } .large-services h2{ text-align:left !important; font-size:1.3em !important } .banner-small{ margin:15px 0; min-height:100px !important } .left-banner{ font-size: 0.85em !important } .central-banner{ padding: 5% 7% 5% 3%; font-size: 150% !important } .right-banner{ padding: 5% 7% 5% 3%; } .lateral-banner{ font-size:150%; } .all-news-layer{ margin-bottom:20px !important; } .carousel-indicators { padding-bottom:0px !important; bottom:0px !important; } .carousel-caption{ padding-bottom:20px; } .prefijo{ display:none; } .text-small-news, .text-small-items{ height:auto; } .title-news	{ height:auto; } .social-header i{ margin: 0 8px } #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:25px; width:100%; max-width:none } #comments, .container-form-comment h3{ font-size: 1.2em !important } .min-info-team{ margin-top:20px } .button-galery-l{ margin-top:30px } .cont-bol .text-form, .cont-bol .form-control, .cont-bol .cont-form-subs{ width:100% } .cont-bol .button-layer{ width:100%; margin:0; text-align:center; margin-top:20px } .img-we img{ text-align:center !important } .title-album{ min-height:0px; height:auto } .image-section iframe{ width:560px } .cita{ width:100% !important; float:none; text-align:center !important; padding:0 !important; margin-top:20px; display:none } .section{ margin-bottom:40px } .big-location, .big-phone{ line-height:2.0em } .cont-ficha{ height: auto !important } .icon-social-header{ float:none; margin:0 auto; } .contact-i-big i{ font-size:2.0em } .cont-img-map img{ width:100% } .cont-sec-news .image-small-news{ width:100% } .cont-sec-news .descripcion-noticia{ width:100%; padding-left: 0; margin-top:20px } .cont-sec-news .descripcion-noticia .text-small-news{ width:100% } .title-album h2{ font-size: 1.1em } } @media only screen and (max-width: 767px) {  .list-name{ width:100% } .social-banner{ width:100%; padding:0 10px } .menu{ width:100% } .responsive-menu{ padding:7px 10px !important } .hts{ font-size:1.6em !important; padding-bottom:7px !important } .top-header{ padding-bottom:10px; overflow:hidden } .subscripcion-div-cont .text-form, .subscripcion-div-cont .cont-form-subs{ width:100% !important } .subs-div-explain{ display:none } .subscripcion-div-cont .cont-form-subs{ margin-top:10px } .block-f{ margin-bottom:50px } .min-desc-layer{ padding-left: 15px; padding-right: 15px } .cont-sec-news .button-layer{ padding-right:15px } footer .pull-right{ float: none; width:100% } footer .disenado{ float: none; width:100%; margin-top:30px; margin-right:10px } footer .disenado, footer .disenado li{ margin-left: 0; padding-left: 0 } } @media only screen and (min-width: 560px) and (max-width: 767px){ .image-container{ width:100%; float:none; width:100% } .title-album h2{ font-size: 1.2em } .logo{ width:40% } .logo img{ width:100% } .right-header{ width:50% } }  @media only screen and (min-width: 560px) and (max-width: 991px){ .big-news .news-section{ width:100% !important } .news-section{ width:50% !important; float:left } .block-f{ width:50%; float:left } .image-section{ width:100%; max-width:none; padding-left: 50px; padding-right: 50px; text-align:center } .central-banner{ padding: 5% 7% 0% 3% } .right-banner{ padding: 0% 7% 0% 3%; } .services-section{ width:100% !important; float:left } .img-small-items, .cont-img-team, .text-service-desc{ width:50%; float:left } .link-team{text-align:right } .image-section{ margin-bottom:20px } .gal-p{ width:50% !important; float:left }  }  @media only screen and (min-width: 768px) and (max-width: 991px){ .responsive-menu{ margin:15px 10px !important } header{ padding-bottom:5px } header select{ width:98% } .text-small-items{ height:auto; min-height:none !important }  }  @media only screen and (max-width: 992px) { .instructions-head{ display:block; } .instructions UL{ padding:10px 15px; margin:0; } .information{ padding: 5px 20px 10px 15px; margin-top:20px !important; } .img-conditions{ display:none; } .responsive-menu{ width: 100%; display:block !important;  } .no-responsive{ display:none; } .min-desc{ display:block; margin:10px 0; } .lupa{ display: block; float:right; } .ruta{ float: left; } .menu-subseccion{ display: block; } .cont-bol .text-form{ padding:0 10px } .cont-bol .cont-form-subs{ padding:0 15px } .min-desc-layer{ margin-bottom:40px } .section{ margin-bottom:40px } .social-t{ width:100% } .top-local-i{ text-align:center } .top-information{ display:none }  } @media only screen and (min-width: 992px){ .section-we-pp{ margin-bottom:30px } .cont-res-part{ min-height:580px !important } .text-small-items{ min-height:40px } .tex-local{ padding: 0 30px; margin-top:-10px } .cont-sec .image-section{ max-width:50% } .logo{ padding-top:15px } .footer-cookies{ float:right !important } .cont-g-images{ margin-top:20px } .cont-item-info{ margin-top:-35px }  }    ?>