html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
object, embed{display:block; overflow:hidden;}
body{line-height:1;}
ol, ul{list-style:none;}
a:active{ outline:none; }
a:focus{ -moz-outline-style:none; }
/* remember to define focus styles! */
:focus{outline:0;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0;}

body{
	font:normal 12px Arial;
	color:#002540;
	background-color:#ddd;
	text-align:left;
}
#oko-wrapper{
	position:absolute;
	width:100%;
	top:0;
	background:transparent url(https://navitech.hr/slike/navitech-traka.gif) 0 0 repeat-x;
}
#wrapper{
	background:url(https://navitech.hr/slike/header-logo.png) 0 0 no-repeat;
	margin:0 auto;
	width:998px;
}
#prvi{
	width:998px;
	height:94px;
}
#bread{
	width:633px;
	height:40px;
	padding:0 0 0 365px;
	color:#000;
}
#bread a{
	line-height:40px;
}
#bread a{color:#000; text-decoration:none;}
#bread a:hover{color:#666; text-decoration:none;}
#footer a{color:#546981; text-decoration:none;}
#footer a:hover{color:#6b89ab; text-decoration:none;}
#treci{
	width:998px;
	height:66px;
}
#jezici{
	float:left;
	width:248px;
	height:55px;
	padding:11px 0 0 114px;
}
#jezici img{
	float:left;
	margin:0 8px 0 0;
}
h1{color:#132d4f; font:normal 32px/66px Arial; width:636px; height:66px;float:left;}
h2{float:left;font-size:12px;font-weight:normal;}
h2 a{color:#000;text-decoration:none;}
h3{clear:left;font:normal 24px/24px Arial;display:block;margin:0 0 10px 0;}
h3 a{color:#132d4f;text-decoration:none;}
h4{font-size:24px; color:#132D4F; font-weight:normal;margin:0 0 10px 0;}
h5{float:left;font-size:12px;font-weight:normal;}
h5 a{color:#c0c0c0;text-decoration:none;}
.blok{
	display:block;
}
.clear{clear:both; height:1px;}
.clear5{clear:both; height:5px;}
.clear10{clear:both; height:10px;}
.clear15{clear:both; height:15px;}
.clear20{clear:both; height:20px;}
a{color:#132D4F; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}
.kocka1{
	float:left;
	width:290px;
	height:320px;
	background:url(https://navitech.hr/slike/kocka-bg.png) 0 0 no-repeat;
	margin:0 22px 22px 0;
	padding:13px 13px 23px 13px;
	line-height:17px;
	cursor:pointer;
	font-size:11px;
}
.kocka2{
	float:left;
	width:290px;
	height:320px;
	background:url(https://navitech.hr/slike/kocka-bg.png) 0 0 no-repeat;
	margin:0 0 22px 0;
	padding:13px 13px 23px 13px;
	line-height:17px;
	cursor:pointer;
	font-size:11px;
}
.kocka1 h3, .kocka2 h3{
	margin:12px 0;
	text-align:center;
}
.kocka1 h3 a, .kocka2 h3 a{
	color:#132D4F;
	text-decoration:none;
	text-align:center;
}
.kocka1 h3 a:hover, .kocka2 h3 a:hover{
	color:#000;
}
img.slika-pocetna{
	border:1px solid #000;
}
#pagination{float:right; margin:20px 0 0 0;}
#pagination-digg li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a{ border:solid 1px #9aafe5; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off{ border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:0 4px; }
#pagination-digg .next a,
#pagination-digg .previous a{ font-weight:bold; }	
#pagination-digg .active{ background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:1px 7px; /* savers */ margin-right:2px; }
#pagination-digg a{ color:#0e509e; display:block; float:left; padding:0 6px; text-decoration:none; }
#pagination-digg a:hover{ border:solid 1px #0e509e; }
.btn{
	height:27px;
	display:block;
	background:#eeeeee; /* old browsers */
	background:-moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
	text-align:center;
	float:left;
	color:#444;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #c4c4c4;
	font:bold 12px/27px Arial;
	margin:0 10px;
	padding:0 15px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
input.btn{float:left;}
.btn:hover{
	background:#f2f5f6; /* old browsers */
	background:-moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%); /* firefox */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc)); /* webkit */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* ie */
	border:1px solid #c4c4c4;
	color:#444;
}
a.btn, a.btn:hover{color:#444;}
.entry{
	margin:0 0 20px 0;
}
#footer{
	clear:both;
	background:url(https://navitech.hr/slike/footer.png) 0 0 no-repeat;
	text-align:left;
	padding:15px 0 0 28px;
	height:148px;
	width:965px;
	color:#546981;
	line-height:16px;
	margin:0 0 40px 0;
}
#footer div.dijel{
	float:left;
	margin:0 45px 0 0;
}
#footer div.dijel a{
	display:block;
}
#footer div.dijel-zadnji{
	float:left;
}
#footer div.dijel-zadnji a{
	display:block;
}
.contactForm div{
	display:block;
}
.contactForm label{
	font-size:12px;
	font-weight:bold;
	display:block;
	clear:both;
	float:left;
	padding-bottom:3px;
	margin-bottom:10px;
}
.contactForm input[type=text],
.contactForm2 input[type=text]{
	border:1px solid #b0b0b0;
	background:#fff;
	font-size:12px;
	color:#646464;
	padding:2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	display:block;
}
.contactForm textarea{
	border:1px solid #b0b0b0;
	background:#fff;
	font-size:12px;
	color:#646464;
	padding:2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	display:block;
	resize:none;
	font-family:Arial, Helvetica, sans-serif;
}
.contactForm input[type=text].error{
	border:1px solid #cc0000;
	background:#ffc5c5;
}
.contactForm textarea.error{
	border:1px solid #cc0000;
	background:#ffc5c5;
}
.notification{
	width:100%;
	height:auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-top:10px;
}
#contactForm .notification{
	width:100%;
}
.notification div{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:2px 2px 2px 30px;
}
.notification.success{
	border:1px solid #54aa29;
	background:#d3f4c0;
	font-size:12px;
	color:#477e2b;
}
.notification.success li{
	line-height:17px;
	list-style-type:none;
	border-radius:3px;
	padding:2px 2px 2px 30px;
}
.notification.success div{
	border:1px solid #fff;
	background:url(https://navitech.hr/slike/offline/notification_success_icon.png);
	background-repeat:no-repeat;
	background-position:8px center;
}
.notification.error{
	border:1px solid #aa2929;
	background:#f4c0c0;
	font-size:12px;
	color:#7e2b2b;
}
.notification.error li{
	line-height:17px;
	list-style-position:inside;
	border-radius:3px;
	padding:2px 2px 2px 10px;
}
.notification.error div{
	border:1px solid #fff;
	background:url(https://navitech.hr/slike/offline/notification_error_icon.png);
	background-repeat:no-repeat;
	background-position:8px center;
}
/* ****************************************
Utopian CSS3 Dropdown Menus
by Justin Carroll (3circlestudio.com)
Version:1.0
**************************************** */
/* Horizontal Style */
#utopian-navigation{
height:94px;
margin-left:352px;
}
#utopian-navigation, #utopian-navigation ul{
	font-size:14px;
}
#utopian-navigation ul{
	display:none;
	z-index:10;
}
#utopian-navigation li:hover ul{
	display:block;
}
#utopian-navigation a{
	color:#fff;
	display:block;
	line-height:1;
	font:normal 15px/15px Trebuchet MS;
	padding:10px 20px;
	text-decoration:none;
}
/**************************/
#utopian-navigation li:hover>a.jaci{
	background:url(https://navitech.hr/slike/utopi-hover.png) 50% 0 no-repeat;
}
#utopian-navigation li > ul li{
	background:url(https://navitech.hr/slike/utopi-hover.png) 50% 0 no-repeat;
}
/***********************/
#utopian-navigation a:hover{
	color:#ffffff;
}
#utopian-navigation a.jaci{
	height:41px;
	padding:53px 20px 0 20px;
}
#utopian-navigation a.jaci:hover{
	color:#ffffff;
	background:url(https://navitech.hr/slike/utopi-hover.png) 50% 0 no-repeat;
}
#utopian-navigation li{
	float:left;
	display:block;
}
#utopian-navigation img{
	float:left;
	display:block;
}
#utopian-navigation li ul{
	background:#1B3950;
	left:-9999px;
	position:absolute;
	width:190px;
}
#utopian-navigation li ul a{
	border-top:1px solid #1B3950;
	border-right:0;
	border-bottom:1px solid #274b66;
	border-left:0;
	color:#fff;
	font-weight:normal;
	padding:9px 20px;
	width:150px;
	font-size:12px;
}
#utopian-navigation li ul a:hover, #utopian-navigation > li.dropdown li.dropdown > a:hover, #utopian-navigation > li.dropdown li.dropdown:hover > a{
	background:#01233f;
	border-top:1px solid #01233f;
	border-right:0;
	border-bottom:1px solid #01233f;
	border-left:0;
 	color:#ffffff;
	font-weight:normal;
	padding-top:9px;
}
#utopian-navigation > li.dropdown li.dropdown > a:hover, #utopian-navigation > li.dropdown li.dropdown:hover > a{
	background:#01233f url(https://navitech.hr/slike/arrow-right-white.gif) no-repeat center right;
}
#utopian-navigation li ul ul{
	margin:-35px 0 0 190px;
}
#utopian-navigation li:hover ul ul, #utopian-navigation li:hover ul ul ul{
	left:-9999px;
}
#utopian-navigation li:hover ul, #utopian-navigation li li:hover ul, #utopian-navigation li li li:hover ul{ /* lists nested under hovered list items */
	left:auto;
}
#utopian-navigation > li.dropdown > a{
	padding-right:20px;
}
#utopian-navigation > li.dropdown:hover > a{
	color:#ffffff;
	padding:53px 20px 0 20px;
}
#utopian-navigation > li.dropdown li.dropdown > a{
	background:url(https://navitech.hr/slike/arrow-right-gray.gif) no-repeat center right;
}
#utopian-navigation > li.active > a, #utopian-navigation > li.active > a:hover{
	color:#ffffff;
	background:url(https://navitech.hr/slike/utopi1.png) 50% 0 no-repeat;
}
.utol{
	float:left;
}
#sve-oko{
	float:left;
	width:998px;
}
#sve-oko img{
	display:block;
	float:left;
}
#lijevi-oko img{
	display:block;
	float:left;
}
#desni-oko img{
	display:block;
	float:left;
}
#lijevi-oko-sve{
	float:left;
	width:318px;
	margin:0 22px 15px 0;
}
#lijevi-oko{
	float:left;
	width:318px;
	margin-bottom:15px;
}
#lijevi{
	float:left;
	width:278px;
	background:url(https://navitech.hr/slike/ls.png) 0 0 repeat-y;
	padding:0px 20px;
	line-height:16px;
}
#lijevi-oko-main{
	float:left;
	width:318px;
	height:289px;
	margin:0 22px 15px 0;
}
#lijevi-main{
	float:left;
	width:278px;
	height:251px;
	background:url(https://navitech.hr/slike/ls.png) 0 0 repeat-y;
	padding:0px 20px;
	line-height:16px;
	cursor:pointer;
}
#lijevi-main ul{
	margin:2px 0;
}
.row img{
	margin-right:11px;
}
#desni-oko{
	float:right;
	width:658px;
	margin-bottom:15px;
}
#desni{
	float:left;
	width:610px;
	background:url(https://navitech.hr/slike/ds.png) 0 0 repeat-y;
	padding:0 24px;
	line-height:16px;
}
#desni-main{
	float:left;
	width:610px;
	background:url(https://navitech.hr/slike/ds.png) 0 0 repeat-y;
	padding:0 24px;
	line-height:16px;
	height:251px;
}
a.plovila{
	font-size:18px;
	color:#132d4f;
	text-decoration:none;
}
a.plovila:hover{
	color:#000;
}
.rss{
	float:left;
	width:120px;
}
.clanak{
	width:610px;
	margin-bottom:20px;
}
.clanak img{
	float:left;
	display:block;
	margin:0 10px 20px 0;
	border:1px solid #ccffff;
}
img.floatLeft{
	float:left;
}
.clanak p{
	display:block;
	margin-bottom:10px;
}
.plovila{
	clear:left;
	width:622px;
	padding-left:8px;
}
.plovila img{
	display:block;
	margin:0 10px 20px 0;
	border:1px solid #ccffff;
}
.plovila p{
	display:block;
	margin-bottom:10px;
}
.plovila-list{
	clear:left;
	width:602px;
	padding-left:8px;
	cursor:pointer;
}
.plovila-list:hover{
	background-color:#a7d8ff;
}
.plovila-list img{
	display:block;
	margin:0 10px 20px 0;
	border:1px solid #fff;
}
.plovila-list p{
	display:block;
	margin-bottom:10px;
}
table.nicetable{
	float:left;
	border-collapse:collapse;
	width:300px;
	margin:20px 8px 0 0;
}
table.nicetable span{
	color:#ff0000;
}
table.nicetable label{
	font-size:12px;
	color:#3b3b3b;
}
table.nicetable td{
	vertical-align:top
}
textarea{
	resize:none;
} 
textarea.text1{
	font-size:11px;
	width:196px;
	height:150px;
	border:1px solid #bac7d9;
	padding:3px 5px;
}
input.text1{
	font-size:11px;
	width:196px;
	height:15px;
	border:1px solid #bac7d9;
	padding:2px 5px;
	margin-bottom:2px;
}
input.button1{
	font-size:11px;
	color:#3b3b3b;
	height:25px;
	width:208px;
	border:1px solid #bac7d9;
	text-align:center;
	padding:0 5px;
	cursor:pointer;
	margin-top:5px;
}
p.kontakt-head{
	float:left;
	font-size:12px;
	margin:20px 0 10px 0;
}
p.kontakt-opis{
	clear:left;
	float:left;
	width:300px;
	margin:20px 8px 0 0;
	font-size:12px;
	line-height:25px;
}
p.kontakt-info{
	float:left;
	width:278px;
	margin-top:20px;
	line-height:25px;
}
#mapkontakt{
	float:right;
	width:610px;
	height:300px;
	margin:15px 0;
}
.div-table1{
	float:left;
	width:450px;
}
.div-table2{
	float:left;
	width:610px;
	margin-bottom:10px;
}
.div-row1{
	width:478px;
}
.div-row2{
	width:610px;
}
.div-data1{
	float:left;
	text-align:left;
	width:235px;
	height:16px;
	font-weight:bold;
}
.div-data2{
	float:left;
	text-align:left;
	padding-left:10px;
	width:205px;
}
.galerija{
	width:610px;
}
.galerija img{
	border:1px solid #CCFFFF;
	float:left;
	margin-bottom:10px;
}
.galerija img:hover{
	border:1px solid #000;
}
.galerija1img{
	margin-right:14px;
}
.clanak ul{
	/*list-style:none;*/
}
.clanak li{
	list-style-image:url('https://navitech.hr/slike/article-bullet.png');
	margin-left:15px;
}
.clanak-lijevo ul{
	/*list-style:none;*/
}
.clanak-lijevo li{
	list-style-image:url('https://navitech.hr/slike/article-bullet.png');
	margin-left:15px;
}
.clanak-lijevo a{
	color:#f00;
}
.clanak-lijevo a:hover{
	color:#000;
}
.clanak-lijevo img{
	float:left;
	display:block;
	margin-top:4px;
	border:1px solid #ccffff;
}
.popis-cjenika a{
	float:left;
	clear:left;
	color:#132d4f;
	display:block;
	font-size:15px;
	margin:10px 0;
}
.popis-cjenika a:hover{
	color:#f00;
}
.popis-cjenika h4{
	float:left;
	clear:left;
	display:block;
}
.big-title{
	width:100%;
	text-align:right;
	font:normal 30px/60px Arial;
}
.big-title span a{
	font-size:12px;
	color:#132D4F;
}
.big-title span a:hover{
	text-decoration:underline;
}
.fullBg {
	position:fixed;
	top:0;
	left:0;
	overflow:hidden;
	width:100%;
	height:100%;
}
#freeform{
	width:278px;
	float:left;
}
.port-hole{
	background:url(https://navitech.hr/slike/zakovica.png) 0 0 no-repeat;
	width:250px;
	height:122px;
	padding:15px;
	margin:5px 0 0 5px;
}
span.cijena{
	float:right;
	clear:right;
}
.vremenska-pocetna{
	float:left;
	/*margin-left:81px;*/
}
span.vremenska-poc a{
	float:left;
	line-height:26px;
	font-size:18px;
	width:150px;
	height:90px;
	padding:28px 0 0 12px;
	text-decoration:none
}

span.vremenska-poc a:hover{text-decoration:underline}

.entry-upute {margin: 0; padding: 0; font-size:13px;}
.entry-upute p {padding: 0 0 10px 0;}
.entry-upute ul {list-style-type: square; padding: 0 0 10px 30px;}
.entry-upute ul li {padding: 0;}
.entry-upute ol {list-style-type: decimal-leading-zero; padding: 0 0 20px 40px;}
.entry-upute ol li {padding: 0 0 20px 0;}
.entry-uputecms {margin: 0; padding: 0; font-size:13px;}
.entry-uputecms p {font-size:13px;}
.entry-uputecms ul {list-style-type: square; padding: 0 0 20px 30px;}
.entry-uputecms ul li {padding: 0 0 8px 0;}
.entry-uputecms ol {list-style-type: decimal-leading-zero; padding: 0 0 20px 30px;}
.entry-uputecms ol li {padding: 0 0 8px 0;}
.uputescreenovi {background:#dbf7ce; border: 1px solid #acce9c; padding:10px; margin: 0 0 20px 0;}
.uputeslika1 {margin: 0 29px 10px 0; border: 1px solid #cfd2d7; float: left; padding:2px; background: #fff;}
.uputeslika2 {margin: 0 0 10px 0; border: 1px solid #cfd2d7; float: left; padding:2px; background: #fff;}

.vremenska-datum {font-size:30px; color:#132D4F; font-weight:bold;margin:15px 0;}