body {
	margin: 0; padding: 0;
	background: #FFFFFF url(bg.gif) repeat-y center top;
	font-family: arial, helvetica, sans-serif, verdana, lucida, tahoma;
	font-size: 12px;
	color:#444444;
}

h1 { font-size:24px; margin:16px 0; }
h3 { font-size:14px; }

a {color: #007DB4; text-decoration: none;  border:0; }
a:hover {text-decoration: underline;}

a.thumb, a.thumb:hover {border: 0;}
a.image, a.image img {border: 0; margin-bottom: 10px;}

div.more {width: 100%}
div.more a {float: right; font-weight: bold;}

img { border:3px solid #EEEEEE; }
img[align=right] {padding-left: 10px;}

.break { clear:both; }


div#container {
	width: 823px;
	margin:0 auto 0 auto;
}

div#header {
	height:144px;
	background: transparent url(_header.jpg) no-repeat;
	position:relative;
}
div#header h1 { margin:0; padding:0; height:144px; width:300px; text-indent:-999em; }
div#header h1 a { display:block; margin:0; padding:0; height:144px; width:300px; text-decoration:none; border:0; }

div#cwrap1 {
	position:relative;
	background: transparent url(main-bg-top.gif) no-repeat;
	padding: 30px 0 0 0;
	margin:0 0 30px 0;
}
div#cwrap2 {
	background: transparent url(main-bg-bottom.jpg) no-repeat bottom left;
	padding: 0 0 30px 0;
}
div#content {
	background: transparent url(main-bg.gif) repeat-y;
	width: 785px;
	padding:112px 19px 30px 19px;
}

div#content p { line-height:1.4em; margin-top:0; }

/* NAVIGATION */

div#navigation { width: 785px; height: 142px; position:absolute; top:0; left:19px; }
div#navigation ul { list-style-type:none; margin:0; padding:0; height:141px; border-top:3px solid #EEEEEE; }
div#navigation ul li { float:left; border-right:1px solid white; }
div#navigation ul li.last { border-right:0px; }
div#navigation ul li a { display:block; position:relative; font-weight:bold; text-decoration:none; font-size:13px; }
div#navigation ul li, div#navigation ul li a { width:130px; height:140px; }

div#navigation ul li a.c2 { background: transparent url(btn-yellow-bg.gif) no-repeat center 40px; }
div#navigation ul li a.c2 span.text2 { color:#b47600; }
div#navigation ul li a.c3 { background: transparent url(btn-orange-bg.gif) no-repeat center 40px; }
div#navigation ul li a.c3 span.text2 { color:#963400; }
div#navigation ul li a.c4 { background: transparent url(btn-brown-bg.gif) no-repeat center 40px; }
div#navigation ul li a.c4 span.text2 { color:#6e2600; }
div#navigation ul li a.c5 { background: transparent url(btn-beige-bg.gif) no-repeat center 40px; }
div#navigation ul li a.c5 span.text2 { color:#8c7f14; }
div#navigation ul li a.c6 { background: transparent url(btn-green-bg.gif) no-repeat center 40px; }
div#navigation ul li a.c6 span.text2 { color:#5e7139; }
div#navigation ul li a.c7 { background: transparent url(btn-blue-bg.gif) no-repeat center 40px; }
div#navigation ul li a.c7 span.text2 { color:#006896; }

