body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}



ol, ul {
/*	list-style: none; */
	}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}

fieldset, img {
	border: 0;
	}

caption, th {
	text-align: left;
	}

q:before, q:after {
	content:'';
	}

body {
	background-image: url(images/backtop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #484848;
}

A:link {COLOR: #444444; text-decoration: none }
A:visited {COLOR: #444444; text-decoration: none}
A:hover {COLOR: #E7610D; text-decoration: none}
A:active {COLOR: #444444; text-decoration: none}


html {background-color: #1d416b;}
h1 {font-size: 18px; line-height: 20px; margin: 0px 0 7px 0; font-weight: bold;}
h2 { line-height: 20px; margin: 0px 0 0px 0; font-size: 18px;}
h3 { line-height: 20px; margin: 0px 0 0px 0; font-size: 16px;}

.top {background-image: url(images/top.jpg); width: 820px; height: 82px; margin: 0 auto;}
.iconup {float: right; padding: 10px 10px 0 0;}
.top2 {background-image: url(images/top2.jpg); width: 820px; height: 50px; margin: 0 auto;}
.top2 h2 {float: right; color: #FFFFFF; font-size: 22px; padding: 24px 22px 0 0; line-height: 24px;}
.top3 {background-image: url(images/top3.jpg); width: 820px; height: 118px; margin: 0 auto;}
.top3a {background-image: url(images/top3a.jpg); width: 820px; height: 113px; margin: 0 auto;}
.flag {float: right; padding: 85px 15px 0 0;}
.top4 {background-image: url(images/top4.jpg); width: 820px; height: 5px; margin: 0 auto; background-position: top; background-repeat: repeat-x;}

.ocisti {CLEAR: both; MARGIN-TOP: 0px; FONT-SIZE: 0px; LINE-HEIGHT: 0px}

/* Početak navigacije */

#navcontainer {PADDING-BOTTOM: 0px;  WIDTH: 820px; PADDING-TOP: 0px;  margin: 0 auto;}
#navcontainer UL {MARGIN: 0 5px 0 5px; padding: 5px 5px 0 5px; HEIGHT: 34px;}
#navcontainer UL LI { DISPLAY: block;  FLOAT: left;  MARGIN: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center}
#navcontainer A {BORDER-RIGHT: #fff 1px solid; DISPLAY: block;  COLOR: #fff; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none; font-weight: bold; line-height: 28px;}
#navcontainer A:hover {BACKGROUND: #b40100; COLOR: #fff; BORDER-BOTTOM-STYLE: none}

/* Moji */

#navcontainer LI A {background: #30609b; WIDTH: 98px;}
#navcontainer LI A:hover {background: #e85a06;}


#navcontainer LI#zadnja A {background: #30609b; WIDTH: 106px;}
#navcontainer LI#zadnja A:hover {background: #e85a06;}

.slika {background: #fff;
	border: solid 1px #d1d1d1;
	padding: 5px;
	float: left; margin: 4px 10px 2px 0;}
	
a.slika:hover {background: #dcdcdc;
	border: solid 1px #bdbdbd;
	padding: 5px;
	float: left; margin: 4px 10px 2px 0;}
	
.slika2 {background: #fff;
	border: solid 1px #d1d1d1;
	padding: 5px;
	float: left; margin: 4px 10px 2px 0;}
	
a.slika2:hover {background: #dcdcdc;
	border: solid 1px #bdbdbd;
	padding: 5px;
	float: left; margin: 4px 10px 2px 0;}

/* Kraj navigacije */

#sredina {background-color: #FFFFFF;}
#container {width: 820px; margin: 0 auto; padding: 5px 5px 15px 5px; }
#left {float:left; width: 550px; padding: 5px 10px 0px 10px; }
#sve {float:left; width: 800px; padding: 5px 0px 0px 10px; }

	

#right {
	float: left;
	width: 220px;
	margin-left: 0px;
	padding-left: 20px;
	background-image: url(images/desno.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.dolje {background-image: url(images/dolje.jpg); height: 38px;}



#information {
	border-top: solid 3px #1a3d66;
	}
	
#information p {
	padding: 0;
	}

#information a {
color: #f8911b; text-decoration: none;
	}

#information a:hover {
	color: #fff;
	}

#information h4 {

	color: #f8911b;
	font-size: 1.4em;
	padding: 0.5em 0;
	font-weight: bold;
	}

#contact .ccolor {
	color: #f8911b;
	}
	
#contact {
	color: #fff;
	width: 800px;
	margin: 0 auto;
	}

#direct {
	position: relative;
	width: 189px;
	float: right;
	padding: 5px 0 1px 0;
	}

