.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body {
    background-image: url( '../images/mainbg.jpg' );
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

a { outline:none; }

/* container div */
#container {
    border-left: 1px solid #C6C7C4;
    border-right: 1px solid #C6C7C4;
    width: 1017px;
    margin: 0 auto;
    background-color: #ffffff;
    background-image: url( '../images/topbg.jpg' );
    background-repeat: repeat-x;
    background-position: 0px 57px;
    text-align: left;
    padding-bottom: 20px;
    color: #333;
    position: relative;
}


/* header */
#header {
    border-bottom: 1px solid #ffffff;
    /*background-image: url( '../images/header_logo_1.jpg' );
    background-repeat: no-repeat;
    background-position: left 25px;*/
    height: 175px;
    position: relative;
}
#header #logo {
	position: absolute;
	left: 20px;
	top: 45px;
}
#header #logo img {
	border: none;
}
#header #header-baner {
	position: absolute;
	left: 220px;
	top: 30px;
}
#header #header-forecast {
	position: absolute;
	bottom: 95px;
	left: 855px;
	z-index: 12;
}
#header #header-forecast div {
	width: 170px;
}
#header #header-forecast span {
	color: #555;
}
#header #header-forecast .forecast-location {
	font-size: 16px;
}
#header #header-forecast img {
	margin-left: 10px;
}
#header #searchbox {
    position: absolute;
    right: 0px;
    bottom: 18px;
    width: 172px;
    height: 100px;
    z-index: 10;
    background-image: url( '../images/searchboxbg.jpg' );
    background-repeat: repeat-x;
    overflow: hidden;
}
#header #searchbox #searchboxborder {
    background-image: url( '../images/searchboxborder.jpg' );
    background-repeat: no-repeat;
    /*width: 1px;*/
    height: 100px;
}
#header #searchbox form {
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 7px;
}
#header #searchbox input {
    border: 1px solid #c3c3c2;
    background: #ffffff;
    width: 155px;
    font-size: 14px;
    padding: 2px 0;
}
#header #searchbox #searchoptions {
    color: #535353;
    padding-bottom: 5px;
    font-size: 11px;
}
#header #searchbox #searchoptions a {
    color: #535353;
    text-decoration: none;
    border-left: 1px solid #c1c1c1;
    padding: 0px 4px 0px 7px;
}
#header #searchbox #searchoptions a:hover, #header #searchbox #searchoptions a.active {
    color: #F93A1D;
}
#header #mainmenu {
    /*width: 790px;*/
    height: 37px;
    position: absolute;
    left: 16px;
    bottom: 13px;
    overflow: hidden;
    z-index: 5;
}
#header #mainmenu td {
    height: 37px;
    text-align: center;
    vertical-align: top;
}
#header #mainmenu a {
    text-decoration: none;
    color: #878787;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    height: 20px;
    padding: 0 10px;
    padding-top: 12px;
    border-left: 1px solid #B5B1A6;
    letter-spacing: .5px;
}
#header #mainmenu .active {
    background: #EE980A;
}
#header #mainmenu .active a {
    color: #ffffff;
    background-image: url( '../images/mainnav_on.gif' );
    background-repeat: repeat-x;
}
#header #mainmenu #firstlink a {
    border-left: none;
}
#header #mainmenu #firstlink.active a {
    border-left: 1px solid #B5B1A6;
}
#header #mainmenu #lastlink.active a {
    border-right: 1px solid #B5B1A6;
}
#header #navpath {
    height: 18px;
    background-color: #03AFD8;
    background-image: url( '../images/navpathbg.gif' );
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
}
#header #navpath #links {
    position: absolute;
    left: 16px;
    top: 2px;
    z-index: 10;
}
#header #navpath a{
    background-image: url( '../images/navpatharrow1.gif' );
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 7px;
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
}
#header #navpath span{
    background-image: url( '../images/navpatharrow1.gif' );
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 7px;
    text-decoration: none;
    font-size: 11px;
}
#header #navpath a.rightSide {
    background-image: url( '../images/navpatharrow1rightSide.gif' );
}
#header #navpath a:hover {
    background-image: url( '../images/navpatharrow2.gif' );
    color: #000000;
}
#header #navpath a.rightSide:hover {
    background-image: url( '../images/navpatharrow2rightSide.gif' );
}
#langmenu { position: absolute; right: 0; top: 160px; list-style: none; padding: 0; margin: 0;}
#langmenu li { float: left; display: block; padding: 0 2px; margin: 0; }
#langmenu li img { border: 1px solid #fff; }

