body {
background: #faf5af url(images/pozadina.png) repeat-x;
margin: 0;
padding: 0 0 0 0;
font-family: "Trebuchet MS";
font-size: 12px;
color: #535353;
line-height:20px;
}

#body_main
{
		width:960px;
		margin:0 auto;
		clear:both;

}

a
{outline:none;}


#main{
background:#160b27 url(images/main-pozadina.jpg) repeat-y;
width:950px;
margin-top:10px;
float:left;
display:inline;
margin-bottom:15px;

}

#main-bottom
{background: url(images/main-bottom.png) no-repeat;
float:left;
width:956px;
height:19px;}

#banner
{float:left;
background: url(images/banner.jpg) no-repeat;
width:956px;
height:230px;
margin-top:30px;}

#linkovi
{float:left;}

.link1
{background: url(images/1.png) no-repeat;
height:40px;
width:103px;float:left;
font-size:14px;
color:#fff;
font-weight:bold;}

.link1 a
{color:#fff;
font-weight:bold;
text-decoration:none;
height:30px;padding-top:10px;
width:78px;float:left;
padding-left:25px;
display:block;
}

.link1 a:hover
{background: url(images/linko-hover.png) repeat-x;
font-weight:bold;
text-decoration:none;
height:30px;padding-top:10px;float:left;
width:78px;
padding-left:25px;
display:block;
}



.link2
{background: url(images/2.png) no-repeat;
height:40px;
width:95px;
font-size:14px;
float:left;
color:#fff;
font-weight:bold;}

.link2 a
{color:#fff;
font-weight:bold;
text-decoration:none;
height:30px;padding-top:10px;float:left;
width:70px;
padding-left:25px;
display:block;
}

.link2 a:hover
{background: url(images/2h.png) repeat-x;
font-weight:bold;
text-decoration:none;
height:30px;padding-top:10px;float:left;
width:70px;
padding-left:25px;
display:block;
}



.link3
{background: url(images/3.jpg) no-repeat;
height:40px;
width:143px;
font-size:14px;
float:left;
color:#fff;
font-weight:bold;}

.link3 a
{color:#fff;
font-weight:bold;
text-decoration:none;
height:30px;padding-top:10px;float:left;
width:113px;
padding-left:28px;
display:block;
}

.link3 a:hover
{background: url(images/3h.png) repeat-x;
font-weight:bold;
text-decoration:none;
height:30px;padding-top:10px;float:left;
width:115px;
padding-left:28px;

display:block;
}



.link4
{background: url(images/4.png) no-repeat;
height:40px;
width:125px;
font-size:14px;
float:left;
color:#fff;
font-weight:bold;}

.link4 a
{color:#fff;
font-weight:bold;
text-decoration:none;
height:30px;float:left;
width:96px;
padding-left:28px;
padding-top:10px;
display:block;
}

.link4 a:hover
{background: url(images/4h.png) repeat-x;
font-weight:bold;
text-decoration:none;
height:30px;float:left;
width:97px;
padding-left:28px;
padding-top:10px;
display:block;
}



.link5
{background: url(images/5.png) no-repeat;
height:40px;
width:111px;
font-size:14px;
float:left;
color:#fff;
font-weight:bold;}

.link5 a
{color:#fff;
font-weight:bold;
text-decoration:none;
height:30px;float:left;
width:81px;
padding-left:27px;
padding-top:10px;
display:block;
}

.link5 a:hover
{background: url(images/5h.png) repeat-x;
font-weight:bold;
text-decoration:none;
height:30px;float:left;
width:84px;
padding-left:27px;
padding-top:10px;
display:block;
}


.link6
{background: url(images/6.png) no-repeat;
height:40px;
width:103px;
font-size:14px;
float:left;
color:#fff;
font-weight:bold;}

.link6 a
{color:#fff;
font-weight:bold;
text-decoration:none;
height:30px;float:left;
width:73px;
padding-left:30px;
padding-top:10px;
display:block;
}

.link6 a:hover
{background: url(images/6h.png) repeat-x;
font-weight:bold;
text-decoration:none;
height:30px;float:left;
width:73px;
padding-left:30px;
padding-top:10px;
display:block;
}





.link7
{background: url(images/7.png) no-repeat;
height:40px;
width:110px;
font-size:14px;
float:left;
color:#fff;
font-weight:bold;}

