/* CSS Document */
#cabeza { position : absolute; top : 0; left : 1px; width : 1020px; height : 100px; border : 1px solid; border-color : #ffcccc; } 
#gogsea-ci{position : absolute; top : 15px; left : 130px;} 
#reloj{position: absolute; top: -20px; left:-15px;}
#logopyc {position : absolute; top: 1px; left: 865px;} 
#contenido {position : absolute; top : 105px; left : 1px; width : 1020px; height : 730px; border : 1px solid; border-color : #b5fcf9;} 
#menu-v { position : absolute; top : 30px; left : 10px; }
#banner-v { position : absolute; top: 115px; left: 5px; width: 130px; height: 605px; border : 1px solid; border-color: #66CC00}
#banner-h { position : absolute; top : 620px; left : 275px; width : 740px; height : 100px; border : 1px solid; border-color: #66CC00;} 
#gogads-h1 { position : absolute; top: 2px; left: 3px;}
#gogads-cua1t {position: absolute; top: 360px; left: 759px; width: 256px; height: 255px; border : 1px solid; border-color : #66ff66; }
#goglnk-cua2m {position: absolute; top: 725px; left: 5px; height: 147px; width: 264px; border: 1px solid; border-color: #66ff66;}
#cuadro1 { position : absolute; top: 35px; left: 142px; width : 380px; height : 116px; border : 1px solid; border-color : #cccccc; }
#cuadro2 { position : absolute; top: 35px; left: 534px; width : 347px; height : 116px; border : 1px solid; border-color : #cccccc; }
#cuadro3 { position : absolute; top: 35px; left: 892px; width : 117px; height : 313px; border : 1px solid; border-color : #cccccc; }
#cuadro4 { position : absolute; top: 162px; left: 142px; width : 295px; height : 193px; border : 1px solid; border-color : #cccccc; }
#cuadro5 { position : absolute; top: 162px; left: 442px; width : 245px; height : 193px; border : 1px solid; border-color : #cccccc; }
#cuadro6 { position : absolute; top: 162px; left: 692px; width : 195px; height : 193px; border : 1px solid; border-color : #cccccc; }
#cuadro7 { position : absolute; top: 360px; left: 142px; width : 128px; height : 360px; border : 1px solid; border-color : #cccccc; }
#cuadro8 { position : absolute; top: 360px; left: 275px; width : 236px; height : 255px; border : 1px solid; border-color : #cccccc; }
#cuadro9 { position : absolute; top: 360px; left: 517px; width : 236px; height : 255px; border : 1px solid; border-color : #cccccc; }

#pie { position : absolute; top : 840px; left : 0px; width : 1020px; height : 165px; background-color : #f8f8f8; border : 1px solid; border-color : #dddddd; }
#mios { position : absolute; left : 915px; top : 5px; }  
#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; } 

.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; }
.Estilo20 {font-family : Arial; font-size : 14px; color: #0000FF; text-align: right; }
.Estilo3 { font-family : Arial; font-size : 9px; } 
.Estilo4 {font-family : Arial; font-size : 15px; color : #0000ff; text-decoration: underline; } 

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

.animatedtabs ul { list-style-type : none; margin : 0; margin-left : 10px; padding : 0; } 
.animatedtabs li { float : left; margin : 0; padding : 0; } 
.animatedtabs a { float : left; position : relative; top : 5px; background : url(objetos/tab-blue-left.gif) no-repeat left top; margin : 0; margin-right : 3px; padding : 0 0 0 9px; text-decoration : none; border : none; } 
.animatedtabs a span { float : left; position : relative; display : block; background : url(objetos/tab-blue-right.gif) no-repeat right top; padding : 5px 14px 3px 5px; font-weight : bold; color : black; border : none; } 
.animatedtabs a span { float : none; } 
.animatedtabs .selected a { background-position : 0 -125px; top : 0; } 
.animatedtabs .selected a span { background-position : 100% -125px; color : black; padding-bottom : 8px; top : 0; } 
.animatedtabs a:hover { background-position : 0% -125px; top : 0; } 
.animatedtabs a:hover span { background-position : 100% -125px; padding-bottom : 8px; top : 0; } 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{position: relative;z-index: 00;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/position: absolute;background-color: lightyellow;padding: 5px;left: auto;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: 0px; /*position where enlarged image should offset horizontally */}