/* main table */
#tblmain {
    width: 100%;
    background-image: url( '../images/topshadow.gif' );
    background-repeat: repeat-x;
}
#tblmain td {
    vertical-align: top;
}

/* left col */
#col1 {
    width: 162px;
    text-align: right;
    background-image: url( '../images/col1shadow.gif' );
    background-repeat: repeat-y;
    background-position: right;
}
#col1 #col1corner {
    height: 20px;
    background-image: url( '../images/col1topright.gif' );
    background-repeat: no-repeat;
    background-position: top right;
}
#col1 .leftmenu, #col1 .leftmenu_related {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 11px;
    width: 150px;
    float: right;
    text-align: left;
}
#col1 .leftmenu_related {
    margin-top: -10px;
    width: 150px;
    padding-left: 6px;
    background-color: #ffffff;
    background-image: url( '../images/col1shadow.gif' );
    background-repeat: repeat-y;
}
#col1 .leftmenu a, #col1 .leftmenu_related a {
    padding: 5px;
    border-bottom: 1px solid #bebebe;
    color: #888888;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
#col1 .leftmenu_related a {
    border-bottom-style: dotted;
}
#col1 .leftmenu_related a.current { background: #F2EBE3; }
#col1 .leftmenu_related .bottomshadow {
    margin-top: -1px;
    margin-left: -6px;
    height: 10px;
    background-image: url( '../images/leftnav_related_shadow.jpg' );
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}
#col1 .leftmenu .title, #col1 .leftmenu_related .title {
    color: #ffffff;
    background-color: #F9B546;
    border: none;
    font-size: 10px;
    background-image: url( '../images/leftnavbg.jpg' );
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-top: -1px;
}
#col1 .leftmenu .yellow, #col1 .leftmenu_related .yellow {
    background-color: #EABF01;
    background-image: url( '../images/leftnavbg_yellow.jpg' );
}
#col1 #blueIstriaMenu .title, #col1 .leftmenu_related .blue {
    background-color: #43B5D0;
    background-image: url( '../images/leftnavbg_blue.jpg' );
}
#col1 #greenIstriaMenu .title, #col1 .leftmenu_related .green {
    background-color: #69B713;
    background-image: url( '../images/leftnavbg_green.jpg' );
}
#col1 .leftmenu_related .backlink {
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 10px;
    color: #535353;
}
#col1 .leftmenu_related .backlink span {
    background-image: url( '../images/return_arrow.gif' );
    background-repeat: no-repeat;
    padding-left: 7px;
    background-position: left center;
}
#col1 .leftmenu .viewmore {
    background-image: url( '../images/leftnav_moreless.jpg' );
    background-repeat: no-repeat;
    background-position: 5px 0px;
    height: 20px;
    padding-left: 11px;
    overflow: hidden;
}
#col1 .leftmenu .viewless {
    background-image: url( '../images/leftnav_moreless.jpg' );
    background-repeat: no-repeat;
    background-position: 5px 0px;
    height: 20px;
    padding-left: 11px;
    overflow: hidden;
}
#col1 .leftmenu .viewless a, #col1 .leftmenu .viewmore a {
    color: #218EF6;
    padding: 4px 18px 6px 0px;
    border: none;
    float: left;
    background-repeat: no-repeat;
    background-position: right;
}
#col1 .leftmenu .viewless a { background-image: url( '../images/leftnav_lessbg.jpg' ); }
#col1 .leftmenu .viewmore a { background-image: url( '../images/leftnav_morebg.jpg' ); }


