/* CSS Document */

body {
	background-color: #FFFFFF;
	background-image: url(../images/fondoweb.gif);
	margin:0;
	padding:0;

	background-repeat:no-repeat;
	
	}

.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #990000;
	text-align: center;
}
.texto_program {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	padding-right:15px;
	padding-left:5px;
	text-align: justify;
}
.texto_magazine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	padding-right:15px;
	padding-left:5px;
	text-align: right;
}
.txtonegrita {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#333333;
	text-align:justify;
	}

.textoarticles a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	text-decoration:none;
	color:#000000;
	}
.textoarticles a:hover{
	text-decoration:underline;
	}
.textoarticles a:active{
	
	color:#333300;
	}
.textocontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-indent: 10px;
}

/*specific divs*/
#cabecera {
	background-image:url(../images/cabecera.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 158px;
	width: 800px;	
	position:absolute;
	}
#container {
text-align:left;
width:800px;
height:606px; 
top:0px;
position:absolute;
}

#contcontact {
	text-align:left;
	width:785px;
	height:337px;
	top:221px;
	position:absolute;
	left: 9px;
	background-image:url(../images/fondo_contacto.gif);
}

#menu {
	width:98%;
	height:2%;
	position: absolute;
	top: 26%;
	left:1%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #666600;
			
}
#menu ul, li {
	list-style-type: none;
	
	
}

#menu ul {
	margin: 0;
	padding: 0;
	
}

#menu li {
	float: left;
	
	}

#menu a {
	text-decoration: none;
	color: #FFFFFF;
	background:#666600;
	padding:3px 25px;
	
	text-align: center;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



#menu a:hover {
	background: #333300;
}

#benin a {
	background-image:url(../images/benin.gif);
	width:280px;
	height:293px;
	position:absolute;
	top:200px;
	left:50px;
		
	}

#benin a:hover{
	background-image:url(../images/benin_sobre.gif);
	}

#benin a:active{
	background-image:url(../images/benin.gif);
	}

#galben a{
	background-image:url(../images/botones/galbenin.gif);
	width:274px;
	height:260px;
	position:absolute;
	top:210px;
	left:85px;
	}
#galben a:hover{
	background-image:url(../images/botones/galbenin_sobre.gif);
	}

#galben a:active{
	background-image:url(../images/botones/galbenin.gif);
	}

#galcam a{
	background-image:url(../images/botones/galcamer.gif);
	width:323px;
	height:240px;
	position:absolute;
	top:215px;
	left:407px;
	float:right;
}
#galcam a:hover{
	background-image:url(../images/botones/galcamer_sobre.gif);
	}
#galcam a:active{
	background-image:url(../images/botones/galcamer.gif);
	}

#cameroon a {
	background-image:url(../images/cameroon.gif);
	width:336px;
	height:289px;
	position:absolute;
	top:200px;
	left:400px;
	float:right;
	}
#cameroon a:hover{
	background-image:url(../images/cameroon_sobre.gif);
	}

#cameroon a:active{
	background-image:url(../images/cameroon.gif);
	}
#imgpie {
	background-image:url(../images/piefotos.gif);
	width:750px;
	height:85px;
	position:absolute;
	top:500px;
	left:20px;
	}


#pieinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #333300;
	text-align: center;
	width: 800px;
	height: 35px;
	position: absolute;
	top: 601px;
	left: 1px;	
	}
#pieinfo a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:justify;
	text-decoration:none;
	}
#pieinfo a:hover{
	text-decoration:underline;
	color:#FFCC33;
}
#fondobenin {
	background-image:url(../images/fondo_benin.gif);
	width:426px;
	height:406px;
	position:absolute;
	top:194px;
	left:373px;
	
	}

#infobenin {
	background-image:url(../images/infobenin.gif);
	width:350px;
	height:123px;
	position:absolute;
	left:5px;
	top:179px;
}
#infotexto_benin {
	background-image:url(../images/infotexto_benin.gif);
	width:364px;
	height:176px;
	position:absolute;
	left:0px;
	top:305px;
	
}

#fondocamer {
	background-image:url(../images/fondocamer.gif);
	width:428px;
	height:403px;
	position:absolute;
	top:194px;
	left:373px;
	
	}
#mapcameron {
	background-image:url(../images/mapcameron.gif);
	width:414px;
	height:403px;
	position:absolute;
	top:187px;
	left:373px;
	
	}
#mapabenin {
	background-image:url(../images/mapbenin.gif);
	width:414px;
	height:403px;
	position:absolute;
	top:187px;
	left:373px;
	
	}

#infocamer {
	background-image:url(../images/infocamer.gif);
	width:350px;
	height:122px;
	position:absolute;
	left:5px;
	top:179px;
}
#infotexto_camer {
	background-image:url(../images/infotxtcamer.gif);
	width:364px;
	height:172px;
	position:absolute;
	left:0px;
	top:305px;
	
}

#programb a{
	background-image:url(../images/botones/programbenin.gif);
	width:280px;
	height:34px;
	position:absolute;
	top:483px;
	left:60px;
	z-index:3;
	}


#programb a:hover{
	background-image:url(../images/botones/programbenin_sobre.gif);
	}

#programb a:active{
	background-image:url(../images/botones/programbenin.gif);
	}
#programcam a{
	background-image:url(../images/botones/programcam.gif);
	width:280px;
	height:34px;
	position:absolute;
	top:483px;
	left:60px;
	z-index:3;
	}


