body { background-color: #efeeee; font-size: 14px; color: #1c1d1e; font-family: 'Open Sans', sans-serif;}
.spacer { clear:both;}
ul { margin-left:0px; padding-left:0px;} ul li { list-style-type:none;}
a:hover {text-decoration: none;}
.cerrar { display: none;}
.animate{-moz-transition: all 0.3s ease-out;  /*FF3.7+*/ -o-transition: all 0.3s ease-out;  /*Opera 10.5*/ -webkit-transition: all 0.3s ease-out;  /*Saf3.2+, Chrome*/ transition: all 0.3s ease-out;}
.f-left {float: left;}
@media (min-width: 992px) { 
.container { width: 970px;}
}

.mobile {display: none;}

/*HEADER*/
.menu-btn {display: none;}
.band1 {padding-top: 25px; padding-bottom: 25px; background-color: #a5ce68; z-index: 1;}
.band1 .american {height: 18px; float: left;}
.band1 .samsung {height: 20px; float: right; }

.content.intro {background-image: url(../img/bg-intro.jpg); padding-top: 40px;}
.col1 {float: left; width: 50%; }
.col2 {float: left; width: 50%; z-index: 5; margin-top: 25px; position: relative; text-align: center;}
.col1 img {width: 100%;}
.col2 img {width: 100%; margin: auto;}
.col2 .tit-1 {width: 65%; margin-top: 40px;}
.col2 .tit-2 {width: 60%; margin-top: 70px;}
.content.intro .link {display: table; margin: auto; margin-top: 30px; border: 1px solid #a5ce68; color: #a5ce68; text-transform: uppercase; padding: 15px; padding-left: 20px; padding-right: 20px; font-size: 14px; font-family: 'Arial', serif; font-weight: 400;}
.content.intro .link:hover {border: 1px solid #fff; color: #fff; }

.frase-1 {width: 88%; color: #fff; font-family: 'Arial', serif; font-weight: 400; font-size: 27px; text-align: center; font-style: italic; margin: auto; margin-top: 60px; margin-bottom: 60px;}
.frase-1 .line {width: 100px; background-color: rgba(255,255,255,0.5); height: 1px; margin: auto; margin-top: 30px; margin-bottom: 30px;}
.frase-2 {width: 88%; font-family: 'Arial', serif; font-weight: 400; font-size: 22px; margin: auto; text-align: center; color: #fff; padding-bottom: 60px; }

.content.artistas .head {background-color: #000; text-transform: uppercase; color: #fff; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 23px; padding-top: 35px; padding-bottom: 35px; margin-top: 0px; margin-bottom: 60px;}
.content.artistas .info {font-family: 'Montserrat', sans-serif; font-size: 15px;}
.content.artistas .info h2 {text-transform: uppercase; font-size: 16px; letter-spacing: 0.06em; font-family: 'Montserrat', sans-serif; color: #a5ce68; margin: 0px; margin-top: 15px; margin-bottom: 15px;}
.content.artistas .info .cita {font-family: 'Tinos', serif; font-weight: 400;  font-style: italic; font-size: 20px;}
.content.artistas .foto figure {margin-bottom: 30px; padding: 20px; background-color: #fff;}
.content.artistas .foto img {width: 100%;}
.content.artistas .line {background-color: #bababa; height: 1px; margin-bottom: 30px; clear: both;}
.content.artistas .vermas {border: 1px solid #ccc; text-transform: uppercase; color: #9e9e9e; font-size: 12px; letter-spacing: 0.05em; padding: 9px; padding-left: 15px; padding-right: 15px; display: table; margin-top: 20px; margin-bottom: 25px;}
.content.artistas .vermas:hover {color: #000;}

.otros-artistas h6 {font-size: 15px;font-family: 'Montserrat', sans-serif; text-transform: uppercase; text-align: center; margin: auto; margin-bottom: 20px;}
.otros-artistas ul {width: 100%; margin: auto; margin-top: 40px; margin-bottom: 40px;}
.otros-artistas ul li {display: inline-table; width: 24.7%; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 24px;}

.botones {padding-top: 20px; padding-bottom: 30px;}
.botones a {display: table; width: 40%; padding: 15px; background-color: #fff; margin: auto; margin-bottom: 15px; text-transform: uppercase; text-align: center; color: #000; font-family: 'Montserrat', sans-serif; }

.lugar {background-color: #fff; color: #000; margin-bottom: 50px;font-family: 'Montserrat', sans-serif; font-size: 15px;}
.lugar img {width: 100%;}
.lugar .foto {float: left; width: 30%;}
.lugar .info {float: left; width: 70%; padding: 80px; padding-top: 60px; padding-bottom: 55px;}
.lugar .info p {margin-bottom: 20px;}
.lugar .info .tit {text-transform: uppercase;}
.lugar .info .recuadro {border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 0px;}
.lugar a {color: #000; text-decoration: underline;}

footer { background-color: #fff; font-size: 13px; color: #ccc; padding-top: 0px; padding-bottom: 20px;}
footer .copy { padding-top: 25px; }
.cont-logo-zurbrand {text-align: right;}
.link-zurbrand {padding-top: 25px; padding-bottom: 25px; opacity: 0.5; display: block; -moz-transition: all 0.3s ease-out;  /*FF3.7+*/ -o-transition: all 0.3s ease-out;  /*Opera 10.5*/ -webkit-transition: all 0.3s ease-out;  /*Saf3.2+, Chrome*/ transition: all 0.3s ease-out;}
.link-zurbrand:hover {opacity: 1;}
.logo-zurbrand {height: 14px;}

@media (max-width: 992px) {
/*header*/
.botones a {width: 50%}
.brand .pixel {position: absolute; left: 9%; height: 40px; top: 24%; width: auto;}

}

@media screen and (max-width: 767px) {

.lugar {padding: 20px;}
.lugar .foto {float: none; width: 100%;}
.lugar .info {float: none; width: 100%; padding: 0px; padding-top: 25px; }
.lugar .info p {margin-bottom: 15px;}
.lugar .info .recuadro {padding-left: 20px; padding-right: 20px;}

.band1 {padding-top: 20px; padding-bottom: 20px;}
.band1 .american {height: 12px;}
.band1 .samsung {height: 12px; }
.content.intro {padding-top: 20px;}


.col1 {float: none; width: 100%; text-align: center;}
.col2 {float: none; width: 100%; margin-top: -80px;}

.col1 img {width: 95%; margin: auto;}
.col2 img {width: 100%; margin: auto;}
.col2 .tit-1 {width: 70%; margin-top: 0px;}
.col2 .tit-2 {width: 70%; margin-top: 40px;}

.brand {margin: auto; margin-top: -23px; width: 100%; float: none; text-align: center;}
.brand img {width: 75%; text-align: center;}
.brand .pixel {position: absolute; left: 11%; height: 38px; top: 24%; width: auto;}
.txt-1, .txt-2 {font-size: 20px; letter-spacing: 0.03em; display: none;}
.txt-1.mobile, .txt-2.mobile {display: inherit; width: 100%; float: none; line-height: 22px;}
.txt-1.mobile {margin-top: 45px;}
.txt-2.mobile {margin-top: 10px;}

.content.artistas .head {padding-top: 25px; padding-bottom: 25px; font-size: 20px; margin-top: 0px; margin-bottom: 40px;}
.content.artistas .info {font-size: 16px;}
.content.artistas .info h2 {font-size: 16px;}
.content.artistas .info .cita {font-size: 18px;}

.botones a {width: 100%}
.content.artistas .line {margin-top: 30px;}
.frase-1 {width: 100%; margin-top: 45px; font-size: 22px;}
.frase-2 {width: 100%; font-size: 18px;}

.otros-artistas ul li {display: table; width:100%; text-align: center;}

footer {padding-bottom: 0px;}

.cont-logo-zurbrand {text-align: center; background-color: #f6f6f6; padding-left: 0px; padding: 0px; margin-top: 20px;}
.link-zurbrand {padding-top: 25px; padding-bottom: 25px;}
.logo-zurbrand {height: 15px;}


}