/* 
	Maquetado por Santiago Tula
	Contacto: santiskap@gmail.com
	31 de Julio del 2008
	modificado: 12 oct 2008
*/
/*--------------- BASICOS ------------------------------------------------ */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
height: 100%;
cursor: default;
font-family: arial;
background: #bbb;
}
abbr, acronym{
cursor: help;
border: none;
}
hr{
display: none;
}
h4{
font-size: 0.9em;
margin: 10px 0 10px 20px;
font-family: Garamond;
color: #5091C0;
text-decoration: underline;
}
p.oculto{
text-indent: -999999px;
font-size: 0.1em;
}
/* -------------------------------------------------------------/* INFORMACION VARIABLE*/

/* -----------------------------------------------------------/* CONTENEDORES */
#contenedor{
width: 930px;
height: auto;
margin: auto;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
min-height: 100%;
background: #fff;
}
/* -----------------------------------------------------------/* HEADER */
#header h1{
background: url("../images/header.jpg") no-repeat;
text-indent: -9000px;
font-size: 0.5em;
display: block;
width: 930px;
height: 300px;

}
/* -----------------------------------------------------------/* MENU*/
#menu{
width: 220px;
float: right;
cursor: pointer;
}
	#menu h2{
	height: 31px;
	margin: 10px 0 0 6px;
	text-indent: -9000px;
	background: url("../images/secciones.jpg") no-repeat;
	cursor: auto;
	}
	#menu ul{
	list-style-type: none;
	background: url("../images/bg_menu.jpg") top;
	}
		#menu ul li a{
		font-size: 0.70em;
		font-family: verdana;
		font-weight: bold;
		color: #62A2D2;
		text-decoration: none;
		width: 160px;
		display: block;
		margin: 0;
		}
		#menu ul li ul li a:hover{
		color: #1B5B9B;
		}
/* ----------/* CRONOGRAMA */
		#cronograma h3{
		height: 69px;
		background: url("../images/cronograma2.jpg"); 
		text-indent: -9000px;
		}
		#cronograma h3:hover{
		height: 69px;
		background: url("../images/cronograma_hover2.jpg");
		text-indent: -9000px;
		}
		#cronograma h3 a{
		display: block;
		height: 69px;
		color: #fff;
		font-size: 0.5em;
		text-indent: -9999px;
		width: auto !important;
		}
		#cronograma ul li a{
		padding: 5px 0 5px 30px;
		list-style-type: none;
		}
		#cronograma ul li a:hover{
		color: black;
		}
/* ----------/* HOME */
		#home h3{
		height: 69px;
		background: url("../images/noticias.jpg"); 
		text-indent: -9000px;
		}
		#home h3:hover{
		height: 69px;
		background: url("../images/noticias_hover.jpg");
		text-indent: -9000px;
		}
		#home ul li a{
		padding: 5px 0 5px 30px;
		list-style-type: none;
		}
		#home ul li a:hover{
		color: black;
		}
/* ----------/* INSTITUCION*/
		#institucion h3{
		height: 69px;
		background: url("../images/institucion.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#institucion h3:hover{
		height: 69px;
		background: url("../images/institucion_hover.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#institucion ul li a{
		padding: 5px 0 5px 30px;
		list-style-type: none;
		}
		#institucion ul li a:hover{
		color: black;
		}
/* ----------/* CURSOS */
		#cursos h3{
		height: 69px;
		background: url("../images/cursos.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#cursos h3:hover{
		height: 69px;
		background: url("../images/cursos_hover.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#cursos ul li a{
		padding: 5px 0 5px 30px;
		list-style-type: none;
		}
		#cursos ul li a:hover{
		color: black;
		}
/* ----------/* ARTICULOS*/
		#articulos h3{
		height: 69px;
		background: url("../images/articulos.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#articulos h3:hover{
		height: 69px;
		background: url("../images/articulos_hover.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#articulosul li a{
		padding: 10px 0 10px 30px;
		list-style-type: none;
		}
		#articulos ul li a:hover{
		color: black;
		}
		#articulos h3 a{
		display: block;
		height: 69px;
		color: #fff;
		font-size: 0.5em;
		text-indent: -9999px;
		width: auto !important;
		}
