*{padding: 0;margin:0;}
body{font-family: 'Open Sans', sans-serif;}
a{text-decoration: none;}



.ancho-total{width: 100%;}
.ancho-ochenta{width: 80%}
.color-black{color:black;}
.color-white{color:white;}
.color-gray{color:gray;}
.color-blue{color:#00b6f2;}
.bg-black{background-color: black;}
.bg-white{background-color: white;}
.bg-gray-dark{background-color:#2d2d2d;}
.bg-back2{background-image: url(../img/back2.jpg); background-attachment: fixed;}
.bg-gray{background-color:gray;}
.inline-middle{display: inline-block; vertical-align: middle;}
.inline-top{display: inline-block; vertical-align: top;}
.margin-auto{margin: auto;}



.light{font-weight: 300}
.normal{font-weight: 400}
.bold{font-weight: 600}
.ultra-bold{font-weight: 700}
.dj-content{font-size: 80%;}
.nav-text{ font-size: 90%}
.text{ font-size: 100%}
.subtitle{font-size: 110%}
.title{font-size: 120%}
.big-title{font-size: 150%;}
.ultra-title{font-size: 250%;}
.text-center{text-align: center;}
.text-justify{text-align: justify;}
.text-left{text-align: left;}

.separador{width:100%; height: 2px; background-color: black;}


.youtube{height: 450px;}

li{margin-left: 5px; padding: 8px;}
li a {color:white; line-height:60px;}
li a:hover {color:orange; transition:1s;}
.logo-nav{width: 100px;}
.nav_fix{position: fixed; top:0;left:0; }


.btn{width:220px; 
	height:50px; 
	margin:auto; 
	line-height:50px;
	border-radius: 50px;
	color: white;
	border: 2px solid white;
}
.margin-bottom{margin-bottom: 10px;}
.padding{padding:30px 0px}
.padding-bottom{padding-bottom: 150px;}
.btn:hover{background-color: orange; border: 2px solid orange; color:black; transition:1s; cursor:pointer;}
.img-footer{width: 600px; padding: 10px;}
.img-palacio{width: 130px; padding: 10px;}
.footer{ width:100%;text-align: center; background-color:black; position: fixed; bottom: 0px;}


.float-right{float: right; margin:25px 15px;}



.elenco{width: 260px; height: 260px; overflow: hidden; border-radius: 50%; margin: 5px 10px;}
.elenco>img{width: 100%;transition:1s;}
.elenco>img:hover{width:110%;}
.texto-elenco{font-size: 150%;}



@media screen and (max-width: 900px) {
.contenedor-djs{width: 45%;}
.dj{height: 300px;}
}


@media screen and (max-width: 640px) {
.contenedor-djs{width: 90%;}
.dj{height: 300px;}
.elenco{width: 45%; overflow: hidden;}
.red{display: none;}


.elenco{width: 130px; height: 130px; overflow: hidden; border-radius: 50%; margin: 5px 10px;}
.elenco>img{width: 100%;transition:1s;}
.elenco>img:hover{width:110%;}
.img-footer{display: none;}
.texto-elenco{font-size: 80%;}
.youtube{height: 250px;}

}