/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */
/*                                    BASICOS                                      */
/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */


* {
    box-sizing: border-box;
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

.body{
    margin: 0;
    padding: 0;
    font: normal 100%;
}

#contenedor{
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 1600px;
    min-width: 320px;
    font-size: 12px;
    background-color: #9cd8f7;
    background-image: url(../images/fondo_celeste.jpg);
    background-repeat: no-repeat;
    background-position: center -100px;
}



/*#whatsapp_cel{display: none; position: fixed; bottom: 10px; right: 10px; z-index: 99; height: 100px; width: 100px; font-size: 15px;}

#whatsapp_pc{position: fixed; bottom: 20px; right: 20px; z-index: 99; height: 100px; width: 100px; font-size: 15px;}*/






/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */
/*                                    TIPOGRAFIAS Y TITULOS                                      */
/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */

@font-face{ font-family: GeoSlab-Cn-Regular; src: url(../fonts/GeoSlab703_MdCn_BT.ttf) format("truetype");}
@font-face{ font-family: GeoSlab-Cn-Bold; src: url(../fonts/GeoSlab703_MdCn_BT_Bold.ttf) format("truetype");}

@font-face{ font-family: GeoSlab-Regular; src: url(../fonts/GeoSlab703_Md_BT.ttf) format("truetype");}
@font-face{ font-family: GeoSlab-Bold; src: url(../fonts/GeoSlab703_Md_BT_Bold.ttf) format("truetype");}
@font-face{ font-family: GeoSlab-Bold-Italic; src: url(../fonts/GeoSlab703_Md_BT_Bold_Italic.ttf) format("truetype");}
@font-face{ font-family: GeoSlab-Medium-Italic; src: url(../fonts/GeoSlab703_Md_BT_Medium_Italic.ttf) format("truetype");}
@font-face{ font-family: Minion; src: url(../fonts/The_Minion.ttf) format("truetype");}










/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */
/*                                   ENCABEZADO                                     */
/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */

#encabezado{width: 80%; height: auto; padding-top: 100px; margin: 0 auto;}

#iep{width: 100%; height: auto; font-family: "GeoSlab-Regular", arial; font-size: 334%; color: #0488B8; text-align: center;}

#titulo_principal{width: 100%; height: auto; font-family: "GeoSlab-Bold", arial; font-size: 940%; color: #0488B8; text-align: center; padding-top: 10px;}

#contenedor_marca{width: 100%; height: auto; padding-top: 30px; }

#marca{width: 100%; height: auto; margin: 0 auto; text-align: center;}

#maipu span{padding: 0px 15px;}

#maipu{width: 100%; height: auto; font-family: "GeoSlab-Regular", arial; font-size: 450%; color: #0488B8; text-align: center; padding-top: 50px; text-shadow: -3px -3px 0px #ffffff, 3px -3px 0px #ffffff, -3px 3px 0px #ffffff, 3px 3px 0px #ffffff;}

#ciclo_2018{width: 100%; height: auto; font-family: "GeoSlab-Regular", arial; font-size: 350%; color: #EF7F1A; text-align: center; padding: 50px 0 00px 0; text-shadow: -3px -3px 0px #ffffff, 3px -3px 0px #ffffff, -3px 3px 0px #ffffff, 3px 3px 0px #ffffff;}

#ciclo_2021{width: 100%; height: auto; font-family: "GeoSlab-Regular", arial; font-size: 350%; color: #EF7F1A; text-align: center; padding: 30px 0 180px 0; text-shadow: -3px -3px 0px #ffffff, 3px -3px 0px #ffffff, -3px 3px 0px #ffffff, 3px 3px 0px #ffffff;}


#dge{width: 100%; height: auto; font-family: "GeoSlab-Cn-Bold", arial; font-size: 300%; color: #0488B8; text-align: center; padding: 0 0 16px 0;}

#dge_1024{display: none; width: 100%; height: auto; font-family: "GeoSlab-Cn-Bold", arial; font-size: 300%; color: #0488B8; text-align: center; padding: 0 0 16px 0;}










/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */
/*                                   CUERPO                                     */
/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */


#cuerpo{width: 90%; height: auto; margin: 0 auto 150px auto; background-color: #3DA0CE;}



#contenedor_inscripcion{width: 100%; height: auto; background: url(../images/fondo_inscripcion.jpg) center top repeat-y;}

#inscripcion{width: 54%; height: auto; margin: 0 auto; padding: 20px 0 30px 0;}

#manita{float: left; display: none;}

#inscripciones_abiertas{width: 100%; text-align: center; height: auto; font-family: "Minion", arial; font-size: 432%; color: #ffffff; padding: 0px 0 0 0px;}




#contenedor_foto{width: 100%; height: auto; background-color: #ffffff; border: 1px solid #808080; padding: 15px;}

#foto_frente{width: 100%; height: auto; border: 1px solid #999999; overflow: hidden;}

#foto_frente img{width: 100%; margin-bottom: -5px;}




#familia{width: 100%; height: auto; background: url(../images/gradiente_azul.jpg) repeat-x center top; font-family: "GeoSlab-Bold", arial; font-size: 490%; color: #ffffff; text-align: center; padding: 50px 0; max-height: 200px; margin-bottom: 50px}





#contenedor_fotos{width: 97%; height: auto; margin: 0 auto 50px auto;}