/* ----------/* MULTIMEDIA*/
		#multimedia h3{
		height: 69px;
		background: url("../images/multimedia.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#multimedia h3:hover{
		height: 69px;
		background: url("../images/multimedia_hover.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#multimedia ul li a{
		padding: 5px 0 5px 30px;
		list-style-type: none;
		}
		#multimedia ul li a:hover{
		color: black;
		}
		#multimedia h3 a{
		display: block;
		height: 69px;
		color: #fff;
		font-size: 0.5em;
		text-indent: -9999px;
		width: auto !important;
		}
/* ----------/* FOTOS*/
		#fotos h3{
		height: 69px;
		background: url("../images/fotos.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#fotos h3:hover{
		height: 69px;
		background: url("../images/fotos_hover.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#fotos ul li a{
		padding: 5px 0 5px 30px;
		list-style-type: none;
		}
		#fotos ul li a:hover{
		color: black;
		}
		#fotos h3 a{
		display: block;
		height: 69px;
		color: #fff;
		font-size: 0.5em;
		text-indent: -9999px;
		width: auto !important;
		}
/* ----------/* HOMOLOGACIONES*/
		#homologaciones h3{
		height: 69px;
		background: url("../images/homologaciones.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#homologaciones h3:hover{
		height: 69px;
		background: url("../images/homologaciones_hover.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}
		#homologaciones ul li a{
		padding: 5px 0 5px 30px;
		list-style-type: none;
		}
		#homologaciones ul li a:hover{
		color: black;
		}
/* ----------/* CONTACTO*/
		#contacto h3{
		height: 69px;
		background: url("../images/contacto.jpg"); 
		padding: 0;
		}
		#contacto h3 a{
		display: block;
		height: 69px;
		color: #fff;
		font-size: 0.5em;
		text-indent: -9999px;
		width: auto !important;
		}
		#contacto h3:hover{
		height: 69px;
		background: url("../images/contacto_hover.jpg"); 
		padding: 0;
		text-indent: -9000px;
		}			
/* ----------------------------------------------------------------------------------------------------------------------------/* INFO */
#info{
height: auto;
width: 490px;
min-height: 100%;
float: right;
}
	#info .noticia {
	clear: both;
	width: 450px;
	padding: 0 0 0 10px;
	background: url("../images/li_bottom.jpg") no-repeat left bottom;
	cursor: pointer;
	}
		
		#info .noticia img{
		float: left;
		padding: 0 5px 5px 5px;
		}
		#info .noticia h2 a{
		font-size: 0.5em;
		font-family: verdana;
		color: #448DC4;
		text-decoration: none;
		margin: 8px 0 10px 20px;
		}
		#info .noticia h2 a:hover{
		color: #1B5B9B;
		}
		#info .noticia h3{
		font-size: 0.80em;
		font-family: verdana;
		color: #5091C0;
		margin: 8px 0 10px 20px;
		}		
		#info .noticia p{
		font-family: arial, verdana, tahoma;
		font-size: 0.75em;
		padding: 0 5px 15px 20px;
		cursor: auto;
		color: #444;
		}
			#info .noticia p a{
			color: #E54F36;
			text-decoration: none;
			font-size: 0.8em;
			font-family: verdana, arial, tahoma;
			font-weight: bold;
			margin: 0 0 0 300px;
			}
				#info .noticia p a:hover{
				color: #666;
				}				
			#info .noticia p strong{
			display: block;
			font-family: verdana;
			font-size: 0.80em;
			color: #777;
			padding: 0 0 0 5px;
			cursor: pointer;
			}
			#info .noticia p strong:hover{
			color: #333;
			}
		#info .noticia img{
		padding: 0 0 0 20px;
		}
		#info .noticia div{
		background: url("../images/li_bottom.jpg") no-repeat left bottom;
		padding: 0 0 20px 0;
		}
