@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	background:#00404A url(../img/bg.jpg) fixed bottom no-repeat;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#006C3A;
	text-align:left;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:0;
	background:url(../img/fle.png) 0px 3px no-repeat;
	padding-left:23px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:16px;
	color:#006C3A;
	text-align:left;
	margin-top:25px;
	margin-bottom:0;
}

#staff h2 {
	margin-top:0;
}

/* //////////////////// */

/* h3 está en Novedades */

/* //////////////////// */

h4 { /*Para el navega en la parte inferior*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:24px;
	color:#999;
	text-align:left;
	margin-top:30px;
	margin-bottom:5px;
	padding-left:45px;
	height:40px;
	background:url(../img/navega.jpg) left no-repeat;
	float:left;
}

h5 { /*Para los títulos de los programas curriculares*/
	font:24px/30px normal Georgia, "Times New Roman", Times, serif;
	width:378px; height:35px;
	color:#999;
	margin-top:20px;
	background:url(../img/bg_h5.jpg) repeat-y;
	text-align:right;
	padding-right:10px;
	padding-top:5px;
	margin-bottom:-9px;
}

h6 { /*Para los títulos de cada programa extracurricular*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:20px;
	color:#006C3A;
	text-align:left;
	margin-top:25px;
	margin-bottom:0;	
}

img {
	border:0;
}

ul {
	margin-top:0;
}

/*#contenido li {
	background:url(../img/li_c.jpg) no-repeat 0 5px;
	list-style:none;
	text-align:justify;
	padding-left:9px;
	margin:8px 4px 4px -15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}*/

#contenido li {
	list-style:none;
	margin:8px 4px 4px -15px;
}

#contenido #programa li,#contenido ul.manito li { /* Funciona por defecto como li en #programa, o fuera de el llamandolo desde las propiedades del ul "manito"*/
	background:url(../img/li/mano_si.gif) no-repeat 0 5px;
	list-style:none;
	text-align:left;
	padding-left:20px;
	padding-top:7px;
	margin:8px 4px 4px -35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:16px;
	height:auto;
}

#contenido #programa li.grupo {
	background:url(../img/li/grupo.gif) no-repeat 0 5px;
	height:auto;
}

#contenido #programa li.reloj {
	background:url(../img/li/reloj.gif) no-repeat 0 5px;
	height:auto;
}

#contenido #programa li.pc {
	background:url(../img/li/pc.gif) no-repeat 0 5px;
	height:auto;
}

#contenido #programa li.dialogo {
	background:url(../img/li/dialogo.gif) no-repeat 0 5px;
	height:auto;
}

#contenido #programa li.cap {
	background:url(../img/li/cap.gif) no-repeat 0 5px;
	height:auto;
}

#contenido #programa ul.ok li {
	background:url(../img/li/ok.gif) no-repeat 0 5px;
	height:auto;
}


	*html #programa li {
		background:no-repeat 0 9px;
	}

	
	
/* li numerado */

ol li {
		list-style-type:decimal;
		background:url(../img/li_number.jpg) no-repeat 0px 0px;
		list-style-position:inside;
		padding-left:2px;
		margin:0 4px 4px -30px;
	}
	
	
u {
	font:14px/18px Georgia, "Times New Roman", Times, serif;
	color:#999;
	text-decoration:none;
	text-align:left;
	font-style:italic;
	margin:0;
}		

.leyenda {
	color:#666;
}

.top {
	width:780px;
	height:104px;
}

.header {
	width:780px;
	height:155px;
}

#mapa {
	width:385px;
	height:34px;
	border-bottom:1px solid #CCE2D8;
	text-align:left;
	/*background:url(../img/bg_mapa.jpg) no-repeat 0 10px;*/
}

