* {margin:0px; padding:0px;}

html, body {height: 100%;}

body {margin:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #575757; background:url(../images/bg.jpg) repeat-x #bfdff4;}

#warp {margin:0 auto 0 auto; padding: 0; min-height:100%; height:100%;  }

* html #warp {	height: 100%;	}

.left{float:left;}

.right{float:right;}

.clear{clear:both;}

p {line-height: 20px; margin-bottom: 10px; letter-spacing: 0.02em;	text-indent: 15; text-align: justify;}

h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; margin-bottom: 2px; font-weight: lighter; font-style:normal; color: #dd5257;}

h2 {font-size:14px; margin-bottom: 10px; font-weight: lighter; font-style:normal; color: #dd5257;}

h3 {font-size:16px; margin-top: 15px; margin-bottom: 3px; font-weight: bold; font-style:normal; color: #dd5257;}

h4 {font-size:16px; margin-top: 15px; margin-bottom: 3px; font-weight: bold; font-style:normal; color: # 333;}


a:link, a:active {text-decoration: none; color: #dd5257; font-weight:normal; }

a:hover, a:visited  { text-decoration: underline; font-weight:normal; color: #dd5257; }


 /*------------------------- sredina --------------------------------------------*/
 
 #akcija { width:650px; margin-bottom:15px;}
 
 #content {margin:0 auto 0 auto; width:896px; height: auto;   padding: 5px 5px 0 5px; background: #FFF; }
 
 #image { }
 
 #uvod { background: url(../images/uvod.jpg) no-repeat; width:289px; height:288px;}
 
#uvod h1 {padding: 10px 7px 2px 7px; color: #FFF; font-weight: bold;}
 
 #uvod h2 {padding: 10px 7px 2px 7px; color:#2575a4; font-weight: bold; font-size:10px;}
 
 #uvod p {color:#FFF; padding: 0 7px 5px 7px; margin-bottom:4px; line-height: 15px;}
 
 .okvir {border-bottom: #999 1px dotted; padding-bottom:8px; margin-bottom:8px;}
 
  .okvir2 {border-bottom: #999 1px dotted; padding-bottom:2px; margin-bottom:5px; font-size:11px; line-height:12px; }
 
 .slika {border: #666 1px solid; float:left; margin:4px 7px 2px 0; }
 
 
/*------------------------- izbornik lijevo --------------------------------------------*/
#livo {width:203px;  padding: 0 5px 5px 0; }

#izbornik {width:203px;  padding: 5px 5px 5px 0; }

#izbornik h2 {margin:0 0 2px 10px; font-weight: bold;  color: #666; padding-top:15px;}

#izbornik  a:link,  #izbornik  a:visited,  #izbornik a:active { width:189px; height:19px; padding:7px; margin-bottom:1px; display: inline-block; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color: #FFF; text-decoration: none;  background:  url(../images/offer_off.jpg) no-repeat;}

#izbornik  a:hover { background:  url(../images/offer_on.jpg) no-repeat;}

/*------------------------- sredina --------------------------------------------*/

#information { float:right; padding-top:4px; margin-bottom:0px; }

#expeditions { background: #f8f8f8; width: 420px; float: left; padding: 5px 10px 5px 10px; }

#news { width: 231px; float: right; padding: 5px 7px 5px 7px; }

#news h1 { font-size:18px; margin-bottom:6px;}

#news p { line-height: 16px; font-size:12px; text-indent: 0;}

.datum {text-align:right;  color: #666; font-size:10px;}

.expeditions_title { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; width:426px;  font-weight: lighter; font-style:normal; color: #787878; border-bottom:#ffd400 solid 4px; margin-bottom:20px; padding: 10px 7px 7px 10px; }


 /*------------------------- head --------------------------------------------*/
 


#head {width:906px; height:121px; padding: 0; margin:0 auto 0 auto; background:url(../images/head.gif) repeat-x;  }

#logo { height:120px; margin:0;}

#nav {height:auto; margin:0; text-align:left; height:62px; padding-top:59px;}

#nav  ul {list-style: none; }

#nav  li {display: inline; margin: 9px 0 0 0; }

#nav  a:link,  #nav  a:visited,  #nav  a:active {  display:inline-block; padding: 5px 10px 48px 10px; margin-left:10px; font-size:16px; color: #FFF; text-decoration: none; font-weight: bold; background: url(../images/bg_menu.gif) repeat-x top center;}

#nav  a:hover { color:#ed9a9d; font-weight:bold; }

#language {float:right;  height:43px; padding:78px 10px 0 0;}

 /*------------------------- foot --------------------------------------------*/

#footer { float:left; width:100%; height:183px; background: url(../images/footer.jpg) repeat-x #5b5b5b;  vertical-align: bottom; bottom:0px;}

#footer_inn {width:896px; height:60px; margin:0 auto 0 auto;  padding: 5px 5px 5px 5px; background: url(../images/foot.gif) no-repeat #5b5b5b; text-align:center; color: #e2e2e2; font-size:12px;  }

#footer_inn  a:link,  #footer_inn  a:visited,  #footer_inn  a:active { color: #858585; text-decoration: none; font-weight: bold;}

#footer_inn  a:hover { color:#e2e2e2; font-weight:bold;}

#nav_foot {height:auto;  text-align: center; height:25px; padding-top:59px; margin-bottom:10px;}

#nav_foot  ul {list-style: none; }

#nav_foot  li {display: inline; margin: 9px 0 0 0; }

#nav_foot  a:link,  #nav_foot  a:visited,  #nav_foot  a:active {  display:inline-block; padding: 0 15px 0 15px;  color: #e2e2e2; text-decoration: none; font-weight: bold; border-right:#FFF 1px solid;}

#nav_foot  a:hover { color:#858585; font-weight:bold;}

 /*------------------------- SUBMENU ISPOD --------------------------------------------*/
 
#izbornik_iz { float:left;  padding:4px 2px 4px 5px;  margin-bottom:5px; text-align:left;}

#izbornik_iz ul {text-align:left; padding-left:25px; }

#izbornik_iz li {float:left; width:203px; list-style-image:url(../images/bullet_red.gif); text-align:left; text-indent: -5px; vertical-align:top;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#izbornik_iz  a:link, #izbornik_iz  a:visited, #izbornik_iz a:active {  width:160px; height:auto; font-size:12px; margin-bottom:1px; display: inline-block; color: #999; text-decoration: none; border-bottom: #CCC 1px dotted; background:none;}

#izbornik_iz  a:hover { text-decoration:none; color:#666;}

   /*------------------------- forma --------------------------------------------*/

#form { padding:8px; border: 1px solid #CCC;}

#form p {margin-bottom:7px;}
   
.boxovi
{border: #CCC solid 1px; font-size:12px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; padding:1px; color:#666;}

.button { border: #ccac42 1px solid;  background: #eac502 ; padding: 2px 15px; color:#FFF;  }

.button:hover { border: #ccac42 1px solid;; background: #ceae05 ;}

.bold {
	font-weight:bold;
	letter-spacing: 0,2em; color:#666;
}

.slika_naslovna {padding:5px 0 0 3px;}

.brosura { background: url(../images/brosura.jpg); width:231px; height:100px; margin-top:5px;}

.brosura2 { background: url(../images/brosura2.jpg); width:231px; height:100px; margin-top:5px;}

.brosura p, .brosura2 p { color:#FFF; padding:70px 8px 0 10px;}

.brosura  a:link, .brosura  a:visited, .brosura  a:active, .brosura2  a:link, .brosura2  a:visited, .brosura2  a:active { color:#0983ab;}

.brosura   a:hover, .brosura2   a:hover { text-decoration:underline; color:#0983ab; }

.gore10 {margin-top:20px; float:left;}

.gore10  a:link, .gore10  a:visited, .gore10  a:active, .gore10  a:hover { background:none; margin:0; padding:0;}