@charset "UTF-8";
/* CSS Document */

*{
margin: 0;
padding: 0;
border: none;
outline: none;
}

.slider img {}

.mobile{display: none;}
.desktop{display: block;}


.carousel-control-prev{
	background: red;
}


html{overflow-x: hidden}

body{
	background-image:url("../img/fondo.jpg");
	background-attachment: fixed;
	background-position: top center;
	background-color: #D1056A;
	overflow-x: hidden;
}



#container_mundo{
width: 130px;
margin: 0 auto;
margin-top: 50px;
overflow-x: hidden;
}


#main_mundo{
	width: 1100px;
	margin: 0 auto;
	height: 800px;
	position: relative;
}

#mundo{
	position: relative;
}

#img_mundo{
	position: absolute;
	z-index: -5;
	display: hidden;
	animation-duration: 3.5s;
}


#main_col_1{
	width: 800px;
	height: 800px;
	float: left;
}



#main_col_2{
	width: 1000px;
	height: 800px;
	float: right;
}


#main_col_1 #logo{
    width: 800px;
    height: 400px;
}


#psg{
	height: 220px;
	background: #F8AF00;
	width: 1800px;
	margin: 0 auto;
}




#calendario_mundo{
	background-color: #D1056A;
	height: 1074px;
	width: 1800px;
	margin: 0 auto;
	background-image: url("../img/fondo_azul.jpg");
	background-attachment: fixed;
	position: relative;
}

#carrusel_mundo{
	width: 1800px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 11vw;
}



#pasaporte{
	height: 475px;
}



#w_calendario{
	background-image: url("../img/Pantalla_azul.png");
	height: 600px;
	background-repeat: no-repeat;
}



#sel_01, #sel_02, #sel_03{
	width: 534px;
	height: 143px;
}


#sel_01, #sel_02{
	margin-left: 50px;
}

#sel_03{
	margin-right: 50px;
}



#sel_01, #sel_02{
	float: left;}

#sel_03{float: right;}



#mecanica {
	margin: 100px auto;
}




#estaciones_mundo img{
	margin: 80px auto;
}


#tyc img{
	margin: 70px auto;
}

#bottom{
	height: 110px;
}






footer{font-family:"Montserrat", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"}




/*NUBES*/

#nube_01{
	position: absolute;
	width: 250px;
	height: 100px;
	top: 450px;
	right: 10px;
}

#nube_02{
	position: absolute;
	width: 170px;
	height: 80px;
	top: 140px;
	left: 300px;
}



#nube_03{
	position: absolute;
	width: 210px;
	height: 90px;
	top: 620px;
	right: 100px;
}



#nube_04{
	position: absolute;
	width: 210px;
	height: 90px;
	top: 0;
	left: 300px;
	z-index: -5;
}



#nube_05{
	position: absolute;
	width: 210px;
	height: 90px;
	top: 200px;
	right: 400px;
}



/*NUBES*/



/*SELLOS*/

.sello{
	width: 133px;
	height: 133px;
	margin-top: 10px;
	transition-duration: .2s;
}


.sello:hover{
	margin-top: 0;
}


/*SELLOS*/



/*CLEAR*/

.clear{
	clear: both;
	display: block;
	width: 100%;
}


/*CLEAR*/


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


.float_l{
	float: left;
}

.float_r{
	float: right;
}








/*Footer*/

footer{background-color: #fdcee0;
width: 100%;
height: 5vw;
font-size: 14px;
color: #868686;
	overflow-x: hidden;
}


#f_01, #f_02, #f_03{
	float: left;
	width: 25%;
	text-align: center;
	line-height: 70px;
}


#f_01 a {
	background: #ce1e6f;
	padding: 10px 20px;
	border-radius: 25px;
	color: #fff;
	transition-duration: .2s;
}


#f_01 a:hover{
	background: #ec5ba6;
}


#f_02 a{
	color: #ce1e6f;
}

#f_04{
	float: right;
	width: 25%;
	text-align: center;
	line-height: 70px;
}

