<!--

body { top: 20px; left: 0px; margin: 20px auto 0px auto; background-color: #ffffff; } 
#prepage { position:absolute; left:0; top:0; height:100%; width:100%; display:block; margin: 0 auto 0 auto; pdding: 25% auto; background-color:white; filter:alpha(opacity=80);opacity:0.8; z-index:100 !important; vertical-align:middle; text-align:center; } 


/* ----------------------------------------------- PAGE LAYOUT ----------------------------------------------- */

#pgContainer { height: 600px; min-width: 700px; max-width: 900px; width: expression((document.body.clientWidth < 700)? "700px" : (document.body.clientWidth > 900)? "900px" : "auto"); 
margin: 0 auto; padding: 20px auto; 
position:relative; z-index: 0; 
border-left: 0px outset rgb(255,154,74); border-bottom: 2px inset rgb(255,154,74); }

#topContainer { position: absolute; top: 0px; left: 40%; width: 60%; height: 15%; text-align: center; vertical-align: middle; 
	background: url(_imgs/logosColegios.gif) no-repeat scroll top left; }

#topMenuContainer { position:absolute; top: 15%; left: 20%; width: 80%; height: 5%; text-align:center; vertical-align: middle; border-top: 0px solid rgb(255,154,74);  border-bottom: 1px solid rgb(255,154,74) }

#logoContainer { position: absolute; top: 0px; left: 0%; width: 40%; height: 15%; display: block; text-decoration: none; border: none;
	background: url(_imgs/logoUIClub.png) no-repeat scroll left center; }
#logoContainer a  { text-decoration: none; display: block; width: 98%; height: 98%; border: none; }
#logoContainer a:hover { text-decoration: none; width: 98%; height: 98%; border: none; }

#leftMenuContainer { position: absolute; top: 35%; left: 0%; width: 20%; height: 40%; display: block; padding-top: 2px; vertical-align: top; z-index: 3;
	background: url(_imgs/fondoMenuLeft.png) no-repeat scroll top left; }

#contactoContainer { position: absolute; top: 15%; left: 0%; width: 20%; height: 20%; display: block; vertical-align: middle; text-align: center;
	background: url(_imgs/logoContacto.png) no-repeat scroll center center; }
#contactoContainer  a {  width: 98%; height: 96%; margin: auto auto auto auto; text-decoration: none; border: none; display: block; }
#contactoContainer a:hover { width: 98%; height: 96%; text-decoration: none; border: 0; }

#leftMenuBottom { position: absolute; top: 75%; left: 0%; width: 20%; height: 20%; vertical-align: middle; text-align: center; display: block;
	background: url(_imgs/tarjetaUI.png) no-repeat scroll bottom center; }

#contentContainer { position: absolute; top: 20%; left: 20%; height: 79%; width: 80%; display: block; padding: 3px 0 0 0; z-index: ; 
	background: url(_imgs/fondoContent.png) no-repeat scroll top left; }
	
#contents { position:relative; height:355px; width:95%; margin:0.5em; padding:0; overflow:auto; z-index:0;  
	font: 12px Tahoma, arial, sans-serif; text-align: justify;
	scrollbar-base-color: #CCCCD3; scrollbar-track-color: #CCCCD3; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #AAAAB4; scrollbar-darkshadow-color: #AAAAB4; scrollbar-shadow-color: #AAAAB4; scrollbar-arrow-color: #FF6B08; } 

.warning { max-width: 350px; min-width: 300px; width: expression( document.body.clientWidth < 300? "300px": document.body.clientWidth > 350? "350px" : "auto");
	background-color: #ffffff; font: bold 11px georgia, verdana, sans-serif; text-align: center; border: 2px double rgb(255,154,74); margin: 5% 20% auto 90px; 
	filter:alpha(opacity=70); opacity:0.7; z-index: 2; position: absolute; display: block; } 