/* ---------------------------------------------/* TITULOS */	
		#info h2.noticias{
		background: url("../images/noticias_novedades.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.institucion{
		background: url("../images/institucion_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.docentes{
		background: url("../images/docentes_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.evaluacion{
		background: url("../images/evaluacion_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.info_cursos{
		background: url("../images/cursos_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.programas{
		background: url("../images/programas_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.video{
		background: url("../images/videos_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.fotos{
		background: url("../images/fotos_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.contacto{
		background: url("../images/contacto_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.cronograma{
		background: url("../images/cronograma_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.articulos{
		background: url("../images/notas_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.inscripciones{
		background: url("../images/inscripciones_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.delegaciones{
		background: url("../images/delegaciones_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
		#info h2.sitios_interes{
		background: url("../images/sitios_interes_tit.jpg") no-repeat;
		text-indent: -9000px;
		font-size: 0.5em;
		padding: 0 0 40px 0;
		}
/* ---------------------------------------------/* FIN TITULOS */	
			#info .noticia  ul{
			padding: 0 0 15px 45px;
			font-size: 0.8em;
			}
				#info .noticia  ul li a{
				color: black;
				text-decoration: none;
				}
				#info .noticia  ul li a:hover{
				color: #E54F36;
				}
				#info .noticia  ul li{
				list-style-image: url("../images/li_hover.jpg");
				padding: 3px 0 3px 0;
				}				
				#info .noticia  ul li:hover{
				list-style-image: url("../images/li.jpg");
				}
		#info table{
		text-align: center;
		width: 450px;
		font-size: 0.9em;
		}
			#info table tr:hover{
			background: #EFF8FF;
			}
			#info table td{
			width: 400px;
			height: 40px;
			}
		#info p.flechas{
		float: right;
		margin: 0 40px 0 0;
		}
		#info p.flechas img{
		border: 0;
		}
		#info .noticia h3 a{
		color: #768a9f;
		font-size: 0.85em;
		text-decoration: none;
		display: block;
		height: auto;
		width: 450px;
		padding: 10px 5px 10px 5px;
		border: 1px solid #fff;
		}
		#info .noticia h3 a:hover{
		color: #CA3423;
		background: #EFF8FF;
		border: 1px solid #ccc;
		}
		#info ul.listado_noticias li{
		list-style: none;
		margin-top: 5px;
		}
		#info ul.listado_noticias li h3 a{
		color: #768a9f;
		font-size: 0.7em;
		text-decoration: none;
		}	
		#info ul.listado_noticias li h3 a:hover{
		color: #358DC4;
		font-size: 0.7em;
		text-decoration: underline;
		}	
		#info ul.listado_noticias li em{
		color: #cd3c27;
		font-family: verdana, arial, tahoma;
		font-size: 0.7em;
		}
		#info .video h3{
		font-size: 0.8em;
		font-family: verdana;
		color: #5091C0;
		margin: 8px 0 10px 20px;
		}
		#info .video p{
		font-family: arial, verdana, tahoma;
		font-size: 0.80em;
		padding: 0 5px 15px 20px;
		margin: 20px 0 0 0;
		cursor: auto;
		}
		#info .googleVideo{
		padding: 0 5px 10px 30px;
		}
		#info .video_b{
		width: 460px;
		background: #F3F3F3;
		border-top: 2px solid #448DC4;
		border-bottom: 2px solid #448DC4;
		border-left: 1px solid #448DC4;
		border-right: 1px solid #448DC4;
		margin: 20px 0 0 0;
		}
		#info .video_a{
		width: 460px;
		background: #EFF8FF;
		border-top: 2px solid #448DC4;
		border-bottom: 2px solid #448DC4;
		border-left: 1px solid #448DC4;
		border-right: 1px solid #448DC4;
		margin: 20px 0 0 0;
		}
/* -----------------------------------------------------------/* PUBLICIDAD */
#publicidad{
width: 187px;
margin: 0 0 0 10px;
}
	#publicidad h2{
	height: 28px;
	margin: 10px 0 0 0;
	text-indent: -9000px;
	background: url("../images/fotos_cursos.jpg");
	}
	#publicidad img{
	margin: 20px 0 0 0;
	}
#noticias{
width: 191px;
list-style: none;
}
	/* Instancia Inicial */
	#noticias li{
	width: 170px;
	padding: 0 10px 5px 7px;
	background: url("../images/blanco.jpg");
	}
		#noticias li h3{
		color: #60A1D1;
		font-size: 0.8em;
		padding: 5px 7px 5px 7px;
		}
		#noticias li h3:hover{
		color: #E54F36;
		}
		#noticias li p{
		color: #464646;
		font-size: 0.75em;
		padding: 0 7px 5px 7px;
		}
			#noticias li p a{
			display: block;
			color: #E54F36;
			text-align: right;
			font-weight: bold;
			text-decoration: none;
			padding: 2px 0 0 0;
			}
			
		#noticias li div{
		padding: 10px 0 0 0;
		}
			#noticias li div img{
			width: auto;
			padding: 0 0 0 7px;
			}
			
	/* Instancia Activa */
	#noticias .activo{
	background: url("../images/azul.jpg") no-repeat bottom;
	}
		#noticias .activo h3{
		color: #fff;
		}
		#noticias .activo p{
		color: #fff;
		}
			#noticias .activo p a{
			color: #fff;
			}