/* main col */
#col2 {
    width: 378px;
    padding: 10px;
}
#col2 .main_image {
    padding: 15px 0;
    text-align: center;
}
/*#col2 .main_image img {
    border: 9px solid #ffffff;
}*/
#col2 .maincontent h1 {
    background-color: #F8B445;
    background-image: url( '../images/themes/orange/maintitle_bg.jpg' );
    background-repeat: repeat-x;
    background-position: bottom;
    color: #ffffff;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 22px;
    padding: 5px;
    margin: 0;
    border-bottom: 1px solid #fde5bf;
}
#col2 .maincontent h1 span {
    color: #262626;
}
#col2 .maincontent p {
    color: #797979;
}
#col2 .maincontent a {
    color: #3DA9F8;
}
#col2 .maincontent .toolbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 18px;
    background-color: #fbbd59;
    border-top: 1px solid #ffffff;
    margin-bottom: 1px;
}
#col2 .maincontent .toolbar li {
    float: left;
    display: block;
    border-right: 1px solid #ffffff;
    height: 18px;
    white-space: nowrap;
}
#col2 .maincontent .toolbar a {
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: bold;
    border-right: 1px solid #fde5bf;
    display: block;
    padding: 3px 10px 3px 6px;
    background-image: url( '../images/themes/blue/toolbar_arrow.gif' );
    background-repeat: no-repeat;
    background-position: 95% 60%;
}

#col2 #searchesContainer.maincontent .tabnav {
    margin-right: 0px;
}

#col2 #searchesContainer.maincontent .tabnav li {
    margin-right: 0px;
    border-right: 1px solid white;
}

#col2 .main-image { text-align: center; }
#col2 .main-image img { display: block; margin: 0 auto; }
#col2 .anu-detail .main-image { text-align: center; }
#col2 .anu-detail .main-image img { /*border: 8px solid #fff;*/margin: 1px auto; }
#col2 .pageintro {
    /*padding: 20px 0;*/
    padding: 20px;
}
#col2 .pageintro img {
    /*border: 10px solid #ffffff;*/
    display: block;
    margin: 0 auto;
}
#col2 .pageintro .intro-text {
	padding: 10px;
    border-top: 1px dotted #262626;
    border-bottom: 1px dotted #262626;
}
#col2 .pageintro p {
    font-style: italic;
    color: #262626;
    padding: 10px 0;
    margin: 0;
}
#col2 #footer_links {
    color: #797979;
    text-align: center;
    font-size: 14px;
    padding: 15px 0;
    margin-top: 20px;
    border-top: 5px solid #97D0E0;
    clear: both;
}
#col2 #footer_links a {
    color: #EB7F34;
    text-decoration: none;
}

/* top tabs */
#col2 .tabnav {
    height: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
#col2 .tabnav li {
    display: block;
    float: left;
    margin-right: -15px;
    z-index: 1;
    position: relative;
    top: 0px;
    left: 0px;
}
#col2 .tabnav li span.leftbg {
    display: block;
    background-image: url( '../images/themes/orange/tab_left.png' );
    background-repeat: no-repeat;
    float: left;
    width: 6px;
    height: 22px;
}
#col2 .tabnav li span.rightbg {
    display: block;
    background-image: url( '../images/themes/orange/tab_right.png' );
    background-repeat: no-repeat;
    float: left;
    width: 31px;
    height: 22px;
}
#col2 .tabnav li a {
    display: block;
    padding: 4px 11px 3px 8px;
    height: 15px;
    float: left;
    background-image: url( '../images/themes/orange/tab_bg.png' );
    background-repeat: repeat-x;
    background-position: top left;
    white-space: nowrap;
    color: #eeeeee;
    text-decoration: none;
    font-size: 11px;
}
#col2 .tabnav li.ui-tabs-selected {
    z-index: 10;
}
#col2 .tabnav li.ui-tabs-selected span.leftbg {
    background-image: url( '../images/themes/orange/tab_left_on.png' );
}
#col2 .tabnav li.ui-tabs-selected span.rightbg {
    background-image: url( '../images/themes/orange/tab_right_on.png' );
}
#col2 .tabnav li.ui-tabs-selected a {
    background-image: none;
    background-color: #F6B644;
    color: #535353;
}
#col2 .tabnav .closetab {
    padding: 0;
    position: absolute;
    border: none;
    background: none;
    height: 7px;
    width: 7px;
    float: none;
    right: 25px;
    top: 2px;
    margin: 0;
}
#col2 .tabnav img {
    border: none;
    padding: 1px;
}
/*--------------------< content tabs >-------------------*/
#col2 .content_tabnav {
    height: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
