/* Os estilos de cada info vão neste CSS */

#conteudo { position:relative; }

#abertura h2 { letter-spacing:-0.04em; font-size:29px; }

/*-------------------------------------CAPA----------------------------------------*/
#capa {
	width:936px;
	height:537px;
	background:url(info/fundo-map.jpg);
	position:relative;
}

#capa ul, #capa li {
	list-style:none;
	padding:0;
	margin:0;
	text-indent:0;
}
#capa ul {
	position:absolute;
	top:0;
	left:0;
	width:936px;
	height:537px;
}
#capa li {
	position:absolute;
	width:135px;
	height:65px;
	overflow:hidden;
}
#capa li a {
	font-size:10px;
	color:#fff;
	text-decoration:none;
	padding:24px 6px 0 6px;
	position:absolute;
	line-height:11px;
}
#capa li.top a {
	padding:36px 6px 0 6px;
}
#capa li a:hover {
	text-decoration:underline;
}
.over {
	position:absolute;
	width:auto;
	height:auto;
	left: 589px;
	top: 119px;
	display:none;
}
#capa #marrocos {
	top:137px;
	left:12px;
}
#capa #argelia {
	top:122px;
	left:108px;
}
#capa #tunisia {
	top:118px;
	left:287px;
}
#capa #libia {
	top:170px;
	left:315px;
}
#capa #egito {
	top:190px;
	left:479px;
}
#capa #jordania {
	top:170px;
	left:594px;
}
#capa #iemem {
	top:348px;
	left:694px;
}
#capa #bahrein {
	top:255px;
	left:777px;
}
#capa #ira {
	top:88px;
	left:672px;
}
#capa #oma {
	top:275px;
	left:799px;
}

/*--------------------------------------INTERNA------------------------------------------*/

.pais { background:url(info/pais-bg.gif); float:left; }

#foto { position:relative; width:723px; float:left; overflow:hidden; }

#foto img { width:723px; }

#foto #mapa-ampliado { bottom:40px; right:5px; position:absolute; width:250px; height:250px; border:3px solid #f90; overflow:hidden;}

#foto #mapa-ampliado.top { top:5px; bottom:auto; }

#foto #mapa-ampliado.left { left:5px; right:auto; }

#foto #mapa-ampliado img { width:auto; height:auto; }

#legenda {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#fff;
	color:#5d5850;
	-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;
	padding:10px;
}
#legenda a {
	color:#f90;
	font-weight:bold;
}
#coluna {
	width:220px;
	left:723px;
	top:0;
	background:#eceae7;
	float:right;
	margin-right:-7px;
}
#coluna h2 {
	font-size:28px;
	margin:8px 0;
}
#coluna #texto-pais {
	padding:0 20px;
}
#galsextras {
	float:left;
	margin-top:10px;
	width:950px;
}
#galsextras ul li, #galsextras ul {
	list-style:none;
	padding:0;
	margin:0;
}
#galsextras ul {
	/*background:#eceae7;
	padding:11px 0 10px;*/
	margin-top:10px;
	float:left;
	width:100%;
}
#galsextras li {
	float:left;
	width:189px
}
#galsextras li * {
	float:left;
}
#galsextras li span {
	width:89px;
	height:67px;
	position:relative;
}
#galsextras li img {
	position:absolute;
	top:0;
	left:0;
}
#galsextras li span {
	width:89px;
	height:67px;
	position:relative;
}
#galsextras li a {
	text-decoration:none;
	color:#5d5850;
}
#galsextras li a p {
	width:80px;
	margin:0;
	padding:0;
	margin-left:7px;
	text-decoration:none;
	color:#5d5850;
	font-weight:bold;
	font-size:11px;
}
#galsextras li a:hover p, #galsextras li a:hover {
	text-decoration:underline;
	color:#f90;
}
#galsextras li a:hover span {
	border:3px solid #f90;
	width:83px;
	height:61px;
	overflow:hidden;
}
#galsextras li a:hover span img {
	margin:-3px;
}