/* CSS Document */


DIV.shadow {
   background-color: #ffffff;
   padding: 1px;
   border-left: 0px solid #C2C1C1;
   border-top: 0px solid #C2C1C1;
   border-bottom: 1px solid #A0A0A0;
   border-right: 1px solid #A0A0A0;
   margin: 0;
   }
DIV.shadow2 {
   background-color: #67615A7;
   padding: 1px;
    border-left: 1px solid #67615A;
   border-top: 1px solid #67615A;
   border-bottom: 1px solid #67615A;
   border-right: 1px solid ##67615A;

   margin: 0;
   }
DIV.shadow3 {
   background-color: #847C73;
   padding: 0px;
     border-left: 1px solid #847C73;
   border-top: 1px solid #847C73;
   border-bottom: 1px solid #847C73;
   border-right: 1px solid  #847C73;
 
   margin: 0;
   }
DIV.shadow4 {
   background-color: #958C81;
   padding: 1px;

    border-left: 1px solid #958C81;
   border-top: 1px solid #958C81;
   border-bottom: 1px solid #958C81;
   border-right: 1px solid #958C81;
   margin: 0;
   }
DIV.shadow5 {
  
   background-color: #A1978B;
   padding: 0px;
   border: 1px solid #A1978B;
  margin: 0;
   }


#imageHR {
position: relative;
width : 344px;
height: 250px;
background: url(http://www.webadria.com/img/Hrvatska_map_HR.gif) top left no-repeat;
}



#image {
position: relative;
width : 344px;
height: 250px;
background: url(http://www.webadria.com/img/Kroatien_map_DE.gif) top left no-repeat;
}
#zone1 {
position: absolute;
width :13px;
height:13px;
left: 48px;
top: 61px;
border: 1px dotted white;

}
#zone1:hover {
width : 200px;
height: 215px;
left: 48px;
top: 61px;
border: 1px dotted white;
background: url(http://www.webadria.com/img/Istra_Karte_200px.gif) top left no-repeat;
z-index: 100;
}
#zone2 {
position: absolute;
width :46px;
height:27px;
left: 51px;
top: 21px;
border: 1px dotted white;

}
#zone2:hover {
width : 200px;
height: 179px;
left: 51px;
top: 21px;
border: 1px dotted white;
background: url(http://www.webadria.com/img/SL_Karte_200px.gif) top left no-repeat;
z-index: 100;
}


#zone3 {
position: absolute;
width :18px;
height:30px;
left: 67px;
top: 62px;
border: 1px dotted white;

}



#zone3:hover {
width : 200px;
height: 277px;
left: 67px;
top: 62px;
border: 1px dotted white;
background: url(http://www.webadria.com/img/KV_Karte_243px.gif) top left no-repeat;
z-index: 100;
}
#zone4 {
position: absolute;
width :31px;
height:48px;
left: 80px;
top: 92px;
border: 1px dotted white;

}


#zone4:hover {
width : 321px;
height: 304px;
left: 80px;
top: 92px;
border: 1px dotted white;
background: url(http://www.webadria.com/img/ND_Karte_321px.gif) top left no-repeat;
z-index: 100;
}
#zone5 {
position: absolute;
width :40px;
height:38px;
left: 114px;
top: 134px;
border: 1px dotted white;

}


#zone5:hover {
width : 343px;
height: 256px;
left: 114px;
top: 134px;
border: 1px dotted white;
background: url(http://www.webadria.com/img/MID_Karte_343px.gif) top left no-repeat;
z-index: 100;
}
#zone6 {
position: absolute;
width :37px;
height:35px;
left: 147px;
top: 153px;
border: 1px dotted white;

}


#zone6:hover {
width : 354px;
height: 227px;
left: 147px;
top: 153px;
border: 1px dotted white;
background: url(http://www.webadria.com/img/SD_Karte_354px.gif) top left no-repeat;
z-index: 100;
}
#zone7 {
position: absolute;
width :34px;
height:43px;
left: 190px;
top: 160px;
border: 1px dotted white;

}


#zone7:hover {
width : 200px;
height: 186px;
left: 190px;
top: 160px;
border: 1px dotted white;
background: url(http://www.webadria.com/img/BU_Karte_200px.gif) top left no-repeat;
z-index: 100;
}
#zone8 {
position: absolute;
width :63px;
height:30px;
left: 254px;
top: 203px;
border: 1px dotted white;

}


#zone8:hover {
width : 200px;
height: 159px;
left: 254px;
top: 203px;
border: 1px dotted white;
background: url(http://www.webadria.com/img/MK_Karte_200px.gif) top left no-repeat;
z-index: 100;
}


table {
 font-family: Verdana;
 font-size: 11px;
  color:#645F59;
}
h1 {
 font-family: Verdana;
 font-size: 18px;
 font-weight: bold;}
h3{
 font-family: Verdana;
 font-size: 10pt;
 font-weight: bold;
 color:#645F59;
}


 td.malo{ font-family:verdana; font-size:7pt;}
 td.veliko{ font-family:verdana; font-size:10pt;font-weight: bold;}
td.srednje{ font-family:verdana; font-size:9pt;font-weight: bold;}


 a:link {
   font-face: verdana;
 font-weight: bold;
 color: #445056;
 text-decoration: none;

}a:visited {
  font-face: verdana;
 font-weight: bold;
 color: #445056;
 text-decoration: none;
}
div { border:0px solid #888; }


#a1 { position:absolute; top:0px; left:240px; width:150px; height:150px;
      z-index:1; background-color:#ddf; }
#r3 { width:150px; height:35px; position:relative; top:0px; left:0px; background-color:#dfd; }



#slider {

    width: 530px; /* important to be same as image width */

    height: 205px; /* important to be same as image height */

    position: relative; /* important */

      overflow: hidden; /* important */

 top: 0;
padding: 0;
margin: 0 
}

#sliderContent {

    width: 530px; /* important to be same as image width or wider */

    position: absolute;

      top: 0;

      margin-left: 0; 
padding: 0;
margin: 0 
}

.sliderImage {

float:left;

    position: absolute;

      display: none;
top: 0px;
bottom:0px;
right:0px;
 margin: 0;    
	  left:0px;
	 padding: 0px; 
}

.sliderImage span {

    position: absolute;

      font: 10px/15px Arial, Helvetica, sans-serif;

    padding: 10px 13px;

    width: 530px;

    background-color: #000;

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

      -khtml-opacity: 0.7;

    opacity: 0.7;

    color: #fff;

    display: none;

}

.clear {

      clear: both;

}

.sliderImage span strong {

    font-size: 14px;

}

.top {

      top: 0;

      left: 0;

}

.bottom {

      bottom: 0;

    left: 0;

}

ul { list-style-type: none;}



