@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700,200);

*{margin:0; padding:0;}

/* HEADER */
header{
	background:rgba(0,0,0,0.9);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	clear:both;
	height:60px;
	margin:0px auto 0px auto;
	position:relative;
	width:100%;
}

header nav{
	float:right;
	margin:0px;
	padding:0;
	position:relative;
	width:450px;
}

ul{
	border: 0;
	font:inherit;
	margin:0;
	padding:0;
	position:relative;
	vertical-align:baseline; 
}

#barraprincipal{
	height:60px;
	margin:0px auto 0px auto;
	position:relative;
	width:960px;
}

#nav{
	margin:0;
	position:relative;
	width:660px;
	z-index:100;
}

#navegacion{
	float:left;
	margin:0px;
	position:relative;
}
#navegacion li {
	display:inline;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	position:relative;
}

#navegacion li a {
	color:rgb(255,255,255);
	display:inline-block;
	font-family: 'Lato', sans-serif;;
	font-weight:400;
	height:36px;
	letter-spacing:0px;
	padding-top: 24px;
	padding-left:12px;
	position:relative;
	text-decoration:none;
	width:120px;
}

#navegacion li a:hover {
	background:rgba(152,203,0,1);
	position:relative;
}

#navegacion li:hover > a {
	background:rgb(152,203,0);
	position:relative;
}

#navegacion li .ultima:hover {
	background:rgb(188,85,191);
	position:relative;
}

#navegacion li:hover > .ultima {
	background:rgb(188,85,191);
	position:relative;
}

#navegacion li .color_exalumnos:hover {
	background:rgb(154,124,219);
	position:relative;
}

#navegacion li:hover > .color_exalumnos {
	background:rgb(255,89,44);
	position:relative;
}

#navegacion li .color_nosotros:hover {
	background:rgb(53,189,160);
}

#navegacion li:hover > .color_nosotros {
	background:rgb(254,217,78);
	position:relative;
}

#navegacion li .color_trabajos:hover {
	background:rgb(103,199,231);
	position:relative;
}

#navegacion li:hover > .color_trabajos {
	background:rgb(103,199,231);
	position:relative;
}

#navegacion li:hover > ul {
	visibility:visible;
	opacity:1;
}

#navegacion ul, #navigation ul li ul {
	background:rgba(0,0,0,0.8);
	box-shadow:1px 1px 2px -1px rgba(0, 0, 0, 0.8);
	list-style:none;
    margin: 0;
    opacity:0;
	padding:0;    
    position:absolute;
	visibility:hidden;
	width:180px;
}

#navegacion ul {
	left:0px;
	top:60px;
}

#navegacion ul li ul {
    left:181px;
	position:relative;
	top:0;
}

#navegacion ul li {
	border:0 none;
	border-top:1px solid rgb(255,255,255);
	clear:both;
	position:relative;
	width:100%;
}

#navegacion ul li a {
	background:none;
	border:0 none;
	clear:both;
	color:rgb(255,255,255);
	display:inline-block;
	float:left;
	height:24px;
	padding:0px 15px;
	padding-top:9px;
	position:relative;	
	text-decoration:none;	
	width:150px;
}

#logo{
	float:left;
	height:54px; 
	padding:12px 24px; 
	position:relative; 
	width:200px; 
}

/* SECCIONES */

a:link{
	list-style-type:none;
	text-decoration:none; 
}

article{
	margin: 0px auto 0px auto;
	position:relative;
	width:
}

footer { 
	background-color:rgb(35,35,35); 
	display:table;
	height:80px; 
	margin-top:36px;
	position:relative;
	width:100%;
}

h1{
	color:rgba(255,255,255,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:63px;
	font-weight:700;
	line-height:63px;
	letter-spacing:1px;
	
}

h2{
    font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	font-weight:700;
	line-height:28px;
	letter-spacing:1px;
	padding-top:12px;
	padding-left:12px;
}

h3{
	border-bottom:2px solid rgb(152,203,0);
	color:rgba(152,203,0,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	font-weight:700;
	line-height:28px;
	letter-spacing:1px;
	margin-left:0px;
	margin-right:0px;
	padding:0px 0px 6px 12px;
}

h4{
	color:rgba(255,255,255,1);
	font-family: 'Lato', sans-serif;
	font-size:17px;
	font-weight:300;
	letter-spacing:0px;
	line-height:24px;
	padding:0px 32px 0px 32px;
}

h5{
	color:rgba(152,203,0,1);
	font-family: 'Lato', sans-serif;
	font-size:17px;
	font-weight:700;
	letter-spacing:0px;
	line-height:24px;
	padding-top:6px;
}

h6{
	color:#A000FF; 
	font-family: 'Lato', sans-serif;
	font-size:11px; 
	margin-top:0px;
}

h7{
	color:rgb(188,85,191);
	font-family: 'Titillium Web', sans-serif;
	font-size:13px;
	font-weight:700;
	line-height:12px;
	letter-spacing:1px;
	padding:0px 0px 0px 12px;
}

p{    
	color:rgba(255,255,255,1);
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-weight:300;
	letter-spacing:0px;
	line-height:20px;
	padding:0px 12px 0px 12px;
}

section{
	margin:0px auto 0px auto;
	position:relative;
	width:960px;
}

#articulo_n2_texto{
	margin-top:24px;
	position:relative;
	width:960px;
}

#articulo_titulo_galeria{
	margin:0px;
	width:798px;
}

