@charset "utf-8";
/* CSS Document */

body  {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background: #AEB9D0;
	margin: 0px; 
	padding: 0;
	text-align: center; 
	color: #666666;
	background-image:url(img/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#wrapper {
	width:885px;
	margin:20px auto; /*background-color:#ffffff; */
}

h1, h2{font: 18px Arial, Verdana, Helvetica, sans-serif;
color:#286BB5; margin-top:0px;
}

a {color:#666666; 
text-decoration:underline;
}
a:hover {color:#666666; 
text-decoration:none;
}


/* TOP */
#topbann {
	width:885px; height:182px;
	margin:0px auto;
	background-image:url(img/topbann.jpg);	
}

/* BODY */
#main {
	margin:0px; text-align: left; width:855px;
	background-color: #ffffff; padding-left:15px;	padding-right:15px;
}

/* NAVI */
#lnav
{
float:left; margin-right:40px;
background-color:#E9F0F7;
width:188px;
background-image:url(img/lnavbot.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#lnav ul
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #286BB5;
text-align: left;
margin: 0px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 40px;
list-style: none;
}
#lnav ul ul li
{

}

#lnav ul li a
{
color: #286BB5; width:152px;
text-decoration: none;
border-bottom: 1px dashed #ffffff; display:block;
padding: 10px;
}
#lnav ul li a:hover
{
color: #E7579F; 
}

.purpurni{
color: #E7579F; 
}
.plavi{
color: #286BB5; 
}

.purpurni a:hover{
color: #286BB5; 
}

/* CONTENT */

#txt{
float:left; width:587px;
padding-bottom:70px; margin-top:3px; 
}

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


#txt ul{
margin: 0px; padding: 0 0 0 20px;

}
#txt li{
margin: 0px;  padding: 0px;
}


#upozorenje{
 padding: 10px; border: 1px dashed #cccccc;
 background-image:url(img/alert-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom; margin-top:40px;
}

.disclaimer{
font: 11px Arial, Verdana, Helvetica, sans-serif; color:#999999;
}

.crta{
border-bottom: 1px dashed #cccccc;
}
.upis{
border: 1px solid #e9eaeb;
	font-family:Arial, Helvetica, sans-serif;
font-size: 12px; color: #286BB5; padding:2px; background-color:#FFFFFF;
}
.gumb {
width:78px; height:28px; margin: 0px; padding: 0px; background-color:transparent !important; border: none;
 }

/* FooTER */

#footer {
	width:885px; height:126px; text-align: left; 
	background-image:url(img/foot-bg.jpg);	
	color:#286BB5; margin-bottom:30px;
}
#foot-lijevi a{
	color:#286BB5; text-decoration:underline;
}
#foot-lijevi a:hover{
	color:#286BB5; text-decoration:none;
}
#foot-lijevi{
float: left;
width:685px;
text-align:left;
margin:10px 25px 0px 15px;
display:table-cell; 
display:inline-block; 
border-right:1px dashed #ffffff;
	
}
#foot-desni{
float: left;
/*width:135px;*/
text-align:left;
margin:10px 0px 0px 0px;
display:table-cell; 
display:inline-block; 
color: #666666;	
}






.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->