body {
background: #3688c4 url(images/malo.png) repeat-x;
margin: 0;
padding: 0 0 0 0;
font-family: "Trebuchet MS", Arial;
font-size: 13px;
color: #3d4958;
line-height:20px;
}

a
{outline:none;}

#pozadina
{
background-position:bottom;
padding-bottom:30px;
}

#container
{width:973px;
margin:0 auto;
clear:both;}

#main
{width:973px;
background: #e0f3fb url(images/bg.png) repeat-y;}

#top-main
{float:left;
width:940px;
position:relative;
background: url(images/main-top.png) no-repeat;
height:35px;}


.link-naslov2
{float:left;
height:30px;
font-size:14px;
padding-left:20px;
color:#946803;
font-weight:bold;
width:217px;
background: url(images/linktop.jpg) repeat-x;}

.sunce
{float:left;
padding-top:7px;
background: url(images/sun.png) no-repeat;
height:28px;
width:210px;
background-position:right;}

.link-naslov
{float:left;
height:28px;
font-size:12px;
padding-top:7px;
padding-left:20px;
width:217px;
background: url(images/leftmain1.png) repeat-x;}

.link-naslov a
{width:217px;
display:block;}

.link
{background:#a4d8f2;
float:left;
height:35px;
width:237px;}

.link
{background:#a4d8f2;
color:#043a87;
font-weight:bold;
float:left;
font-size:12px;
height:35px;
width:237px;}

.link a
{background:#a4d8f2;
color:#043a87;
font-weight:bold;
float:left;
font-size:12px;
padding-top:8px;
height:27px;
padding-left:15px;
width:222px;}

.link a:hover
{
color:#1791cc;
}

.link-crta
{background: url(images/crta.png) repeat-x;
float:left;
height:2px;
font-size:1px;
font-weight:1px;
line-height:1px;
width:237px;}

.link-naslov a
{color:#fff;
font-weight:12px;
font-weight:bold;}

#main-pozadina
{background: url(images/mainbg.png) repeat-y;
float:left;
position:relative;
padding-left:20px;
width:970px;}

#header
{
background: url(images/header22.jpg) no-repeat;
position:relative;
height:282px;float:left;
width:977px;}

#header-slike
{height:202px;
margin-left:267px;
margin-top:80px;}

#header2
{
}

#linkovi a
{float:left;
font-size:10px;
text-align:center;
color:#fff;
font-weight:bold;
font-size:12px;
font-weight:bold;
text-decoration:none;}

#left
{float:left;
width:243px;}

#center
{float:left;
padding-left:10px;
padding-top:8px;
padding-bottom:5px;
width:690px;}

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





#linkovi
{color:#3688c4;
float:left;
width:600px;
margin-left:370px;
margin-top:20px;
text-align:center;}


#top-main h1
{color:#033c87;
float:left;
margin-left:20px;
font-size:14px;}

h1
{color:#033c87;
font-size:14px;}

#linkovi a
{color:#3688c4;text-align:center;
font-size:12px;}


#linkovi a:hover
{color:#d9a609;text-align:center;
font-size:12px;}

#linkovi .link1 a
{color:#3688c4;
width:90px;
background: url(images/link4.png) no-repeat;
background-position:right;
text-align:center;
padding-top:10px;
padding-bottom:5px;
font-size:12px;}

#linkovi .link1 a:hover
{color:#d9a609;
width:90px;text-align:center;
font-size:12px;}

#linkovi .link2 a
{color:#3688c4;text-align:center;
width:105px;background: url(images/link4.png) no-repeat;
background-position:right;
text-align:center;
padding-top:10px;
padding-bottom:5px;
font-size:12px;}


#linkovi .link2 a:hover
{color:#d9a609;width:105px;
font-size:12px;}

#linkovi .link3 a
{color:#3688c4;text-align:center;
width:128px;background: url(images/link4.png) no-repeat;
background-position:right;
text-align:center;
padding-top:10px;
padding-bottom:5px;
font-size:12px;}

#linkovi .link3 a:hover
{color:#d9a609;
font-size:12px;}

#linkovi .link4 a
{color:#3688c4;background: url(images/link4.png) no-repeat;
background-position:right;
text-align:center;
padding-top:10px;
padding-bottom:5px;
width:135px;text-align:center;
font-size:12px;}

#linkovi .link4 a:hover
{color:#d9a609;
font-size:12px;}

#linkovi .link5 a
{color:#3688c4;background: url(images/link4.png) no-repeat;
background-position:right;
text-align:center;
padding-top:10px;
padding-bottom:5px;
width:72px;
font-size:12px;}

#linkovi .link5 a:hover
{color:#d9a609;
font-size:12px;}

#linkovi .link6 a
{color:#3688c4;background: url(images/link4.png) no-repeat;
background-position:right;
text-align:center;
padding-top:10px;
padding-bottom:5px;
width:84px;text-align:center;
font-size:12px;}

#linkovi .link6 a:hover
{color:#d9a609;
font-size:12px;}

#linkovi .link6b a
{color:#3688c4;
background-position:right;
text-align:center;
padding-top:10px;
padding-bottom:5px;
width:80px;text-align:center;
font-size:12px;}

#linkovi .link6b a:hover
{color:#d9a609;
font-size:12px;}

#linkovi .link6 a:hover
{color:#d9a609;
font-size:12px;}

#linkovi .link7 a
{color:#3688c4;background: url(images/link4.png) no-repeat;
background-position:right;
text-align:center;
padding-top:10px;
padding-bottom:5px;
width:95px;text-align:center;
font-size:12px;}

#linkovi .link7 a:hover
{color:#d9a609;
font-size:12px;}

#footer
{height:32px;
background: #3688c4 url(images/footer.png) no-repeat;
background-position:top;
width:964px;
clear:both;
font-size:11px;
padding-left:20px;
padding-top:12px;
margin-left:2px;
color:#021938;
}

#center a
{color:#1d61a1;
font-weight:bold;}

#center a:hover
{color:#d9a609;
font-weight:bold;}

#footer a
{color:#77446a;
text-decoration:underline;}

.virtus
{color:#fff;}

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


#footer .virtus a:hover
{color:#fac217;
text-decoration:none;}

#footer a:hover
{color:#fac217;
text-decoration:underline;}

.copy
{float:left;
width:800px;}



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

.kontakt-dio
{float:left;
width:200px;
height:120px;}

.kontakt_forma
{width:450px;
margin-top:10px;
float:left;}

.kontakt_forma label
{width:135px;
float:left;
}

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

}

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

}

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