#articulo_titulo_galeria_2{
	margin:0px;
	width:960px;
}

#clase_articulo{
	float:left;
	height:238px;
	margin:12px 0px 12px 12px;
	position:relative;
	width:717px;
}

#clase_imagen{
	float:left;
	height:252px;
	position:relative;
	margin-left:12px;	
	width:717px;
}

#clase_seccion{
	background:#433451;
	float:left;
	height:504px;
	margin:0px auto 24px auto;
	position:relative;
	width:231px;
}

#contentfooter{
	margin:auto;
	width:960px; 
}

#columna_1{
	height:1080px;
	float:left;
	margin:0px;
	position:relative;
	width:312px;
}

#columna_2{
	height:1080px;
	float:left;
	margin:0px 0px 24px 12px;
	position:relative;
	width:312px;
}

#columna_3{
	height:1080px;
	float:left;
	margin:0px 0px 0px 12px;
	position:relative;
	width:312px;
}

#datos1{
	margin:6px 15px 0px 15px;
	width:200px; 
}

#enviar{
	background:rgb(152,203,0); 
	border:none; 
	bottom:6px;
	color:rgb(255,255,255);
	cursor:pointer; 
	height:20px; 
	position:absolute; 
	width:70px;  
}

#fondo_clase_1{
	background-image:url(img/correcion_abierta_1.jpg);
	height:372px;
	margin:0px 0px 0px 0px;
	float:left;
	position:relative;
	width:474px;
}

#fondo_clase_2{
	background-image:url(img/correcion_abierta_2.jpg);
	height:180px;
	margin:0px 0px 0px 12px;
	float:left;
	position:relative;
	width:474px;
}

#fondo_clase_3{
	background-image:url(img/correcion_abierta_3.jpg);
	height:180px;
	margin:12px 0px 0px 12px;
	float:left;
	position:relative;
	width:231px;
}

#fondo_clase_4{
	background-image:url(img/correcion_abierta_4.jpg);
	height:180px;
	margin:12px 0px 0px 12px;
	float:left;
	position:relative;
	width:231px;
}

#fondo_evaluacion_publica{
	background-image:url(img/home_cuadrada_1.jpg);
	float:left;
	position:relative;
	height:264px;
	width:312px;
}

#fondo_exdocentes{
	background-image:url(img/home_cuadrada_4.jpg);
	float:left;
	margin:12px 0px 0px 0px;
	position:relative;
	height:264px;
	width:312px;
}

#fondo_propuesta_academica{
	background-image:url(img/home_cuadrada_5.jpg);
	float:left;
	margin:12px 0px 0px 12px;
	position:relative;
	height:264px;
	width:312px;
}

#fondo_tp_n1{
	background-image:url(img/home_cuadrada_2.jpg);
	float:left;
	margin:0px 0px 0px 12px;
	position:relative;
	height:264px;
	width:312px;
}

#fondo_tp_n2{
	background-image:url(img/home_cuadrada_3.jpg);
	float:left;
	margin:0px 0px 0px 12px;
	position:relative;
	height:264px;
	width:312px;
}

