/* $Id: main.css,v 1.96 2007/07/18 08:04:24 vasilji Exp $ */

* {padding:0; margin:0}

body {
	background-color:#F3F3F3;
	color:#575757;
	font-family:verdana,arial,tahoma,sans-serif;
	font-size:11px;
	text-align: center;
	/*line-height:1.25em;*/
}
	body a {color:#575757}
		body a span {font-weight:bold; color:#575757}

#container {margin:0 auto; width:790px; position:relative; text-align: left; }

.container {width:580px; float:left; margin:0 10px}

#content {
	background:white; color:#2a427c; padding:1em 0; 
	border-top:solid #E3E6DF 5px;
}
	#content a {color:#2a427c}
	
/****************** cesti elementi *******************/

p {padding:1em 0.5em 0 0; text-align:justify}
a {text-decoration:none;}
	a:hover {text-decoration:underline}
a img {border:none}
ol {list-style:none}
	ol li ol {list-style-type:decimal; margin:1em 0 0 2.5em}
ul {margin:1em 0 0 2em}
	ul li {padding:.2em}
		ul li ul {margin:0.6em 0pt 0pt 1.5em}
option {padding:.1em .3em 0}
h3 {margin-top:1em}

#content-main a span, #sidebar-left a span, #sidebar-right a span, #marine #dest a span {
	color:#2879D5; font-weight:bold
}

form .error { display: block; color: red; font-weight: bold; font-size: .85em; padding: .25em 0; margin: .3em 0 .5em; clear: both;  }


/* --- ikonice bez teksta --- */  
a.iconNoTxt:link, a.iconNoTxt:visited { padding: 0; margin: 0 0 0 .25em;  }
a.iconNoTxt img { background-color: #06469c; margin: 0; }
	a.iconNoTxt:hover img { background-color: #ff6300; }

.hidden {margin-left:-9999px; font-size:1px; height:1px; overflow:hidden;}

/****************** top *******************/

#about, #lang {font-size:.9em; margin:1.5em 0; line-height:.9em}
#lang {text-align:right}
	#lang a span, #languages a { cursor: pointer; }
#about li {float:left; border-left:1px solid; padding:0 1em}
	#about li.first {padding-left:0; border:none}
#languages {
	border:1px solid #575757; float:right; line-height:1.2em; position:absolute;
	left:800px; margin-top: -1.4em; padding:0.2em 0.5em; text-align:left;
	width:100px; display:none;
}
	#languages a#close {display:block; float:right; font-weight:bold}

/****************** header *******************/

#header {
	background:#264e91 url(/imgs/common/head-image.jpg) no-repeat 0 57px;
	position:relative;
}
	
	#logo {
		background:#264e91 url(/imgs/common/head-curly.gif) no-repeat right;
		height:50px; margin-bottom:160px;
	}
		#logo img {display:block}
	
	#support {
		position:absolute;
		top:74px; left:598px;
		background:#eaeaea url(/imgs/bgr-support.gif) repeat-x;
		height:113px; width:152px; padding:7px;
		overflow:hidden;
	}
		#support h2, #support a {
			text-transform:uppercase; font-size:.9em; font-weight:bold; color:#2a427c;
		}
		#support h2 {margin:.4em 0 .2em}
		#support a {display:block; width:80%}
		#support dl {padding-bottom:.7em}
			#support dl dt, #support dl dd {padding:.1em .4em}
			#support dl a {font-weight:normal; text-decoration:underline; text-transform:none}
		#support ol li {
			border-top:1px solid #ebebeb; border-bottom:1px solid white;
			padding:.3em 0;
		}

	#nav {background: #2A427E url(/imgs/common/nav-gradient.gif) repeat-x; padding:0.8em 0 2.3em;}
		#nav li {
			line-height:1.6em; float:left;
			border-left:1px solid #194085; border-right:1px solid #456CAF;
		}
			#nav li.first {border-left:none}
			#nav li.last {border-right:none}
			#nav li a {color:white; text-transform:uppercase; font-weight:bold; padding:.6em .8em}

/****************** content *******************/

#sidebar-left, #sidebar-right {width:180px}
#sidebar-left h2, #sidebar-right h2, #content-main h2, a#firstMinute, #chooseMarine label, #marine #dest h2 {
	font-size:1.3em; padding:.4em; color:#2879D5; font-weight:bold; display:block
}
#sidebar-right {float:right; margin-right:10px}
	#sidebar-right h2 a {color:#2879D5}

