@charset "utf-8";
/* CSS Document */
html, body{
	margin:0;
	padding:0;
	background-color: #000000;
}
div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
a{
	color:#FFFFFF;
}
#container{
	position: absolute;
	top:50%;
	left:50%;
	width:950px;
	height:500px;
	margin-left:-475px;
	margin-top:-250px;
	//border:1px solid  #000000;
	border: 2px solid #000000;
}
#containertodo{
	position: absolute;
	top:50%;
	left:50%;
	width:950px;
	height:900px;
	margin-left:-475px;
	margin-top:-250px;

	//border:1px solid  #000000;
	border:hidden;
	background-color: #333333;
}
#toptodo{
	position:absolute;
	top:80px;
	left:0px;
	width:950px;
	height:50px;
	background-color: #FFCC99;
	background-image: url(images/barra.gif);
}
#toptodo p
{	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	
}
#top{
	position:absolute;
	top:0;
	left:0;
	width:950px;
	height:80px;
	background-color: #FFFF00;
}
#banerle{
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:80px;
	background-color:#FFFF00;
}
#banerri{
	position:absolute;
	top:0;
	left:200px;
	width:750px;
	height:80px;
	background-color:#FFFF00;
}
#left{
	position:absolute;
	top:80px;
	left:0px;
	width:200px;
	height:350px;
	background-color:#FFFF00
}
#right{
	position:absolute;
	top:82px;
	left:202px;
	width:750px;
	height:350px;
	background-color: #FFFF00;
	border:hidden;
	}
	#rightse{
	position:absolute;
	top:82px;
	left:202px;
	width:750px;
	height:350px;
	background-color: #FFFFFF;
	background-image: url(images/picher.jpg);
	}
#abajo
{	position:absolute;
	top:430px;
	left:0px;
	width:950px;
	height:70px;
	background-color: #FFFF00;
}
#abajoi
{	position:absolute;
	top:0px;
	left:0px;
	width:350px;
	height:70px;
	background-color: #FFFF00;
}
#abajod
{
	position:absolute;
	top:0px;
	left:348px;
	width:600px;
	height:70px;
	background-color: #FFFF00;
	margin-left:5px;
}
#abajod p
{	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000099;
	font-weight:bold;
}

h1{
	padding:20px 20px 55px 20px;
	font-family:Papyrus;
	font-weight:200;
}
p{
	padding:5px 20px 10px 20px;
	color: #FF0000;
}
#buttons{
	margin:0;
	padding:0;
	
}

#buttons li{
	list-style:none;
	margin-top:30px;
	display:inline;
}



#buttons li a{
	color: #000099;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding:7px 10px 5px 10px;
	background-color:#FFFF00;
	border: hidden;//1px solid black;
	display:block;
	
	//background-image:url(images/bg_button.png);
	background-repeat:no-repeat:
	border: hidden;//1px solid #000;
}

#buttons li a:hover{
	background-color: #FFCC00;
	background-position:0 -30px;
}

#ini{
margin-left:100px;
margin-top:250px;
}	
#navigation
	{
	top:130px;
	margin-top:130px;
	width:950px;
	height:370px;

		//background-color:#996699;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	background-color: #FFFFCC;
	}
	
#navigationleft
{	position:absolute;
	top:140px;
	left:0px;
	width:600px;
	height:350px;
	background-color: #FFFFCC;
	border:hidden;
}

#navigationleft p
{	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	text-align:justify;
	

}
#navigationRig
{	position:absolute;
	top:140px;
	left:600px;
	width:350px;
	height:350px;
	background-color: #FFFFCC;
	border:hidden;
}

#navigationpic
	{
	margin-top:130px;
	width:950px;
	height:830px;

		//background-color:#996699;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
	text-decoration:none;
	background-color:#FFFFCC;
	
	}