@charset "utf-8";
/****************/
/* Reset rules */
/****************/
body, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,body,textarea,input,table{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
img{ border:none; }
a{ text-decoration:none; }

/****************/
/* General rules */
/****************/
body{ background:url(imgs/body_background.jpg) repeat-x #376104; min-height:100%; }

/****************/
/* Header rules */
/****************/
#header{ margin:0 auto; width:960px; height:300px; position:relative; }

/********/
/* Logo */
/********/
#header h1{ float:left; display:inline; margin-left:-1px; }
#header h1 a{ outline:none; }
#header h1 a img{ margin:0; float:left; display:inline; } 

/* Meni */
#header ul{ width:950px; height:28px; position:absolute; top:158px; left:8px; line-height:28px; font-size:14px; font-weight:bold; line-height:26px; text-transform:uppercase; }
#header ul li{ margin:0 10px 0 0; padding:0 0 0 15px; height:28px; line-height:30px; float:left; display:inline; color:#3e7383; background:url(imgs/header_menu_li.jpg) top left no-repeat; }
#header ul li a{ color:#08475b; font-weight:bold;  display:block;  }
#header ul li a:hover, #header ul li a:active, #header ul li a.active{ color:#548f0c; background:url(imgs/header_menu_a.jpg) 0 22px repeat-x; }
#header ul li.first{ background:none; }

/***********/
/* Content */
/***********/
#container{ background:url(imgs/header_background.jpg) top center no-repeat; overflow:auto; }

#columns{  width:100%; min-height:317px; height:auto !important; height:316px; position:relative; float:left; }
.three{ margin:0 0 10px 0; background:url(imgs/3_columns_middle.jpg) center repeat-y; }
#columns .header{ width:100%; height:184px; background:url(imgs/3_columns_top.jpg) center top no-repeat; position:absolute; top:0; left:0; }
#columns .footer{ width:100%; height:126px; position:absolute; bottom:-5px; left:0; background:url(imgs/3_columns_bottom.jpg) center bottom no-repeat; }
#columns .articles{ width:960px; margin:0 auto; }
#columns .article{ padding:10px 30px 0 30px; width:260px; float:left; position:relative; z-index:10;}
#columns .article h2{ margin:0px 0 0 25px; padding:0 0 25px 0;}
#columns p{ margin:20px 0 0 0; color:#123902; font-size:13px; line-height:18px; }
#columns p a.detaljnije{ margin:8px 0 0 0; height:23px; line-height:23px; width:73px; display:block; text-align:center; font-size:11px; color:#fff; border:1px solid #c8d499; background:#3a5e21;
				-moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:1px 1px 5px #aec478; -moz-box-shadow:1px 1px 5px #aec478; }
#columns p a.detaljnije:hover{ background:#55900d; -webkit-box-shadow:1px 1px 10px #aec478; -moz-box-shadow:1px 1px 10px #aec478; border:1px solid #f1ffb8; }
#columns p a{ color:#123902; }
#columns p a:hover{ text-decoration:underline; }

#pictures{ margin:10px auto 0 auto; padding:0 0 0 43px; width:937px; height:131px; position:relative; clear:both; background:#16360b; border:1px solid #588d00; 
		   box-shadow:inset 0 0 15px #14310a; -webkit-box-shadow:inset 0 0 15px #14310a; -moz-box-shadow:inset 0 0 15px #14310a; overflow:hidden; }
#pictures a{ margin:13px 13px 0 0; width:132px; height:99px; overflow:hidden; float:left; display:inline-block; border:3px solid #fff; }

#pictures a.prev, #pictures a.next{ width:21px; height:30px; border:none; position:absolute; top:37px; overflow:hidden; text-indent:100px; background:url(imgs/strelice.jpg) 0 0 no-repeat;}
#pictures a.prev{ left:10px; }
#pictures a.prev:hover{ background-position:-21px 0;  }
#pictures a.next{ right:0px; background-position:-21px -30px; }
#pictures a.next:hover{ background-position:0 -30px;  }


.one{ padding:0 0 45px 0; background:url(imgs/1_column_middle.jpg) center repeat-y;  }
#columns.one .header{ background:url(imgs/1_column_top.jpg) center top no-repeat;  }
#columns.one .footer{ background:url(imgs/1_column_bottom.jpg) center bottom no-repeat; }
#columns.one .article{ padding-bottom:1px; width:900px; height:auto; overflow:auto; }
#columns.one p{ width:521px; overflow:auto; }
#columns.one p.img{ padding:0 0 10px 0; float:right; width:330px; overflow:hidden; }
#columns.one p.img img{ border:4px solid #fff; box-shadow:2px 2px 15px #a5b274; -webkit-box-shadow:2px 2px 15px #a5b274; -moz-box-shadow:2px 2px 15px #a5b274; }


.gallery{ padding:0 0 15px 0; background:url(imgs/2_columns_empty_middle.jpg) center repeat-y; }
#columns.gallery .header{ background:url(imgs/2_columns_empty_top.jpg) center top no-repeat;  }
#columns.gallery .footer{ background:url(imgs/2_columns_empty_bottom.jpg) center bottom no-repeat; }
#columns.gallery .article{ padding-bottom:1px; width:960px; height:auto; overflow:visible; }
#columns.gallery p.img a{ margin:0; border:4px solid #fff; width:564px; height:100%; overflow:hidden; display:block; background:url(imgs/ajax-loader.gif) center center no-repeat #3a6305; text-align:center; }
#columns.gallery p.img{ margin:0 0 0 -30px !important; margin:-5px 0 0 1px; float:left; }
#columns.gallery .thumbs{ margin:-1px 0 0 17px; padding:18px 0 0 15px; float:left; width:353px; height:305px; position:relative; overflow:hidden; background:#123902; border:1px solid #446b0f; }
#columns.gallery .thumbs a{ margin:5px 7px 5px 5px; width:99px; height:72px; overflow:hidden; display:inline; float:left; border:2px solid #fff; }
#columns.gallery .thumbs img{  }

#columns.gallery .thumbs a.prev, #columns.gallery .thumbs a.next{ width:21px; height:30px; border:none; position:absolute; bottom:8px; overflow:hidden; text-indent:100px; background:url(imgs/strelice.jpg) 0 0 no-repeat;}
#columns.gallery .thumbs a.prev{ left:125px; }
#columns.gallery .thumbs a.prev:hover{ background-position:-21px 0;  }
#columns.gallery .thumbs a.next{ right:125px; background-position:-21px -30px; }
#columns.gallery .thumbs a.next:hover{ background-position:0 -30px; }
#columns.gallery .thumbs .pages{ width:50px; height:21px; position:absolute; bottom:15px; left:162px; font-size:21px; color:#fff; font-weight:bold; font-style:italic; }

#columns.gallery .group{ position:absolute; left:15px; top:18px; width:353px; height:305px; }


.kontakt{ padding:0 0 13px 0; background:url(imgs/2_columns_green_middle.jpg) center repeat-y; }
#columns.kontakt .header{ background:url(imgs/2_columns_green_top.jpg) center top no-repeat;  }
#columns.kontakt .footer{ background:url(imgs/2_columns_green_bottom.jpg) center bottom no-repeat; }
#columns.kontakt .article{ width:900px; }
#columns.kontakt .article a{ display:inline; font-size:13px; line-height:normal; color:#123902; background:none; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
#columns.kontakt .article a:hover{ text-decoration:underline; }
#columns.kontakt .article .adresa{ margin:13px 0 0 0; padding:0 0 10px 0; overflow:auto; }
#columns.kontakt .article .adresa p{ padding:0 10px 0 0; width:143px; float:left; display:inline; font-size:13px; border-right:1px solid #d5e695; }
#columns.kontakt .article .adresa p.tel{ padding:0 8px 0 18px; width:125px; }
#columns.kontakt .article .adresa p.web{ padding:0px 0 0 10px; width:180px; border-right:none; }
#columns.kontakt .article .adresa strong{ margin:-5px 0 -13px 0; display:block; font-size:16px; position:relative; }
#google_maps{ margin:10px 0 5px -12px; width:524px; height:400px; clear:both;  border:3px solid #fff; overflow:hidden; }
#columns.kontakt .article .maps_link{ margin:0 -15px 5px 0 !important; margin:0 -15px 0px 0; float:right; display:inline; font-size:11px; padding:0;  }
#columns.kontakt .box{ margin:10px 0 0 0; float:left; width:500px;}
#columns.kontakt form{ padding:40px 0 0 0; float:right; display:inline; width:300px; line-height:normal; line-height:13px; }
#columns.kontakt form label{ color:#ffffa6; font-size:10px; text-transform:uppercase; }
#columns.kontakt form input{ padding:6px 5px; width:275px; border:2px solid #507940; font-size:11px; color:#b7c3b3; font-style:italic; }
#columns.kontakt form textarea{ padding:6px 5px; width:275px; height:160px; border:2px solid #507940; font-size:11px; font-style:italic; color:#b7c3b3; overflow:auto; }
#columns.kontakt form input, #columns.kontakt form textarea{ -webkit-border-radius:3px; -moz-border-radius:3px; }
#columns.kontakt form input:focus, #columns.kontakt form textarea:focus{ border-color:#2fa800;}
#columns.kontakt .submit{ margin:8px 12px 0 0; padding:3px 0 0 0; overflow:hidden; line-height:normal; width:73px; text-align:center; font-size:11px; color:#123902; border:1px solid #3c5d23; background:#3a5e21;
				background:#fbfc70; font-style:normal; line-height:18px; text-transform:uppercase; -moz-border-radius:4px; -webkit-border-radius:4px; float:right; display:inline-block; cursor:pointer; }
#columns.kontakt .submit:hover, #columns.kontakt .submit.active{ background:#fafc25; color:#123902; }
#columns .message_ok{ padding:5px 0 0 0; clear:both; color:#fff; }
#columns .message_error{ padding:15px 0 0 0; clear:both; color:#F00; }

.article table{ margin:0; padding:0; text-align:left; border:1px solid #ccc; }
.article table caption{ margin:0; padding:20px 5px 0 5px; text-align:center; font-size:24px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #333; }
.article table td, .article table th{ padding:5px; font-size:14px; border:1px solid #666; }
.article table .naslov{ font-size:18px; text-align:center; }
.article table .cisto{ border:none; }
.tableTermini { width:450px; }
/**********/
/* Footer */
/**********/
#footer{ margin:12px auto 0 auto; padding:8px 0 20px 0; width:960px; height:40px; position:relative; font-size:10px; color:#64a610; text-indent:12px; clear:both; background:url(imgs/footer_background.png) center top no-repeat;  }
#footer a{ padding:0 0 0 22px;  color:#64a610; background:url(imgs/footer_lopta.jpg) left no-repeat; }
#footer a:hover{ color:#75c313; }
#footer img{ position:absolute; right:0; top:10px; width:auto; }
#footer a.sm{ padding:0; background:none; text-indent:0; margin:0 0 -10px 0; display:block; }
#footer a.facebook { background:url(imgs/FaceBook-icon.png) no-repeat; font-size:12px; text-indent:0; margin:0 0 0 0; display:block; padding:0 0 0 25px; }

/*
#rezerviraj{ width:468px; height:44px; line-height:44px; text-align:center; font-size:18px; color:#113e02; position:absolute; top:27px; left:490px; background:url(imgs/rezerviraj.jpg) no-repeat;}
#rezerviraj a{ color:#307912; }
#rezerviraj a:hover{ text-decoration:underline; }
*/
#rezerviraj{ width:398px; height:30px; line-height:30px; text-align:center; font-size:16px; font-weight:bold; color:#08475b; position:absolute; top:254px; left:259px; background:url(imgs/rezerviraj.jpg) no-repeat;}
#rezerviraj a{ color:#51880b; }
#rezerviraj a:hover{ text-decoration:underline; }

#akcija{ width:418px; height:30px; line-height:30px; text-align:center; font-size:18px; font-weight:bold; color:#f75e2b; position:absolute; top:220px; left:250px; background:url(imgs/akcija.jpg) no-repeat;}

#rezerviraj1{ padding:50px;  }
#rezerviraj1 h1{ color:#307912; font-weight:bold; }
#rezerviraj1 p{ background:#fff; font-size:18px; color:#000; display:block; }
#rezerviraj1 span{ font-size:24px; font-weight:bold; line-height:36px; }
#rezerviraj_hidden{ display:none; }


#liga { float:left; width:900px; margin:30px 0 0 30px; z-index:1000; position:relative; padding:0 0 40px 0; }
#liga .content { float:left; width:100%; margin:20px 0 0 0; border-top:1px dotted #376104; padding:20px 0 0 0; }
#liga h2 { font-size:18px; margin:0 0 20px 0; border-bottom:1px dotted #376104; padding:0 0 10px 0; }
#liga h3 { float:left; font-size:22px; color:#376104; }
#liga h4 { float:left; width:100%; margin:0 0 10px 5px; }
#liga .menu { float:right; margin:3px 0 0 0; }
#liga form { float:left; margin:2px 0 0 0; }
#liga select { width:180px; margin:0 20px 0 0; outline:none; }
#liga ul { float:left; list-style:none; }
#liga ul li { float:left; margin:0 15px 0 0; }
#liga ul li a { font-size:14px; color:#376104; }
#liga ul li a:hover { text-decoration:underline; }
#liga table { float:left; font-size:12px; }
#liga th { text-align:left; border-bottom:2px solid #376104; padding-bottom:10px; }
#liga td { border-bottom:1px dotted #376104; }
#liga table a { color:#333333; }
#liga table a:hover { color:#376104; }