#content-main {width:390px; float:left; margin-left:10px}
	#content-main #bookAnchor, #content-main #chooseMarine {width:190px}
	#content-main #bookAnchor {height:105px}
	#content-main #chooseMarine {float:right; height:103px}

#categories img, #bookAnchor, #forecast, #sidebar-right h2, a#firstMinute, a#lastMinute, #sailingSchool h2, a#sailingConditions, #chooseMarine {
	border-top:4px solid #e4e4e4;
}
#forecast, a#firstMinute, #recommend, #usefulInfo, #search form, #chooseMarine, #findMarine {
	margin-bottom:1em
}
#categories a:hover, #sailingSchool h2 a:hover, a#firstMinute:hover, a#lastMinute:hover, #sidebar-right h2 a:hover, #search-tabs li a:hover, #languages a#close:hover {
	text-decoration:none
}

#sidebar-left {float:left}
#categories li {margin-bottom:1em}
	#categories li img {display:block}
	#categories li span {
		display:block; font-size:1.3em; color:white; padding:0.1em 0.5em 0.2em;
		background:#264E91 url(/imgs/common/bullet-arrow.gif) no-repeat 162px center;
	}
#sailingSchool h2 {
	background:lightBlue url(/imgs/bgr-skola.jpg) no-repeat;
	height:63px; padding:2em 1em 0 4.5em;
}
	#sailingSchool h2 a {color:#2879D5}
#sailingSchool ol {background:#F3EFEE; padding:0.7em}
#sailingSchool div a {
	background:#264E91 url(/imgs/common/bullet-arrow.gif) no-repeat 162px center;
	color:white; display:block; font-weight:bold;
	padding:0.1em 0.5em 0.2em;
}

#bookAnchor {background:#f2f2f1; position: relative; z-index: 1; }
	#bookAnchor p {padding:0 .5em .5em; line-height:15px; text-align:left}
	#bookAnchor img {margin-bottom:-0.2em}

#map {border: 1px solid #d2d2d2; padding: 5px; margin:1em 0; position: relative; }
	.container #map embed, #map object { width:568px; }
	.container #content-main #map embed, #content-main #map object {width:378px}
	*:first-child+html #content-main #map object { position:relative; right: 10px; }

#faq dt {font-weight:bold; font-size:1.2em; margin-top:1em; color:maroon}
#faq dd {padding:.5em}
#faq a {font-weight:bold; color:#483D8B}

#sitemap {font-size:1.1em}

a#firstMinute {
	background:lightBlue url(/imgs/banner-first-minute.jpg) no-repeat;
	min-height:60px; padding-bottom:0;
}
	a#firstMinute span {display:block; line-height:17px; width:70px}
a#lastMinute {
	background:lightBlue url(/imgs/banner-last-minute.jpg) no-repeat;
	height:188px; font-size:1.3em; padding:.4em; display:block;
	margin-bottom:0.8em;
}
	a#lastMinute span {display:block; line-height:17px; width:70px; color:#fff}
	
#forecast {
	background:#FFEDD8 url(/imgs/bgr-vrijeme.gif) no-repeat; font-weight:bold;
	min-height:50px; padding:0 .4em .4em .6em;
}
	#forecast li {padding-top:.4em}
	
#usefulInfo {border:solid lightgrey; border-width:1px 0; padding:.5em}
a#sailingConditions {display:block; font-weight:bold; padding:0.5em; line-height:1.2em}

