/* WM+TEAM 
Diseño Web: Jorge Luis Suárez Rodríguez 

©2006-2008 Universidad de Puerto Rico, Recinto de Río Piedras  de la UPR, Derechos Reservados
 */
 
 
@charset "UTF-8";
/* ============ CSS RESET ============ */
* {
	margin: 0px;
	padding: 0px;
	}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	behavior: url(../js/iepngfix.htc); 
}
body {
	line-height: 1;
	margin:0px;
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	display:block;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:955px;    /* Minimum width of layout - remove line if not required *//* The min-width property does not work in old versions of Internet Explorer */
	min-height:100%;
	position:relative;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ============ UTILITY ============ */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	
}
blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	font-family: Helvetica, Arial, sans-serif;
	
} 

p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	text-align:left; /* Hack for IE5/Win */
}

input, textarea, select {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: lighter;
	
}
.wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	min-height:100%;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */

}
html>body .pagewrap {
width: 960px;
}

.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.superscript {
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
	padding-bottom: 4px;
}

body {
	background-color: #FFFFFF;
	background-image: url(../img/body_back.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #b70000;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
	outline:none;
}
a:link, a:visited {color:#b70000}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
u {
	text-decoration: underline;
}

/* ============ INTRO BANNER ============ */

.introduction_banner {
	background-image: url(../img/heading/rotator.php);
	margin-bottom: 10px;
	height: 290px;
	background-color: #CC0000;
	border: 1px solid #330000;
	background-position: center bottom;
}
.introduction_banner h1, .introduction_banner h2 {
	text-indent: -9000px;
	display: block;
}
#home #content .introduction_banner h1 {
	border-bottom-width: 0px;
	text-indent: -9000px;
	display: block;
	background-image: url(../img/lol.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ============ HEADER ============ */
#miupi {
	background-image: url(../img/miupi.jpg);
	height: 140px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
}
#miupi h2 {
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	font-weight: lighter;
	padding-top: 7px;
	margin-bottom: 10px;
}
#miupi li {
	float: left;
	list-style-type: none;
}
#miupi li a {
	display: block;
	height: 120px;
	width: 93px;
	font-size: 10px;
	line-height: 13px;
	text-decoration: underline;
	color: #FFFFFF;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
}
#miupi .acoi{
	background-image: url(../img/miupi/acoi.png);
}
#miupi .gae{
	background-image: url(../img/miupi/gae.png);
}
#miupi .correo{
	background-image: url(../img/miupi/correo.png);
}
#miupi .blackboard{
	background-image: url(../img/miupi/blackboard.png);
}
#miupi .porta{
	background-image: url(../img/miupi/porta.png);
}
#miupi .notas{
	background-image: url(../img/miupi/notas.png);
}
#miupi .pago{
	background-image: url(../img/miupi/pago.png);
}
#miupi .vclass{
	background-image: url(../img/miupi/vclass.png);
}
#miupi .consulta{
	background-image: url(../img/miupi/consulta.png);
}
#miupi .depelect{
	background-image: url(../img/miupi/deposito.png);
}
.search {
	padding: 4px;
	font-size: 15px;
}
.search_button {
	padding: 4px;
	font-size: 15px;
}

