/* CSS Document */

#cabeza{position: absolute; top: 0px; left:1px; width: 988px; height: 100px; border:1px solid; border-color: #FFCCCC}
#navidad{position : absolute; top : 5px; left : 580px;} 
#gogsea-ci{position : absolute; top : 15px; left : 130px;} 
#reloj{position: absolute; top: -20px; left:-15px;}

#logopyc {position: absolute; top: 2px; left:820px; width: 129px; height: 96px;/* border:1px solid; border-color:#9F9F9F;*/}
#bannerExt{/*position: absolute;top: 30px;left:30px;width: 380px;*/}
/*#formulario{position: absolute;top: 30px;left:420px;width: 380px;}*/
#bannerp{position: absolute;top:105px;left:1px;width: 988px; height: 92px; border:1px solid; border-color: #66FF66; background-color: #FFFFee}
#bannerv{position: absolute;top:35px;left:10px;width: 110px; height: 450px; border:1px solid; border-color: #FF99FF; background-color: #FFFFee}
#contenidotxt{position: absolute;top: 35px;left:126px;width: 850px; height:445px; border:1px solid;border-color: #CCCC99;}


#bannerCCD1{position: absolute;top:5px;left:10px;}
#contenido{position: absolute;top: 202px;left:1px;width: 988px; height:437px; border:1px solid;border-color:#b5FCF9;}

#contenido-1{position: absolute;top: 202px;left:1px;width: 988px; height:595px; border:1px solid;border-color:#b5FCF9;}
#contenidovv{position: absolute;top: 35px;left:5px;width: 977px; }
#bannerd{position: absolute;top:600px;left:1px;width: 983px; height: 92px; border:1px solid; border-color: #66FF66; background-color: #FFFFee}

#banner-f{position: absolute;top:214px; left:4px; width:121px; height:540px; border:1px solid; border-color: #66FF66; background-color: #FFFFee}

#menuf{position: absolute;top:3px; left:855px;}

#cuadro1{position: absolute;top: 40px;left:5px;width: 350px; height:165px; border:1px solid;border-color:#b5FCF9;}
/*#circo{width: 124px; height:93px;}*/
#cuadro1a{position: absolute;top: 40px;left:5px;width: 350px; height:122px; border:1px solid;border-color:#b5FCF9;}
#cuadro2{position: absolute;top: 215px;left:5px;width: 350px; height:210px; border:1px solid;border-color:#b5FCF9;}
#cuadro2a{position: absolute;top: 172px;left:5px;width: 350px; height:120px; border:1px solid;border-color:#b5FCF9;}
#cuadro3a{position: absolute;top: 302px;left:5px;width: 350px; height:122px; border:1px solid;border-color:#b5FCF9;}

#cuadrogog{position: absolute;top: 40px;left:367px; width:330px; height:255px;/*border:1px solid;border-color:#66FF66;*/}
#cuadrogo1{position: absolute;top: 325px; left:367px;height:150px; width:330px;/*border:1px solid;border-color:#66FF66;*/}
#goglk-al{position : absolute;top : 15px;left : 40px;}
#alinea{position: absolute;top:20px; left:25px;}
#alinea1{position: absolute;top:10px; left:10px;}

#cuadroh1{position: absolute;top: 40px;left:705px; width:270px;height:122px;border:1px solid;border-color:#b5FCF9;}
#cuadroh2{position: absolute;top: 172px;left:705px; width:270px;height:120px;border:1px solid;border-color: #999999;}
#cuadroh3{position: absolute;top: 302px;left:705px; width:270px;height:122px;border:1px solid;border-color:#b5FCF9;}

