/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {    margin: 0;    padding: 0;    border: 0;    font-size: 100%;    font: inherit;    vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {    display: block;}body {    line-height: 1;}ol, ul{    list-style: none;}blockquote, q {    quotes: none;}blockquote:before, blockquote:after,q:before, q:after {    content: '';    content: none;}table {    border-collapse: collapse;    border-spacing: 0;}a:link  {     text-decoration:none;     color:white; } a:visited {    text-decoration: none;    color:white;}a:hover {    text-decoration: underline;    color:white;}a:active {    text-decoration: underline;    color:white;}img{    font-family: One;    background-size: 100%;    width: 100%}@font-face {    font-family: One;    src: url("fonts/12 Avenir 45 Book 03173.ttf");    font-size: 12px, 1em;}html{    height: 100%;}body{    min-height: 100%;    background-size: 100%;}/*******************  Background ******************/.img-sec{    background-color: rgb(50, 50, 50);    max-width: 90%;    margin: auto;    font-family: One;    padding-bottom: 5%;}/*******************    footer   ******************/footer{    font-family: Arial;    font-size:  1em;    background-color: black;    width: 100%;    height: auto;    color: white;    text-align: center;    bottom: 0;}.menu-footer, .social-menu, .facebook{    margin-right: 10%;    margin-top: 2%;    margin-bottom: 2%;    vertical-align: top;    display: inline-block;    width: 12%;    text-align: left;}.address{    margin-top: 2%;    text-align: right;    display: inline-block;}.rights{    margin-top: 2%;    color: rgba(255,255,255, .5);    font-size: 0.7em;    text-align: right;} /****************** Menu **********************/.sec-menu{    padding-top: 3%;    max-width: 94%;    margin: auto;}.cont-menu{    margin: auto;}.cont-logo{    display: inline-block;    width: 15%;    padding-right: 5.5%;    vertical-align: middle;}.dark-sec-menu, .light-sec-menu{    font-family: One;    font-size:  1em;    display: inline-block;    text-align: center;    width: 9.5%;    height: 100%;    vertical-align: middle;    margin: 0 auto;}.light-sec-menu{    height: 100%;}.dark-sec-menu{ margin-left: -2%;} .sec-img{    display: block;    margin: auto;    width: 40%;} /******************** Descripción *************/.sec-banos{    padding-top: 7%;    max-width: 94%;    margin: auto;} .sec-main-title{    max-width: 20%;    display: inline-block;    vertical-align: top;}.logo-section{    width: 60%;}.description{    font-family: one;    font-size: 1em;    color: white;    margin-top: 4%;}.galeria{    max-width: 70%;    display: inline-block;    vertical-align: top;    margin-left: 5%}/************ GALERIA **********/.lb-album{    width: 100%;    margin: 0 auto;    font-family: One;}.lb-album li{    float: left;    width: 33.33%;    height: 33.33%;    display: inline-block;}.lb-album li > a:hover {    color: rgb(yellow);    opacity: 1;    filter: alpha(opacity=99); /* internet explorer */    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/}.lb-overlay{    width: 0px;    height: 0px;    position: fixed;    overflow: hidden;    left: 0px;    top: 0px;    padding: 0px;    z-index: 99;    text-align: center;    background: rgb(0,0,0);    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(0,0,0,1) 100%);    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(0,0,0,1)));    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(0,0,0,1) 100%);    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(0,0,0,1) 100%);    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(0,0,0,1) 100%);    background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(0,0,0,1) 100%);}.lb-overlay > div{    position: relative;    color: rgba(27,54,81,0.8);    width: 60%;    height: 100%;    margin: 40px auto 0px auto;    text-shadow: 0px 1px 1px rgba(255,255,255,0.6);}.lb-overlay a.lb-close{    font-family: One;    background: rgba(27,54,81,0.8);    z-index: 1001;    color: #fff;    position: absolute;    vertical-align: middle;    top: 43px;    left: 50%;    font-size: 1em;    line-height: 2em;    text-align: center;    width: 3%;    height: auto;    overflow: hidden;    margin-left: -25px;    opacity: 0;    filter: alpha(opacity=0); /* internet explorer */    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);}.lb-overlay img{    /* height: 100%; For Opera max-height does not seem to work */    height: 100%;    width: auto;    overflow: hidden;    max-width: 100%;    margin: auto;    vertical-align: middle;    position: relative;    opacity: 0;    filter: alpha(opacity=0); /* internet explorer */    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);    box-shadow: 0px 2px 7px rgba(0,0,0,0.2);    -webkit-transition: opacity 0.5s linear;    -moz-transition: opacity 0.5s linear;    -o-transition: opacity 0.5s linear;    -ms-transition: opacity 0.5s linear;    transition: opacity 0.5s linear;}.lb-prev, .lb-next{    text-indent: -9000px;    position: absolute;    top: -32px;    width: 24px;    height: 25px;    left: 50%;    opacity: 0.8;    filter: alpha(opacity=80); /* internet explorer */    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/}.lb-prev:hover, .lb-next:hover{    opacity: 1;    filter: alpha(opacity=99); /* internet explorer */    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/}.lb-prev{    margin-left: -30px;    background: transparent url(img/arrows.png) no-repeat top left;}.lb-next{    margin-left: 6px;    background: transparent url(img/arrows.png) no-repeat top right;}.lb-overlay:target {    width: auto;    height: auto;    bottom: 0px;    right: 0px;    padding: 80px 100px 120px 100px;}.lb-overlay:target img,.lb-overlay:target a.lb-close{    opacity: 1;    filter: alpha(opacity=99); /* internet explorer */    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/}/*     100% Height for Opera as the max-height seems to be ignored, not optimal for large screens     http://bricss.net/post/11230266445/css-hack-to-target-opera */x:-o-prefocus, .lb-overlay img {    height: 100%;}.cuadro{position: relative;}.velo{    opacity: 0.5;}.titulo{    position: absolute;     width: 100%;    text-align: center;    margin-top: -55%;    font-size: 2em;}.cuadro:hover{    opacity: 0.1;}