/*------------------------------------------------------------/ CLEAR */
.clear{
clear: both;
}
/* -----------------------------------------------------------/* PIE */
#pie{
height: 70px;
width: 930px;
margin: 0 auto 0 auto;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
background: url("../images/pie.jpg");
}
#pie p{
padding: 40px 0 0 0;
font-size: 0.7em;
color: #4392CA;
text-align: center;
}
#pie p a{
font-size: 0.9em;
color: #E54F36;
text-decoration: none;
}
/* -----------------------------------------------------------/* FORMULARIO */
#info form p{
margin-left: 120px;
font-family: verdana;
font-size: 0.75em;
color: #595959;
margin-bottom: 10px;
}
#info form p label input{
border: 1px solid #448DC4;
background: #E9F6FF;
font-size: 0.9em;
width: 200px;
margin-top: 3px;
}
#info form p label input:hover{
background: #83BFE4;
}
#info form p label select{
border: 1px solid #448DC4;
background: #E9F6FF;
font-size: 0.85em;
width: 200px;
margin-top: 2px;
}

#info form p label textarea{
border: 1px solid #448DC4;
background: #E9F6FF;
width: 200px;
margin-top: 2px;
}
#info form p label textarea:hover{
background: #83BFE4;
}
#info form p.enviar input{
border: 1px solid black;
width: 160px;
background: #448DC4;
font-size: 0.9em;
font-weight: bold;
margin: 0 0 0 20px;
color: #fff;
padding: 2px 5px 2px 5px;
}
#info form p.enviar input:hover{
background: #E9F6FF;
color: #448DC4;
}
/* -----------------------------------------------------------/* FIN FORMULARIO*/
/* -----------------------------------------------------------/* GALERIA*/
#galeria_cursos{
margin: 0 0 20px 0;
}
#galeria_cursos ul{
padding: 5px 5px 5px 5px;
background: #E9F6FF;
width: 450px;
height: 795px;
border: 1px solid #448DC4;
}
#galeria_cursos ul li{
list-style: none;
float: left;
margin: 5px 10px 5px 10px;
}
#galeria_cursos ul li img{
border: 1px solid #448DC4;
}
#galeria_cursos ul li img:hover{
border: 1px solid #316AA0;
}
#galeria_internacionales{
margin: 0 0 20px 0;
}
#galeria_internacionales ul{
padding: 5px 5px 5px 5px;
background: #E9F6FF;
width: 450px;
height: 225px;
border: 1px solid #448DC4;
}
#galeria_internacionales ul li{
list-style: none;
float: left;
margin: 5px 10px 5px 10px;
}
#galeria_internacionales ul li img{
border: 1px solid #448DC4;
}
#galeria_internacionales ul li img:hover{
border: 1px solid #316AA0;
}

#galeria_profesionales{
margin: 0 0 20px 0;
}
#galeria_profesionales ul{
padding: 5px 5px 5px 5px;
background: #E9F6FF;
width: 450px;
height: 80px;
border: 1px solid #448DC4;
}
#galeria_profesionales ul li{
list-style: none;
float: left;
margin: 5px 10px 5px 10px;
}
#galeria_profesionales ul li img{
border: 1px solid #448DC4;
}
#galeria_profesionales ul li img:hover{
border: 1px solid #316AA0;
}

/* EXTRAS */

/* GALERIA DE FOTOS */
#lightbox{
background-color: #eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}	
#lightboxCaption{
float: left;
}
#keyboardMsg{
float: right;
}
#closeButton{ 
top: 5px; right: 5px;
}

#lightbox img{
border: none;
clear: both;
} 
#overlay img{
border: none;
}
#overlay{
background-image: url("../images/overlay.png");
}

*html #overlay{
background-color: #333;
background-image: url(../images/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	/* FIN GALERIA DE FOTOS */
/* FIN EXTRAS */
/* -----------------------------------------------------------/* FIN GALERIA*/