@import url('tabsstyle.css');
body {
	background-image: url('../images/background.gif');
	background-attachment: fixed;
	font-family: Verdana;
	font-size: 10pt;
	margin:0 0 0 35px;
	padding:0;
	width:1299px;
	
	}

#mapcontainer {
	width: 100%;
	min-width:1299px;
	margin:0;
	padding:0;
		}
#left_col {
	clear:both;
	float: left;
	padding:8px;  
	margin:75px 0 0 0;
	width: 110px;
	list-style: none;
	display: block;
	text-decoration: none;
}
#right_col {
	width: 100%;
	margin: 0 0 0 110px;
	
}
#wrapper {width:100%; margin:0; }
/* setup the background image of the Alpujarras */
.trigger ul.uk {clear:right; padding:0; margin:0; display: block; text-decoration: none; list-style-type:none; background:url('../images/MapAlpujarras.jpg'); width:1117px; height:762px; position:relative; z-index:1; border-radius: 10px;} 
/* move the text off screen */
.trigger ul.uk li {text-indent:-999px; padding:0px; height:14px; width:14px; position:absolute; background:url('../images/8.gif'); background-repeat:no-repeat;}
/* 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 Kleurbackground:#C6E9FF; */
.trigger ul.uk li:hover {background-color:#C6E9FF; text-indent:2px; width:500px; padding:4px; margin:0; border-radius: 10px;  opacity: .90; height:50px; background:url('../images/arrow_small.png'); background-repeat:no-repeat; }
/* make the descriptive text visible, give it a size and position */
.trigger ul.uk li:hover em {position:absolute;  visibility:visible; margin:0 0 0 5px; padding:10px 0 10px 0; display:inline; min-width:840px; overflow: hidden; text-decoration:underline; height:1.1em; font-size:14px; background:#091B53; font-family:Arial; font-weight:bold; text-align:left; color:white; border:solid 3px #BBB;  opacity: .99; border-radius: 10px;}
.trigger ul.uk li:hover a {visibility:visible; margin:0; padding:10px 0 10px 0; display:block;  opacity: .99; border-radius: 10px; overflow: hidden; 
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#200000FF', EndColorStr='#A0000000'); 


 }
/*======================*/
/*     Basic Setup      */
/*======================*/
.dropnav {white-space:nowrap; float:left;} /*Color navigation bar normal mode*/
.dropnav ul {list-style-type:none; display:block; 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:12px; 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;display: block;	text-decoration: none; opacity: .90; 
    border-radius: 5px;
    box-shadow:   1px 1px 10px #000;}
.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;display: block; text-decoration: none; opacity: .90; 
    border-radius: 5px;
    box-shadow:   1px 1px 10px #000;}

.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:#FFF; 
    color:#091B53;
    opacity: .90; 
    border-radius: 10px;
    box-shadow:   1px 1px 10px #000;
    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:200px; margin-top:210px;}
.dropnav ul li:hover.orgi ul {position:absolute; z-index:999; top:593px; left:446px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.pamp ul {position:absolute; z-index:999; top:515px; left:558px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.bubi ul {position:absolute; z-index:999; top:477px; left:564px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.capi ul {position:absolute; z-index:999; top:447px; left:567px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.pitr ul {position:absolute; z-index:999; top:520px; left:627px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.port ul {position:absolute; z-index:999; top:502px; left:647px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.meci ul {position:absolute; z-index:999; top:557px; left:627px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.fond ul {position:absolute; z-index:999; top:570px; left:617px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.ferr ul {position:absolute; z-index:999; top:560px; left:649px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.atal ul {position:absolute; z-index:999; top:550px; left:659px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.busq ul {position:absolute; z-index:999; top:518px; left:678px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.trev ul {position:absolute; z-index:999; top:372px; left:734px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.juvi ul {position:absolute; z-index:999; top:487px; left:803px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.berc ul {position:absolute; z-index:999; top:442px; left:838px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.cadi ul {position:absolute; z-index:999; top:532px; left:883px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.bomb ul {position:absolute; z-index:999; top:421px; left:913px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.yege ul {position:absolute; z-index:999; top:420px; left:975px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.tima ul {position:absolute; z-index:999; top:510px; left:812px; margin-left:200px; margin-top:210px;}
.dropnav ul li:hover.lobr ul {position:absolute; z-index:999; top:542px; left:841px; margin-left:200px; 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:310px; margin-top:205px;}