.utility {
	line-height: 45px;
	height: 45px;
	margin-bottom: 10px;
	margin-top: 5px;
}
.utility h2 {
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
}
.utility h2 a {
	font-size: 15px;
	line-height: 45px;
	height: 45px;
	background-image: url(../img/ipod_classic.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 50px;
	color: #000000;
	text-decoration: none;
	font-weight: lighter;
	display: block;
	width: 300px;
}
.utility h2 a:hover {
	background-position: right bottom;
	text-decoration: underline;
	color: #CC0000;
}
.utility h3 {
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	margin-right: 5px;
}
.utility h3 a {
	font-size: 15px;
	line-height: 45px;
	display: block;
	height: 45px;
	background-image: url(../img/upitv.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 80px;
	color: #000000;
	text-decoration: none;
	font-weight: lighter;
}
.utility h3 a:hover {
	background-position: right bottom;
	text-decoration: underline;
	color: #CC0000;
}
.utility .search {
	border: 1px solid #999999;
	padding: 5px;
	background-image: url(../img/search.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #FFFFFF;
	font-size: 15px;
}
.utility .search:focus {
	border-top-color: #b70000;
	border-right-color: #b70000;
	border-bottom-color: #b70000;
	border-left-color: #b70000;
}
.utility .search_button {
	border: 1px solid #b70000;
	background-color: #CC0000;
	background-image: url(../img/button_back.jpg);
	background-position: center top;
	color: #FFFFFF;
}
.utility .search_button:hover {
	background-position: center bottom;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/* ============ MENU ============ */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
	font-family: Helvetica, Arial, sans-serif;
	z-index: 100;
	position: relative;
	height: 40px;
	border: 1px solid #999999;
	background-image: url(../img/menu_back.jpg);
	background-position: center top;
	margin-bottom: 10px;
}
.nav .right_aligned {
	float: right;
	border-right-width: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	line-height: 13px;
}
.nav  .right_aligned  .up, #menu  .right_aligned  .up{
	font-size: 13px;
	text-align: right;
	padding-top: 7px;
	line-height: 13px;
	padding-bottom: 7px;
}
.nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: 40px;
	height: 40px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-weight: lighter;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
}

.nav li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(../img/menu_back.jpg);
	background-position: center bottom;
}
#menu li:hover a, 
#menu li.sfHover a {
	background-image: url(../img/white.png);
	color: #000000;
}
#menu li ul li a:hover, .nav li ul li a:hover {
	color: #FFFFFF;
	background-image: url(../img/menu_back.jpg);
	background-position: center bottom;
}
#menu li ul li a, .nav li ul li a {
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	display: block;
}
#menu li:hover ul a, 
#menu li.sfHover ul a {
}
#menu li:hover ul a:hover, 
#menu li.sfHover ul a:hover {
}


.nav ul {
	list-style: none;
	margin: 0;
	position: absolute;
	top: -999em;
	left: -1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.nav li:hover ul,
.nav li.sfHover ul {
	top: 40px;
}
.nav ul li {
	border: 0;
	float: none;
}
.nav  ul  li a {
	padding-right: 20px;
	white-space: nowrap;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	color: #333333;
	font-size: 11px;
}
.nav  ul  li a:hover {
	color: #333333;
}
#menu li ul li, .nav li ul li {
	font-size: 12px;
	line-height: 30px;
	height: 30px;
}
.nav .right_aligned ul {
	list-style: none;
	margin: 0;
	position: absolute;
	top: -999em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	display: block;
	left: -1px;
}


/* ============ PAGETITLE ============ */
#content h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 35px;
	line-height: 45px;
	height: 45px;
	color: #b70000;
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #b70000;
}
#content h1 span {
	font-size: 13px;
	color: #666666;
	float: right;
	font-weight: lighter;
	text-decoration: none;
}
#content h1 span a {
	color: #333333;
	text-decoration: underline;
}
#content h1 span a:hover {
	color: #CC0000;
	text-decoration: underline;
}
/* ============ TOOLBAR ============ */
.toolbar {
	clear: both;
	background-color: #E6E6E6;
	background-image: url(../img/stripe.png);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	height: 30px;
}
.toolbar a {
	color: #333333;
}
.toolbar a:hover {
	color: #CC0000;
}
.toolbar .quicklinks {
	line-height: 40px;
	float: left;
	margin-left: 10px;
	padding-top: 6px;
	width: 170px;
}
.toolbar  h2{
	float: right;
	text-align: right;
	width: 280px;
}
.toolbar  h2 .goback {

	display: none;
	
}
.toolbar h2 .printable {
	line-height: 30px;
	height: 30px;
	padding-right: 45px;
	font-size: 12px;
	background-image: url(../img/printer.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	float: right;
	font-weight: lighter;
}
.toolbar h2 .printable:hover {
	background-position: right bottom;
}
.toolbar p {
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	margin-left: 10px;
	width: 400px;
}
/* ============ MAINCONTENT - LAYOUT ============ */
#maincontent {
	margin-bottom: 10px;
	background-image: url(../img/white.png);
	border: 1px solid #999999;
}
/* -------------------- MAINCONTENT - SUBMENU -------------------- */