#clientwebform {
	background: url(images/info.gif) no-repeat 0 3.5em;
	position: relative;
	width: 520px;
	float: left;
	margin-left: 0px;
	padding: 5px 0 10px 0;
	}

#direct img {
	vertical-align: middle;
	}
	
#clientwebform p {
	padding-left: 40px;
	}

#footer	{width: 800px; margin: 0 auto; }
#linkovi {padding-bottom: 5px; padding-top: 0px;}
#linkovi li {display: block; list-style-type: none; display: inline; border-right: #f8911b solid 1px; padding: 0px 9px 0px 9px;}
#linkovi li.prvi {display: block; list-style-type: none; display: inline; border-right: #f8911b solid 1px; padding: 0px 9px 0px 0px;}
#linkovi li.zadnji {display: block; list-style-type: none; display: inline; border-right: #f8911b solid 0px; padding: 0px 9px 0px 9px;}
#linkovi a { color: #f8911b; text-decoration: none;}
#linkovi a:hover { color: #fff;}
.adresa {color: #FFFFFF; padding-bottom: 15px;}
	
	/* ==== Sidebar ==== */

#sidebar {
float:left;
min-width:8em;
width: 220px;
margin-bottom: 20px;


font-size:1em;
line-height:1.63em;
}

#sidebar h3 {
clear:both;
margin:0 0 0 -16px;
padding:12px 0 12px 16px;
font:bold .985em/1em georgia,serif;
color:#85846D;
background:inherit;
}

#sidebar ul {
margin:0;
padding-bottom:20px;
color:inherit;
background-color:#FBF6F1;
list-style-type:none;
}

#sidebar ul li {
margin:0;
padding:0;
line-height:1.65em;
}

#sidebar ul li ul {
margin:0;
padding:0;
}

#sidebar li a {
display:block;
padding:3px 4px 3px 10px;
font-weight:normal;
text-decoration:none;
color:#767560;
background: #F7F5F2 url(images/dotline.gif) repeat-x left bottom;
}

#sidebar li li a {
padding:3px 4px 3px 16px;
}


#sidebar li.pagelev1active {
color:#FFF; padding:3px 4px 3px 10px;
background:#e85a06 url(images/navi-arrow-active.gif) right center no-repeat; font-weight: bold;
}





#sidebar li a:hover, 
#sidebar li a:focus,
#sidebar li a:active {
color:#767560;
background-color:#ededed !important;
}

div.ikone ul.icons {width:100%;overflow:hidden; margin-top: 30px;}
div.ikone ul.icons li {margin-right:6px;float:left; margin-bottom: 6px;}
div.ikone ul.icons li.cat4,