#fondo_n1_1{
	background-image:url(img/n1_1.jpg);
	height:300px;
	margin:0px 0px 12px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_1:hover{
	background-image:url(img/n1_1_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_2{
	background-image:url(img/n1_2.jpg);
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_2:hover{
	background-image:url(img/n1_2_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_3{
	background-image:url(img/n1_3.jpg);
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_3:hover{
	background-image:url(img/n1_3_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_4{
	background-image:url(img/n1_4.jpg);
	height:300px;
	margin:0px 0px 12px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_4:hover{
	background-image:url(img/n1_4_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_5{
	background-image:url(img/n1_5.jpg);
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_5:hover{
	background-image:url(img/n1_5_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_6{
	background-image:url(img/n1_6.jpg);
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_6:hover{
	background-image:url(img/n1_6_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_7{
	background-image:url(img/n1_7.jpg);
	height:300px;
	margin:0px 0px 24px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_7:hover{
	background-image:url(img/n1_7_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 24px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_8{
	background-image:url(img/n1_8.jpg);
	height:300px;
	margin:0px 0px 24px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_8:hover{
	background-image:url(img/n1_8_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 24px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_9{
	background-image:url(img/n1_9.jpg);
	height:300px;
	margin:0px 0px 24px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n1_9:hover{
	background-image:url(img/n1_9_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 24px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_1{
	background-image:url(img/n2_1.jpg);
	height:300px;
	margin:0px 0px 12px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_1:hover{
	background-image:url(img/n2_1_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_2{
	background-image:url(img/n2_2.jpg);
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_2:hover{
	background-image:url(img/n2_2_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_3{
	background-image:url(img/n2_3.jpg);
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_3:hover{
	background-image:url(img/n2_3_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_4{
	background-image:url(img/n2_4.jpg);
	height:300px;
	margin:0px 0px 12px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_4:hover{
	background-image:url(img/n2_4_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_5{
	background-image:url(img/n2_5.jpg);
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_5:hover{
	background-image:url(img/n2_5_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_6{
	background-image:url(img/n2_6.jpg);
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_6:hover{
	background-image:url(img/n2_6_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 12px 12px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_7{
	background-image:url(img/n2_7.jpg);
	height:300px;
	margin:0px 0px 24px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_n2_7:hover{
	background-image:url(img/n2_7_b.jpg);
	cursor:pointer;
	height:300px;
	margin:0px 0px 24px 0px;
	float:left;
	position:relative;
	width:312px;
}

#fondo_trabajo_clase{
	background-image:url(img/home_cuadrada_6.jpg);
	float:left;
	margin:12px 0px 0px 12px;
	position:relative;
	height:264px;
	width:312px;
}

#iconos{
	padding-right: 20px;
	padding-top:10px;
}

#iconos a{
	margin-left:15px;
}

#imagen_1{
	background-image:url(img/home_imagen_1.jpg);
	height:468px;
	margin:24px auto 48px auto;
	position:relative;
	width:960px;
	z-index:10;
}

#imagen_galeria_n2{
	background-image:url(img/galeria_n2_01.jpg);
	float:left;
	height:360px;
	margin-bottom:24px;
	position:relative;
	width:960px;
}

#iniciar_sesion{
	background:rgba(227,230,230,1);
	box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.9);
	float:right;
	height:202px;
	margin-left:12px;
	width:213px;
}

#ingresar{
	background:#A000FF; 
	border:none; 
	color:#FFF;
	cursor:pointer;
	height:20px; 
	width:90px;  
}

#legales{
	padding-top:12px;
	width:798px;
}

#legales p{
	color:rgba(255,255,255,1);
	float:left;
	font-family: 'Rosario', sans-serif;
	font-size:10px;
	font-weight:400;
	line-height:17px;
	text-align:left;
	padding-top:10px;
}

#n2_col1{
	float:left;
    height:600px;
	position:relative;
	width:312px;
}

#n2_col2{
	float:left;
    height:600px;
	margin-left:12px;
	margin-bottom:36px;
	position:relative;
	width:636px;
}

#pagina_docentes{
	background:rgb(204,204,204);
	margin:0px auto 0px auto;
	position:relative;
	width:100%;
}

#pagina_trabajos{
	background:rgb(102,102,102);
	margin:0px auto 0px auto;
	position:relative;
	width:100%;
}

#propuesta_imagen_1{
	height:264px;
	position:relative;
	margin:18px 0px 18px 0px;
	width:312px;
}

#placa_horario{
	background:rgba(227,230,230,1);
	box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.9);
	float:right;
	height:98px;
	margin-top:12px;
	position:relative;
	width:213px;
}

#placa_galeria_negra{
	background:rgba(0,0,0,0.7);
	height:168px;
	left:405px;
	position:absolute;
	top:192px;
	width:555px;
}

#placa_verde{
	background:rgba(152,203,0,0.7);
	height:300px;
	left:69px;
	position:absolute;
	top:84px;
	width:506px;
}

#placa_verde h1{
	padding:32px 0px 0px 32px;
}

#posteo{
	float:left;
	height:300px;
	width:717px;
}

#proyecto_de_galeria_imagenes_a{
	float:left;
	height:24px;
	position:relative;
	width:312px;
}

#proyecto_de_galeria_imagenes_b{
	float:left;
	height:24x;
	margin:0px 0px 0px 12px;
	position:relative;
	width:312px;
}

#proyecto_cargar_imagen{
	background:#FFFFFF;
	border:1px solid rgb(0,0,0);
	float:left;
	height:300px;
	width:312px;
}

#proyecto_formulario{
	background:rgba(255,89,44,1);
	float:left;
	height:636px;
	margin-left:91px;
	width:393px;
}

#proyecto_imagenes_c{
	float:left;
	height:24px;
	margin:0px 0px 0px 12px;
	position:relative;
	width:312px;
}

#proyecto_ultimos_post{
	color:rgba(255,89,44,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	font-weight:400;
	line-height:28px;
	letter-spacing:1px;
	padding-top:0px;
	padding-left:0px;
}

#proyecto_titulo_galeria{
	float:left;
	height:36px;
	margin-bottom:0px;
	position:relative;
	width:960px;
}

#seccion{
	height:24px;
	margin:24px auto 0px auto;
	padding-bottom:24px;
	width:960px;
}

#seccion_2{
	height:324px;
	margin:24px auto 0px auto;
	padding-bottom:0px;
	width:960px;
}

#seccion_3{
	height:24px;
	margin:0px auto 0px auto;
	padding-bottom:10px;
	width:960px;
}

#seccion_4{
	margin:12px auto 0px auto;
	height:636px;
	position:relative;
	width:798px;
}

#seccion_5{
	margin:0px auto 0px auto;
	height:36px;
	width:960px;
}

#seccion_docentes_jefe{
	background:rgba(51,255,255,1);
	height:396px;
	float:right;
	margin-left:192px;
	position:relative;
	width:636px;
}

#seccion_imagenes{
	margin:0px auto 0px auto;
	height:540px;
	position:relative;
	width:960px;
}

#seccion_imagenes_clase{
	height:372px;
	margin:24px auto 24px auto;
	position:relative;
	width:960px;
}

#seccion_imagenes_nivel{
	height:300px;
	margin:auto;
	position:relative;
	width:970px;
}

#seccion_imagenes_galeria{
	height:516px;
	margin:24px auto 0px auto;
	width:636px;
}

#seccion_imagenes_galeria_2{
	height:516px;
	margin:24px auto 0px auto;
	position:relative;
	width:636px;
}

#seccion_posteo{
	height:300px;
	margin:0px auto 0px auto;
	position:relative;
	width:960px;
}

#seccion_texto_evaluacion{
	height:500px;
	margin:0px ;
	float:left;
	padding:0px 12px 24px 0px;
	position:relative;
	width:636px;
}

#seccion_texto_evaluacion_2{
	background:rgba(150,150,150,1);
	height:500px;
	margin:0px auto 0px auto;
	float:left;
	position:relative;
	padding:0px 0px 0px 0px;
	width:304px;
}

#seccion_titulo_galeria{
	width:960px;
}

#subtitulo_galeria{
	color:rgba(255,255,255,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:20px;
	font-weight:400;
	line-height:28px;
	letter-spacing:1px;
	padding-top:0px;
	padding-left:0px;
}

#subtitulo_propuesta{
	color:rgba(254,217,78,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:22px;
	font-weight:700;
	line-height:28px;
	letter-spacing:1px;
	padding-top:0px;
	padding-left:0px;
}

#titulo_galeria_n2{
	color:rgba(103,199,231,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:53px;
	font-weight:700;
	line-height:64px;
	letter-spacing:1px;
	padding:14px 24px 24px 24px;
}

#texto_galeria{
	color:rgba(255,255,255,1);
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:300;
	letter-spacing:0px;
	line-height:26px;
	padding:0px 0px 12px 0px;
}

#texto_carga_imagen{
	color:rgba(0,0,0,1);
	font-family: 'Rosario', sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:28px;
	letter-spacing:1px;
	padding-top:0px;
	padding-left:54px;
	margin-top:133px;
}

#texto_proyecto{
	color:rgba(0,0,0,1);
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:300;
	letter-spacing:0px;
	line-height:26px;
	padding:0px 0px 12px 0px;
}