div#navigation ul li a span.img { cursor:pointer; display:block; width:130px; height:85px; }
div#navigation ul li a span.text1
	{ cursor:pointer; display:block; position:absolute; top:86px; left:1px; width:120px; height:39px; padding:5px 5px 4px 5px; color:#FFFFFF; }
div#navigation ul li a span.text2
	{ cursor:pointer; display:block; position:absolute; top:85px; left:0px; width:120px; height:39px; padding:5px 5px 4px 5px; }

div#navigation ul li a.c2 span.img { background: transparent url(btn-img-strong.jpg) no-repeat; }
div#navigation ul li a.c3 span.img { background: transparent url(btn-img-dboat.jpg) no-repeat; }
div#navigation ul li a.c4 span.img { background: transparent url(btn-img-ddive.jpg) no-repeat; }
div#navigation ul li a.c5 span.img { background: transparent url(btn-img-pricelist.jpg) no-repeat; }
div#navigation ul li a.c6 span.img { background: transparent url(btn-img-accommodation.jpg) no-repeat; }
div#navigation ul li a.c7 span.img { background: transparent url(btn-img-vodice.jpg) no-repeat; }

/*div#navigation ul li a:hover span.text2 { color:#254B8C; }*/
div#navigation ul li a:hover, div#navigation ul li a.selected { background-position:bottom center; }

/* LANGUAGES */

div#lang { width: 450px; height:45px; position:absolute; top:25px; right:29px; }
div#lang ul { list-style-type:none; margin:0; padding:0; height:45px; border:0; }
div#lang ul li { float:right; padding:0 0 0 5px; border:0; }

div#lang ul li a { display:block; height:45px; width:46px; }

div#lang ul li a.lang-hr { background: transparent url(lang-hr.png) no-repeat bottom left; }
div#lang ul li a.lang-en { background: transparent url(lang-en.png) no-repeat bottom left; }
div#lang ul li a.lang-de { background: transparent url(lang-de.png) no-repeat bottom left; }
div#lang ul li a.lang-it { background: transparent url(lang-it.png) no-repeat bottom left; }
div#lang ul li a.lang-pl { background: transparent url(lang-pl.png) no-repeat bottom left; }

div#lang ul li a:hover, div#lang ul li.on a { background-position: top left; }

/* PATH */

div#path { padding:10px 15px; margin:5px 0; }
div#path a { font-weight:bold; }


/* SUBMENU */

div#rightside { width:195px; float:right; }
div#submenu { zoom:1; background:#EEEEEE; padding:10px 15px 5px 0; margin:0 0 10px 0; }

div#submenu ul { list-style-type:none; margin:0; padding:0; }
div#submenu ul li a { display:block; padding:2px 0 2px 5px; margin:0 0 5px 0; font-weight:bold; text-decoration:none; }
div#submenu ul li a:hover, div#submenu ul li a.selected { color:#FFFFFF; background:#007DB4; }


/* CONTACTBOX */

div#rightside div#contactbox { padding:10px 15px 5px 0; margin:0 0 10px 0; }
div#rightside div#contactbox h3 { margin:0; padding:0 0 5px 5px; border-bottom:2px solid #007DB4; }
div#rightside div#contactbox div { padding:5px; }
div#rightside div#contactbox a { font-weight:bold; }


/* CENTER CONTENT */

div#center { float:left; width:550px; padding:0 0 0 15px; }


/* FOOTER*/

div#footer { width: 785px; height:20px; margin:0 auto; text-align:center; position:relative; top:-33px; }
div#footer span { font-weight:bold; display:block; position:absolute; }
div#footer span.fg { color:#FFFFFF; top:1px; left:15px; }
div#footer span.bg { color:#000000; top:2px; left:16px; }



/* PRICELIST */

table.pricelist { background:#DDDDDD url(table-bg.gif) repeat-x; width:100%; margin-bottom:20px; }
table.pricelist.last { margin-bottom:0px; }
table.pricelist td { background:#FFFFFF; }
table.pricelist tr.colname td
	{ background:#DDDDDD url(table-bg.gif) repeat-x -2px -2px; font-weight:bold; padding:7px 5px 5px 5px; }


/* GALERIJA HORIZONTALNA */

.gallery-horizontal { width:550px; height:121px; background:#DDDDDD; margin:20px 0; }

.gallery-horizontal .scroller-container a { outline:none; }
.gallery-horizontal .scroller-container { position:relative; width:550px; height:121px; padding:0; }
.gallery-horizontal .scroller-container a#galleryscroller-left { float:left; display:block; width:30px; height:121px;
	background:#DDDDDD url(scroller-left-bg.gif) no-repeat left top; }
.gallery-horizontal .scroller-container a#galleryscroller-right { float:right; display:block; width:30px; height:121px;
	background:#DDDDDD url(scroller-right-bg.gif) no-repeat right top; }
.gallery-horizontal .scroller-container a#galleryscroller-left:hover { background-position:left bottom; }
.gallery-horizontal .scroller-container a#galleryscroller-right:hover { background-position:right bottom; }

.gallery-horizontal .scroller-container .scroller
	{ position:absolute; left:35px; width:480px; height:121px; overflow:hidden; padding:0; margin:0; }
.gallery-horizontal .scroller-container .scroller .drag { position:absolute; left:0; }

.gallery-horizontal .scroller-container table { border-collapse:collapse; height:121px; }
.gallery-horizontal .scroller-container table img { border:2px solid #BBBBBB; cursor:pointer; }
.gallery-horizontal .scroller-container table a:hover img { border:2px solid #DD5200; }
.gallery-horizontal .scroller-container table td { padding:0 5px; }
.gallery-horizontal .scroller-container table td.last { padding-right:0; }
.gallery-horizontal .scroller-container table td.first { padding-left:0; }