div.ikone ul.icons li a {width:65px;height:50px;border:1px solid #CCCCCC;background:#FFFFFF;display:block;}
div.ikone ul.icons li a:hover,
div.ikone ul.icons li a:active,
div.ikone ul.icons li a:focus {border-color:#CCCCCC;background:#CCCCCC;}
div.ikone ul.icons li a[href="#"] {border-color:#CCCCCC;background:#FFFFFF;cursor:default;}
div.ikone ul.icons li a img {width:59px;height:44px;margin:3px;}


div.box {padding:0px 5px 7px 0px;background:url(bck_box.gif) right bottom no-repeat; width: 540px;}
div.box .border {border:1px solid #CCCCCC;padding:5px;background:#FFFFFF;display:block;}
div.box .border img.slide {width:530px;height:145px;}

.apartman {
	background-image: url(images/bg_apartment.png);
	padding: 10px 10px 10px 10px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
}

.prices {}
.pricesnapomena {padding-top: 0px; }
.nap {float: left; width: 200px; padding-top: 20px;}
.nap ul { padding-left: 20px;}
.nap2 {float: left; width: 300px; padding-top: 20px; }
.nap2 ul { padding-left: 20px;}
.nap3 {float: left; width: 200px; padding-top: 20px; }
.nap3 ul { padding-left: 20px;}
.nap4 {float: left; width: 800px; padding-top: 20px;}
.nap5 {float: left; width: 500px; padding-top: 20px;}
.nap5 ul { padding-left: 20px;}

.cijenenaslovi li { display: block; float: left; }
.pricesnaslov {height: 40px; border-bottom: #999 double;}
.prices li { display: block; float: left; border-bottom: 1px #cdcccc solid;}
.datumi {width: 84px; text-align: center;}
.jahte {width: 120px; font-weight: bold;}
.jahten {width: 120px;}
.ostale {width: 55px; text-align: center;}
.godine {width: 40px; text-align: center;}

.ulijevo {float: left; margin-right: 43px; padding-top: 10px;}
.ulijevo ul { margin-top: 10px;}
.ulijevo li {}
.ulijevo2 {float: left; padding-top: 10px;}
.ulijevo2 ul { margin-top: 10px; }
.ulijevo2 ul li {width: 200px;  display: block; float: left;}
.ulijevo2 li span.kilometara {font-weight: bold; text-align: right; width: 100px; margin-left: 10px;}
.ulijevo2 img {float: left; border: 1px #000000 solid; padding: 2px; margin-right: 5px; margin-top: 10px;}

/* Galerija */

div.galerija ul.slicica {width:100%;overflow:hidden; margin-top: 30px;}
div.galerija ul.slicica li {margin-right:6px;float:left; margin-bottom: 6px;}
div.galerija ul.slicica li.cat4,

div.galerija ul.slicica li a {border:1px solid #CCCCCC;background:#FFFFFF;display:block;}
div.galerija ul.slicica li a:hover,
div.galerija ul.slicica li a:active,
div.galerija ul.slicica li a:focus {border-color:#CCCCCC;background:#CCCCCC;}
div.galerija ul.slicica li a[href="#"] {border-color:#CCCCCC;background:#FFFFFF;cursor:default;}
div.galerija ul.slicica li a img {width:165px;height:113px;margin:3px;}

/* Brodovi */

.boat {
	padding: 1px 0 0px 20px;
	margin-top: 0px;
	background-image: url(images/bac.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.boat ul {list-style: square; padding-left: 20px; }
.boat li {
	display: block;
	float: left;
	width: 230px;
	list-style: square;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
.spec {font-size: 16px; margin: 15px 0 10px 0; font-weight: bold;}
.brod {font-weight: bold;}

.boat2 {
	padding: 1px 0 0px 20px;
	margin-top: 0px;

	background-repeat: no-repeat;
	background-position: top;
}
.boat2 ul {list-style: square; padding-left: 20px; }
.boat2 li {
	display: block;
	float: left;
	width: 230px;
	list-style: square;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

/* Linkovi */
.linkkate {font-size: 18px; font-weight: bold; margin-top: 15px;}
.lin li a:link {color: #CC3300;}
.lin li a:visited { color: #CC3300;}
.lin li a:hover {color: #CC3300; text-decoration: underline;}
.lin li a:active {color: #CC3300;}
.lin ul {list-style: disc; padding-left: 20px;}
.linkredaj li {padding-left: 5px;}
.linkredaj ul {margin-bottom: 20px;}
.link {float: right; font-weight: bold; padding: 10px 0 10px 0;}

/* Forma */

form p {padding-top: 10px;}

form input {
border: #666 1px solid;
width: 250px;
}

form textarea {
border: #666 1px solid;
width: 250px;
}

form select {
border: #666 1px solid;
width: 250px;
}

 label
{
width: 120px;
float: left;
text-align: right;
margin-right: 15px;
display: block;
font-weight: bold;

}

.submit input
{
width: 80px;
margin-left: 135px;
}