html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd,
 ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
}
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html, body {
height: 100%;
}

body{
background-image:url(images/bg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#2b95bc;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a{
color:#21667f;
}

a:hover{
text-decoration:none;
}

#holder{
width:885px;
margin:0px auto;
background-image:url(images/gradient-bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
border-top:6px solid #47788c;
background-color:#FFFFFF;
/*padding-bottom:25px;*/
min-height:99.4% ;
}

#holder2{
width:980px;
background-image:url(images/gradient-bottom2.gif);
background-position:bottom;
background-repeat:no-repeat;
border-top:6px solid #47788c;
background-color:#FFFFFF;
/*padding-bottom:25px;*/
min-height:99.4% ;

}

h1#logo{
background-image:url(images/logo.png);
background-repeat:no-repeat;
width:250px;
height:150px;
position:absolute;
text-indent:-5000px;
top:20px;
left:50%;
margin-left:-415px;
}

h1#logo2{
background-image:url(images/logo2.gif);
background-repeat:no-repeat;
width:150px;
height:12px;
position:absolute;
text-indent:-5000px;
top:80px;
left:30px;
}

#flags{
background-image:url(images/flags.gif);
width:74px;
height:18px;
position:absolute;
text-align:center;
left:50%;
margin-left:332px;
top:6px;
}

#flags img{
margin:3px 4px 0px 0px;
}

#meniHold{
width:600px;
position:absolute;
left:50%;
margin-left:-160px !important;
margin-left:-124px;
}

#meniHold2{
width:700px;
position:absolute;
left:265px;
top:6px;
}

ul#meni{
padding-top:75px;
display:block;
float:right;
}

ul#meni2{
display:block;
float:right;
}

ul#meni li{
display:block;
float:left;
font-size:18px;
margin-right:35px;
}

ul#meni2 li{
display:block;
float:left;
font-size:12px;
background-image:url(images/tockica.gif);
background-position:left;
background-repeat:repeat-y;
height:30px;
padding-left:3px;
padding-top:70px;
margin-left:15px;
}

ul#meni li a{
text-decoration:none;
color:#21667f;
}

ul#meni2 li a{
text-decoration:none;
color:#21667f;
background-image:url(images/trokutic1.gif);
background-position:bottom left;
background-repeat:no-repeat;
display:block;
padding-left:10px;
padding-bottom:12px;
}

ul#meni2 li a:hover{
color:#4599b8;
}

ul#meni2 li a#aktiv{
background-image:url(images/trokutic2.gif);
}

ul#meni li a:hover{
color:#4599b8;
}

ul#meni li a#Aktiv{
border-bottom:3px solid #21667f;
}

.loginBox{
background-image:url(images/box.gif);
width:300px;
height:238px;
float:left;
margin:160px 0px 265px 90px;
text-align:center;
display:inline;
background-repeat:no-repeat;
}

.loginBox h1{
font-size:24px;
color:#FFFFFF;
padding-top:20px;
padding-bottom:30px;
}

.loginBox li{
text-align:left;
padding-left:40px;
margin-bottom:15px;
}

.frmItem{
background-image:url(images/txtbx.gif);
background-repeat:no-repeat;
width:200px;
height:19px;
border:none;
color:#666666;
font-weight:bold;
font-size:16px;
padding:8px 10px;
}

.btn{
background-image:url(images/botun.gif);
width:106px;
height:36px;
border:none;
color:#FFFFFF;
font-weight:bold;
float:left;
background-color:transparent;
}

.loginBox div{
width:120px; 
float:left;
font-size:10px;
margin-left:10px;
color:#FFFFFF;
}

.loginBox div a{
color:#FFFFFF;
display:block;
padding-left:6px;
} 

a#fokusLogo{
display:block;
width:62px;
height:69px;
background-image:url(images/fokus-logo.png);
text-indent:-5000px;
margin:0px auto;
clear:both;
}

a#fokusLogo3{
display:block;
width:62px;
height:69px;
background-image:url(images/fokus-logo.png);
text-indent:-5000px;
float:right;
margin:55px 25px 20px 0px;
}

a#fokusLogo2{
display:block;
width:62px;
height:69px;
background-image:url(images/fokus-logo.png);
text-indent:-5000px;
float:right;
margin:55px 25px 20px 0px;
/*position:absolute;
bottom:10px;
left:880px;*/
}

#fokusLogo2Hold{
width:980px;
float:left;
}

#left{
width:250px;
float:left;
margin:0px 5px 0px 27px;
padding-top:137px;
background-color:#FFFFFF;
display:inline;
}

.left2{
width:210px;
float:left;
margin:0px 5px 0px 27px;
padding-top:137px;
background-color:#FFFFFF;
display:inline;
}

.left2 div{
padding:10px 15px;
font-size:14px;
color:#255e7b;
}

.left2 div span{
font-weight:bold;
}

#left li, .left2 li{
background-image:url(images/tockica2.gif);
background-position:bottom;
background-repeat:repeat-x;
}

#left li a{
display:block;
background-image:url(images/strelica.gif);
background-position:left;
background-repeat:no-repeat;
margin-left:15px;
padding-left:20px;
line-height:44px;
color:#21667f;
text-decoration:none;
font-weight:bold;
}

.left2 li a{
display:block;
padding-left:15px;
line-height:44px;
color:#21667f;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

.left2 li a span{
font-weight:normal;
}


#left h1, .left2 h1{
background-color:#20667f;
color:#FFFFFF;
text-transform:uppercase;
font-size:14px;
padding:5px 15px;
}

