/* ====================================================== Cross browser CSS FIX */ 

html,button,input,select,textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,canvas,img,video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.hidden { display: none !important;  visibility: hidden; }
.invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.hide  { display: none; }

ul { list-style: none; }
input,textarea,select { font-family: Verdana; }
a img  { border: 0; text-decoration: none; }
.clear { clear: both; overflow: hidden; }
.block { display: block; }
.hand  { cursor: pointer; }

/* h1, h2 { margin: 0px; padding: 0px; } */
p {
	padding: 0px;
	margin: 0px;
}
.left  { float: left;}
.right { float: right;}

.clearfix:before,.clearfix:after { content: " "; /* 1 */  display: table; /* 2 */ }
.clearfix:after { clear: both; }
*.clearfix { *zoom: 1; } /* IE6/7 */

body {
	margin:0px 0px;
	padding:0px; /* Consistency cross browsers. */
	text-align:center; /* Hack for IE5/Win */	
}

	
/* ==================================================================================== HTML5 Form Layout */

.contact_form h2, .contact_form label {font-family:Georgia, Times, "Times New Roman", serif;}
.form_hint, .required_notification {font-size: 11px;}
.contact_form ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}
.contact_form li{
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1E0F1;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	color: #666;
}
.contact_form label {
	width:150px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
}
.contact_form input {
	height:18px;
	width:220px;
	padding:5px 8px;
	display: block;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:156px;}
.contact_form input, .contact_form textarea {
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.contact_form .antispam {
	background-color: #F5E0E0;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}
.contact_form select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;    
    background: #f8f8f8;
    color:#888;
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.contact_form select {padding-right:20px}
}
.contact_form li span {position:relative}
.contact_form li span:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#900;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.contact_form li span:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;    
    position:absolute;
    pointer-events:none;
    display:block;
}

/* ==================================================================================== Layout */




body {
	background-color: #C6E4FE;
	background-image: url(../siteimages/bodybg.png);
	background-repeat: repeat;
}

#wrapper {
	width: auto;
	height: 100%;
}

.container {
	text-align:left;
	max-width: none !important;
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#mainbox {
	width: auto;
	background-color: #FFF;
	margin-top: -105px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 20px;
	height: 100%;
}

	
html {
	font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #666;
}
a {
	text-decoration: none;
	color: #0076B0;
}
a:hover {
	text-decoration: none;
	color: #005782;
}

/* NAVIGATION MENU */

#nav-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0px;
}
#nav-menu li
{
	float: left;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
}
#nav-menu li a
{
	height: 24px;
	float: left;
	width: 120px;
	display: block;
	text-decoration: none;
	text-align: center;
	border-style: none;
	border-color: #dcdce9;
	line-height: 24px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/dot1.gif);
	background-repeat: repeat-y;
	background-position: right;
	color: #B34290;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#nav-menu li a:hover {
	text-decoration: none;
	color: #003796;
	border-top-color: #dcdce9;
	border-right-color: #dcdce9;
	border-bottom-color: #dcdce9;
	border-left-color: #dcdce9;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */
#nav-menu
{
	width:776px;
	height: 32px;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	background-image: url(../images/menuline.png);
	background-repeat: repeat-x;
	background-position: -2px;
}

/* NAVIGATION MENU */

a.tekst {
	font-family: sans-serif, Tahoma;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	letter-spacing: 0px;
}

a.tekst:hover {
	font-family: sans-serif, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
	letter-spacing: 0px;
}

.picframe {
	cursor: pointer;
	padding: 2px;
	border: 1px solid #B9C5E1;
	background-color: #FFF;
}
.naslov {
	font-family: "Open Sans", Arial;
	font-size: 22px;
	font-weight: bold;
	color: #2670AC;
	text-decoration: none;
	cursor: default;
	margin-bottom: 15px;
	margin-top: 5px;
	padding-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 5px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #76A1D4;
	border-right-color: #76A1D4;
	border-bottom-color: #76A1D4;
	border-left-color: #76A1D4;
}

.tekst1 {
	font-family: "Trebuchet MS", Tahoma;
	font-size: 30px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	cursor: default;
	line-height: 32px;
	background-position: center;
	font-style: italic;
}

