*{
padding:0 auto;
margin:0 auto;
}
body/*InternetExplorer*/
{
text-align:center;
}

body/*Mozilla Firefox alignment*/
{
text-align:-moz-center;
}


body {
text-align:center;
background:#ede4c7 url(images/body.jpg) repeat;
font:12px Lucida Sans Unicode, Tahoma, Arial;
font-weight:normal;
color:#333;
}


#wrapper {
width:988px;
margin:0 auto;
padding:0 auto;
overflow-x:hidden;
overflow-y:hidden;
overflow:auto;
}
.main {
float:left;
padding-top:20px;
width:100%;
text-align:center;
margin-top:262px;
background-image:url(images/main-back.png);
background-position:center top;
background-repeat:no-repeat;
margin-bottom:30px;
}
.main-gall {
float:left;
padding-top:20px;
width:100%;
text-align:center;
margin-top:262px;
background-image:url(images/gallery.png);
background-position:center top;
background-repeat:no-repeat;
margin-bottom:30px;
}
#heading {
position:absolute;
top:0px;
left:0px;
width:100%;
background-image:url(images/heading.jpg);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
height:379px;
z-index:-10;
;
}


.left {
float:left;
display:inline;
padding: 5px;
width:180px;
text-align:left;
color:#3366ff;

}
.tagovi {
float:left;
display:inline;
width:180px;
text-align:left;
margin-bottom:15px;
}

#right {
padding: 5px 0px 5px 0px;
float:right;
width:180px;
text-align:center;
font:12px Lucida Sans Unicode, Tahoma, Arial;
font-weight:normal;
color:#000;
margin-top:-7px;
}
#right h1 {text-align: center;}#right h2 {text-align: center;}#right h3 {text-align: center;}#right h4 {text-align: center;}#right h5 {text-align: center;}#right h6 {text-align: center;}#right h7 {text-align: center;}
.middle {
float:left;
display:inline;
overflow:hidden;
padding:0px;
width:602px;
text-align:center;
margin-left:7px;
}



.text {
padding:10px 5px 15px 15px;
width:580px;
text-align:left;
font:12px  Lucida Sans Unicode, Verdana,Tahoma, Arial;
font-weight:normal;
color:#000;
line-height:18px;
overflow:hidden;
background-image:url(images/text-back.png);
background-position:bottom center;
background-repeat:no-repeat;
margin-bottom:10px;
}

.text-photo {
padding:60px 40px 20px 40px;
width:520px;
height:366px;
text-align:left;
font:12px  Lucida Sans Unicode, Verdana,Tahoma, Arial;
font-weight:normal;
color:#000;
line-height:18px;
overflow:hidden;
background:url(images/back.png) no-repeat;
margin-bottom:10px;
}
.text-g {
padding:10px 5px 15px 15px;
width:580px;
height:100%;
text-align:left;
font:12px  Lucida Sans Unicode, Verdana,Tahoma, Arial;
font-weight:normal;
color:#000;
line-height:18px;
overflow:hidden;
background:url(images/body2.jpg) repeat;
margin-bottom:10px;
}

p {
line-height:23px;
}
.frame-bottom {
width:180px;height:730px;background:url(images/news-botom.png) no-repeat;text-align:center;padding-top:20px;margin-bottom:10px;}

.frame-top {width:180px;height:245px;background:url(images/news-top.png) no-repeat;text-align:center;padding-top:30px;margin-top:-10px;margin-bottom:10px;}
a.scroll {
display:block;
width:140px;
padding-left:5px;padding-right:5px;
font:bold 11px Georgia,Tahoma, Arial;
color:#296d11;
text-decoration:underline;
text-transform:lowercase;
border:none;
margin-bottom:5px;
}

a.scroll:hover {
text-decoration:underline;
color:#339999;
border:none;
margin-bottom:5px;
}

a.menu, a.selected:hover {
color:#FFF;
font:bold 12px Georgia, Arial;
text-decoration:none;
background: url(images/menu-back.png) no-repeat;
text-transform:uppercase;
display:inline-block;
width:130px;
height:30px;
padding:15px 20px 5px 30px;
}