#texto_propuesta{
	color:rgba(255,255,255,1);
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:300;
	letter-spacing:0px;
	line-height:26px;
	padding:0px 0px 0px 0px;
}

#texto_propuesta_2{
	color:rgba(255,255,255,1);
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-weight:300;
	letter-spacing:0px;
	line-height:20px;
	padding:12px 24px 0px 24px;
}

#titulo_comentarios{
	color:rgba(0,0,0,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:700;
	line-height:28px;
	letter-spacing:1px;
	padding-top:24px;
	padding-left:17px;
	padding-bottom:12px;
	text-decoration:underline;
}

#titulo_docentes{
	color:rgb(188,85,191);
	font-family: 'Titillium Web', sans-serif;
	font-size:36px;
	font-weight:700;
	line-height:63px;
	letter-spacing:1px;
	margin:0px auto 0px auto;
	padding:24px 0px 0px 0px;
	position:relative;
}

#titulo_evaluacion_publica{
	color:rgb(254,217,78);
	font-family: 'Titillium Web', sans-serif;
	font-size:36px;
	font-weight:700;
	line-height:63px;
	letter-spacing:1px;
	margin:0px auto 0px auto;
	padding:24px 0px 0px 0px;
	position:relative;
}

#titulo_proyectos{
	color:rgb(255,89,44);
	font-family: 'Titillium Web', sans-serif;
	font-size:36px;
	font-weight:700;
	line-height:63px;
	letter-spacing:1px;
	margin:0px auto 0px auto;
	padding:24px 0px 0px 0px;
	position:relative;
}

