/*reset*/
html, body, div, span, applet, object, 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, sub, sup, tt, var,
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-weight: inherit;
font-style: inherit;
}
/*end reset*/
.w_01 img, #top, #top2, #logo a, #menu li:hover   {
behavior: url(/tolteam/css/iepngfix.htc); 
}
/*start css*/
body {
	background: #79a9d5 url(/tolteam/images/bcg_body.png) 0px 0px repeat-x;
	color:#000;
	font-family: "Trebuchet MS", sans-serif;
	/*margin-left:1px;*/
	}
h1, h2, h3, h4 {
	font-weight:normal;
	}

#top {
	float:left; display:inline;
	background: url(/tolteam/images/bcg_top2.png) center 0px no-repeat;
	width:100%;
	height:500px;
	}
#top2 {
	float:left; display:inline;
	background: url(/tolteam/images/bcg_top2.png) center 0px no-repeat;
	width:100%;
	height:auto;
	}
#header {
	float:left; display:inline;
	width:100%;
	height:130px;
	}

#logo {
	float:left; display:inline;
	width:365px;
	height:90px;
	text-indent:-9999px;
	padding:10px 0px 0px 0px;
	}
#logo a {
	display:block;
	background: url(/tolteam/images/logo.png) no-repeat;
	width:365px;
	height:90px;
	float: left;
   }
#top_right {
	float:right;
	}
#nav {
	float:left; display:inline;
	margin:1px 0px 0px 0px;
	}
#nav a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	padding:8px 8px 3px 8px;
	background:#4f8fd4 url(/tolteam/images/bcg_topmenuh.gif) center top repeat-x;
	border-bottom: 1px solid #508fd4;
	border-left: 1px solid #508fd4;
	border-right: 1px solid #508fd4;
	float: left;
}
#nav a:hover {
	text-decoration:none;
	color:#dee5ef;
	background:#4f8fd4 url(/tolteam/images/bcg_topmenu.gif) center bottom repeat-x!important;
	}
#nav li {
	list-style:none;
	float:left; display:inline;
	background: #fff;
	margin:0px 0px 0px 0px;
	}
#nav li:hover {
	cursor:pointer;
	background: #ddd;}
#lang {
	float:right;
	clear:both;
	margin:-5px 5px 0px 0px;
	}
#lang li {
	list-style:none;
	float:left; display:inline;
	padding:2px 0 0 10px;
	}
#meni{ 
	clear:left;
	margin:0 auto;
	width:980px;
	height:45px;
	background: url(/tolteam/images/menu_bcg.gif) top repeat-x;
   }
#flash_container {
	margin:0 auto;
	width:1000px;
	height:310px;
	}
#flash_holder {
	float:left; display:inline;
	width:960px;
	height:290px;
	background:#fff;
	margin: -7px 0px 0px 0px;
	padding:10px 10px;
	}
#content01 {
	float:left; display:inline;
	width:980px;
	background: #fff;
	margin:-20px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	}
#content02 {
	float:left; display:inline;
	width:980px;
	background: #fff;
	margin:-10px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	}
#content03 {
	float:left; display:inline;
	width:980px;
	background: #fff;
	margin:-10px 0px 0px 0px;
	}
.wrapper {
	margin:0 auto;
	width:980px;
	}
.main01 {
	float:left; display:inline;
	width:478px;
	margin:0 5px 0 0;
	}
.main02 {
	float:left; display:inline;
	width:743px;
	margin:0 5px 0 0;
	background:#fff;
	}
.main03 {
	float:left; display:inline;
	width:715px;
	margin:0 5px 0 0;
	}
.main04 {
	margin:0 auto;
	width:900px;
	text-align:center;
	}
.main_text02 {
	clear:both;
	float:left; display:inline;
	width:650px;
	margin: 0px 0px 25px 30px;
	padding:0px;
}
.main_text04 {
	clear:both;
	float:left; display:inline;
	width:650px;
	margin: 0 0px 25px 30px;
	padding:20px 0;
}
.button_big {float:left; display:inline;}
.gallery {float:left; display:inline; clear:both; width:640px; height:520px;}
.detalji {float:left; display:inline; clear:both;}
.detaljiright h4 {font-size:14px; font-weight:bold; text-transform:uppercase; float:left; display:inline; margin: 0 0 10px 0;}
#bookNow {
	float:right;
	cursor:pointer;
	}
#bookNow a {
	border:1px solid #3168A1;
	color:#000;
	background:#dae7f4;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
	margin:-5px 0px 0px 0px;
	}