#maincontent #submenu {
	float: left;
	width: 30%;
	  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 29%;

	background-image: url(../img/submenu_back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
html>body #maincontent #submenu {
  width: 30%;
} 


#maincontent #submenu h2 {
	background-color: #6B0000;
	color: #FFFFFF;
	font-weight: lighter;
	font-size: 12px;
	line-height: 16px;
	padding: 10px;
	background-image: url(../img/alt.gif);
	background-position: center top;
}
#maincontent #submenu strong {
	font-size: 15px;
	text-decoration: underline;
}
#maincontent #submenu .submenu_alt {
	background-color: #FF0000;
	background-image: url(../img/alt.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-position: center bottom;
}
#maincontent #submenu .submenu_alt a {
	color: #FFFFFF;
	border-bottom-color: #FF0000;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#maincontent #submenu .submenu_alt a:hover {
	background-position: center center;
	background-image: url(../img/alt.gif);
	color: #FFFFFF;
}
#maincontent #submenu ul {
	display: block;
}
#maincontent #submenu li a {
	color: #333333;
	font-size: 13px;
	display: block;
	line-height: 20px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0EEEF;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}
#maincontent #submenu li a:hover {
	color: #CC0000;
	text-decoration: underline;
	background-image: url(../img/white.png);
}
/* -------------------- MAINCONTENT - TEXTCONTAINER -------------------- */
#maincontent #textcontainer {
	float: right;
	width: 70%;

}
#maincontent #textcontainer h2 {
	font-size: 1.63em;
	color: #000000;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
}
#maincontent #textcontainer h3 {
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	font-size: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	line-height: 22px;
	margin-top: 10px;
}
#maincontent #textcontainer h4 {
	font-size: 1em;
	color: #CC0000;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 25px;
	text-decoration: none;
	font-weight: bold;
}
#maincontent #textcontainer p {
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 25px;
	font-size: 0.88em;
	color: #333333;
	line-height: 1.5em;
	margin-top: 15px;
}
#maincontent #textcontainer h5 {
	margin-right: 25px;
	margin-left: 25px;
	font-size: 0.88em;
	color: #333333;
	line-height: 1.5em;
	font-weight: bold;
}
#maincontent #textcontainer h6 {
	margin-right: 25px;
	margin-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	color: #333333;
}
#maincontent #textcontainer li {
	margin-bottom: 15px;
	font-size: 0.91em;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 19px;
}
#maincontent #textcontainer li li {
	font-weight: lighter;
	color: #333333;
}
#maincontent #textcontainer ul, #maincontent #textcontainer ol {
	margin-bottom: 15px;
	margin-left: 65px;
	margin-top: 10px;
	list-style-position: outside;
}
#maincontent #textcontainer ul {
	list-style-type: square;
}
#maincontent #textcontainer ol {
	list-style-type: decimal;
}
#maincontent #textcontainer blockquote{
	font-size: 0.91em;
	font-style: italic;
	font-weight: lighter;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
	margin-right: 45px;
	margin-bottom: 20px;
	margin-left: 45px;
	background-color: #F4F2F3;
	line-height: 22px;
	border: 1px solid #999999;
	padding: 15px;
	display: block;
}
#maincontent #textcontainer cite {
	font-size: 0.91em;
	font-style: italic;
	font-weight: lighter;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 45px;
	margin-bottom: 20px;
	margin-left: 45px;
	background-color: #F4F2F3;
	line-height: 22px;
	border: 1px solid #999999;
	padding: 15px;
	display: block;
}
#maincontent #textcontainer code {
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 0.65em;
	padding: 15px;
	line-height: 19px;
	border: 1px solid #FFCC99;
	display: block;
	background-color: #FFFFCC;
	margin-top: 10px;
	margin-right: 45px;
	margin-bottom: 20px;
	margin-left: 45px;
	color: #000000;
}
#maincontent #textcontainer img {
	background-color: #FFFFFF;
	display: block;
	padding: 5px;
	border: 1px solid #333333;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
}
#maincontent #textcontainer address {
	color: #333333;
	line-height: 45px;
	display: block;
	font-style: normal;
	margin-top: 7px;
	margin-bottom: 15px;
	margin-right: 25px;
	margin-left: 25px;
}
#maincontent #textcontainer address strong {
	color: #CC0000;
}
#maincontent #textcontainer table {
	margin-right: 45px;
	margin-bottom: 15px;
	margin-left: 45px;
	border: 1px solid #000000;
	font-style: normal;
}
#maincontent #textcontainer caption {
	font-size: .88em;
	font-weight: lighter;
	padding: 15px;
	text-decoration: underline;
	color: #000000;
}
#maincontent #textcontainer td {
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-size: .88em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
#maincontent #textcontainer .warning {
	background-color: #FFCCFF;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
	border: 1px solid #CC0000;
}
#maincontent #textcontainer .warning * {
	font-size: 90%;
	margin: 10px;
	list-style-type: none;
}
#maincontent #textcontainer .warning strong {
	margin: 0px;
}
#maincontent #textcontainer .column70 {
	float: left;
	width: 68%;
}
#maincontent #textcontainer .column30 {
	float: right;
	width: 28%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
