*{ margin: 0px; padding: 0px;}

body{
	font-family: Garamond, "Trebuchet MS", Tahoma, serif;
}
a{ color: rgb(45,100,190); }


#top{
	width: 738px; height: 170px;
	margin: 0px auto;
	padding: 30px 0px 0px 30px;
	background-color: red;
}
#top h1,
#top h2{
	float: left;
	margin: 0px; padding: 0px 5px;
	font-family: Garamond, "Trebuchet MS", Tahoma, serif;
	font-size: 48px;
	font-style: italic;
	position: relative;
	background-color: rgb(200,200,200);
	opacity: 0.9; 
  	filter: alpha(opacity=90);
}
#top h2{
	opacity: 0.7; 
  	filter: alpha(opacity=70);	
}
#top h1 a,
#top h2 a{
	position: absolute; top: -2px; left: 4px;
	display: block; float: left;
	padding: 0px;
	text-decoration: none;
	color: #FFF;
}
#top h2{
	clear: both;
	font-size: 24px;
	left: 80px;
}

#wraper{
	width: 768px;
	margin: 20px auto;
	background-color: #FFF;
}

#content{
	width: 100%;
	float: left;
	margin: 0px auto;
	padding: 10px 0px 20px;
}

#left{
	float: left;
	width: 219px;
	border-right: 1px #FFF solid;
}
ul.menu{
	float: left;
	width: 100%;
	list-style: none;
	padding: 5px 0px;
}
ul.menu li{
	float: left;	
	width: 100%;
}

ul.lista li{
	width: 50%;
	padding: 0px 0px 8px;
}
ul.lista li p{
	padding: 0px 10px;	
}
ul.menu a{
	display: block;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	border-bottom: 1px rgb(240,240,250) solid;	
}
ul.menu a:hover{
	border-bottom-color: rgb(220,220,240);
	background-color: rgb(245,245,250);
}

#right{
	float: left;
	width: 508px;
	padding: 0px 20px;
}
#right h1{ font-size: 20px; padding: 10px 0px 5px; }
#right h2{ font-size: 18px; padding: 8px 0px 4px; }
#right h3{ font-size: 16px; padding: 6px 0px 4px; }

#left h3{ clear: both; font-size: 16px; padding: 12px 10px 2px; }

#right p{ padding: 6px 0px 4px; }
#right p.note{ color: rgb(100,100,100); border-top: 1px rgb(240,240,240) solid; margin-top: 10px; }

#right ul{
	margin: 5px 0px 5px 20px;
	padding-left: 20px;
}

#footer{
	clear: both;
	width: 728px;
	margin-top: 10px;
	padding: 5px 20px;	
}
.sponsored{
	float: left;	
}
.sponsored a{
	font-size: 0.9em;
	text-decoration: none;	
}	


ul.pages{ float: left; clear: both; list-style: none; width: 100%; padding: 0px; margin: 10px auto 10px; text-align: center; }
ul.pages li{ float: left; padding: 0px 2px;}
ul.pages span{ display: block; padding: 3px 7px; border: 1px rgb(240,240,240) solid; background-color: rgb(250,250,250); color: rgb(100,100,100); }
ul.pages a{ display: block; padding: 3px 7px; color: rgb(0,111,196); border: 1px rgb(0,111,196) solid; background-color: rgb(240,240,255); }
ul.pages a:hover{ border-color: rgb(230,250,230); }

h2.info{
	background: url(../img/info.gif) no-repeat 8px 50%;
	border: 1px rgb(240,240,240) dashed;
	padding: 5px 10px 5px 30px;
	margin: 5px 0px;
	font-size: 1em;
}
ul.lista h3{
	font-size: 1em;
	font-weight: normal;	
}

.adsense728{
 clear: both; width: 728px; margin: 0px auto; padding: 5px 0px;
}
.adsense468{
 clear: both; width: 468px; margin: 0px auto; padding: 5px 0px;
}