.warning a { font: bold 11px georgia, verdana, sans-serif; text-align: center; text-decoration: none; }
.warning a:hover { background-color: rgb(255,154,74); color: #ffffff; text-decoration: none; width: 100%; height: 100%; display: block; margin: 0px; padding: 1px 0 1px 0; }


/* ----------------------------------------------- SCROLLS ----------------------------------------------- */

#contents .rightContent { position:relative; float:right; overflow:hidden; margin:0.3em; display:block; font: normal 11px verdana, arial, sans-serif; z-index:1 !important; } 
#contents .leftContent { position:relative; float:left; overflow:hidden; margin:0.3em; display:block; font: normal 11px verdana, arial, sans-serif; z-index:1 !important; } 
#contents .topContent { position:relative; overflow:hidden; display:block; margin:0.3em; font: normal 11px verdana, arial, sans-serif; z-index:1 !important; } 
#contents .bottomContent { position:relative; overflow:hidden; display:block; margin:0.3em; font: normal 11px verdana, arial, sans-serif; z-index:1 !important; } 

#rightContent { position:relative; float:right; overflow:hidden; display:block; margin:0.5em; font: normal 11px verdana, arial, sans-serif; z-index:1 !important; } 
#leftContent { position:relative; float:left; overflow:hidden; display:block; margin:0.5em; font: normal 11px verdana, arial, sans-serif; z-index:1 !important; }
#topContent { position:relative; overflow:hidden; display:block; margin:1em; font: normal 11px verdana, arial, sans-serif; z-index:1 !important; } 
#bottomContent { position:relative; overflow:hidden; display:block; margin:0.5em; font: normal 11px verdana, arial, sans-serif; z-index:1 !important; } 
.topContent p { margin:0; padding:0; line-height:1.5em; }
.topContent h3  { color:#FF6B08; font:bold 1.1em verdana, arial, sans-serif; text-align:left; margin:0.4em 0; padding:0; }

#ad1 { position:relative; top:0.3em; left:0.3em; margin:0.3em; padding:0.3em; overflow:hidden; text-align:center; border:0; z-index:1 !important; } 
#vmarquee { position:relative; overflow:hidden; border:0; z-index:0 !important; } 

#ad2 { position:relative; top:0.3em; left:0.3em; margin:0.3em; padding:0.3em; overflow:hidden; vertical-align:middle; border:0; z-index:1 !important; } 
#hmarquee { position:relative; overflow:hidden; vertical-align:middle; border:0; z-index:0 !important; } 


/* ----------------------------------------------- GENERAL ----------------------------------------------- */

a:link { color: #FF6B08; text-decoration: none; }
a:visited { color: #FF6B08; text-decoration: none; }
a:active { color: #FF6B08; text-decoration: none; }
a:hover { color: #FF6B08; text-decoration: underline;}

table { font: 11px Tahoma, arial, sans-serif; padding: 0; }

p { margin:0.5em 1em; line-height: 150%; }

b { color: #FF6B08; } 

.c { text-align: center; } 

.pgTitle { font: italic bold 22px Tahoma, arial, sans-serif; color: #ffffff; line-height:25px; margin: 15px 15px 4px 6px; padding: 4px 0 4px 8px; 
	background: url(_imgs/fondoTitle.png) no-repeat scroll center left; }

.titleL { font: bold 20px Tahoma, arial, sans-serif; color: #FF6B08; text-align: left; line-height:25px; margin: 6px 0 6px 0; padding: 4px 0 5px 4px }
.titleC { font: bold 20px Tahoma, arial, sans-serif; color: #FF6B08; text-align: center; line-height:25px; margin: 6px 0 6px 0;  padding: 4px 0 5px 0; }
.titleR { font: bold 20px Tahoma, arial, sans-serif; color: #FF6B08; text-align: right; line-height:25px; margin: 6px 0 6px 0;  padding: 4px 4px 5px 0; }

.product-titleL	{ font: bold 14px/20px Tahoma, arial, sans-serif; color: #FF6B08; text-align:left;  margin: 9px 0 3px 0;  padding:0 1.2em; }
.product-titleC { font: bold 14px/20px Tahoma, arial, sans-serif; color: #FF6B08; text-align:center; margin: 9px 0 3px 0;  padding:0; }

.headingsL { font: bold 12px Tahoma, arial, sans-serif; color: #FF6B08; text-align: left; line-height:21px;  margin: 2px 0 2px 0;  padding: 2px 0 2px 3px; }
.headingsC { font: bold 12px Tahoma, arial, sans-serif; color: #FF6B08; text-align: center; line-height:21px; margin: 2px 0 4px 0;  padding: 2px 0 2px 0; }
.headingsR { font: bold 12px Tahoma, arial, sans-serif; color: #FF6B08; text-align: right; line-height:21px; margin: 2px 2px 4px 0;  padding: 2px 3px 2px 0; }

.subHeadingsL { font: bold 11px Tahoma, arial, sans-serif; color: #FF6B08; text-align: left; line-height:21px; margin: 1px 0 1px 0;  padding: 2px 3px 4px 0; }
.subheadingsC { font: bold 11px Tahoma, arial, sans-serif; color: #FF6B08; text-align: center; line-height:21px; margin: 1px 0 1px 0;  padding: 2px 3px 4px 0;  }
.subheadingsR { font: bold 11px Tahoma, arial, sans-serif; color: #FF6B08; text-align: right; line-height:21px; margin: 1px 0 1px 0;  padding: 2px 3px 4px 0; }

.smalltext { font: 10px Tahoma, arial, sans-serif; color: #FF6B08; font-weight: normal }

.img  { border:0px; text-align:center; padding:0; text-decoration:none; }

.imgMedSize { width: 90px; height: auto; border: 0px; text-decoration: none; } 

.rightImgDiv { position:relative; float:right; text-align:center; margin:0.5em; padding:0;  } 
.leftImgDiv { position:relative; float:left; text-align:center; margin:0.5em; padding:0; }

.index p  { color:#FF6B08; font:normal 0.9em verdana, arial, sans-serif; text-align:left; margin:0.15em; padding:0; } 
.index h3  { color:#FF6B08; font:bold 1.1em verdana, arial, sans-serif; text-align:left; margin-bottom:0.3em; padding:0; } 
.index a, a:hover { text-align:left; text-decoration:none; } 

.clearsides { clear:both; }

hr.hrlarge { background-color:#FF6B08; height:1px; width:98%; margin:0.5em; padding:0; border:0; text-align:center; } 
hr.hrsmall { background-color:#FF6B08; height:1px; width:70%; margin:0.5em; padding:0; border:0; text-align:center; } 
.linebreak { clear:both; }

/* ----------------------------------------------- MENUS SUPERIOR Y DERECHO ----------------------------------------------- */
		
.menuSup { font: bold 11px Tahoma, arial, verdana, sans-serif; text-align: center; }
.menuSup a { color: rgb(255,154,74); width:90%; text-align:center; vertical-align:middle; line-height:25px; border:none; display:block; }
.menuSup a:active { background: url(_imgs/topMenuBg.png) no-repeat scroll center center; text-decoration: none; border: none; }
.menuSup a:visited { font-variant: small-caps; text-decoration: none; border: none; } 
.menuSup a:hover {  color: #FFFFFF; background: url(_imgs/topMenuBg.png) no-repeat scroll center center; text-decoration: none; border: none; } 

.titleMenuleft { color: #FF6B08; font: bolder italic 15px Tahoma, arial, verdana, sans-serif; text-align: left; margin: 0 0 15px 20px; border: none; }
.menuLeft { font: bold 13px Tahoma, arial, verdana, sans-serif; text-align: right; margin: 0 20px 3px 10px; border: none; }	   
.menuLeft a { color: #FF6B08; text-align: right; text-decoration: none; line-height: 24px; padding: 0 3px 0 0px; border: none; display: block; } 
.menuLeft a:visited { text-decoration: none; border: none; }
.menuLeft a:hover { color: #FFFFFF; background-color: rgb(255,151,71); border: none; display: block; }
.menuLeft a:active { color: #FFFFFF; background-color: rgb(255,151,71); border: none; width: 100%; display: block; }


/* --------------------------------------------------------- TABLES --------------------------------------------------------- */

.product-table { font: 12px Tahoma, arial, sans-serif; text-align:left; background-color:#ffffff; margin:0.5em; border: 1px solid #FF6B08;  }

.rightImgTable { font: 12px Tahoma, arial, sans-serif; color: #FF6B08; text-align: center; margin: 10px 6px 10px 6px; padding: 3px 3px 3px 3px; 
	position: relative; float: right; }

.charts { font: 11px Tahoma, arial, verdana, sans-serif; margin:1em; border-collapse: collapse; border-right: 0px solid #FF6B08; border-bottom: 1px solid #FF6B08; } 

.chartsHeadingsL { font: bold 12px Tahoma, arial, sans-serif; text-align: left; color: #FF6B08; background-color: #FFDCA8; padding: 5px 0 5px 3px;  border-collapse: collapse; border-bottom: 1px solid #FF6B08; }
.chartsHeadingsC { font: bold 12px Tahoma, arial, sans-serif; text-align: center; color: #FF6B08; background-color: #FFDCA8; padding: 5px 0 5px 0; border-collapse: collapse; border-bottom: 1px solid #FF6B08; }
.chartsHeadingsR { font: bold 12px Tahoma, arial, sans-serif;text-align: right; color: #FF6B08; background-color: #FFDCA8;  padding: 5px 3px 5px 0; border-collapse: collapse; border-bottom: 1px solid #FF6B08; }

.subtitleL { font: bold 11px Tahoma, arial, sans-serif; color: #FF6B08; text-align: left; vertical-align: top; padding: 4px 0 5px 3px; border-bottom: 1px solid #FF6B08; } 
.subtitleC { font: bold 11px Tahoma, arial, sans-serif; color: #FF6B08; text-align: center; vertical-align: top; padding: 4px 0 4px 0; border-bottom: 1px solid #FF6B08; }
.subtitleR { font: bold 11px Tahoma, arial, sans-serif;  color: #FF6B08; text-align: right; vertical-align: top; padding: 4px 3px 4px 0; border-bottom: 1px solid #FF6B08; }

.lineL { font: 11px Tahoma, arial, sans-serif; text-align: left; vertical-align: top; padding: 4px 0 4px 3px; border-bottom: #FF6B08 1px solid; } 
.lineL p { margin:0; padding:0; line-height:1.2em; }
.lineL h3  { color:#FF6B08; font:bold 1.1em verdana, arial, sans-serif; text-align:left; margin:0 0 0.2em 0; padding:0; } 
.lineC { font: 11px Tahoma, arial, sans-serif; text-align: center; vertical-align: top; padding: 4px 0 4px 0;  border-bottom: #FF6B08 1px solid; }
.lineR { font: 11px Tahoma, arial, sans-serif; text-align: right; vertical-align: top; padding: 4px 3px 4px 0;  border-bottom: #FF6B08 1px solid; }

.cellL { font: 11px Tahoma, arial, sans-serif; text-align: left; vertical-align: top; line-height:21px; margin: 1px 0 1px 0;  padding: 2px 3px 4px 0; }
.cellC { font: 11px Tahoma, arial, sans-serif; text-align: center; vertical-align: top; ine-height:21px; margin: 1px 0 1px 0;  padding: 2px 3px 4px 0; }
.cellR { font: 11px Tahoma, arial, sans-serif; text-align: right; vertical-align: top; line-height:21px; margin: 1px 0 1px 0;  padding: 2px 3px 4px 0; }


/* --------------------------------------------------------- FOMULARIOS --------------------------------------------------------- */ 

.textBox { background-color:#eaeaea;
	font: normal 12px Tahoma, arial, sans; color: #FF6B08; text-align: left; padding: 0 0 0 3px; 
	width: auto; height: 18px;
	border: 0px; border-bottom: 1px inset #000066; border-left: 2px outset #FF6B08;
	cursor: auto; } 

.textArea { background-color:#eaeaea;
	font: normal 12px Tahoma, arial, sans; color: #FF6B08; text-align: left; padding: 0 0 0 3px; 
	width: auto; height: auto;
	border: 0px; border-bottom: 1px inset #000066; border-left: 2px outset #FF6B08;
	cursor: auto; }

.boton { background-color:#FF6B08; 
	font: bold 12px Tahoma, arial, helvetica, sans; color: #ffffff; text-align: center; padding: 0 0 5px 0;
	width: auto; height: 20px;
	border: 1px solid #FF6B08;
	cursor:hand; }



/* -------------------------------------------------------------- LISTAS ------------------------------------------------------------ */ 

.ul { list-style-type: square; list-style-position: outside;
	font: 12px Tahoma, arial, sans-serif; text-align: left; line-height: 150%;
	margin: 5px 10px 10px 0; #margin: 5px 10px 10px 35px; }
	
.alpha { list-style-type: lower-alpha; list-style-position: outside;
	font: 12px Tahoma, arial, sans-serif; text-align: justify;
	margin: 5px 10px 5px 0; #margin: 5px 10x 5px 20px; }
	 
.ulsmall { list-style-type:square; list-style-position:inside; font: 11px Tahoma, arial, verdana, sans-serif; color:#666666; text-align:justify; margin:0.5em; padding:0.5em; } 



/* ------------------------------------------------------ MENU DESPLEGABLE -------------------------------------------------------- */ 

#dropmenudiv { position:absolute; background-color:#ffffff; z-index:10; border: 1px solid rgb(255,154,74); border-bottom-width:0; font: italic 12px Arial; line-height:18px; } 
#dropmenudiv a { width:100%; display:block; font-weight:bold; text-decoration:none; text-indent:3px; border-bottom: 1px solid rgb(255,154,74); padding: 1px 0; z-index:10; } 
#dropmenudiv a:hover { color: #FFFFFF; background-color: rgb(255,154,74); z-index: 10; } 


/* Sample CSS definition for the example list. Remove if desired */ 
.navlist li { list-style-type: square; width: 135px; background-color: #FFFFB9; 
} 

-->