#maincontent #textcontainer .column30 h2 {
	margin: 0px;
	background-color: #E6E6E6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: .88em;
	color: #333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#maincontent #textcontainer .column30 li, #maincontent #textcontainer .column30 ul {
	margin: 0px;
	list-style-type: none;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
#maincontent #textcontainer .column30 ul {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#maincontent #textcontainer .column30 li {
	padding: 10px;
	font-size: .75em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#maincontent #textcontainer .subhometitle {
	background-color: #cc0000;
	margin: 0px;
	height: 80px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	text-indent: -9000px;
	display: block;
	background-repeat: no-repeat;
	background-position: right center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#maincontent #textcontainer .academia {
	background-image: url(../img/smallbanners/academia.jpg);
}
#maincontent #textcontainer .rectoria {
	background-image: url(../img/smallbanners/rectoria.jpg);
}
#maincontent #textcontainer .registrador {
	background-image: url(../img/smallbanners/registrador.jpg);
}
#maincontent #textcontainer .administracion {
	background-image: url(../img/smallbanners/administracion.jpg);
}
#maincontent #textcontainer .servicios{
	background-image: url(../img/smallbanners/servicios.jpg);
}
#maincontent #textcontainer .bibliotecas {
	background-image: url(../img/smallbanners/bibliotecas.jpg);
}


/* ============ FOOTER ============ */

#footer {
	padding-top: 10px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #b70000;
	margin-top: 5px;
	margin-bottom: 10px;
}
#footer h2  {
	float: left;
	height: 40px;
	width: 130px;
}
#footer h2 a  {
	background-image: url(../img/footer_logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 40px;
	width: 130px;
	text-indent: -9000px;
	display: block;
}
#footer ul {
	height: 40px;
	width: 830px;
	display: block;
	float: left;
}
#footer li {
	float: right;
}
#footer li a {
	font-size: 12px;
	line-height: 40px;
	color: #333333;
	height: 40px;
	padding-right: 9px;
	padding-left: 9px;
}
#footer li a:hover {
	color: #b70000;
}
#footer p {
	color: #333333;
	font-size: 12px;
	font-weight: lighter;
	line-height: 16px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
}
#footer p a {
	color: #b70000;
}

