/* ========================================================================== THEME ==========================================================================   */  body{ font-family: 'Open Sans',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: 'Roboto',sans-serif; font-size:2.3em; font-weight: 400 !important; letter-spacing:1px; margin: 15px 0 } h2{ font-family: 'Roboto',sans-serif; font-size:1.3em; font-weight: 400 !important; letter-spacing:2px } h3{ font-family: 'Roboto',sans-serif; font-size:100%; font-weight: 400 !important; letter-spacing:1px } .number-section{ font-family: 'Roboto',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: 'Open Sans',sans-serif; letter-spacing:0px } .date{ color: #00b9dd; width:100%; overflow:hidden; height:1%; text-align:right !important; font-weight:bold } .color-page{ color:#2e2b58 } .ruta{ font-size: 0.85em; font-weight:400; padding:5px 0 } .social-banner-icons i{ color:#2e2b58 !important; margin-right:25px } .social-banner-icons i:hover{ color:#555 !important } .hr-layer{ margin-top:15px; color:#2e2b58; font-weight: bold } footer{ background-color:#F5F5F5; min-height:250px; color:#818181; border-top: 10px solid #transparent; font-size:1.0em; padding:30px 0; margin-top:20px; line-height:1.7em; font-weight:bold; border-top:15px solid #ebebeb } footer h4, footer h3{ color:#2e2b58; font-size: 1.2em !important; font-weight: bold !important; margin:20px 0 20px 0; text-transform:uppercase; font-family:'Open Sans',sans-serif; font-weight:bold } footer A:link, footer A:visited{  color:#818181 } footer A:hover, footer A:active{  color:#2e2b58 } footer i{ color: #00b9dd; margin-right:8px; font-size:1.6em !important; margin-right:20px } footer .social-footer li{ float: left } footer label{ margin-left:10px } 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:#00b9dd !important; background-color: transparent !important } .icon-footer{ float:left; width:20%; max-width:70px } .block-i{ margin-bottom:15px } .block-i i{ font-size:2.0em !important; color:#2e2b58 } .location-footer .fa-envelope{ margin-left:5px; font-size:1.7em !important } .location-footer .fa-map-marker{ margin-left:10px; margin-top:5px !important } .block-footer{ margin-top:20px } .tex-local{ text-align:justify } .phone-footer{ padding-left: 5px } .social-footer i:hover{ color:#2e2b58 } .btn-share{ float:right; width:40px; height:40px; margin-right:10px; background-color: #2e2b58; text-align:center; padding-top:10px } .btn-share:hover{ background-color:#00b9dd } .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 30px 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: #2e2b58 !important; outline: 0px none; box-shadow: 0px 1px 1px rgba(203, 248, 254, 0.075) inset, 0px 0px 8px rgba(162, 237, 246, 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:#2e2b58; 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 } .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 } .image-section, .small-img-sec{ overflow:hidden; margin-bottom:5px } .image-section{ max-width:40%; float:left; margin-right:30px } .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: #2e2b58; color:#FFF; padding:10% 10% 30% 10%;  border-radius:10px; margin-top:15px } .banner-free{ font-family:'Open Sans',sans-serif; font-size:1.8em; font-weight:bold; clear:both; float:none } .banner-free section{ margin:0 !important; margin-top:-20px } .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 } .left-banner, .right-banner{ letter-spacing:1px; vertical-align: baseline; padding: 10.0% 0% 10% 0%; line-height:1.4em; width:50%; float: left; padding-left:20px; padding-right:20px; text-align:left } .icon-ban{ float:left; color:#00b9dd; margin-right: 40px; padding-top:25px } .icon-ban:before, .right-banner:before{ font-family: FontAwesome; font-size:3.0em; font-weight: bold;	margin:0 5px 0 5px; display:table; text-align: center; width:100%; margin-bottom:30px } .icon-ban-1:before{ content:"\f18e" } .icon-ban-phone:before{ content:"\f1ac" } .central-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 } .services-section{ margin:20px 0 40px 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:'Open Sans',sans-serif !important; line-height:1.2em } .list-categories-layer h2{ font-weight:bold !important } .text-desc h2{ font-size:1.2em; letter-spacing:0 } .list-categories-layer h2{ font-weight:bold !important; margin:0; letter-spacing: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:"\f105";	font-weight: bold;	margin-right:10px; color:#2e2b58  } .text-services h2{ font-weight:100 !important; margin:10px 0; font-family: 'Open Sans',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:#2e2b58 } .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:#2e2b58 } .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:#2e2b58 } .icon-section{ font-size:5.5em; margin:20px 0 !important; text-align:center; color:#2e2b58 } .form-contact-layer{ margin:15px 0 } .google-layer-full iframe{ width:100%; min-height:300px } .google-layer-full{ margin-bottom: 60px } .we-are{ text-align:center; padding:20px 0 } .we-are h2{ font-size: 1.8em; font-weight:bold !important; color:#2e2b58 } .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 h3{ margin:0px } .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:25%; overflow: hidden } .right-header{ float:right; width:74%; padding-right:10px; overflow:hidden; margin-top:5px } .menu-1{ font-family: 'Roboto',sans-serif; font-size:1.2em } .social-header{ text-align:right; float:right; font-size:25px } .social-header i{ margin: 0 5px; font-size:0.90em } .contact-header{ overflow:hidden;  color:#8e817b; line-height:20px; height:auto } .menu{ width:100% !important; overflow:hidden; height:1%; background-color: #FFF } .menu A:hover, .menu A:active{ text-decoration:none !important } .menu-1>li>a { padding:20px 11px 12px 15px; border-top-left-radius: 7px; border-top-right-radius: 7px; margin-right:3px; font-weight:100; text-transform:uppercase } .menu-1>li>a:hover, .menu-1>li>a:active{ color: #FFF !important; background-color:#00b9dd !important } .menu-1>li{ min-width:110px !important; text-align:center; padding:0 0 !important  } .active-new A{ color:#000 } .active-new a:link, .active-new a:visited{ color: #FFF !important; background-color: #2e2b58 } .cita, .fax-header, .phone-header, .mail-header{ font-size:1.0em; text-align:right; font-weight: 100; color:#000 } .cita{ margin-bottom:10px; padding-right:13px; font-weight:bold; color: #2e2b58 } .fax-header, .mail-header{ margin-top:7px } .fax-header:after{ font-family: FontAwesome; content: "\f1ac"; margin: 0px 10px; color:#2e2b58 } .phone-header:after{ font-family: FontAwesome; content: "\f095"; font-size:1.1em; margin: 0px 10px; color:#2e2b58 } .mail-header:after{ font-family: FontAwesome; content: "\f0e0"; font-size:1.1em; margin: 0px 10px; color:#2e2b58 } iframe{  box-shadow: 0 2px 10px 0 rgba(0,0,0,.1) } .form-button{ padding-right:10px } .standard{ overflow:hidden; height:auto; padding:5px 0 } .responsive-menu{ display:none } .cont-g-images{ overflow:hidden; height:1%; max-width:45%; float:left; margin-right:20px;  margin-bottom:5px; margin-top:10px } .cont-item-info .img-we{ margin-top:0px } .img-we{ max-width:100%; margin-top:15px } .ruta A:link, .ruta A:visited { color:#2e2b58 } .ruta A:active, .ruta A:hover { color:#000 } .longe-rute{  line-height:35px; background-color: #2e2b58; color:#FFF } .longe-rute i{ font-size:1.3em } .longe-rute A:link, .longe-rute A:visited{ color:#FFF } .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 } .recent-news{ margin-top:20px } .recent-news .date{ font-size:0.90em } .recent-news h2{ margin:10px 0 } .recent-news A:link, .recent-news A:visited{ color:#333 } .recent-news A:hover, .recent-news A:active{ color: #2e2b58 } .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:#2e2b58 } .min-desc{ font-style:italic; line-height:130%; text-align:justify; display:none } .large-services { padding-bottom: 5px; margin-bottom: 50px } .large-services UL { list-style-type:none } .large-services li:before{  font-family: FontAwesome; content: "\f105 "; font-weight: bold; margin: 0px 10px; color:#2e2b58 } .sec-desc h2{ font-size:1.2em; line-height:1.4em; color: #2e2b58; margin-bottom:20px } .large-services h1, .descripcion-empresa h1, .politica-div h1{  font-size:1.6em } .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 10px 0 } .button-form{ margin:10px 10px 0 0 } .button-form .style-button{ color:#FFF !important; background-color: #2e2b58; 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: #00b9dd   }  .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 } .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:10px; margin-bottom:20px !important } .section-we-pp .header-section h1{ margin-bottom:10px; font-size:2.2em; border-bottom:0px !important; text-transform:uppercase; text-shadow: 2px 2px #F1F1F1; padding-bottom:0px !important } .section-we-pp .style-button{ padding-right:40px; padding-left:40px } .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 15px #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: #2e2b58; 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:#CCC; z-index:180; padding:3px 10px; width:100%; text-align:center; color:#FFF; font-size:0.9em } #cookies A{ color:#333 !important } .desc-img{ display:none; position:absolute; bottom:0; left:15px; right:15px; background-color: #2e2b58; opacity:0.8; line-height:110%; min-height:30px; padding:10px 12px; color:#FFF } .text-small-news, .text-small-items{ height:auto; overflow:hidden; text-align:justify; min-height:69px; color:#777; font-size:0.90em } .text-small-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: 'Roboto',sans-serif; font-size:2.0em !important;  padding-bottom: 16px; margin-bottom: 20px!important; margin-top: 19px; color:#2e2b58; font-weight:bold  } .clr h1{ border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 20px !important } .dtll h2{ font-size:1.3em; font-weight: 600 !important; border-bottom: 0px; margin-bottom:15px !important; font-family:'Roboto',sans-serif; color:#00b9dd; line-height:1.4em; letter-spacing:0 } .dtll .header-section{ margin-top:15px } .min-desc-layer{ text-align:justify } .min-desc-layer h2{ text-transform:none !important; font-size:1.5em; font-family: 'Roboto',sans-serif; font-weight:bold !important; margin-top:10px; color: #00b9dd  } .cont-list-serv h2{ font-weight:bold !important } .header-section h1, .header-section h2{ font-size:2.0em; padding-bottom:13px; color: #2e2b58; font-weight:bold !important } .option-div{ overflow:hidden; padding:15px 0; color:#2e2b58; display:none } .option-div i{ margin:0 10px } .title-album{ min-height:42px  } .title-album h2{ font-size: 1.25em; margin: 10px 0; font-family: 'roboto', sans-serif; line-height: 1.9em; font-weight: bold !important; margin-top: 20px; } .number-album { font-family: 'roboto', sans-serif; float: left; margin-right: 15px; font-size: 1.5em; color: #00b9dd; font-weight: bold; margin-top:5px } .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:#2e2b58 } .cont-gal h1{ font-size:1.6em } .cont-gal{ margin-bottom:30px } .big-date{ background-color: #2e2b58; color: #FFF; font-size:1.5em; text-align:center; margin-right:25px; margin-bottom:20px; text-align:center; padding:10px } .description-album-text{ overflow: hidden; height:1%; margin-bottom:20px } .date-new-small{ position: absolute; top:10px; left:15px; color:#FFF; background-color:rgba(41, 43, 146, 1.00); padding:5px 10px; display:none } .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:'Open Sans',sans-serif; letter-spacing:0 } .lupa{ display: none; text-transform:uppercase; margin-right:10px; margin-top:10px } .lupa i{ margin-right:5px } #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 0 0; background-color:#2e2b58 } .cont-bol{ background-color:#2e2b58; 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 } .descripcion-destacada h3{ font-size: 1.2em; color: #FFF; font-weight:bold !important; line-height:1.2em } .descripcion-destacada h2{ font-size: 2.2em; font-weight: bold !important; text-transform:uppercase } .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 } .img-sect-pp img{ opacity: 0.7 } .img-sect-pp img:hover{ opacity: 1.0 } .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: #2e2b58 !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, .cont-sec-news, .banner-free, .large-services-pp{ color:#000 !important } .large-services-pp h2{ color: #FFF } .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;} .banner-free, .large-services-pp{ background: #f6f6f5 } .cont-sec-dest, .banner-free, .large-services-pp{ box-shadow: 0px 5px 12px #F1F1F1 } .cont-sec-news .date{ margin-bottom:10px; color: #2e2b58 } .cont-sec-news .title-news-p h2:before{ font-family: FontAwesome; content:"\f105"; margin-right:10px } .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{ color:#333 } .cont-social{ margin:30px 0 } .blue-cont-social{ background-color: #2e2b58; 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; margin-bottom:10px } .title-news-p h2, .title-news h2{ font-size:1.2em; font-family: 'Open Sans',sans-serif !important; font-weight:bold !important; line-height: 1.3em; letter-spacing:0 } .title-news-p { overflow:hidden; height:1%; height: 93px; margin-bottom:10px } .oferta{ position:absolute; left:8px; top:25px } .oferta, .big-ofert{ background-color:#2e2b58; 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:#2e2b58; 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:#2e2b58; 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% } .cont-list-team{ overflow:hidden; margin-top:30px } .m-top{ margin-top:15px } .cont-list-team h3{ margin-top: 8px; color: #2e2b58; 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:20px; margin-bottom:10px } .cargo i, .mail-team i{ margin-right:10px; color: #2e2b58 } .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: #2e2b58; border:0px; border-radius:5px; transition: all 500ms ease-out 0s } .btn-primary:hover, .btn-primary:active{ border:0px; background: #00b9dd } .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:20px 15px 20px 15px; font-weight:100; min-width:100px; box-shadow: 3px 3px 70px rgba(0, 0, 0, 0.1) } .style-button:link, .style-button:visited{ color:#FFF !important; background-color:#2e2b58; transition: all 500ms ease-out } .style-button:hover, .style-button:active{ color:#FFF !important; background-color:#00b9dd; text-decoration:none }  .style-button-blue:link, .style-button-blue:visited{ color:#FFF !important; background-color: #2e2b58 !important; transition: all 500ms ease-out } .style-button-blue:hover, .style-button-blue:active{ color:#FFF !important; background-color:#000 !important; text-decoration:none } .style-button:before{ font-family: FontAwesome; content:"\f18e"; font-weight: 100;	margin-right:10px } .btn-primary i{ font-size:85%; margin-left:7px } a:link, a:visited{ color: #000 } a:active, a:hover{ color:#2e2b58 } .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: #2e2b58 !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 } .phone-azul{ color:#00b9dd; font-size:1.8em; margin-top:15px } .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:25px !important; clear:both } .cont-services{ padding-bottom:30px; overflow:hidden; height:1%; padding-bottom:15px } .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: #2e2b58; 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: 38%; left: 42%; font-size: 3.0em; color: #FFF; display: none } .gal-zoom i{ font-size:0.80em; width:60px; height:60px; border-radius:30px; color: #FFF; border: 4px solid #FFF; padding-left:12px; padding-top:10px } .image-small-news, .small-img-sec, .cont-img-layer{ position:relative; background-color:#2e2b58 } .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 } .big-date{ display:none } .img-small-items:hover img, .cont-img-layer:hover img{ opacity:0.3 } .button-galery-l{ margin-right:27px; margin-top:40px } .help-section i{ font-size:10.0em; margin-right:30px; color: #2e2b58; text-shadow:0 3px 3px rgba(0,0,0,.2) } .aditional-block { background-color:#F5F5F5 } .aditional-block{ margin-top:20px } .bloque-empresa section{ margin-top:10px !important } .bloque-empresa{ margin-bottom:80px } .aditional-block{ padding:20px } .aditional-block .style-button:link, .aditional-block .style-button:visited{ background-color:#2e2b58; 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:#2e2b58 } .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:#2e2b58 } .icon-social-header{ float:left; background-color: #2e2b58; margin-right:5px; width:35px; height:35px; padding-top:7px; border-radius:50%; text-align:center } .icon-social-header:hover{ background-color: #333 } .icon-social-header A:link, .icon-social-header A:visited{ color:#FFF } .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{ margin-top:15px } .section-we-pp .image-section .img-we{ margin:0px } .image-section{ font-size:0.8em } .aditional-block section{ margin:0 !important } .aditional-block .header-section h2{ border-bottom:0px !important } .text-sect-p{ margin:10px 0 20px 0; text-align:center } .big-location, .big-phone{ font-size: 1.8em } .big-phone:before{ font-family: FontAwesome; content:"\f095"; 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 solid #d8d8d8; padding-top:10px; overflow:hidden; margin-top:20px  } .footer-option-p A{ font-weight:bold; color:#2e2b58 !important; 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:#2e2b58; text-align:left } .description-galery{ text-align:justify } .cont-contact h2{ font-size:1.2em; margin:20px 0; background-color: #00b9dd; color: #FFF; padding:8px 10px; letter-spacing:0; border-radius:5px } .contact-information .block-footer{ margin-top:0 } .contact-information{ overflow:hidden; font-weight:bold !important } .contact-information i{ color: #00b9dd } .contact-information .icon-footer{ max-width:30px; margin-right: 20px } .contact-information A:link, .contact-information A:visited{ color:#666 } .contact-information A:hover, .contact-information A:active{ color:#00b9dd } .contact-information .block-i{ background-color: #f6f6f5; padding:10px 10px } .cont-ficha{ padding:10px } .small-img-sec, .cont-img-layer, .img-we, .image-section{ box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1) } .name-emp{ color: #2e2b58; text-align: left; margin-right:-15px !important; margin-left:-15px !important } .name-emp h1{ font-weight:bold !important; line-height:1.5em } .list-services .button-layer{ margin-top:30px } .cont-list-serv{ padding:3px 20px 10px 20px; background-color:#f6f6f5 } .gal-p{ width:33.33%; float:left; position:relative } .gal-p img{ border:10px solid #FFF } .cart-rest h2 { font: bold 14px/28px 'Roboto',sans-serif, sans-serif !important; color: #00b9dd; text-transform: uppercase; letter-spacing: 0 } .item-f{ border-bottom: 1px dotted #afaeac; line-height: 1.9em } .item-f:before{ font-family: FontAwesome; content:"\f105"; font-weight: bold; margin:0 5px 0 5px; color:#00b9dd  } .text-menu-c{ margin: 20px 0 } .container-info-empresa{ margin-bottom:50px } .gal-album .style-button{ position:absolute; bottom:0; left:10px } .gal-album .style-button:link, .gal-album .style-button:visited{ background-color: #f6f6f5 !important; color: #333 !important; box-shadow: none; font-weight: bold; padding: 10px 20px } .gal-album .style-button:hover, .gal-album .style-button:active{ background-color: #00b9dd !important; color: #FFF !important } .link-team .style-button{ padding: 10px 20px } .contact-layer-small .button-layer{ margin-top:50px; text-align:center; width:100% }   @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:15px !important } .logo{ float:none; text-align:center; width:200px; margin: 0 auto; overflow:hidden; height:auto; } .header{ height:auto; } .contact-header{ text-align:center !important; width:50%;float:left; margin:10px 0 0 0; padding-left:10px } .social-header{ width:100%; text-align:center; } .phone-header{ width:100% !important; float:none; text-align:center; margin-top:3px !important; } .fax-header, .mail-header{ margin-top:5px !important } .mail-header{ float:none; text-align: center } .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{ padding: 11% 7% 5% 3%; 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; } .logo{ margin-bottom:15px; } .carousel-indicators { padding-bottom:0px !important; bottom:0px !important; } .carousel-caption{ padding-bottom:20px; } .prefijo{ display:none; } .text-small-news, .text-small-items{ height:auto; } .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; margin-right:0 } .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 } .section{ margin-bottom:40px } .big-location, .big-phone{ line-height:2.0em } .section-we-pp .image-section img{ border: 0px solid #f1f1f1; border-radius:0px } .cont-ficha{ margin-bottom:30px } .img-sect-pp{ padding: 0 } .descripcion-destacada h1{ margin:30px 0 } .banner-free{ font-size:1.5em } .gal-p{ width:100% }   } @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 } footer .pull-right{ float: none; clear: both; width:100% } } @media only screen and (min-width: 560px) and (max-width: 767px){ .image-container{ width:100%; float:none; width:100% }  }  @media only screen and (min-width: 560px) and (max-width: 991px){ .news-section{ width:33% !important; float:left } .block-f{ width:33%; float:left } .image-section{ width:100%; max-width:none; padding: 0 50px 0 50px; text-align:center } .left-banner{ padding: 9.0% 7% 0% 3% } .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 } .left-banner, .icon-ban, .text-ban, .right-banner{ width:100%; float: none } .text-ban, .phone-azul, .banner-small{ text-align:center !important } .left-banner{  padding-right:0; padding-left:0; } .banner-small{ margin-bottom:30px } .banner-free{ padding-bottom:30px }  } @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:45px } .cont-sec .image-section{ max-width:50% } .min-desc-layer{ margin-top:60px; padding-left:30px } .cont-sec-pp .min-desc-layer{ margin-top:50px } .top-image .img-we { padding-left:30px } .top-image .img-we{ box-shadow:none } .top-image .img-we img{ box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1) } .gal-album{ min-height:550px }  }    ?>