#titulo_galeria{
	color:rgb(103,199,231);
	font-family: 'Titillium Web', sans-serif;
	font-size:36px;
	font-weight:700;
	line-height:63px;
	letter-spacing:1px;
	margin:0px auto 0px auto;
	padding:24px 0px 0px 0px;
	position:relative;
}

#titulo_formulario{
	color:rgba(51,51,51,1);
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:700;
	letter-spacing:0px;
	line-height:20px;
	padding:15px 15px 0px 15px;
	text-decoration:underline;
}

.article_practico{
	border-right:1px solid rgb(103,199,231);
	height:84px;
	float:left;
	width:74px;
}

.article_practico_2{
	height:84px;
	float:left;
	width:237px;
}

.caja_posteo_1{
	border-right:1px solid rgb(0,0,0);
	float:left;
	min-height:250px;
	margin-top:24px;
	width:209px;
	padding:0px 17px 0px 12px;
}

.caja_posteo_2{
	border-right:1px solid rgb(0,0,0);
	float:left;
	min-height:250px;
	margin-top:24px;
	width:204px;
	padding:0px 17px 0px 17px
}

.caja_posteo_3{
	float:left;
	min-height:250px;
	margin-top:24px;
	width:209px;
	padding:0px 12px 0px 17px
}


.clase_titulo_comentario{
	color:rgba(254,217,78,1);
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:700;
	padding-left:12px;
	padding-top:0px;
}

.color_docentes{
	color:rgb(188,85,191);
}

.color_niveles{
	color:rgb(103,199,211);
}

.color_nosotros{
	color:rgb(254,217,78);
}

.columna_1{
	height:192px;
	float:left;
	margin-top:0px;
	margin-left:162px;
	position:relative;
	width:150px;
}

.columna_1_b{
	height:168px;
	float:left;
	margin-top:0px;
	margin-left:162px;
	position:relative;
	width:150px;
}

.columna_2{
	height:192px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	position:relative;
	width:150px;
}

.columna_2_b{
	height:168px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	position:relative;
	width:150px;
}

.columna_3{
	height:192px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	position:relative;
	width:150px;
}

.columna_3_b{
	height:168px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	position:relative;
	width:150px;
}

.columna_4{
	height:192px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	position:relative;
	width:150px;
}

.columna_4_b{
	height:168px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	position:relative;
	width:150px;
}

.columna_5{
	height:192px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	position:relative;
	width:150px;
}

.cursor1{
	width:179px;
}

.cursor2{
	height:35px;
	width:360px;
}

.cursor3{
	height:58px;
	width:360px;
}