/* ____________ ESTILOS EXCLUSIVOS DE PAGINA PRINCIPAL ____________ */
/* -------------------- ESTILOS DE JUMPMENU - TABBING AREA -------------------- */
#tabs_container #jumpMenu {
	font-weight: lighter;
	color: #000000;
	padding: 3px;
	border: 1px solid #999999;
	display: block;
	font-size: 14px;
	width: 200px;
}
#home .wrapper #content #tabs_container .tabs .rightalign {
	float: right;
}
#tabs_container #jumpMenu option {
	margin: 4px;
}
#tabs_container #jumpMenu:focus {
	border-top-color: #b70000;
	border-right-color: #b70000;
	border-bottom-color: #b70000;
	border-left-color: #b70000;
}
.tabs #eventos {
	background-image: url(../img/rss.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
}
.tabs #ultimahora {
	background-image: url(../img/rss.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
}
.tab_contents .downbar {
	clear: both;
	font-size: 12px;
	color: #000000;
	font-weight: lighter;
	background-color: #CCCCCC;
	text-align: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	height: 36px;
}
.tab_contents .downbar a {
	color: #333333;
	display: block;
	height: 36px;
	line-height: 36px;
	width: 220px;
	float: right;
	margin-right: 10px;
	padding-right: 40px;
	text-decoration: none;
}
.tab_contents .downbar a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.tab_contents .downbar .news {
	background-image: url(../img/newspaper.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
.tab_contents .downbar .noticampus {
	background-image: url(../img/news.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
.tab_contents .downbar .rss {
	background-image: url(../img/rss.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
/* -------------------- ESTILOS DE TEXTOS - TABBING AREA -------------------- */

.tab_contents_container h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #B70000;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	line-height: 21px;
}
.tab_contents_container h2 a:link, .tab_contents_container h2 a:visited {
	text-decoration: none;
	color: #B70000;
}
.tab_contents_container h2 a:hover {
	text-decoration: underline;
	color: #000000;
}
.tab_contents_container h3 {
	font-family: Arial, Helvetica, sans-serif;
	;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B70000;
	color: #B70000;
	text-transform: none;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 7px;
	margin-left: 20px;
	line-height: 17px;
}
.tab_contents_container h3 a:hover {
	color: #810000;
	font-weight: bold;
}
.tab_contents_container h3 a:link, .tab_contents_container h3 a:visited {
	color: #B70000;
	text-decoration: none;
}
.tab_contents_container h4 {
	margin-right: 20px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 18px;
	color: #CC0000;
	text-decoration: none;
}
.tab_contents_container h4 a:link, .tab_contents_container h4 a:visited {
	text-decoration: none;
	color: #000000;
}
.tab_contents_container h4 a:hover {
	color: #B70000;
}
.tab_contents_container p {
	font-size: 12px;
	margin-right: 20px;
	margin-left: 20px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #333333;
	line-height: 17px;
}
.tab_contents_container p a:link, .tab_contents_container p a:visited {
	color: #333333;
	text-decoration: none;
}
.tab_contents_container p a:hover {
	text-decoration: underline;
	color: #B70000;
}
.tab_contents_container img {
	border: 1px solid #666666;
	display: block;
	padding: 3px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.tab_contents_container h5 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 5px;
	color: #333333;
	background-image: url(../../images/menu_back.png);
	margin-top: 9px;
	margin-right: 4px;
	margin-bottom: 9px;
	margin-left: 4px;
	line-height: 18px;
}
.tab_contents_container h5 a:link, .tab_contents_container h5 a:visited {
	color: #333333;
	text-decoration: none;
}
.tab_contents_container h5 a:hover {
	color: #b70000;
	text-decoration: underline;
}
.tab_contents_container .featureimg {
	border: 1px solid #666666;
	display: block;
	padding: 3px;
	float: left;
	margin: 10px;
}
	/* -------------------- COLUMN SPACES - TABBING AREA -------------------- */
.column_25 {
	float: left;
	width: 24%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #e7e7e7;
}
.column_30 {
	float: left;
	width: 29%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.column_40 {
	float: right;
	width: 39%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #e7e7e7;
	min-height:100%;
}
.column_50 {
	float: left;
	width: 49%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.column_60 {
	float: left;
	width: 59%;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* -------------------- LAYOUT - TABBING AREA -------------------- */
#tabs_container {
	width: 70%;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	float: right;
}
#tabs_container ul.tabs {
	list-style: none;
	height: 31px;
	margin: 0;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#tabs_container ul.tabs li {
	float: left;
}
#tabs_container ul.tabs li a {
	margin-right: 1px;
	text-decoration: none;
	color: #000000;
	font-weight: lighter;
	font-size: 12px;
	text-align: center;
	line-height: 31px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#tabs_container ul.tabs li a:hover {
	text-decoration: underline;
}
#tabs_container ul.tabs li.active a {
	background-color: #FFFFFF;
	color: #CC0000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	font-size: 15px;
	font-weight: bold;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 6px;
	padding-bottom: 8px;
}
#tabs_container ul.tabs li.active #eventos, #tabs_container ul.tabs li.active #ultimahora {
	background-image: url(../img/rss2.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#tabs_container ul.tabs li.active a:hover {
	text-decoration: none;
}
div.tab_contents_container {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(../img/white.png);
}
div.tab_contents {
	display: none;
}
div.tab_contents_active {
	display: block;
}
/* END - TABBING AREA */


/* ============ RECORDATORIOS ============ */
#recordatorio  {
	border: 1px solid #999999;
	background-color: #F9F9F9;
	margin-bottom: 10px;
	min-height:40px;
	display: block;
	background-image: url(../img/aviso.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
}
#recordatorio p {
	color: #333333;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#recordatorio strong {
	color: #000000;
}
#recordatorio #recordatorio-toggle {
	float: right;
	background-color: #999999;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#recordatorio #recordatorio-toggle:hover {
	background-color: #333333;
}
#atencion  {
	border: 1px solid #FFFF66;
	background-color: #FFFFCC;
	margin-bottom: 10px;
	min-height:40px;
	display: block;
	background-image: url(../img/atencion.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
}
#atencion p {
	color: #333333;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#atencion strong {
	color: #000000;
}
#atencion #atencion-toggle {
	float: right;
	background-color: #FFFF66;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#atencion #atencion-toggle:hover {
	background-color: #FFCC00;
}
#alerta{
	border: 1px solid #CC0000;
	background-color: #FF0000;
	margin-bottom: 10px;
	min-height:40px;
	display: block;
	background-image: url(../img/alerta.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	color: #FFFFFF;
}
#alerta a {
	color: #FFFFFF;
}
#alerta p {
	color: #FFFFFF;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#alerta strong {
	color: #FFFFFF;
}
#alerta #alerta-toggle {
	float: right;
	background-color: #CC0000;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#alerta #alerta-toggle:hover {
	background-color: #990000;
}