/*#linea {
	width:100%; height:5px;
	margin-bottom:0px;
	border-bottom:1px dashed #ccc;
	background:none;
	float:left;
}*/

	#contenido #mapa p {
		margin:0px;
		padding-top:10px;
		font-size:12px;
		color:#000;
		font-family:Arial;
	}
	
	#contenido #mapa a{
		text-decoration:none;
		color:#666;
		background:none;
	}
	
	#contenido #mapa a:hover {
		border-bottom:1px dashed #A3A3A3;
		color:#A3A3A3;
	}
	

#contenido p.cita {
	width:280px;
	background:url(../img/cita.jpg) no-repeat left top;
	margin-left:20px;
	padding:6px 0 0 25px;
	font-style:italic;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
}

#botonera {
	width:176px;
	background:#E7E7E7;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-align:left;
}

	#botonera a {
		display:block;
		width:156px;
		height:23px;
		border-bottom:1px solid #BCBCBC;
		margin-left:0px;
		padding-top:10px;
		padding-left:20px;
		color:#333;
		text-decoration:none;
	}
	
	#botonera a:hover {
		background:url(../img/bg_boton.jpg) repeat-y;
		color:#006C3A;
	}

#contenido {
	width:390px;
	background:url(../img/bg_contenido.jpg) no-repeat top right #fff;
	padding:0 20px 25px 20px;
}

#contenido #index {
	width:604px;
}

#contenido p {
	font:12px/18px Arial, Helvetica, Verdana;
	text-align:justify;
	margin:10px 0 10px 0px;
}

#contenido #programa p {
	font:12px/18px Arial, Helvetica, Verdana;
	text-align:justify;
	margin:10px 0 10px 23px;
}

#contenido img {
	margin:8px 0 -6px 0;
}

#contenido #index img {
	margin:0;
}

#contenido a {
	text-decoration:none;
	color:#000;
}

#contenido a.mas {
	background:url(../img/ico_mas.gif) no-repeat 1px 4px;
	padding-left:15px;
	width:50px;
	border-bottom:1px dashed #006C3A;
	font-weight:bold;
}

#contenido a.mail {
	text-decoration:none;
	color:#999;
	border-bottom:1px dashed #006C3A;
	background:url(../img/ico_mail.gif) no-repeat left;
	width:250px;
	padding-left:18px;
}

#contenido a.mail:hover {
	background:url(../img/ico_mail_hover.gif) no-repeat left;
	border:0;
}

#contenido a:hover {
	background-color:#E5F0EB;
}

		/* SECCION NOVEDADES */
		
		#contenido #novedades {
			width:100%; min-height:200px;
		}
		
		#contenido #novedades p {
			text-align:left;
		}

		#contenido div.foto {
			float:right;
			margin:0 0 8px 0;
			width:195px; height:136px;
			background:url(../img/bg_foto_novedad.jpg) no-repeat bottom;
			text-align:right;
		}
		
			#contenido div.foto img {
				margin-top:0;
				width:182px; height:122px;
			}
		
		#contenido #novedades .separa {
			background:url(../img/separa.gif) repeat-x;
			width:385px;
			height:2px;
			float:left;
		}
		
		#novedades h2 {
			margin:10px 0 ;
			font-size:18px;
		}

		#novedades h3 {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:normal;
			font-size:12px;
			color:#999;
			text-align:left;
			margin-top:0px;
			margin-bottom:-7px;
		}
		
		
		#contenido #extracurricular img {
			margin-bottom:5px;
		}
		
		
		

#floatbar {
	background-color:#fff;
	width:174px;
	text-align:left;
}

	#floatbar li {
		background:url(../img/li.gif) no-repeat;
		list-style:none;
		padding-bottom:2px;
		padding-left:22px;
		width:120px;
		margin-bottom:10px;
		text-align:left;
		margin-left:-30px;
		font:12px Arial, Helvetica, sans-serif;
	}
	
	#floatbar li:hover {
		background:url(../img/li_act.gif) no-repeat;
	}

	
	#floatbar a {
		color:#666;
		text-decoration:none;
	}
	
	#floatbar a:hover {
		color:#A3A3A3;
		border-bottom:1px solid #A3A3A3;
	}
	
	#floatbar img {
		margin-bottom:8px;
	}

