@charset "utf-8";
*{
	margin:0;
	padding:0;

}


body {
	font: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	width: 100%;
	
	}


a img { /* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando está rodeada por un vínculo */
	border: none;
}


/* ~~ este contenedor de anchura fija rodea a las demás divs ~~ */
.contenedor {
	width: 97%;
	max-width:99%;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	background-color: #FFF;
	color:#333333;
	overflow:hidden; /* elimina los excedentes que puedan quedar afuera del contenedor */
	}

/* lista de menu header */
.header{
	padding: 0%;
	
		}
		
.header .nav{
	background-color: #528fd5;
	overflow:hidden;
	background-image: url(../images/header/fondoNav.png);	
}	
header nav ul{
list-style:none;
}
header nav ul li {
float:right;
}
header nav ul li a{
padding:10px 20px;
display:block;
color:#fff;
text-decoration:none;
font-size: 16px;
}
header nav ul li a:hover{
	background:#75acec;
		/*para Firefox*/
-moz-border-radius: 10px 10px 10px 10px;
	/*para Safari y Chrome*/
-webkit-border-radius: 10px 10px 10px 10px;
	/* para Opera */
border-radius: 10px 10px 10px 10px;
	/* para IE */
behavior:url(border.htc);
	
}



/* FIN lista de menu header */



/*deargentina*/
.deargentina{
display:inline-block;
margin:auto;
display: block;
} 

.deargentina img{
width:95%;
}
/*FIN deargentina*/

/*logo*/
.logo{
width:20%;
display:inline-block;
box-sizing:border-box;
} 
/*FIN logo*/

/*animacion*/
.aniHeader{
width:38%;
display:inline-block;
box-sizing:border-box;
} 
/*FIN animacion*/

/*Testimonios*/
.testimonios{
width:20%;
padding:1%;
display:inline-block;
box-sizing:border-box;
} 
/*FIN Testimonios*/

/*Loguin*/
.loguin{
width:20%;
display:inline-block;
box-sizing:border-box;
} 

.loguin img{
width:80%;
box-sizing:border-box;
} 



.textLoguin{
margin:auto;
display:block;
}

/*FIN Loguin*/

/*FIN TestimoniosMovil*/
.testimoniosMovil{
	background: #666666;
	display:inline-block;
	box-sizing:border-box;
}
/*FIN TestimoniosMovil*/

.sidebar {
	width: 30%;
	padding:2% 2%;
	display:inline-block;
	text-align:center;
	background-color: #528fd5;
	color:#fff;
	box-sizing:border-box;
}
.sidebar a{
padding:5px 10px;
display:block;
color:#fff;
text-decoration:none;
font-size: 16px;
box-sizing:border-box;	
	
}
.sidebar a:hover{
	text-decoration:none;
	background:#75acec;	
	/*para Firefox*/
-moz-border-radius: 10px 10px 10px 10px;
	/*para Safari y Chrome*/
-webkit-border-radius: 10px 10px 10px 10px;
	/* para Opera */
border-radius: 10px 10px 10px 10px;
	/* para IE */
behavior:url(border.htc);
	
}

.loguinSidebar{
	background: #FFFFFF;
	width: 90%;
	padding:2%;
	font-size:36px;
	display:inline-block;
	box-sizing:border-box;
}

.sidebarContacto {
	margin:2% 2% 3% 3%;
	display:block;
	color:#666666;
	text-decoration:none;
	font-size: 14px;
	box-sizing:border-box;
	/*para Firefox*/
-moz-border-radius: 10px 10px 10px 10px;
	/*para Safari y Chrome*/
-webkit-border-radius: 10px 10px 10px 10px;
	/* para Opera */
border-radius: 10px 10px 10px 10px;
	/* para IE */
behavior:url(border.htc);
	background-color: #66CCCC;
		}
.campoRedondoSidebarContacto {
	/*para Firefox*/
-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
-webkit-border-radius: 8px 8px 8px 8px;
	/* para Opera */
border-radius: 8px 8px 8px 8px;
	/* para IE */
behavior:url(border.htc);
padding: 2% 2% 2% 2%;
margin: 2% 2% 2% 2%;
width: 95%;
display: inline-block;
	}
	
.social{
	background: #FFFFFF;
	width: 100%;
	padding:2%;
	display:inline-block;
	box-sizing:border-box;
}

