/* CSS Document */

#cabeza {position : absolute;top : 0;left : 0;width : 1024px;height : 120px;border : 1px solid;border-color : #ffcccc;}
#logopyc {position: absolute; top: 0; left: 860px; width: 129px; height: 96px;}
#mundoci {position: absolute;top: 10px;left: 0px;}
#searcgog {position: absolute;top: 65px;left: 360px;}
#eltiempo {position: absolute;top: 0;left: 315px;}
#reloj {position: absolute;top: 2px;left: 730px;}
#fecha {position: absolute; top: 95px; left: 715px;}

#contenido {position: absolute; top:125px; left:0px; width:1024px; height: 718px; border:1px solid; border-color: #999999}
#menu {position: absolute; top:1px; left:0px; width:1024px;}

#contenido1 {position: absolute; top:125px; left:0px; width:1024px; height: 2058px; border:1px solid; border-color: #999999}
#pie1 { position: absolute; top:2061px; left:0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; }
#contenidobridg {position: absolute; top:125px; left:0px; width:1024px; height: 3003px; border:1px solid; border-color: #999999}
#piebridg { position: absolute; top:3006px; left:0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; }
#contenidobrisc {position: absolute; top:125px; left:0px; width:1024px; height: 1503px; border:1px solid; border-color: #999999}
#piebrisc { position: absolute; top:1506px; left:0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; }
#contenidocinquil {position: absolute; top:125px; left:0px; width:1024px; height: 753px; border:1px solid; border-color: #999999}
#piecinquil { position: absolute; top:756px; left:0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; }
#contenidoescob {position: absolute; top:125px; left:0px; width:1024px; height: 1673px; border:1px solid; border-color: #999999}
#pieescob { position: absolute; top:1676px; left:0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; }
#contenidopocha {position: absolute; top:125px; left:0px; width:1024px; height: 1903px; border:1px solid; border-color: #999999}
#piepocha { position: absolute; top:1906px; left:0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; }

#contenido-dka {position: absolute; top:125px; left:0px; width:1024px; height: 765px; border:1px solid; border-color: #999999}
#pie-dka {position : absolute;top: 768px;left : 0;width : 1024px;height : 165px;background-color : #ffffee;border : 1px solid;border-color : #ffff33;}
#contenido-var {position: absolute; top:125px; left:0px; width:1024px; height: 840px; border:1px solid; border-color: #999999}
#pie-var1 {position : absolute;top: 845px;left : 0;width : 1024px;height : 165px;background-color : #ffffee;border : 1px solid;border-color : #ffff33;}
#pie-var {position : absolute;top: 970px;left : 0;width : 1024px;height : 165px;background-color : #ffffee;border : 1px solid;border-color : #ffff33;}

#alineajuego {position: absolute; top:40px; left:50px;}
#alineajuegotic {position: absolute; top:75px; left:50px;}
#alineajuego-dka {position: absolute; top:55px; left:50px;}
#eljuegomin {position: absolute; top:105px; left:144px; width:735px; height:250px; border:1px solid; border-color: #FF0000}
#alineajuegomin {position: absolute; top:35px; left:15px;}


#contenidocanasta {position: absolute; top:125px; left:0px; width:1024px; height: 3503px; border:1px solid; border-color: #999999}
#piecanasta { position: absolute; top:3506px; left:0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; }

#contenidoajdr {position: absolute; top:125px; left:0px; width:1024px; height: 1153px; border:1px solid; border-color: #999999}
#pieajdr { position: absolute; top:1156px; left:0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; }
#contenidomnpoly {position: absolute; top:125px; left:0px; width:1024px; height: 5243px; border:1px solid; border-color: #999999}
#piemnpoly { position: absolute; top:5246px; left:0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; }
#contenidorol {position: absolute; top:125px; left:0px; width:1024px; height: 2753px; border:1px solid; border-color: #999999}
#pierol { position: absolute; top:2756px; left:0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; }