.foto{float: left; width: 48%; height: auto; background-color: #ff6600; padding: 12px; margin: 1%;}

.foto img{width: 100%; height: auto; border: 2px solid #ffffff; margin-bottom: -3px;}





#contenedor_textos{width: 100%; height: auto; margin-bottom: 150px;}

#textos{width: 95%; height: auto; padding: 30px 20px;; background-color: #9CD8F7; border: 2px solid #ffffff; font-family: "GeoSlab-Regular", arial; font-size: 270%; color: #19749E; margin: 0 auto; border-radius: 15px; text-align: center; line-height: 60px;}




#contacto{width: 100%; height: auto; background: url(../images/gradiente_verde.jpg) repeat-x; background-size: contain;}

#telefonos_pc{width: 100%; height: auto; font-family: "GeoSlab-Cn-Bold", arial; font-size: 665%; color: #ffffff; text-align: center; padding: 30px 0 10px 0;}

#telefonos_cel{display: none; width: 100%; height: auto; font-family: "GeoSlab-Cn-Bold", arial; font-size: 665%; color: #ffffff; text-align: center; padding: 30px 0 10px 0;}

#web{width: 100%; height: auto; font-family: "GeoSlab-Cn-Bold", arial; font-size: 500%; text-align: center; padding: 0 0 30px 0;}

#web a:link{text-decoration: none; color: #ffffff;}

#web a:hover{color: #edd521}






/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */
/*                                   PIE                                     */
/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */


#contenedor_pie{width: 100%; height: 1092px; background: url(../images/fondo_pie.jpg) no-repeat center top;}

#pie{width: 100%; height: auto; padding: 0 130px 0 0;}

#marca_mio_piccolo{float: right; width: 100%; height: auto; margin-top: 490px; text-align: right;}

#jardin{float: right; width: 100%; text-align: right; margin: 30px 40px 0 0; font-family: "Minion", arial; font-size: 267%; color: #ffffff; text-shadow: -3px -3px 0px #85a938, 3px -3px 0px #85a938, -3px 3px 0px #85a938, 3px 3px 0px #85a938;}

#nombre_mio_piccolo{float: right; width: 100%; text-align: right; margin: 10px 10px 0 0; font-family: "Minion", arial; font-size: 566%; color: #ffffff; text-shadow: -3px -3px 0px #85a938, 3px -3px 0px #85a938, -3px 3px 0px #85a938, 3px 3px 0px #85a938;}












/* ********************************************************** 1330 **********************************************/

@media screen and (max-width: 1595px){
    
    #ciclo_2018{font-size: 430%;}
    
    #manita img{width: 80%;;}
    #inscripciones_abiertas{font-size: 350%; padding: 17px 0 0 10px;}
    
    #textos{padding: 30px 20px; font-size: 220%; border-radius: 15px; line-height: 45px;}
    
}

/* ********************************************************** 1280 **********************************************/

@media screen and (max-width: 1325px){
    
    #ciclo_2018{font-size: 410%;}
    
    #familia{font-size: 400%;}    
    
    
}

/* ********************************************************** 1024 **********************************************/

@media screen and (max-width: 1270px){
    
    #contenedor{background-position: center -0px;}
    
    #maipu span{display: none;}
    
    #dge{display: none;}
    #dge_1024{display: block;}

    #ciclo_2018{font-size: 300%;  padding: 30px 0 0px 0; }
    #ciclo_2021{font-size: 300%;  padding: 30px 0 60px 0; }
    
    #manita img{width: 70%;;}
    #inscripciones_abiertas{font-size: 270%; padding: 17px 0 0 10px;}
    
    #contenedor_foto{padding: 10px;}
    
    #familia{font-size: 320%;}
    
    #textos{padding: 20px 20px; font-size: 240%; border-radius: 15px; line-height: 40px; text-align: left;}
    
}

/* ********************************************************** 768 ***********************************************/

@media screen and (max-width: 768px){
    
    #inscripcion{width: 73%;}
    
    #familia{font-size: 290%;}
    
    #contenedor_fotos{width: 97%; height: auto; margin: 0 auto 50px auto;;}
    .foto{float: none; width: 100%; padding: 13px; margin: 3% 0;}
    
    #textos{padding: 30px 20px; font-size: 240%; line-height: 40px; text-align: left;}
    
}

/* ********************************************************** 640 ***********************************************/

@media screen and (max-width: 640px){
    
    #encabezado{width: 90%;}
    #maipu img{padding: 0px 15px;}
    #maipu{font-size: 450%;}
    #ciclo_2018{font-size: 400%;}
    
    #inscripcion{width: 87%;}
    
    #familia{padding: 30px 0;}
    
    
    
}

/* ********************************************************** 320 ***********************************************/

@media screen and (max-width: 400px){
    
    #contenedor{background-position: center -250px;}
    
    #encabezado{padding-top: 50px;}
    
    #iep{font-size: 250%;}
    #titulo_principal{font-size: 470%;}
    #marca img{width: 80%;}
    #maipu{font-size: 300%;}
    #ciclo_2018{font-size: 300%;  padding: 30px 0 0px 0; }
    #ciclo_2021{font-size: 300%;  padding: 30px 0 60px 0; }
    
    #dge_1024{font-size: 200%;}
    
    #inscripcion{width: 100%;}
    #manita{display: none;}
    #inscripciones_abiertas{float: none; font-size: 170%; padding: 15px 0px; text-align: center;}
    
    #contenedor_foto{padding: 4px;}
    
    #familia{padding: 20px 0; font-size: 200%; background-size: contain;}
    
    .foto{float: none; width: 100%; padding: 5px; margin: 3% 0;}
    
    #textos{padding: 30px 20px; font-size: 200%; border-radius: 15px; line-height: 30px;}

    #web{width: 100%; font-size: 28px;}

    #telefonos_cel{width: 100%; font-size: 24px;}
    #telefonos_pc{font-size: 40px;}
    
}