#col2 .content_tabnav li {
    display: block;
    float: left;
    margin-right: -15px;
    z-index: 1;
    position: relative;
    top: 0px;
    left: 0px;
}
#col2 .content_tabnav li span.leftbg {
    display: block;
    background-image: url( '../images/content_tab_left_off.png' );
    background-repeat: no-repeat;
    float: left;
    width: 6px;
    height: 22px;
}
#col2 .content_tabnav li span.rightbg {
    display: block;
    background-image: url( '../images/content_tab_right_off.png' );
    background-repeat: no-repeat;
    float: left;
    width: 31px;
    height: 22px;
}
#col2 .content_tabnav li a {
    display: block;
    padding: 4px 11px 3px 8px;
    height: 15px;
    float: left;
    background-image: url( '../images/content_tab_bg_off.png' );
    background-repeat: repeat-x;
    background-position: top left;
    white-space: nowrap;
    color: #757575;
    text-decoration: none;
    font-size: 11px;
}
#col2 .content_tabnav li.ui-tabs-selected {
    z-index: 9;
}
#col2 .content_tabnav li.ui-tabs-selected span.leftbg {
    background-image: url( '../images/content_tab_left_on.png' );
}
#col2 .content_tabnav li.ui-tabs-selected span.rightbg {
    background-image: url( '../images/content_tab_right_on.png' );
}
#col2 .content_tabnav li.ui-tabs-selected a {
    background-image: none;
    background-color: #ffffff;
    color: #535353;
}
/*--------------------< /content tabs >-------------------*/

/* image gallery */
.galleries {
    padding-bottom: 30px;
}
.gallery_info {
    padding: 25px 0 0 85px;
    background-repeat: no-repeat;
    background-position: 10px bottom;
    cursor: pointer;
}
.gallery_info h2 {
    border-bottom: 1px solid;
    font-size: 12px;
    font-weight: normal;
    width: 200px;
    padding: 2px 0 5px 0;
    margin: 0 0 5px 0;
	color: #D6840D;
	border-bottom-color: #D6840D;
}
.gallery_info .gallery_title {
    font-size: 18px;
    padding-left: 15px;
}
.gallery_info.open {
	background-image: url( '../images/themes/orange/picfolder_open.png' );
    background-repeat:no-repeat;
}
.gallery_info.closed {
	background-image: url( '../images/themes/orange/picfolder_closed.png' );
    background-repeat:no-repeat;
}
.gallery_info.closed .gallery_title {
    background-image: url( '../images/black_arrow_right.gif' );
    background-repeat: no-repeat;
    background-position: left center;
}
.gallery_info.open .gallery_title {
    background-image: url( '../images/black_arrow_down.gif' );
    background-repeat: no-repeat;
    background-position: left center;
}
.gallery_info .num_images {
    color: #5E6364;
}
.gallery {
    border-top: 1px solid #ffffff;
    margin-top: 13px;
    position: relative;
	background: #F4B847;
}
.gallery td .tnimage {
    width: 110px;
    display: block;
    float: left;
}
.gallery_images {
    padding: 10px 20px;
    text-align: left;
}
.gallery_images img {
    border: 2px solid #ffffff;
    margin: auto 3px;
}
.gallery_desc {
    color: #ffffff;
    padding: 2px 20px;
    border-bottom: 1px solid #ffffff;
	background: #D6840D;
}
.gallery_nav_left {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0px;
    padding-left: 20px;
    overflow: hidden;
    background-image: url( '../images/white_arrow_left.gif' );
    background-repeat: no-repeat;
    background-position: center;
}
.gallery_nav_right {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    padding-left: 20px;
    overflow: hidden;
    background-image: url( '../images/white_arrow_right.gif' );
    background-repeat: no-repeat;
    background-position: center;
}

