body { background-color: #fff; 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;}

.mobile {display: none;}



/*HEADER*/
.menu-btn {display: none;}
.band1 {padding-top: 20px; padding-bottom: 20px; background-color: #fff; z-index: 1; border-bottom: 1px solid #dbdbdb; margin-bottom: 30px;}
.band1 .logo-diderot img {height: 40px; }
.band1 .text h1 {font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase; color: #000; margin: 0px; text-align: center; margin: auto; margin-top: 9px; margin-bottom: 8px; font-size: 22px; }
.band1 .logo-3d img {height: 35px; float: right;}

.artista {margin-top: 40px; position: relative; background-color: #2d3691;}
.artista img {width: 85%;}
.artista .info {background-color: #fff; padding: 30px; padding-top: 40px; padding-bottom: 50px; width: 30%; position: absolute; right: 30px; top: 60px; font-family: 'Montserrat', sans-serif; }
.artista .info h3 {text-transform: uppercase; margin-top: 5px; font-size: 20px; font-weight: 700;}
.artista .info h2 {font-size: 19px;}
.artista .info h2 span {display: block; font-style: italic; font-weight: 400; margin-top: 5px;}
.artista .info p {border-top: 1px solid #b2b2b2; margin-top: 20px; padding-top: 25px; font-size: 16px;}
.artista .info .boton {display: inline-table; background-color: #000; font-size: 13px; font-weight: 300; 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;}

.referencias {background-color: #efefef; padding: 30px; margin-top: -6px; font-family: 'Montserrat', sans-serif; font-size: 14px;}
.referencias h4 {margin-bottom: 20px; width: 90%; line-height: 23px;}
.referencias p { width: 90%;}
.referencias .info {border-left: 1px solid #dbdbdb; padding-left: 30px;}
.referencias h5 {margin-bottom: 20px;}
.referencias ul {margin-bottom: 0px;}
.referencias ul li {display: inline-table; font-weight: 300; margin-bottom: 25px;}
.referencias ul li span {display: table;}
.referencias ul li img {float: left; height: 40px; margin-right: 8px;}
.referencias ul li.cuarto {width: 24%;}
.referencias ul li.medio {width: 48.5%;}

footer { background-color: #efefef; font-size: 12px; color: #5e5e5e; 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) {

.band1 {margin-bottom: 15px;}
.band1 .logo-diderot img {height: 38px;}
.band1 .logo-3d img {height: 32px; margin-top: 4px;}
.band1 .text h1 {margin-bottom: 0px; margin-top: 20px;}

.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;}

}