*{
	padding: 0px;
	margin: 0px;

}

a, a:hover, a:visited{
	text-decoration: none;
}

html,body{
	height: 100%;
	background-color: black;
}


.parallax{position:relative;
	margin:0px auto;
	width:100%;
	background-attachment:fixed;	
	background-size:cover}

.ticket{
	width: 250px;
	height: 50px;
	background-color: #ffbb00;
	padding: 10px;
	border-radius: 5px;
	text-decoration: none;
	border: 0;
}

.ticket:hover, .ticket:active, .ticket:visited{
	color:#754b01;
	text-decoration: none;
}

.bg-3{background-image:url(../img/fondo3.jpg)}
.bg-4{background-image:url(../img/landscape2.jpg)}

.sprite {
	background:#000 url(../img/imagen.jpg) repeat-y; 
	background-size: cover;
}
.sprite2{
	background-image:url(../img/fondo4.jpg);
	background-size: cover;
}



#imagenHeader{
	max-width: 100%;
}	
.logo-red{
  width: 40%;
}
.logo-marca{
	width:40%;
}
.info{
	background-color: rgba(0,0,0,0.5);
	padding-bottom: 50px;
}







/*-----ANCHOS------*/
.ancho-total{
	width: 100%;
}
.ancho-80{
	width: 80%;
}
.ancho-90{
	width: 90%;
}
/*-----ALTOS------*/

.alto-total{
	height: 100%;
}
.alto-70{
	height: 90%;
}
.alto-373px{
	height: 373px;
}
.alto-550px{
	height: 550px;
}




/**--------------------------PADDINGS----------------------**/
/**--------------------------PADDINGS----------------------**/


.padding-5{
	padding: 5%;
}
.padding-3{
	padding: 3%;
}


/**--------------------------PADDINGS----------------------**/
/**--------------------------PADDINGS----------------------**/







/**-------------------------PADDING TOP-----------------**/
/**-------------------------PADDING TOP-----------------**/
.padding-top-80{
	padding-top: 80%;
}
.padding-top-60{
	padding-top: 60%;
}
.padding-top-40{
	padding-top: 40%;
}
.padding-top-20{
	padding-top: 20%;
}
.padding-top-15{
	padding-top: 15%;
}
.padding-top-10{
	padding-top: 10%;
}
.padding-top-5{
	padding-top: 5%;
}
.padding-top-3{
	padding-top: 3%;
}
.padding-top-15px{
	padding-top: 15px;
}
.padding-top-30px{
	padding-top: 30px;
}
.padding-top-50px{
	padding-top: 50px;
}
.padding-top-3px{
	padding-top: 3px;
}

.padding-top-100px{
	padding-top:100px;
}
/**-------------------------PADDING TOP-----------------**/
/**-------------------------PADDING TOP-----------------**/




/**----------------------PADDING BOTTOM----------------**/
/**----------------------PADDING BOTTOM----------------**/
.padding-bottom-80{
	padding-bottom: 80%;
}
.padding-bottom-60{
	padding-bottom: 60%;
}
.padding-bottom-40{
	padding-bottom: 40%;
}
.padding-bottom-20{
	padding-bottom: 20%;
}
.padding-bottom-10{
	padding-bottom: 10%;
}
.padding-bottom-5{
	padding-bottom: 5%;
}
.padding-bottom-3{
	padding-bottom: 3%
}	
.padding-bottom-15px{
	padding-bottom: 15px;
}
.padding-bottom-3px{
	padding-bottom: 3px;
}
/**----------------------PADDING BOTTOM----------------**/
/**----------------------PADDING BOTTOM----------------**/





/**---------------------PADDING LEFT-----------------**/
/**---------------------PADDING LEFT-----------------**/	
.padding-left-40px{
	padding-left: 40px;
}
/**---------------------PADDING LEFT-----------------**/
/**---------------------PADDING LEFT-----------------**/




.margin-left-40px{
	margin-left: 40px;
}






/**---------------------MARGIN-----------------**/
/**---------------------MARGIN-----------------**/

.margin-auto{
	margin: auto;
}
.margin-5px{
	margin: 5px;
}

.margin-10px{
	margin: 10px;

}

.margin-5{
	margin: 5%;
}


/**---------------------MARGIN-----------------**/
/**---------------------MARGIN-----------------**/




.margin-auto{
	margin: auto;
}

/**----MARGIN TOP------**/
.margin-top-80{
	margin-top: 80%;
}
.margin-top-60{
	margin-top: 60%;
}
.margin-top-40{
	margin-top: 40%;
}
.margin-top-20{
	margin-top: 20%;
}
.margin-top-10{
	margin-top: 10%;
}
.margin-top-5{
	margin-top: 5%;}

.margin-top-3{
	margin-top: 3%;	
}
.margin-top-nav{
	margin-top:50px;
}
.margin-top-3px{
	margin-top:3px;
}



/**----MARGIN BOTTOM------**/
.margin-bottom-80{
	margin-bottom: 80%;
}
.margin-bottom-60{
	margin-bottom: 60%;
}
.margin-bottom-40{
	margin-bottom: 40%;
}
.margin-bottom-20{
	margin-bottom: 20%;
}
.margin-bottom-10{
	margin-bottom: 10%;
}
.margin-bottom-5{
	margin-bottom: 5%;}

