﻿
div.ct {
	text-align: center;
	margin:0 auto;
}
div.footer 
{
    text-align: center;
	margin: 0 auto;
	padding: 5px;
	border: 0px;
	font-size:80%;
	filter:alpha(opacity=70);
    opacity:0.90;
}
div.footer span.dkbll {
	float: left;
	clear: left;
	font-size: 8pt;
	color:  gray;
	text-align: center;
}
p.r {
	font-family: Arial;
	font-size: 10pt;
	color: black;
	text-align: right;
	margin-right: 20px;
}
    h1 {
	font-family: Verdana;
	font-size: 22pt;
	text-align:center;
	color: #008080;
}
div.cblmgr {
	width: 100%;
	min-width:1640px;
	background-color: #B1CAE8;
	border-style: solid;
	border-width: 1px;
	border-color: #336633;
	margin: 0 0;
}
div.blmgr {
	width: 100%;
	background-color: #B1CAE8;
	border-style: solid;
	border-width: 1px;
	border-color: #336633;
	margin: 0 0;
}
body {
	background-image: url('../images/background.gif');
	background-attachment: fixed;
	margin: 0;
	padding: 0;
}
#mapcontainer {
	width: 100%;
	min-width:1440px;
	margin:0;
	background:#C6E9FF;
}
#left_col {
	clear:both;
	float: left;
	padding:10px;  
	margin-top:75px;
	width: 200px;
}
#right_col {
	width: 90%;
	margin-left: 200px;
}
#wrapper {width:100%; margin:0;}
/* setup the background image of the British Isles */
.trigger ul.uk {clear:right; padding:0; margin:30px 0; list-style-type:none; background:url('../images/MapAlpujarras.jpg'); 
width:1217px; height:862px; position:relative; z-index:0;}
/* move the text off screen */
.trigger ul.uk li {text-indent:-999px; padding:0px; display:block; height:16px; width:16px; position:absolute; background:url('../images/8.gif');}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.trigger ul.uk li em {visibility:hidden; position:absolute;}
/* position the square markers */

.trigger ul.uk li.lanj {top:554px; left:326px; } /* position the square markers */    
.trigger ul.uk li.orgi {top:593px; left:446px; } /* position the square markers */    
.trigger ul.uk li.pamp {top:515px; left:558px; } /* position the square markers */    
.trigger ul.uk li.bubi {top:477px; left:564px; } /* position the square markers */    
.trigger ul.uk li.capi {top:447px; left:567px; } /* position the square markers */    
.trigger ul.uk li.pitr {top:520px; left:627px; } /* position the square markers */    
.trigger ul.uk li.port {top:502px; left:647px; } /* position the square markers */    
.trigger ul.uk li.meci {top:557px; left:627px; } /* position the square markers */    
.trigger ul.uk li.fond {top:570px; left:617px; } /* position the square markers */    
.trigger ul.uk li.ferr {top:560px; left:649px; } /* position the square markers */    
.trigger ul.uk li.atab {top:550px; left:659px; } /* position the square markers */    
.trigger ul.uk li.busq {top:518px; left:678px; } /* position the square markers */ 
.trigger ul.uk li.trev {top:372px; left:734px; } /* position the square markers */ 
.trigger ul.uk li.juvi {top:487px; left:803px; } /* position the square markers */ 
.trigger ul.uk li.berc {top:442px; left:838px; } /* position the square markers */ 
.trigger ul.uk li.cadi {top:532px; left:883px; } /* position the square markers */ 
.trigger ul.uk li.bomb {top:421px; left:913px; } /* position the square markers */ 
.trigger ul.uk li.yege {top:420px; left:975px; } /* position the square markers */ 
.trigger ul.uk li.tima {top:510px; left:812px; } /* position the square markers */ 
.trigger ul.uk li.lobr {top:542px; left:841px; } /* position the square markers */ 

/* move the text back into view on hover ALLEEN Kleur*/
.trigger ul.uk li:hover {background:#C6E9FF; text-indent:2px; padding:1px 2px;}
/* make the descriptive text visible, give it a size and position */
.trigger ul.uk li:hover em {position:absolute;  visibility:visible; margin-left:5px; padding:2px; min-width:840px; text-decoration:underline; height:1.3em; font-size:14px; background:#091B53; font-family:Arial; font-weight:bold; text-align:left; color:white; border:solid 2px #FFF;}
/*======================*/
/*     Basic Setup      */
/*======================*/
.dropnav {white-space:nowrap; float:left;} /*Color navigation bar normal mode*/
.dropnav ul {list-style-type:none; display:inline; margin: 0; padding: 0;}
.dropnav ul li {text-align: center; float:left; display: inline; background: none; margin: 0; padding: 0; z-index:10;}
.dropnav ul li a {float:left; display:block;}
.dropnav ul li ul {display:none; z-index: 20;}

/*Basic Styling*/
.dropnav {font-size:14px; font-family:Arial; font-weight:bold; }
.dropnav ul li a {margin:2px; padding:3px; width:200px; height:1.3em; background:#091B53; font-weight:bold;  text-align:left; float:left; color:white; border:solid 1px #FFFFFF;}
.dropnav ul li a em {margin:0px; padding:5px; height:1.3em; font-style:normal; font-size:14px; background:#091B53;  text-align:left; float:left; color:white; border:solid 1px #FFF;}

.dropnav ul li a:hover {}
.dropnav ul li ul li a {width: 5em; text-align: left;}

/*======================*/
/*   IE hovering   */
/*======================*/
/*Main Menu Bar Hovering*/
.dropnav ul li:hover a {background-color:#C6E9FF; color:#091B53; text-decoration:none;} /*Color main cells hovering mode*/

/*First Submenu Positioning*/
.dropnav ul li:hover ul {display: block;}
.dropnav ul li:hover.lanj ul {position:absolute; z-index:999; top:554px; left:326px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.orgi ul {position:absolute; z-index:999; top:593px; left:446px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.pamp ul {position:absolute; z-index:999; top:515px; left:558px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.bubi ul {position:absolute; z-index:999; top:477px; left:564px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.capi ul {position:absolute; z-index:999; top:447px; left:567px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.pitr ul {position:absolute; z-index:999; top:520px; left:627px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.port ul {position:absolute; z-index:999; top:502px; left:647px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.meci ul {position:absolute; z-index:999; top:557px; left:627px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.fond ul {position:absolute; z-index:999; top:570px; left:617px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.ferr ul {position:absolute; z-index:999; top:560px; left:649px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.atal ul {position:absolute; z-index:999; top:550px; left:659px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.busq ul {position:absolute; z-index:999; top:518px; left:678px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.trev ul {position:absolute; z-index:999; top:372px; left:734px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.juvi ul {position:absolute; z-index:999; top:487px; left:803px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.berc ul {position:absolute; z-index:999; top:442px; left:838px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.cadi ul {position:absolute; z-index:999; top:532px; left:883px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.bomb ul {position:absolute; z-index:999; top:421px; left:913px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.yege ul {position:absolute; z-index:999; top:420px; left:975px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.tima ul {position:absolute; z-index:999; top:510px; left:812px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.lobr ul {position:absolute; z-index:999; top:542px; left:841px; margin-left:250px; margin-top:210px;}
.dropnav ul li:hover.gr-7 ul {position:absolute; z-index:999; top:339px; left:394px; margin-left:98px; margin-top:210px;}
.dropnav ul li:hover.gr142 ul {position:absolute; z-index:999; top:520px; left:473px; margin-left:95px; margin-top:205px;}


