* {padding: 0px; margin: 0px;}
body {background: #ffffff; color: #5d5d5d; text-align: center; font-family: arial, helvetica; font-size: 12px;}
a, a:visited, a:active {color: #5d5d5d; text-decoration: none;}
a:hover {color: #1cc0f0; text-decoration: none;}
img, img a {border:0px;}
input, textarea {border: 1px solid gray;}
input:focus, textarea:focus {border: 1px solid black;}

#wrapper {width:1000px; text-align:left; margin: 0px auto 0px auto; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;}

#aboveheader {width:800px; margin-left:165px; text-align:left; margin-bottom:15px; padding-top:15px;}
#aboveheader ul li {list-style-type:none;}

#ahcol0 {width:210px; float:left;}
#ahcol0 h2 {color: #5d5d5d; font-size:12px; font-weight:normal;}
#ahcol0 p {font-size:10px; line-height:16px;}

.ahcol1 {float:left; width:110px; margin-left:7px;}
.ahcol1x {color: #5d5d5d; font-size:12px; font-weight: bold;}
.ahcol1y {color: #1cc0f0; font-size:10px; line-height: 16px;}
.ahcol1y a {color: #1cc0f0;}
.ahcol1y a:hover {color: #5d5d5d;}
.ahcol2 {float:left; width:110px; margin-left:7px;}
.ahcol2x {color: #5d5d5d; font-size:12px; font-weight: bold;}
.ahcol2y {color: #ea008d; font-size:10px; line-height: 16px;}
.ahcol2y a {color: #ea008d;}
.ahcol2y a:hover {color: #5d5d5d;}
.ahcol3 {float:left; width:110px; margin-left:7px;}
.ahcol3x {color: #5d5d5d; font-size:12px; font-weight: bold;}
.ahcol3y {color: #ff0000; font-size:10px; line-height: 16px;}
.ahcol3y a {color: #ff0000;}
.ahcol3y a:hover {color: #5d5d5d;}
.ahcol4 {float:left; width:110px; margin-left:7px;}
.ahcol4x {color: #5d5d5d; font-size:12px; font-weight: bold;}
.ahcol4y {color: #60b948; font-size:10px; line-height: 16px;}
.ahcol4y a {color: #60b948;}
.ahcol4y a:hover {color: #5d5d5d;}

#lang {float:right; width:90px; text-align:right;}
#lang p {font-weight: bold; font-size:12px;}

h1 {background-repeat: no-repeat; height: 120px; width: 1000px;}
h1 span {visibility: hidden; display: none;}

#navig-left {float:left; width:165px;}
#navig-right {float:left; width:832px;}

.path {font-size:11px; font-weight: bold; margin:3px 0px 11px 0px;}

/* start menu */

.menu  {font-size:12px; position:relative; z-index:100; height:14px;}
.menu ul {padding:0; margin:0; list-style-type:none;}
.menu ul ul {width:149px;}
.menu li {float:left; position:relative;}
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#5d5d5d; padding-right:30px; font-weight: bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:130px; w\idth:130px;}

.menu ul ul a.drop:hover{background:#999999;}
.menu ul ul :hover > a.drop {background:#999999;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ffffff;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#999999;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:13px;left:0; width:130px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:14px;t\op:14px;}

/* position the third level flyout menu */
.menu ul ul ul{left:130px; top:-1px; width:130px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-130px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffffff; color:#5d5d5d; height:auto; line-height:1em; padding:4px; width:128px; border-left: 1px solid #5d5d5d; border-right: 1px solid #5d5d5d;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#1cc0f0; background:#ffffff;}
.menu :hover > a, .menu ul ul :hover > a {color:#1cc0f0;background:#ffffff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* #wrapper #navig-right .menu ul li ul li .bottom {border-bottom: 1px solid #5D5D5D; background-color: red;} */


/* end menu */

.line1 {background-image: url(../img/navigback.gif); background-repeat: repeat-x; height: 19px; width: 100%; z-index:-1000;}

#columns {width:999px; background: url('/img/columns_back.gif') top right no-repeat;}
#columns h3 {font-size:16px;  color: #000000;}
#mainpagecol0 {float:left; width:165px; text-align: right;}
#mainpagecol1 {float:left; text-align:left; width: 308px; }
#mainpagecol2 {float:left; text-align:left; width: 308px; }
#mainpagecol3 {float:left; text-align:left; width: 203px; }

.bluebox {background: #e0f1fc; margin:4px; padding:2px;}

.bluebox-trazilica {width:298px; background: #e0f1fc; margin:4px; padding:2px;}
.bluebox-selected {width:298px; background: #e0f1fc; margin:4px; padding:2px;}
.bluebox-special {width:298px; background: #e0f1fc; margin:4px; padding:2px;}
.bluebox-mainpagecol3 {background: #e0f1fc; margin:4px; padding:2px; width:200px;}

#kvartovi_text .naslov, #jeste_li_znali_text .naslov {margin-top: 16px; margin-bottom: 4px; font-size: 9pt; font-weight: bold; display: block;}

.trazilica li {width:170px; padding:2px; display: inline; float:left; font-size: 11px; margin-bottom:3px;}
.trazilica .trazilicaleft {width:120px; padding:2px; display: inline; float:left; font-size: 11px; margin-bottom:3px;}
.borderform {border:1px solid #5d5d5d; font-size:11px; font-family: arial, helvetica; background: #ffffff;}


.offer2col {text-align:left;}
.offer2col li {width:300px; padding:2px;  font-size: 12px; margin-bottom:3px;}
.offer2col li h4 {font-size:12px;}

.offer2col2 {text-align:left;}
.offer2col2 li {width:300px; padding:3px; display: inline; float:left; font-size: 12px; margin-bottom:7px;}
.offer2col2 li h4 {float:left; font-size:12px;}

.offer2col3 {text-align:left;}
.offer2col3 li {width:200px; padding:2px; display: inline; float:left; font-size: 12px; margin-bottom:7px;}
.offer2col3 li h4 {float:left; font-size:12px; color: #000000;}

.smallphoto {border:1px solid #5d5d5d; margin:4px 2px 0px 2px;}
a:hover .smallphoto {border:1px solid #ffffff;}
.shortdesc {float:left; width:120px; line-height:15px;}
.shortdesc li {text-align:left; font-size:11px; float:left; line-height:14px; margin:0px; padding:0px;}

.shortentry {width:290px; margin-bottom:12px;}
.shortentry-slika {float:left; width:100px;}
.shortentry-text {float:left; width:180px;}
.shdesc {list-style-type: none; font-size:11px; line-height:15px;}

.shortdesc2 {float:left; width:70px; line-height:15px;}
.shortdesc2 li {text-align:left; font-size:9px; float:left; line-height:14px; margin:0px; padding:0px;}

h4 {font-size:12px; color: #000000;}
h4 a, h4 a:visited, h4 a:active {color: #000000;}
h4 a:hover {color: #1cc0f0; text-decoration: none;}

.accmainpic {border:1px solid #5d5d5d; margin:2px;}
.txt1116 {font-size:11px; line-height:16px; margin-top:4px; margin-bottom:4px;}
.addressright {font-size:9px;}
.infoq {font-size:12px; line-height:18px;}

#resultscolumn, .article {float:left; text-align:left; width:620px;}
#resultscolumn p {font-size:12px; line-height:19px;}
.accright {float:left; margin-top:20px; width: 325px;}
.accright h4 {font-size:15px; margin:0px 0px 5px 0px;  color: #000000;}
.accdesc {font-size:12px; list-style-type: none; width:280px;}
.accdesc li {margin-bottom: 2px;}
.accpic {float:left; margin:20px; border:1px solid #5d5d5d;}
.accpic2 {float:left; margin:5px; border:1px solid #5d5d5d;}

.photocol {width:320px; float:left; padding-top: 8px;}
.textcol {width:280px; float:left; padding-top: 8px;}
.underpicdesc {font-size:9px; font-weight: bold; margin:5px 10px 40px 10px;}

.sjpjlcol {float:left; width: 110px; margin-left:10px; margin-top:10px;}
.sjpjrcol {float:left; width: 480px; margin-top:10px;}
.sjpjrcol-inner1 {float:left; width: 320px;}
.sjpjrcol-inner2 {float:left; width: 150px; padding-left:3px;}
.sjpjrcol h4 {font-size:15px; color: #000000;}
.sjpjbasicinfo {list-style-type:none; font-size:11px; line-height:18px; margin-bottom: 5px;}
.oprema_objekta {list-style-type:none; padding-left: 0px; margin-left: 10px;}
.sjpic {border:1px solid #5d5d5d; margin:3px;}
a:hover .sjpic {border:1px solid #ffffff;}
.sjbigpic {border:1px solid #5d5d5d; margin:3px 3px 10px 3px;}

.pricetable {width:400px; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #cccccc; border-left-color: #cccccc; margin: 10px auto 0px auto;}
.pricetable th {font-size:11px; font-weight: bold; background-color: #cccccc; color: black; text-align: center; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #cccccc; border-bottom-color: #cccccc; }
.pricetable td {font-size:11px; padding:3px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #cccccc; border-bottom-color: #cccccc; text-align: center}

.separator {width:98%; border-top:1px solid #5d5d5d; height:1px; margin: 30px 0px 1px 0px;}

.separator2 {width:98%; border-top:1px solid #5d5d5d; height:1px; margin: 15px 0px 15px 0px;}

#footer {width:100%; padding-top:20px; background-image: url(../img/navigback2.gif); background-repeat: repeat-x; background-position: top;}
#footer .copy_container { margin: 5px 10px 0px 0px; padding: 5px 0px 5px 0px; }
#footer p.copyright {font-size:9pt; text-align:right; }
#footer .created_by { float: right; width: 14px; height: 14px; margin-left: 10px; }
#footer .created_by a { display: block; width: 14px; height: 14px; text-indent: -9999px; background: url('/img/repetitor_logo.png') no-repeat -14px top; }
#footer .created_by a:hover { background-position: -14px -14px; }

.clr {clear:both; height: 0px; line-height: 0px; font-size: 0px;}

#contact {background: #e0f1fc; margin: 10px; padding: 5px; font-size: 9pt;}
#contact h1 {background: none; text-align: left; font-size: 12pt; height: auto; width: auto; margin-bottom: 10px;  color: #000000;}
#contact table td {text-align: left;}

.guest_data td {padding: 2px; font-size: 9pt;}
.guest_data th {font-size: 9pt; text-align: center;}


.simple_text {margin-top: 16px; margin-bottom: 16px;}
.simple_text p {margin-bottom: 8px;}
.simple_text ul {margin: 8px 0px 8px 24px; line-height: 16px; }
.simple_text li {list-style-image: url('/img/bullet.gif');}

.article h2 {margin-bottom: 16px;}
.article h4 {color: #5d5d5d; font-size:11px; font-weight:bold;}
#columns .article h3 {color: #5d5d5d; font-size:13px; margin: 16px 0px 8px 0px;}
.article ol, .article ul {padding-left: 30px;}
.article li {margin-bottom: 6px;}
.article p {margin-bottom: 6px;}
.article .imgLeft {float: left; margin: 10px 10px 10px 0px; border: 5px solid #E0E0E0;}
.article .imgRight {float: right; margin: 10px 0px 10px 10px; border: 5px solid #E0E0E0;}
.article a, .article a:visited {color: #0F67FF}
.article a:hover {color: #1cc0f0; text-decoration: none;}
.article li {list-style-image: url('/img/bullet.gif');}

.divContactInfo {float: left; margin-left: 10px; margin-bottom: 4px;}

.discover_col {float: left; width: 296px; padding: 4px;}

.tab_book_guest_calc {margin-left: 120px;}
.tab_book_guest_calc .col2 {text-align: right; width: 100px;}

.discover_zagreb_next {display: block; text-align: right; margin: 16px 8px 16px auto; padding-top: 4px; width: 200px; border-top: 1px solid silver;}
.spanErrorLab {padding-left: 16px; color: red;}

.sj_navig {text-align: right; margin-right: 8px;}
.sj_navig a {padding: 0px 3px 0px 3px; border: 1px solid white;}
.sj_navig a:hover {border: 1px solid gray; background-color: #e0f1fc; color: black}
.sj_navig .sel {font-weight: bold;}

.tab_book_check {margin-left: 30px;}
.tab_book_check .col1 {width: 200px; text-align: right; padding-right: 10px;}
.tab_book_check .col2 {width: 200px; font-weight: bold;}

/* submit/action buttons */

a.accbutton {
    background: transparent url('/img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.accbutton span {
    background: transparent url('/img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.accbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.accbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.captcha {border: 1px solid gray;}

.divMinDayCountForReservation {
  font-weight: bold;
  color: #CC0000;
  margin: 8px 0px 0px 32px;
}

.bluebox-mainpagecol3 .follow_us {
  margin: 10px 0px 20px 0px;
  text-align: center;
}

.bluebox-mainpagecol3 .follow_us img {
  margin: 0px 5px 0px 5px;
}

/*****************************************************************************
   weather forecast
*****************************************************************************/

.divForecast {
  font-size: 9pt;
}

.divForecast table {
  margin: auto;
}

.divForecast tr {
  padding-bottom: 10px;
}

.divForecast td {
  border-bottom: 3px solid #BCEBFC;
  width: 32px;
}

.divForecast .tdCity {
  width: 70px;
}

.divForecast .tdInfo {
  text-align: center;
  width: 34px;
  font-size: 8pt;
}

.divForecast .tmp_low {
  color: blue;
}

.divForecast .tmp_hi {
  color: red;
}

#imgVidiBanner {
  position: relative;
  display: none;
  left: 70px;
}