#marines, #marine {color:#555}
	#marines h1 {font-size:1.8em}
	#marines h2 {margin-top:.7em; font-size:1.2em; font-style:italic}
	
	#marines table {border-collapse:collapse; width:100%; margin-top:2em; color:#2A427C}
		#marines table thead {background:#F3F3F3; color:#2879D5}
		#marines table th, #marines table td {padding:.5em}
		#marines table th {text-align:left}
		#marines table {border:1px solid #e5e5e5}
			#marines table td {border-width:1px 0 0; border-style:solid; border-color:#e5e5e5}
		#marines table tbody tr:hover {background:#EFF4FA}
		#marines table a:hover {text-decoration:none}
	
	#marine h1 {margin-bottom:.7em}
	#marine h2 {color:#2879D5; font-size:1em; margin-bottom:0.3em}
	#marine p {padding:0 .3em 1em 0}
	#marine img {margin-bottom: 1em}
	#marine div.pos {font-size:1.2em; margin-bottom:.3em}
	
	/*#marine .group {float:left; width:50%; margin-right:1em}*/
	
	#marine #plan, #marine #dest {border:1px solid #e5e5e5}
	
	#marine #plan {margin:1em 1em 1em 0; padding:1em 1em 0; float:left; width:46%}
	
	#marine #desc ul { list-style-position: inside; padding: 0; margin: 0 0 1em; list-style-type: disc; }
	#marine #desc li { padding: 0; }
	#marine #desc p { margin: 0 0 .5em; }
	#marine #desc h2 { margin: 1em 0 .3em; }
	
	#marine #facilities {margin-top:1em}
	
	#marine #dest {background:#F3F3F3; clear:left; padding:1em}
		#marine #dest h2 {padding:0; margin-bottom:0.5em}
		#marine #dest img {float:left; margin:0 1.3em 0 0}
		#marine #dest a {
			display:block; border-top:1px solid #e5e5e5; padding:1em 0; text-align:right;
		}

	#marine #bookAnchor, #marines form {
		background:#D7E0EF; border:1px solid #95ABC3;
	}
	#marine #bookAnchor {padding:.7em .8em .3em; overflow:hidden}
		#marine #bookAnchor h2, #marine #bookAnchor p {color:#22456F}
		#marine #bookAnchor h2 {font-size:1.4em}
		#marine #bookAnchor p {padding:0.5em 0}
	
#chooseMarine {background:#F3F3F3; padding-bottom:.2em}
#findMarine {
	background:#F3F3F3 url(/imgs/povecalo.jpg) no-repeat 115px 17px;
	padding-bottom:.7em
}
	#findMarine a {display:block; line-height:1.3em; margin:0 .5em; width:57%}

.main {float:left; margin-right:10px; width:580px; color:#555}

/******************* kalendar (custom-izacija) ********************/

div.calendarContainer { position: relative; }
	* html #search div.calendarContainer { border: 1px solid #eaeaea; }
	* html #bookAnchor div.calendarContainer { border: 1px solid #D7E0EF; }
	*:first-child+html div.calendarContainer { float: left; position: relative; height: 1px; clear: both; }	

#search form div.calendar {top: 0!important; left: 10em!important}
	* html #search form div.calendar {top:5px!important; left:100px!important}
	
#bookAnchor form div.calendar { top: 0!important; left: 0!important}
	* html #bookAnchor form div.calendar {top:5px!important; left:0!important}

div#container div.calendar tr.h select { width: 40%; float: none; }



/****************** form *******************/

#search { position: relative; z-index: 2; }

#search #search-tabs {
	background:#ddd; height:20px; color:#393776;
	float: left; width:100%; 
}

* html #search #search-tabs { float: none; }

	#search #search-tabs li {float:left}
		#search #search-tabs li a {
			display:block; background:#ddd; padding:.4em 1em .3em;
		}
		#search #search-tabs li.active a {
			background:#eaeaea; margin-top:-1px; padding-bottom:.4em;
			font-weight:bold; border:1px solid #d2d2d2; border-bottom:none;
		}
#search form {background:#eaeaea; border:1px solid #d2d2d2; padding:1em .8em; clear:left}
	#search form .field {line-height:1.1em; margin-bottom:0.3em}
	#search form label {
		display:block; float:left; color:#555; padding-right:0.6em;
		text-align:right; width:150px; margin-top:0.2em;
	}
	#search form select, #chooseMarine select {font-size:1em; width:161px; height:20px }
	#search form select {margin-top:0.3em}
	#search form select.small {width:51px}
	#search form .button, #chooseMarine .button {
		border:1px solid #d2d2d2; color:#2A427C; letter-spacing:1px;
		padding:3px 20px 3px 5px; display: block; 
		text-transform:uppercase; font-weight:bold; font-size:.9em; font-family:tahoma, sans-serif;
	}
	#search form .button {
		margin:.3em 0 0 156px; width:100px; height: 1%;
		background:#f1f1f1 url(/imgs/common/bullet-arrow.gif) no-repeat 77px center;
	}
	
	#search form .error { margin-left: 158px; }
	
	*:first-child+html #search-content .iconNoTxt { display: block; float: left; margin-top:.5em;}
	*:first-child+html #search form select { float: left; padding: 1px; }
	

#chooseMarine select {margin:0 .5em .5em}
#chooseMarine .button {
	background:#F1F1F1 url(/imgs/common/bullet-arrow.gif) no-repeat scroll 98px center;
	margin:0pt 0.6em 0.5em;
	width:120px;
}