a.menu:hover ,a.selected {
color:#FFFFFF;
font:bold 12px Georgia, Arial;
text-decoration:none;
background: url(images/menu-back-hover.png) no-repeat;
text-transform:uppercase;
display:inline-block;
width:130px;
height:30px;
padding:15px 20px 5px 30px;
}
a.menu-uv ,a.menu-uv-sel:hover{
color:#FFF;
font:bold 12px Georgia, Arial;
text-decoration:none;
background: url(images/menu-back.png) no-repeat;
text-transform:uppercase;
letter-spacing:-1px;
display:inline-block;
width:140px;
height:30px;
padding:15px 20px 5px 20px;
}

a.menu-uv:hover,a.menu-uv-sel {
color:#FFFFFF;
font:bold 12px Georgia, Arial;
text-decoration:none;
letter-spacing:-1px;
background: url(images/menu-back-hover.png) no-repeat;
text-transform:uppercase;
display:inline-block;
width:140px;
height:30px;
padding:15px 20px 5px 20px;
}


a.menu-top {
color:#FFF;
font:bold 12px Georgia, Arial;
letter-spacing:1px;
text-decoration:none;
background: url(images/menu-back-top.png) no-repeat;
text-transform:uppercase;
display:inline-block;
width:130px;
height:25px;
padding:35px 20px 10px 30px;
}

a.menu-top-selected {
color:#FFF;
font:bold 12px Georgia, Arial;
letter-spacing:1px;
text-decoration:none;
background: url(images/menu-back-top-hover.png) no-repeat;
text-transform:uppercase;
display:inline-block;
width:130px;
height:25px;
padding:35px 20px 10px 30px;
}
a.menu-top-selected:hover {
color:#FFF;
font:bold 12px Georgia, Arial;
letter-spacing:1px;
text-decoration:none;
background: url(images/menu-back-top.png) no-repeat;
text-transform:uppercase;
display:inline-block;
width:130px;
height:25px;
padding:35px 20px 10px 30px;
}

a.menu-top:hover {
text-decoration:none;
color:#FFFFFF;
background: url(images/menu-back-top-hover.png) no-repeat;
}
a.menu-bottom,  a.menu-bottom-selected:hover {
color:#FFF;
font:bold 12px Georgia, Arial;
letter-spacing:1px;
text-decoration:none;
background: url(images/menu-back-bottom.png) no-repeat;
text-transform:uppercase;
display:inline-block;
width:130px;
height:95px;
padding:15px 30px 10px 20px;
margin-bottom:-30px;
}
a.menu-bottom:hover, a.menu-bottom-selected {
color:#FFFFFF;
font:bold 12px Georgia, Arial;
letter-spacing:1px;
text-decoration:none;
background: url(images/menu-back-bottom-hover.png) no-repeat;
text-transform:uppercase;
display:inline-block;
width:130px;
height:95px;
padding:15px 30px 10px 20px;
margin-bottom:-30px;
}

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8,#box9, #box10, #box11, #box12, #box13, #box14, #box15, #box16, #box17, #box18, #box19, #box20, #box21, #box22, #box23, #box24, #box25, #box26, #box27, #box28, #box29, #box30, #box31, #box32, #box33, #box34, #box35, #box36, #box37 {
padding:10px 15px 15px 15px;
width:530px;
height:100%;
text-align:left;
font:12px  Lucida Sans Unicode, Verdana,Tahoma, Arial;
font-weight:normal;
color:#000;
line-height:18px;
display:none;
background:url(images/main.jpg) repeat;
margin-bottom:10px;
margin-top:30px;
border:1px dotted #999999;
}
.info-box {
padding:13px 15px 0px 15px;
width:530px;
height:100%;
text-align:left;
font:13px Lucida Sans Unicode, Verdana,Tahoma, Arial;
font-weight:normal;
color:#000;
line-height:18px;
overflow:hidden;
background:url(images/info.png) no-repeat;


}

.bottom {
width:560px;
text-align:center;
font:12px Lucida Sans Unicode, Tahoma, Arial;
font-weight:normal;
color:#000;
overflow:hidden;
height:63px;
background:url(images/bottom.png) no-repeat;
}
#footer {
height:150px;
padding-top:90px;
background-image:url(images/footer.jpg);
background-position: center top;
background-repeat: no-repeat;
text-align:center;
clear:both;
font-size:11px;
font-family:Arial;
color:#000000;
}

