body {
background: #838383 url(images/bg_top.jpg) repeat-x top;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
line-height: 20px;
color: #3e3e3e;
}

html, body {
height: 100%;
}

#bg_bottom {
background: url(images/bg_bottom.jpg) repeat-x bottom;
display: block;
min-height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0
}

span.spejs {
	padding: 0 10px 0 10px;
}

table {
	border-collapse:collapse;
	float: left;
	margin: 5px 0 15px 0;
	background-color:#f2f2f2;
	color:#000;
}

table td {
	padding:10px;
}

td.green {
	background-color:#d7e4bd;
	text-align:center;
}

td strong {
	color:#000!important;
}

td.white {
	background-color:#fff;
	text-align:center;
}

a.marg {
	margin: 0 0 15px 0;
	display:block;
}

* html #bg_bottom {
height: 100%;
position: relative;
}

*:first-child+html #bg_bottom {
position: relative;
}

#center {
width: 970px;
margin: 0 auto;
}

#header_top {
background: url(images/header_top.jpg) no-repeat;
height: 90px;
padding-right: 16px;
}

#lang {
	float: right;
	border-bottom: 1px solid #a84377;
	padding: 8px 20px;
	width: auto;
}

#lang ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#lang li {
	float: left;
	border-right: 1px solid #b75d8d;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
}

#lang li#lang_last {
	border: 0;
	margin: 0;
	padding: 0;
}

#lang a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#lang a:hover {
	text-decoration: underline;
	color: #EFB3D4;
}

#header_top2 {
background: url(images/header_top2.jpg) no-repeat;
height: 23px;
}

#header_nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#header_nav li {
float: left;
height: 39px;
}

#header_nav li a {
display: block;
float: left;
height: 39px;
}

#header_nav li em {
display: none;
}

#header_nav .nav_first {
background: url(images/nav_02.jpg) no-repeat;
width: 221px;
}

#header_nav .nav1 {
background: url(images/nav_03.jpg) no-repeat;
width: 110px;
}

#header_nav .nav1 a {
background: url(images/nav_h_03.jpg) no-repeat 0 39px;
width: 110px;
}

#header_nav .nav1 a:hover {
background: url(images/nav_h_03.jpg) no-repeat
}

#header_nav .nav2 {
background: url(images/nav_04.jpg) no-repeat;
width: 107px;
}

#header_nav .nav2 a {
background: url(images/nav_h_04.jpg) no-repeat 0 39px;
width: 107px;
}

#header_nav .nav2 a:hover {
background: url(images/nav_h_04.jpg) no-repeat;
}

#header_nav .nav3 {
background: url(images/nav_05.jpg) no-repeat;
width: 163px;
}

#header_nav .nav3 a {
background: url(images/nav_h_05.jpg) no-repeat 0 39px;
width: 163px;
}

#header_nav .nav3 a:hover {
background: url(images/nav_h_05.jpg) no-repeat;
}

#header_nav .nav4 {
background: url(images/nav_06.jpg) no-repeat;
width: 104px;
}

#header_nav .nav4 a {
background: url(images/nav_h_06.jpg) no-repeat 0 39px;
width: 104px;
}

#header_nav .nav4 a:hover {
background: url(images/nav_h_06.jpg) no-repeat;
}

#header_nav .nav5 {
background: url(images/nav_08.jpg) no-repeat;
width: 165px;
}

#header_nav .nav5 a {
background: url(images/nav_h_08.jpg) no-repeat 0 39px;
width: 165px;
}

#header_nav .nav5 a:hover {
background: url(images/nav_h_08.jpg) no-repeat;
}

#header_nav .nav_last {
background: url(images/nav_07.jpg) no-repeat;
width: 100px;
}


#content {
background: url(images/content_bg.jpg) repeat-y;
clear: both;
float: left;
width: 970px;
}

#content_top {
background: url(images/content_top.jpg) no-repeat top right;
float: left;
width: 970px;
}

#content_bottom {
background: url(images/content_bottom.jpg) no-repeat bottom;
float: left;
width: 970px;
}