#right{
width:530px;
float:left;
padding-top:137px;
font-size:11px;
line-height:16px;
color:#666;
margin-left:30px;
display:inline;
}

#right h1{
font-size:24px;
color:#21667f;
padding-bottom:20px;
}

#right p{
margin-bottom:15px;
}

.galerija{
width:530px;
float:left;
}

.galerija img{
float:left;
margin:0px 20px 20px 0px;
border:4px solid #666666;
}

#kontakt{
background-color:#e9f2f5;
width:150px;
border:1px solid #d4dbde;
float:left;
padding:15px;
color:#21667f;
font-size:11px;
margin:147px 0px 0px 35px;
}

#kontakt h1{
text-transform:uppercase;
font-size:18px;
padding-bottom:5px;
}

#kontakt span{
font-weight:bold;
}

#tablaLokacije{
width:930px;
}

#tablaholder{
padding-top:137px;
padding-left:26px;
}

#tablaLokacije td{
padding:5px;
background-color:#dfe0e2;
font-size:11px;
color:#36515a;
}

#tablaLokacije td.top{
background-color:#3d7f97;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
}

a.zavr{
text-decoration:none;
color:#12a82b;
font-weight:bold;
}

a.zavr:hover{
text-decoration:underline;
}

a.spr{
text-decoration:none;
color:#cc0500;
font-weight:bold;
}

a.spr:hover{
text-decoration:underline;
}

a.frmr{
font-weight:bold;
}

a.frmr:hover{
text-decoration:underline;
}

#kpfrm label{
width:100px;
font-weight:bold;
color:#326372;
display:block;
float:left;
}

#kpfrm li{
margin-bottom:15px;
}

.kpfrmItem{
width:240px;
border:1px solid #d0d0d0;
padding:4px;
overflow:auto;
}

#botuns{
float:left;
width:953px;
margin-left:27px;
padding-top:30px;
display:inline;
}

.snimi{
background-image:url(images/plavi-botun.gif);
width:157px;
height:25px;
text-align:center;
color:#FFFFFF;
border:none;
font-size:11px;
margin:3px;
background-color:transparent;
display:inline;
}

#odobri{
background-image:url(images/sivi-botun.gif);
width:157px;
height:25px;
text-align:center;
color:#FFFFFF;
border:none;
font-size:11px;
margin-left:220px;
background-color:transparent;display:inline;
}

#spremi{
background-image:url(images/orange-botun.gif);
width:157px;
height:25px;
text-align:center;
color:#FFFFFF;
border:none;
font-size:11px;
margin-left:230px;
background-color:transparent;
display:inline;
}

#grafvidslik{
width:445px;
border:1px solid #d4d8d9;
float:left;
margin-top:137px;
margin-left:25px;
display:inline;
background-color:#FFFFFF;
}

#akcija{
width:423px;
height:550px;
padding:10px;
border:1px solid #FFFFFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#236774;
overflow:auto;
}

#pageing{
float:right;
color:#1c6473;
font-size:11px;
padding:10px;
font-weight:bold;
}

#pageing a{
text-decoration:none;
font-weight:normal;
}

#pageing a#Akt{
text-decoration:underline;
font-weight:bold;
}




.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#padajuci{
margin:0px;
padding:0px;
width:315px;
height:43px;
text-transform: uppercase;
background-image:url(images/drop.gif);
background-repeat: no-repeat;
position:absolute;
top:56px;
left:270px;
z-index:1000;
}

#padajuci ul{
margin:0px;
padding:0px;
}

#padajuci li {position: relative;}

/* hide from IE mac \*/
#padajuci li {position: static; width: auto;}
/* end hiding from IE5 mac */

#padajuci li ul {
width: 272px;
background: #d7e7ec;
position: absolute;
display: none;
z-index:1000;
margin-top:43px;
background-image:url(images/drop-top.gif);
background-position:top;
background-repeat:no-repeat;
font-size:11px;
}

#padajuci li:hover a, #padajuci a:focus,
#padajuci a:active, #padajuci li.p7hvr a {
color: #3f6977;
display:block;
position:relative;
}

#padajuci li:hover ul, #padajuci li.p7hvr ul {
display: block;
}

#padajuci li:hover ul a, #padajuci li.p7hvr ul a {
color:#3f6977;
display:block;
}

#padajuci li li a{
text-indent:0px;
display:block;
text-align:left;
font-weight:normal;
text-transform:none;
margin:0px;
width: 230px;
}

#padajuci li li a:hover{
color:#CCCCCC;
}

#padajuci li li{
display:block;
float:none;
width: 270px;
height:30px;
}

a{
position:relative;
}

#padajuci li{
display:block;
float:left;
height:43px;
}

#padajuci li a{ 
float: left;
font-weight: bold;
color: #3f6977;
padding: 10px 20px 0px 20px;
text-decoration: none;
}

#padajuci li a:hover {
background-image: url(../images/navigacija_hover.gif);
background-repeat: repeat-x;
}

#padajuci li#last{
height:8px;
background-image:url(images/drop-bottom.gif);
background-position:top;
background-repeat:no-repeat;
width: 272px;
}

#izvjestaji img{
float:left;
margin-right:10px;
}

#izvjestaji li{
width:210px;
float:left;
height:65px;
padding-top:10px;
}