@charset "iso-8859-1";

	
body{font-size:100%; font-family:"Roboto Condensed",sans-serif; overflow-y: scroll;}
	
.contenedor100, .contenedorag{width:100%}
.contenedor{width:1200px;padding:0 0 10px 0}
.contenedor > h1 {text-align:center;font-weight:normal;padding:20px 0;font-size:1.5em}
.contenedor > p {clear:both;text-align:center;font-weight:normal;padding:20px 0;font-size:1.1em}
.contenedor > div {float:left;display:inline;}
.contenedorag > div {float:left;display:inline;}
	
	.grid1 {width:8.33%; float:left}
	.grid2 {width:16.66%; float:left}
	.grid3 {width:25%; float:left}
	.grid4 {width:33.33%; float:left}
	.grid5 {width:41.66%; float:left}
	.grid6 {width:50%; float:left}
	.grid7 {width:58.33%; float:left}
	.grid8 {width:66.66%; float:left}
	.grid9 {width:75%; float:left}
	.grid10 {width:83.33%; float:left}
	.grid11 {width:91.66%; float:left}
	.grid12 {width:100%; float:left}

.img100 {max-width:100%; height:auto;}	
.img50 {max-width:50%; height:auto;}	
.imgPadIzq { padding-right:10px; padding-top:5px;}
.imgPadDer { padding-left:10px; padding-top:5px;}

#contenidos-anfibia-tss img {max-width:100%; height:auto;}


.divider { /*Agregado por Ariel. Separacion horizontal. */
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	margin-bottom:15px;
}

#sociales ul li {display:inline; margin:0 3px;}

