body { background-color: #fff; font-size: 14px; color: #1c1d1e; font-family: 'Montserrat', 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;}

.mobile {display: none;}

.modal.direccion .modal-dialog {margin-top: 50px; width: 550px;}
.modal.direccion .modal-content {border-radius: 0px; box-shadow: none; border: 0px; background-color: #fff;}
.modal.direccion .modal-content .close {opacity: 1; position: absolute; right: -30px; top: 15px; width: 20px;}
.modal.direccion .modal-content .close:hover {opacity: 0.7; background-color: transparent;}
.modal.direccion .modal-content .close img {width: 100%;}
.modal.direccion .modal-content img {width: 100%;}


/*HEADER*/
.menu-btn {display: none;}
.band1 {padding-top: 0px; padding-bottom: 0px; background-color: #fff; z-index: 1; margin-bottom: 30px;}
.band1 .foto {position: relative; height: 450px; background: url(../img/bg-header.jpg); background-size: cover; background-position: right top; background-repeat: no-repeat;}
.band1 .logo {position:absolute; left: 40px; bottom: 70px; }
.band1 .logodiderot {position:absolute; right: 40px; top: 30px; height: 42px; }
.band1 .fecha {position:absolute; right: 40px; bottom: 70px; background-color: #fff; padding: 40px; padding-bottom: 50px; padding-left: 50px; padding-right: 50px; text-align: right;}
.band1 .fecha .tit1 {color: #e23134; text-transform: uppercase;font-size: 13px; letter-spacing: 0.05em; margin-bottom: 10px;}
.band1 .fecha .tit2 {color: #30398e; text-transform: uppercase;font-size: 27px; line-height: 29px; letter-spacing: 0.01em; font-weight: 600;}
.band1 .fecha .tit2 .hora {display: block;}
.band1 .fecha .tit2 .dash {background-color: #e6c1c5; width: 26px; height: 4px; margin-right: 15px; display: inline-table; vertical-align: middle;}
.band1 .logo img {height: 280px;}
.band1 .logo-3d img {height: 35px; float: right;}
.band1 .cont-info {margin-left: 0px; margin-right: 0px;}
.band1 .info {background-color: #193b6b; color: #fff; padding: 40px; padding-top: 50px; padding-bottom: 50px;}
.band1 .info h1 {font-weight: 500; font-size: 19px; line-height: 26px;}
.band1 .info a {color: #fff; text-decoration: underline;}
.band1 .info .txt p {font-size: 19px; font-weight: 300;}
.band1 .info .recuadro {border: 1px solid rgba(255,255,255,0.3); padding: 25px;}
.band1 .info .recuadro a {font-size: 13px; text-decoration: none; padding: 8px; padding-left: 15px; padding-right: 15px; display: table; text-transform: uppercase; color: #fff; border: 1px solid rgba(255,255,255,0.3);}
.band1 .info .recuadro img {width: 80%;}
.band1 .info .recuadro .tit {color: #ffd066; margin-bottom: 5px;}
.band1 .info .recuadro .direccion { font-weight: 300; margin-top: 10px; margin-bottom: 20px;}

.artista {margin-top: 40px; position: relative; background-color: #efefef;}
.artista img {width: 72%;}
.artista .info {background-color: rgba(48,50,55,0.9);  padding: 30px; padding-top: 40px; padding-bottom: 50px; width: 30%; position: absolute; right: 30px; top: 100px; font-family: 'Montserrat', sans-serif; }
.artista .info h3 {text-transform: uppercase; margin-top: 5px; font-size: 20px; line-height: 24px; width: 90%; font-weight: 400 !important; color: #eabf50;}
.artista .info h2 {font-size: 19px;}
.artista .info h2 span {display: block; font-style: italic; font-weight: 400; margin-top: 5px;}
.artista .info p {padding-top: 0px; font-size: 16px; color: #fff;}
.artista .info .boton {display: inline-table; background-color: transparent; border: 1px solid rgba(255,255,255,0.9); font-size: 13px; font-weight: 300; margin-top: 20px; text-transform: uppercase; color: #fff; margin-right: 10px; padding: 10px; padding-left: 15px; padding-right: 15px; width: 46%;}
.artista .info .boton .fa {float: right; margin-top: 3px;}


footer { background-color: #fff; border-top: 1px solid #efefef; font-size: 12px; color: #7f7f7f; padding-top: 20px; padding-bottom: 20px; margin-top: 80px;}


@media (max-width: 1200px) {

.artista .info {width: 40%; top:35px;}

}

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

.modal.direccion .modal-dialog {width: 95%;}
.modal.direccion .modal-content .close {opacity: 1; position: absolute; right: 15px; top: -35px; width: 20px;}
.modal.video .modal-dialog, #tourModal .modal-dialog {width: 95%; margin-top: 56%;}

.band1 .logodiderot {height: 28px; right: 20px;}

.band1 .foto {height: 300px;background: url(../img/bg-header-mobile.jpg); background-size: cover; background-position: right top; background-size: 150%;}
.band1 .logo {left: 20px; bottom: 50px;}
.band1 .logo img {height: 185px;}
.band1 .fecha {right: 20px; width: 40%; padding: 15px; bottom: 50px;}
.band1 .fecha .tit1 {font-size: 14px;}
.band1 .fecha .tit2 {font-size: 14px; line-height: 18px;}
.band1 .fecha .tit2 .dash {height: 2px; width: 15px;}

.band1 {margin-bottom: 15px; }
.band1 .container {padding: 0px;}
.band1 .logo-diderot img {height: 38px;}
.band1 .logo-3d img {height: 32px; margin-top: 4px;}
.band1 .info h1 {font-size: 18px;}

.band1 .info {padding: 30px; padding-left: 20px; padding-right: 20px;}
.band1 .info .recuadro {margin-top: 30px;}

.artista img {width: 100%;}
.artista .info {position: relative; right: inherit; width: 90%; margin-left: 16px; top: -20px; padding-top: 30px; padding-bottom: 20px;}
.artista .info .boton {width: 100%; margin: 0px; margin-bottom: 15px; padding: 15px; font-size: 15px;}

.referencias { padding-left: 20px; padding-right: 20px; padding-bottom: 10px;}
.referencias h4 {width: 70%; margin-bottom: 9px; margin-top: 0px;}
.referencias p {margin-bottom: 25px;}
.referencias .info {border-left: 0px; border-top: 1px solid #dbdbdb; padding-top: 15px; padding-left: 15px;}
.referencias ul li.cuarto {width: 49%;}
.referencias ul li.medio {width: 100%;}
.referencias ul li img {height: 38px;}

footer {margin-top: 40px;}

}