.footer-adresa {
height:40px;
width:600px;
text-align:center;
padding:10px;
font-size:11px;
font-family:Arial;
color:#000;
margin-top:10px;
font-weight: normal;
}

h1,h2,h3,h4,h5,h6,h7{
font-family: Georgia,Tahoma, Arial;
font-weight:900;
font-size:16px;
color:  #005500;
text-decoration:none;
text-transform:uppercase;
margin-bottom:5px;
text-align:left;
}
.small {
font-family: Georgia,Tahoma, Arial;
font-weight:900;
font-size:14px;
color:#006666;
text-decoration:none;
text-transform:uppercase;
margin-bottom:5px;
text-align:center;
}
.sub {
font-family: Georgia,Tahoma, Arial;
font-weight:900;
font-size:16px;
color:#339999;
text-decoration:none;
text-transform:uppercase;
margin-bottom:5px;
}

.naslov {
font-family:Tahoma, Arial;
font-size: 11px;
color:#000000;
font-weight:  900;
text-decoration:none;
text-transform:uppercase;
text-shadow:none;
text-align: center;

}

.info{
font:bold 16px Tahoma, Arial;
color:#ebce0c;
text-decoration:none;
line-height:20px;
text-transform:uppercase;
margin-bottom:7px;
}

img{
border:none;
}
img.front-box {
float:left;
margin:2px;
clear: right;
}
img.front{
float:left;
margin:10px 10px 10px 0px;
}
img.front-right{
float:right;
margin:10px 10px 10px 0px;
}
img.r-img{
float:left;
margin-left:4px;
}

.foot-linkovi {
 width: 800px;
height: 40px;
text-align: center;
}


a.foot {
padding:1px 10px 3px 10px;
font:normal 12px Tahoma, Arial;
color:#cccc00;
text-decoration:underline;
text-transform:uppercase;
border:none;
margin-bottom: 10px;
}
a.foot:hover {
padding:1px 10px 3px 10px;
color:#fff;
text-decoration:underline;
text-transform:uppercase;
border:none;
}
a.foot-sel {
font:normal 12px Tahoma, Arial;
color:#FFF;
text-decoration:underline;
text-transform:uppercase;
border:none;

}
a.foot-sel:hover {
color:#cccc00;
text-decoration:underline;
text-transform:uppercase;
border:none;
}
a.back {
display:block;
width:180px;
height:36px;
font:bold 19px Georgia,Tahoma, Arial;
color:#000;
text-decoration:none;
text-transform:uppercase;
border:none;
margin-top:280px;

}
a.back:hover {
display:block;
width:180px;
height:36px;
border:none;
font:bold 19px Georgia,Tahoma, Arial;
color:#999900;
text-decoration:none;
text-transform:uppercase;
border:none;
}
a.galerija {
display:block;
width:120px;
height:112px;
font:bold 11px Georgia,Tahoma, Arial;
color:#296d11;
text-decoration:none;
border:none;
float:left;
margin-left:9px;
display:inline;

}
a.galerija:hover {
display:block;
width:120px;
height:112px;
font:bold 11px Georgia, Tahoma, Arial;
color:#FFFFFF;
text-decoration:none;
border:none;
float:left;
margin-left:9px;
display:inline;

background:#000000 url(images/gall.jpg) no-repeat;
}
a.galerija-r {
display:block;
float:left;
width:120px;
height:112px;
font:bold 11px Georgia, Tahoma, Arial;
color:#296d11;
text-decoration:none;
border:none;
margin-bottom:3px;

}
a.galerija-r:hover {
float:left;
display:block;
width:120px;
height:112px;
font:bold 11px Georgia, Tahoma, Arial;
color:#FFFFFF;
text-decoration:none;
border:none;
background:#000000 url(images/gall.jpg) no-repeat;
margin-bottom:3px;
}



a {
text-decoration:none;
color:#005500;
border:none;
}

a:hover {
color:#339999;
text-decoration:none;
border:none;
}
a.next, a.next-sel:hover{
text-decoration:none;
color:#339999;
border:none;
font-weight: 900;
}

a.next:hover,a.next-sel {
color:#000;
text-decoration:none;
border:none;
font-weight: 900;
}