/* ============ SIDECOLUMN ============ */
.sidecolumn {
	float: left;
	width: 29%;
	margin-bottom: 10px;
}
.sidecolumn #securitywarning {
	background-color: #CC0000;
	border: 1px solid #330000;
	margin-bottom: 7px;
	background-image: url(../img/alt.gif);
	background-position: center center;
}
.sidecolumn #securitywarning h2 {
	color: #FFFFFF;
	background-color: #990000;
	padding: 7px;
	background-image: url(../img/stop.png);
	background-position: right center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	background-repeat: no-repeat;
	font-size: 13px;
}
.sidecolumn #securitywarning h3 a {
	margin: 0px;
	padding: 7px;
	background-color: #990000;
	color: #FFFFFF;
	font-size: 11px;
	text-align: right;
	font-weight: bold;
}
.sidecolumn #securitywarning h3 {
	margin: 0px;
}
.sidecolumn #securitywarning li {
	font-size: 11px;
	color: #000000;
	line-height: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
}
.sidecolumn #securitywarning li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	padding-top: 9px;
	padding-right: 7px;
	padding-bottom: 9px;
	padding-left: 7px;
	font-size: 12px;
}
.sidecolumn #securitywarning a {
	color: #FFFFFF;
	padding: 5px;
	display: block;
}
.sidecolumn #dtaawarning {
	background-color: #FFFFCC;
	border: 1px solid #000000;
	margin-bottom: 7px;
}
.sidecolumn #dtaawarning h2 {
	color: #FFFF99;
	background-color: #000000;
	padding: 8px;
	background-image: url(../img/sticky.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 13px;
	text-decoration: none;
	margin: 0px;
}
.sidecolumn #dtaawarning h2 a {
	margin: 0px;
	color: #FFFF00;
	border-bottom-width: 0px;
}
.sidecolumn #dtaawarning h3 a {
	margin: 0px;
	padding: 7px;
	background-color: #FFFF99;
	color: #000000;
	font-size: 11px;
	text-align: right;
}
.sidecolumn #dtaawarning h3 {
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC00;
}
.sidecolumn #dtaawarning li {
	font-size: 12px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
}
.sidecolumn #dtaawarning a {
	padding: 8px;
	display: block;
	color: #000000;
}

