*{
	margin : 0;
	padding : 0;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 170%;
	background-repeat : no-repeat;
	border : none;
}
body{
	background-color : #fff;
	background-image : url(img/bg.gif);
	background-repeat : repeat-x;
}
#topo a,
#topo{
	width : 508px;
	height : 31px;
	display : block;
}
#topo{
	position : absolute;
	left : 0;
	top : 0;
	background-image : url(img/topo.gif);
}
#titulo a,
#titulo{
	width : 808px;
	height : 32px;
	display : block;
}
#titulo{
	background-image : url(img/titulo.gif);
	position : absolute;
	left : 20px;
	top : 31px;
	
}
#topo h2,
#titulo h1,
#menu h3{
	display : none;
}

#info{
	width : 798px;
	height : 363px;
	position : absolute;
	top : 75px;
	left : 20px;
	background-color : #034571;
	padding : 5px;
}
#texto,
#menu,
#menu span,
#menu a{
	display : block;
	float : left;
	height : 363px;
	width : 31px;
}
#texto{
	width : 705px;

}
#texto img{
	float : left;
	margin : 0;

}
#texto p{
	margin : 150px 85px 0 85px;
	color : #fff;
	font-weight : bold;
}
#texto h4{
	float : left;
	margin : 40px 20px 0 20px;
	width : 200px;
	font-size : 13px;
	color : #fff;
}

#menu a{
	background-position : 0 0;
}
.mn1{	background-image : url(img/obama.gif);}
.mn2{	background-image : url(img/maccain.gif);}
.mn3{	background-image : url(img/hillary.gif);}

#menu span,
#menu a:hover{
	background-position : -31px 0;
}
#thumbs{
	position : absolute;
	top : 448px;
	height : 70px;
}
#thumbs a{
	display : block;
	float : left;
	padding : 7px;
	width : 60px;
	height : 60px;
	background-color :#034571;
	background-image : url(img/thumbsel.gif);
	background-position : 0 -74px;
}
.obama{
	width : 296px;
	left : 20px;
}
.maccain{
	width : 296px;
	left : 51px;
}
.clinton{
	width : 296px;
	left : 82px;
}
#thumbs a:hover,
#thumbs a.sel{
	background-position : 0 0;
}