a.black {
text-decoration:none;
color:#000;
border:none;
}

a.black:hover {
color:#339999;
text-decoration:none;
border:none;
}
a.zas-hr {
text-decoration:none;
background: url(images/hr.png) no-repeat;
display:inline-block;
width:26px;
height:20px;
border:none;
padding-top:20px;
text-align: center;
font:normal 11px Lucida Sans Unicode, Tahoma, Arial;
color:#000000;
margin-bottom:5px;
margin-left:8px;
margin-right:8px;
}
a.zas-hr:hover {
background: url(images/hr-hover.png) no-repeat;
display:inline-block;
width:26px;
height:20px;
border:none;
padding-top:20px;
text-align: center;
font:normal 11px Lucida Sans Unicode, Tahoma, Arial;
color:#CC0000;
margin-bottom:5px;
margin-left:8px;
margin-right:8px;
}
a.zas-en {
text-decoration:none;
background: url(images/en.png) no-repeat;
display:inline-block;
width:26px;
height:20px;
border:none;
padding-top:20px;
text-align: center;
font:normal 11px Lucida Sans Unicode, Tahoma, Arial;
color:#000000;
margin-bottom:5px;
margin-left:8px;
margin-right:8px;
}
a.zas-en:hover {
background: url(images/en-hover.png) no-repeat;
display:inline-block;
width:26px;
height:20px;
border:none;
padding-top:20px;
text-align: center;
font:normal 11px Lucida Sans Unicode, Tahoma, Arial;
color:#CC0000;
margin-bottom:5px;
margin-left:8px;
margin-right:8px;
}
a.top {
text-decoration:none;
color:#005500;
border:none;
}

a.top:hover {
color:#005500;
text-decoration:none;
border:none;
}
a.novosti {
display:block;
font:bold 11px Georgia,Tahoma, Arial;
color:#296d11;
text-decoration:underline;
text-transform:lowercase;
border:none;
margin-bottom:5px;
}

a.novosti:hover {
text-decoration:underline;
color:#339999;
border:none;
margin-bottom:5px;
}

a.scroll-gal {
display:block;
width:130px;
padding:20px 5px 2px 5px;
height:120px;
font:bold 12px Georgia,Tahoma, Arial;
color:#FFFFFF;
text-decoration:none;
border:none;
background:#999900;
margin-bottom:3px;margin-left:9px;
border:2px solid black;
}

a.scroll-gal:hover {
display:block;
width:130px;
padding:20px 5px 2px 5px;
height:120px;
font:bold 12px Georgia,Tahoma, Arial;
color:#CCCC00;
text-decoration:none;
border:none;
background:#000000;
margin-bottom:3px;margin-left:9px;
border:2px solid #999900;
}
a.vrijeme {
font:normal 14px Georgia, Arial;
color:#339999;
text-decoration:underline;
border:none;
line-height:20px;
}

a.vrijeme:hover {
font:normal 14px Georgia, Arial;
color:#005500;
text-decoration:underline;
border:none;
line-height:20px;
}
a.radionice {
display:block;
font:bold 11px Georgia,Tahoma, Arial;
color:#339999;
text-decoration:underline;
border:none;
margin-bottom:10px;
}

a.radionice:hover {
text-decoration:underline;
color:#005500;
border:none;
}
a.footer {
text-decoration:none;
color:#FFF;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:11px;
border:none;
margin-left:10px;

}

