/* CSS Document */

html, body {height:100%;}
body{
	margin:0px;
	padding:0px;	
	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{
	position:absolute;
	top:25px;
	left:25px;
	background:url(../images/logo.gif) no-repeat;
	width:150px;
	font-size:0px;
	line-height:0px;
	text-indent:-9000px;
}
h1 a {
	display:block;
	height:86px;
}
h2{
	float:left;
	display:inline;
	width:525px;
	margin:0px 0px 0px 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:0px;
	font-size:0px;
	line-height:0px;
	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:0px 0px 1px 1px;
}
#en h3#fleetTitle{background:url(../images/imagesEN/title-flota.gif) no-repeat;}
h4{
	float:left;
	background:url(../images/contact.gif) no-repeat;
	width:134px;
	margin:0px 0px 40px 25px;
	font-size:0px;
	line-height:0px;
	text-indent:-9000px;
}
h4 a{
	display:block;
	height:13px;
}
#en h4{	background:url(../images/imagesEN/contact.gif) no-repeat;}
p{margin:0px;}
img{border:0px;}
ul, li{font:100% Tahoma, Arial, Helvetica, sans-serif;}
table, tr, th, td{
	font:100% Tahoma, Arial, Helvetica, sans-serif;
	border:none;
	padding:0px;
	vertical-align:top;
}
hr{
	height:1px;
	border:solid;
	color:#333;
	display:none;
}

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

/* menu 1. nivo */
ul#menu{
	position:absolute;
	left:200px;
	top:94px;
	width:600px;
	margin:0px;
	padding:0px;
	list-style:none;	
}
#menu li{
	float:left;
	display:inline;
	margin-right:2px;
	list-style:none;
}
li#menu6{margin-right:0px;}
#menu li a{
	float:left;
	display:inline-block;
	height:22px;
	font-size:0px;
	line-height:0px;
	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 35px;*/
	margin:10px 0px 0px 45px;
	padding:0px;
	border-top:1px solid #dcf3fe;
	border-bottom:1px solid #dcf3fe;
}
ul#menu2 li{
	float:left;
	display:inline;
	/*margin:1px 0px 0px 48px;*/
	margin:1px 0px 0px 28px;
	font-size:12px;
}
ul#menu2 li a, #en ul#menu2 li a{
	width:auto;
	height:15px;
	padding-left:15px;
	background:url(../images/arrow.gif) no-repeat 0px 3px;
}
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{
	float:left;
	width:200px;
	height:464px;
}
#leftCol ul, #leftCol li, #rightCol ul, #rightCol li{
	margin:0px;
	padding:0px;
	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{
	float:left;
	display:inline-block;
	background:url(../images/arrow.gif) no-repeat 0px 4px;
	margin:0px 25px 0px 97px;
	padding-left:15px;
}
#JPSInfo{
	float:left;
	background:url(../images/home-bot-left.gif) no-repeat #cedae8;
	width:200px;
	height:257px;
	margin-top:46px;
}
#JPSInfo p{
	line-height:normal;
	padding:45px 20px 0px 25px;
}
img#certificates{
	float:left;
	width:100px;
	height:46px;
	margin:20px 50px 25px 50px;
}
#en img#certificates{margin-top:35px;}

#midCol{
	float:left;
	width:400px;
	/*height:464px;*/
	height:464px;
	background:#cedae8;
}

#rightCol{
	float:left;
	width:200px;
	height:464px;
}
#rightCol img{
	float:left;
	width:49px;
	height:112px;
	margin-left:1px;
}
#dizalicaImg{width:47px;}
#mardesic{
	float:left;
	background:url(../images/home-bot-right.gif) no-repeat #cedae8;
	width:200px;
	height:167px;
	margin-top:38px;
}
#mardesic p{
	padding:46px 25px 17px 47px;
	font-weight:bold;
}
#mardesic a{
	font-size:0px;
	line-height:0px;
	text-indent:-9000px;
}
#mardesic img{
	width:45px;
	height:61px;
	margin:0px 78px 25px 77px;
}
#foot {
	margin-top:6px;
	/*padding-top:10px;*/
	text-align:center;
	/*color:red;*/
}
/* 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{
	height:auto;
	margin-top:94px;
}

/* right */
#pageRightCol{
	float:left;display:inline;
	width:600px;
	height:auto;
	/*HEIGHT:1800px;*/
	min-height:500px;
}
.markoPolo #pageRightCol {height:1200px;}

#headPic{
	float:left;
	width:550px;
	height:200px;
	margin:25px;
}
#text{
	float:left;
	display:inline;
	margin:25px 35px 0px 40px;
	padding-bottom:25px;
	height:auto;
	min-height:100px;
}
#text ul{
	margin:10px;
	padding:0px 0px 0px 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{
	float:left;
	width:100%;
	height:121px;
	background:url(../images/footer.gif) no-repeat bottom;
	padding-top:25px;
}
#page #JPSInfo {
	height:auto;
	background:none;
	margin:0px;
}
#page #JPSInfo p{padding:0px 0px 0px 25px;}
#page img#certificates{margin:50px 0px 25px 440px;}

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