/* CSS Document */
#cabecera {position: absolute; top: 0; left: 0; width: 1024px; height: 190px; border: 1px solid; border-color: #ffcccc;}
#mundoci {position: absolute; top: 11px; left: 4px;}
#searcgog {
	position: absolute;
	top: 142px;
	left: 4px;
}
#bienvenido {
	position: absolute;
	top: 11px;
	left: 349px;
	height: 175px;
	width: 661px;	/*border : 1px solid;	border-color : #999999;*/
}

#Menu {position: absolute; top: 200px; left: 5px}
#contenido {position : absolute;	top : 238px;	left : 0;	width : 1024px;	height : 1068px;	border : 1px solid;	border-color : #999999;}
#cuadro01 {position: absolute; top: 5px; left: 5px; width: 750px; height: 325px; border: 1px solid;	border-color: #00C;}
#cuadro02 {position: absolute; top: 335px; left: 5px; width: 750px; height: 325px; border: 1px solid;	border-color: #F9F;}
#cuadro03 {position: absolute; top: 665px; left: 5px; width: 750px; height: 330px; border: 1px solid;	border-color: #6FF;}
#cuadro01-tit {
	position : absolute;
	top : 5px;
	left: 57px;
	width : 700px;
}
#cuadro010 {position : absolute; top : 40px; left : 348px; width: 390px;	height : 275px;}
#adsgogcc {position : absolute; top : 40px; left : 4px; width : 340px;	height : 290px;}
#cuadro04 {
	position: absolute;
	top: 5px;
	left: 765px;
	width: 254px;
	height: 1051px;
	border: 1px solid;
	border-color: #FC9;
}
#topten {
	position : absolute;
	top: 15px;
	left: 25px;
}
#topten-txt {
	position : absolute;
	top: 45px;
	left: 30px;
	height: 997px;
}


#NoticiaDivertida {
	position: absolute;
	top: 154px;
	left: 2px;
	width: 390px;
	height: 125px;
	border: 1px dotted #03F
}
#alititcri {
	position: absolute;
	top: -5px;
	left: 3px;
	width: 387px;
	height: 25px;
}
#alinotcri {
	position: absolute;
	top: 40px;
	left: 5px;
	width: 383px;
	height: 94px;
}
#alipiecri {
	position: absolute;
	top: 69px;
	left: 52px;
	width: 334px;
	height: 15px;
}
	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gradientbuttons ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.gradientbuttons li{
display: inline;
margin: 0;
}

.gradientbuttons li a{
text-decoration: none;
padding: 5px 7px;
margin-right: 5px;
border: 1px solid #778;
color: white;
border:1px solid gray;
background: #3282c2;
border-radius: 8px; /*w3c border radius*/
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */
-webkit-border-radius: 8px; /* webkit border radius */
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */
}

.gradientbuttons li a:hover{
color: lightyellow;
}

.blacktheme li a{
font-size:16px;
background: black;
background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f);
background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f)); 
}



#pie {
	position: absolute;
	top: 1310px;
	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;}
#mios { position : absolute; left : 900px; top : 5px; }  
#prje {position : absolute; left : 5px;top : 5px;}
#piedown {position : absolute;left : 5px;top : 100px;width : 980px;}


.Estilo1 {font-family : Arial;font-size : 10px;color : #ff0000;text-decoration : none;}
.Estilo10 {font-family: Arial; font-size: 16px; color: #666; margin: 0px 5px 5px 5px; text-align : justify; text-decoration: none;}
.Estilo11 {font-family: Arial; font-size: 16px; color: #F63; margin: 0px 5px 5px 5px; text-align : justify; text-decoration: none;}

.Estilo2 {font-family : Arial;font-size : 14px;color : #000000;/*margin : 5px;*/padding : 3px; text-align : justify;text-decoration : none;}
.Estilo20 {font-family: Arial; font-size: 18px; color: #90C; margin: 0px 5px 0px 10px; text-align : justify;text-decoration : none;}
.Estilo21 {font-family: Arial; font-size: 16px; color: #006600; margin: 3px; padding: 3px; text-align: justify; text-decoration: underline;}
.Estilo22 {font-family: Arial; font-size: 16px; color: #00F; margin: 3px; padding: 3px; text-align: justify; text-decoration: underline;}
.Estilo23 {font-family: Arial; font-size: 18px; color: #06F; margin: 3px; padding: 3px; text-align: justify; text-decoration: none;}
.Estilo233 {font-family: Arial; font-size: 16px; color: #963; margin: 3px; padding: 3px; text-align: justify; text-decoration: none;}

.Estilo211 {font-family: Arial; font-size: 18px; color: #00F; margin: 5px; padding: 3px; text-align: justify; text-decoration: underline;}
.Estilo212 {font-family: Arial; font-size: 18px; color: #060; margin: 5px; padding: 3px; text-align: justify; text-decoration: underline;}
.Estilo213 {font-family: Arial; font-size: 18px; color: #C00; margin: 5px; padding: 3px; text-align: justify; text-decoration: underline;}
.Estilo214 {font-family : Arial;font-size : 14px; color: #F09; text-align : justify;text-decoration : none;}

.Estilo25 {font-family : Arial; font-size : 14px; color: #0000FF; text-align: right; }
.Estilo26 {font-family : Arial;font-size : 14px;color: #00F;/* margin: 0px 5px 0px 10px;*/ text-align : justify;text-decoration : none;}
.Estilo3 {font-family : Arial;font-size : 9px;}

.Estilo42 {font-family : Arial; font-size : 17px; color: #F33; text-decoration : none;}
.Estilo44 {font-family: Arial; font-size: 18px; color: #F60; text-align: left; text-decoration : none;}
.Estilo441 {font-family: Arial; font-size: 20px; color: #0C3; text-align: left; text-decoration : none;}
.Estilo443 {font-family: Arial; font-size: 18px; color: #90C; text-align: left; text-decoration : none;}
.Estilo48 {font-family: Arial; font-size: 15px; color: #06F; text-align: left; text-decoration:none;}
.Estilo49 {font-family : Arial; font-size : 18px; color: #F09; text-decoration : none;}

/*a:link {
	color:#414B7F;
	font-style:normal;
	text-decoration: none;
	}*/
/*a:visited {
	color:#414B7F;
	font-style: italic;
	text-decoration: none;
	}*/
a:hover {
	text-decoration: none;
	color:#666633;
	font-style: italic;
	}
/*a:active {
	color: #FF0000;
}*/