#footer {
	width:780px;
	height:164px;
	background:url(../img/footer.jpg) repeat-x;
	font:12px/18px Arial, Helvetica, Verdana;
	padding-top:8px;
	color:#D6E7DF;
	text-align:left;
	margin: 0 auto;
	position: relative;
}

	#footer div {
		margin-left:50px;
		margin-top:40px;
		float:left;
		width:126px;
	}
	
	#footer div.info {
		float:left;
		margin-top:0;
		margin-left:0;
		height:164px;
		width:400px;
	}
	
	#footer #infinito
	{
		position: absolute;
		width: 170px;
		height: 61px;
		right: 0;
		bottom: 0;
	}
	
	#infinito img
	{
		margin: 0;
		padding: 0;
		float: none;
	}
	
	#footer a {
		text-decoration:none;
		color:#D6E7DF;
		float:left;
	}
		
	#footer a:hover {
		background-color:#53A880;
	}
	
	#footer p {
		border-bottom:1px solid #1A6B45;
		width:300px;
		padding-bottom:10px;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	/* LINKS */
	
	#contenido #links {
		width:300px;
	}
	
		#contenido #programa #links { /* Se comporta distinto para cuando está solo el "ir arriba", sin los otros links*/
			height:25px;
			width:390px;
			text-align:right;
		}
	
	#contenido #links a {
		width:250px; height:17px;
		padding:9px 0 5px 23px;
		text-align:left;
		font:12px/14px Arial, Helvetica, sans-serif;
		border-bottom:1px solid #EEEEEE;
		float:left;
		text-decoration:underline;
	}
	
		#contenido #programa #links a { /* Se comporta distinto para cuando está solo el "ir arriba", sin los otros links*/
			text-align:right;
			float:right;
			padding-right:23px;
			text-decoration:underline;
		}
		
		#contenido #programa #links a:hover {
			text-decoration:none;
		}
	
	#contenido #links a:hover {
		text-decoration:none;
	}
		
	#contenido #links a.archivo {
		background:url(../img/ico_archivonovedades.jpg) no-repeat left;
	}
	
	
	#contenido #links a.arriba {
		background:url(../img/ico_arriba.jpg) no-repeat left;
	}
	
		#contenido #programa #links a.arriba  { /* Se comporta distinto para cuando está solo el "ir arriba", sin los otros links*/
			background:url(../img/ico_arriba.jpg) no-repeat right;
		}
	
	#contenido #links a.atras {
		background:url(../img/ico_atras.jpg) no-repeat left;
	}
	
	
/* SECCION STAFF */

	#contenido #staff {
		margin-top:15px;
		width:390px;
		float:left;
		margin-bottom:-40px;
		overflow: hidden;
	}
	
	#contenido #staff ul {
		width:350px;
		float:left;
		/*margin:15px 0 50px 0;*/
		margin-bottom:50px;
		margin-left:0px;
		padding-left:20px;
		clear: both;
	}
	

	#contenido #staff li {
		width:105px; height:141px;
		background:url(../img/bg_cv.jpg) top left no-repeat;
		float:left;
		margin-right:25px;
		margin-top:20px;
	}
	
		*html #contenido #staff li {
			margin-left:0;
			margin-right:10px;
		}
		
	#contenido #staff li img {
		margin-top:0;
		margin-left:12px;
		float:left;
		border:0;
	}
		

	#contenido #staff span {
		float:left;
		margin-top:20px;
		margin-left:10px;
		text-align:left;
		font:12px/18px Arial, Helvetica, Verdana;
	}
	
	
#scroll_top a {
  display: block;
  position: fixed;
  top: 285px;
  right: 30px;
  background: url(../img/scroll_top.gif) no-repeat left top;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
}

#scroll_bottom a {
  display: block;
  position: fixed;
  top: 315px;
  right: 30px;
  background: url(../img/scroll_bottom.gif) no-repeat left top;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
}

.firma {
	float:right; margin-right:55px; margin-top:-60px;}