#programcam a:hover{
	background-image:url(../images/botones/programcam_sobre.gif);
	}

#programcam a:active{
	background-image:url(../images/botones/programcam.gif);
	}
#photob a{
	background-image:url(../images/botones/photogallery.gif);
	width:280px;
	height:36px;
	position:absolute;
	top:513px;
	left:60px;
	z-index:3;
	}
#photob a:hover{
	background-image:url(../images/botones/photogallery_sobre.gif);
	}
#photob a:active{
	background-image:url(../images/botones/photogallery.gif);
	}
#photocam a{
	background-image:url(../images/botones/photogallerycamer.gif);
	width:280px;
	height:35px;
	position:absolute;
	top:513px;
	left:60px;
	z-index:3;
	}
#photocam a:hover{
	background-image:url(../images/botones/photogallerycamer_sobre.gif);
	}
#photocam a:active{
	background-image:url(../images/botones/photogallerycamer.gif);
	}
#contactb a{
	background-image:url(../images/botones/contacto.gif);
	background-repeat:no-repeat;
	width:118px;
	height:32px;
	position:absolute;
	top:549px;
	left:230px;
	z-index:3;
	}
#contactb a:hover{
	background-image:url(../images/botones/contacto_sobre.gif);
	}
#contactb a:active{
	background-image:url(../images/botones/contacto.gif);
	}

#campbenin a{
	background-image:url(../images/botones/campbenin.gif);
	width:231px;
	height:52px;
	position:absolute;
	top:547px;
	left:373px;
	z-index:3;
	}
#campbenin a:hover{
	background-image:url(../images/botones/campbenin_sobre.gif);
	}
#campbenin a:active{
	background-image:url(../images/botones/campbenin.gif);
	}
	
#campcameron a{
	background-image:url(../images/botones/campcameron.gif);
	width:249px;
	height:63px;
	position:absolute;
	top:524px;
	left:378px;
	z-index:3;
	}
#campcameron a:hover{
	background-image:url(../images/botones/campcameron_sobre.gif);
	}
#campcameron a:active{
	background-image:url(../images/botones/campcameron.gif);
	}
#morephotos a{
	background-image:url(../images/botones/morephotos.gif);
	width:145px;
	height:36px;
	position:absolute;
	top:565px;
	left:181px;
	z-index:3;
	}
#morephotos a:hover{
	background-image:url(../images/botones/morephotos_sobre.gif);
	}
#morephotos a:active{
	background-image:url(../images/botones/morephotos.gif);
	}
#map a{
	background-image:url(../images/botones/mapbenin.gif);
	width:175px;
	height:32px;
	position:absolute;
	top:549px;
	left:60px;
	z-index:3;
	}
#map a:hover{
	background-image:url(../images/botones/map_sobre.gif);
	}
#map a:active{
	background-image:url(../images/botones/mapbenin.gif);
	}
#mapcam a{
	background-image:url(../images/botones/mapcameron.gif);
	width:152px;
	height:36px;
	position:absolute;
	top:549px;
	left:60px;
	z-index:3;
	}
#mapcam a:hover{
	background-image:url(../images/botones/mapcameron_sobre.gif);
	}
#mapcam a:active{
	background-image:url(../images/botones/mapcameron.gif);
	}
#textobenin{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	float: right;
	height: 400px;
	width: 423px;
	overflow: scroll;
	position: absolute;
	left: 362px;
	top: 180px;
	background-color: #FFFFFF;
	text-align: justify;
	margin: 5px;
	padding: 5px;
	}
	
	
.galleryBenin{
	position: absolute;
	width:785px;
	top:175px;
	left:11px;
	height: 416px;/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{

border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid ;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;

padding: 1%;
top:0%;
left: 47%;

border: 1px; 
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0%;
left: 46%; /*position where enlarged image should offset horizontally */
z-index: 50;

}

#back a{
background-image:url(../images/botones/botonback.gif);
	width:127px;
	height:45px;
	position:absolute;
	top:555px;
	left:12px;
	}
#back a:hover{
background-image:url(../images/botones/botonback.gif);
}
#back a:active{
background-image:url(../images/botones/botonback.gif);
}

#containercaccia {
	
	background-image: url(../images/publicaciones/caccia.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align:right;
	position:absolute;
	width:227px;
	height:118px;
	top:193px;
	left:39px;
	text-decoration:none;
}

#containerhunter {
	
	background-image: url(../images/publicaciones/hunters.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align:right;
	position:absolute;
	width:337px;
	height:118px;
	top:177px;
	left:388px;
	text-decoration:none;
}
#containermundo {
	
	background-image:url(../images/publicaciones/elmundo.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align:right;
	position:absolute;
	width:225px;
	height:121px;
	top:319px;
	left:40px;
	text-decoration:none;
}

#containermark {
	
	background-image:url(../images/publicaciones/markycaza.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align:right;
	position:absolute;
	width:225px;
	height:118px;
	top:368px;
	left:432px;
	text-decoration:none;
}
#containersendas {
	
	background-image:url(../images/publicaciones/sendas.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align:right;
	position:absolute;
	width:225px;
	height:98px;
	top:498px;
	left:430px;
	text-decoration:none;
}
#containerefers {
	
	background-image:url(../images/publicaciones/huntandref.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	text-align:right;
	position:absolute;
	width:276px;
	height:167px;
	top:426px;
	left:25px;
	text-decoration:none;
}