body {
background: #f4f5f2 url(images/bg.png) repeat-x;
margin: 0;
padding: 0 0 0 0;
font-family: Arial;
font-size: 12px;
color: #5c5d5e;
line-height:20px;
}

a
{outline:none;}


#container
{width:940px;
margin:0 auto;
position:relative;
}

#kugla
{float:left;
background: url(images/logo.png) no-repeat;
height:112px;
margin-left:519px;
width:170px;}

#hrv a
{float:right;
background: url(images/hrv.png) no-repeat;
width:26px;margin-right:10px;margin-top:13px;
height:21px;}

#engl a
{float:right;
background: url(images/engl.png) no-repeat;
width:26px;margin-right:2px;margin-top:13px;
height:21px;}


#hrv a:hover
{float:right;
background: url(images/hrv1.png) no-repeat;
width:26px;margin-right:10px;margin-top:13px;
height:21px;}

#engl a:hover
{float:right;
background: url(images/engl1.png) no-repeat;
width:26px;margin-right:2px;margin-top:13px;
height:21px;}


#header
{float:left;
width:940px;}

#header-top
{float:left;
background: url(images/top.png) no-repeat;
height:40px;
width:940px;}


#header-slika
{float:left;
height:260px;
width:940px;}

#header-anim
{float:left;
background: url(images/banner55.png) no-repeat;
position:absolute;
z-index:225;
top:0;
margin-top:40px;
height:260px;
width:940px;}


#lopta
{}


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

#main
{float:left;
background: url(images/maintext55.png) no-repeat;
width:637px;
padding-left:15px;
height:auto;
min-height:450px;
padding-top:6px;
background-position:top;}

#main_bottom {
background: url(images/main_bottom.jpg) no-repeat bottom;
width: 610px;
padding-left: 13px;
min-height: 476px;
padding-right: 13px;
float: left;
}

.slika
{float:right;
margin-right:20px;
margin-left:10px;}

#main a
{color:#a8241d;}

#main a:hover
{color:#ec5b53;}

#left a:hover
{color:#ffe278;}

#left .link1 a:hover
{color:#232426;}



.link1
{background: url(images/button1.png) no-repeat;
height:40px;
width:280px;
margin-bottom:1px;
float:left;}

.link1 a
{background: url(images/button1.png) no-repeat;
height:30px;
padding-left:20px;
color:#4e4e4e;
font-size:13px;
font-weight:bold;
padding-top:10px;
width:260px;
float:left;}

.link1 a:hover
{background: url(images/button2.png) no-repeat;
height:30px;
padding-left:20px;
color:#4e4e4e;
font-size:13px;
font-weight:bold;
padding-top:10px;
width:260px;
float:left;}


.gumbi
{float:right;
margin-right:20px;}


#kontakt
{float:left;
background:#545658;
margin-top:20px;
padding-bottom:10px;
padding-top:10px;
color:#fff;
width:279px;}

#kontakt h2
{float:left;
border-bottom:1px solid #767879;
width:235px;
padding-bottom:5px;
color:#f8cf17;
margin-left:20px;
font-size:13px;}

#kontakt p
{margin-left:20px;}

#kontakt a
{color:#f8cf17;}

#kontakt p .upit
{float:left;
width:160px;
color:#b82b24;
margin-right:100px;
height:25px;text-align:center;
margin-bottom:55px;
margin-top:10px;}

#kontakt .upit a
{color:#b82b24;

background: #222427;
padding:5px 10px 0 10px;
text-align:center;
margin-bottom:10px;
height:25px;
display:block;
float:left;
}

#kontakt .upit a:hover
{background: #000000;

height:25px;}

#footer
{clear:both;
height:43px;
padding-top:12px;
background:bottom;
background: url(images/footer.png) repeat-x;}

#footer-sadrzaj
{clear:both;
background: url(images/bottom.png) no-repeat;
margin:0 auto;
padding-top:10px;
height:35px;
width:940px;}

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

.virtus a
{color:#222427;}

.virtus a:hover
{color:#60656c;}

.crno
{color:#333335;
font-size:15px;}

h1
{color:#818181;
font-size:15px;
border-bottom: 1px solid #cfd0cd;
padding-bottom:5px;
width:600px;}

.novosti
{float:left;
width:600px;}

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


.novosti-slika
{float:left;
background:#345c6c;
margin-right:10px;}

.vise
{float:left;
margin-top:10px;
margin-bottom:20px;}

.crta2
{width:600px;
float:left;
background:#cfd0cd;
font-size:1px;
height:1px;
font-height:1px;}

.novosti-tekst
{
width:600px;}

.novosti-tekst h3
{width:590px;
display:inline;
font-size:13px;}

.datum
{color:#5a6063;
width:510px;
font-size:11px;
float:left;
}


.datum22
{color:#5a6063;
width:530px;
font-size:11px;
float:left;
}


.novosti-slika2
{float:left;
width:127px;
padding-left:10px;
background: #d0d0ce;
text-align:center
}

.novosti-slika2 a img 
{border:none;
background: #d0d0ce;
text-decoration:none;}

.novosti-slika2 img
{float:left;
padding-top:9px;
padding-bottom:9px;
}

#center .novosti .novosti-tekst .novosti-slika .novosti-slika2 a:hover img 
{border:none;
text-decoration:none;}


#center .novosti .novosti-tekst .novosti-slika .novosti-slika2 a img 
{border:none;
text-decoration:none;}


.novosti-slika
{float:left;
background:#345c6c;
margin-right:10px;}



.novosti-slika
{float:left;
background:#345c6c;
margin-right:10px;}

.datum2
{color:#5a6063;
width:470px;
font-size:11px;
float:left;
}

.datum24
{color:#5a6063;
width:500px;
font-size:11px;
float:left;
}

.novosti
{float:left;
width:600px;}

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



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

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

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

}

.kontakt_forma span select
{border:1px solid #cacaca;
font-family: Arial;
font-size:12px;
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;margin-right:5px;
height:150px;
border:1px solid #cacaca;
font-family: Arial;
font-size:12px;
}

a
{text-decoration:none;}

.button_kont
{float:left;
margin-left:134px;
padding-top:3px;
padding-bottom:4px;
font-family: Arial;
background: #b52a23;
width:100px;
margin-bottom:20px;
font-weight:bold;
color: #fff;
font-size:12px;
height:24px;
border:1px solid #cf524c;
cursor:pointer;}

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

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

.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
{}

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

}