/* CSS Document */


/*ESTA PRIMERA PARTE DEL CODIGO DEFINE EL LAYOUT*/


/*Define los margenes de TODO para cualquier browser*/
html, body {
	margin: 0 auto;
	padding: 0;
	
}

a:link img{ 
border: none;
}

/*Contiene TODO el sitio, sirve para centrarlo*/
#superContainer {
	height: auto;
	width: 825px;
	margin-bottom: 0;
	margin: 0 auto;
	padding: 0px;
}

/*Links de arriba*/
#upper {
	height: 15px;
	width: 800px;
	margin-bottom: 25px;
	margin:0 auto;
	padding: 0px;
	}

/*Banner de arriba*/
#upBanner {
	height: auto;
	width: 825px;
	padding: 0;
	margin: 0;
	}

/*Contiene los elementos basicos: Container, Banner, Menu, Quickmenu*/
#container {
	height: auto;
	width: 720 px;
	margin-top:15px;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-right: 40px;
	padding: 0px;
	clear: both;
}


/*Area que contiene el swf con el menu*/
#menu {
	width: 110px;
	float:left;
	margin-top: 25px;
	padding: 0px;
}

/*Area central con texto de bienvenida y cuadro de noticias*/
#content {
	height: 0 auto;
	width: 0 auto;
	margin-top:0px;
	margin-left:125px;
	margin-right:175px;
	margin-bottom:25px;
	padding:0px;
	border-left: 1px solid #D5E6F0;
}

/*El texto que va dentro del content*/
#txt {
	margin-bottom:5px;
	padding:0px;
}


/*Area con texto cuadro de noticias, tambien puede usar #contact (#contact esta dividida en dos columnas)*/
#news {
	height: auto;
	width: 0 auto;
	margin-top: 20px;
	margin-left: 3px;
	padding:0px;
	border:1px solid #D5E6F0;
}
/*Cuadro de noticias, TITULO*/
#newsTitle {
	height: 0 auto;
	width: 0 auto;
	margin: 0;
	padding:3px;
	border-bottom:2px solid #D5E6F0;
	background-color:#A1C5DE;
}

/*Imagen del la caja de noticias, tambien puede usar #contactINFO (columna izq)*/
#newsIMG {
	height: auto;
	width: auto;
	margin: 0;
	margin-right:10px;
	padding:3px;
	float: left;
}


/*Cuadro de noticias, INFORMACION, tambien puede usar #contactDETAIL (columna der)*/
#newsTxt {
	height: auto;
	width: auto;
	margin-left: 10px;
	padding:0px;
}

/*Area que contiene el swf banner de la derecha*/
#banner {
	width: 160px;
	float:right;
	border: 1px thin solid #D5E6F0;
	margin-top:25px;
}

/*Link debajo del Banner de la dercha*/
#underBanner {
	width: 160px;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

/*Area que contiene los banners de abajo. Funciona como un submenu*/
#quickMenu {
	height: auto;
	width: auto;
	clear: both;
	margin-left: 124px;
	margin-bottom: 25px;
	margin-right: 0;
	margin-top: 25px;
	padding: auto;
}

/*Area de abajo con el copyright*/
#footer {
	clear: both;
	padding:0px;
	margin: 0 auto;
}

/* DIVS PARA CADA SITIO ESPECIFICO */

/*Area con la foto y curriculum del decano*/
#decano {
	height: auto;
	width: auto;
	margin-top: 15px;
	padding:0;
}

/*Fotografia del decano*/
#decanoIMG {
	height: auto;
	width: 70px;
	margin-left: 3px;
	padding:3px;
	float: left;
	background-color:#A1C5DE;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 25px;
}

/*Curriculum del decano*/
#decanoTxt {
	height: auto;
	width: 345px;
	margin-left:70px;
	margin-right:10px;
	margin-bottom:25px;
	padding:0;
}

/*Caja con la lista de programas de estudio */
#programa {
	height: 180px;
	width: auto;
	margin-top: 0;
	margin-left:125px;
	margin-bottom: 25px;
	padding:0px;
	/*border: 1px solid #F4E605;*/
}

/*Titulo para descargar programas de estudio */
#programaTitle {
	height: auto;
	width: auto;
	margin: 0;
	padding:3px;
	clear:both;
	background-color:#FFD216;
}


/*Lista para descargar programas de estudio */
#programaTxt {
	height: auto;
	width: auto;
	margin: auto;
	margin-top: 5px;
	padding:3px;
	float: left;

}

/*Icono de PDF*/
#pdfIcon {
	height: auto;
	width: auto;
	margin-left: 490px;
	padding:3px;
}

/*Boton VOLVER en las pantallas de cada facultad*/
#btnVolver {
	float: right;
	height: auto;
	width: auto;
	margin: 0;
	margin-top: 25px;
	padding:0px;
}


/*Area central con texto de bienvenida y cuadro de noticias es mas larga por que no lleva banner*/
#contentLong {
	height: 0 auto;
	width: 0 auto;
	margin-top:0px;
	margin-left:125px;
	margin-right:0px;
	margin-bottom:25px;
	padding:0px;
	border-left: 1px solid #D5E6F0;
}


#galeria {
	height: auto;
	width: auto;
	margin-left: 50px;
	margin-top: 5px;
	padding:auto;
	
}

#longIMG {
	height: auto;
	width: auto;
	margin: 0;
	padding:auto;
	
}

/*CAJA AZUL CON DOS COLUMNAS*/
#contact {
	height: auto;
	width: auto;
	margin-top: 20px;
	margin-left: 3px;
	padding:0px;
	border:1px solid #D5E6F0;
}

/*TITULO de la caja azul de dos columnas*/
#contactTitle {
	height: 0 auto;
	width: 0 auto;
	margin: 0;
	padding:3px;
	border-bottom:2px solid #D5E6F0;
	background-color:#A1C5DE;
}

/*Columna IZQ*/
#contactINFO {
	height: auto;
	width: 200px;
	margin: 0;
		margin-right:10px;
	padding:0;
	float: left;
	
}


/*Columna DER*/
#contactDETAIL {
	height: auto;
	width: auto;
	margin: 0;
	margin-left: 210px;
	padding:0;
}

#downbox {
	margin: 15px 10px 15px 10px;
	border: 1px solid #819CD7;
	background: #CDE1F9;
}