.pregrada a img 
{float:left;
text-decoration:none;
border:none;}

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

.disketa
{float:left;
background: url(images/disk.png) no-repeat;
background-position:left;
padding-left:35px;
padding-top:18px;
width:150px;
font-size:12px;
display:block;
height:40px;}

.disketa a
{float:left;width:150px;
display:block;height:40px;}

a
{text-decoration:none;}

.button_kont
{float:left;
margin-left:134px;
padding-top:1px;
padding-bottom:4px;
font-family: "Trebuchet MS", Arial;
background: #144a7d;
width:100px;
margin-bottom:20px;
font-weight:bold;
color: #fff;
font-size:12px;
height:24px;
border:1px solid #5c9ccb;
cursor:pointer;}

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

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

.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:20px;
height:20px;}

.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;

}

/******************************************************************************** NOVOSTI
******************/

h3
{color:#3d4958;
margin-bottom:5px;
font-size:13px;}

.novosti224
{float:right;
margin-left:5px;
border: 1px solid #8cc2dd;
margin-right:10px;}

.novosti224a
{float:left;
border: 1px solid #8cc2dd;
margin-right:10px;}

.novosti224ab
{float:left;
width:700px;
padding-bottom:15px;
margin-right:10px;}

h3 a
{color:#3d4958;}

h3 a:hover
{color:#2771ae;}

.vise-slika .novosti-slika
{float:left;
border:4px solid #fff;
background: #fff;
margin-top:10px;
margin-right:10px;
text-align:center;
width:140px;
padding-top:3px;
height:90px;
}

.vise-slika .novosti-slika a img
{
text-decoration:none;
border:1px solid #3688c4;
max-width: 138px;
max-height: 88px;
}

.novosti-slika
{float:left;
border:4px solid #fff;
background: #fff;
margin-top:10px;
margin-right:10px;
text-align:center;
width:160px;
padding-top:3px;
height:107px;
}

.novosti-slika a img
{text-decoration:none;
height:auto;/*max-width:138px;*/
border:1px solid #3688c4;}

.novosti-slika2
{float:left;width:121px;
text-align:center
}

.novosti
{float:left;
margin-top:5px;
background:#e2f5fc;
border: 1px solid #ffffff;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
margin-bottom:5px;
width:670px;}



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

#center .stranice a
{padding-left:3px;color:#e48900;
padding-right:3px;}

#center .stranice a:hover
{text-decoration:underline; color:#ffc061;}




#ostali-clanci
{background: #f2fbff;
width:651px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;padding-right:10px;
float:left;}

.clanak
{margin-right:10px;}

.clanak a
{font-size:12px;
margin-right:10px;}

#main-text #ostali-clanci .clanak a:hover
{float:left;
color:#4ab950;}



.novosti-tekst2
{float:left;
width:607px;}

.datum
{color:#838383;
width:595px;
padding-left:5px;
font-size:11px;
float:left;
}

p
{margin-right:10px;}

.datum2
{color:#838383;
width:600px;
padding-left:10px;
font-size:11px;
float:left;
}

.abs
{position:absolute;
top:0;}

.vise
{background: #f2fbff;
float:left;
width:670px;
border-bottom: 1px solid #b7d6e2;
border-top: 1px solid #b7d6e2;
font-size:12px;
margin-top:10px;}

.vise a
{color:#2771ae;}

.vise a:hover
{color:#1c5f9f;}

.vise-slika
{float:left;}