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; cursor: pointer;}
.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: 15px; padding-bottom: 15px; background-color: #fff; z-index: 1; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px;}
.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: 21px; }
.band1 .logo-3d img {height: 35px; float: right;}

.intro {text-align: center;}
.tit {height: 50px; margin: auto; text-align: center; margin-bottom: 5px;}
.intro p {margin: auto; margin-bottom: 20px;}

.cont-smart {padding-top: 0px;}
.cont-smart	h1 {font-family: 'Montserrat', sans-serif, arial !important; color: #000; font-size: 17px; margin: 0px; margin-bottom: 5px;}
.cont-smart	h2 {font-family: 'Montserrat', sans-serif, arial !important; color: #002b84; font-size: 17px; margin: 0px; margin-bottom: 5px;}
.cont-smart	p {color: #7a7a7a; font-size: 15px; line-height: 21px; width: 90%;font-family: 'Open Sans', sans-serif, arial !important;}
.cont-smart .carousel {margin-top: 20px;}

#slider-artistas {margin-top: 40px;}
#slider-artistas div {}
#slider-artistas .link {display: block; padding-left: 15px; padding-right: 15px;}
#slider-artistas img {width: 100%;}

.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: 35%; position: absolute; right: 30px; top: 60px; font-family: 'Montserrat', sans-serif; }
.artista .info h3 { margin-top: 5px; font-size: 20px; font-weight: 700; font-family: 'Montserrat', sans-serif, arial !important; }
.artista .info h2 {font-size: 19px; font-family: 'Montserrat', sans-serif, arial !important; }
.artista .info h2 span {display: block; font-style: italic; font-weight: 400; margin-top: 5px;}
.artista .info p {border-top: 1px solid #d8d8d8; margin-top: 20px; padding-top: 25px; font-size: 16px;}
.artista .info .boton {display: inline-table; background-color: #fff; border:1px solid #d8d8d8; font-size: 13px; font-weight: 300; text-transform: uppercase; color: #000; margin-right: 10px; padding: 10px; padding-left: 15px; padding-right: 15px; width: 46%;}
.artista .info .boton .fa {float: right; margin-top: 3px;}


#banner-services {margin-top: 30px; margin-bottom: 0px; width: 100%; background-color: #f7f7f7; border: 0px; color: #000!important; padding-top: 25px; padding-bottom: 5px;}
#banner-services a {color: #000;}
#banner-services .banner-service-item {margin: auto; text-align: center; height: auto !important;}
#banner-services .service-icon {display: inline-block; height: 42px !important; float: none; text-align: center;}
	#banner-services .service-icon img {height: 42px; margin-top: -15px;}
#banner-services .service-text {display: inline-block; height: 42px !important; text-align: left;}
	#banner-services .service-text h4 {margin: 0px; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif, Arial !important; font-size: 15px;}
	#banner-services .service-text p {font-family: 'Merriweather', serif; font-size: 13px; font-weight: 300; font-style: italic;}


.cont-promocard {border-top:1px solid #f7f7f7; padding-top: 40px; margin-top: 30px; text-align: center; font-family: 'Open Sans', sans-serif, arial !important;}
.cont-promocard .tit {float: left; width: 28%; text-align: right; padding-right: 3%; font-family: 'Open Sans', sans-serif, arial !important; font-weight: 500; font-size: 17px; margin-bottom: 20px;}
.cont-promocard .foto { float: left; width: 7%;text-align: right;}
	.cont-promocard .foto img { height: 40px;}
.cont-promocard .info {padding-left: 2%; text-align: left; float: left; width: 40%; font-size: 15px;}
.cont-promocard .boton {margin-top: 5px; width: auto; float: left; display: table; padding: 8px; padding-left: 18px; padding-right: 18px; border:1px solid #000; color: #000; font-family: 'Montserrat', sans-serif, arial !important; }

.cont-promocard.pop {margin-top: 0px; padding-top: 35px; padding-bottom: 35px; margin-bottom: 20px; border-top: 0px; border-bottom:1px solid #f7f7f7;}
.condiciones {display: block; font-family: 'Open Sans', sans-serif !important; font-weight: 300 !important; width: auto !important; color: #8e8e8e !important; padding: 0px; margin-top: 5px; margin-bottom: 15px; background-color: transparent !important; text-transform: uppercase; font-size: 11px !important; }
	.condiciones:hover {text-decoration: underline;}


.showroom {border: 1px solid #002b84; padding-top: 40px; padding-bottom: 30px; margin-top: 40px; margin-bottom: 0px;}
.showroom .foto {text-align: right;}
.showroom .foto img {height: 50px; margin-top: 5px; margin-right: 20px;}
.showroom .info {color: #002b84;font-size: 15px; font-family: 'Montserrat', sans-serif, arial;}

.modal-header {border: 0px; margin-bottom: 20px;}
.close {font-size: 31px; padding: 5px !important;}
.close span {display: table;padding: 5px !important;}
.modal-body {text-align: center;}
.modal-body img {width: 80%; text-align: center;}

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; font-size: 20px;}

.cont-smart p {width: 100%;}
.container.principal {padding-left: 0px; padding-right: 0px;}

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

#banner-services {padding-bottom: 5px;}
#banner-services .banner-service-item {text-align: left; width: auto!important; margin-bottom: 10px;}
#banner-services .service-icon {display: inline-block; height: auto !important;width: 20%; text-align: left; vertical-align: top; padding-top: 7px;}
	#banner-services .service-icon img {
    height: 37px;
    margin-top: -11px;
}
#banner-services .service-text {display: inline-block; height: auto !important; text-align: left; width: 75%;}
#banner-services .service-text h4 {margin-bottom: 3px;}

.cont-promocard .tit {float: none; width: auto; text-align: left;}
.cont-promocard .foto {width: 19%; text-align: left;}
.cont-promocard .info {width: 78%; font-size: 14px; padding-left: 5%;}

.showroom {padding: 30px; padding-top: 40px; padding-bottom: 20px; text-align: center;}
.showroom .foto {text-align: center;}
.showroom .foto img {margin: 0px; margin-bottom: 25px;}

.intro p {margin-bottom: 5px;}

.modal-body img {width: 100%; text-align: center;}


footer {margin-top: 40px;}

}