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

body {background:#eeeeee url(../images/bg-body.jpg) repeat-x top; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px}
h1, h2, h3, h4 {font-weight:normal}
strong {font-weight:bold}
em {font-style:italic}

.XXXS {font-size:10px}
.XXS {font-size:11px}
.XS {font-size:13px}
.S {font-size:14px}
.M {font-size:16px}
.L {font-size:18px}
.XL {font-size:23px}
.XXL {font-size:25px}


.geor {font-family:Georgia, "Times New Roman", Times, serif}

.black {color:#000}
.l-black {color:#141414}
.silver {color:#dbdbdb}
.gray {color:#7b7a7a}
.d-silver {color:#828282}
.l-silver {color:#c3c3c3}
.n-silver {color:#626262}
.o-silver {color:#5f5f5f}
.red {color:#990100}
.white {color:#FFF}

#page {margin:0 auto; width:980px}

/*--HEADER--*/
#head {background:url(../images/bg-head.jpg) top left; float:left; height:235px; width:100%; position:relative;}
	#top {float:right; width:334px;}
	#top ul {list-style:none;}
	#top li {background:url(../images/bg-top.gif) no-repeat left top; float:left;}
	#top li a {background:url(../images/bg-top.gif) no-repeat right bottom; display: inline-block; height:21px; padding:7px 10px 3px 10px; text-decoration:none;}
	#top li a:hover {text-decoration:underline}

	#head img {position:relative; left:15px; top:38px}
	#head h1 {font-style:italic; font-weight:normal; line-height:30px; position:relative; left:15px; top:68px}
div.racunovodski_servisi { position:absolute; font-size:20px; color:#000; font-style:italic; font-family:Georgia; width:230px; height:30px; top:10px; left:14px;}
/*page navigation*/
#nav {background:url(../images/bg-menu.jpg) no-repeat left top; float:left; height:83px; padding:0 0 0 10px; position:relative; width:100%}
#nav li {float:left; margin:13px 0 0 0}
#nav li a {display:block; background:url(../images/bg-nav.jpg) no-repeat right 5px; padding:4px 18px; text-decoration:none; text-transform: lowercase}
#nav li a:hover {text-decoration:underline}
#nav li#rss {position:absolute; right:20px}
#nav li#rss a {background:none;background:url(../images/ico_rss.jpg) no-repeat left 4px;text-transform: uppercase}

/*page content*/
#left, #right {background:#FFF; float:left; padding:10px 0 20px 30px; width:459px}
#around {border-left:solid 1px #cfcfcf; border-right:solid 1px #cfcfcf; float:left; width:978px; background:#ffffff;}
#left h3, #right h3 {padding:0 0 15px 0}
#left a, #right a {display:inline-block; font-weight:bold; padding:5px 10px; background:#990100; margin:10px 0 0 0; text-decoration:none}
#left a:hover, #right a:hover {text-decoration:underline}
#left ul li a {background:none; clear:left; padding:0; margin:0; color:#990100; display:inline}
#left ul {float:left}
#left ul#l {padding:0 30px 0 0}
#left ul li, #right ul li {background:url(../images/bg-li.jpg) no-repeat left 6px; line-height:20px; padding:0 0 0 15px}

/*page moto*/
#break {background:url(../images/bg-break.jpg) no-repeat left top; float:left; height:47px; padding:15px 0 0 0; text-align:center; width:100%}

/*--- news and informations---*/
#news, #info {float:left; padding:10px 20px 0 30px}
#news {width:570px}
	#news p.title {background:url(../images/bg-nbreak.jpg) no-repeat left bottom; height:20px}
	#news h3 {padding:12px 0 0 0; font-weight:bold; text-transform: uppercase}
	#news .date {padding: 2px 0 4px 0}
	#news .content {line-height:18px}
	#news a {display:block; padding:2px 0 15px 0}
	#news a:hover {text-decoration:none}
#info {width:310px}
	#info div#email {background:url(../images/bg-info.jpg) no-repeat left top; line-height:24px; float:left; height:75px; padding:8px 0 0 20px; width:287px}
		#info div#email a:hover {text-decoration:none}
	#info div#map {background:url(../images/nasa-mreza.gif) no-repeat left top; position:relative; float:left; height:199px; margin:10px 0 0 0; width:307px}
	#info div#ref {float:left; margin:25px 0 0 0; width:307px}
		#info div#ref p {line-height:18px}
		#info div#ref a:hover {text-decoration:none}
		#news a.vec {display:block; font-weight:bold; padding:5px 10px; background:#990100; float:left; margin:10px 0 0 0; text-decoration:none; color:#ffffff;}
		#news a.vec:hover {text-decoration:underline;}
/*FOOTER*/
#foot {background:#1f1f1f url(../images/bg-foot.jpg) repeat-x top; clear:both; float:left; height:282px; width:100%}
	#wrap {margin:0 auto; width:980px}
		#links, #cont, #union {float:left}
		#links {padding:70px 0 0 30px; width:240px; display:inline;}
			#links ul {list-style:inside disc; padding:10px 0 0 0; }
			#links ul li a {color:#828282; line-height:20px}
			#links ul li a:hover {text-decoration:none}
		#cont {line-height:20px; padding:60px 0 0 30px; width:300px;  display:inline;}
			#cont p {padding:5px 0 0 0}
			#cont a:hover {text-decoration:none}
		#union {padding:70px 20px 0 50px; width:310px; display:inline;}
			#union img {padding:10px 0 0 0}
			#union p img {position:relative;top:3px}

			
/*--- SUBPAGE ---*/
#subhead {float:left; height:144px; position:relative; width:100%}
	#subhead a#logo {display:block;position:relative; left:15px; top:38px;width:400px}
	#subhead img#sign {position:absolute; left:425px; top:25px}
	#subhead h2 {font-style:italic; font-weight:normal; line-height:30px; position:relative; float:right; text-align:right; width:400px}
	
#content {background:#FFF; border-left:solid 1px #CACACA; border-right:solid 1px #CACACA; float:left}
#subnews {float:left; padding:10px 20px 20px 30px}
#subinfo {float:left; padding:0 20px 0 30px; margin:15px 0 0 0}
#subnews {width:569px; line-height:18px}
	#subnews table tr td {padding:3px 5px; vertical-align:top}
	#subnews p.title {background:url(../images/bg-nbreak.jpg) no-repeat left bottom; height:20px}
	#subnews h3 {padding:12px 0 10px 0; font-weight:bold}
	#subnews .content {line-height:18px; padding:0 0 10px 0}
	#subnews a {color:#990100;}
	#subnews a:hover {text-decoration:none}
	
#subinfo {background:#FFF; border-left:solid 1px #e4e4e4; width:308px}
	#subinfo div#search {float:left; width:307px; height:40px; }
		#subinfo div#search input#isci {width:200px; background:#eee; border:1px solid #d9d9d9; padding:3px;}
		#subinfo div#search input#knof {width:60px;}
	#subinfo div#email {background:url(../images/bg-sub-info.jpg) no-repeat left top; line-height:24px; float:left; height:75px; padding:8px 0 0 20px; width:287px}
		#subinfo div#email a:hover {text-decoration:none}
	#subinfo div#map {background:url(../images/nasa-mreza.gif) no-repeat left top; position:relative; float:left; height:199px; margin:10px 0 0 0; width:307px}
	#subinfo div#ref {float:left; margin:25px 0 0 0; width:307px}
		#subinfo div#ref p {line-height:18px}
		#subinfo div#ref a:hover {text-decoration:none}
		
#sub-break {background:url(../images/bg-sub-break.jpg) no-repeat left top; float:left; height:16px; padding:39px 0 0 0; text-align:center; width:100%}

#subnews ul {list-style:outside disc; line-height:20px; margin:0 0 0 18px}

/*map links*/
#sl {display:block; position:absolute; height:14px; width:80px; left:30px; top:97px}
#lj {display:block; position:absolute; height:14px; width:80px; left:75px; top:113px}