.main {
	width: 70%;
	padding:2%;
	float:right;
	display:inline-block;
	box-sizing:border-box;	
}


.main .articles {
whidt:68.5%;
margin-right:1,5%;
float:left;
}
.main .articles .article{
padding:2%;
background:#fff;
margin-bottom:2%;
text-align:inherit;
}

.article_imagen{
padding:2%;
float:left;
}

.article_encabezado{
padding:2%;
float: right;
}

textoGris{
	color: #666666;
}

/* ~~ El pie de página ~~ */

.footer {
	width: 100%;
	padding:0%;
	line-height:-1px;
	max-width:98%; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	background-color:#000;
	color:#fff;
	text-align:center;
	overflow:hidden; /* elimina los excedentes que puedan quedar afuera del contenedor */
	margin: auto;
	display:block;
	box-sizing:border-box;	
}

.footerTelefono {
	width: 30%;
	padding:2% 2% 2% 2%;
	margin: 3px;
	line-height:1%;
	max-width:98%; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	background-color:#000;
	color:#fff;
	text-align:center;
	overflow:hidden; /* elimina los excedentes que puedan quedar afuera del contenedor */
	display: inline-block;
	box-sizing:border-box;
	vertical-align: middle;
}

.footerTelefono a {
	color:#fff;	
}

.footerDomicilio {
	width: 100%;
	padding:2% 2% 2% 2%;
	line-height:150%;
	max-width:98%; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	background-color:#000;
	color:#fff;
	text-align:center;
	overflow:hidden; /* elimina los excedentes que puedan quedar afuera del contenedor */
	margin: auto;
	display:block;
	box-sizing:border-box;	
}
.footerCopyRicth {
	width: 100%;
	padding:2% 2% 2% 2%;
	line-height:auto;
	max-width:98%; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	background-color:#000;
	color:#fff;
	text-align:center;
	overflow:hidden; /* elimina los excedentes que puedan quedar afuera del contenedor */
	margin: auto;
	display:block;
	box-sizing:border-box;	
}

 .formularios {
	/*para Firefox*/
-moz-border-radius: 5px 5px 5px 5px;
	/*para Safari y Chrome*/
-webkit-border-radius: 5px 5px 5px 5px;
	/* para Opera */
border-radius: 5px 5px 5px 5px;
	/* para IE */
behavior:url(border.htc);
	/* Aplicar sombra al DIV  para todos los navegadores*/
box-shadow: -3px 3px 6px #CCCCCC;
	-moz-box-shadow:-3px 3px 5px #CCCCCC;
	-webkit-box-shadow: -3px 3px 5px #CCCCCC;
	background-color: #C5D0FE;
	color: #333333;
	border: thin solid #CCCCCC;
	width: 95%;
	font-size: 14px;
	margin:2%;
	padding:2%;

		}
	


	.campoRedondo {
	/*para Firefox*/
-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
-webkit-border-radius: 8px 8px 8px 8px;
	/* para Opera */
border-radius: 8px 8px 8px 8px;
	/* para IE */
behavior:url(border.htc);
padding: 2px 2px;
width: 80%;
display: inline-block;
	}
	
	.modulosAula {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	margin: 1%;
	padding: 1%;
	height: 25%;
	width: 25%;
	border-bottom-style: solid;
	text-indent: 6px;
	white-space: normal;
	line-height: normal;
	float: left;
	/*aplicar redondeo*/
	/*para Firefox*/
-moz-border-radius: 10px 10px 10px 10px;
	/*para Safari y Chrome*/
-webkit-border-radius: 10px 10px 10px 10px;
	/* para Opera */
border-radius: 10px 10px 10px 10px;
	/* para IE */
-moz-border-radius: 10px 10px 10px 10pxx;
	color: #FF9933;
	}

	
	.inscripcion_onLine{
width:70%;
}

	.inscripcion_onLine img {
width: 100%;
	}
	
		.rodearImagen {
float: right;
	}

	
/* Aqui comienzan adaptacion a diferentes pantallas */
/* Tamaño WEB*/

