/* CSS Document */

#cabeza {position : absolute;top : 0;left : 0;width : 1024px;height : 220px;border : 1px solid;border-color : #ffcccc;}
#mundoci {position: absolute; top: 11px; left: 4px;}
#searcgog {position: absolute;top: 20px;left: 350px;}
#AdsgogHC {position: absolute;top: 125px; left: 290px; width:730px; height:92px;}

#contenido {position : absolute;top : 225px;left : 0;width : 1024px;height : 850px;border : 1px solid;border-color : #999999;}

#titulo-retxt {position:absolute;left:370px;top:335px; width: 654px}
#foto-1 {position:absolute;left:350px;top:375px;}
#foto-2 {position:absolute;left:695px;top:375px;}

#foto-3 {position:absolute;left:350px;top:620px;}
#foto-4 {position:absolute;left:695px;top:620px;}

/*#foto-6 {position:absolute;left:835px;top:585px;}*/
#fototxt {position:absolute;left:0px;top:200px; width:300px}
#fototxtC {position:absolute;left:0px;top:250px; width:300px}

#pag-sig-vtr{position: absolute;top:765px; left:370px;}
#vtr-1{position: absolute;top:760px; left:495px;}
#vtr-2{position: absolute;top:760px; left:515px;}
#vtr-3{position: absolute;top:760px; left:535px;}
#vtr-4{position: absolute;top:760px; left:555px;}
#vtr-5{position: absolute;top:760px; left:575px;}
#vtr-6{position: absolute;top:760px; left:595px;}
#vtr-7{position: absolute;top:760px; left:615px;}
#vtr-8{position: absolute;top:760px; left:635px;}
#vtr-9{position: absolute;top:760px; left:655px;}
#vtr-10{position: absolute;top:760px; left:675px;}
#pag-ant-vtr{position: absolute;top:765px; left:700px;}

#adsgogcc {position : absolute; top : 30px; left : 4px; width : 340px;	height : 290px;}
#adsgogcc1 {position : absolute; top : 315px; left : 4px; width : 340px;	height : 290px;}
#adsgogcc2 {position : absolute; top : 30px; left : 340px; width : 340px;	height : 290px;}
#introducion {position : absolute; top : 30px; left : 680px; width : 340px;	height : 290px; border-left: 1px dotted #09F}
#tit-intro {position : absolute; top : 0px; left : 0px; width : 340px;}
#txt-intro {position : absolute; top : 30px; left : 5px; width : 332px;}
#ampliacion {position : absolute; top : 610px; left : 4px; width : 340px; height: 185px; border-right: 1px dotted #09F}
#tit-amplia {position : absolute; top : 0px; left : 0px; width : 340px;}
#txt-amplia {position : absolute; top : 30px; left : 5px; width : 332px;}
#txt-amplia1 {position : absolute; top : -5px; left : 5px; width : 332px;}

#pie {position: absolute;	top: 1080px; left: 0px;	width: 1024px;	height: 165px; background-color: #FFFFFF;	border: 1px solid; border-color: #BBBBBB;}
#logocybpo {position : absolute;left : 505px;top : 5px;width : 170px;height : 90px;}
#piedown {position : absolute;left : 5px;top : 110px;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: 15px; color: #06F; text-align: center; text-decoration: none;}
.Estilo20 {font-family: Arial; font-size: 14px; color: #936; text-align: justify; text-decoration: none;}
.Estilo21 {font-family: Arial; font-size: 13px; color: #333; text-align: justify; text-decoration: none;}
.Estilo23 {font-size: 20px; text-align:center; color: #C03}
.Estilo25 {font-family : Arial; font-size : 14px; color: #0000FF; text-align: right; }


.Estilo3 {font-family : Arial;font-size : 9px;}
.Estilo30 {font-family : Arial; font-size : 16px; color: #0000FF; text-align: center; }
.Estilo31 {font-family : Arial; font-size : 12px; color: #0000FF; text-align: center; }

.Estilo44 {font-family : Arial; font-size : 16px; color : #0000ff; text-align: center; text-decoration : none;}
.Estilo5 {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}



#menu {position: absolute; top: 1px; left: 0; width: 1024px;}
.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;}
/* ######### 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:hover   {color:red ; background-color: white}

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

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

.thumbnail2{position: relative;z-index: 0;}
.thumbnail2:hover{background-color: transparent;z-index: 50;}
.thumbnail2 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;}
.thumbnail2 span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}
.thumbnail2:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: -120px;left: -220px; /*position where enlarged image should offset horizontally */}

.thumbnail3{position: relative;z-index: 0;}
.thumbnail3:hover{background-color: transparent;z-index: 50;}
.thumbnail3 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;}
.thumbnail3 span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}
.thumbnail3:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: -250px;left: -50px; /*position where enlarged image should offset horizontally */}

.thumbnail4{position: relative;z-index: 0;}
.thumbnail4:hover{background-color: transparent;z-index: 50;}
.thumbnail4 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;}
.thumbnail4 span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}
.thumbnail4:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: -300px;left: -225px; /*position where enlarged image should offset horizontally */}

