@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
*{margin:0; padding:0;}

/* HEADER */
ul{
	border: 0;
	font:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline; 
}

#nav{
	margin:0;
	position:relative;
	width:620px;
}

#navegacion{
	border-left:1px solid rgb(120,120,120);
	border-right:1px solid rgb(120,120,120);
	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 {
	background: rgb(102,102,102);
	border-left:1px solid rgb(120,120,120);
	color:rgb(255,255,255);
	display:inline-block;
	font-family:'Open Sans Condensed', sans-serif;
	font-weight:300;
	letter-spacing:2px;
	padding:21px 25px;
	text-decoration:none;
}

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

}

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

#navegacion li .ultima:hover {
	background:rgb(235,152,18);
}

#navegacion li:hover > .ultima {
	background:rgb(154,124,219);
}

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

#navegacion li:hover > .color_exalumnos {
	background:rgb(235,152,18);
}

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

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

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

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





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

#navegacion ul, #navigation ul li ul {
	background:rgb(102,102,102);
	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:1px;
	top:60px;
}

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

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

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

#navegacion li a.primera {
	border-left: 0 none;
}

#navegacion li a.ultima {
	border-right: 0 none;
}



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

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

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

header{
	background:rgba(102,102,102,1);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	clear:both;
	height:60px;
	margin:0px auto 0px auto;
	width:100%;
}


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

h1{
	color:rgba(152,203,0,1);
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:36px;
	font-weight:700;
	padding:12px 0px 0px 12px;
}

h2{
	font-family:'Open Sans Condensed', sans-serif;
	font-size:24px;
	font-weight:700;
	line-height:28px;
	padding-left:12px;
}


h3{
	color:rgba(255,255,255,1);
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
	padding:12px 0px 0px 12px;
}

h4{
	color:rgba(35,35,35,1);
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	font-weight:700;
	letter-spacing:1px;
}

h5{
	font-family:'Open Sans Condensed', sans-serif;
	font-size:24px;
	font-weight:700;
	line-height:28px;
	padding-left:12px;
	padding-top:12px;
}

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

p {
	color:rgba(204,204,204,1);
	font-family: 'Rosario', sans-serif;
	font-size:14px;
	font-weight:400;
	letter-spacing:0.8px;
	line-height:19px;
	padding:0px 12px 0px 12px;
	vertical-align:bottom;
}

#animacion_gif{
	background-image:url(TP/img/animacion_gif.gif);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:324px;
	margin:0px auto 0px auto;
	position:;
	width:960px;
}

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

#fondo_evaluacion_publica{
	background-image:url(TP/img/imagen_1.jpg);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:0px 0px 0px 0px;
	float:left;
	position:;
	width:312px;
}

#fondo_exdocentes{
	background-image:url(TP/img/imagen_4.jpg);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 0px;
	float:left;
	width:312px;
}

#fondo_propuesta_academica{
	background-image:url(TP/img/imagen_5.jpg);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n1_1{
	background-image:url(TP/img/n1_1.gif);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:0px 0px 0px 0px;
	float:left;
	width:312px;
}

#fondo_n1_2{
	background-image:url(TP/img/n1_2.gif);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:0px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n1_3{
	background-image:url(TP/img/n1_3.gif);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:0px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n1_4{
	background-image:url(TP/img/n1_4.gif);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 0px;
	float:left;
	width:312px;
}

#fondo_n1_5{
	background-image:url(TP/img/n1_5.gif);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n1_6{
	background-image:url(TP/img/n1_3.gif);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n1_7{
	background-image:url(TP/img/n1_7.gif);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 0px;
	float:left;
	width:312px;
}

#fondo_n1_8{
	background-image:url(TP/img/n1_8.gif);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n1_9{
	background-image:url(TP/img/n1_9.gif);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n2_1{
	background-image:url(TP/img/n2_1.png);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:0px 0px 0px 0px;
	float:left;
	width:312px;
}

#fondo_n2_2{
	background-image:url(TP/img/n2_2.png);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:0px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n2_3{
	background-image:url(TP/img/n2_3.png);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:0px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n2_4{
	background-image:url(TP/img/n2_4.png);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 0px;
	float:left;
	width:312px;
}

#fondo_n2_5{
	background-image:url(TP/img/n2_5.png);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n2_6{
	background-image:url(TP/img/n2_6.png);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n2_7{
	background-image:url(TP/img/n2_7.png);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 0px;
	float:left;
	width:312px;
}

#fondo_n1_8{
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_n1_9{
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 12px;
	float:left;
	width:312px;
}


#fondo_tp_n1{
	background-image:url(TP/img/imagen_6.jpg);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:0px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_tp_n2{
	background-image:url(TP/img/imagen_2.jpg);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:0px 0px 0px 12px;
	float:left;
	width:312px;
}

#fondo_trabajo_clase{
	background-image:url(TP/img/imagen_6.jpg);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.8);
	height:300px;
	margin:12px 0px 0px 12px;
	float:left;
	width:312px;
}

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

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

#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;
}

#placa_1{
	background:rgba(35,35,35,0.9);
	display:block;
	height:120px;
	margin:0px 0px 0px 0px;
	width:960px;
}

#placa_gris_2{
	background:rgb(240,240,240);
	box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.8);
	height:300px;
	float:left;
	margin:12px 0px 0px 0px;
	width:312px;
}

#seccion_galeria_nivel{
	height:72px;
	margin:0;
	width:960px;
}

#seccion_imagenes_cuadradas{
	height:612px;
	margin:auto;
	width:960px;
}

#seccion_imagenes_nivel{
	height:924px;
	margin:auto;
	width:970px;
}

#seccion_imagen_gif{
	height:324px;
	margin:24px auto 0px auto;
	width:960px;
}

#seccion{
	height:60px;
	margin:24px auto 12px auto;
	width:960px;
}

#seccion_posteos{
	height:336px;
	margin:auto;
	width:960px;
}

#titulo_galeria{
	color:rgba(103,199,231,1);
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:36px;
	font-weight:700;
	margin-left:0;
	padding:12px 0px 0px 0px;
}

.color_comisiones{
	color:rgba(154,124,219,1);	
}

.color_nosotros{
	color:rgb(53,189,160);
}

.color_trabajos{
	color:rgba(103,199,231,1);
}

.fecha{
	color:rgba(35,35,35,1);
	font-size:13px;
	font-weight: 300italic;
	padding: 12px 0px 0px 12px;
}

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

.leer_mas{
	float:right;
	padding: 12px;
}

.placa_2{
	background:rgba(35,35,35,0.9);
	display:block;
	height:168px;
	width:312px;
	vertical-align:bottom;
}

.placa_3{
	background:rgba(35,35,35,0.9);
	display:block;
	height:84px;
	width:312px;
	vertical-align:bottom;
	margin-bottom:54px;
	
}

.placa_gris{
	background:rgb(240,240,240);
	box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.8);
	height:300px;
	float:left;
	margin:12px 12px 0px 0px;
	width:312px;
}

.texto_posteo{
	color:rgba(35,35,35,1);
	font-size:12px;
	line-height:20px;
	padding:4px 12px 0px 12px;
}

.fondo{
	background:rgb(66,67,72);
}