.fecha{
	color:rgba(0,0,0,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:12px;
	font-weight:300;
	padding-left:17px;
	padding-top:0px;
}

.fecha_2{
	color:rgba(255,244,202,1);
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-weight:300;
	padding-left:12px;
	padding-top:12px;
}

.imagen_n2_izq{
	float:left;
	height:192px;
	margin-bottom:12px;
	position:relative;
	width:312px;
}

.imagen_n2_der{
	background:rgba(51,51,51,1);
	float:left;
	height:192px;
	margin-bottom:12px;
	position:relative;
	width:636px;
}

.imagen_docente{
	height:144px;
	width:150px;
}

.imagenes_galeria_1{
	height:144px;
	float:left;
	margin:12px 0px 0px 0px;
	width:150px;
}

.imagenes_galeria_2{
	height:144px;
	float:left;
	margin:12px 0px 0px 12px;
	width:150px;
}

.italic{
	color:rgba(0,0,0,1);
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-style:italic;
	font-weight:400;
	letter-spacing:0px;
	line-height:20px;
}

.italic_2{
	color:rgba(255,255,255,1);
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-style:italic;
	font-weight:400;
	letter-spacing:0px;
	line-height:20px;
}

.italic_3{
	color:rgba(255,255,255,1);
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-weight:300;
	font-style:italic;
	letter-spacing:0px;
	line-height:20px;
	padding:12px 24px 0px 24px;
}

.linea_comentario{
	border-bottom:2px solid rgb(254,217,78);;
	color:rgb(254,217,78);
	margin:24px auto 24px auto;
	width:262px;
}

.linea_comentario_2{
	border-bottom:2px solid rgb(254,217,78);;
	color:rgb(254,217,78);
	margin:12px auto 0px auto;
	width:207px;
}

.linea_posteo{
	border-bottom:3px solid rgb(0,0,0);
	margin:0px 0px 0px 0px;
	position:relative;
	width:100%;
}

.linea_punteada{
	border-bottom:1px dashed rgb(0,0,0);
	color:rgb(204,204,204);
	margin:24px 0px 24px 0px;
	position:relative;
	width:100%;
}

.linea_posteo_2{
	display:none;
}

.linea_punteada_docentes{
	border-bottom:1px dashed rgb(0,0,0);
	color:rgb(188,85,191);
	margin:12px 0px 24px 0px;
	position:relative;
	width:100%;
}

.linea_titulo{
	border-top:3px solid rgb(255,255,255);
	margin:12px 0px 12px 32px;
	position:relative;
	width:442px;
}

.negrita{
    color:rgba(0,0,0,1);
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-weight:700;
	letter-spacing:0px;
	line-height:20px;
	padding:0px;
}

.negrita_2{
    color:rgba(254,227,122,1);
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-weight:700;
	letter-spacing:0px;
	line-height:20px;
	padding:0px;
}

.negrita_3{
    color:rgba(255,255,255,1);
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-weight:700;
	letter-spacing:0px;
	line-height:20px;
	padding:0px;
}

.nombre_comentario{
	color:rgba(254,217,78,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:300;
	padding-left:17px;
	padding-top:6px;
}

.nombre_comentario{
	color:rgba(53,189,160,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:300;
	padding-left:17px;
	padding-top:0px;
}

.placa_1{
	background:rgba(0,0,0,0.6);
	display:block;
	height:120px;
	max-width:312px;
	position:absolute; 
	top:144px;
	width:312px;
}

.proyecto_galeria_imagenes_2{
	background-image:url(img/proyecto_imagen_2.jpg);
	float:left;
	height:288px;
	margin:0px 0px 0px 12px;
	position:relative;
	width:312px;
}

.proyecto_galeria_imagenes_3{
	background-image:url(img/proyecto_imagen_3.jpg);
	float:left;
	height:288px;
	margin:0px 0px 0px 12px;
	position:relative;
	width:312px;
}

.proyecto_texto_chico{
	cursor:pointer;
	color:rgba(0,0,0,1);
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:700;
	letter-spacing:0px;
	line-height:24px;
	padding:5px 12px 0px 12px;
}

.proyecto_galeria_imagenes{
	background-image:url(img/proyecto_imagen_1.jpg);
	float:left;
	height:288px;
	position:relative;
	width:312px;
}

.seccion_imagenes_docentes{
	height:192px;
	margin:12px auto 0px auto;
	position:relative;
	width:960px;
}

.seccion_imagenes_docentes_b{
	height:168px;
	margin:12px auto 0px auto;
	position:relative;
	width:960px;
}

.seccion_titulo{
	margin:0px auto 0px auto;
	width:960px;
}

.subtitulo_docentes{
	color:rgba(0,0,0,1);
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-weight:300;
	line-height:12px;
	letter-spacing:1px;
	padding: 0px 0px 0px 15px;
}

.titulo_n2_colder{
	border-bottom:1px solid rgb(255,255,255);
	color:rgba(103,199,231,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	font-weight:700;
	line-height:28px;
	letter-spacing:1px;
	margin-left:0px;
	margin-right:0px;
	padding:18px 0px 12px 24px;
}

.titulo_galeria_imagenes{
	border-bottom:2px solid rgb(103,199,231);
	color:rgba(103,199,231,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	font-weight:700;
	line-height:28px;
	letter-spacing:1px;
	margin-left:0px;
	margin-right:0px;
	padding:0px 0px 6px 0px;
}

.titulo_nivel{
	border-bottom:4px solid rgb(188,85,191);
	color:rgb(188,85,191);
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	font-weight:700;
	line-height:28px;
	letter-spacing:1px;
	margin:24px auto 0px auto;
	padding:0px 0px 6px 12px;
	width:960px;
}

.texto_visitas{
	color:rgba(255,89,44,1);
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:300;
	letter-spacing:0px;
	line-height:24px;
	padding:0px 12px 0px 0px;
}

.texto_comentario{
	color:rgba(0,0,0,1);
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-weight:300;
	letter-spacing:0px;
	line-height:20px;
	padding:0px 17px 0px 17px;
}

.texto_comentario_2{
	color:rgba(255,255,255,1);
	font-family: 'Lato', sans-serif;
	font-size:11px;
	font-weight:300;
	letter-spacing:0px;
	line-height:19px;
	padding:0px 12px 0px 12px;
}

.texto_formulario{
	color:rgba(51,51,51,1);
	font-family: 'Lato', sans-serif;
	font-size:11px;
	font-weight:300;
	letter-spacing:0px;
	line-height:20px;
	padding:6px 0px 0px 0px;
}

.texto_formulario_2{
	color:rgba(0,0,0,1);
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:300;
	letter-spacing:0px;
	line-height:20px;
	padding:18px 0px 0px 0px;
}

.texto_practico{
	color:rgba(103,199,231,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:20px;
	font-weight:300;
	line-height:28px;
	letter-spacing:1px;
	padding:14px 2px 0px 12px;
}

.texto_practico_2{
	color:rgba(103,199,231,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:20px;
	font-weight:700;
	line-height:27px;
	letter-spacing:1px;
	padding:14px 12px 0px 12px;
}

.texto_posteo{
	color:rgba(0,0,0,1);
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-weight:300;
	letter-spacing:0px;
	line-height:20px;
	padding:0px;
}

.placa_3{
	background:rgba(0,0,0,0.8);
	height:84px;
	position:absolute;
	top:216px;
	width:312px;
}

.placa_borde_violeta{
	border:2px solid rgb(188,85,191);
	height:20px;
	position:relative;
	width:146px;
}

.placa_borde_violeta_2{
	border-bottom:2px solid rgb(188,85,191);
	border-top:2px solid rgb(188,85,191);
	height:20px;
	position:relative;
	width:150px;
}

.placa_naranaja{
	background:rgba(255,89,44,0.6);
	height:36px;
	position:absolute;
	width:243px;
}

.placa_violeta{
	background:rgb(188,85,191);
	height:24px;
	position:relative;
	width:150px;
}


/*solo para celulares */
@media screen and (max-width:400px) {
#imagen_1{display:none;}

#seccion_imagenes{
	margin:0px auto 0px auto;
	height:1644px;
	position:relative;
	width:37,5%;
}

#fondo_evaluacion_publica{
	float:none;
	margin:12px 44px 0px 44px;
	position:relative;
	height:264px;
	width:37,5%;
}

#fondo_exdocentes{
	float:none;
	margin:12px 44px 0px 44px;
	position:relative;
	height:264px;
	width:37,5%;
}

#fondo_propuesta_academica{
	float:none;
	margin:12px 44px 0px 44px;
	position:relative;
	height:264px;
	width:37,5%;
}

#fondo_tp_n1{
	float:none;
	margin:12px 44px 0px 44px;
	position:relative;
	height:264px;
	width:37,5%;
}

#fondo_tp_n2{
	float:none;
	margin:12px 44px 0px 44px;
	position:relative;
	height:264px;
	width:37,5%;
}

#fondo_trabajo_clase{
	float:none;
	margin:12px 44px 0px 44px;
	position:relative;
	height:264px;
	width:37,5%;
}

h3{
	border-bottom:2px solid rgb(152,203,0);
	color:rgba(152,203,0,1);
	font-family: 'Titillium Web', sans-serif;
	font-size:24px;
	font-weight:700;
	line-height:28px;
	letter-spacing:1px;
	margin-left:44px;
	margin-right:0px;
	padding:0px 0px 0px 0px;
	width:312px;
}

#seccion_posteo{
	height:624px;
	margin:0px;
	position:relative;
	width:37,5%;
}