#adsgogvi {position: absolute; top:32px; left:3px; width:135px;height:611px; border:1px solid; border-color: #FF0000}
#al-adsgogvi {position: absolute; top:5px; left:5px;}
#adsgogvd {position: absolute; top:103px; left:885px; width:135px;height:611px; border:1px solid; border-color: #CCFFCC}
#al-adsgogvd {position: absolute; top:5px; left:5px;}
#adsgogcc {position: absolute; top:422px; left:678px; width:340px;height:290px; border:1px solid; border-color: #33CCFF}
#cuadro-1 {position: absolute; top:32px; left:144px; border:1px solid; border-color: #FF0000}

#txt-cab {position : absolute;top : 32px;left: 144px; width: 873px; height: 65px; border: 1px solid; border-color: #66cc00;}
#alineabv {position : absolute;top : 0px;left : 133px;}
#alineabvtxt {position : absolute;top : 28px;left : 133px;}

#eljuego {position: absolute; top:105px; left:144px; width:735px; border:1px solid; border-color: #FF0000}
#eljuegov {position: absolute; top:105px; left:144px; width:735px; height:705px; border:1px solid; border-color: #FF0000}
#sudoku {position: absolute; top:80px; left:80px; width:502px; height:472px}

#juegos-1 {position: absolute; top:105px; left:175px; width:300px;height:25px;}
#juegos1-1 {position : absolute;top : 130px;left : 150px;width : 850px;height : 100px;border : 1px solid;border-color : #ffcccc;}
#directo {position : absolute;left : 5px;top : 12px;}
#directo1 {position : absolute;left : 80px;top : 12px;}
#directo2 {position : absolute;left : 155px;top : 12px;}
#directo3 {position : absolute;left : 230px;top : 12px;}
#directo4 {position : absolute;left : 305px;top : 12px;}
#directo5 {position : absolute;left : 380px;top : 12px;}
#directo6 {position : absolute;left : 455px;top : 12px;}
#directo7 {position : absolute;left : 530px;top : 12px;}
#directo8 {position : absolute;left : 605px;top : 12px;}
#directo9 {position : absolute;left : 680px;top : 12px;}
#directo10 {position : absolute;left : 755px;top : 12px;}
#directo11 {position : absolute;left : 5px;top : 35px;}
#directo12 {position : absolute;left : 80px;top : 35px;}
#directo13 {position : absolute;left : 155px;top : 35px;}
#directo14 {position : absolute;left : 230px;top : 35px;}
#directo15 {position : absolute;left : 305px;top : 35px;}
#directo16 {position : absolute;left : 380px;top : 35px;}
#directo17 {position : absolute;left : 455px;top : 35px;}
#directo18 {position : absolute;left : 530px;top : 35px;}
#directo24 {position : absolute;left : 753px;top : 35px;}
#directo25 {position : absolute;left : 5px;top : 58px;}
#directo26 {position : absolute;left : 155px;top : 58px;}

#juegos-2 {position: absolute; top:255px; left:175px; width:300px;height:25px;}
#juegos2-1 {position : absolute;top : 280px;left : 150px;width : 850px;height : 100px;border : 1px solid;border-color: #00CCFF;}
#directo-2 {position : absolute;left : 5px;top : 12px;}
#directo1-2 {position : absolute;left : 80px;top : 12px;}
#directo2-2 {position : absolute;left : 155px;top : 12px;}
#directo3-2 {position : absolute;left : 230px;top : 12px;}
#directo4-2 {position : absolute;left : 305px;top : 12px;}
#directo5-2 {position : absolute;left : 380px;top : 12px;}
#directo6-2 {position : absolute;left : 455px;top : 12px;}
#directo7-2 {position : absolute;left : 530px;top : 12px;}
#directo8-2 {position : absolute;left : 605px;top : 12px;}
#directo9-2 {position : absolute;left : 670px;top : 12px;}
#directo10-2 {position : absolute;left : 755px;top : 12px;}
#directo11-2 {position : absolute;left : 5px;top : 35px;}
#directo12-2 {position : absolute;left : 80px;top : 35px;}
#directo13-2 {position : absolute;left : 155px;top : 35px;}
#directo14-2 {position : absolute;left : 230px;top : 35px;}
#directo15-2 {position : absolute;left : 305px;top : 35px;}
#directo16-2 {position : absolute;left : 380px;top : 35px;}
#directo17-2 {position : absolute;left : 455px;top : 35px;}
#directo18-2 {position : absolute;left : 530px;top : 35px;}
#directo24-2 {position : absolute;left : 756px;top : 35px;}
#directo25-2 {position : absolute;left : 5px;top : 58px;}
#directo26-2 {position : absolute;left : 155px;top : 58px;}
#directo27-2 {position : absolute;left : 756px;top : 58px;}
#directo36-2 {position : absolute;left: 5px;top: 81px;}

