/* CSS Document */

html, body {
	height:100%;
	}
body {
	margin:0;
	padding:0;	
	background:#222e7c;
	font:70% Tahoma, Arial, Helvetica, sans-serif;
	color:#5e5e5e;
	line-height:140%;
	}
a {
	color:#222e7c;
	text-decoration:none;
	}
a:hover {
	color:#e2202b;
	}
h1 {
	background:url(../images/logo.gif) no-repeat;
	position:absolute;
	top:25px;
	left:25px;
	width:150px;
	font-size:0;
	line-height:0;
	text-indent:-9000px;
	}
h1 a {
	display:block;
	height:86px;
	}
h2{
	float:left;
	display:inline;
	width:525px;
	margin:0 0 0 35px;
	padding-bottom:5px;
	font-size:16px;
	}
h2#aboutUsTitle {
	background:url(../images/bgTitle-about.gif) no-repeat bottom;
	}
h2#employeesTitle {
	background:url(../images/bgTitle-employees.gif) no-repeat bottom;
	}
h2#servicesTitle {
	background:url(../images/bgTitle-services.gif) no-repeat bottom;
	}
h2#fleetTitle {
	background:url(../images/bgTitle-fleet.gif) no-repeat bottom;
	}
h2#listTitle {
	background:url(../images/bgTitle-list.gif) no-repeat bottom;
	}
h2#howTitle {
	background:url(../images/bgTitle-how.gif) no-repeat bottom;
	}
h3 {
	float:left;
	display:inline;
	width:199px;
	margin:0;
	font-size:0;
	line-height:0;
	text-indent:-9000px;
	}
h3 a {
	display:block;
	height:30px;
	}
h3#activitiesTitle {
	background:url(../images/title-djelatnosti.gif) no-repeat;
	}
#en h3#activitiesTitle {
	background:url(../images/imagesEN/title-djelatnosti.gif) no-repeat;
	}
h3#fleetTitle {
	background:url(../images/title-flota.gif) no-repeat;margin:0 0 1px 1px;
	}
#en h3#fleetTitle {
	background:url(../images/imagesEN/title-flota.gif) no-repeat;
	}
h4 {
	float:left;
	padding:0;
	font-size:0;
	line-height:0;
	text-indent:-9000px;
	}
h4 a {
	display:block;
	height:14px;
	}
h4#contact {
	float:left;
	background:url(../images/contact.gif) no-repeat;
	width:134px;
	margin:0 0 40px 25px;
	}
#en h4#contact {
	background:url(../images/imagesEN/contact.gif) no-repeat;
	}
#default h4#contact {
	background:url(../images/contact-home.gif) no-repeat;
	width:141px;
	margin:194px 0 40px 25px;	
	}
#en #default h4#contact{
	background:url(../images/imagesEN/contact-home.gif) no-repeat;
	}
h4#newsTitle{
	background:url(../images/title-news.gif) no-repeat;
	width:60px;
	height:10px;
	margin:0 0 13px 0;
	}
#en h4#newsTitle{
	background:url(../images/imagesEN/title-news.gif) no-repeat;
	width:39px;
	}
h5 {
	margin:0;
	padding:0;
	font-size:12px;
	}
p {
	margin:0;
	}
img {
	border:0;
	}
ul, li {
	font:100% Tahoma, Arial, Helvetica, sans-serif;
	}
table, tr, th, td {
	font:100% Tahoma, Arial, Helvetica, sans-serif;
	border:none;
	padding:0;
	vertical-align:top;
	}
hr {
	height:1px;
	border:solid;
	color:#333;
	display:none;
	}

/* container */
#default, #page {
	background:url(../images/bg-default.gif) repeat-x 0% 100%;
	width:850px;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:25px;
	}
#container {
	background:url(../images/bg-container.gif) repeat-y;
	float:left;
	display:inline;
	width:800px;
	height:725px;
	margin:25px 25px 0 25px;
	}
html>body #container {
	height:auto;
	min-height:725px;
	}
#page #container {
	background:#fff;
	}
#header {
	background:#fff;
	position:relative;
	height:136px;
	}
#metaNav {
	position:absolute;
	top:21px;
	right:24px;
	}