#left {
background: url(images/left.jpg) no-repeat top;
float: left;
width: 140px;
height: 564px;
}

#main {
width: 553px;
float: left;
letter-spacing: 0.5px;
word-spacing: 0.5px;
padding-bottom: 5px;
}

.main_bg {
float: left;
width: 523px;
padding: 10px 20px 0 20px;
min-height: 375px;
}

* html .main_bg {
height: 375px;
}

#pocetna {
background: url(images/content/pocetna.jpg) no-repeat bottom;
padding-bottom: 200px;
}

#usluge {
background: url(images/content/usluge.jpg) no-repeat bottom;
padding-bottom: 130px;
}

#reference {
background: url(images/content/reference.jpg) no-repeat bottom;
padding-bottom: 230px;
}

#reference .galerija img {
margin: 0 10px 10px 0;
display: inline;
}

#kontakt {
background: url(images/content/kontakt.jpg) no-repeat bottom;
padding-bottom: 220px;
}

#right_nav {
float: right;
width: 251px;
}

#right_nav_bg {
background: url(images/nav_bg.jpg) repeat-y;
float: right;
width: 251px;
margin-top: 5px;
}

#right_bottom {
background: url(images/nav_bot.jpg) no-repeat bottom;
float: left;
width: 220px;
padding: 10px 18px 15px 13px
}

#right_nav_bottom {
background: url(images/right_bottom.jpg) no-repeat;
height: 129px;
clear: both;
width: 140px;
}

#right {
background: url(images/right.jpg) no-repeat;
width: 16px;
height: 400px;
float: right;
}

#footer {
clear: both;
background: url(images/footer.jpg);
width: 790px;
height: 167px;
margin-left: 140px;
color: #9c9c9c;
padding: 7px 12px
}

#footer_left {
float: left;
}

#footer_right {
float: right;
text-align: right;
}

.col1 {
float: left;
width: 250px
}

.col2 {
float: right;
width: 250px
}


/* LINKS */

a {
outline: none;
}

#main a, #right_bottom a {
color: #a02968;
text-decoration: none;
}

#main a:hover, #right_bottom a:hover {
color: #580330;
text-decoration: underline;
}

#main .projekt a:hover {
text-decoration: none;
}

#footer a {
color: #b6b6b6;
text-decoration: none;
}

#footer a:hover {
color: #eeeeee;
}


/* OTHER */

h1 {
color: #858585;
font-size: 1.9em;
font-weight: normal;
margin: 0;
padding: 20px 0 5px
}

h2 {
color: #727272;
font-size: 1.5em;
font-weight: bold;
margin: 0;
border-bottom: 2px solid #e6e6e6;
padding: 3px 0 5px;
}

h3 {
font-size: 1.3em;
color: #8d4f70;
margin: 0;
padding: 15px 0 10px;
}

h4 {
color: #8c1a56;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 10px 0
}

.projekt h4 {
font-size: 1em;
line-height: 14px;
}

hr {
height: 1px;
border: 0;
clear: both;
}

#right_bottom  hr {
color: #e6e6e6;
background: #e6e6e6;
}

#main hr {
color: #bbbbbb;
background: #bbbbbb;
}

#right_bottom img {
float: left;
border: 1px solid #e6e6e6;
margin-right: 10px;
}

a img {
border: 1px solid #bbbbbb;
}

.projekt {
float: left;
width: 240px;
height: 157px;
background: #e2e2e2 url(images/projekt_bg.jpg) repeat-x bottom;
border: 1px solid #bbbbbb;
text-align: center;
margin: 15px 15px 0 0;
display: inline;
}

.center_img {
text-align: center;
}

.left_img, .center_img {
padding-top: 25px;
}

.left_img img, .center_img img {
margin-right: 10px;
}

strong {
color: #696969;
}

p {
margin: 0;
padding: 7px 0;
}

#right_bottom p {
float: left;
}

.txt_right {
text-align: right;
}

.txt_bot {
clear: both;
}

#main ul {
list-style: none;
margin: 0;
padding: 0 0 10px 20px;
}

#main li {
background: url(images/list.gif) no-repeat 0 8px;
padding-left: 13px;
}