@media screen and (min-width:1000px) {
.deargentina img{
width:70%;
display:inline-block;
float:rigth;
}
.testimonios img{
width:60%;
display:inline-block;

}
.textLoguin{
margin:auto;
display:block;
text-align:center;
}


}
@media screen and (max-width:1000px) {
	
.sidebar {
width:30%;
}
.main {
width:69%;
background:#ffff;
box-sizing:border-box;
}

.logo{
width:18%;
}
.logo img{
width:100%;
display:inline-block;
}

.aniHeader{
width:40%;
display:inline-block; 
}

.aniHeader img{
width:100%;
display:inline-block; 
}

.testimonios{
width:18%;
display:inline-block;

}
.testimonios img{
width:100%;
display:inline-block;

}

.textLoguin{
margin:auto;
display:block;
text-align:center;
}

.campoRedondo {
	/*para Firefox*/
-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
-webkit-border-radius: 8px 8px 8px 8px;
	/* para Opera */
border-radius: 8px 8px 8px 8px;
	/* para IE */
behavior:url(border.htc);
width: 100%;
	}

}
/* FIN Tamaño WEB*/
/* Tamaño 2*/
@media screen and (max-width:801px) {
	
.contenedor{
width:100%;;
box-sizing:border-box;
}
.sidebar {
width:30%;
display:inline-block;
box-sizing:border-box;
}

.main {
width:69%;
background:#ffff;
display:inline-block;
box-sizing:border-box;
}

.deargentina img{
width:100%;
display:inline-block;
}

.logo{
width:25%;
display:inline-block;
}

.logo img{
width:100%;
display:inline-block;
}

.aniHeader{
width:35%;
display:inline-block;
} 
.aniHeader img{
width:100%;
display:inline-block;
} 
.testimoniosMovil{
display:none;
}

.testimonios{
width:18%;
display:inline-block;
}
.testimonios img{
width:100%;
display:inline-block;
}

.loguin{
display:inline-block;
width: 18%;
box-sizing:border-box;
float:right;
} 
.loguin img{
margin: 2px 2px;
display:inline-block;
width: 80%;
box-sizing:border-box;
float:right;
} 

.textLoguin{
margin:auto;
display:block;
text-align:center;
}
.footer {
	width: 100%;
	padding:1%;
	max-width:1000px; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	background-color:#000;
	color:#fff;
	text-align:center;
	overflow:hidden; /* elimina los excedentes que puedan quedar afuera del contenedor */
	margin: auto;
	display:block;
	box-sizing:border-box;	
}

	.campoRedondo {
	/*para Firefox*/
-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
-webkit-border-radius: 8px 8px 8px 8px;
	/* para Opera */
border-radius: 8px 8px 8px 8px;
	/* para IE */
behavior:url(border.htc);
width: 100%;
	}

}
/* FIN Tamaño 2*/
/* Tamaño 3*/
@media screen and (max-width:641px) {
.contenedor{
width:100%;
padding:2%;
marging:2%;
box-sizing:border-box;
}
.deargentina img{
width:100%;
display:inline-block;
}

.sidebar {width:35%;
box-sizing:border-box;
}

.main {
width:64%;
background:#ffff;
box-sizing:border-box;
}
.logo{
width:20%;
box-sizing:border-box;
display:inline-block;
}
.logo img{
width:100%;
display:inline-block;
}

.aniHeader{
width:35%;
box-sizing:border-box;
display:inline-block;
} 

.aniHeader img{
width:100%;
display:inline-block;
} 
.testimoniosMovil{
display:none;
}

.testimonios{
width:20%;
}
.testimonios img{
display:inline-block;
}
.loguin{
float:none;
width:20%;
box-sizing:border-box;
display:inline-block;
} 

.textLoguin{
margin:auto;
display:block;
text-align:center;
}


.social{
display:none;
}

header nav ul li a{
padding:5px 5px;
display:block;
color:#fff;
text-decoration:none;
box-sizing:border-box;
}

header nav ul li a:hover{ 
 background:#75acec;
}

.footer {
	width: 100%;
	padding:1%;
	max-width:1000px; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	background-color:#000;
	color:#fff;
	text-align:center;
	overflow:hidden; /* elimina los excedentes que puedan quedar afuera del contenedor */
	margin: auto;
	display:block;
	box-sizing:border-box;	
}

	.campoRedondo {
	/*para Firefox*/
-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
-webkit-border-radius: 8px 8px 8px 8px;
	/* para Opera */
border-radius: 8px 8px 8px 8px;
	/* para IE */
behavior:url(border.htc);
width: 100%;
	}
	.inscripcion_onLine{
width:90%;
}
	.inscripcion_onLine img{
width:100%;
}
}
/* FIN Tamaño 3*/

