body, html {
	background: #fff;
}
body{
	background: #fff;
	margin: 0 auto;
	position: relative;
}
p{
	font: normal 12px/1.5em Lucida Sans Unicode;
}
h1{
	font: normal 18px/1.5em Lucida Sans Unicode;
}
h2{
	color: #0049A8;
	font: normal 18px/1.5em Lucida Sans Unicode;
}
h3{
	color: #0049A8;
	font: normal 14px/1.5em Lucida Sans Unicode;
}
.middle{
	padding-top: 5px;
	text-align: center;
  margin: 0 auto;
}

#header_wrap{
	height: 220px;
	background: #002D60 url(../images/hed_back.png) left bottom repeat-x;

}
#header{
  width: 700px;
	margin: 0 auto;

}
#home_logo{
  height: 300px;
	background: #fff url(../images/logo_l.png) 50% 50% no-repeat;
}
#logo_h{
	padding-top: 20px;
	text-align: center;
height: 168px;
}

#home{
	text-align: center;
	width: 700px;
	height: 500px;
	margin: 0 auto;
}

#menu{
	height: 30px;
}
#menu ul{
list-style: none;
}
#menu ul li{
display: inline;

}
#menu ul li a{
color: #333;padding: 3px 0;
margin-right: 10px;
font: normal 14px/1.6em Lucida Sans Unicode;
}
#menu ul li a:hover, #menu ul li a.on{
	border-bottom: 1px solid #333;
}
.left{
	float: left;
}
.right{
	float: right;
}
strong{
	font-weight: bold;
}
#toplink{
  width: 700px;
	margin: 0 auto;
	text-align: right;
}
#toplink_spot{
  width: 10px;
	height: 10px;
	padding: 3px;
	background: url(../images/top_back.png) 50% 50% no-repeat;
	cursor: pointer;
}

#content_wrap{
	background: #fff;
	position: relative;
}
#home a{
  padding: 3px 5px;
}

#content_wrap p a, #home a{
	color: #0049A8;
}
#content_wrap p a:hover{
 text-decoration:  underline;
}
#home a:hover{
background: #0049A8;
color: #fff;
}

#content_wrap, #who{
	margin: 0 auto;
	padding: 20px 0;
	width: 700px;
}
#who{
	background: #000;
	color: #fff;
	margin-bottom: 30px;
}
#main_content{
	float: right;
 padding: 0 20px;
	width: 500px;
}
#main_content table{
	width: 100%;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #bbb;
}
#main_content td{
	border-left: 1px solid #eee;
		border-bottom: 1px solid #eee;
	padding: 5px;
	font: normal 11px/1.5em Lucida Sans Unicode;
}
.note{
  color: #cc3300;
}

.article_home{
	background: #fff url(/resources/images/article_splitter.png) center bottom no-repeat;
	margin: 0 0 30px 0px;
	padding: 0 0 30px 0px;
}
.article_home p{
	color: #444;
}
.article_home h1, #side h1{
	color: #0049A8;
	margin: 0 0 10px 0;
}
.article_home h1 a, #side h1 a{
	color: #0049A8;
}
.article_home h1 a:hover, #side h1 a:hover{
	color: #111;
}
#side{
	background: #fff;
	float: left;
	font: normal 10px/1.5em Lucida Sans Unicode;
	width: 160px;
	text-align: right;
}
#side ul{
	list-style: none;
}
#side ul li{
	display: inline;

}
#side ul li a{
	display: block;
	padding: 5px;
	font: normal 12px/1.5em Lucida Sans Unicode;
	color: #0049A8;
	margin-bottom: 5px;
}
#side ul li a:hover, #side ul li a.selected{
	background: #eee;
	color: #0049A8;
	text-decoration:  none;
}
#side p{
	color: #a4a4a4;
}
.side_box{
	margin: 0 0 30px 0;
}

#rules{
	background: #fff;
	display: none;
	font: normal 10px/1.5em Lucida Sans Unicode;
	height: 485px;
	padding: 30px 20px;
	position: absolute;
  top: 10%;
  left: 0;
	width: 530px;
	z-index: 500;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#rules ul{
	list-style: none;
}
#rules li{
	border: 1px solid #fff;
	padding: 2px 5px;
	margin-bottom: 1px;
}
#slip{
	height: 485px;
  	overflow: auto;
}
#slip p{
 padding: 0 5px;
}

#rules li.on{
	background: #dffcf0;
	border: 1px solid #9DDAEA;
}
#rules li.error{
	background: #FFC2C2;
	border: 1px solid #FF0000;
}
#msg_container{
	height: 45px;
}
.msg_error{
	color: #FF0000;
}
#msg_success{
 display: none;
}
#msg_success a{
 color: #cc3300;
 font: normal 16px/1.5em Lucida Sans Unicode;
}
#form_wrap{
  background: #fff;
}
#overlay {
    position: absolute;
    z-index: auto;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#rules textarea, #rules input{
	background: #fff url(/resources/images/forms/back.png) right top repeat-x;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-top: 1px solid #727272;
	padding: 2px 3px;
}
#rules textarea{
	height: 150px;
	width: 405px;
}
#rules input{
	width: 250px;
}
#contact_close{
	background: url(../images/close_bttn.png) left top no-repeat;
	cursor: pointer;
	height: 15px;
	left: 550px;
	position: absolute;
	top: 5px;
	width: 15px;
}
#contact_close:hover{
	background: url(../images/close_bttn.png) left -15px no-repeat;
}
#footer{
	background: #eaeaea;
	color: #444;
	height: 350px;
}
#footer_wrap{
	margin: 0 auto;
	padding: 20px 0;
	width: 700px;
}
.client_area a{
	background: url(/resources/images/footer_blt.png) left 3px no-repeat;
	color: #fff;
	padding: 0 0 0 15px;
}
.client_area a:hover{
	text-decoration: underline;
}

/* tabzz */
ul.tabNav {
	margin-bottom: 2px;
}
ul.tabNav li {
	display: inline;
	margin-right: 5px;
}
ul.tabNav li a {
	padding: 5px 10px;
	background: #ddd;
	color: #000;
}
ul.tabNav li a.selected, ul.tabNav li a:hover {
	background: #002D60;
	color: #fff;
}
#lokacija {
	display: none;
	width: 545px;
	height: 780px;
	padding: 5px;
	background: #ddd;
}
#maps_wrap {
	width: 545px;
	height: 780px;
}
#maps {
	background: red;
	display: none;
}
#navi li {
	margin: 5px 5px 0 0;
	float: right;
	width: 32px;
	height: 32px;
}
#navi a {
	text-align: right;
	position: relative;
	-moz-opacity: .80;
	opacity: .80;
	background: #aaa;
	display: block;
	width: 32px;
	height: 32px;
	z-index: 500;
}
#navi a#z_in {
	background: url(../images/buttons/z_in.png) no-repeat;
}
#navi a#z_out {
	background: url(../images/buttons/z_out.png) no-repeat;
}
#gallery {
	overflow: hidden;
}
.p_wrap{
	padding: 3px;
background: #002D60;
}
.c_wrap{
	padding: 5px;
background: #fff;
}