/* 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: 2320px; border:1px solid; border-color: #999999}
#menu {position: absolute; top:1px; left:0px; width:1024px;}

#pie {position : absolute;top: 2325px;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;}

#adsgogvi {position: absolute; top:32px; left:3px; width:135px;height:611px; border:1px solid; border-color: #FF0000}
#adsgogvd {position: absolute; top:103px; left:885px; width:135px;height:611px; border:1px solid; border-color: #CCFFCC}
#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}
#eljuego {position: absolute; top:105px; left:144px; width:735px; border:1px solid; border-color: #FF0000}
#cpk-1 {position: absolute; top:75px; left:40px; width:290px; height:400px}
#cpk-2 {position: absolute; top:75px; left:390px; width:290px; height:400px}
#cpk-3 {position: absolute; top:500px; left:40px; width:290px; height:400px}
#cpk-4 {position: absolute; top:500px; left:390px; width:290px; height:400px}
#cpk-5 {position: absolute; top:925px; left:40px; width:290px; height:400px}
#cpk-6 {position: absolute; top:925px; left:390px; width:290px; height:400px}
#cpk-7 {position: absolute; top:1350px; left:40px; width:290px; height:400px}
#cpk-8 {position: absolute; top:1350px; left:390px; width:290px; height:400px}
#cpk-9 {position: absolute; top:1775px; left:40px; width:290px; height:400px}
#cpk-10 {position: absolute; top:1775px; left:390px; width:290px; height:400px}



.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}
.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 : #0000ff; 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}
.Estilo66 {font-family: Arial;font-size: 17px;color: #0000FF; margin:15px; text-decoration:none}

.Estilo26 {color: #0000FF;font-weight: bold;font-family: Arial;font-size: 12px; padding:3px}

.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;
}


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