/*Crea tu propio fondo*/
.bg-ZF{
	background: #BBD2C5;  
	background: -webkit-linear-gradient(to right, #292E49, #536976, #BBD2C5);
	background: linear-gradient(to right, #292E49, #536976, #BBD2C5);
}



/*Crea tu propio fondo para tarjetas flotantes*/
.card.card-background.card-background-mask-ZF:before {
  	background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-ZF:after {
  	background: #654ea3;  
	background: -webkit-linear-gradient(to right, #eaafc8, #654ea3);  
	background: linear-gradient(to right, #eaafc8, #654ea3); 
  	opacity: .85;
}


/*Agrega CSS presonalizados*/
.imgLogo{
	width: 50px;
	height: auto;
}

.layout{
	background-color: rgba(0, 0, 0, 0.3);
}

.tituloIntro{
	background-color: #246B54;
	text-align: center;
	border-radius: 35px;
}

.textIntro{
	font-size: 40px !important;
	color: white; 
}


.imgIntro{
	width: 95%;
	height: auto;
	border-radius: 20px;
}

.centraImg{
	display: block;
	margin: 0auto 0 auto;
}

.txtIntro{
	font-size: 18px;
	text-align: justify;
	color: white;
}

.tituloGal{
	background-color: #5C1306;
	text-align: center;
	border-radius: 10px;
}

.textoGal{
	font-size: 40;
	color: white;
}

.tituloBlog{
	background-color: plum;
	text-align: center;
	border-radius: 35px;
}

.textoTblog{
	font-size: 40px;
	color: white;
}

.tituloSponsor{
	background-color: plum;
	text-align: center;
	border-radius: 35px;
}

.textoSponsor{
	font-size: 40px;
	color: white;
}

.star{
	color: #FFC824;
}

.piLogo{
	width: auto;
	height: 50px;
}

.stLogo{
	width: auto;
	height: 50px;
}

.osLogo{
	width: auto;
	height: 50px;
}

.utLogo{
	width: auto;
	height: 50px;
}

.fbLogo{
	color: #1877F2;
}

.twLogo{
	color: #1DA1F2;
}

.whLogo{
	color: #128C7E;
}

.pinLogo{
	color: #E60023;
}

.inLogo{
	color: #FCAF45;
}

.layoutNav{
	background-color: rgba(0, 0, 0, 0.7);
}

.txtColor{
	color: black;
}

.textoCentro{
	align-items: center;
}

/*Un Verano Sin Ti*/

.layoutAl{
	background-color: #8a0e0e;
	border-radius: 25px;
}

.titulointroAl{
	background-color: #FF7A00 ;
	text-align: center;
	border-radius: 35px;
}

.titulointrodosAl{
	color: black !important;
	font-size: 40px;
}

.textointroAl{
	font-size: 20px;
}

.textotablaAl{
	color: black;
	font-size: 20px;
}

.grammys{
	width: 600px;
	height: auto;
	border-radius: 35px;
}

.columnasAl{
	border-radius: 35px;
}

.titulocancionesAl{
	color: #365237;
	font-size: 40px;
}

/*YHLQMDLG*/

.TextPrincipalJ{
	background: rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	border-radius: 10px;
}

.tituloIntro2J{
	background-color: #11134F;
	color: white !important;
	text-align: center;
	border-radius: 35px;
	font-size: 40px !important;
}

.txtIntroJ{
	font-size: 18px;
	color: white !important;
	text-align: justify;
}

.tituloIntro4J{
	background-color: #B81818;
	color: white !important;
	text-align: center;
	border-radius: 35px;
	font-size: 40px !important;
}

.videos{
	width: 100%;
	height: auto;
}

.tituloIntro3J{
	background-color: #DB7E00;
	color: white !important;
	text-align: center;
	border-radius: 35px;
	font-size: 40px !important;
}

/*El último tour del mundo*/


.tituloC{
	background-color: rgba(0, 0, 0, 0.3);
	color: white !important;
	text-align: center;
	border-radius: 40px !important;
	font-size: 10;

}

.textoC{
	background-color: rgba(0, 0, 0, 0.3);
	color: white !important;
	text-align: center;
	border-radius: 35px !important;
}

.tituloIntroC{
	background-color: #003973;
	color: white !important;
	text-align: center;
	border-radius: 35px !important;
}


.primerTextoC{
	font-size: 23px;
	color:black;
}


.segundoTextoC{
 font-size: 25px;
 color: white;
 border-radius: 35px !important;
 background-color: ;
}

.textoDentroC{
	color: black;
}

.tercerTextoC{
	font-size: 22px;
	color:#913f10;
	
}


.titulo2C{
	background-color: #a63212;
	color: white !important;
	text-align: center;
	border-radius: 35px !important;
}

.textoFueraC{
	color: #913f10;
	font-size: 22px;
	border-radius: 35px;
background-color: #dbb097;
}

.titulo3C{
background-color:#3d1904;
	color: #d1c5be;
	text-align: center;
	border-radius: 35px !important;
	
}


/*DtMF*/

.textIniAn{
	background-color: rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	border-radius: 10px;
}

.tarjalbAn{
	box-shadow: 0 8px 20px rgba(0,0,0,.18);
	border: 1px solid #D6D2C8;
}

.txtIntroAn{
	font-size: 20px;
	text-align: justify;
	color: #3B2E2A;
}

.textIntroAn{
	font-size: 46px !important;
	color: #5E7C5A !important;
}

.imgintro{
	width: 80%;
	height: auto;
	border-radius: 20px;

.texttarjAn{
	font-size: 26px;
}

.tituloViAn{
	background-color: #E8D6BF !important;
	text-align: center !important;
	border-radius: 35px !important;

}

.textViAn{
	color: #5E7C5A;
}










/*Responisvo*/

@media only screen and (min-device-width: 1401px), (min-width: 1401px){
  
}

@media only screen and (min-device-width: 1201px) and (max-device-width: 1400px), (min-width: 1201px) and (max-width: 1400px){

}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px), (min-width: 1025px) and (max-width: 1200px){
  
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px), (min-width: 769px) and (max-width: 1024px){

}

@media only screen and (min-device-width: 481px) and (max-device-width: 768px), (min-width: 481px) and (max-width: 768px){
  
}

@media only screen and (min-device-width: 300px) and (max-device-width: 480px), (min-width: 300px) and (max-width: 480px){
  
}