/* CSS Document */
/* ****************************************** INICIO DE 2010 ******************************************  */
#encabezado{
	width:900px;
	height:140px;
	position:relative;
	margin:0;
	padding:0;
	/* Se puso el background image para manipularlo con php directo */
}
#huevo{
	width:233px;
	height:140px;
	float:left;
	z-index:0;
	position:relative;
}
#ligas{
	width:585px;
	float:left;
	margin-left:-43px;
	margin-top:114px;
	z-index:1;
	position:relative;
}
#premios{
	margin-left: -5px;
	font-size:10px;
	font-weight:bold;
	width:130px;
	float:left;
	height:140px;
	position:relative;
}

/* Hover Buttons */

div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		white;
}

div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	font-family: Arial;
	line-height: 10px;
	height: 		26px;
	font-weight: bold;
	text-align: 		right;
	font-size:		11px;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn div {
	display:		none;
	position: 	absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url('../imagenes/portal2010/navHover.jpg') repeat-x 0 0 scroll;
}

/* Easy Slider */

#sliderlateral ul, #sliderlateral li, #sliderpremios ul, #sliderpremios li{
	margin:0;
	padding:0;
	list-style:none;
}

#sliderlateral li, #sliderlateral{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:146px;
	height:77px;
	overflow:hidden; 
}	
	
#sliderlateralprev a{ 
	background-image: url('../imagenes/portal09/down.gif');
	background-repeat: no-repeat;	 
}	
	
#sliderlateralnext a{ 
	background-image: url('../imagenes/portal09/up.gif');
	background-repeat: no-repeat;
}	
	
#sliderlateralprev a, #sliderlateralnext a{
	top:-97px;
	float: left;
	display:block;
	position:relative;
	left:115px;
	z-index:1000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	width:20px;
	height:16px;
}

#sliderlateralcontenedor{
	height:117px;
	padding-top:20px; 
}

#sliderpremios li, #sliderpremios {
	display: block; 
	width: 114px;
	height:86px; 
	position: relative; 
	overflow:hidden;  
	font-size:10px;
}

#sliderpremios li a{
	text-decoration:none;
	color:#933;
	font-size:9px;
}

#sliderpremiosprev a, #sliderpremiosnext a{
	top:-15px;
	float: left;
	display:block;
	position:relative;
	z-index:1000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	width:14px;
	height:14px;
}
	
#sliderpremiosprev a{ 
	background-image: url('/imagenes/portal2010/izquierdo.gif');
	background-repeat: no-repeat;
	margin-left:2px;
	_margin-left:1px;
	margin-right: 83px;
	_margin-right:81px;	 
}	
	
#sliderpremiosnext a{ 
	background-image: url('/imagenes/portal2010/derecho.gif');
	background-repeat: no-repeat;
}					
	
/* // Easy Slider */

#derSAU{
	background-repeat:no-repeat; 
	background-position:right center; 
	background-image:url('../imagenes/portal09/riu.gif');
}

#derMail{
	background-repeat:no-repeat; 
	background-position:right center; 
	background-image:url('../imagenes/portal09/correo2.gif');
}

#derCal{
	background-repeat:no-repeat; 
	background-position:right center; 
	background-image:url('../imagenes/portal09/calendar-icon.gif');
	height:28px;
}

/* ****************************************** FIN DE 2010 ******************************************  */

#cab2 {
	display: none;
	visibility: hidden;
}


/* ****************************************** INICIO DE MENUS ******************************************  */


/* FIRST COLUMN MENU */
#navigation ul {
    padding:0px 0px 0px 0px;
    margin:0px;
    list-style-type: none;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#mainMenu {
	list-style-type: none;
	z-index: 20;
	width: 170px;
}

#mainMenu li {
	/* first column list items */
	position: relative; /* prepare for second column offset */
	left: 0px;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 170px;
	margin: 0px 0px -4px 0px; /* Firefox spacing fix */
}

#mainMenu li.off {
	/* first column "off" links (no submenu) */
	width: 170px;
}

#mainMenu li a:link, #mainMenu li a:visited, #mainMenu li a:active {
	/* first column links */
	display: block;
	margin: 0px;
	padding: 8px 2px 4px 15px;
	color: #2D2558;
	text-decoration: none;
	border-bottom: 1px solid #BF942B;
}
#mainMenu li a:hover, #mainMenu li a:active {
	/* first column rollover links */
	color: #2D2558;
}

