/* CSS Document */


#cabeza {position : absolute;top : 0;left : 0;width : 1024px;height : 120px;border : 1px solid;border-color : #ffcccc;}
#mundoci {position: absolute;top: 10px;left: 0px;}
#logomdo {position: absolute; top: 0; left: 860px; width: 129px; height: 96px;}
#searcgog {position: absolute;top: 20px;left: 350px;}
#fecha {position: absolute; top: 80px; left: 350px;}

#contenido {position : absolute;top : 125px;left : 0;width : 1024px;height : 800px;border : 1px solid;border-color : #999999;}
#menu {position : absolute;top : 1px;left : 0;width : 1024px;}
#txt-cab {position : absolute;top : 32px;left : 3px;width : 873px;height : 107px;border : 1px solid;border-color : #66cc00;}
#alineabv {position : absolute;top : 0px;left : 133px;}
#alineabvtxt {position : absolute;top : 28px;left : 133px;}

#cuadro-1 {position: absolute; top: 145px; left: 144px; width: 245px; height: 255px;border : 1px solid;border-color : #ffcc66;}
#cuadro-2 {position: absolute; top: 145px; left: 395px; width: 340px; height: 165px;border : 1px solid;border-color : #ffcc66;}
#cuadro-3 {position: absolute; top: 145px; left: 740px; width: 135px; height: 315px;border : 1px solid;border-color : #ffcc66;}
#cuadro-4 {position : absolute;top: 405px; left: 144px; width: 245px; height : 202px;border : 1px solid;border-color : #ffcc66;}
#cuadro-5 {position : absolute;top: 465px; left: 740px; width: 135px; height : 296px;border : 1px solid;border-color : #ffcc66;}
.Estilo52 {font-family: Arial;font-size: 16px;color: #009900; padding:5px; text-decoration:none}
.Estilo51 { font-family:Arial;font-size: 10px;color: #0000FF; text-decoration:none; text-align:right; padding:5px 0px 0px 20px}
.Estilo55 {font-family: Arial;font-size: 16px;color:#0000FF; padding:5px; text-decoration:none}
.Estilo50 {font-family: Arial;font-size: 16px;color: #CCCCCC; padding:5px; text-decoration:none}

#cuadro-6 {position : absolute;top: 611px; left: 144px; width: 245px; height : 150px;border : 1px solid;border-color : #ffcc66;}
#cuadro-7 {position : absolute;top: 611px; left: 395px; width: 340px; height : 150px;border : 1px solid;border-color : #ffcc66;}

/*#foto-1 {position:absolute;left:10px;top:105px;}*/
#fototxt {position:absolute;left:0px;top:145px; width:180px}
#foto-2 {position:absolute;left:170px;top:105px;}
#foto-3 {position:absolute;left:370px;top:105px;}
#foto-4 {position:absolute;left:570px;top:105px;}
/*#foto-5 {position:absolute;left:10px;top:305px;}*/
#foto-6 {position:absolute;left:170px;top:305px;}
#foto-7 {position:absolute;left:370px;top:305px;}
#foto-8 {position:absolute;left:570px;top:305px;}
/*
#foto-9 {position:absolute;left:10px;top:505px;}*/
#foto-10 {position:absolute;left:170px;top:505px;}
#foto-11 {position:absolute;left:370px;top:505px;}
/*#foto-12 {position:absolute;left:600px;top:505px;}*/
#foto-13 {position:absolute;left:10px;top:705px;}
#foto-14 {position:absolute;left:210px;top:705px;}
#foto-15 {position:absolute;left:410px;top:705px;}
#foto-16 {position:absolute;left:610px;top:705px;}
#foto-17 {position:absolute;left:10px;top:905px;}
#foto-18 {position:absolute;left:210px;top:905px;}
#foto-19 {position:absolute;left:410px;top:905px;}
#foto-20 {position:absolute;left:610px;top:905px;}

#pag-sig-vtr{position: absolute;top:690px; left:210px;}
#vtr-1{position: absolute;top:685px; left:335px;}
#vtr-2{position: absolute;top:685px; left:355px;}
#vtr-3{position: absolute;top:685px; left:375px;}
#vtr-4{position: absolute;top:685px; left:395px;}
#vtr-5{position: absolute;top:685px; left:415px;}


#adsgogvd {position: absolute; top: 32px; left: 882px; width: 135px; height: 760px; border: 1px solid; border-color: #ffff33;}
#enlineagog {position : absolute; top: 4px; left: 8px;}
#enlineagog1 {position : absolute; top: 645px; left: 8px;}
/*#enlineagog2 {position : absolute; top: 715px; left: 8px;}*/
#adsgogcc {position : absolute;top: 485px;left: 545px;width: 340px; height: 278px;/* border: 1px solid; border-color: #ffcc66;*/}
#adsgogvi {position : absolute;top : 145px;left : 3px;width : 135px;height : 616px;border : 1px solid;border-color : #ff0000;}
#adsgoghbl {position : absolute; top: 774px; left: 25px;}

#pie {position: absolute; top: 805px; left: 0px; width: 1024px; height: 165px; background-color: #FFFFFF; border: 1px solid; border-color: #BBBBBB;}
#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;}
.Estilo12 {font-family: Arial; font-size: 12px; color: #CC00CC; text-decoration: none;}
.Estilo2 {font-family : Arial;font-size : 14px;color : #000000;margin : 5px;padding : 3px;text-align : justify;text-decoration : none;}
.Estilo21 {font-family : Arial;font-size : 14px;color: #006600;margin : 5px;padding : 3px;text-align : justify;text-decoration : none;}
.Estilo22 {font-family : Arial;font-size : 12px;color : #006600;margin : 5px;padding : 3px;text-align : justify;text-decoration : none;}
.Estilo23 {font-family : Arial;font-size : 14px;color : #000000; margin: 0px 5px 0px 0px; text-align : justify;text-decoration : none;}
.Estilo20 {font-family : Arial;font-size : 14px;color : #000000; margin: 0px 5px 0px 10px; text-align : justify;text-decoration : none;}
.Estilo3 {font-family : Arial;font-size : 9px;}
.Estilo4 {font-family : Arial; font-size : 16px; color : #0000ff; text-decoration : none;}
.Estilo40 {font-family : Arial; font-size : 14px; color : #0000ff; text-decoration : none;}
.Estilo44 {font-family : Arial; font-size : 16px; color : #0000ff; text-align:center; text-decoration : none;} 

.jquerycssmenu {font : bold 12px Arial;border-bottom : 1px solid black;padding-left : 15px;}
.jquerycssmenu ul {margin : 0;padding : 0;list-style-type : none;}
.jquerycssmenu ul li {position : relative;display : inline;float : left;}
.jquerycssmenu ul li a {display : block;background : white url(tintblue.gif) repeat-x top center;padding : 5px 3px 4px 3px;margin-right : 3px;border : 1px solid #778;border-bottom-width : 0;color : #2d2b2b;text-decoration : none;}
.jquerycssmenu ul li a:hover {background-image : url(tintbluedark.gif);}
.jquerycssmenu ul li ul {position : absolute;left : 0;display : block;visibility : hidden;border-top : 1px solid black;}
.jquerycssmenu ul li ul li {display : list-item;float : none;}
.jquerycssmenu ul li ul li ul {top : 0;}
.jquerycssmenu ul li ul li a {font : normal 13px Verdana;width : 160px;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 {background : #eff9ff;color : black;}
.downarrowclass {position : absolute;top : 7px;right : 5px;}
.rightarrowclass {position : absolute;top : 5px;right : 5px;}


#cuadrohp5 {position : absolute;top : 1150px;left : -5px;width : 1018px;height : 20px;border : 1px solid;border-color : #ffcccc;}
#pb {position : absolute; top:5px; left:5px;}
#pb1 {position : absolute; top:5px; left:105px;}
#pb2 {position : absolute; top:5px; left:205px;}
#pb3 {position : absolute; top:5px; left:305px;}
#pb4 {position : absolute; top:5px; left:405px;}
#pb5 {position : absolute; top:5px; left:525px;}

/*.cse-branding-bottom, .cse-branding-right {
margin : 0;
padding : 0;
}*/
.cse-branding-bottom:after, .cse-branding-right:after {content : ".";display : block;height : 0;clear : both;visibility : hidden;}
.cse-branding-text {font : 10px Arial;}
.cse-branding-form form {margin-bottom : 0;padding-bottom : 0;}
.cse-branding-bottom .cse-branding-logo, .cse-branding-bottom .cse-branding-text {display : block;float : left;}
.cse-branding-bottom .cse-branding-form {margin-bottom : 3px;}
.cse-branding-bottom .cse-branding-logo {padding : 0;}
.cse-branding-bottom .cse-branding-text {padding-top : 4px;}
.cse-branding-right .cse-branding-form {float : left;}
.cse-branding-right .cse-branding-logo, .cse-branding-right .cse-branding-text {margin-left : 4px;}
.cse-branding-right .cse-branding-form {float : left;margin-right : 4px;}
.cse-branding-right .cse-branding-logo {padding : 0;}
.cse-branding-right .cse-branding-text {margin-top : -4px;}
.cse-branding-bottom, .cse-branding-right {margin : 0;padding : 0;}
.cse-branding-bottom:after, .cse-branding-right:after {content : ".";display : block;height : 0;clear : both;visibility : hidden;}
.cse-branding-text {font : 10px Arial;}
.cse-branding-form form {margin-bottom : 0;padding-bottom : 0;}
.cse-branding-bottom .cse-branding-logo, .cse-branding-bottom .cse-branding-text {display : block;float : left;}
.cse-branding-bottom .cse-branding-form {margin-bottom : 3px;}
.cse-branding-bottom .cse-branding-logo {padding : 0;}
.cse-branding-bottom .cse-branding-text {padding-top : 4px;}
.cse-branding-right .cse-branding-form {float : left;}
.cse-branding-right .cse-branding-logo, .cse-branding-right .cse-branding-text {margin-left : 4px;}
.cse-branding-right .cse-branding-form {float : left;margin-right : 4px;}
.cse-branding-right .cse-branding-logo {padding : 0;}
.cse-branding-right .cse-branding-text {margin-top : -4px;}

/*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: -0px; /*position where enlarged image should offset horizontally */}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail1{position: relative;z-index: 0;}
.thumbnail1:hover{background-color: transparent;z-index: 50;}
.thumbnail1 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;}
.thumbnail1 span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}
.thumbnail1:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: -250px;left: -690px; /*position where enlarged image should offset horizontally */}

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