/* Tamaño 4 Movil*/

@media screen and (max-width:380px) {
.contenedor{
width:100%;
padding:2%;
marging:2%;
box-sizing:border-box;
}
.deargentina img{
width:100%;
display:inline-block;
}

.sidebar {
width:100%;
margin:5px
padding:5px;
box-sizing:border-box;
display:inline-block;
}

.sidebar a{
padding:1% 1% 1% 1%;
display:inline-block;
color:#fff;
text-decoration:none;
font-size: 12px;
overflow:hidden;
margin:1px 1px 2px 1px;
box-sizing:border-box;
}

.sidebarContacto{
display:none;
	}
	
.sidebarFrecuentes{
display:none;
	}
	
.sidebarCursos{
display:none;
	}

.main{
width:100%;
background-color:#fffff;
float:none;
box-sizing:border-box;
display:inline-block;
}

.logo{
width:30%;
box-sizing:border-box;
display:inline-block;
}
.logo img{
width:100%;
box-sizing:border-box;
display:inline-block;
}

.aniHeader{
width:68%;
box-sizing:border-box;
display:inline-block;
} 
.aniHeader img{
width:100%;
box-sizing:border-box;

} 

.testimonios{
display:none;
background:#33FF99;
box-sizing:border-box;
}
.testimonios img{
display:none;
box-sizing:border-box;
}

.loguin{
float:none;
width:20%;
box-sizing:border-box;
display:inline-block;
} 
.loguin img{
width:60%;
box-sizing:border-box;
display:inline-block;
} 

.textLoguin{
margin:auto;
display:block;
text-align:center;
}

.social{
display:none;
}
header{
width:100%;
float:none;
box-sizing:border-box;


}
header nav ul li a{
padding:2px 2px 2px 2px;
color:#fff;
margin:auto;
text-decoration:none;
box-sizing:border-box;
text-align:center;
font-size: 16px;


}

header nav ul li a:hover{ 
 background:#75acec;
}

.footer {
	width: 100%;
	padding:1%;
	max-width:1000px; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	background-color:#000;
	color:#fff;
	text-align:center;
	overflow:hidden; /* elimina los excedentes que puedan quedar afuera del contenedor */
	margin: auto;
	display:block;
	box-sizing:border-box;	
}

.footerTelefono {
	width: 45%;
	padding:2;
	margin: auto;
	line-height:100%;
	max-width:98%; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	background-color:#000;
	color:#fff;
	text-align:center;
	overflow:hidden; /* elimina los excedentes que puedan quedar afuera del contenedor */
	display:inline-block;
	box-sizing:border-box;	
}
.footerTelefono img {
	width: 44%;
	padding:2% 2% 2% 2%;
	line-height:1%;
	max-width:98%; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	background-color:#000;
	color:#fff;
	text-align:center;
	overflow:hidden; /* elimina los excedentes que puedan quedar afuera del contenedor */
	margin: auto;
	display:inline-block;
	box-sizing:border-box;	
}

	.campoRedondo {
	/*para Firefox*/
-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
-webkit-border-radius: 8px 8px 8px 8px;
	/* para Opera */
border-radius: 8px 8px 8px 8px;
	/* para IE */
behavior:url(border.htc);
width: 100%;
	}
	
	 .formularios {
	/*para Firefox*/
-moz-border-radius: 5px 5px 5px 5px;
	/*para Safari y Chrome*/
-webkit-border-radius: 5px 5px 5px 5px;
	/* para Opera */
border-radius: 5px 5px 5px 5px;
	/* para IE */
behavior:url(border.htc);
	/* Aplicar sombra al DIV  para todos los navegadores*/
box-shadow: -3px 3px 6px #CCCCCC;
	-moz-box-shadow:-3px 3px 5px #CCCCCC;
	-webkit-box-shadow: -3px 3px 5px #CCCCCC;
	background-color: #C5D0FE;
	color: #333333;
	border: thin solid #CCCCCC;
	width: 90%;
	font-size: 14px;
	margin:2%;
	padding:2%;

		}
		
.inscripcion_onLine{
width:100%;
}

.inscripcion_onLine img{
width:100%;
}


}
------------
/* Tamaño 4 Movil*/
/* FIN  Aqui comienzan adapt  


/* Aqui comienzan los efectos del sitio */