.tekst3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	line-height: 19px;
	cursor: default;
	letter-spacing: 0em;
}

.hiddenlink {
	color: #000000;
	font-size: 9px;
	cursor: default;
	visibility: hidden;
}

.rline {
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #D9D9D9;
}

a.link1 {
	font-family: Tahoma;
	font-size: 13px;
	color: #86AADB;
	font-weight: normal;
	list-style-position: inside;
	display: list-item;
	list-style-type: square;
	line-height: 20px;
}
.yline {
	background-color: #CAA152;
	height: 10px;
	width: auto;
}

a.link1:hover {
	font-family: Tahoma;
	font-size: 13px;
	color: #386EB6;
	font-weight: normal;
	display: list-item;
	list-style-position: inside;
	list-style-type: square;
}

.hand {
	cursor: pointer;
}

.dotedline {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}


/* FOOTER */

.footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #ECF2F9;
	line-height: 17px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}
.footer a {	
	color: #ECF2F9;
	text-decoration: none;
	cursor: text;
}
.footer a:hover {
	color: #ECF2F9;
	text-decoration: none;
}

/* FOOTER END */

.toptitle {
	height: 40px;
	padding-top: 8px;
	background-image: url(../images/pozadina/body-bg-dark.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CAA152;
	border-right-color: #CAA152;
	border-bottom-color: #CAA152;
	border-left-color: #CAA152;
}
.topname {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 24px;
	color: #767676;
	width: 570px;
	float: left;
	height: auto;
	padding-top: 4px;
	padding-left: 20px;
	margin-top: 0px;
	font-weight: normal;
}
.jezikdiv {
	width: 140px;
	text-align: center;
	background-color: #FFF;
	margin-top: 50px;
}
.logocontainer {
	height: 286px;
	width: 545px;
	float: left;
}

.flagborder {
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.logo {
	height: 286px;
	width: 316px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	margin: 0px;
}
.kontaktbox {
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 16px;
	font-size: 13px;
	margin-bottom: 10px;
	font-family: "Open Sans", Arial;
}
.infobox {
	background-color: #ECF2F9;
	margin-top: 10px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-bottom: 10px;
	float: left;
	height: auto;
	width: 220px;
	margin-right: 5px;
	margin-left: 5px;
}
.linkovibox {
	background-color: #ECF2F9;
	margin-top: 10px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 14px;
}

.poslanaporuka {
	background-color: #C00;
	margin-bottom: 10px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding: 6px;
}
.gpsloc {
	font-size: 14px;
	font-weight: normal;
	color: #3C80A4;
	text-align: center;
	background-color: #ECF2F9;
	margin-right: 10px;
	margin-left: 10px;
	height: 26px;
	padding-top: 5px;
	background-image: url(../images/gps.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	font-family: Tahoma, Geneva, sans-serif;
}


.razmak {
	background-image: url(../images/razmak.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 13px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999;
	width: auto;
}
.ima {
	list-style-image: url(../images/1.gif);
	padding-left: 30px;
}
.nema {
	list-style-image: url(../images/cancel_round.png);
}

.frame {
	padding: 3px;
	border: 1px solid #CCC;
}
.frame2 {
	border: 5px solid #EBEBEB;
}


.cjenikinfo {
	margin-top: 6px;
	margin-left: 23px;
	background-color: #ECF4D7;
	font-size: 13px;
	line-height: 18px;
	color: #060;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	margin-right: 23px;
	margin-bottom: 8px;
}

/* OBRAZAC - FORM */

.form1 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #999;
}
.formbox {
	background-color: #ECF2F9;
	padding: 8px;
	margin-right: 13px;
	margin-left: 10px;
	margin-top: 23px;
}
.mainpage {
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
p {
	font-family: "Open Sans";
	font-size: 14px;
	line-height: 20px;
}

.headtxt {
	font-family: 'Open Sans Condensed', Tahoma, serif;
	font-size: 40px;
	color: #CEE8F2;
	font-weight: bold;
	margin: 20px;
	line-height: 25px;
}
.headwrap {
	background-image: url(../siteimages/more1.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 220px;
	width: 100%;
	padding-top: 15px;
}
.topmenu {
	width: 530px;
	font-family: "Open Sans Condensed", Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #FFF;
	margin-top: 57px;
	text-align: center;
}
a.tmenu {
	color: #004A82;
	font-weight: bold;
}
a.tmenu:hover {
	color: #FFFFFF;
}
#rside {
	width: 250px;
	float: right;
	margin-left: 20px;
	display: block;
}
#lside {
	float: left;
	width: 627px;
	padding-right: 20px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.naslov2 {
	font-family: 'Open Sans Condensed',"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 15px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 25px;
	text-align: center;
	padding-top: 4px;
	background-image: url(../images/trans3.png);
	background-repeat: repeat;
}
.meteo1 {
	margin-left: 30px;
	padding-right: 9px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #C8DFE6;
	border-right-color: #C8DFE6;
	border-bottom-color: #C8DFE6;
	border-left-color: #C8DFE6;
	margin-top: 6px;
	margin-bottom: 10px;
}
.meteo2 {
	font-size: 22px;
	background-image: url(../images/meteo2.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 58px;
	margin-left: 7px;
	padding-left: 32px;
	line-height: 30px;
	color: #5E94B7;
	font-style: italic;
	margin-top: 7px;
	font-family: 'Open Sans', "Arial Black", Gadget, sans-serif;
}
a.meteolink1 {
	font-size: 12px;
	color: #999;
	text-align: left;
	display: block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #C8DFE6;
	border-right-color: #C8DFE6;
	border-bottom-color: #C8DFE6;
	border-left-color: #C8DFE6;
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../images/cloud.png);
	background-position: 9px center;
	background-repeat: no-repeat;
	padding-left: 44px;
	font-family: Verdana, Geneva, sans-serif;
	height: 30px;
	line-height: 30px;
}
a.meteolink1:hover {
	color: #5E94B7;
}
a.meteolink2:hover {
	color: #5E94B7;
}


a.meteolink2 {
	font-size: 12px;
	color: #999;
	text-align: left;
	display: block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #C8DFE6;
	border-right-color: #C8DFE6;
	border-bottom-color: #C8DFE6;
	border-left-color: #C8DFE6;
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../images/cam.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 44px;
	font-family: Verdana, Geneva, sans-serif;
	height: 30px;
	line-height: 30px;
}

.boat {
	background-color: #E3E3E2;
	padding: 7px;
	margin-top: 6px;
	margin-bottom: 15px;
}
.tour {
	background-color: #DCE8EF;
	padding: 7px;
	margin-top: 6px;
	margin-bottom: 15px;
}

.boatinfo {
	margin-left: 15px;
	font-family: "Open Sans", Verdana, Geneva, sans-serif;
	font-size: 13px;
	width: 315px;
	text-align: center;
}
.tourinfo {
	margin-left: 15px;
	font-family: "Open Sans", Verdana, Geneva, sans-serif;
	font-size: 13px;
	width: 130px;
	text-align: left;
}

.boatime {
	font-family: 'Open Sans Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #888;
	display: block;
	padding-top: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 5px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	margin-bottom: 10px;
	background-image: url(../images/shadow4.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	height: 45px;
	font-weight: bold;
	margin-top: 4px;
}
.tourime {
	font-family: 'Open Sans Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #4368A5;
	display: block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 5px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	margin-bottom: 10px;
	background-image: url(../images/news-separator.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	height: 45px;
	font-weight: normal;
	margin-top: 4px;
	line-height: 45px;
	padding-bottom: 10px;
}
.tourinfo a {
	color: #38518B;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCD7DD;
	border-right-color: #CCD7DD;
	border-bottom-color: #CCD7DD;
	border-left-color: #CCD7DD;
}
.tourinfo a:hover {
	color: #1F2D4E;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #92A9B6;
	border-right-color: #92A9B6;
	border-bottom-color: #92A9B6;
	border-left-color: #92A9B6;
}
.outline {
	border: 4px solid #E3E3E2;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.adminframe {
	border: 1px solid #CCC;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 4px;
	background-color: #666;
	color: #FFF;
	margin-right: 20px;
}