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


* {
	margin:0;
	padding:0;
	box-sizing:border-box;
    text-decoration: none;
	list-style: none;

}

a:link { text-decoration: none; }



.FondoPortada   {
	
	background: url(../img/FondoKids.png) 100% 0 no-repeat fixed;
	background-size: cover;
	height: auto;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	z-index: 2;



}

.g1{ 
	
	background-position: left;
	width: 100%;
	height: 200px;
	padding-top: 200px;
	

}

.DadentiKids {
	
	
	width: 500px;
	height: 250px;
	background: url(../img/Dadentikids.png) 100%  no-repeat ;
	background-size: contain;
	margin-left: 100px;
	
}



.Capitan {
	
	
	width: 700px;
	height: 550px;
	background: url(../img/posecapitan.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 50px;
	display: inline-block;
	margin-top: -40px;

	
}


.Texto-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:blue;
	width: 100%;
	padding-left: 300px;
	margin-top: -500px;
	font-size: 35px;

}




.Parrafo-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:#373737;
	width:60%;
	padding-left: 300px;
	margin-top: -400px;
	font-size: 21px;

}

.Parrafo-Capitan p {
	
	height: 22px;

}



.Parrafo2-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:#373737;
	width:60%;
	padding-right: 300px;
	margin-top: 100px;
	font-size: 21px;
	padding-bottom: 120px;

}



.Parrafo2-Capitan p {
	
	height: 22px;

}



.Conde {
	
	width: 500px;
	height: 750px;
	background: url(../img/Conde.gif) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 60%;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: -00px;

	
}