#juegos-4 {position: absolute; top:405px; left:175px; width:300px;height:25px;}
#juegos4-1 {position : absolute;top : 435px;left : 150px;width : 500px;height : 50px;border : 1px solid;border-color: #FF66FF;}
#directo-4 {position : absolute;left : 5px;top : 12px;}
#directo1-4 {position : absolute;left : 80px;top : 12px;}
#directo2-4 {position : absolute;left : 155px;top : 12px;}
#directo3-4 {position : absolute;left : 230px;top : 12px;}
#directo4-4 {position : absolute;left : 305px;top : 12px;}
#directo5-4 {position : absolute;left : 380px;top : 12px;}
#directo6-4 {position : absolute;left : 440px;top : 12px;}

#juegos-3 {position: absolute; top:510px; left:175px; width:300px;height:25px;}
#juegos3-1 {position : absolute;top : 540px;left : 150px;width : 500px;height : 50px;border : 1px solid;border-color : #ff6600;}
#directo-3 {position : absolute;left : 5px;top : 12px;}
#directo1-3 {position : absolute;left : 80px;top : 12px;}
#directo2-3 {position : absolute;left : 155px;top : 12px;}
#directo3-3 {position : absolute;left : 230px;top : 12px;}
#directo4-3 {position : absolute;left : 300px;top : 12px;}
#directo5-3 {position : absolute;left : 440px;top : 12px;}
#directo6-3 {position : absolute;left : 455px;top : 12px;}

#juegos-5 {position: absolute; top:610px; left:175px; width:300px;height:25px;}
#juegos5-1 {position : absolute;top : 650px;left : 150px;width : 500px;height : 50px;border : 1px solid;border-color: #66FF00;}
#directo-5 {position : absolute;left : 5px;top : 12px;}
#directo1-5 {position : absolute;left : 80px;top : 12px;}
#directo2-5 {position : absolute;left : 155px;top : 12px;}
#directo3-5 {position : absolute;left : 230px;top : 12px;}
#directo4-5 {position : absolute;left : 305px;top : 12px;}
#directo5-5 {position : absolute;left : 380px;top : 12px;}
#directo6-5 {position : absolute;left : 455px;top : 12px;}