footer a{text-decoration: none;}

#balarco{
	color: #E3630E;
}















@media only screen and (min-width: 1000px) and (max-width: 2889px) {
	

	
	
	#container_mundo{
		
		width: 90%;
		margin: 0 auto;}
	
	#main_mundo{
		width: 100%;
		height: auto;}
	
	
	#main_col_1{
		width: 40%;
		float: left;
		margin: 20px auto;
		height: 35vw;}
	
	
	#main_col_1 #logo{
		width: 100%;
		height:  auto;}
	



	#main_col_2{
		width: 60%;
		float: right;
		margin: 0px auto;
		height: 35vw;}


#psg{
	width: 100%;
	height: auto;}

#psg img{
	width: 50%;
	height: auto;}

#calendario_mundo{
	height: 80%;
	min-height: 30vh !important;
	width: 100%;
	margin: 0 auto;
	}

	
		
#w_calendario{
	min-height: 900px;
	max-height: 910px;
	}
	
	#sellos{
		padding-bottom: 00px;
	}

	
	
#pasaporte{height:35vw;}


	#pasaporte img{
		width: 65%;
		margin: 0 auto;
	}

#sel_01, #sel_02, #sel_03{
	width: 534px;
	height: 143px;
	float: none;
	margin: 0 auto;}


	#carrusel_mundo{
		width: 100%;
	}
	
	#mecanica, #tyc img{
		width: 40%;
		margin: 10px auto;
	}
	

	
	
	

	
#fechas img, #d, #main_col_1 #logo img, #main_col_1 #felices img, #mundo img, #estaciones_mundo img{
	width: 90%;
	margin: 0px auto;}

	

	footer{font-size: 12px;
	height: 15vw;
		max-height: 100px;
	}
	
	#f_01, #f_02, #f_03, #f_04{
	width: 25%;
	text-align: center;
	line-height: 70px;
}
	
	
#nube_02, #nube_03{display: none;}	




}







@media only screen and (min-width: 10px) and (max-width: 999px) {
	
.mobile{display: block;}
.desktop{display: none;}
	
	#container_mundo{
		
		width: 100%;
		margin: 0 auto;}
	
	#main_mundo{
		width: 100vw;
		height: auto;}
	
	
	#main_col_1{
		width: 100vw;
		float: none;
		margin: 20px auto;
		height: 90vw;}
	
	
	#main_col_1 #logo{
		width: 100%;
		height:  auto;}
	


#nube_01, #nube_02, #nube_03, #nube_04, #nube_05{display: none;}

	#main_col_2{
		width: 100vw;
		float: none;
		margin: 0px auto;
		height: 80vw;}


#psg{
	width: 100vw;
	height: auto;}

#psg img{
	width: 80%;
	height: auto;}

#calendario_mundo{
	height: 150vw;
	min-height: 900px;
	width: 100%;
	margin: 0 auto;}

	
#pasaporte{height: 50vw;}




#sel_01, #sel_02, #sel_03{
	width: 90%;
	height: auto;
	float: none;
	margin: 0 auto;}


	#carrusel_mundo{
		width: 100%;
	}
	
	#mecanica, #tyc img{
		width: 70%;
		margin: 10px auto;
	}
	
	
	.sello{
	width: 25%;}
	
	.sello img{
		width: 100%;
	}
	
	

	
#pasaporte img, #fechas img, #d, #main_col_1 #logo img, #main_col_1 #felices img, #mundo img, #estaciones_mundo img{
	width: 100%;
	margin: 0px auto;}

	
	footer{
		height: 20vw;
		min-height: 220px;
		padding: 10px;
	}
	
	
#f_01, #f_02, #f_03, #f_04{
	float: none;
	width: 100%;
	text-align: center;
	line-height: 40px;
}

	
#calendario_mundo{
	height: 90%;
	}

	
		
#w_calendario{
	height: 65em;
	}
	
	#sellos{
		padding-bottom: 0px;
	}
	
	
	
}