a.footer:hover {
color:#FF0000;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:11px;
border:none;
}
a.tag {font-family:Arial;font-size:13px;text-decoration:underline; color: #7D6454;text-transform:uppercase;}
a.tag2 {font-family:Arial;font-size:15px;text-decoration:underline; color: #87A800;text-transform:uppercase;}
a.tag3 {font-family:Arial;font-size:16px;text-decoration:underline; color: #615F19;text-transform:uppercase;}
a.tag4 {font-family:Arial;font-size:17px;text-decoration:underline; color: #2EAB0F;text-transform:uppercase;}
a.tag5 {font-family:Arial;font-size:19px;text-decoration:underline; color: #0099cc;text-transform:uppercase;}
a.tag6 {font-family:Arial;font-size:13px;text-decoration:underline; color: #2EAB0F;text-transform:uppercase;}
a.tag7{font-family:Arial;font-size:14px;text-decoration:underline; color: #87A800;text-transform:uppercase;}
a.tag8 {font-family:Arial;font-size:15px;text-decoration:underline; color: #87A800;text-transform:uppercase;}
a.tag9 {font-family:Arial;font-size:13px;text-decoration:underline; color: #0099cc;text-transform:uppercase;}
a.tag10 {font-family:Arial;font-size:15px;text-decoration:underline; color: #0099cc;text-transform:uppercase;}
a.tag11{font-family:Arial;font-size:13px;text-decoration:underline; color: #615F19;text-transform:uppercase;}
a.tag12 {font-family:Arial;font-size:14px;text-decoration:underline; color: #615F19;text-transform:uppercase;}
a.tag13 {font-family:Arial;font-size:15px;text-decoration:underline; color: #2EAB0F;text-transform:uppercase;}
a.tag14 {font-family:Arial;font-size:16px;text-decoration:underline; color: #0099cc;text-transform:uppercase;} 
a.tag15 {font-family:Arial;font-size:12px;text-decoration:underline; color: #87A800;text-transform:uppercase;}

a.tag:hover {font-family:Arial;font-size:13px;text-decoration:underline; color: #2EAB0F;}
a.tag2:hover {font-family:Arial;font-size:15px;text-decoration:underline; color: #615F19;}
a.tag3:hover {font-family:Arial;font-size:16px;text-decoration:underline; color: #2EAB0F;}
a.tag4:hover {font-family:Arial;font-size:17px;text-decoration:underline; color: #615F19;}
a.tag5:hover {font-family:Arial;font-size:19px;text-decoration:underline; color: #2EAB0F;}
a.tag6:hover {font-family:Arial;font-size:13px;text-decoration:underline; color: #0099cc;}
a.tag7:hover{font-family:Arial;font-size:14px;text-decoration:underline; color: #0099cc;}
a.tag8:hover {font-family:Arial;font-size:15px;text-decoration:underline; color: #0099cc;}
a.tag9:hover {font-family:Arial;font-size:13px;text-decoration:underline; color: #87A800;}
a.tag10:hover {font-family:Arial;font-size:15px;text-decoration:underline; color: #87A800;}
a.tag11:hover{font-family:Arial;font-size:13px;text-decoration:underline; color: #2EAB0F;}
a.tag12:hover{font-family:Arial;font-size:14px;text-decoration:underline; color: #615F19;}
a.tag13:hover {font-family:Arial;font-size:15px;text-decoration:underline; color: #615F19;}
a.tag14:hover {font-family:Arial;font-size:16px;text-decoration:underline; color: #2EAB0F;} 
a.tag15:hover {font-family:Arial;font-size:12px;text-decoration:underline; color: #615F19;}

.search-box{ 
background:url(images/search-box.png) no-repeat top left;
height:30px;
padding: 9px 0px 5px 10px;
width: 165px;
margin-top:20px;
margin-bottom:20px;
}

.search-box input.search-field{ 
float: left;
border:0;
margin:0;
font-family:tahoma;
font-size: 11px;
padding: 3px 0px 0px 4px;
color:#000;
height:18px;
background: url(images/search-form.png) no-repeat top left;
width: 123px;
}

.search-box input.search-go { 
float:left;
border:0;
margin:0;
padding:0;
margin-left: 5px;
height: 21px;
width:30px;
background: url(images/search-icon.png) no-repeat top left;
cursor: pointer;
}

.search-box input.search-go:hover{
background:url(images/search-icon.png) no-repeat bottom left;
}

.thumb {
margin-bottom:10px;
height:100px;
width:120px;
text-align:center;
}

a.board {
text-decoration:none;
display:inline-block;
padding:65px 10px 10px 10px;
width:130px;
height:65px;
background:url(images/board.png) no-repeat;
color:#FFF;
font:bold 15px Georgia, Arial;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
margin-left:13px;
text-align:center;

}

a.board:hover {
text-decoration:none;
display:inline-block;
padding:65px 10px 10px 10px;
width:130px;
height:65px;
background:url(images/board-hover.png) no-repeat;
color:#FFF;
font:bold 15px Georgia, Arial;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
margin-left:13px;
text-align:center;

}