#bookNow a:hover {background:#ccc;}
#bookForm {
   float:left;	
   clear:both;
   border:1px solid #3168A1;
   margin:10px 0px 20px 0px; 
   width:600px; 
   padding: 5px 20px; 
   background:#dae7f4;
	display:none;
}
#bookForm ul{
   margin: 0px!important;
}
#bookForm li {
	list-style:none;
	float:left;
	clear:both;
	margin:5px 0px;
	padding: 0px 0px 2px 0px;
	background: url(../images/dot_line01.gif) repeat-x bottom !important;
	}
#bookForm label {
	font-size:0.9em  !important;
	float:left;
	text-align:right;
	width:150px; 
	margin:0px 20px 0px 0px;
	}
.hasDatepicker {width:150px !important;float:left !important;}
.ui-datepicker-trigger {float:left  !important; margin:1px 0px 0px 5px  !important; clear:none  !important; cursor:pointer;}
#dateFrom {float:left  !important;}
.buttons {
	float:none !important;
	border:1px solid #3168A1;
	color:#000;
	background:#fff;
	font-size:0.7em;
	font-weight:bold;
	padding:2px;
	text-decoration:none;
	text-transform:uppercase;
	margin:5px 10px 0px 0px;
	width:auto !important;
	cursor:pointer;
	}
