html {
	margin: 0px;
	padding: 0px;
	overflow-x:auto;
	overflow-y:auto;
	width:100%;
}
body {
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1F3E6F;
}
:focus {
	outline: 0;
}
.hidden {
	display:none
}
img {
	padding:0px;
	margin:0px;
	border:0px;
}
#wrapper {
	width:970px;
	height:auto;
	margin:auto;
	margin-top:20px;/*	background-color:#99FFFF;*/
}
html>body #wrapper {
	height:auto;
}
#language {
	float:left;
	width:300px;
	height:15px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	font-weight:bold;/*	background-color:#FFFF00;*/
}
#language a:link, #language a:visited {
	color: #FFFFFF;
}
#language a:hover {
	color:#FF3300
}
#geo {
	float:right;
	text-align:right;
	width:300px;
	height:15px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	font-weight:bold;/*	background-color:#F0F000;*/
}
#headimg {
	clear:both;
	width:970px;
	height:205px;
	margin:0px;
	padding:0px;
}
#logo {
	float:left;
	width:336px;
	height:90px;
	background-image:url(../images/logo.png);/*	background-color:#FFCC00;*/
}
#header {
	float:right;
	width:634px;
	height:90px;
	padding:0px;
	margin:0px;/*	background-color:#99CC99;*/
}
#h_up {
	width:634px;
	height:50px;
	padding:0px;
	margin:0px;
	background-color:#07244B;
}
#h_down {
	width:634px;
	height:40px;
	padding:0px;
	margin:0px;
	background-color:#021A39;
}
* html div#h_down {
	margin-top:0px;
	height:40px;
	overflow:hidden
} /*================== IE6 HACK =================== div pobjegao dva pixela dolje*/
#h_down>img {
	padding:0px;
	margin:0px;
	border:none;
}
#kontakt {
	float:left;
	width:112px;
	height:300px;
	padding-left:0px;
	padding-right:0px;
	padding-top:30px;
	margin:0px;/*	background-color:#FFCCFF;*/
}
#kontakt p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B1B1B1;
	padding-top:0px;
	margin-top:0px;
}
/* ======================================================================= */
/* ======================================================================= */
/* ======================================================================= */


#menu {
	float:left;
	width:224px;
	height:auto;
	padding:0px;
	margin:0px;
	padding-bottom:24px;
	background-color:#fff;
}
#navcontainer {
	width: 224px;
	border: none;
	padding: 0px;
	padding-top:17px;
	padding-bottom:20px;
	margin-bottom: 30px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #F2F2F2;
	color: #333;
}
#navcontainer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#navcontainer li {
	margin: 0px;
	margin-left:10px;
	margin-right:10px;
	background-image: url(../images/bullet_off.gif);
	background-repeat: no-repeat;
	background-position: 0px 18px;
	border-bottom: 1px dotted #7F9CC9;
}
#navcontainer li#active {
	background-image: url(../images/bullet_on.gif);
}
#navcontainer li a {
	display: inline-block;
	display: block;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 15px;
	margin: 0px;
	text-decoration: none;
	font-weight:bold;
	color: #1F3E6F;
}
#navcontainer li a {
	display: inline-block;
}/*================== IE6 HACK =================== <a> unutar <li> prouzrocio extra razmak ispod blocka*/
#navcontainer li a {
	display: block;
}
<!--
[if lte IE 7]>     /*do something if browser is les then IE7*/
<![endif]
-->
 #navcontainer li a:hover {
 color: #FF6600;
}
#navcontainer li li {
	border-top: 1px dotted #7F9CC9;
	border-bottom: 0px;
	margin: 0px;
	background-image: url(../images/sub_bullet_off.gif);
	background-repeat: no-repeat;
	background-position: 15px 18px;
}
#navcontainer li li#subactive {
	background-image: url(../images/sub_bullet_on.gif);
}
#navcontainer li li a {
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 30px;
	margin:0px;
	text-decoration: none;
	font-weight:normal;
	color: #1F3E6F;
}
#navcontainer li li li a {
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 20px;
}
/* ======================================================================= */
/* ======================================================================= */
/* ======================================================================= */


/* ======================================================================= */
/* ======================================================================= */
/* ======================================================================= */



#content {
	float:right;
	width:611px;
	height:auto;
	padding-left:23px;
	padding-top:30px;
	padding-right:0px;
	padding-bottom:40px;
	background-color:#fff;
}
/* ======================================================================= */
/* ======================================================================= */
/* ======================================================================= */

#content>h1, #content>p {
	margin-top:0px;
	padding-top:0px;
}
p, h1, h2 {
	padding-top:0px;
	margin-top:0px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	clear:both;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
}
.hot {
	color:#FF3300
}
a image {
	border:none
}
a {
	border:none;
}
image {
	border:none;
}
a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Arial New;
	color: #FF6600;
	font-size: 11px;
	border:none;
}
a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Arial New;
	color: #FF6600;
	font-size: 11px;
	border:none;
}
a:hover {
	font-family: Verdana, Arial, Arial New;
	color: #FF6600;
	text-decoration: underline;
	font-size: 11px;
	border:none;
}
/* ======================================================================= */
/* ======================================================================= */
/* ======================================================================= */


.gallery {
	width:100%;
	height:auto;
}
.gallery img {
	padding:2px;
	margin-right:9px;
	margin-bottom:10px;
	border: 2px solid #F2F2F2;
}
.event {
	width:100%;
	margin:0px;
	margin-top:30px;
	margin-bottom:30px;
	padding:0px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
}
.title {
	float:left;
	width:80%;
	height:20px;
	margin:0px;
	padding:0px;
	/*	background-color:#9C3;*/
	
	font-weight:bold;
}
.date {
	float:left;
	width:20%;
	height:20px;
	margin:0px;
	padding:0px;
	/*	background-color:#F63;*/
	
	text-align:right;
	color:#f00;
}
.text {
	clear:both;
	width:100%;
	margin:0px;
	padding:0px;
	padding-top:5px;/*	background-color:#CF9;*/
}
#prognoza {
	margin-top:50px;
}
.vrijeme {
	margin:10px;
	margin-bottom:0px;
	margin-top:0px;
	color: #CCC;
}
.vrijeme tr .value {
	/*	color: #8FDCF8;*/
	color:#9BDFF8;
	text-align:right;
}
#map {
	width:585px;
	height:467px;
	padding:0px;
	margin:0px;
	border:2px solid #666666;
	color:#3399CC;
	overflow:hidden;
}
#brod {
	width:596px;
	height:245px;
	background-color:#011A38;
	padding:0px 7px 0px 7px;
	margin-bottom:20px;
}

#brod a {
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding:0px;
}

.left {float:left}
.right {float:right}

#hbrod {
	width:100%;
	height:25px;
	background-color:#011A38;
	line-height:25px;
	/*margin-right:20px;*/
	padding:0px;
}

#hbrod a {margin-right:20px}

#hbrod a.rightb {margin-right:0px}

#hbrod a.here {color:#FF6600;}

#ibrod {
	clear:both;
	width:100%;
	height:212px;
	background-color:#011A38;
	margin:0px;
	padding:0px;
}

#brod_galery {}

#brod_cjenik {}

#brod_rute {}

#brod_specs {}