.link7 a
{color:#fff;
font-weight:bold;
text-decoration:none;
height:30px;float:left;
width:82px;
padding-left:28px;
padding-top:10px;
display:block;
}

.link7 a:hover
{background: url(images/7h.png) repeat-x;
font-weight:bold;
text-decoration:none;
height:30px;float:left;
width:82px;
padding-left:28px;
padding-top:10px;
display:block;
}



.link8
{background: url(images/8.png) no-repeat;
height:40px;
width:150px;
font-size:14px;
float:left;
color:#fff;
font-weight:bold;}

.link8 a
{color:#fff;
font-weight:bold;
text-decoration:none;
height:30px;float:left;
width:117px;
padding-left:30px;
padding-top:10px;
display:block;
}

.link8 a:hover
{background: url(images/8h.png) repeat-x;
font-weight:bold;
text-decoration:none;
height:30px;float:left;
width:119px;
padding-left:30px;
padding-top:10px;
display:block;
}

/******************************************************************************* LIJEVI
********************************************************************************************************************/


#left
{width:666px;
display:inline;
float:left;}

.style1 {font-weight: bold}

#left-top
{width:666px;
height:56px;
float:left;display:inline;
background: url(images/left-top.png) repeat-x;}

#left-top2
{width:666px;
height:56px;
float:left;display:inline;
background: url(images/left-top2.png) repeat-x;}

#left-top2 h1
{width:650px;}

#left-sadrzaj
{width:641px;
padding-left:15px;
float:left;}