#metaNav a {
	color:#5e5e5e;
	}
#metaNav span {
	margin:0 11px;
	}

/* menu 1. nivo */
ul#menu {
	position:absolute;
	left:200px;
	top:94px;
	width:600px;
	margin:0;
	padding:0;
	list-style:none;	
	}
#menu li {
	float:left;
	display:inline;
	margin-right:2px;
	list-style:none;
	}
li#menu6 {
	margin-right:0;
	}
#menu li a {
	float:left;
	display:inline-block;
	height:22px;
	font-size:0;
	line-height:0;
	text-indent:-9000px;
	}
#menu1 a {
	background:url(../images/menuHR/m-onama.gif) no-repeat;
	width:75px;
	margin-left:25px;
}
#menu1 a:hover, #menu1 a.selected {background:url(../images/menuHR/m-onama_s.gif) no-repeat;}
#menu2 a {
	background:url(../images/menuHR/m-djelatnici.gif) no-repeat;
	width:90px;	
}
#menu2 a:hover, #menu2 a.selected {background:url(../images/menuHR/m-djelatnici_s.gif) no-repeat;}
#menu3 a {
	background:url(../images/menuHR/m-usluge.gif) no-repeat;
	width:76px;
}
#menu3 a:hover, #menu3 a.selected {background:url(../images/menuHR/m-usluge_s.gif) no-repeat;}
#menu4 a {
	background:url(../images/menuHR/m-flota.gif) no-repeat;
	width:66px;
}
#menu4 a:hover, #menu4 a.selected {background:url(../images/menuHR/m-flota_s.gif) no-repeat;}
#menu5 a {
	background:url(../images/menuHR/m-spasavanje.gif) no-repeat;
	width:95px;
}
#menu5 a:hover, #menu5 a.selected {background:url(../images/menuHR/m-spasavanje_s.gif) no-repeat;}
#menu6 a {
	background:url(../images/menuHR/m-kako.gif) no-repeat;
	width:138px;
}
#menu6 a:hover, #menu6 a.selected {background:url(../images/menuHR/m-kako_s.gif) no-repeat;}
/* menu EN */
#en #menu1 a {
	background:url(../images/menuEN/m-onama.gif) no-repeat;
	width:88px;
}
#en #menu1 a:hover, #en #menu1 a.selected {background:url(../images/menuEN/m-onama_s.gif) no-repeat;}
#en #menu2 a {
	background:url(../images/menuEN/m-djelatnici.gif) no-repeat;
	width:96px;
}
#en #menu2 a:hover, #en #menu2 a.selected {background:url(../images/menuEN/m-djelatnici_s.gif) no-repeat;}
#en #menu3 a {
	background:url(../images/menuEN/m-usluge.gif) no-repeat;
	width:83px;
}
#en #menu3 a:hover, #en #menu3 a.selected {background:url(../images/menuEN/m-usluge_s.gif) no-repeat;}
#en #menu4 a {
	background:url(../images/menuEN/m-flota.gif) no-repeat;
	width:64px;
}
#en #menu4 a:hover, #en #menu4 a.selected {background:url(../images/menuEN/m-flota_s.gif) no-repeat;}
#en #menu5 a{
	background:url(../images/menuEN/m-spasavanje.gif) no-repeat;
	width:80px;
}
#en #menu5 a:hover, #en #menu5 a.selected {background:url(../images/menuEN/m-spasavanje_s.gif) no-repeat;}
#en #menu6 a {
	background:url(../images/menuEN/m-kako.gif) no-repeat;
	width:129px;
}
#en #menu6 a:hover, #en #menu6 a.selected {background:url(../images/menuEN/m-kako_s.gif) no-repeat;}