#posteo{
	float:none;
	height:300px;
	margin:0px;
	width:37,5%;
}

.caja_posteo_1{
	border-right:none;
	float:none;
	min-height:180px;
	margin:24px 44px 0px 44px;
	width:312px;
	padding:0px 0px 0px 0px;
}

.caja_posteo_2{
	border-right:none;
	float:none;
	min-height:180px;
	margin:24px 44px 0px 44px;
	width:312px;
	padding:0px 0px 0px 0px;
}

.caja_posteo_3{
	float:none;
	min-height:180px;
	margin:24px 44px 0px 44px;
	width:312px;
	padding:0px 0px 0px 0px;
}

#iniciar_sesion{
	display:none;
	background:rgba(227,230,230,1);
	box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.9);
	float:none;
	height:202px;
	margin-left:12px;
	width:213px;
}

#placa_horario{
	display:none;
}

.linea_posteo_2{
	border-bottom:2px solid rgb(0,0,0);
	color:rgb(204,204,204);
	margin:24px 0px 24px 0px;
	position:relative;
	width:100%;
}

footer { 
	background-color:rgb(35,35,35); 
	display:table;
	height:80px; 
	margin-top:36px;
	position:relative;
	width:400px;
}

#contentfooter{
	margin:0px;
	width:400px;
}