.Bacteria {
	
	width: 500px;
	height: 750px;
	background: url(../img/bacteria1.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 60%;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: -200px;

	
}

.Bacteria2 {
	
	width: 500px;
	height: 750px;
	background: url(../img/bacteria2.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 60%;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: 100px;

	
}

.Capitan2 {
	
	width: 380px;
	height: 750px;
	background: url(../img/Capitan2.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 60%;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: 400px;

	
}

.Tomas {
	
	width: 600px;
	height: 750px;
	background: url(../img/tomas.png) 100%  no-repeat  ;
	background-size: contain;
	margin-: 60%;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: -400px;

	
}

.Doctora {
	
	width: 140px;
	height: 650px;
	background: url(../img/doctora.png) 100%  no-repeat  ;
	background-size: contain;
	position: absolute;
	margin-top: 600px;
	margin-left: 50px;

	
}


.Nina {
	
	width: 80px;
	height: 650px;
	background: url(../img/nina.png) 100%  no-repeat  ;
	background-size: contain;
	position: absolute;
	margin-top: 200px;
	margin-left: 170px;

	
}


.Todos {
	
	width: 500px;
	height: 750px;
	background: url(../img/todos.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 65%;
	display: inline-block;
	position: absolute;
	margin-top: 900px;

	
}



@media (max-width:940px) {

.FondoPortada   {
	
	background: url(../img/FondoKids.png) 100% 0 no-repeat fixed;
	background-size: cover;
	height: auto;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	z-index: 2;



}

.g1{ 
	
	background-position: left;
	width: 100%;
	height: 00px;
	padding-top: 10px;
	

}

.DadentiKids {
	
	
	width: 500px;
	height: 250px;
	background: url(../img/Dadentikids.png) 100%  no-repeat ;
	background-size: contain;
	margin-left: 100px;
	
}



.Capitan {
	
	
	width: 200px;
	height: 250px;
	background: url(../img/posecapitan.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 50px;
	display: inline-block;
	margin-top: -40px;

	
}


.Texto-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:blue;
	width: 100%;
	padding-left: 30px;
	margin-top: -300px;
	font-size: 35px;

}




.Parrafo-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:#373737;
	width:90%;
	padding-left: 100px;
	margin-top: -200px;
	font-size: 21px;

}

.Parrafo-Capitan p {
	
	height: 22px;

}



.Parrafo2-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:#373737;
	width:90%;
	padding-right: 300px;
	margin-top: 100px;
	font-size: 21px;
	padding-bottom: 120px;

}



.Parrafo2-Capitan p {
	
	height: 22px;

}



.Conde {
	
	width: 200px;
	height: 450px;
	background: url(../img/Conde.gif) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 60%;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: -00px;

	
}

.Bacteria {
	
	width: 450px;
	height: 750px;
	background: url(../img/bacteria1.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 40%;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: -200px;

	
}

.Bacteria2 {
	
	width: 350px;
	height: 750px;
	background: url(../img/bacteria2.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 63%;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: 100px;

	
}

.Capitan2 {
	
	width: 180px;
	height: 750px;
	background: url(../img/Capitan2.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 60%;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: 400px;

	
}

.Tomas {
	
	width: 300px;
	height: 650px;
	background: url(../img/tomas.png) 100%  no-repeat  ;
	background-size: contain;
	margin-: 960%;
	display:none;
	padding-top:40px;
	position: absolute;
	margin-top: -400px;

	
}

.Doctora {
	
	width: 140px;
	height: 650px;
	background: url(../img/doctora.png) 100%  no-repeat  ;
	background-size: contain;
	position: absolute;
	margin-top: 600px;
	margin-left: 700px;

	
}


.Nina {
	
	width: 80px;
	height: 650px;
	background: url(../img/nina.png) 100%  no-repeat  ;
	background-size: contain;
	position: absolute;
	margin-top: 200px;
	margin-left: 170px;
	display: none;

	
}


.Todos {
	
	width: 500px;
	height: 750px;
	background: url(../img/todos.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 65%;
	display: none;
	position: absolute;
	margin-top: 900px;

	
}


}



@media (max-width:552px) {

.FondoPortada   {
	
	background: url(../img/FondoKids.png) 100% 0 no-repeat fixed;
	background-size: cover;
	height: auto;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	z-index: 2;



}

.g1{ 
	
	background-position: left;
	width: 100%;
	height: 00px;
	padding-top: 10px;
	

}

.DadentiKids {
	
	
	width: 500px;
	height: 250px;
	background: url(../img/Dadentikids.png) 100%  no-repeat ;
	background-size: contain;
	margin-left: 100px;
	
}



.Capitan {
	
	
	width: 200px;
	height: 250px;
	background: url(../img/posecapitan.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 50px;
	display: inline-block;
	margin-top: -40px;

	
}


.Texto-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:blue;
	width: 100%;
	padding-left: 30px;
	margin-top: -300px;
	font-size: 20px;

}




.Parrafo-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:#373737;
	width:90%;
	padding-left: 100px;
	margin-top: -200px;
	font-size: 14px;

}

.Parrafo-Capitan p {
	
	height: 22px;

}



.Parrafo2-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:#373737;
	width:90%;
	padding-right: 100px;
	margin-top: 100px;
	font-size: 14px;
	padding-bottom: 120px;

}



.Parrafo2-Capitan p {
	
	height: 22px;

}



.Conde {
	
	width: 200px;
	height: 450px;
	background: url(../img/Conde.gif) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 60%;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: -00px;

	
}

.Bacteria {
	
	width: 450px;
	height: 750px;
	background: url(../img/bacteria1.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 190px;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: -200px;
	display: none;

	
}

.Bacteria2 {
	
	width: 350px;
	height: 750px;
	background: url(../img/bacteria2.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 63px;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: 100px;

	
}

.Capitan2 {
	
	width: 180px;
	height: 750px;
	background: url(../img/Capitan2.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 360px;
	display: inline-block;
	padding-top:40px;
	position: absolute;
	margin-top: 400px;

	
}

.Tomas {
	
	width: 300px;
	height: 650px;
	background: url(../img/tomas.png) 100%  no-repeat  ;
	background-size: contain;
	margin-: 960%;
	display:none;
	padding-top:40px;
	position: absolute;
	margin-top: -400px;

	
}

.Doctora {
	
	width: 100px;
	height: 650px;
	background: url(../img/doctora.png) 100%  no-repeat  ;
	background-size: contain;
	position: absolute;
	margin-top: 600px;
	margin-left: 400px;

	
}


.Nina {
	
	width: 80px;
	height: 650px;
	background: url(../img/nina.png) 100%  no-repeat  ;
	background-size: contain;
	position: absolute;
	margin-top: 200px;
	margin-left: 170px;
	display: none;

	
}


.Todos {
	
	width: 500px;
	height: 750px;
	background: url(../img/todos.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 65%;
	display: none;
	position: absolute;
	margin-top: 900px;

	
}


}

@media (max-width:360px) {

.FondoPortada   {
	
	background: url(../img/FondoKids.png) 100% 0 no-repeat fixed;
	background-size: cover;
	height: auto;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	z-index: 2;



}

.g1{ 
	
	background-position: left;
	width: 100%;
	height: 00px;
	padding-top: 10px;
	

}

.DadentiKids {
	
	
	width: 500px;
	height: 250px;
	background: url(../img/Dadentikids.png) 100%  no-repeat ;
	background-size: contain;
	margin-left: 100px;
	
}



.Capitan {
	
	
	width: 200px;
	height: 250px;
	background: url(../img/posecapitan.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 50px;
	display: none;
	margin-top: -40px;

	
}


.Texto-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:blue;
	width: 100%;
	padding-left: 30px;
	margin-top: -300px;
	font-size: 20px;

}




.Parrafo-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:#373737;
	width:90%;
	padding-left: 100px;
	margin-top: -200px;
	font-size: 14px;

}

.Parrafo-Capitan p {
	
	height: 22px;

}



.Parrafo2-Capitan {
	
	font-family: 'Shadows Into Light Two', cursive;
	color:#373737;
	width:90%;
	padding-right: 100px;
	margin-top: 100px;
	font-size: 14px;
	padding-bottom: 120px;

}



.Parrafo2-Capitan p {
	
	height: 22px;

}



.Conde {
	
	width: 200px;
	height: 450px;
	background: url(../img/Conde.gif) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 60%;
	display: none;
	padding-top:40px;
	position: absolute;
	margin-top: -00px;

	
}

.Bacteria {
	
	width: 450px;
	height: 750px;
	background: url(../img/bacteria1.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 190px;
	display: none;
	padding-top:40px;
	position: absolute;
	margin-top: -200px;
	display: none;

	
}

.Bacteria2 {
	
	width: 350px;
	height: 750px;
	background: url(../img/bacteria2.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 63px;
	display: none;
	padding-top:40px;
	position: absolute;
	margin-top: 100px;

	
}

.Capitan2 {
	
	width: 180px;
	height: 750px;
	background: url(../img/Capitan2.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 60px;
	display: none;
	padding-top:40px;
	position: absolute;
	margin-top: 400px;

	
}

.Tomas {
	
	width: 300px;
	height: 650px;
	background: url(../img/tomas.png) 100%  no-repeat  ;
	background-size: contain;
	margin-: 960%;
	display:none;
	padding-top:40px;
	position: absolute;
	margin-top: -400px;

	
}

.Doctora {
	
	width: 100px;
	height: 650px;
	background: url(../img/doctora.png) 100%  no-repeat  ;
	background-size: contain;
	position: absolute;
	margin-top: 600px;
	margin-left: 400px;
	display: none;

	
}


.Nina {
	
	width: 80px;
	height: 650px;
	background: url(../img/nina.png) 100%  no-repeat  ;
	background-size: contain;
	position: absolute;
	margin-top: 200px;
	margin-left: 170px;
	display: none;

	
}


.Todos {
	
	width: 500px;
	height: 750px;
	background: url(../img/todos.png) 100%  no-repeat  ;
	background-size: contain;
	margin-left: 65%;
	display: none;
	position: absolute;
	margin-top: 900px;

	
}


}