body{
   margin: 0;
	padding: 0; 
	background: url(../images/main_bg.gif) ;	
	background-repeat: repeat-x;
}

body * {
    font-family:  Tahoma, Verdana, Arial, sans-serif;
}

#main {
	width: 760px;
   padding: 0;
	vertical-align: middle;
	margin: 0 auto;
	background: White;
}

ul {
	text-decoration: none;
	padding: 0 10px ;
	margin: 5px 10px 10px 15px;
	line-height: 14px;
}

li {
	margin: 5px 0 5px 10px;
	padding: 0;
	line-height: 14px;
	list-style-image: url(../images/ckica.gif);
}


form {
	margin: 15px 0 0 0;
	padding: 0;
}

input {
	width: 200px;
	height: 18px;
	font-size: 11px;
	color: #0087C6;
	margin: 0 0 8px 5px;
	padding: 1px;
}

input.gumb {
	width: 60px;
	height: 21px;
}

input.gumb2 {
	width: 60px;
	height: 21px;
}

textarea {
	height: 80px;
	width: 200px;
	color: #0087C6;
	font-size: 11px;
	margin: 0 0 10px 5px;
}

select {
	padding: 0;
	margin: 0 4px 0 0;
	color: #0068AB;
	background: #CCE1EC;
	border: 1px solid #0087C6;
	font-size: 11px;
	background: White;
}




/* ///// header ///// */
#header{
	padding: 0 0 1px 0;
	//padding: 0;
	margin: 15px 0 15px 0;
	//margin: 15px 0 15px 0;
	width: 760px;
}

#header .logo{
	display: block;
	float: left;
	padding: 0 0 0 8px;
	//padding: 0;
	margin: 0 0 0 8px;
}


/***************************************/
#mainnav {
	border: 1px solid #A9DDF5;
	padding: 6px 0 6px 0;
	margin: 14px 4px 0 0;
	//margin: 14px 2px 0 0;
	font-size: 11px;
	text-align: center;
	float: right;
	vertical-align: bottom;
	width: 498px;
	//width: 500px;
	background: url(../images/ferlauf.gif);
}

#mainnav a{
	font-size: 11px;
	text-decoration: none;
	color: #0087C6;
	padding: 0 17px 0 15px;
	border: 1px solid #A9DDF5;
	border-style: none solid none none;
}

#mainnav a:hover {
	color: #72C1E5;
}


	/* Het 100% CSS menu */

#mainnav ul, li {
	margin:0;
	padding:0;
	display: inline;
}		

#mainnav ul {
	list-style:none;
	border: 0;
	padding: 0;
}	

#mainnav li {
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
}


#mainnav a.no{
	font-size: 11px;
	text-decoration: none;
	color: #0087C6;
	border: 0;
	padding: 0 17px 0 27px;
	background: url(../images/home_icon.gif) 12px 4px no-repeat;
}	



/********************************/

#header #nav{
	float: right;
	font-size: 12px;
	color: #202B72;
	padding: 0 20px 0 0;
	margin: 0;
   text-decoration: none;	
}

#header a.home{
	font-size: 11px;
	text-decoration: none;
	color: #959595;
	background: url(../images/kucica.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0 18px  0 0;
	margin: 0 15px 0 0;

}

#header a.pismo{
	font-size: 11px;
	text-decoration: none;
	color: #959595;
	background: url(../images/pismo.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0 18px  0 15px;
	margin: 0;
	border: 1px #D7D7D7;
	border-style: none  none none solid;
}


#header a:hover{
	color: color: #97BCD4;;
}

.clear {
	clear: both;
	height: 1px;
}


#foto{
	margin: 13px 0;
	padding: 0;
}

.fotoone{
	margin: 0 0 0 0;
	padding: 0;
}




/* ///// navbox ///// */

#navbox {
	margin: 0 0 0 5px;
	width: 250px;
	text-align: right;	
}

#navbox h1{
	padding: 6px 35px 6px 0;
	margin: 0;
	background: url(../images/bullet_down.gif) no-repeat;
	background-position: right;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #A9DDF5;
	color: #005D88;
}

#navbox ul {
	margin: 0;
	padding: 0;
}

#navbox ul li {
	margin: 0;
	padding: 2px 0;
	display: block;
	list-style: none;
	border: 1px solid #A9DDF5;
	border-style: none solid solid solid;
	background: url(../images/ferlauf.gif);
}

#navbox a {
   display: block;
	margin: 0 10px 0 10px;
	padding: 2px 10px 2px 0;
	line-height: 18px;
	color: #0087C6;
	font-size: 11px;
	text-decoration: none;
}

#navbox a:hover{
	color: #72C1E5;
}

/* /////  ///// */




/**************************/

#footer{
	width: 760px;
	height: 15px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	background: url(../images/footer.gif);
	background-repeat: no-repeat;	
	clear: both;
}

.sign a{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	display: block;
	padding: 0px 0 0 25px;
	text-decoration: none;
	color: Black;
}

.sign a:hover{
	color: Red;
}

.sign span{
	color: Red;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	text-transform: lowercase;
}




.righttd{
	vertical-align: top;
	width: 255px;
}




/***************************/

#content {
	padding: 0;
	margin: 0 15px 0 15px;
	background: White;
}

#content img{
	display: inline;
	margin: 0 10px 10px 0;
	border: 1px solid #A9DDF5;
}

#content img.noborder {
	border: none;
}


#content p{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	color: #005D88;
}

#content p.novosti{
	width: 475px;
	//width: 310px;
}

#content p.clanci{
	margin: 0 0 15px 0;
	padding: 0;
	color: #374F3D;
}

#content h1{
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 0;	
	color: #0087C6;
}

#content h2{
	font-size: 11px;
	font-weight: bold;
	margin: 17px 0 7px 0;
	padding: 0;
	color: #0087C6;
}

#content h3{
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 7px 0;
	padding: 0;
	color: #0087C6;
	/*width: 228px;*/
}

#content h4{
	font-size: 11px;
	font-weight: bold;
	margin: 17px 0 4px 0;
	padding: 0;
	color: #005D88;
}



#content a{
	margin: 0;
	font-size: 11px;
	color: #005D88;
	text-decoration: underline;
	font-weight: normal;
}

#content a:hover{
	text-decoration: none;
}

#content h4 a{
	font-weight: bold;
	color: #005D88;
	text-decoration: none;
}

#content h4 a:hover{
	color: #558899;
}




#content ul{
	margin: 0 15px 25px 20px;
	padding: 0;
}

#content li{
	list-style-image: url(../images/spacer.gif);
	margin: 5px 0;
	padding: 0;
	top: 0;
	font-size: 11px;
	color: #005D88;
	display: block;
}

#content ul.usluge li{
	list-style: url(../images/crtica.gif);
	display: list-item; 
}




.homeboxholder {
	margin: 0;
	padding: 0;
}

.homeboxleft {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

.homeboxright {
	padding: 0;
	margin: 0;
	/*float: right;*/
}

.homeboxnovosti {
	float: left;
	padding: 0;
	margin: 0 15px 0 0;
	//margin: 0;
	width: 150px;
}


#content .homeboxleft img, #content .homeboxright img{
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
}


#content .homeboxleft h1, #content .homeboxright h1{
	margin: 5px 0;
	color: #025081;
	border: 0;
	padding: 0;
}


.homeboxleft img.foto, .homeboxright img.foto{
	margin: 0 0 5px 0;
	padding: 0;
}

.spacer{
	margin: 0;
	padding: 0;
	font-size: 10px;
	clear: both;
}


#content p.no{
	width: 208px;	
}