#bookAnchor form {
	margin:1em 1em 1em 0; padding-right:1.5em;
	color:#333; border-right:1px solid #95ABC3;
	float:left;
}
	#bookAnchor form .leftColumn {float:left; margin-right:2em}
	#bookAnchor form .field, #marines form .field {margin-bottom:.6em; }
	#bookAnchor form label.block {display:block; margin-bottom:0.2em}
	
	#bookAnchor form select, #marines form select {font-size:1em; padding:.1em}
	#bookAnchor form select#srch_duzina {margin-bottom:1.5em}
	
	#bookAnchor form .button, #marines form .button {
		background:#fff; color:#33509E;
		border:1px solid #95ABC3; margin-top:0.5em;
		font-weight:bold; font-family: Tahoma, Arial, sans-serif; font-size:1em;
		letter-spacing:1px;	padding:0.25em;
	}
	#bookAnchor form .button {display:block; width:25em; margin-top:2em}
	#bookAnchor form .boat label {margin-left:1em}
	
	#marines form {padding:1em; margin-top:1.2em}
		#marines form label {display:block; width:20%; float:left; text-align:right; margin-right:.3em}
		#marines form .button {width:26.5%; margin-left:20.3%}
	
.iconNoTxt img {margin:-0.2em 0!important}
/****************** sponsors *******************/	

#sponsors {
	background:url(/imgs/sponsors/bgr-sponsors.gif) repeat-x left top; border-top:1px solid white;
	padding:1em 0; margin-top:12px;
}
	#sponsors h2 {color:#2A427C; font-size:1em; font-weight:normal; padding:0.8em; display:inline}
	#sponsors img {height:42px; border:1px solid white}

/****************** footer *******************/

#footer {margin:2em 0}
	#footer img {display:block; margin:0 auto}
	
/****************** hacks & float clears *******************/

/* standard-compliant browser */
#dest:after, #content:after 
	{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; line-height: 0; }

/* IE5-6 */
* html #dest
	{ height: 1%; }

* html .container {margin:0 10px 0 5px}
* html #sidebar-right {margin-right:5px}
* html #content, * html #nav, * html #bookAnchor, * html #search #search-content form
	{overflow:visible; height:1%}
* html #header {background-position:0 58px}
* html #nav {padding-bottom:.8em}
* html #support {top:75px}
* html #languages {top:24px}
* html a#firstMinute {height:60px}
* html #categories li {margin:-1.3em 0 -1.5em}
* html #search #search-tabs li.active a {margin-top:0}
* html h2 {font-size:1.3em}
* html #sailingSchool h2 {margin:1em -5px 0 0}

* html #marine #dest {padding-top:.4em}
* html #marines table a:hover {text-decoration:underline}
* html #marine h1 {font-size:2em}

* html #marine #bookAnchor {padding-bottom:1.5em !important}
	* html #bookAnchor form {padding-right:.5em}
		* html #bookAnchor form .button {margin-top:1.5em}

* html #sidebar-right #chooseMarine {padding-bottom:.7em}
* html #content-main #chooseMarine {height:108px}
* html #content-main #bookAnchor {height:110px}

* html .main {margin-right:0}
* html #search {position:fixed}
* html #search form .button {margin-left:160px;}

/* IE7 */
*:first-child+html #dest, *:first-child+html #content, *:first-child+html .field, *:first-child+html #search #search-content, *:first-child+html #search #search-tabs li.active a
	{min-height:0}

*:first-child+html #languages {top:24px}
*:first-child+html #categories li {margin-top:-1.3em}
*:first-child+html h2 {font-size:1.3em}
*:first-child+html #marine #dest {padding-top:.4em}
*:first-child+html #marine h1 {font-size:2em}

*:first-child+html form .error { margin-top: 0; }

*:first-child+html #marine #bookAnchor {padding-bottom:1.5em !important}
	*:first-child+html #bookAnchor form {padding-right:.5em}
		*:first-child+html #bookAnchor form .button {margin-top:1.5em}

*:first-child+html #sidebar-right #chooseMarine {padding-bottom:.7em}

*:first-child+html .container #content-main #map {padding-left:1.4em}

#imported a img.calendar {display: none!important;} 

/****************** TEMP - ANKETA **********************/
#anketa input {display:block}
#anketa label {float:right; clear:right}
#anketa #optional {display:none}