/* CSS Document */
#contenido {position : absolute; top : 0px; left : 1px; width : 1020px; height: 1550px; border : 1px solid; background-color: #FFFFEE; border-color : #b5fcf9;}
#logosh {position: absolute; top: 5px; left:5px; width: 129px; height: 96px;/* border:1px solid; border-color:#9F9F9F;*/}
#cuerpo {position: absolute; top:220px; left:190px; width:825px;/* border:1px solid; border-color: #FF0000*/}
#alitit {position: absolute; top:0px; left:0px; /*width:825px; border:1px solid; border-color: #FF0000*/}

#bannergog{position: absolute;top: 197px;left:255px; width: 752px; height:22px; background-color: #6699ff;border:1px solid;border-color: #646464;}
#gogpos {position:absolute;	left:25px;top:3px;}
#bannerVIU {position: absolute; left:20px; top:235px;}
#bannerHBI {position: absolute; left:195px; top:263px;}
#bannerHIT {position: absolute; left:289px; top:5px;}

#menu {position: absolute; top: 170px; left: 240px; width: 775px;}
#videohist-1 {position: absolute; top:5px; left:720px; /*width:825px; border:1px solid; border-color: #FF0000*/}
#pie { position : absolute; top : 1555px; left : -1px; width : 1020px; height : 165px; background-color : #f8f8f8; border : 1px solid; border-color : #dddddd; }
#misenl { position : absolute; left : 915px; top : 5px; }
#piedown { position : absolute; left : 5px; top : 100px; width : 980px; }