.buttons:hover {background:#999;}
#bookForm input {float:left; width:300px;}
#bookForm textarea {float:left; width:300px;}
.detaljiright {clear:both; float:left; display:inline; font-size:13px;width:640px; padding: 30px 0 0 0;}
.detaljiright p {float:left;clear:both;margin: 0 0 6px 0; width:600px; }
.detaljiright ul {float: left;}
.detaljiright li {float: left; margin: 5px 0px!important;}
.detaljiright li span.left {width:200px; list-style:none; float:left; display:inline;  font-weight:bold !important; background: url(../images/dot_line01.gif) repeat-x bottom !important;} 
.detaljiright li span.right {font-weight:normal !important; float:right; display:inline;width:350px; background: url(../images/dot_line01.gif) repeat-x bottom !important;}
.detaljiright ul {float:left; clear:both; list-style:none;}
table.priceList {float:left; clear:both; width:650px; margin:0px 0px 10px 0px;}
.priceList td {border:1px solid #b0c1d2; background:#dae7f4; text-align:center;}
.priceListFirstTop {border:none !important; background: #fff !important;}
.priceListTop {background:#becedf !important; font-size: 12px;padding:3px;  font-weight: bold; color: #444;}
.priceListLeft {background:#becedf !important; font-size: 12px;}
.priceListValues {font-size: 12px;padding:5px;  }
.button_big {
	float:right;
	margin:0;
	color:#e5ebf0;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	background:#4b91d3;
	border:none;
	padding:4px 2px;
	cursor:pointer;
	}
.button_big:hover {
	background:#666;
	}
.main_text03 {
	clear:both;
	float:left; display:inline;
	width:676px;
	margin: 0 0px 15px 25px;
	padding:0px 25px 20px 0px;
	background: url(/tolteam/images/dot_line01.gif) repeat-x bottom;
	}
.main_text03 a{
	color: #4B91D3;
    text-decoration: none;
}
.main_text03 a:hover{
	text-decoration: underline;
}
.main_text03 ul {
	margin:20px 0px;
	float:left;}
.main_text03 li {
	font-size:13px;
	list-style:none;
	float:left;
	clear:both;
	margin:2px 0px;
	}
.main_text03 li label {
	float:left;
	width:150px;
	text-align:right;
	margin:0px 10px 0px 0px;
	}
.main_text03 li input {float:left; width:300px; color:#444;}
.main_text03 li textarea {float:left; width:300px; height:150px;color:#444; font-family:sans-serif; font-size:14px;}
.main_text03 li input.button {float:left; padding:3px; background:#dae7f4; cursor:pointer;width:auto; border:1px solid #a5bbd2; text-transform:uppercase; font-size:11px; }
.error {
	width:900px;
	float:left;
	height:400px;
	text-align:center;
	padding:60px 0px 0px 0px;
	background: url(/tolteam/images/bcg_error.gif) no-repeat;
	}
.error a {text-decoration:none; color:#4b91d3;}
.kategorije {
	float:left; display:inline;
	width:696px;
	margin: 0 30px 25px 25px;
	padding:20px 0;
	background: url(/tolteam/images/dot_line01.gif) repeat-x bottom;
	}
.kategorije h4 {font-size:16px; float:left; display:inline; color: #3E75A9; font-weight: bold;}
.inline {float:right; padding: 5px 20px 0 0;}
.inline a {color:#4b91d3; font-size:11px; text-decoration:none;}
.inline a:hover { text-decoration:underline;} 
.podkategorija1 {float:left; display:inline;width:670px;margin: 0; padding:0px;}
.podkategorija2 {float:left; display:inline;width:670px;margin: 10px 0; padding:0px;}
.group {float:left; display:inline; clear:both; margin:10px 0 0 0;}
.baze {
	float:left; display:inline;
	width:691px;
	margin: 0 30px 25px 30px;
	padding:20px 0;
	}
.baze h4 {font-size:16px; margin:-20px 0 0 0;}
.main_text02 h2, .main_text03 h2, .error h2  {
	font-size:18px;
	font-weight:bold;
	color:#3e75a9;
	text-transform:uppercase;
	margin:0 0 5px 0;
	clear:both;
	}
.main_text02 h3 {
   float:left; 
   display:inline; 
   clear:both; 
   margin:0 0 0;
   background:#dae7f4 url('/tolteam/images/bcg_subnavh3.gif') repeat-x 0px -4px;
   width:100%; 
   font-size:14px !important;
   padding:5px 0px; 
   text-indent:10px;
   color: #3E75A9;
 }
.main_text03 h3 {font-size:15px; font-weight:bold; float:left; display:inline; clear:both; margin:10px 0 0 0;}

.small_box_group { font-size:11px; float:left; display:inline; clear:both; width:auto;}
.bTab {padding:20px 10px 40px 10px;}
.main_text02 img  {
	clear:both;
	float:left; display:inline;
	padding:1px;
	border:1px solid #9e9fa1;
	margin:20px 25px;
	}
.main_text03 img{
	clear:both;
	float:left; display:inline;
	padding:1px;
	border:1px solid #9e9fa1;
	margin:20px 25px 20px 0px;
	}
.main_text02 p, .main_text03 p {
	font-size:13px;
	text-align:left;
	line-height:20px;
	float:left; display:inline;
	margin:5px 0px 10px 0px;
	}
.error p{
	font-size:13px;
	line-height:20px;
	}
.iim {
	float:left; display:inline;
	width:940px;
	display:block;
	margin: 0px 25px 20px 25px;
	padding: 0px 0px 10px 0px;
	font-size:13px;
	color:#868686;
	background: url(../images/dot_line01.gif) repeat-x bottom;
	}
.iim a {
	text-decoration:underline;
	color:#868686;
	}
.iim a:hover {
	text-decoration:underline;
	color:#000;
	}
.main_text01 {
	clear:both;
	float:left; display:inline;
	width:427px;
	margin: 0 30px 25px 15px;
	padding:0px 0 20px 0;
	
	}
.main_text01 h2 {
	font-size:18px;
	font-weight:bold;
	color:#3e75a9;
	text-transform:uppercase;
	margin:0 0 20px 0;
	}
.main_text01 img {
	clear:both;
	float:left; display:inline; display:inline;
	border:1px solid #9e9fa1;
	margin:0 20px 5px 0;
	}
.main_text01 p {
	font-size:13px;
	text-align:left;
	line-height:20px;
	}
.fromoffer {
	float:left; display:inline;
	width:423px;
	padding:0px 0px 10px 30px;
	margin: 0px 0px 25px 0px;
	
	}
.fromoffer h3 {
	font-size:18px;
	margin: 0 0 5px 0;
	color: #3E75A9;
	}

.small_box {
	float:left; display:inline;
	width:120px;
	padding:10px 0px 10px 0;
	margin: 0px 0px 10px 0px;
	background: url(../images/dot_line01.gif) repeat-x bottom;
	width: 141px;
	}
.small_box2 {
	float:left; display:inline;
	width:115px;
	padding:10px 20px 10px 0;
	}
.small_box h5, .small_box2 h5 {
	font-size:12px;
	font-weight:bold;
	color:#3e75a9;
	}
.small_box p, .small_box2 p {
	font-size:11px; float:left; clear:left; margin:0px 0px -5px 0px;
	}
.small_box img, .small_box2 img {
	padding:1px;
	margin:5px 0;
	border: 1px solid #a0a0a0;
	width:120px;
	height:90px;
	}
.small_box a, .small_box2 a{
	text-decoration:none;
	color:#4b91d3;
	}
.small_box a:hover, .small_box2 a:hover, .cabin_charter_moredetails a:hover  {
	text-decoration:underline;
	color:#4b91d3;
	}
.sidebar01 {
	float:left;
	width:250px;
	margin:0 0px 20px 0;
	/*border:1px solid #3E75A9;*/
	border-top:none;
	background:#dae7f4;
	padding: 0px 0px 10px 0px;
	}
.sidebar01 h4{
	float:left; display:inline;
	border-bottom:1px dotted #4b91d3;
	border-left:none;
	border-right:none;
	width:210px;
	font-size:15px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding:10px 20px;
	text-transform:uppercase;
	background:url('/tolteam/images/bcg_h4blue.gif') top repeat-x;
	}
.sidebar01 ul {
	float:left; display:inline; clear:both; margin:0px 0px 20px 0px;}	
.sidebar01 li{
	width:200px;
	list-style:none;
	margin: 0px 0 0 15px;
	padding: 0 0 5px 20px;
	background: url(/tolteam/images/bcg_sidebar01li.gif) 0px 9px no-repeat;
	border-bottom: 1px #fff dashed;
	}
.sidebar01 li a {
	text-decoration:none; font-size:14px; color:#000; }
.sidebar01 li a:hover {
	text-decoration:none; font-size:14px; color:#666; }	
.medium_box {
	float:left; display:inline;
	margin:15px 20px 0px 20px;
	}
.medium_box img {
	padding:1px;
	border: 1px solid #a0a0a0;
	width:205px;
	height:152px;
	}
.medium_box p {
	font-size:11px;
	margin:10px 0;
	}
.medium_box a {font-size:11px; color:#235c91; text-decoration:none; display:block;}
.medium_box a:hover {font-size:11px; color:#235c91; text-decoration:underline;}
.medium_box h5 a {font-size:13px; font-weight:bold; margin:10px 0 -7px 0;}
.medium_box h5 a:hover {font-size:13px; font-weight:bold; text-decoration:none; }
.sidebar02 {
	float:left; display:inline;
	width:200px;
	background: none;
	display:inline;
	
	}
.sidebar02_box h4 {
	float:left;
	clear:both;
	border:1px solid #ddd;
	border-left:none;
	border-right:none;
	width:190px;
	font-size:15px;
	font-weight:bold;
	margin: 0 0 20px 0;
	padding:10px 0px 10px 10px;
	text-transform:uppercase;
	background:url('/tolteam/images/bcg_h4.gif') top repeat-x;
   color: #3E75A9;
	}
h4 a {color:#3E75A9; text-decoration:none;}
h4 a:hover {color:#666; text-decoration:none;}
.sidebar02_box p {
	float:left;
	width:190px;
	padding:0px 0px 0px 10px;
	}
.w_01 img {float:left; width:50px; height:28px;}
.sidebar02_box {
	float:left; 
   clear:both;
	margin:0px 20px 20px 20px;
	padding:0 0 20px 0px;
	font-size:13px;
	border:1px solid #ddd;
	border-top:none;
	}
.sidebar02_box a{
   color: #3E75A9;
   text-decoration: none;
	}
h4.left  a{
	float:left;
	font-size:14px;
	font-weight:bold;
	padding: 10px 9px 5px 9px;
	width:auto;
	background:#fff url('/tolteam/images/bcg_h4a.gif') bottom repeat-x;
	border:1px solid #ddd;
	border-bottom:none;
	text-transform:uppercase;
	}
	
h4.right  a{
	float:left;
	font-size:14px;
	font-weight:bold;
	padding: 10px 10px 5px 5px;
	background:url('/tolteam/images/bcg_h4a.gif') bottom repeat-x;
	margin-left:2px;
	border:1px solid #ddd;
	border-bottom:none;
	text-transform:uppercase;
	color:#3E75A9;
	}
a.inactive {background:url('/tolteam/images/bcg_h4.gif') top repeat-x !important; color:#ccc !important;}
a.inactive:hover{color:#3E75A9 !important;}
.left a {
	color:#3E75A9;
	text-decoration:none;
	}
.left a:hover {
	color:#666;
	text-decoration:none;
	cursor:pointer;
	}
.right a {
	color:#3E75A9;
	text-decoration:none;
	}
.right a:hover {
	color:#666;
	text-decoration:none;
	cursor:pointer;
	}

.forma form {
	float:left;
	width:190px;
	padding:0px 0px 10px 10px;
	border:none;
	margin-top:-1px;
	background:#e9e9e9;
	}
.forma {
	margin:0px 20px 20px 20px;
	float:left; 
   display:inline;
	padding: 0 0 0px 0;
 	}
.forma .input {
	margin:12px 0px 0px 00px;
	width:180px;
	float:left; display:inline;
	clear:left;
	}
.forma label {
	float:left; display:inline;
	clear:left;
	font-size:11px;
	text-transform:uppercase;
	margin: 10px 0 0 0;
	}
.forma .button {
	float:right; display:inline;
	clear:left;
	margin:10px 10px 0 0px;
	color:#e5ebf0;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	background:#4b91d3;
	border:none;
	padding:2px;
	cursor:pointer;
	}
.forma .button:hover {
	background:#666;
	}
.w_01 {
	clear:both;
	width:50px;
	height:30px;
	float:left;
	margin:0px 5px 0px 10px;
	}
.w_02 {
	float:left; 
	width:40px;
	padding:5px 0 0 0;
	height:30px;
	}
.w_03 {
	float:left; 
	padding:5px 0 0 0;
	height:30px;
	}
.w_04 {
	clear:both;
	width:50px;
	height:30px;
	float:left; 
	margin-left:10px;
	}
.w_04 img {
	margin:10px 0 0 15px;
	}
#footer {
	clear:both;
	width:100%;
	float:left; 
   display:inline;
	background:#163858;
	}
#fwrap {
	width:980px;
	margin:20px auto;
	}
#fnav {
	color:#fff;
	}
#fnav a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	}
#fnav a:hover {
	color:#79a9d5;
	}
#fnav ul {
	margin: 0 0 0 60px;
	}
#fnav li {
	float:left; display:inline;
	list-style:none;
	background: url(/tolteam/images/linija_fnav.gif) left 8px no-repeat;
	margin:0 8px;
	padding: 0  0 0 16px;
	}
#fnav li.first {
	float:left; display:inline;
	list-style:none;
	background: none;
	margin:0 8px;
	padding: 0 0 0 16px;
	}
#f_left {float:left; display:inline; width:500px; color:#fff; font-size:11px; margin: 40px 0 40px 30px;}
#f_right {text-align:right; float:right; width:200px; color:#fff; font-size:11px; margin: 70px 40px 0 0;}
#f_right a {color:#fff; text-decoration:none; font-weight:bold;}
#f_right a:hover {color:#fff; text-decoration:underline;font-weight:bold;}

#s3slider {
   float: left;
   width: 960px; /* important to be same as image width */
   height: 290px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   font-weight: normal!important;
}

#s3sliderContent {
   width: 290px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   width:960px;
   height:290px;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0px;
   padding: 0px;/*padding: 10px 13px;*/
   width: 960px;
   height: 30px;
   font-weight: normal!important;
   background-color: #00112D;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom:0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
p.h6 {
	font:14px arial, sans-serif; font-weight:bold; color:#fff; float:left; display:inline; margin:7px 10px 5px 10px; width:auto;}
p.description {font-size:11px; color:#fff; float:left; display:inline; padding:8px 10px 10px 10px; width:720px; }
.clear {
   clear: both;
} 


.subnav {
	float:left;
	background:#a5bbd2 url('/tolteam/images/bcg_subnav.gif') repeat-x 0px -7px;
	width:100%;
	padding:5px 5px -10px 5px;
	}
.subnav li {
	float:left;
	list-style:none;
	font-size:13px;
	margin:5px 0px -2px 15px;
	}
.subnav li p {padding:0px; color:#444;}	
.subnav li a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:5px;
	font-size:14px;
	cursor:pointer;
	
	}
.subnav li a:hover {
	background:#dae7f3;
	color:#000;
	
	}
.sub_active {
	background:#dae7f3;
	color:#000;
	}
img.stars {width:10px; height:10px; border:none; float:left; clear:none; margin:5px 0px -5px 0px;}


.cabincharter{
	font-size:18px;
	font-weight:bold;
	color:#3e75a9;
	text-transform:uppercase;
	margin:0 0 5px 0;
	float: left;
}
.cabin_charter_group{
   float: left;
   width: 700px;
   margin:0px 0px;
   font-size: 13px;
}
.cabin_charter_box{
   float: left;
   width: 700px;
   margin:10px 0px;
}
.cabin_charter_group img{
   width: 205px;
   float: left;
   border:1px solid #A0A0A0;
   padding: 1px;
   background: white;
   margin: 2px 5px 0px 0px;
}
.cabin_charter_tech{

   width: 100px;
   float: left;
   margin: 0px 10px 0px 5px;
}
.cabin_charter_short{
   width: 370px;
   float: left;
   margin: 0px 0px 6px 0px;
}
.cabin_charter_moredetails{
   width: 485px;
   float: left;
   margin: 3px 0px 0px 0px;
   text-align: right;
}
.cabin_charter_box h3 {
	font-size:15px;
	font-weight:bold;
	color:#3e75a9;
	}
.cabin_charter_moredetails a {
	text-decoration:none;
	color:#4b91d3;
	font-size: 11px!important;
	}