.brillo{
	
}
.brillo:hover{
	color: #660000;
}


.brilloFondo:hover{
	background-color: #FFFFCC; 
}
		
.brilloFondo{
padding:3px 3px;

}

.fondoSeparador{
background:#333333;
color:#CCCCCC;
margin: 3px 3px; 
padding: 3px 3px;
}

.galeriaFotos{
width:47%;
margin: 3px 3px; 
padding: 3px 3px;
display: inline-block;
box-sizing:border-box;
}
.galeriaFotos img {
margin: 3px 3px; 
padding: 3px 3px;
display: inline-block;
box-sizing:border-box;
width:100%;
}


	.alertasError{
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
	width: 95%;

	}
	.alertasError2{
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	background-color: #99FF99;
	margin-left: 12px;
	width: 95%;
	}
	
	.alertasError2 a{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #999999;
		/*para Firefox*/
-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
-webkit-border-radius: 8px 8px 8px 8px;
	/* para Opera */
border-radius: 8px 8px 8px 8px;
	/* para IE */
behavior:url(border.htc);
line-height:150%;
margin:3px 3px 3px 3px ;
padding:3px 3px 3px 3px ;
		}
	
	.captcha{
	font-size: 12px;
	color: #666666;
	background-color: #66FF00;
	font-weight: bold;
	}
	
	.tachado{
		color: #FF0000;
		font-size: 12px;
	text-decoration: line-through;
	}
	
	.promo{
	color: #006600;
	font-size: 20px;
	font-weight: bold;
	}
	
		.rodearImagen img{
float: right;
width:80%;
height:80%;
	}

/* FIN Aqui comienzan los efectos del sitio */






/*Estados del aula virtual*/
.estado{
	color: #006600;
	font-size: 16px;
	font-weight: bold;
	}
	
	.estado .estadoProblema{
	color: #FF0000;
	font-size: 20px;
	font-weight: bold;
	}
	.estadoProblema{
	color: #FF0000;
	font-size: 20px;
	font-weight: bold;
	}
	
	.mensaje {
	position: fixed;
	/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
border-radius: 15px 15px 15px 15px;
	/* para IE */
behavior:url(../Admin/configuracion/border.htc);
	background-color: #FFFF99;
	/* Aplicar sombra al DIV principal para todos los navegadores*/
box-shadow: -5px 5px 8px #999999;
	-moz-box-shadow:-5px 5px 8px #999999;
	-webkit-box-shadow: -5px 5px 8px #999999;
	height: 400px;
	width: 46%;
	margin: 2%;
	padding: 2%;
	top: 80px;
	z-index: 500;
	overflow:auto;
	text-align: left;
	}
.mensaje1 {	position: fixed;
	/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
border-radius: 15px 15px 15px 15px;
	/* para IE */
behavior:url(../Admin/configuracion/border.htc);
	background-color: #FFFF99;
	/* Aplicar sombra al DIV principal para todos los navegadores*/
box-shadow: -5px 5px 8px #999999;
	-moz-box-shadow:-5px 5px 8px #999999;
	-webkit-box-shadow: -5px 5px 8px #999999;
	height: 80%;
	width: 46%;
	margin: 1%;
	padding: 1%;
	top: 3%;
	z-index: 500;
	overflow:auto
	text-align: left;
}


	.mensaje {
	position: fixed;
	/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
border-radius: 15px 15px 15px 15px;
	/* para IE */
behavior:url(../Admin/configuracion/border.htc);
	background-color: #FFFF99;
	/* Aplicar sombra al DIV principal para todos los navegadores*/
box-shadow: -5px 5px 8px #999999;
	-moz-box-shadow:-5px 5px 8px #999999;
	-webkit-box-shadow: -5px 5px 8px #999999;
	height: 400px;
	width: 46%;
	margin: 2%;
	padding: 2%;
	top: 80px;
	z-index: 500;
	overflow:auto;
	text-align: left;
	}
.respuestas {
	/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
border-radius: 15px 15px 15px 15px;
	/* para IE */
behavior:url(../Admin/configuracion/border.htc);
	background-color: #FFFF99;
	padding: 4px;
	margin: 7px;	
}
/*FIN Estados del aula virtual*/