.margin-bottom-3{
	margin-bottom: 3%;	}

/*--------BACKGROUNDS----------*/

.bg-black{
	background-color: #000;
}

.bg-gray{
	background-color: #565656;
}
.bg-white{
	background-color: #FFF;
}
.bg-blue{
	background-color: #009cff;
}
.bg-yellow{
	background-color: #ffbb00;
}
.bg-orange{
	background-color: #ff8a00;
}
.bg-red{
	background-color: #ff0000;
}
.bg-pink{
	background-color: #ffc0cb;
}
.bg-green{
	background-color: #008000;
}
.bg-coral{
	background-color: #ff7f50;
}
.bg-gray-dark{
	background-color: #323131;
}








/*-----------------------COLOR------------------------*/
/*-----------------------COLOR------------------------*/
.color-black{
	color: #000;
}
.color-gray{
	color: #565656;
}
.color-white{
	color: #FFF;
}

.color-purple{
	color: #d97eff;
}
.color-blue{
	color: #009cff;
}
.color-yellow{
	color: #ffbb00;
}
.color-orange{
	color: #ff8a00;
}
.color-red{
	color: #ff0000;
}
.color-pink{
	color: #ffc0cb;
}
.color-green{
	color: #008000;
}
.color-coral{
	color: #ff7f50;
}

.color-brown{
	color: #481709;
}
/*-----------------------COLOR------------------------*/
/*-----------------------COLOR------------------------*/




/*----------FAMILIAS TIPOGRAFICAS-------*/
/*----------FAMILIAS TIPOGRAFICAS-------*/
.titillium{
	font-family: 'Titillium Web', sans-serif;
}
.montserrat{
	font-family: 'Montserrat', sans-serif;
}
/*----------FAMILIAS TIPOGRAFICAS-------*/
/*----------FAMILIAS TIPOGRAFICAS-------*/






/*--------TAMAÑOS TIPOGRAFICOS------------*/
/*--------TAMAÑOS TIPOGRAFICOS------------*/
.great-title{
	font-size: 4em;
}
.big-title{
	font-size: 3em;
}
.title{
	font-size: 2em;
}

.medium-title{
	font-size: 1.5em;
}

.little-title{
	font-size: 1em;
}

.subtitle{
	font-size: .8em;
}
/*--------TAMAÑOS TIPOGRAFICOS------------*/
/*--------TAMAÑOS TIPOGRAFICOS------------*/








/*------------PESOS TIPOGRAFICOS------------*/
/*------------PESOS TIPOGRAFICOS------------*/

.bold{
	font-weight: 700;
}
.normal{
	font-weight: 400;
}
.thin{
	font-weight: 100;
}

/*------------PESOS TIPOGRAFICOS------------*/
/*------------PESOS TIPOGRAFICOS------------*/


.position-relative{
	position: relative;
	left: 0%;
	right: 0%;

}





.inline{
	display: inline-block;
}
.hr{
	width: 100%;
	height: 1px;
}
.social-likes{
	margin: 5px;
}


/*+++++++++++++++++SECCION TRES++++++++++++++++++*/
/*+++++++++++++++++SECCION TRES++++++++++++++++++*/
/*+++++++++++++++++SECCION TRES++++++++++++++++++*/
/*+++++++++++++++++SECCION TRES++++++++++++++++++*/
.multimedia{
	width: 33%;
	height: 300px;
	display: inline-block;
	margin: auto;
	vertical-align: top;

}

.cuadro1{
	background-image: url(../img/multimedia1.jpg);
}
.cuadro2{
	background-image: url(../img/multimedia2.jpg);
}
.cuadro3{
	background-image: url(../img/multimedia3.jpg);
}
.multimedia-parrafo{
	position: relative;
	top: 75%;
	padding: 0px 10px 0px 10px;
	width: 90%;
	text-align: left;
}

.multimedia:hover{
	opacity: .7;
	transition:1s;
}














/*+++++++++++++++++SECCION TRES++++++++++++++++++*/
/*+++++++++++++++++SECCION TRES++++++++++++++++++*/
/*+++++++++++++++++SECCION TRES++++++++++++++++++*/
/*+++++++++++++++++SECCION TRES++++++++++++++++++*/






@media only screen and (min-width: 1920px) {


.alto-20{
	height: 20%;
}
.alto-600px{
	height: 600px;
}

.alto-299px{
	height: 400px;
}


.alto-700px{
	height: 900px;
}


.alto-650px{
	height: 836px;
}
.alto-total{
	height: 100%;
}

}/*1920*/



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


.alto-slide{
	height: 350px;
}

.logo{
	left: 32%;
	width: 240px;
}
.arrows .prev , .arrows .next{
    top: 65%;
}






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


.tigres{
	width: 80%;
	padding-top: 20%;
}

.margin-top-5{
	margin-top: 10%;}




}





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


.alto-550px{
	height: 350px;
}


.logo-red{
  width: 90%;
}

.alto-70{
	height: 350px;
}

.alto-373px{
	height: 200px;
}

.padding-top-100px{
	padding-top:50px;
}

.logo-marca{
	width:80%;
}

.big-title{
	font-size: 2em;
}
.title{
	font-size: 1em;
}
.medium-title{
	font-size: 1em;
}


.multimedia{
	width: 100%;
	height:200px;

}




}/*460*/