/* right col */
#col3 {
    width: 285px;
    background-image: url( '../images/col3shadow.gif' );
    background-repeat: repeat-y;
}

#col3 .object_details td {
    padding: 5px 0;
}
#col3 .object_details .label {
    color: #262626;
}
#col3 .object_details .value {
    color: #777777;
}


/* copyright info */
#tblmain #copyright {
    font-size: 11px;
    text-align: center;
    color: #ababab;
    height: 30px;
    vertical-align: middle;
}


/* general */
hr {
    height: 1px;
    background: none;
    color: none;
    border: none;
    border-top: 1px dotted #878787;
    margin: 10px 0;
}
.lightgrey {
    color: #cccccc;
}
.overlay {
    padding: 5px;
    margin: 0;
    background: #FFFFFF;
}
.overlay a {
    text-decoration: none;
}
.overlay ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.overlay li {
    margin: 3px;
}
.ui-tabs-hide { display: none; }


/* ------------------------------------------
>>>>>>>>>>>> boxovi desno <<<<<<<<<<<<<<<<<<<
-------------------------------------------*/

/*----------------< tabovi >--------------*/
#col3 .tabnav {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 22px;
    border-bottom: 10px solid #E0D2C0;
    background-color: #A7947D;
    overflow: hidden;
    background-image: url( '../images/themes/orange/col3tabs1_topshadow.gif' );
    background-repeat: repeat-x;
}
#col3 .tabnav li {
    display: block;
    float: left;
    height: 22px;
    padding: 2px 0;
}
#col3 .tabnav a {
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    display: block;
    padding: 3px 8px;
    border-right: 1px solid #E0D2C0;
}
#col3 .tabnav li.ui-tabs-selected {
    background-color: #E0D2C0;
    background-image: url( '../images/themes/orange/col3tabs1_topshadow_active.gif' );
    background-repeat: repeat-x;
}
#col3 .tabnav li.ui-tabs-selected a {
    color: #262626;
}
/*----------------< /tabovi >--------------*/

/*----------------< sadrzaj boxa >--------------*/
#col3 .boxcontent {
    color: #42413F;
}
#col3 .boxcontent a {
    color: #3DA9F8;
}

/*----------------< /sadrzaj boxa >--------------*/

/*----------------< box 1 >--------------*/
#col3 .box1 .boxcontent {
    background-color: #F2EBE3;
    padding: 15px 10px;
    background-image: url( '../images/themes/orange/col3box1_leftshadow.gif' );
    background-repeat: repeat-y;
}
/*----------------< /box 1 >--------------*/

/*----------------< box 2 >--------------*/
#col3 .box2 .boxcontent {
    /*max-height: 250px;*/
    /*overflow: auto;*/
    background-color: #F1F1F1;
    padding: 15px 15px 15px 0;
    background-image: url( '../images/themes/orange/col3box2_leftshadow.gif' );
    background-repeat: repeat-y;
}
#col3 .box2 .boxtitle {
    padding: 8px;
    background-color: #d0d0d0;
    background-image: url( '../images/themes/orange/col3box2_titlebg.gif' );
    background-position: top right;
    background-repeat: no-repeat;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}
/*----------------< /box 2 >--------------*/

/*----------------< box 3 >--------------*/
#col3 .box3 .boxcontent {
    /*height: 250px;
    overflow: auto;*/
    padding: 7px 15px 15px 0;
    text-align: center;
    background-color: #FFF8EE;
    background-image: url( '../images/themes/orange/col3box3_leftshadow.gif' );
    background-repeat: repeat-y;
}
#col3 .box3 .smallbaner img {
    border: 1px solid #000000;
}