#mainMenu li:hover a {
	/* controls state of first column links while second column is open */
	color: #FFF;
	background-color: #BF942B;
}

#mainMenu li.off:hover a {
	/* first column "off" links (no submenu) */
	color: #2D2558;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#mainMenu li.single:hover a {
	/* first column "single" links with blue tunnel (no submenu) */
	color: #2D2558;
	border-right: 1px solid #FFFFFF;
}


/* SECOND COLUMN MENU */

#mainMenu ul.subMenu {
	/* second column menu */
	position: absolute;
	top: 0px;
	left: 100px; /* this plus padding below should add to 170 to create the forgiving menus */
	padding: 0px 0px 0px 70px;
	z-index: 1;
	list-style: none;
	margin: 0px;
	display: none;
}

#mainMenu ul.subMenu li {
	/* second column list items */
	list-style: none;
	margin: 0px 0px -1px 0px; /* Firefox spacing fix */
	padding: 0px;
	border: none;
	width: 191px;
}

#mainMenu li:hover > ul.subMenu {
	/* second column menu opens on first-column rollover */
	display: block;
}

#mainMenu ul.subMenu li a:link, #mainMenu ul.subMenu li a:visited, #mainMenu ul.subMenu li a:hover, #mainMenu ul.subMenu li a:active {
	/* second column links */
	display: block;
	border: none;
	color: #2D2558;
	padding: 3px 5px 4px 10px;
	text-decoration: none;
	background-color: #BF942B;
	border: 1px dotted #BF942B;

}

#mainMenu ul.subMenu li a:hover, #mainMenu ul.subMenu li a:active {
	/* second column rollover links */
	color: #FFFFFF;
	background-color: #BF942B;
	text-decoration: underline;
}

#mainMenu ul.subMenu a:link {
		border-left: solid 1px #000000;
}



/* ------------------------- MENU LATERAL DERECHO ------------------------- */
#navigation2 ul {
	margin:0px;
	padding: 0px;
	list-style-type: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
}

#navigation2 hr {
  width: 100%;
  border:0;
  border-bottom: 3px dotted #ccc;
}

#derMenu li {
	/* first column list items */
	position: relative;
	list-style: none;
	margin: 0px;
	text-decoration: none;
	color: #2D2558;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #CCC;
}

#derMenu li a:hover {
	color: #000;
	text-decoration:underline;
}

#derMenu li a {
	text-decoration:none;
	color:#666;
}


/* ****************************************** FIN DE MENUS ****************************************** */


/* ****************************************** INICIO DE BOTONES ****************************************** */

.NavText{
	margin:0 7px 0 0;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	height:12px;
	background-color:white;
	font: normal 10px Arial;
	font-weight:bold;
	color:#2D2558;
}

.NavButton {
 padding-bottom:2px;
 font: normal 10px Arial;
 background-color: #f5f5f5;
 border: 1px solid #000000;
 font-weight:bold;
 color: #2D2558;
 height: 18px;
}

.flechas {
	text-align:right;	
}

/* ****************************************** FIN DE BOTONES ****************************************** */

/* ****************************************** INICIO DE ESTILOS ****************************************** */
 
 #eventos{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000000;
	text-align:justify; 
 }
 
  #eventos div { 
	overflow:hidden;
	background: white;
	width:515px; 
	height:150px;
	padding-left: 0px;
 }
 

 #eventos div ul { 
 	list-style-type:none;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
 }

 
 #eventos div ul li a { 
 	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold; 
	text-decoration:none;
 }	

 #eventos div ul li a:link,
 #eventos div ul li a:visited { 
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold; 
	text-decoration:none;
 }	
 
 .rssbutton { 
 	font-family: Arial, Helvetica, sans-serif; 
	font-size: 6pt;
 }

 .rssbutton a:link,
 .rssbutton a:visited,
 .rssbutton a:hover { 
 	background-color:#FF9900; 
	color: #fff;
	text-decoration: none; 
 }

 .rssbutton a:link,
 .rssbutton a:visited { 
 	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
 }

 .rssbutton a:hover { 
 	border-left: 2px solid #000; 
	border-top: 2px solid #000;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
 }
  #convo{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000000;
	text-align:justify; 
 }

  #convo div { 
	overflow:hidden;
	background: white;
	width:515px; 
	height:150px;
	padding-left: 0px;
 }