.sidecolumn h2 {
	color: #CC0000;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
.sidecolumn h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: lighter;
	color: #333333;
	margin-bottom: 4px;
}
.sidecolumn .feature_video {
	border: 1px solid #333333;
	margin-bottom: 10px;
}
.sidecolumn .adsection {
	border: 1px solid #333333;
	display: block;
}
.sidecolumn .ads img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
}

/* ____________ ESTILOS EXCLUSIVOS DEL RESTO DE LAS PAGINAS ____________ */
/* ============ IUPI.tv ============ */
#iupitv, #mapa {
	height: 500px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}

#iupitv a {
	background-color: #FFFFFF;
	background-image: url(../flashneeded.gif);
	background-position: center center;
	text-indent: -9000px;
	display: block;
	height: 550px;
	width: 960px;
	background-repeat: no-repeat;
}
/* ============ ESTILOS ESPECIALES ============ */
.seleccion_cursos {
	background-image: url(../img/seleccion_cursos.gif);
	width: 399px;
	display: block;
	text-indent: -9000px;
	height: 110px;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.seleccion_cursos:hover {
	background-position: center bottom;
}
.deposito {
	background-image: url(../img/deposito.gif);
	width: 399px;
	display: block;
	text-indent: -9000px;
	height: 110px;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	margin-top: 15px;
}
.deposito:hover {
	background-position: center bottom;
}
#maincontent #textcontainer .divider {
	background-image: url(../img/dots.gif);
	background-repeat: repeat-x;
	background-position: center center;
	display: block;
	font-size: .94em;
	font-weight: bold;
	color: #CC0000;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
}
#maincontent #textcontainer .divider span {
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
#instrucciones {
	background-color: #FFFFCC;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
	padding-bottom: 25px;
}
#instrucciones h3 {
	padding-top: 15px;
}
#instrucciones #instrucciones_activator {
	float: right;
	color: #000000;
	background-color: #FFFF66;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 10px;
}