/* menu 2. nivo */
ul#menu2{
	float:left;
	display:inline;
	width:525px;
	height:18px;
	margin:10px 0px 0px 45px;
	padding:0;
	border-top:1px solid #dcf3fe;
	border-bottom:1px solid #dcf3fe;
}
ul#menu2 li{
	float:left;
	display:inline;
	margin:1px 0 0 28px;
	font-size:12px;
}
ul#menu2 li a, #en ul#menu2 li a{
	background:url(../images/arrow.gif) no-repeat 0px 3px;
	width:auto;
	height:15px;
	padding-left:15px;
}
ul#menu2 li a:hover, ul#menu2 li a.selected, #en ul#menu2 li a:hover, #en ul#menu2 li a.selected{
	background:url(../images/arrow.gif) no-repeat 0px 3px;
	color:#e2202b;
}
/* */
#leftCol, #midCol, #rightCol{float:left;}
#leftCol{
	background:#fff url(../images/home-bot-left.gif) no-repeat left bottom;
	width:200px;
}
#page #leftCol{background:#fff;}
#leftCol ul, #leftCol li, #rightCol ul, #rightCol li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:15px;
	float:left;
	display:inline;
}
#leftCol ul, #rightCol ul{margin:25px 5px 15px 25px;}
#leftCol li, #rightCol li{width:170px;}

a.more{
	background:url(../images/arrow.gif) no-repeat 0 4px;
	float:right;
	display:inline;	
	margin-right:15px;
	padding-left:15px;
	}
#midCol {
	width:400px;
	}
/* right */
#rightCol {
	background:#fff url(../images/home-bot-right.gif) no-repeat bottom;
	width:200px;
	}
.fleetImg {
	float:left;
	width:49px;
	height:112px;
	margin-left:1px;
	}
.members {
	float:left;
	}
#proudMember {
	margin-top:60px;
	}
.members h5{
	padding:0 25px 0 47px;
	margin:20px 0 10px 0;
	}
#etaImg {
	margin:0 0 0 25px;
	}
#isuImg {
	margin:0 10px;
	}
#mardesicImg {
	width:45px;
	height:61px;
	margin:0 0 0 25px;
	}
#yachtsImg {
	width:90px;
	height:43px;
	margin:0 10px;
	}
img#certificates {
	width:102px;
	height:46px;
	margin:10px 50px;
	}
/* page */
#page #container{
	height:auto;
	min-height:463px;
}
#page #header{height:72px;}
#page ul#menu{top:54px;}
#page a.more{margin-bottom:30px;}

/* left */
#page #leftCol{margin-top:94px;}

/* right */
#pageRightCol{
	float:left;
	display:inline;
	width:600px;
	height:auto;
	min-height:500px;
}
#headPic{
	float:left;
	width:550px;
	height:200px;
	margin:25px;
}
#text{
	float:left;
	display:inline;
	margin:25px 35px 0 40px;
	padding-bottom:25px;
	height:auto;
	min-height:100px;
}
#text ul{
	margin:10px;
	padding:0 0 0 20px;
}
#text ul li{padding-bottom:5px;}
#tableEquipment{width:100%;}
#tableEquipment th{
	padding-bottom:10px;
	font-weight:bold;
	text-align:left;
}
#tableEquipment td{
	padding:2px;
	text-align:center;
}

/* footer */
#footer{
	background:url(../images/footer.gif) no-repeat bottom;
	float:left;
	width:100%;
	padding-top:25px;
}
#default #footer{
	background:none;
	margin:0 25px;
	padding-bottom:25px;
}
#footer p{
	float:left;
	width:90%;
	height:150px;
	margin:0 25px 25px 25px;
}

/* fleet */
.fleetTable{width:100%;}
.fleetTable th{
	padding:5px;
	background:#cedae8;
	font-weight:bold;
}
.fleetTable td{padding:2px;}
#direktorImg{float:right;}

/* news */
#newsBox{
	background:url(../images/bg-news-home.gif) no-repeat;
	height:168px;
	padding:23px 13px 10px 13px;
	overflow:hidden;
}
#newsBox p{
	float:left;
	width:100%;
	margin-bottom:15px;
	color:#fff;
}
#newsBox a{color:#fff;}
.dateTitle{font-weight:bold;}
/* news box edit */
#dv_Toolbar{
	float:right;
	width:100%;
}
#dv_Toolbar li{
	float:left;
	display:inline;
	margin-top:10px;
}
ul#newsPage{
	width:510px;
	margin:0;
	padding:0;
	list-style:none;
}
ul#newsPage li{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;

}