/* ****************************************** FIN DE ESTILOS ****************************************** */

/* ****************************************** INICIO DE ESTILO ****************************************** */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../imagenes/fondo2008.png);
	background-position: center;
	background-repeat:repeat-y;
}

#contenedor_principal{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#2D2558;
	border:none;	
	
}

#encabezado_imp{
	display:none;
	visibility:hidden;
}


.tabla{
	COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 11px;
}

#tabla_fecha{
	width: 900px;
	text-align:center;
	background-color:#2D2558;
	border:none;
}

#tabla_principal{
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	border:none;
}

#tabla_pie{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	border: none;
}

#columna_izquierda{
	width: 170px;
	text-align:left;
	background-color:#FFFFFF;
	border:none;
	vertical-align:top;
}

#columna_central {
	width:515px; 
	background-color:#FFFFFF;
	vertical-align:top;	
}
#columna_derecha {
width:195px;
background-color:#FFFFFF;
vertical-align:top;
text-align:center;
}
#columna_central2 {
	width:740px; 
	background-color:#FFFFFF;
	vertical-align:top;	
}

#tabla_nota {
	COLOR: #666666; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 11px;
}

.tabla_contenido {
	COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; width: 100%; height: 100%; LINE-HEIGHT: 18px;
}

#titulito{
	color:#FFFFFF; 
	background-color:#2D2558; 
	text-align:left; 
	border:0px; 
	margin:0px; 
	padding:0px;
}

a.ml { color:#333333; text-decoration:none; }
a.ml:hover{ color:#333333; text-decoration:underline; }
#titulo.small{ border-left:#2D2558 dashed 1px; padding-left:10px; font-size:12pt; font-weight:bolder; color:#000000; }
#titulo.medium{ border-left:#2D2558 dashed 1px; padding-left:10px; font-size:14pt; font-weight:bolder; color:#000000; }
#titulo.big{ border-left:#2D2558 dashed 1px; padding-left:10px; font-size:16pt; font-weight:bolder; color:#000000; }
#titulo.xbig{ border-left:#2D2558 dashed 1px; padding-left:10px; font-size:18pt; font-weight:bolder; color:#000000; }
#contenido.small { border-left:#2D2558 dashed 1px; padding-left:20px; font-size:6pt; font-family:Arial, Helvetica, sans-serif; }
#contenido.medium { border-left:#2D2558 dashed 1px; padding-left:20px; font-size:8pt; font-family:Arial, Helvetica, sans-serif; }
#contenido.big { border-left:#2D2558 dashed 1px; padding-left:20px; font-size:10pt; font-family:Arial, Helvetica, sans-serif; }
#contenido.xbig { border-left:#2D2558 dashed 1px; padding-left:20px; font-size:12pt; font-family:Arial, Helvetica, sans-serif; }
a.txtb { border:#CCCCCC 1px solid; padding:2px 2px 2px 2px; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#333333; text-decoration:none; background-color:#FFFFFF; }
a.txtb:hover { border:#CCCCCC 1px solid; padding:2px 2px 2px 2px; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#333333; text-decoration:none; background-color:#666666; }


.nota_titulo {
	FONT-WEIGHT: Bold; FONT-SIZE: 12px; COLOR:#2D2558; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

A.nota_leer {
	COLOR:#333333; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A.nota_leer:hover {
	COLOR: #666666; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none
}

/*Imágenes*/
 #i img { 
	border:none;
 }

/* Notas chiquitas */
.nota_descripcion {
	FONT-SIZE: 12px; COLOR:#000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.nota_facultad {
	FONT-SIZE: 11px; COLOR:#666666; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.frase {
	FONT-SIZE: 12px; COLOR:#000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-WEIGHT: Bold;
}

.autor {
	FONT-SIZE: 10px; COLOR:#666666; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-style: italic;
}


A.nota_mas {
	COLOR:#990000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 11px; font-style: italic; TEXT-DECORATION: none
}
A.nota_mas:hover {
	COLOR: #990000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 11px; font-style: italic; TEXT-DECORATION: none
}

/* ****************************************** FIN DE ESTILO ****************************************** */