/* ============ ESTILOS PAGINAS COMPLETAS ============ */
#whole #maincontent  h2 {
	font-size: 1.63em;
	color: #000000;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
}
#whole #maincontent  h3 {
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	font-size: 1.1em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	line-height: 22px;
}
#whole #maincontent  h4 {
	font-size: .9em;
	color: #333333;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 25px;
	text-decoration: none;
	font-weight: bold;
}
#whole #maincontent  p {
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 25px;
	font-size: 0.88em;
	color: #333333;
	line-height: 1.5em;
}
#whole #maincontent  h5 {
	margin-right: 25px;
	margin-left: 25px;
	font-size: 0.88em;
	color: #333333;
	line-height: 1.5em;
	font-weight: bold;
}
#whole #maincontent  h6 {
	margin-right: 25px;
	margin-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	color: #333333;
}
#whole #maincontent  li {
	margin-bottom: 15px;
	font-size: 0.91em;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 19px;
}
#whole #maincontent  li li {
	font-weight: lighter;
	color: #333333;
}
#whole #maincontent  ul, #whole #maincontent  ol {
	margin-bottom: 15px;
	margin-left: 15px;
	margin-top: 10px;
	list-style-position: outside;
}
#whole #maincontent  ul {
	list-style-type: square;
}
#whole #maincontent  ol {
	list-style-type: decimal;
}
#whole #maincontent  blockquote{
	font-size: 0.91em;
	font-style: italic;
	font-weight: lighter;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
	margin-right: 45px;
	margin-bottom: 20px;
	margin-left: 45px;
	background-color: #F4F2F3;
	line-height: 22px;
	border: 1px solid #999999;
	padding: 15px;
	display: block;
}
#whole #maincontent  cite {
	font-size: 0.91em;
	font-style: italic;
	font-weight: lighter;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 45px;
	margin-bottom: 20px;
	margin-left: 45px;
	background-color: #F4F2F3;
	line-height: 22px;
	border: 1px solid #999999;
	padding: 15px;
	display: block;
}
#whole #maincontent  code {
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 0.65em;
	padding: 15px;
	line-height: 19px;
	border: 1px solid #FFCC99;
	display: block;
	background-color: #FFFFCC;
	margin-top: 10px;
	margin-right: 45px;
	margin-bottom: 20px;
	margin-left: 45px;
	color: #000000;
}
#whole #maincontent  img {
	background-color: #FFFFFF;
	display: block;
	padding: 5px;
	border: 1px solid #333333;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
}
#whole #maincontent  table {
	margin-right: 45px;
	margin-bottom: 15px;
	margin-left: 45px;
	border: 1px solid #000000;
}
#whole #maincontent  caption {
	font-size: 14px;
	font-weight: lighter;
	padding: 15px;
	text-decoration: underline;
	color: #000000;
}
#whole #maincontent  td {
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-size: .88em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}#whole #maincontent .mapaportal {
	float: left;
	width: 22%;
	margin-bottom: 30px;
	margin-left: 20px;
}
#whole #maincontent .mapaportal ul {
	margin-left: 5px;
	list-style-type: none;
	margin-right: 5px;
}
#whole #maincontent .mapaportal li {
	margin: 0px;
}
#whole #maincontent .mapaportal a {
	color: #CC0000;
	text-decoration: underline;
	padding: 7px;
	border: 1px solid #FFFFFF;
	display: block;
}
#whole #maincontent .mapaportal a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC0000;
	background-image: url(../img/alt.gif);
	background-position: center center;
	border: 1px solid #990000;
}
#whole  #maincontent  .noline  {
	border-right-width: 0px;
	border-left-width: 0px;
}
#whole #maincontent .toolbar {
	clear: both;
	background-color: #E6E6E6;
	background-image: url(../img/stripe.png);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	height: 30px;
}
#whole #maincontent .toolbar a {
	color: #333333;
}
#whole #maincontent .toolbar a:hover {
	color: #CC0000;
}
#whole #maincontent .toolbar .quicklinks {
	line-height: 40px;
	float: left;
	margin-left: 10px;
	padding-top: 6px;
	width: 170px;
}
#whole #maincontent .toolbar  h2{
	float: right;
	text-align: right;
	width: 280px;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 0px;
}
#whole #maincontent .toolbar  h2 .goback {

	display: none;
	
}
#whole #maincontent .toolbar h2 .printable {
	line-height: 30px;
	height: 30px;
	padding-right: 45px;
	font-size: 12px;
	background-image: url(../img/printer.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	float: right;
	font-weight: lighter;
}
#whole #maincontent .toolbar h2 .printable:hover {
	background-position: right bottom;
}
#whole #maincontent .toolbar p {
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	margin-left: 10px;
	width: 400px;
}
#whole #maincontent #map {
}
#cse-search-results {
	width: 910px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 25px;
}