.Estilo1 { font-family : Arial; font-size : 10px; color : #ff0000; text-decoration : none; } 
.Estilo11 {font-family : Arial;font-size : 10px; color: #0000FF;text-decoration : none;}
.Estilo2 {font-family: Arial;font-size: 12px;color: #000000; margin:5px; padding:3px; text-align:justify; text-decoration:none}
.Estilo20 {font-family: Arial;font-size: 12px;color: #000000; margin:5px; padding:5px; text-align:justify}
.Estilo22 {font-family: Arial;font-size: 12px;color: #000000; margin:25px; padding:3px; text-align: right; text-decoration:none}
.Estilo23 {font-family : Arial; font-size : 14px; color : #000000; text-decoration : none; } 
.Estilo26 {color: #0000FF;font-weight: bold;font-family: Arial;font-size: 12px; padding:3px}

.Estilo3 { font-family : Arial; font-size : 9px; }
.Estilo33 {font-size: 16px; color:#009900; font-weight:bold; text-decoration:none}
.Estilo34 {font-size: 16px; color:#0000FF; font-weight:bold; text-decoration:none}
.Estilo35 {font-size: 16px;color: #FF0000; font-weight:bold; text-decoration:none}
.Estilo36 {font-size: 16px;color: #FF6666; font-weight:bold; text-decoration:none}
.Estilo37 {font-size: 16px;color: #9933FF; font-weight:bold; text-decoration:none}
.Estilo38 {font-size: 16px;color: #CC3333; font-weight:bold; text-decoration:none}


.Estilo4 {font-family : Arial; font-size : 14px; color:	#009900; text-decoration : none; } 


.Estilo5 {font-family: Arial;font-size: 16px;color: #009900; padding:5px; text-decoration:none}
/*.Estilo6 {font-family: Arial;font-size: 16px;color: #0000FF; padding:5px; text-decoration:none}*/
.Estilo6 {font-family: Arial;font-size: 17px;color: #CC0066; margin:15px; text-decoration:none}
.Estilo61 {font-family: Arial;font-size: 16px;color: #006600; margin:15px; text-decoration:none}
.Estilo66 {font-family: Arial;font-size: 17px;color: #0000FF; margin:15px; text-decoration:none}



.jquerycssmenu{
font: bold 12px Arial;
border-bottom: 1px solid black;
padding-left: 15px; /*offset of tabs relative to browser left edge*/
}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background: white url(tintblue.gif) top center repeat-x;; /*background of tabs (default state)*/
padding: 5px 3px 4px 3px;
margin-right: 3px; /*spacing between tabs*/
border: 1px solid #778;
border-bottom-width: 0;
color: #2d2b2b;
text-decoration: none;
}

.jquerycssmenu ul li a:hover{
background-image: url(tintbluedark.gif) /*tab link background during hover state*/
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid black;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
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{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

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

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

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}

#bannerhd { position : absolute; top : 850px; left : 0px; width : 1024px; height : 35px; border : 1px solid; border-color: #666666}
#genta { position : absolute; top : 5px; left : 10px;}
#pie { position : absolute; top : 895px; left : 0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; } 

/*#pie {position : absolute;top: 850px;left : 0;width : 1024px;height : 165px;background-color : #ffffee;border : 1px solid;border-color : #ffff33;}*/
#w3c {position : absolute;left : 10px;top : 10px;}
#w3c-1 {position : absolute;left : 10px;top : 50px;}
#prje {position : absolute;left : 115px;top : 13px;}
#logocybpo {position : absolute;left : 505px;top : 5px;width : 170px;height : 90px;}
#piedown {position : absolute;left : 5px;top : 100px;width : 980px;}

#cuadroh5w {position : absolute;top : 1060px;left : -5px;width : 1018px;height : 110px;border : 1px solid;border-color : #ffcccc;}

#directow {position : absolute;left : 75px;top : 35px;}
#directotitw {position : absolute;left : 3px;top : 3px;}
#directo1w {position : absolute;left : 250px;top : 40px;}
#directo2w {position : absolute;left : 100px;top : 12px;}
#directo3w {position : absolute;left : 170px;top : 12px;}
#directo4w {position : absolute;left : 230px;top : 12px;}
#directo5w {position : absolute;left : 300px;top : 12px;}
#directo6w {position : absolute;left : 355px;top : 12px;}
#directo7w {position : absolute;left : 425px;top : 12px;}
#directo8w {position : absolute;left : 490px;top : 12px;}
#directo9w {position : absolute;left : 545px;top : 12px;}
#directo10w {position : absolute;left : 585px;top : 12px;}
#directo11w {position : absolute;left : 615px;top : 12px;}
#directo12w {position : absolute;left : 715px;top : 12px;}
#directo13w {position : absolute;left : 765px;top : 12px;}
#directo14w {position : absolute;left : 805px;top : 12px;}
#directo15w {position : absolute;left : 895px;top : 3px;}
#directo16w {position : absolute;left : 895px;top : 22px;}


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


/*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*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/position: absolute;background-color: lightyellow;padding: 5px;left: -1000px;border: 1px dashed gray;visibility: hidden;color: black;text-decoration: none;}
.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: 0;left: 60px; /*position where enlarged image should offset horizontally */}
