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

#adsgogvi {position: absolute; top:32px; left:3px; width:135px;height:611px; border:1px solid; border-color: #FF0000}
#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;}

#music-1 {position: absolute; top:105px; left:175px; width:300px;height:25px;}
#music-2 {position: absolute; top:135px; left:175px; width:300px;height:25px;}
#music-3 {position: absolute; top:165px; left:175px;width:300px;height:25px;}
#music-4 {position: absolute; top:195px; left:175px;width:300px;height:25px;}
#music-5 {position: absolute; top:225px; left:175px;width:300px;height:25px;}
#music-6 {position: absolute; top:255px; left:175px;width:300px;height:25px;}
#music-7 {position: absolute; top:285px; left:175px;width:300px;height:25px;}
#music-8 {position: absolute; top:315px; left:175px;width:300px;height:25px;}
#music-9 {position: absolute; top:345px; left:175px;width:300px;height:25px;}
#music-10 {position: absolute; top:375px; left:175px;width:300px;height:25px;}
#music-11 {position: absolute; top:405px; left:175px;width:300px;height:25px;}
#music-12 {position: absolute; top:435px; left:175px;width:300px;height:25px;}
#music-13 {position: absolute; top:465px; left:175px;width:300px;height:25px;}
#music-14 {position: absolute; top:495px; left:175px;width:300px;height:25px;}
#music-15 {position: absolute; top:525px; left:175px;width:300px;height:25px;}

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

.Estilo43 {font-family : Arial; font-size : 14px; color:	#009900; text-decoration : none; } 
.Estilo23 {font-family : Arial; font-size : 14px; color : #000000; 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: #CC0066; margin:15px 5px 15px 0px; 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;
}

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

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