#col3 .box3 .tabnav {
    background-color: #FBD974;
    background-image: url( '../images/themes/orange/col3tabs2_topshadow.gif' );
    border-color: #EFAC0B;
}
#col3 .box3 .tabnav a {
    color: #717171;
    border-right: 1px solid #EFAC0B;
}
#col3 .box3 .tabnav li.ui-tabs-selected {
    background: none;
    background-color: #EFAC0B;
}
#col3 .box3 .tabnav li.ui-tabs-selected a {
    color: #262626;
}
/*----------------< /box 3 >--------------*/

/*----------------< pretraga smjestaja >--------------*/
#col3 #accommodation_search td {
    padding: 5px 0;
}
/*----------------< /pretraga smjestaja >--------------*/

/*----------------< sponzorirani oglasi >--------------*/
#col3 .sponsored_ad td {
    text-align: right;
    padding-left: 7px;
    vertical-align: top;
}
#col3 .sponsored_ad .info div {
    padding-bottom: 5px;
}
#col3 .sponsored_ad .actions {
    padding-top: 5px;
    border-top: 1px solid #cccccc;
}
#col3 .sponsored_ad .actions img {
    border: none;
}
#col3 .sponsored_ad .img {
    width: 40%;
}
/*----------------< /sponzorirani oglasi >--------------*/

/*----------------< rezultati pretrage >-------------------*/

#col2 .search_params {
    padding-bottom: 10px;
}
#col2 .search_params a.toggle_params {
    display: block;
    color: #aaaaaa;
    padding: 5px 15px;
    background-repeat: no-repeat;
    background-position: center left;
    text-decoration: none;
}
#col2 .search_params a.show {
    background-image: url( '../images/show_search_params.gif' );
}
#col2 .search_params a.hide {
    background-image: url( '../images/hide_search_params.gif' );
}
#col2 .search_params table {
    margin-left: 15px;
}
#col2 .search_params td.param_label {
    color: #8d8d8d;
}
#col2 .search_params td.param_value {
    color: #000000;
}

#col2 .accommodation_item {
    border-top: 1px dotted #878787;
    padding: 10px 0 0 0;
    margin-top: -1px;
}
#col2 .accommodation_item h2 {
    font-size: 14px;
    margin: 0 0 9px 0;
    padding: 0;
    font-weight: normal;
}
#col2 .accommodation_item td.toolbar_btn {
    background-image: url( '../images/search_list_toolbar_bg.gif' );
    background-repeat: repeat-x;
    background-position: bottom;
    height: 20px;
    padding-top: 3px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}
#col2 .accommodation_item td.toolbar_btn a {
    text-decoration: none;
    color: #5F6968;
}
#col2 .accommodation_item td.toolbar_btn .arrow {
    background-image: url( '../images/toolbar_arrow.gif' );
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-right: 5px;
}
#col2 .accommodation_item td.image {
    width: 112px;
    text-align: right;
}
#col2 .accommodation_item p.info1 {
    margin: 5px 0;
    font-size: 14px;
    color: #3a3a3a;
}
#col2 .accommodation_item p.info2 {
    margin: 5px 0;
}
#col2 .page_numbers {
    color: #797979;
}
#col2 .page_numbers a {
    color: #797979;
    text-decoration: none;
    padding: 0 3px;
}
#col2 .page_numbers a:hover, #col2 .page_numbers a.active {
    color: #3DA9F8;
}
/*----------------</ rezultati pretrage >-------------------*/