#div_menu2 {position:relative; z-index:10}
#menu2 {list-style:none; position:absolute; right:0;}
#menu2 > li{float:left; margin:0 3px;}
#menu2 a {color:#4771AD; font-size:15px; text-transform:uppercase; font-weight:bold; text-decoration:none}
#menu2 {text-align:right}
#menu2 li ul {display:none;position:absolute; background:#fff; box-shadow:2px 2px 8px #ddd;}
#menu2 li:hover > ul {display:block; border:1px solid #ccc; padding:0 5px;}
#menu2 li ul li {position:relative;display:block; text-align:left; background:#fff;}
#menu2 li ul li ul {top:0px;}
#menu2 li ul li a{ text-transform:none; font-size:80%; color:#666666; background:#fff;}
#menu2 li ul li a:hover{ color:#000;}
.menu2_mas {color:#666666; font-size:80%;}

#sociales img {width:inherit;}
#menu666 {list-style:none; position:absolute;right:0; margin-right:15px;}
#menu666 > li{float:left; margin:0 3px; width:65px;}
#menu666 a {color:#4771AD; font-size:15px; text-transform:uppercase; font-weight:bold; text-decoration:none}
#menu666 {text-align:center}
#menu666 li ul {display:none;position:absolute; background:#fff; box-shadow:2px 2px 8px #ddd;}
#menu666 li:hover > ul {display:block; border:1px solid #ccc; padding:0 5px;}
#menu666 li ul li {position:relative;display:block; text-align:left; background:#fff;}
#menu666 li ul li ul {top:0px;}
#menu666 li ul li a{ text-transform:none; font-size:80%; color:#666666; background:#fff;}
#menu666 li ul li a:hover{ color:#000;}

#menu-institucional {width:17%; text-align:left} 
#menu-academica {width:16%}
#menu-investigacion{width:30%}
#menu-arte {width:17%;text-align:right}
#menu-comunidad {width:20%; text-align:right}


#menu-pie-institucional {width:20%; text-align:left} 
#menu-pie-academica {width:20%; text-align:left}
#menu-pie-investigacion{width:27%; text-align:left}
#menu-pie-arte {width:17%;text-align:left}
#menu-pie-comunidad {width:16%; text-align:left}



#ema {text-align:right; margin-top:30px; color:#999; font-size:70%; position:relative; }
#ema .ema-datos {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:120%;}
section{font-size:26px;}


.oculto {display:none !important}	

.enc_escuela {font-size:20px;}	

.cyt a, tr.cyt a{color:#4F9F66 }
.eyn a, tr.eyn a{color:#5A4A94}
.humanidades a, tr.humanidades a{color:#E2AC0F }
.pyg a, tr.pyg a{color:#9C2227 }
.institutos a, tr.institutos a{color:#3BA3AE;}
.color_oficial a, tr.color_oficial a{color:#2C88CD;}

.cyt a:hover{color:#666666}
.eyn a:hover{color:#666666}
.humanidades a:hover{color:#666666}
.pyg a:hover{color:#666666 !important}
.institutos a:hover{color:#666666;}
.color_oficial a:hover{color:#666666;}




.color_cyt {background-color:#4F9F66;}
.color_pyg {background-color:#9C2227;}
.color_eyn {background-color:#5A4A94;}
.color_h {background-color:#E2AC0F;}
.color_inst {background-color:#3BA3AE;}
.bgcolor_oficial {background-color:#004E7F;}

.nota-categoria{color:#2C88CD}


.enc_escuela a:hover{color:#666666}


.grid-instituto {min-height:155px}

.grid-instituto a {color:#3BA3AE}
.grid-instituto a:hover {color:#666666}

.ag-hora, .ag-lugar {font-size:80%}
.ag-detalle {font-size:90%; clear:both; margin-bottom:30px;}
.ag-detalle a {font-weight:300;}


.ag-cultural-hora, .ag-cultural-lugar, .ag-cultural-fecha {font-size:80%}
.ag-cultural-detalle {font-size:90%; clear:both; margin-bottom:10px; word-wrap: break-word;}
.ag-cultural-detalle a {font-weight:400 !important; font-size:14px !important; line-height:18px;}



.nota-link {
	margin-top: 10px;
	font-size: 100%;
}
.nota-link a {font-weight:400;}
.nota-link300 {margin-top:10px;}
.nota-link300 a {font-weight:300;}

.rss_desarrollo{font-weight:300;}


.evento-celda a {color:#444; font-size:120%; line-height:normal; }
.contenido-noticias a {color:#444; font-size:110%; line-height:normal; }

.evento-celda a:hover, .contenido-noticias a:hover {color:#2C88CD}

.evento-celda {color:#666; font-size:120%; line-height:normal; }

.ag-fecha{float:left; border:1px solid #ccc; padding:1px 3px; font-size:22px;  line-height:22px; text-align:center; height:45px; width:45px; color:#1288CD}

.ag-Humanidades-fecha{float:left; border:1px solid #ccc; padding:1px 3px; font-size:22px;  line-height:22px; text-align:center; height:45px; width:45px; color:#E2AC0F}

#seccion-eventos {font-size:75%}	




#menu_ua .titulo {font-size:120%; color:#fff; text-transform:uppercase; font-weight:700; margin-bottom:10px; line-height:normal}


#menu_ua {color:#fff; padding:10px 20px; font-weight:300; }
#menu_ua ul {list-style:none; font-size:90%  }
#menu_ua ul ul {display:none; margin-left:15px;}
#menu_ua ul ul li {padding: 0px; list-style-image: url(../img/lista2.html); }
#menu_ua a {color:#fff;}
#menu_ua a:hover {color:#ddd;}

#menu_ua ul ul a {list-style:none; font-size:90%; color:#ededed; }

#menu_ua .separador {border-top:2px solid #fff; height:10px;}
	




	
#menu_ua_sec .titulo {display:none}


#menu_ua_sec {color:#fff; padding:10px 20px 40px; font-weight:300;}
#menu_ua_sec ul {list-style:none; font-size:90%  }
#menu_ua_sec ul ul {display:none; margin-left:15px;}
#menu_ua_sec ul ul li {padding: 0px; list-style-image: url(../img/lista2.html); }
#menu_ua_sec a {color:#fff;}
#menu_ua_sec a:hover {color:#ddd;}

#menu_ua_sec ul ul a {list-style:none; font-size:90%; color:#ededed; }

#menu_ua_sec .separador {display:none}

footer a {color:#ccc;}
#footer-sec a {color:#666666;}
#footer-sec a:hover {color:#444;}


#menu-ua-terc .titulo {padding:10px 0; font-size:120%;}

#menu-ua-terc li ul li {font-size:80%;  margin-left:5px;}
#menu-ua-terc li ul li:before {content:"> "}
#menu-ua-terc li  {font-size:90%; list-style:none; }

#menu-ua-terc.cyt a{color:#4F9F66;}
#menu-ua-terc.cyt a:hover{color:#666666;}

#menu-ua-terc.cyt li ul li a{color:#666666;}
#menu-ua-terc.cyt li ul li a:hover{color:#4F9F66;}


[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.55556rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.55556rem ; 
	}

.block-grid-2 >li {width:40%; min-height:90px; margin:10px;}
.block-grid-3 >li {width:28%; min-height:65px; margin:10px 20px;}
.block-grid-4 >li {width:21%; min-height:50px; margin:10px;}

#contenido {padding:10px 0 150px 50px; margin-top:4px; font-size:90%}


#contenido-sec {padding:10px 0 150px 35px; margin-top:4px; font-size:90%}
#contenido {padding:10px 0 150px 35px; margin-top:4px; font-size:90%}

#contenido li, #contenido-terc-centro li {margin-left:2em; list-style-image: url(../img/li.png);}
#contenido li.sec, #contenido-terc-centro li.sec {margin-left:2em; list-style-image:none;}

#contenido ul.margin-cero li {margin-left:0 !important}

#contenido-terc {margin-top: 4px; overflow:auto}

#contenido-terc-centro {float:left; padding:20px; width:90%; font-size:95%}


.cyt #menu_sec{font-size:80%; padding:20px 10px; font-weight:700;}
.cyt #menu_sec a, .cyt #menu_sec {color:#777}
.cyt #menu_sec a:hover{color:#4F9F66}

.humanidades #menu_sec{font-size:80%; padding:20px 10px; font-weight:700;}
.humanidades #menu_sec a{color:#777}
.humanidades #menu_sec a:hover{color:#E2AC0F}

.pyg #menu_sec{font-size:80%; padding:20px 10px; font-weight:700;}
.pyg #menu_sec a{color:#777}
.pyg #menu_sec a:hover{color:#9C2227}

.eyn #menu_sec{font-size:80%; padding:20px 10px; font-weight:700;}
.eyn #menu_sec a{color:#777}
.eyn #menu_sec a:hover{color:#5A4A94}

.institutos #menu_sec{font-size:80%; padding:20px 10px; font-weight:700;}
.institutos #menu_sec a{color:#777}
.institutos #menu_sec a:hover{color:#3BA3AE}

.color_oficial #menu_sec{font-size:80%; padding:20px 10px; font-weight:700;}
.color_oficial #menu_sec a{color:#777}
.color_oficial #menu_sec a:hover{color:#2C88CD}


#menu_sec .titulo{display:none}
#menu_sec ul{list-style:none;}

#menu_sec ul ul li{list-style-image:url(../img/flechita_gris.png); margin-left:20px;}

.ul_flechita {list-style-image:url(../img/flechita_gris.png); margin-left:20px; font-size:90%}


#menu_sec ul li ul a{color:#999; font-weight:400}
#menu_sec ul li ul a:hover{color:#444;}


/*Ficha Carreras*/

#carr_nombre {font-size:22px; font-weight:bold; text-transform:uppercase;  margin-top:5px;}
#carr_nombre span { background-color:#FFF; padding:10px 40px 10px 10px; margin-left:30px; }
#carr_links ul {list-style:none}

.item_titulo {font-size:20px; /*text-transform:uppercase*/}


#div_titulo_ter{color:#FFF; height:30px; padding-top:10px;}
#span_titulo_ter{background-color:#fff; padding:12px 40px 12px 60px;}


.ul_padding {padding-left:2em; margin:1em}

.caption {
	display: none;
	position: absolute;
	bottom:0;
	left: 1px;
	background: url(../tss/img/trans-black-50.png);
	-moz-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

}
.caption div {
	color:#FFF;
	padding:10px;
	line-height:14px;
}
.caption div a
{
	font-size:48px !important;
	color:#FFF !important;
	text-transform:none !important;
}









.botones_sec{
  clear:both;
  margin:0px;
  overflow:auto;
  
  margin-left:0 !important;
  margin-bottom:20px !important;
  
  list-style:none;
}

.botones_sec li:hover{

}

.botones_sec a {
  display:inline-block;
  float:left;
  margin:1px;
  padding:5px 10px;
}


.botones_home{
  clear:both;
  margin:0px;
  overflow:auto;
  margin-left:0 !important;
  list-style:none;
}

.botones_sec li:hover{

}

.botones_home a {
  display:inline-block;
  float:left;
  margin:1px;
  padding:5px 10px;
}

.btn_sec_ter{
	padding: 10px 0 0 35px;
	font-size: 90%;
}

.botones_home li a{ border: 1px solid #444; background-color:#fff; color:#444; border-radius:7px; margin-right:10px; }
.botones_home li.ui-tabs-active a{ background-color:#444; color:#fff; border: 1px solid #444;}
.botones_home li.ui-tabs-active a::before{content:url(../img/flecha_blanca_destacados.png); padding-right:10px;}


.vc a { /* Volver Centros */
  display: inline-block;
  float: left;
  margin: 1px;
  padding: 5px 10px;
}

/*
padding: 10px 0 150px 35px;
margin-top: 4px;
font-size: 90%;
*/

.btn_ingreso {
	color:#2C88CD !important;
	font-size:22px !important;
}

.btn_ingreso:hover {
	color:#000 !important;
}

.btn_carreras {
	color:#2C88CD !important;
	font-size:18px !important;
	line-height:normal
}

.btn_carreras:hover {
	color:#000 !important;
}




/* Humanidades */
.p_hum_ag{
	padding:5px;
	background-color:#E6E6E6;
	
	border-radius:			4px;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	-khtml-border-radius: 	4px;
	overflow:hidden;
}
.p_hum_ag img{
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius: 	3px;
	overflow:hidden;
}

.img_margin_left{
	margin-right: 10px;
	margin-bottom:5px;
	float:left;
}

.img_margin_right{
	margin-left: 10px;
	margin-bottom:5px;
	float:right;
}

.staff_pic{
/*	width:32%;*/
	margin-right:10px;
	margin-bottom:20px;
	border:#ddd solid 1px;
	min-height:330px;
}


.staff_pic2{
	margin-right:1%;
	margin-bottom:2%;
	float:left;
	text-align:center;
	border:#ddd solid 1px;
}


.staff_dat{
/*	width:70%;
	clear:both;
	margin:0 auto;*/
	padding:10px 10px 0 5px;
}

.link_blanco {color:#fff !important}
.link_blanco:hover {color:#000 !important}

#destacados_idaes{
	min-height:300px;
	padding:10px; 
	margin: 0 10px 10px 0; 
	background-color:#3BA3AE;
	}
	
.texto_idaes_home{
	font-size:120%;
}
	

#destacados-humanidades-home .grid4{
	min-height:340px;
	font-weight:300 !important;
	font-size:110%;

	}	

#destacados-humanidades-home .grid4 a{	
	font-weight:300 !important;
	color:#444;
}

#destacados-humanidades-home .grid4 a:hover{	
	color:#E2AC0f;
}

	/* Media queries */
	@media only screen and (min-width: 1200px) {
		.contenedor{width:1200px;margin:0 auto;}
		.oculto-desktop{display:none !important}
		#slider1_destacados_container {width:1200px !important}
		.separador-eventos1 {display:none}
		.separador-eventos2 {display:none}
		.evento-celda{width:25%; vertical-align:top;}
		#nota1, #nota2, #nota3, #nota4, #nota5, #nota6 {min-height:300px;}
		#nota555 {height:150px;}
		.nota-foto{}
		.nota-categoria{font-size:95%}
		.nota-texto{font-size:90%; margin-bottom:15px; font-weight:300}
		.ag-lugar{overflow: hidden; line-height: 22px; text-overflow: ellipsis;white-space: nowrap;}
		#menu2 {text-align:right; margin-top:-7px;}
	}
 
	@media only screen and (max-width: 1200px) and (min-width: 980px) {
		.contenedor{width:960px;margin:0 auto;}
		.oculto-desktop{display:none !important}
		.enc_escuela {font-size:16px;}			
		#slider1_destacados_container {width:980px !important}
		.separador-eventos1 {display:none}
		.separador-eventos2 {display:none}
		.evento-celda{width:25%; vertical-align:top;}
		#nota1, #nota2, #nota3, #nota4, #nota5, #nota6 {min-height:280px;}
		.nota-foto{}
		.nota-categoria{font-size:80%}
		.nota-texto{font-size:90%; margin-bottom:15px; font-weight:300}
		.ag-lugar{overflow: hidden; line-height: 22px; text-overflow: ellipsis;white-space: nowrap;}
		#menu2 {text-align:right; margin-top:-7px;}
		#div_titulo_ter{color:#FFF; height:30px; padding-top:10px;}
		#span_titulo_ter{background-color:#fff; padding:12px 40px;}
		
		.staff_pic{ /* pcvg */
			width:48%;
		}
		.texto_idaes_home{
	font-size:90%;
}
	}
 
	@media only screen and (min-width: 768px) and (max-width: 979px) {
		.contenedor{width:760px;margin:0 auto;}
		.oculto-desktop{display:none !important}
		.enc_escuela {font-size:12px;}			
		#slider1_destacados_container {width:768px !important}
		.separador-eventos1 {display:none}
		.separador-eventos2 {display:none}
		.evento-celda{width:25%; vertical-align:top;}
		.evento-celda a {font-size:100%}
		.nota-foto{}
		#nota1, #nota2, #nota3, #nota4, #nota5, #nota6 {min-height:220px;}
		.nota-categoria{font-size:70%}
		.nota-texto{font-size:90%; margin-bottom:15px; font-weight:300}
		.ag-lugar{overflow: hidden; line-height: 22px; text-overflow: ellipsis;white-space: nowrap;}
		#menu2 {text-align:right; margin-top:-7px;}
		.block-grid-2 >li {width:40%; min-height:120px; margin:10px;}
		
		#div_titulo_ter{color:#FFF; height:30px; padding-top:10px;}
		#span_titulo_ter{background-color:#fff; padding:12px 20px;}
		#nav-principal label, #menu2 li a {font-size:85%}

		.staff_pic{ /* pcvg */
			width:48%;
		}
		
		.texto_idaes_home{
	font-size:78%;
}
		
	}
 

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.contenedor{width:480px;margin:0 auto;}
		div[class*='grid'] {width:50%}
		/*div[class='grid3'] {width:100%}*/
		div[class='grid6'] {width:100%}		
		div[class='grid9'] {width:100%}		
		div[class='grid12'] {width:100%}
		
		div[class='chgrid6'] {width:50% !important}
		
		#menu-institucional, #menu-academica, #menu-arte, #menu-comunidad {width:100%}
		#menu-investigacion{width:100%}
		#menu-arte, #menu-comunidad {text-align:left}
		.oculto-movil{display:none !important}
		.enc_escuela {font-size:16px;}			
		#slider1_destacados_container {width:480px !important}
		.separador-eventos1 {display:none}
		.separador-eventos2 {display:table-row}
		.evento-celda{width:50%; vertical-align:top;}
		.nota-texto{font-size:90%; margin-bottom:15px; font-weight:300}
		.ag-lugar{overflow: hidden; line-height: 22px; text-overflow: ellipsis;white-space: nowrap;}
		#nota1, #nota2, #nota3, #nota4, #nota5, #nota6 {min-height:220px;}
		.block-grid-2 >li {width:100%; min-height:50px; border:1px solid; margin:2px;}
		.block-grid-3 >li {width:100%; min-height:50px; border:1px solid; margin:2px;}
		.block-grid-4 >li {width:100%; min-height:50px; border:1px solid; margin:2px;}
		#contenido {padding:10px 0 0 30px; margin-top:0px;}
		#div_titulo_ter{color:#FFF; height:30px; padding-top:10px;}
		#span_titulo_ter{background-color:#fff; padding:12px 20px;}
		#menu1 {margin-top:60px; margin-bottom:0px; text-transform:uppercase}
		#menu1.scroll-to-fixed-fixed{margin-top:0px;}		
		
		#menu2 {text-align:left; margin-top:12px;}
		#menu2 a{font-weight:300;}

		#logo-unsam{margin:0 15px;}
		
		.staff_pic{ /* pcvg */
			width:48%;
		}
		.texto_idaes_home{
	font-size:100%;
}
	}

	@media only screen and (max-width: 479px) {
		.contenedor{width:320px;margin:0 auto;}
		div[class*='grid'] {width:100%}

		#menu-institucional, #menu-academica, #menu-arte, #menu-comunidad {width:100%}
		#menu-investigacion{width:100%}
		#menu-arte, #menu-comunidad {text-align:left}

		.oculto-movil{display:none !important}		
		section {font-size:24px;}
		.grid-instituto {min-height:15px}
		#seccion-destacados {display:none}
		.separador-eventos1 {display:table-row}
		.separador-eventos2 {display:table-row}
		.evento-celda{width:100%; vertical-align:top;}
		.nota-texto{font-size:90%; margin-bottom:15px;}
		.ag-lugar{overflow: hidden; line-height: 22px; text-overflow: ellipsis;white-space: nowrap;}
		.block-grid-2 >li {width:100%; min-height:50px; border:1px solid; margin:2px;}
		.block-grid-3 >li {width:100%; min-height:50px; border:1px solid; margin:2px;}		
		.block-grid-4 >li {width:100%; min-height:50px; border:1px solid; margin:2px;}
		#contenido {padding:10px 0 0 30px; margin-top:0px;}
		#div_titulo_ter{color:#000; height:30px; padding-top:10px; background-color:#fff !important;}
		#span_titulo_ter{background-color:#fff; padding:0 10px;}
		#menu1 {margin-top:80px; margin-bottom:0px; text-transform:uppercase}
		#menu1.scroll-to-fixed-fixed{margin-top:0px;}		

		#menu2 {text-align:left; margin-top:12px;}
		#menu2 a{font-weight:300;}
		
		#logo-unsam{margin:0 15px;}
		#footer-sec, #footer-home {font-size:80%}
		#buscador-google {margin-top:15px;}

		.staff_pic{ /* pcvg */
			width:98%;
			margin:0 auto;
			float:left;
			text-align:center;
			margin-bottom:2%;
		}
		.texto_idaes_home{
	font-size:100%;
}
		
}