#left-sadrzaj p img
{float:left;
margin-right:10px;
border: 1px solid #fff;}

#right-top
{background: url(images/right-top.png) no-repeat;
height:19px;
width:282px;
float:left;}

#right
{
width:282px;
float:left;}

#right-sadrzaj
{margin-left:8px;
float:left;}

#banner1
{background: url(images/link1.png) no-repeat;
width:267px;
height:131px;
float:left;}

#banner1 a
{text-decoration:none;
padding-left:25px;
width:230px;
margin-top:10px;
height:123px;
display:block;
color:#23281a;}

#banner1 a:hover
{text-decoration:none;
padding-left:25px;
width:230px;
margin-top:10px;
height:123px;
display:block;
color:#e3e3e3;}

#banner1 a .naslov
{color:#fff;
width:230px;
float:left;
font-size:16px;
margin-bottom:17px;
font-weight:bold;}

#banner1 a .saznajte
{float:left;
width:200px;

}


#kontakti-info a
{
color:#477010;text-decoration:none;}

#kontakti-info a:hover
{color:#9ab771;
text-decoration:none;}

#banner2
{background: url(images/link2.png) no-repeat;
width:267px;
height:131px;
float:left;}

#banner2 a
{text-decoration:none;
padding-left:25px;
width:230px;
margin-top:20px;
height:95px;
display:block;
color:#23281a;}

#banner2 a:hover
{text-decoration:none;
padding-left:25px;
width:230px;
margin-top:20px;
height:95px;
display:block;
color:#e3e3e3;}

#banner2 a .naslov
{color:#fff;
width:230px;
float:left;
font-size:16px;
margin-bottom:17px;
font-weight:bold;}

#banner2 a .saznajte
{float:left;
width:220px;

}


#banner3 a
{text-decoration:none;
padding-left:25px;
width:230px;
margin-top:15px;
height:90px;
display:block;
color:#23281a;}

#banner3 a:hover
{text-decoration:none;
padding-left:25px;
width:230px;
margin-top:15px;
height:90px;
display:block;
color:#e3e3e3;}

#banner3 a .naslov
{color:#fff;
width:230px;
float:left;
font-size:16px;
margin-bottom:17px;
font-weight:bold;}

#banner3 a .saznajte
{float:left;
width:220px;

}

#banner3
{background: url(images/link3.png) no-repeat;
width:267px;
height:118px;
float:left;}



#banner4 a
{text-decoration:none;
padding-left:25px;
width:230px;
margin-top:18px;
height:90px;
display:block;
color:#23281a;}

#banner4 a:hover
{text-decoration:none;
padding-left:25px;
width:230px;
margin-top:18px;
height:90px;
display:block;
color:#e3e3e3;}

#banner4 a .naslov
{color:#fff;
width:230px;
float:left;
font-size:16px;
margin-bottom:17px;
font-weight:bold;}

#banner4 a .saznajte
{float:left;
width:220px;}

#banner4
{background: url(images/link4.png) no-repeat;
width:267px;
height:128px;
float:left;}


/******************************************************************************* NASLOV
********************************************************************************************************************/
h3 {

width:290px;
font-size:16px;
border-bottom:1px solid #818181;
padding-bottom:5px;
margin-bottom:5px;
float:left;
color: #fff;
margin: 0;
display: inline;
}

h3.tooltip_label {

width:100%;
font-size:16px;
border-bottom:0px solid #818181;
padding-bottom:5px;
margin-bottom:5px;
float:left;
color: #fff;
margin: 0;
display: inline;
}

.h3 {
position: relative;
padding-bottom: 20px;
margin-top:10px;
margin-left:0px;
}

.h3 h3 {
position: absolute;
z-index: 1;
top: 2px;
left: 1px;
}

.h3_shad {
color: #818181;
position: absolute;
font-size:16px;
font-weight: bold;
top: 3px;
left: 2px;
}

h7 {

width:290px;
font-size:16px;
border-bottom:1px solid #818181;
padding-bottom:5px;
margin-bottom:5px;
float:left;
color: #fff;
margin: 0;
display: inline;
}

.h7 {
position: relative;
padding-bottom: 20px;
margin-top:10px;
margin-left:0px;
}

.h7 h7 {
position: absolute;
z-index: 1;
top: 2px;
left: 1px;
}

.h7_shad {
color: #818181;
position: absolute;
font-size:16px;
font-weight: bold;
top: 3px;
left: 2px;
}


h4 {

font-size:16px;
padding-bottom:5px;
margin-bottom:5px;
float:left;
color: #fff;
margin: 0;
display: inline;
}

.h3 {
position: relative;
padding-bottom: 20px;
margin-top:2px;
margin-left:0px;
}

.h3 h4 {
position: absolute;
z-index: 1;
top: 2px;
left: 1px;
}

.h3_shad {
color: #818181;
position: absolute;
font-size:16px;
font-weight: bold;
top: 3px;
left: 2px;
}


h1
{color:#93ba50;
width:350px; display:inline;
margin-left:15px;
margin-top:15px;float:left;
font-size:14px;}

h1 span
{color:#707070;}

.ucenici
{color:#2b3022;
font-weight:bold;
margin-left:35px;
margin-top:15px;width:76px;
height:30px;
float:left;display:inline;}

.roditelji
{color:#2b3022;
font-weight:bold;
margin-left:57px;
margin-top:15px;
float:left;display:inline;}

.ucenici a
{color:#2b3022;
width:76px;
padding-left:45px;
height:30px;
text-decoration:none;
font-weight:bold;
float:left;display:inline;}

.roditelji a
{color:#2b3022;
width:96px;
height:30px;
padding-left:9px;
font-weight:bold;
text-decoration:none;
float:left;display:inline;}

.roditelji a:hover
{color:#fff;}

.ucenici a:hover
{color:#fff;}

.linkovi
{float:left;display:inline;}

.novosti
{background: #ebebeb url(images/novost.png) repeat-x;
background-position:bottom;
float:left;
width:615px;
line-height:20px;
padding-top:10px;
margin-top:10px;
padding-left:10px;
padding-right:10px;
border: 1px solid #cfcfcf;}

.novosti-slika
{float:left;margin-left:10px;margin-bottom:10px;
background:#fff;
margin-right:10px;
width:150px;
height:100px;
border:1px solid #fff;
text-align:center;}

.novosti-slike
{float:left;margin-left:0px;margin-bottom:10px;
background:#fff;
padding:3px;
margin-right:10px;
width:135px;
height:100px;
text-align:center;}

.novosti-slike a img
{max-height:100px;
max-width:135px;
border:none;
}

.novosti-slike img
{max-height:100px;
max-width:135px;
border:none;
}



/******************************************************************************* FOOTER
********************************************************************************************************************/

#footer
{height:50px;
clear:both;
background:#f4e98c;}

#footer_center
{
background: url(images/footer.png) repeat-x;
height:30px;
width:930px;
padding-left:10px;
padding-top:10px;
margin-left:5px;
}


.copy
{color:#fff;}

.virtus
{color:#fff;
margin-left:510px;}


.virtus a
{color:#faf5af;
text-decoration:none;}



.virtus a:hover
{color:#e82c29;
}


#left-sadrzaj
{width:641px;
padding-left:15px;
float:left;}

#left-sadrzaj p a
{color:#93a070;
text-decoration:none;}

#left-sadrzaj p a:hover
{color:#e92e2b;text-decoration:none;}

#left-sadrzaj a
{color:#93a070;
text-decoration:none;}

#left-sadrzaj a:hover
{color:#e92e2b;text-decoration:none;}


.center
{margin-top:10px;
		width:960px;
		margin:0 auto;
		clear:both;

}

.vise
{width:431px;
float:right;
margin-bottom:10px;
padding-right:10px;}

.povratak
{width:630px;
float:right;
border-top: 1px solid #cfcfcf;
padding-top:10px;
margin-top:10px;
margin-bottom:10px;
padding-right:10px;}


#left #left-sadrzaj .povratak a
{background: url(images/vise.png) repeat-x;
width:105px;
height:23px;
color:#fff;
text-align:center;
text-decoration:none;
font-weight:bold;
padding-top:2px;
float:right;}

#left #left-sadrzaj .povratak a:hover
{background: url(images/vise-vise.png) repeat-x;
width:105px;
height:23px;
text-align:center;
color:#fff;
text-decoration:none;
font-weight:bold;
padding-top:2px;
float:right;}


#left #left-sadrzaj #sub1 .novosti .vise a
{background: url(images/vise.png) repeat-x;
width:100px;
height:23px;
color:#fff;
text-decoration:none;
padding-left:8px;
font-weight:bold;
padding-top:2px;
float:right;}



#left #left-sadrzaj #sub1 .novosti .vise a:hover
{background: url(images/vise-vise.png) repeat-x;
width:100px;
height:23px;
color:#fff;
text-decoration:none;
padding-left:8px;
font-weight:bold;
padding-top:2px;
float:right;}

#left #left-sadrzaj #sub2 .novosti .vise a
{background: url(images/vise.png) repeat-x;
width:100px;
height:23px;
color:#fff;
text-decoration:none;
padding-left:8px;
font-weight:bold;
padding-top:2px;
float:right;}



#left #left-sadrzaj #sub2 .novosti .vise a:hover
{background: url(images/vise-vise.png) repeat-x;
width:100px;
height:23px;
color:#fff;
text-decoration:none;
padding-left:8px;
font-weight:bold;
padding-top:2px;
float:right;}

.novosti h2
{color:#dc8100;
font-size:13px;
margin-bottom:4px;
margin-top:0px;}

.novosti h2 a
{color:#dc8100;
font-size:13px;
text-decoration:none;
margin-top:0px;}

.novosti h2 a:hover
{color:#da100f;}

.vise span
{color:#828282;
margin-left:10px;
margin-top:5px;
float:right;
}

.povratak span
{color:#828282;
margin-left:10px;
margin-top:5px;
float:right;
}

.kontakti-okvir
{float:left;
margin-top:10px;
margin-right:12px;padding:1px;
border:2px #solid aaaaaa;
}

.kontakti
{float:left;
background: url(images/kontakt.png) repeat-x;
width:300px;
height:190px;
padding-left:10px;
border:2px #solid b7b7b7;
color:#232323;}

.kontakti-okvir2
{float:left;
margin-top:10px;
margin-left:0px;
padding:1px;
border:2px #solid aaaaaa;
}

.kontakti-sadrzaj2 p img
{margin-top:10px;
border: 1px solid #000;}

.kontakti h2
{color:#ffffff;
width:290px;
font-size:16px;
border-bottom:1px solid #818181;
padding-bottom:5px;
margin-bottom:5px;
float:left;}

#left #left-sadrzaj .kontakti-okvir .kontakti .kontakti-sadrzaj a
{color:#2c4a01;
text-decoration:none;
clear:both;
}

#left #left-sadrzaj .kontakti-okvir .kontakti .kontakti-sadrzaj a:hover
{color:#5c6d44;
text-decoration:none;
clear:both;
}

.kontakti-sadrzaj
{float:left;
width:290px;
margin-bottom:5px;
margin-top:10px;
}

.img1
{float:left;
text-align:center;
background: #e3e4e4;
padding:3px;
margin-left:25px;
margin-bottom:25px;
width:120px;
height:90px;}

.img1 img
{text-decoration:none;
clear:both;
max-height:90px;
max-width:120px;
text-align:center;}

.img1 a img
{text-decoration:none;
max-height:90px;
max-width:120px;
border:none;
}

#galerija
{margin-top:20px;
float:left;}

.kontakti-sadrzaj p
{float:left;
width:210px;
margin-bottom:5px;
margin-top:10px;
}

.mail
{background: url(images/konat.png) no-repeat;
width:78px;
margin-top:60px;
height:82px;
float:left;}

* html .mail
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/konat.png", sizingMethod="crop";)
} 

.mail-l
{float:left;
width:210px;}


.kontakti-sadrzaj2
{float:left;
margin-bottom:5px;
margin-top:10px;
background-position: right bottom;}


.cli2 a
{color:#fff;
display:block;
font-weight:bold;}


/********************************************************************** KONTAKT *************************************************************************************/



.kontakt_forma
{width:415px;
margin-top:0px;
float:left;}

.kontakt_forma label
{width:135px;
color:#4a130e;
float:left;
}

.kontakt_forma span input
{border:1px solid #cacaca;
font-family:"Trebuchet MS";
font-size:12px;
background:#fff;
width:250px;margin-right:5px;
float:left;
font-size:11px;

}

.pregrada
{float:left;margin-bottom:10px;}

#poruka
{float:left;
width:250px;
height:150px;
border:1px solid #cacaca;margin-right:5px;
font-family:"Trebuchet MS";
font-size:11px;
}



.button_kont
{float:left;
margin-left:134px;
padding-top:3px;
padding-bottom:4px;
background: url(images/footer.png) repeat-x;
width:100px;
color: #fff;
font-weight:bold;
font-size:11px;
height:24px;
border:1px solid #6a9512;
cursor:pointer;}

.kontakt_forma input.txt_error {
border: 2px solid #e92d2a;
}

.kontakt_forma textarea.txt_error#poruka{
border: 2px solid #e92d2a;
}

.clanak_dokumenti li
{list-style:none;}

.clanak_dokumenti
{float:left;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
margin-left:0px;
background:#f2f2f2;
border: 1px solid #dfdfdf;
width:635px;}


#ostali-clanci22 {
background:none repeat scroll 0 0 #F2F2F2;
float:left;
padding-bottom:10px;
padding-left:5px;
padding-top:10px;
border: 1px solid #dfdfdf;
width:635px;
}

.ostali
{clear:both;
border-top: 1px solid #cfcfcf;}

.clanak2 a {
float:left;
font-size:11px;
padding-right:10px;
}

.clanak2
{float:left;
margin-right:8px;}


.stranice
{text-align:center;
float:left;
padding-top:5px;
width:605px;
padding-bottom:5px;
color:#9e9e9e;
}

#left-sadrzaj .stranice a
{padding-left:4px;color:#fff;font-weight:bold;
background: #7bae36;text-decoration:none; 
padding-right:4px;}

#left-sadrzaj .stranice a:hover
{text-decoration:none;font-weight:bold;
background:#e48900;
color:#fff;}

#left-sadrzaj .stranice strong
{text-decoration:none;font-weight:bold;
padding-left:4px;
margin-right:1px;
background:#e48900;
color:#fff;}

.detalji_img
{float:left;}

.detalji_img a
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#393939 none repeat scroll 0 0;
border:1px solid #006884;
display:inline;
float:left;
height:109px;
margin:8px 12px;
padding-top:8px;
text-align:center;
width:150px;
}

.txt_error_img
{background: url(images/error.png) no-repeat;
float:left;
width:15px;
height:15px;}

.detalji_img a:hover
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#006c88 none repeat scroll 0 0;
border:1px solid #006884;
display:inline;
float:left;
height:109px;
margin:8px 12px;
padding-top:8px;
text-align:center;
width:150px;

}

#left-sadrzaj h2
{color:#93ba50;
font-size:14px;
padding-top:10px;}

.vremeplov
{float:left;
margin-left:28px;}

#left-sadrzaj table tr td
{border: 1px solid #aeaeae;
padding:0px;
padding-top:5px;}

#left-sadrzaj table
{border: 1px solid #aeaeae;
text-align:center;}

.naslov33
{color:#fff;}

table p
{margin:0px;
padding:0px;}

.logo a
{width:300px;
height:150px;
margin-top:30px;
display:block;
cursor:pointer;}

.nema-sadrzaja
{height:200px;
background-position:top;}

.nema
{background: url(images/constr.gif) no-repeat;
float:left;
margin-right:5px;
width:22px;
height:22px;}

#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
z-index:5;
color:#333;
display:none;
}