#legales{
	padding-top:12px;
	width:400px;
}

#legales p{
	color:rgba(255,255,255,1);
	float:left;
	font-family: 'Rosario', sans-serif;
	font-size:10px;
	font-weight:400;
	line-height:17px;
	text-align:left;
	padding:12px 44px 24px 44px;
	text-align:center;
}

#iconos{
	display:none;
}

#iconos a{
	margin-left:15px;
}



header{
	background:rgba(0,0,0,0.9);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	clear:none;
	height:222px;
	margin:0px auto 0px auto;
	position:relative;
	width:400px;
}

header nav{
	float:none;
	margin:0px;
	padding:0;
	position:relative;
	width:400px;
}

ul{
	border: 0;
	font:inherit;
	margin:0;
	padding:0;
	position:relative;
	vertical-align:baseline; 
}

#barraprincipal{
	height:216px;
	margin:0px auto 0px auto;
	position:relative;
	width:400px;
}

#nav{
	margin:0;
	position:relative;
	width:400px;
	z-index:100;
}

#navegacion{
	float:none;
	margin:0px;
	position:relative;
}
#navegacion li {
	display:inline;
	float:none;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	position:relative;
}

#navegacion li a {
	border-bottom:1px solid rgb(152,203,0);
	color:rgb(255,255,255);
	display:inline-block;
	font-family: 'Lato', sans-serif;;
	font-weight:400;
	height:24px;
	letter-spacing:0px;
	padding-top: 12px;
	padding-left:0px;
	position:relative;
	text-decoration:none;
	text-align:center;
	width:400px;
}

#navegacion li a:hover {
	background:rgba(152,203,0,1);
	position:relative;
}

#navegacion li:hover > a {
	background:rgb(152,203,0);
	position:relative;
}

#navegacion li .ultima:hover {
	background:rgb(188,85,191);
	position:relative;
}

#navegacion li:hover > .ultima {
	background:rgb(188,85,191);
	position:relative;
}

#navegacion li .color_exalumnos:hover {
	background:rgb(154,124,219);
	position:relative;
}

#navegacion li:hover > .color_exalumnos {
	background:rgb(255,89,44);
	position:relative;
}

#navegacion li .color_nosotros:hover {
	background:rgb(53,189,160);
}

#navegacion li:hover > .color_nosotros {
	background:rgb(254,217,78);
	position:relative;
}

#navegacion li .color_trabajos:hover {
	background:rgb(103,199,231);
	position:relative;
}

#navegacion li:hover > .color_trabajos {
	background:rgb(103,199,231);
	position:relative;
}

#navegacion li:hover > ul {
	visibility:visible;
	opacity:1;
}

#navegacion ul, #navigation ul li ul {
	background:rgba(0,0,0,0.8);
	box-shadow:1px 1px 2px -1px rgba(0, 0, 0, 0.8);
	list-style:none;
    margin: 0;
    opacity:0;
	padding:0;    
    position:absolute;
	visibility:hidden;
	width:180px;
}

#navegacion ul {
	left:0px;
	top:60px;
}

#navegacion ul li ul {
    left:181px;
	position:relative;
	top:0;
}

#navegacion ul li {
	display:none;
	border:0 none;
	border-top:1px solid rgb(255,255,255);
	clear:both;
	position:relative;
	width:100%;
}

#navegacion ul li a {
	background:none;
	border:0 none;
	clear:both;
	color:rgb(255,255,255);
	display:inline-block;
	float:left;
	height:24px;
	padding:0px 15px;
	padding-top:9px;
	position:relative;	
	text-decoration:none;	
	width:150px;
}

#logo{
	border-bottom:1px solid rgb(152,203,0);
	float:none;
	height:36px; 
	padding:0px; 
	position:relative; 
	width:400px; 
}

#logo img{
	height:12px; 
	padding:12px 171px; 
	position:relative; 
	width:67px; 
}

}