.Estilo1 { font-family : Arial; font-size : 10px; color : #ff0000; text-decoration : none; }
.Estilo10 {font-family : Arial; font-size : 14px; color: #0000FF; text-align: right; } 
.Estilo20 {font-family: Arial;font-size: 14px;color: #000000; margin:5px; padding:5px; text-align:justify}
.Estilo24 {font-family: Arial;font-size: 10px; color: #999999; margin: 5px; text-align: left}
.Estilo3 { font-family : Arial; font-size : 9px; }
.Estilo6 { font-family : Arial; font-size : 20px; color : #0033ff; padding : 10px; text-decoration : none; }

/*a:link {
	color:#414B7F;
	font-style:normal;
	text-decoration: none;
	}*/
/*a:visited {
	color:#414B7F;
	font-style: italic;
	text-decoration: none;
	}*/
a:hover {
	text-decoration: none;
	color:#666633;
	font-style: italic;
	}
/*a:active {
	color: #FF0000;
}*/

.jquerycssmenu {font : bold 12px Arial;border-bottom : 1px solid black;padding-left : 15px;}
.jquerycssmenu ul {margin : 0;padding : 0;list-style-type : none;}
.jquerycssmenu ul li {position : relative;display : inline;float : left;}
.jquerycssmenu ul li a {display : block;background : white url(tintblue.gif) repeat-x top center;padding : 5px 3px 4px 3px;margin-right : 3px;border : 1px solid #778;border-bottom-width : 0;color : #2d2b2b;text-decoration : none;}
.jquerycssmenu ul li a:hover {background-image : url(tintbluedark.gif);}
.jquerycssmenu ul li ul {position : absolute;left : 0;display : block;visibility : hidden;border-top : 1px solid black;}
.jquerycssmenu ul li ul li {display : list-item;float : none;}
.jquerycssmenu ul li ul li ul {top : 0;}
.jquerycssmenu ul li ul li a {font : normal 13px Verdana;width : 160px;background : white;color : black;padding : 4px 5px;margin : 0;border-top-width : 0;border-bottom : 1px solid black;}
.jquerycssmenu ul li ul li a:hover {background : #eff9ff;color : black;}
.downarrowclass {position : absolute;top : 7px;right : 5px;}
.rightarrowclass {position : absolute;top : 5px;right : 5px;}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}
/*DHTML position*/
.dhtmlwindow{position: absolute;border: 2px solid black;visibility: hidden;background-color: white;}

.drag-handle{ /*CSS for Drag Handle*/padding: 1px;text-indent: 3px;font: bold 14px Arial;background-color: #CA0000;color: white;cursor: move;overflow: hidden;width: auto;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/position: absolute;right: 1px;top: 2px;cursor: hand;cursor: pointer;}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/width: 100%;}

.drag-contentarea{ /*CSS for Content Display Area div*/border-top: 1px solid brown;background-color: white;color: black;height: 150px;padding: 2px;overflow: auto;}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/border-top: 1px solid gray;background-color: #F8F8F8;height: 13px; /*height of resize image*/}

.drag-resizearea{ /*CSS for Resize Area itself*/float: right;width: 13px; /*width of resize image*/height: 13px; /*height of resize image*/cursor: nw-resize;font-size: 0;}
/*Fin DHTML position*/


/*
#contenidohe {position : absolute; top : 0px; left : 1px; width : 1020px; height : 945px; border : 1px solid; background-color: #FFFFEE; border-color : #b5fcf9;} 
#contenidome {position : absolute; top : 0px; left : 1px; width : 1020px; height : 2325px; border : 1px solid; background-color: #FFFFEE; border-color : #b5fcf9;} 
#contenidohr {position : absolute; top : 0px; left : 1px; width : 1020px; height : 1065px; border : 1px solid; background-color: #FFFFEE; border-color : #b5fcf9;} 
#contenidot {position : absolute; top : 0px; left : 1px; width : 1020px; height : 1140px; border : 1px solid; background-color: #FFFFEE; border-color : #b5fcf9;} 
#contenidop {position : absolute; top : 0px; left : 1px; width : 1020px; height : 1365px; border : 1px solid; background-color: #FFFFEE; border-color : #b5fcf9;} 
#contenidoem {position : absolute; top : 0px; left : 1px; width : 1020px; height : 1670px; border : 1px solid; background-color: #FFFFEE; border-color : #b5fcf9;} 
#contenidorc {position : absolute; top : 0px; left : 1px; width : 1020px; height : 1770px; border : 1px solid; background-color: #FFFFEE; border-color : #b5fcf9;} 

#logopyc {position: absolute; top: 5px; left:5px; width: 129px; height: 96px;/* border:1px solid; border-color:#9F9F9F;}


#eljuego {position: absolute; top:220px; left:190px; width:825px;/* border:1px solid; border-color: #FF0000}

#grafico {position: absolute; top:315px; left:528px; /*width:825px; border:1px solid; border-color: #FF0000}
#videohist-1 {position: absolute; top:5px; left:720px; /*width:825px; border:1px solid; border-color: #FF0000}




#pieenl { position : absolute; top : 965px; left : -1px; width : 1020px; height : 165px; background-color : #f8f8f8; border : 1px solid; border-color : #dddddd; }
 
#piehe { position : absolute; top : 955px; left : -1px; width : 1020px; height : 165px; background-color : #f8f8f8; border : 1px solid; border-color : #dddddd; }
#pieme { position : absolute; top : 2335px; left : -1px; width : 1020px; height : 165px; background-color : #f8f8f8; border : 1px solid; border-color : #dddddd; }
#piehr { position : absolute; top : 1075px; left : -1px; width : 1020px; height : 165px; background-color : #f8f8f8; border : 1px solid; border-color : #dddddd; }
#piet { position : absolute; top : 1150px; left : -1px; width : 1020px; height : 165px; background-color : #f8f8f8; border : 1px solid; border-color : #dddddd; }
#piep { position : absolute; top : 1375px; left : -1px; width : 1020px; height : 165px; background-color : #f8f8f8; border : 1px solid; border-color : #dddddd; }
#pieem { position : absolute; top : 1680px; left : -1px; width : 1020px; height : 165px; background-color : #f8f8f8; border : 1px solid; border-color : #dddddd; }
#pierc { position : absolute; top : 1780px; left : -1px; width : 1020px; height : 165px; background-color : #f8f8f8; border : 1px solid; border-color : #dddddd; }

#cuadrohp5enl {position : absolute;top : 914px;left : -1px;width : 1015px;height : 40px;border : 1px solid;border-color : #ffcccc;}
#directo {position : absolute;left : 5px;top : 12px;}
#directo1 {position : absolute;left : 50px;top : 12px;}
#directo2 {position : absolute;left : 100px;top : 12px;}
#directo3 {position : absolute;left : 170px;top : 12px;}
#directo4 {position : absolute;left : 230px;top : 12px;}
#directo5 {position : absolute;left : 300px;top : 12px;}
#directo6 {position : absolute;left : 355px;top : 12px;}
#directo7 {position : absolute;left : 425px;top : 12px;}
#directo8 {position : absolute;left : 490px;top : 12px;}
#directo9 {position : absolute;left : 545px;top : 12px;}
#directo10 {position : absolute;left : 585px;top : 12px;}
#directo11 {position : absolute;left : 615px;top : 12px;}
#directo12 {position : absolute;left : 715px;top : 12px;}
#directo13 {position : absolute;left : 765px;top : 12px;}
#directo14 {position : absolute;left : 805px;top : 3px;}
#directo14-1 {position : absolute;left : 805px;top : 22px;}
#directo15 {position : absolute;left : 895px;top : 3px;}
#directo16 {position : absolute;left : 895px;top : 22px;}


#cuadrohp5 {position : absolute;top : 914px;left : -1px;width : 1015px;height : 20px;border : 1px solid;border-color : #ffcccc;}
#pb {position : absolute; top:5px; left:5px;}
#pb1 {position : absolute; top:5px; left:105px;}
#pb2 {position : absolute; top:5px; left:205px;}
#pb3 {position : absolute; top:5px; left:305px;}
#pb4 {position : absolute; top:5px; left:405px;}
#pb5 {position : absolute; top:5px; left:525px;}
#pb6 {position : absolute; top:5px; left:850px;}

#w3c { position : absolute; left : 10px; top : 10px; } 
#w3c-1 { position : absolute; left : 10px; top : 50px; } 
#prje { position : absolute; left : 115px; top : 13px; } 


a         {color: #ffffff; text-decoration:none;/* display:block}
a:link    {}
a:visited {}
a:hover   {color:red ; background-color: white}

.Estilo1 { font-family : Arial; font-size : 10px; color : #ff0000; text-decoration : none; } 
.Estilo2 {font-family : Arial; font-size : 12px; color : #000000; padding : 3px; text-align : justify; }

.Estilo21 {font-family: Arial;font-size: 13px;color: #666666; margin:30px; padding:5px; text-align:justify }
.Estilo22 {font-family : Arial; font-size : 12px; color: #009900; margin:5px; text-align : justify; }
.Estilo23 {font-family: Arial;font-size: 14px; color: #0033FF; margin:5px; padding:5px; text-align:justify}
.Estilo24 {font-family: Arial;font-size: 10px; color: #999999; margin: 5px; text-align: left}
.Estilo25 {font-family: Arial;font-size: 11px;color: #999999; margin:2px; padding:2px; text-align: left}
.Estilo26 {font-family: Arial;font-size: 14px;color: #000000; margin:50px; padding:5px; text-align:justify}

.Estilo3 { font-family : Arial; font-size : 9px; }
.Estilo30 {font-family: Arial;font-size: 14px;color: #333333; margin:15px 5px 10px 50px; padding:5px; text-align:justify } 
.Estilo4 {font-family : Arial; font-size : 14px; color : #0000ff; text-decoration: underline; } 
.Estilo41 {font-family : Arial; font-size : 16px; margin:10px; color : #0000ff; text-decoration : none; } 
.Estilo44 {font-family : Arial; font-size : 11px; color : #0000ff; text-decoration: underline}
.Estilo5 { font-family : Arial; font-size : 16px; color : #009900; padding : 5px; text-decoration : none; } 

.Estilo66 { font-family : Arial; font-size : 18px; color : #0033ff; padding : 10px; text-decoration : none; }
.Estilo11 { font-family : Arial; font-size : 9px; color : #ff0000; padding : 5px; text-decoration : none; } 
.Estilo12 { font-family : Arial; font-size : 12px; color : #ff0000; padding : 5px; text-decoration : none; } 
.Estilo13 { font-family : Arial; font-size : 18px; color : #ff0000; padding : 5px; text-decoration : none; } 
.Estilo14 {font-family : Arial; font-size : 14px; color: #009900; margin:5px; text-align : justify; }

*/