/* Media Queries para la tableta */
@media only screen and (min-width:720px) and (max-width:1023px){
#centrar_sociales, #centrar_main, #centrar_contacto #centrar_footer {
    width: 720px;
    /*background-color: rgba(210, 146, 222, 0.5);*/
}  
    
header {
    /*height: 320px;*/
	display: block;
}	
   
#desktop {
    width: 680px;
}
	
#desktop li {
    font-size: 14px;
    margin-left: 5%;
}
    
    
.img12 {
    width: 60%;
    height: auto;
    }    
    
	
#contacto {
    height: 150px;
}
    
.boxContacto h3 {
    text-align: center;
    margin-top: 10px;
    margin-left: 0;
}
    
/*.Contact {
    align-items: center;
    justify-items: center;
    text-align: center;
}*/    
    
.boxContacto p {
    position: relative;
	display:block;
	text-align:center;
    margin-left: 0;
}    

/*.contactoSociales {
    justify-content:center;
    margin-right: 0px;
    margin-top: 0px;
}*/
    
.boxFooter {
    height: 50%;
}
    
/*#formDesktop {
    width: 400px;
    margin-right: auto;
    margin-left: auto;
}*/
 

		

}/* Aqui cierra el Meia Querie de tableta */


/**************************************************************************************************
                                        MEDIA QUERIES DE MOBILE
**************************************************************************************************/

@media only screen and (min-width:320px) and (max-width:719px){
    
#centrar_sociales, #centrar_header, #centrar_main, #centrar_cursos, #centrar_contacto #centrar_footer {
    width: 320px;
    /*background-color: rgba(122, 146, 226, 0.5);*/
}	
	    
#desktop {
    display: none;
} 
    
#tablaAliados {
	margin-left:5%;
}    
    
#tablaAliados p {
	font-size:18px;
    padding-left: 0;
}
    
.img12 {
    width: 90%;
    height: auto;
    }    
       
.boxCompromiso h3 {
    padding: 1% 15% 0 15%;
	font-size: 30px;
}

.boxCompromiso p {
    padding: 1% 15% 0 15%;
	font-size: 20px;
} 
        
    
.carousel-item p {
	font-size: 18px;   
}    

#contacto {
    height: 150px;
}
    
.carousel-inner {
    width: 100%;
    height: 350px;
}
    
    
    
    
.item {
        /* En mobile: cada elemento ocupa aproximadamente el 50% del ancho, creando dos columnas (dos filas de dos elementos) */
        flex: 1 1 calc(50% - 10px);
    }
    
    
    
    
    
    
/*.Contact li {
    display:block;
    text-align: center;
    margin-bottom: 10px;
}*/    
    
.boxContacto h3 {
    text-align: center;
    margin-top: 10px;
}    
    
.boxContacto p {
    position: relative;
	display:block;
	text-align:center;
}
    
.icon {
    width: 40px;
    height: auto;
    } 
    
.iconRS {
    width: 30px;
    height: auto;
    }    

.contactoSociales {
    justify-content:center;
    margin-right: 0px;
    margin-top: 0px;
    margin-left: 0;
}
   
    #hamburguesa{
        width: 50px;
        height: 50px;
		background-image: url(../img/iconoHam.png);
		/*background-color: black;
        font-size: 50px;
        color: white;*/
        float: right;
        display: block;
    }
    
    #mobile{
        width: 100%;
        height: 350px;
        list-style: none;
        /*background-color: rgba(0,0,0,0.5);*/
        position: absolute;
        top: 50px;
        z-index: 100;
        display: none;
    }
    
    #mobile li{
        width: 100%;
        height: 50px;
		font-family: 'Montserrat', sans-serif;
        font-size: 14px;
		font-weight: 100;
        text-align: left;
        text-decoration: none;
        color: #000000;
        background-color: rgba(217,217,217,0.95);
        border-bottom: solid 2px white;
        position: relative;
        overflow: hidden; /* mascara */
		padding-left:85px;
		padding-top: 15px;
    }
    
    #mobile li a{
        color: #000000;
        text-decoration: none;
    }
    
    #mobile li:hover #mobile li:focus .figure{
        background-color: darkgray;
        color: black;
        font-size: 18px;
    }
    
    #mobile li:hover .figure #mobile li:focus .figure{
        font-size: 65px;
        color: aqua;
        transform: rotate(25deg);
        top: 2px;
        left: 40px;
        opacity: 0.5;
    }
	

	
	
	
 /* Aqui terminan los Media Queries de Mobile */