#cuadroh4{position: absolute;top: 443px;left:0px;width: 982px; height:275px; border:1px solid; border-color:#FF6633}
#cuadroh4-1{position: absolute;top:35px;left:5px;width: 310px; height:110px; border:1px solid;border-color:#66FF66;}
#cuadroh4-2{position: absolute;top:35px;left:327px;width: 315px; height:110px; border:1px solid;border-color:#CCCCCC;}
#cuadroh4-3{position: absolute;top:35px;left:654px;width: 318px; height:110px; border:1px solid;border-color: #CCCCCC;}
#cuadroh4-1x{position: absolute;top:3px;left:5px;width: 310px; height:110px; border:1px solid;border-color:#66FF66;}
#cuadroh4-2x{position: absolute;top:3px;left:327px;width: 315px; height:110px; border:1px solid;border-color:#CCCCCC;}
#cuadroh4-3x{position: absolute;top:3px;left:654px;width: 318px; height:110px; border:1px solid;border-color: #CCCCCC;}

#cuadroh4-h{position: absolute;top:125px;left:5px;width: 974px; height:30px; border:1px solid; border-color:#b5FCF9}
#cuadroh4-htxt{position: absolute;top:5px;left:5px;}

#cuadroh4-h1{position: absolute;top: 35px;left:0px;width: 310px; height:108px; border:1px solid;border-color:#CCCCCC;}
#cuadroh4-h2{position: absolute;top: 35px;left:322px;width: 315px; height:108px; border:1px solid;border-color:#CCCCCC;}
#cuadroh4-h3{position: absolute;top: 35px;left:649px;width: 318px; height:108px; border:1px solid;border-color: #CCCCCC;}

#cuadroh6{position: absolute;top: 605px;left:0px;width: 982px; height:130px; /*border:1px solid; border-color: #FF6633*/}
#cuadroh6-1{position: absolute;top: 5px;left:5px;width: 310px; height:100px; border:1px solid;border-color:#CCCCCC;}
#cuadroh6-2{position: absolute;top: 5px;left:327px;width: 315px; height:100px; border:1px solid;border-color:#CCCCCC;}
#cuadroh6-3{position: absolute;top: 5px;left:654px;width: 318px; height:100px; border:1px solid;border-color: #CCCCCC;}

#cuadroh5{position: absolute;top: 730px;left:0px;width: 982px; height:40px; border:1px solid;border-color:#FFCCCC}
#directo {position:absolute; left:5px; top:12px;}

#pie{position: absolute;top: 780px;left:1px;width: 988px; height:165px; background-color: #F8F8F8;border:1px solid;border-color:#DDDDDD}
#w3c{position:absolute;left:10px;top:10px;}
#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}

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}
.Estilo26 {color: #0000FF;font-weight: bold;font-family: Arial;font-size: 12px; padding:5px}
.Estilo3 { font-family:Arial;font-size: 9px;}
.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: 17px;color: #CC0066; margin:5px; text-decoration:none}
.Estilo10 { font-family:Arial;font-size: 12px;color: #0000FF; text-decoration:blink}
.Estilo11 { font-family:Arial;font-size: 9px;color: #FF0000; padding:5px; text-decoration:none;}
.Estilo20 {font-family: Arial;font-size: 14px;color: #000000; padding:3px; text-align:justify}
.Estilo23 {font-family: Arial;font-size: 18px; margin-top:15px; margin-bottom:5px; margin-left:10px;color:#0000FF; text-align: center}

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.animatedtabs{border-bottom: 1px solid gray;overflow: hidden;width: 100%;font-size: 14px; /*font of menu text*/}
.animatedtabs ul{list-style-type: none;margin: 0;margin-left: 10px; /*offset of first tab relative to page left edge*/padding: 0;}
.animatedtabs li{float: left;margin: 0;padding: 0;}
.animatedtabs a{float: left;position: relative;top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */background: url(media/tab-blue-left.gif) no-repeat left top;margin: 0;margin-right: 3px; /*Spacing between each tab*/padding: 0 0 0 9px;text-decoration: none; border:none}
.animatedtabs a span{float: left;position: relative;display: block;background: url(media/tab-blue-right.gif) no-repeat right top;padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */font-weight: bold;color: black; border:none}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */
.animatedtabs .selected a{background-position: 0 -125px;top: 0;}
.animatedtabs .selected a span{background-position: 100% -125px;color: black;padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */top: 0;}
.animatedtabs a:hover{background-position: 0% -125px;top: 0;}
.animatedtabs a:hover span{background-position: 100% -125px;padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */top: 0;}
</style>