/* CSS Document */
body, table, input, textarea, select, li, button{
		font:1em  Arial, Helvetica, sans-serif;
		line-height:1.5em;
		color:#2c2a2a;
		}		
body{
		font-size: 62.5% ; 
	    margin:0;
		padding:0;
		text-align:center;
	  	height: 100%;
        width: 100%;
		}	
	
html {/*background:#151a21 url(body-bg.jpg) repeat;*/ height: 100%; width: 100%;}
#image-print { display:none;}
.print { display:none;}
div { margin:0px; padding:0px;}
a { outline:none; color:#FF6600; text-decoration:none;}	

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

a img{ border:none;}	
		
.left { float:left;}

.right { float:right;}

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

p {  padding:0; margin:0;}
 

table{width:100%;border-collapse:collapse;}
	th,caption{text-align:left;}
	th, td{padding:.5em 1em;line-height:1.5em;}		
	th{background:#fff; border:1px solid #ccc;}
	td{border:1px solid #ccc;}
		
#container{	
		margin:0 auto;
		width:952px;
		text-align:left;
		height: auto;
		position:relative;
		overflow:hidden;
		}
		#container-home{	
		margin:0 auto;
		width:952px;
		text-align:left;
		height: auto;
		position:relative;
		}
#slide-bg{ width:100%; height:555px; position: absolute; top:0; left:0; z-index:0;  text-align:center; display:none;}


#header{ display:block; position: relative; margin:0; width:952px; height:170px;  z-index:1;}

    .detalji{ display:block; position: absolute; margin:0; width:252px; height:170px;  top:0px; right:0px;}
    

    #header ul.jezici {  height:28px;margin:0px; padding:0; top:10px; position:absolute; right:10px; z-index:1;}
	#header ul.jezici li { float:left; display: inline;}
	#header ul.jezici li a{ float:left; display: block; margin:0px; padding:0 5px; line-height:44px; color:#ececec; text-transform:uppercase;}
	#header ul.jezici li a:hover { color:#e46b09; text-decoration:none;}
	 
#flash { position:absolute; z-index:10; top:25px; left:0px; width:952px; height:650px; margin:0; padding:0;}
	#dealer { position:absolute; left:70px; top:560px; width:340px; height:25px; z-index:25; text-align:center; display:none;}
    #dealer h3{ font-size:1em; font-weight: normal; color:#ccc;}	

	.logo	{	
		margin:0 ;
		width:268px;
		text-align:left;
		height:70px;
		position:relative;
		z-index:100;
		top:40px;
		display:block;
		background:url(logo.png) no-repeat;
		}
		
		.logo	a{	
		margin:0 ;
		width:268px;
		text-align:left;
		height:70px;
		position:relative;
		top:0px;
		display:block;
		text-indent:-9999px;
		}
		
/* NAVIGACIJA*/		
		
.nav-home{ display:none; position: relative;margin:0 auto;  top:270px; z-index:0;}	
.nav-home-visible{ display: block; position: absolute;margin:0 auto; text-align:center; top:323px; z-index:25;}

#menu{ display:block; position: absolute;margin:0 auto; bottom:0px; z-index:2;}

.nav{ margin:0 auto; width:952px; padding:0; }
.nav {
        height: 4.5em;
        overflow: hidden;
        padding: 0 0px;
        list-style: none;
        position: relative;
      }
      .nav li, .nav li a {
        position: relative;
        float: left;
		/*display:none;*/
      }    
	  
	  .first li, .first li a {
		display:none;
      }      
      .nav li { top: 15px; margin: 0px; background: none; padding: 0; text-align:center;}
      .nav li a {
        display: block;
        padding:8px 5px;
        background: url(navtab-left.png) 0 0 no-repeat;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        height: 195px;
		width:126px;
      }
      .nav li a span {
        display: block;
        position: absolute;
        height: 195px;
        width: 10px;
        background: url(navtab-right.png) 0 0 no-repeat;
        right: 0;
        top: 0;
      }
      .nav li a:hover, .nav li a:hover span { background-position: 0 -35px; color: #1e2a36; }
      .nav li a.current,  .nav li a.current span{background-position: 0 -35px; color: #1e2a36;}
      .nav li a.current {top: -5px;}
      .nav li a:active, .nav li a:active span { background-position: 0 -35px; color: #fff; }
	  .nav li a.active, .nav li a.active span { background-position: 0 -35px; color: #fff; }
	  
	  #jezici	 {display: block; position: absolute; margin:0 auto; left:370px; text-align:left;  top:270px; z-index:25;} 
	  
	  #jezici ul.jezici { width:280px; height:28px;margin:0px; padding:0;}
		#jezici ul.jezici li { float:left; display: inline;}
		#jezici ul.jezici li a{ float:left; display: block; margin:0px; padding:0px 5px 0 0px;  color:#afc8e5; width:85px; position:relative; text-decoration:none; text-transform:uppercase;}
		#jezici ul.jezici li a:hover/*, #jezici ul.jezici li.active a*/{ color:#fff; }

/* Tooltip za marketing botun - dodano 12/2011 marko*/
.ttip { width:215px; height:auto; position:absolute; z-index:1000; left:250px; top:-10px; display:none; cursor:pointer;}
.ttip .arrow{ width:56px; height:46px; position: absolute; background:url(ttip-arrow.png) no-repeat left;}
.ttip .content{ text-align:center; color:#fff; width:200px; letter-spacing:-0.06em; height:auto; padding:12px 10px 14px 10px; position: absolute; top:46px; background:#e46b09;  font-size:16px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 1px 1px 0px #333333;
filter: dropshadow(color=#333333, offx=1, offy=1);}
.ttip .content .big{ font-size:26px;}		
	 
#sadrzaj  {
		float:left;
		width:952px;
		padding:0px 0 5px 0;
		margin:1px 0 0 0;
		position:relative;
		z-index:2;
	}

.lijeviStupac {
		position:absolute;
		left:0;
		width:271px;
		padding:0px;
		margin:0;
		display:inline;
	}
	
	.drugi {
		position: relative;
		left:0;
		width:271px;
		padding:0px;
		margin:0;
		display:inline;
	}
	
	.box-1 {
		float:left;
		width:100%;
		padding:0px;
		background:#f3f3f3 url(trazilica-bg.png) no-repeat left bottom;
		display: inline;
		margin-bottom:2px;
	}
	
		span.title { color:#696868; font-size:12px; font-weight:bold; padding:3px 0 18px 5px; float:left; margin:0; width:255px;display: inline;}
	
	.maliMenu {
		float:left;
		width:261px;
		height:44px;
		margin:0px 0px 0 5px;
		border-bottom:1px solid #afb0b1;
		display: inline;
		padding:0;
		background:url(trokutici.png) no-repeat right center;
	}
	
	.maliMenu ul.menu {  height:44px;margin:0px; padding:0;}
	.maliMenu ul.menu li { float:left; display: inline;}
	.maliMenu ul.menu li a{ float:left; display: block; margin:0px; padding:0 5px; line-height:44px; color:#616161; text-transform:uppercase;}
	.maliMenu ul.menu li a:hover{ color:#e46b09; text-decoration:none;}
	
	.maliMenu ul.jezici { width:80px; height:28px;margin:0px; padding:0;}
	.maliMenu ul.jezici li { float:left; display: inline;}
	.maliMenu ul.jezici li a{ float:left; display: block; margin:0px; padding:15px 3px 0 3px; line-height:44px; color:#616161;}
	.maliMenu ul.jezici li a img{border:1px solid #f1f1f0; }
	.maliMenu ul.jezici li a:hover img{ color:#e46b09; text-decoration:none; border:1px solid #e46b09;}
	
	.trazilica {
		float:left;
		width:251px;
		height: auto;
		margin:0px 5px;
		padding:15px 0px;
		border-bottom:1px solid #afb0b1;
		display: inline;
		background:url(kompas.png) no-repeat center center;
	}
	
	.trazilica ul.botuni { width:120px; margin:0px; padding:0;}
	.trazilica ul.botuni li.title{ line-height:23px; display:block; text-align:left; color:#5b6261; font-size:1.1em; padding:0 0 8px 10px;}
	.trazilica ul.botuni a.button_3d{ text-transform:uppercase;}
	a.button_3d { background:url(search-button.png) no-repeat 0px 0px; width:86px; line-height:23px; display:block; text-align:center; color:#5b6261; text-decoration:none; font-weight:bold; margin:0 0 5px 10px;}
	a.button_3d:hover { background:url(search-button.png) no-repeat 0px -24px;  color:#fff;}
	a.button_check { background:url(check-button.png) no-repeat 0px 0px; width:86px; line-height:23px; display:block; text-align: right; color:#5b6261; text-decoration:none; font-weight:bold; margin:0 0 5px 10px; padding:0 0  0px 20px; width:46px;}
	a.button_check:hover { background:url(check-button.png) no-repeat 0px -24px;  color:#e46b09;}
.trazilica ul.botuni li.current-item-search a.button_check {background:url(check-button.png) no-repeat 0px -24px;  color:#e46b09;}
	.trazilica ul.botuni li.current-item-search a.button_3d {background:url(search-button.png) no-repeat 0px -24px;  color:#fff;}
	
	.extraPonuda span.title { color:#fff; font-size:12px; font-weight:bold; line-height:36px; margin-bottom:8px; padding:0px 0 0px 10px; float:left; width:261px;display: inline; background:#ea720c url(titleExtra.png) no-repeat left;}
	
	.korisne ul.menu {  height:51px;margin:0px; padding:0; width:250px;}
	.korisne  ul.menu li { float:left; display: inline;  height:51px;}
	.korisne  ul.menu li a{ float:left; display: block; margin:0px 0 0 4px; padding:0px; width:45px; height:45px; color:#616161; background:url(korisne-info-sprite.png) no-repeat 0px 0px;}
	.korisne  ul.menu li a:hover{  background:url(korisne-info-sprite.png) no-repeat 0px -45px; text-decoration:none;}
	.korisne  ul.menu li a.marine{  background:url(korisne-info-sprite.png) no-repeat -49px 0px;}
	.korisne  ul.menu li a.marine:hover{  background:url(korisne-info-sprite.png) no-repeat -49px -45px; text-decoration:none;}
	.korisne  ul.menu li a.promet{  background:url(korisne-info-sprite.png) no-repeat -99px 0px;}
	.korisne  ul.menu li a.promet:hover{  background:url(korisne-info-sprite.png) no-repeat -99px -45px; text-decoration:none;}
	.korisne  ul.menu li a.mapa{  background:url(korisne-info-sprite.png) no-repeat -149px 0px;}
	.korisne  ul.menu li a.mapa:hover{  background:url(korisne-info-sprite.png) no-repeat -149px -45px; text-decoration:none;}
	.korisne  ul.menu li a.marina{  background:url(korisne-info-sprite.png) no-repeat -198px 0px;}
	.korisne  ul.menu li a.marina:hover, .korisne  ul.menu li.selected a{  background:url(korisne-info-sprite.png) no-repeat -198px -45px; text-decoration:none;}
	
	.brodicaExtra { width:247px; height:67px; float:left; padding:4px; margin:0 8px 8px 8px;/* border-bottom:1px solid #afb0b1;*/ display:inline; position:relative; background:#e6e7e7;}
	.brodicaExtra img.fotka{ width:97px; height:67px; padding:0px; position:absolute; }
	a img{ border:none; }
	.brodicaExtra h2.titlePretraga{ padding:0 5px; margin:3px 0; position:absolute; left:100px; top:0px; color:#37393d; font-size:1.1em; width:150px; font-weight: bold; font-style:italic; }
	.brodicaExtra .podaci-1 {
	border:0;
	margin:0; 
	padding:0;
	width:210px;
	position:absolute;
	left:225px;
	top:42px;
	}
	
	.brodicaExtra .podaci-2 {
	border:0;
	margin:0px 0 0 0; 
	padding:0;
	width:210px;
	position:absolute;
	left:415px;
	top:42px;
	}
	
	.brodicaExtra .podaci-1 li span.opis,
	.brodicaExtra .podaci-2 li span.opis{
	width:110px;
	height:22px;
	display:block;
	float: left;
	font-weight:bold;
	color:#3b3e45;
	font-size:1.1em;
	margin:0; 
	padding:0;
	}
	.brodicaExtra  a.button_3d{ position:absolute; bottom:0px; right:4px;}
	
	.korisne {
		float:left;
		width:261px;
		height: auto;
		margin:0px 5px;
		padding:15px 0px;
		border-bottom:1px solid #afb0b1;
		display: inline;
	}
.desniStupac {
		float:right;
		width:679px;
		padding:0px;
		margin:0;
		background:#f1f1f0 url(sadrzaj-bg.jpg) no-repeat right bottom;
		display: inline;
	}
	
	.pretraga {
		float:left;
		width:100%;
		padding:0px;
		margin:0;
		height:auto;
	}
	
	.paginacija {
		float:left;
		width:669px;
		height:44px;
		margin:0px 5px;
		border-bottom:1px solid #afb0b1;
		display: inline;
	}
	.paging{
	border:0;
	margin:12px 0 0 0; 
	padding:0;
	width:550px;
	float: left;
	
	}
	
	.paging li{
	border:0; margin:0; padding:0;
	font-size:10px;
	float:left;
	}
	.paging li, .paging a{
	line-height:23px;
	margin-right:0px;
	}
	.paging .page {
		color:#373629;
		display:block;
		float:left;
		font-weight:bold;
		padding:0px 3px;
		font-size:10px;
	}
	.paging .next a,
	.paging .previous a {
	font-weight:bold;
	
	} 
	
	.paging a:link,
	.paging a:visited {
	color: #807f7f;
	display:block;
	float:left;
	padding:0px 4px;
	text-decoration:none;
	}
	.paging a:hover{
	text-decoration: underline;
	color:#e46b09;
	background:#fff;
	}
	
	.prev-next{
	border:0;
	margin:12px 0 0 0; 
	padding:0;
	width:80px;
	float: right;
	}
	.prev-next li{
	float:left;
	margin-right:3px;
	}
	
	.prev-next a.prev,
	.prev-next a.next {
		background:url(prev-next.png) no-repeat;
		width:32px;
		height:24px;
		display:block;
	}
	.prev-next a.prev { background-position:0px 0px;}
	.prev-next a.prev:hover { background-position:0px -24px;}
	.prev-next a.next { background-position:-33px 0px;}
	.prev-next a.next:hover { background-position:-33px -24px;}

    .paging a.active{
	color:#ffffff;
	display:block;
	float:left;
	padding:0px 4px;
	background:#555;
	font-weight:bold;
	}

     a.nota { display:block;  background:url(nota.png) no-repeat 0px 0px; margin:0; width:27px; height:29px;  top:55px; right:18px;}
     a.nota:hover { background:url(nota.png) no-repeat 1px -29px; }	
/***************LISTANJE PLOVILA**************/
	
.brodica { width:660px; height:140px; float:left; padding:9px 0; margin:0 9px; border-bottom:1px solid #afb0b1; display:inline; position:relative;}
	.brodica img.fotka{ width:202px; height:128px; padding:3px; background:#fff; position:absolute; }
	.brodica h2.titlePretraga{ padding:0 5px; line-height:21px; background:url(titlePretraga.png) no-repeat right top; position:absolute; left:220px; top:0px; color:#5b6261; font-size:1.2em; width:425px; }
	.brodica .podaci-1 {
	border:0;
	margin:0; 
	padding:0;
	width:210px;
	position:absolute;
	left:225px;
	top:42px;
	}
	
	.brodica .podaci-2 {
	border:0;
	margin:0px 0 0 0; 
	padding:0;
	width:210px;
	position:absolute;
	left:415px;
	top:42px;
	}
	
	.brodica .podaci-1 li,
	.brodica .podaci-2 li{
	line-height:22px; 
	margin:0; 
	padding:0;
	height:22px;	
	}
	.brodica .podaci-1 li span.tocka,
	.brodica .podaci-2 li span.tocka{
	width:95px;
	height:22px;
	display:block;
	float:left;
	font-weight:bold;
	font-style:italic;
	color:#686868;
	font-size:1em;
	margin:0; 
	padding:0;
	text-transform:uppercase;
	}
	.brodica .podaci-1 li span.opis,
	.brodica .podaci-2 li span.opis{
	width:285px;
	height:22px;
	display:block;
	font-weight:bold;
	color:#3b3e45;
	font-size:1.1em;
	margin:0; 
	padding:0;
	position:absolute;
    left:90px;
	}
	.brodica .podaci-2 span.opis img{ position:absolute; top:3px; left:0px;}
	.brodica  a.button_3d{ position:absolute; bottom:10px; right:10px;}
	/*.brodica .podaci-1 li span.tocka,
	.brodica .podaci-2 li span.tocka{
	width:95px;
	height:22px;
	display:block;
	float:left;
	font-weight:bold;
	font-style:italic;
	color:#686868;
	font-size:1em;
	margin:0; 
	padding:0;
	text-transform:uppercase;
	}
	.brodica .podaci-1 li span.opis,
	.brodica .podaci-2 li span.opis{
	width:125px;
	height:22px;
	display:block;
	font-weight:bold;
	color:#3b3e45;
	font-size:1.1em;
	margin:0; 
	padding:0;
	position:absolute;
	}
	.brodica .podaci-2 span.opis img{ position:absolute; top:3px; left:0px;}
	.brodica  a.button_3d{ position:absolute; bottom:10px; right:10px;}*/
	
/***************PREGLED PLOVILA DETALJNI**************/
.pregled { width:660px; height: auto; float:left; padding:9px 0; margin:0 9px; border-bottom:1px solid #afb0b1; display:inline; position:relative;}
	.brodica img.fotka{ width:202px; height:128px; padding:3px; background:#fff; position:absolute; }
	.pregled div.titlePregled{ width:100%;  position: relative; float:left; display: block; left:-9px; top:0px; margin-bottom:50px; height:46px;}
	.pregled div.titlePregled h2{ padding:0 60px 0 23px; line-height:46px; background:url(titlePregled.png) no-repeat right top; position: absolute; color:#1c222b; font-size:1.8em;  width:auto;}
	.pregled .box{
	width:263px;
	height:auto;
	padding:20px 10px 10px 10px;
	border:1px solid #ccc;
	position:relative;
	margin-bottom:25px;
	overflow:visible;
	}
	.pregled  .interijer{ height:109px; margin-bottom:0px;}
	.pregled .box-2{
	width:587px;
	height:auto;
	padding:20px 10px 10px 10px;
	border:1px solid #ccc;
	position:relative;
	margin-bottom:25px;
	}
	
	.pregled .box-3{
	width:150px;
	margin-right:18px;
	height:20px;
	padding:20px 10px 10px 10px;
	border:1px solid #999;
	position:relative;
	margin-bottom:25px;
	text-align: center;
	}
	.provizija{margin-right:0px; width:200px; padding-top:5px; border:none; text-align:center;}
	.pregled .podaci-1 {
	border:0;
	margin:0; 
	padding:0;
	width:250px;
	position: relative;
	left:0px;
	top:0px;
	}
	.box span.title,
	.box-2 span.title,
	.box-3 span.title
	{ padding:0 35px 0 5px; line-height:21px; background:url(titlePretraga.png) no-repeat right top; position:absolute; left:10px; top:-10px; color:#1c222b; font-size:1.3em; font-weight:bold; width:auto; }
	.box-3 span.porez { color: #e84b00; }
	.box-3 p.ne { color: #CC0000; }
	.box-3 p.da { color: #009933; }
	.box-3 p.cjena { font-size:1.8em; font-weight: normal; text-align: center; }
	span.title-2{ padding:0 35px 0 5px; line-height:21px; display: inline; background:url(titlePretraga.png) no-repeat right top; float:left; color:#1c222b; font-size:1.3em; font-weight:bold; width:31%; margin-right:3%; }
	
	.pregled .podaci-1 li{
	line-height:22px; 
	margin:0; 
	padding:0;
	height:22px;	
	}
	.pregled .podaci-1 li span.tocka{
	width:150px;
	height:22px;
	display:block;
	float:left;
	font-weight:bold;
	font-style:italic;
	color:#686868;
	font-size:1em;
	margin:0; 
	padding:0;
	position: absolute;
	left:0px;
	text-transform:uppercase;
	}
	.pregled  .podaci-1 li span.opis{
	width:140px;
	height:22px;
	display:block;
	float: left;
	font-weight:bold;
	color:#3b3e45;
	font-size:1.1em;
	margin:0; 
	padding:0;
	position: absolute;
	left:130px;
	}
	span.dane { position:relative; top:-6px;}
	
	.zastava span.opis img{ position:absolute; top:3px; right:0px;}
	span.opis img{ position:absolute; top:3px; right:0px;}
	.ml_40 { margin-left:40px;}
	.pregled p, .footer p { font-size:1.1em;}
	.osnovni_50 { float:left; width:295px; height:auto; margin-bottom:25px; padding:0 0 0 8px; display:inline;}
	.osnovni_gal { float: right; width:340px; background:url(gallery-bg.png) no-repeat center top; height:auto; margin-bottom:25px; padding:7px 0 0 6px;  display:inline; overflow:hidden;}
	.osnovni_100 { float:left; width:98%; height:auto; margin-bottom:0px; padding:0 0 0 8px; display:inline;}
	.brodica  a.button_3d{ position:absolute; bottom:10px; right:10px;}
	.images { height:305px; overflow:hidden;}
	span.info-img { /*height:33px;*/  width:auto; float:left; padding-right:3px;}
	span.info-txt{ /*height:33px;*/   width:95px; float:left; padding-right:3px; }
	
/***************JEDRILICA**************/

/* DIV class="Pjedra" se prikazuju samo
ako su jedra u pitanju, ako ne su hidden
*/
.Pjedra
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 16px;
	height: 30px;
	padding-bottom:45px;
}

.Pjedra span.title-2{ padding:0px 0 0 38px; line-height:21px; display: inline; background:url(titlePretraga.png) no-repeat right top; float:left; color:#1c222b; font-size:1.3em; font-weight:bold; width:100px; text-align:left; }

.contData
{
	float: left;
	height: 19px;
	width: 220px;
	margin-top: 3px;
	border:1px solid #ccc;
	overflow: hidden;
}
.contData h3{
	float: left;
	margin: 0px 0px 0px 0px;
	padding-left: 5px;
	line-height: 17px;
	font-size: 8pt;
}
.contData h2{
	float: right;
	margin: 0px 0px 0px 0px;
	padding-left: 5px;
	line-height: 17px;
	font-size: 8pt;
	font-weight: normal;	
	padding-right: 19px;
}

.contData img
{
	float: right;
	margin-right: 35px;
	margin-top: 1px;
}
.jedro
{
	float: left;
	margin-left: 17px;
	margin-right: 10px;
	width:138px;
}
.jedroTxt
{
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 3px;
	font-size: 8pt;
	line-height: 17px;
	float: left;
	border:1px solid #ccc;
	width: 138px;
	height: 19px;
	text-align: center;
}
	.ispisi{
	border:0;
	margin:12px 0 0 0; 
	padding:0;
	/*width:300px;*/
	text-align:right;
	}
	.ispisi li{
	float:left;
	margin-right:3px;
	}
	.ispisi li a.button_3d { background:url(search-button.png) no-repeat 0px -24px; width:86px; line-height:23px; display:block; text-transform:uppercase; text-align:center; color:#fff; text-decoration:none; font-weight:bold; margin:0 0 5px 10px;}
	.ispisi li a.button_3d:hover { background:url(search-button.png) no-repeat 0px 0px;  color:#5b6261;}
	.ispisi li a.share_3d { background:url(social-button.png) no-repeat 0px -24px; width:86px; line-height:23px; display:block; text-align:center; color:#fff; text-decoration:none; font-weight:bold; margin:0 0 5px 10px;}
	.ispisi li a.share_3d:hover { background:url(social-button.png) no-repeat 0px 0px;  color:#5b6261;}
	.vazno { color:#ff2812; font-size:1.3em; font-weight:bold;}	
		
/* poravnava lijevi i desni stupac u slucaju manje teksta u desnom stupci IE hak*/
	
.text{ width:620px; height: auto; float:left; padding:9px 20px 35px 20px; margin:0 9px; border-bottom:1px solid #afb0b1; display:inline; position:relative; min-height:728px;}
/*\*/
* html .text {
height: 726px;
}
/**/

	.brodica img.fotka{ width:202px; height:128px; padding:3px; background:#fff; position:absolute; }
	div.titlePregled{ width:100%;  position: relative; float:left; display: block; left:-29px; top:0px; margin-bottom:20px; height:46px;}
	div.titlePregled h2{ padding:0 60px 0 33px; line-height:46px; margin:0; background:url(titlePregled.png) no-repeat right top; position: absolute; color:#1c222b; font-size:1.8em;  width:auto;}
	div.cms-txt{ padding:0 6px 0 3px; line-height:1.6; color:#1c222b; font-size:1.2em;   margin:0;}
	div.cms-txt td{  font-size:11px;  }
	div.cms-txt ul{ padding:10px 5px 10px 25px; line-height:1.6; color:#1c222b; font-size:1.1em;  }
	div.cms-txt ul li{ padding:2px 0px; list-style-type:disc; }
	
.footer{
		width:960px;
		height:44px;
		margin:5px 0px;
		display: inline;
	}
	
	.footer ul.menu {  height:44px;margin:0px 10px 0 0; padding:0;}
	.footer ul.menu li { float:left; display: inline;}
	.footer ul.menu li a{ float:left; display: block; margin:0px; padding:0 5px; line-height:44px; color:#585d5f; text-transform:uppercase;}
	.footer ul.menu li a:hover{ color:#e46b09; text-decoration:none;}	
	.footer p{ display: block; margin:0px; padding:0 5px; line-height:44px; color:#585d5f;}
	

#contact p, label, legend { font: 1.5em  Arial, sans-serif; }
.box-4 div.titlePregled{  position: relative; float:left; display: block; left:-9px; top:25px; margin-bottom:50px; height:46px;  width:65%;}
.box-4 div.titlePregled h2{ padding:0 60px 0 23px; line-height:46px; background:url(titlePregled.png) no-repeat right top; position: absolute; color:#1c222b; font-size:1.8em; margin:0; text-align:left;}
#contact .box-4{
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:25px;
	float:left;
	top:5px;
	}

#contact .box-3{
	width:25%;
	margin-right:18px;
	height:auto;
	padding:20px 10px 10px 10px;
	border:1px solid #999;
	position:relative;
	margin-bottom:25px;
	float:left;
	top:25px;
	
	}
	
	
	.box-3 span.porez { color: #e84b00; }
	.box-3 span img { padding:0px; margin:0px; }
	.box-3 p.ne { color: #CC0000; }
	.box-3 p.da { color: #009933; }
	#contact .box-3 p.cjena { font-size:2.6em; font-weight: normal; text-align: center; padding:0; margin:0; }


#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 680px; margin: 0px auto; padding: 20px;  background:#f4f4f4 url(css/contact-bg.jpg) no-repeat center bottom; -webkit-border-radius:5px;  }

#contact .box{width:330px; height:35px; padding:5px 0; display: inline; float:left; border-bottom:1px solid #fff;}

#contact .box-tip{width:660px; height:35px; padding:5px 0; display: inline; float:left; border-bottom:1px solid #fff;}

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 145px; padding-right:10px; font-size: 1.1em; text-align:right;  }

#contact input, textarea, select { margin: 0; padding:2px 5px; color: #666;  border: 1px solid #ccc; margin: 5px 0; font:1.1em  Arial, sans-serif; } 
  
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }

#contact input.submit { width:86px;cursor: pointer;  background: url(search-button.png) no-repeat 0px -24px; color:#fff; height:24px; border:none;}

#contact input.submit:hover { background:url(search-button.png) no-repeat 0px 0px; color:#5b6261;}

#contact input[type="submit"][disabled] { background:#888; }

#contact fieldset { padding:0px; border: none; }

#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } 
p.ispuni { font-size: 13px; font-style:italic; } 
	
	.pika-wrap {width: 350px; margin: 0 auto;}
	
	.pika-image {position: relative; height: 232px; width: 337px; overflow:hidden; /*background: #fafafa; border: 1px solid #e5e5e5; padding: 10px;*/}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 0px; left: 0px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;}
	
	.pika-image .caption {position: absolute; background: url(../../assets/images/75-black.png); /* border: 1px solid #141414;*/ font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}
	
	.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;  display:none;}
	.pika-imgnav a.previous {background: url(images/prev.png) no-repeat left 50%; height: 232px; width: 50px; top: 10px; left: 0px;cursor:pointer;  display:none;}
	.pika-imgnav a.next {background: url(images/next.png) no-repeat right 50%; height: 232px; width: 50px; top: 10px; right: 0px;cursor:pointer;  display:none;}
	
	.pika-textnav {overflow: hidden; margin: 10px 0 0 0; display:none;}
	.pika-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
	.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
	.pika-thumbs {margin:22px 0 0 0; padding: 0; overflow: hidden; }
	.pika-thumbs li {float: left; height: 40px; width: 57px; padding: 3px; margin: 0 2px; cursor: pointer; display:inline;}
	.pika-thumbs li:last {margin: 0;}
	/*.pika-thumbs li .clip {position:relative;width: 57px; height: 40px; padding-bottom:3px; text-align: center; vertical-align: center; overflow: hidden;}
	.pika-thumbs li .clip img {position:relative;height: 39px; width: 56px; overflow: hidden; border-bottom:3px solid #f2f2f2;}
    .pika-thumbs li .clip img:hover {border-bottom:3px solid #16181d;}
    .pika-thumbs li .clip img.active {border-bottom:3px solid #e86320;}
	.clip span{background-color:black;position:absolute;top:5px;left:5px;display:block;}*/
	.pika-thumbs li .clip {position:relative;width: 59px; height: 42px; text-align: center; vertical-align: center; overflow: hidden;}
	.pika-thumbs li .clip img {position:relative;height: 39px; width: 56px; overflow: hidden; border-bottom:1px solid #f2f2f2; border-right:1px solid #f2f2f2; padding-bottom:2px; padding-right:2px;}
    .pika-thumbs li .clip img:hover {border-bottom:1px solid #16181d;border-right:1px solid #16181d;}
    .pika-thumbs li .clip img.active {border-bottom:1px solid #e86320; border-right:1px solid #e86320;}
	.clip span{background-color:black;position:absolute;top:5px;left:5px;display:block;}
	
	span.info-txt{ height: auto;   width:70px; float:left; padding-right:1px; }
	
	ul#pikame{width:350px;}
		
/* aktivirati u slucaju da u prikazu plovila bude i�lo vise od 5 slika */	

	/*.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 5px 10px;}
	.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 50px; width: 330px;}
	.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
	.jcarousel-skin-pika .jcarousel-item-placeholder {background: #fff; color: #000;}*/

table.tbl_onama {width: 620px; float:right; border: none;}
table.tbl_onama td {border: none; text-align: right;}