/*----------------< tab content - details >-----------------------*/
#col3 .tab_content , #col3 .tab_content {
    padding: 20px 0 10px 0;
}
/*params*/
.tab_content table.params {
    margin: 0;
    width: 100%;
}
.tab_content table.params td {
	vertical-align: bottom !important;
    padding: 5px 0 2px 0;
}
.tab_content table.params td .dots {
    background-image: url( '../images/blackdots.gif' );
    background-repeat: repeat-x;
    background-position: 0 90%;
}
#col3 .box1 table.params td .dots span {
	background-color: #F2EBE3;
}
.tab_content table.params td.label span {
    background-image: url( '../images/bullet.gif' );
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 5px 0 10px;
}
.tab_content table.params td.value {
    color: #535353;
    padding-left: 5px;
}
/*prices*/
#col2 .tab_content .pricelist {
	padding-top: 10px;
}
#col2 .tab_content .pricelist_title {
    padding: 10px;
    background-image: url( '../images/bullet.gif' );
    background-repeat: no-repeat;
    background-position: left center;
}
#col2 .tab_content .pricelist table {
    margin-top: 10px;
    text-align: center;
    border: 1px solid #c0c0c0;
    border-collapse: collapse;
}
#col2 .tab_content .pricelist .label {
    font-weight: bold;
}
/*booking form*/
#col2 .tab_content .tab_booking_form form table {
	width: 100%;
}
#col2 .tab_content .tab_booking_form form td {
	padding: 7px 0 0 0;
	width: 50%;
}
#col2 .tab_content .tab_booking_form label {
    color: #000000;
    /*padding-left: 7px;
    background-image: url( '../images/bullet.gif' );
    background-repeat: no-repeat;
    background-position: left center;*/
    display: block;
}
#col2 .tab_content .tab_booking_form label span {
    color: #DC4C2B;
}
#col2 .tab_content .tab_booking_form table input,
#col2 .tab_content .tab_booking_form table select,
#col2 .tab_content .tab_booking_form table textarea {
	border: 1px solid;
	border-color: #555 #ddd #ddd #555;
	background: #f9f9f9;
	padding: 3px;
	font-size: 12px;
	font-family: Arial, sans-serif;
}
#col2 .tab_content .tab_booking_form textarea {
    width: 98%;
    height: 75px;
    padding: 3px 0;
}
#col2 .tab_content .tab_booking_form .button {
    text-align: center;
    padding: 20px;
}
#col2 .tab_content .tab_booking_form .button input {
    padding: 5px 10px;
    border: solid 1px;
    border-color: #f6f6f6 #555 #555 #f6f6f6;
    font-weight: bold;
    font-size: 14px;
    background: #fdfdfc url('../images/content_tab_bg_off.png') repeat-x bottom;
}
.captcha-image {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#col2 .occupation-calendar {
	background: #FFF8EE;
}
#col2 .occupation-calendar .calendar td {
	border: 1px solid #FFF8EE;
	padding: 2px;
}
#col2 .occupation-calendar .calendars {
	width: 100%;
}
#col2 .occupation-calendar .calendar_navigation {
	width: 100%;
}
#col2 .occupation-calendar thead td {
	background: #EFAC0B;
	color: #262626;
}
#col2 .occupation-calendar .calendar table {
	margin: auto;
}
#col2 .occupation-calendar .calendar_title {
	text-align: center;
}
#col2 .occupation-calendar h3 {
	padding: 5px;
	background: #FBD974;
	color: #262626;
	margin: 15px 0;
}
#col2 .occupation-calendar .calendar .date {
	text-align: right;
	vertical-align: middle;
	background: #FBD974;
}
#col2 .occupation-calendar .calendar .unavailable {
	/*background: #FBD974;*/
	color: #f00;
	border-left-color: #999;
	border-top-color: #999;
}
#col2 .occupation-calendar .calendar_navigation table {
	width: 100%;
}
#col2 .occupation-calendar .calendar_navigation td {
	padding: 15px;
}
#col2 .occupation-calendar .calendar_navigation a {
	color: #3DA9F8;
}
#col2 .occupation-calendar .calendar_navigation .nextlink {
	text-align: right;
}
/*----------------</ detail - params >----------------------*/
.slideshow ul, .slideshow li{
    padding:0;
    margin:0;
    list-style:none;
}
.slideshow{
    overflow:hidden;
    width:340px;
    /*border:1px solid #777;*/
}

.slideshow ul{
    width:3900px;
    padding-left:0px;
}

.slideshow li{
    float:left;
    margin-right: 5px;
    cursor:pointer;
}

.quickInfo {
    text-align: left;
    clear: both;
    padding: 10px;
}

.quickInfoTitle {
	padding-top: 0;
	margin-top: 0;
}

.quickInfo img {
    float: left;
    margin-right: 5px;
    border: 5px solid #DDDDDD;
}

form .ajax-loader {
	margin-left: 10px;
	display: none;
}
#bookmarksSelector {
	width: 300px;
}

.emphRed { color: #CB3537; font-size: 16px; font-style: italic; }
.emphBlue { color: #0099FF; font-size: 16px; font-style: italic; }
.emphGreen { color: #29B047; font-size: 16px; font-style: italic; }
.emphOrange { color: #F2BF28; font-size: 16px; font-style: italic; }
.red { color: #CB3537; }
.blue { color: #0099FF; }
.green { color: #29B047; }
.orange { color: #F2BF28; }

/* -- forecast -- */
.forecast-content {
	border-bottom: 1px dotted #999;
	color: #555;
	padding: 8px 0;
}
.forecast-header {
	border-bottom: 1px dotted #999;
	position: relative;
	padding: 5px 0;
}
.forecast-header h3 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	display: inline;
}
.forecast-header .days-selector {
	position: absolute;
	right: 0;
	bottom: 10px;
}
.forecast-header .days-selector a {
	text-decoration: none;
	color: #5c5c5c !important;
}
.forecast-header .days-selector a.active {
	font-weight: bold;
}
.forecast-day {
	float: left;
	padding: 15px 5px;
	border-right: 1px dotted #999;
}
.forecast-date td {
	vertical-align: bottom;
	padding: 0;
}
.forecast-date .forecast-date-day {
	font-size: 30px;
	padding-right: 5px;
}
.forecast-date .forecast-date-month {
	font-size: 11px;
}
.forecast-date .forecast-date-dayname {
	font-size: 12px;
}
.forecast-day .forecast-temp {
	text-align: center;
	font-size: 14px;
}

#booking-confirmation {
	background: #eee;
	width: 360px;
	padding: 20px;
}
#booking-confirmation table {
	margin: auto;
	text-align: left;
	border-collapse: collapse;
}
#booking-confirmation td {
	padding: 6px;
}
#booking-confirmation .bottom-text {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #999;
}
#booking-confirmation h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
}

.events h2 {
	color: #fd4f02;
	font-size: 14px;
	padding: 10px 0;
	border-bottom: 1px solid #7f7f7f;
	margin-bottom: 10px;
	font-weight: normal;
	cursor: pointer;
}
.events .events-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.events .event {
	border-bottom: 1px dotted #b3b3b3;
	padding: 10px 0;
	list-style: none;
	margin: 0;
}
.events .event h3 {
	font-size: 16px;
	color: #585858;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
.events .event-info {
	margin: 0 0 10px 0;
	padding: 0;
	color: #585858;
	font-size: 14px;
}
#login { background: url('../images/login_bg.gif') no-repeat; width: 277px; height: 344px; padding: 100px; }
#login #logo { text-align: center; }
#login form { text-align: center; }
#login .input-fields { margin: 40px 0; padding: 10px 0; border: solid #ccc; border-width: 1px 0; }
#login .input-fields .field { padding: 20px; background: url('../images/login_input_bg.gif') no-repeat left center; }
#login .input-fields .field input { line-height: 20px; padding: 0; font-size: 14px; width: 236px; height: 20px; border: none; text-align: left; background-color: #fff; }
#login .submit button { border: none; background: none; }
#login #close { position: absolute; top: -10px; right: -10px; background: url('../images/close.png'); width: 30px; height: 30px; overflow: hidden; text-indent: -1000px; }
#login input.login_username.empty { background:url('../images/login_username.gif') no-repeat left center; }
#login input.login_password.empty { background:url('../images/login_password.gif') no-repeat left center; }

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    /*background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;*/
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#link-to-us {
	width: 100%;
}
#link-to-us td {
	vertical-align: middle;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	text-align: center;
}
input.selectall {
	display: block;
	margin-top: 10px;
	width: 100%;
}

#vinistra td, table.data-table td {
	padding: 4px;
	border-bottom: #999 dotted 1px;
}