/* AP Boban CSS */

body {margin: 0; padding: 0; background: url(../../images/bgnd.jpg) repeat-x; background-color: #173062;}

body {font: normal .8em/1.3em Verdana, Arial, Helvetica, sans-serif;}

#table {margin: 0 auto; background: #fff; width: 960px; overflow:hidden;}

#container {background: #fff; width: 920px; margin: 0 auto; padding: 20px 20px 0 20px; */padding-bottom: 0;}

#top {width: auto; height: 102px; position: relative;}

#logo {width: 131px; height: 88px; position: absolute; top: 10px; left: 20px;}

#logo img {border: none;}



/* Izbornik sa jezicima */

.lang_active {color: #fff; text-decoration: underline; background: #eee;}

#lang {width: 780px; height: 30px; font-size: 10px; display: block; text-align: right; float: right;}

#lang a {color: #1b75bb; text-decoration: none; padding: 0 7px;}

#lang a:hover {color: #87CBEF; text-decoration: underline; padding: 0 7px;}



/* Glavna navigacija */

#mnav {margin: 0; padding: 30px 0 0 0; _padding: 30px 0 0 0;  list-style-type: none; display: block; width: 780px; height: 40px; text-align: right; float: right;}

#mnav li {margin: 0; padding: 0; list-style-type: none; display: inline;}

.mainnav {font-size: 12px; color: #173061; text-decoration: none; padding: 7px 12px 9px;}

.mainnav:hover {font-size: 12px; color: #fff; text-decoration: none; background-color: #1b75bb; padding: 7px 11px; border-right: 1px solid #fff; border-left: 1px solid #fff;}

.mainnav_active {font-size: 12px; color: #fff; text-decoration: none; background-color: #1b75bb; padding: 7px 11px; border-right: 1px solid #fff; border-left: 1px solid #fff;}

.mainnav_active:hover {font-size: 12px; color: #fff; text-decoration: none; background-color: #1b75bb; padding: 7px 11px; border-right: 1px solid #fff; border-left: 1px solid #fff;}



/* Flash header */

#header {width: 920px; height: 220px; margin: 0 auto; background: url(../../images/header.jpg) no-repeat;}



/* Breadcrumbs, print.css, mapa weba, font size */

#breadcrumbs {width: 920px; margin: 0 auto; padding: 7px 0 30px 0; _padding: 7px 0 10px 0; font-size: 10px; clear: both;}

#breadcrumbs ul, li {padding: 0; margin: 0; display: inline;}

.bcrumb {float: left;}

.crumb {color: #173061; text-decoration: none; padding: 0 7px 0 0; font-size: 10px;}

.crumb:hover {color: #1b75bb; text-decoration: underline; padding: 0 7px 0 0; font-size: 10px;}

.crumb2 {color: #173061; text-decoration: none; padding: 0 7px 0 10px; font-size: 10px;}

#controls {float: right;}

#printPage {width: 11px; height: 10px; background: url(../../images/print.gif) no-repeat; display: block; float: left; margin: 5px 0 0 0; padding-left: 10px;}

#siteMap {width: 11px; height: 9px; background: url(../../images/sitemap.gif) no-repeat; display: block; float: left; margin: 5px 0 0 0; padding-left: 10px;}

.large-font {font-size: 14px; padding: 0 0 0 5px;}

.small-font {font-size: 9px; padding: 0 0 0 5px;}

.normal-font {font-size: 12px; padding: 0 0 0 5px;}

#controls a {text-decoration: none; color: #1b75bb;}

#controls a:hover {text-decoration: none; color: #1b75bb;}



/* Naslovi h1 na naslovnici */

.brziUpit_h1 {font-size: 12px; color: #173061; padding: 7px 0 10px 10px; margin: 0 0 20px 0; width: 274px; border-bottom: 1px #e8f0f6 solid; background: url(../../images/brziUpit.gif) right no-repeat;}

.lokacija_h1 {font-size: 12px; color: #173061; padding: 7px 0 10px 10px; margin: 0 0 20px 0; width: 274px; border-bottom: 1px #e8f0f6 solid; background: url(../../images/lupa.gif) right no-repeat;}

.onama_h1 {font-size: 12px; color: #173061; padding: 7px 0 10px 10px; margin: 0 0 20px 0; width: 274px; border-bottom: 1px #e8f0f6 solid; background: url(../../images/onama_knjiga.gif) right no-repeat;}

.fotogalerija_h1 {font-size: 12px; color: #173061; padding: 7px 0 10px 10px; margin: 0 0 20px 0; width: 274px; border-bottom: 1px #e8f0f6 solid; background: url(../../images/foto.gif) right no-repeat;}

.kontakt_h1 {font-size: 12px; color: #173061; padding: 7px 0 10px 10px; margin: 0 0 20px 0; width: 274px; border-bottom: 1px #e8f0f6 solid; background: url(../../images/telefon.gif) right no-repeat;}



/* Lijevi stupac na naslovnici */

#leftCol {width: 284px; height: auto; padding: 0 7px 15px 15px; float: left; background: url(../../images/divLine.gif) right top no-repeat;}



/* Container za formu za Brzi Upit */

#qform {background: #e8f0f6; width: 275px; margin: 0 auto 10px; font-size: 10px;}

#qformtop {background: url(../../images/roundborder_top.gif) no-repeat; width: 275px; margin: 0 auto; height: 15px;}

#qformbody {padding: 10px; height: auto; color: #000033;}

#qformbottom {background: url(../../images/roundborder_bottom.gif) no-repeat; width: 275px; margin: 0 auto; height: 15px;}

#qformbody #forma {width: 220px;}

#qformbody #forma label {clear: both;}




#forma {padding: 0 0 0 33px; margin: 0; border: 0; color: #173061; width: 370px;}

.calendar {padding: 0 0 0 5px; float: left;}

#forma .input label {display: block; width: 170px; margin: 3px 0;}

#forma .input p {padding: 0; margin: 0;}

#forma .input input {display: block; border: 1px solid #1b75bb; color: #173061; font-size: 1em; font-style: normal; font-variant: normal; font-weight: normal;  height:18px; line-height: normal; width: 170px; float: left;}

#forma .input #ddlTipSobe {border: 1px solid #1b75bb; color: #173061; font-size: 1em; font-style: normal; font-variant: normal; font-weight: normal;  height: 20px; line-height: normal; width: 172px;}

#nastavak_btn {color: #173061; text-decoration: none; font-size: 10px; display: block; margin-top: 5px;}

#nastavak_btn:hover {color: #173061; text-decoration: underline; font-size: 10px; display: block; margin-top: 5px;}


#reservation { padding-bottom: 20px;}
#reservation #forma {
	padding: 15px;
	text-align: left;
	margin: 0;
	width: auto;
	}
#reservation p.input { height: 100%; overflow: hidden; margin-bottom: 10px; }
#reservation #forma label { display: block; float: left; margin-right: 10px; text-align: right; }
#reservation #forma .calendar { margin-top: 3px; }
#reservation #forma textarea { width: 170px; height: 100px; border: 1px solid #1b75bb; color: #173061; font: normal 1em Verdana, Geneva, sans-serif; }
#reservation #buttons { padding-left: 195px; }
#reservation #alert { padding-left: 195px; }

/* Srednji stupac na naslovnici */

#midCol {width: 284px; height: auto; padding: 0 11px 15px 11px; float: left; background: url(../../images/divLine.gif) right top no-repeat;}

#locHdrImg {width: 255px; padding: 5px 5px 0 5px; height: auto; background: #e8f0f6; margin: 0 auto 10px;} /* fotka */

.imgSig {font-size: 9px; color: #1b75bb; display: block; padding: 2px 0;} /* potpis ispod fotke */

.italic {font-size: 12px; color: #173061; padding: 0 12px 12px; margin: 0 auto; font-style: italic;}

.txt {font-size: 12px; color: #173061; padding: 0 12px 30px; margin: 0 auto;}



/* desni stupac na naslovnici */

#rightCol {width: 284px; height: auto; padding: 0 15px 15px 7px; float: left;}

#usHdrImg {width: 255px; padding: 5px 5px 0 5px; height: auto; background: #e8f0f6; margin: 0 auto 10px;}



/* Kontakt podaci na naslovnici */

#contactBox {background: #e8f0f6; width: 275px; margin: 0 auto 10px; font-size: 10px;}

#contactBoxTop {background: url(../../images/roundborder_top.gif) no-repeat; width: 275px; margin: 0 auto; height: 15px;}

#contactBoxBody {padding: 0 10px;}

#contactBoxBody p {margin: 0; padding: 0; color: #173061; font-size: 12px;}

#contactBoxBottom {background: url(../../images/roundborder_bottom.gif) no-repeat; width: 275px; margin: 0 auto; height: 15px;}

.email {font-size: 12px; color: #1b75bb; text-decoration: underline;}

.email:hover {font-size: 12px; color: #1b75bb; text-decoration: none;}

.vise {font-size: 12px; color: #1b75bb; text-decoration: underline;}

.vise:hover {font-size: 12px; color: #1b75bb; text-decoration: none;}



/* Container za foto scroller na naslovnici */

#fotoScrollerBox {background: #e8f0f6; width: 275px; margin: 0 auto 10px; font-size: 10px;}

#fotoScrollerBoxTop {background: url(../../images/roundborder_top.gif) no-repeat; width: 275px; margin: 0 auto; height: 15px;}

#fotoScrollerBoxBody {padding: 0;}

#fotoScrollerBoxBody ul li img {border: none; }

#fotoScrollerBoxBottom {background: url(../../images/roundborder_bottom.gif) no-repeat; width: 275px; margin: 0 auto; height: 15px;}

.hidden {display: none;}

#fotoScrollerBoxBody ul, li, a {border: 0;}

#fotoScrollerBoxBody ul, li, a:hover {border: 0;}

#fotoScrollerBoxBody ul li { margin: 0 5px; }



/* povratak na vrh stranice */

.vrh {font-size: 10px; color: #173061; text-decoration: underline; display: block; height: 25px; text-align: right; clear: both;}
 
.vrh:hover {font-size: 10px; color: #1b75bb; text-decoration: underline; display: block; height: 25px; text-align: right; clear: both;} 



/* Footer */

#footer {margin: 0 auto; width: 960px; height: 30px; padding: 25px 0 15px 0; font-size: 10px; text-align: center; color: #fff;  background: #0c1f45;}



/* Stranica Apartmani */

#leftNav {width: 195px; height: auto; padding: 0 15px 0 0; float: left; background: url(../../images/divLine.gif) right top no-repeat;}

#content {padding: 0 25px 15px 25px; float: right; width: 660px;}

#lnav, li {padding: 0; margin: 0; list-style-type: none;}

.left {font-size: 12px; color: #173061; text-decoration: none; padding: 7px 0 7px 15px; width: 170px; display: block; border-bottom: 1px solid white;}

.left:hover {font-size: 12px; color: #fff; text-decoration: none; background: #1b75bb; padding: 7px 0 7px 15px; width: 170px; display: block; border-bottom: 1px solid white;}

.left_active {font-size: 12px; color: #fff; text-decoration: none; background: #1b75bb; padding: 7px 0 7px 15px; width: 170px; display: block; border-bottom: 1px solid white;}

.left_active:hover {font-size: 12px; color: #fff; text-decoration: none; background: #1b75bb; padding: 7px 0 7px 15px; width: 170px; display: block; border-bottom: 1px solid white;}

.ap_h1 {font-size: 16px; color: #173061; padding: 0 0 10px 0; margin: 0 0 20px 0; width: auto; border-bottom: 1px #e8f0f6 solid;}

.aptxt {font-size: 12px; color: #173061; margin: 0; padding: 0 0 20px 0;}

.photoBoxHdg {font-size: 13px; color: #173061; margin: 0; padding: 15px 0 0 15px; background: #e8f0f6; width: 645px; clear: both;}

.zanhdg {font-size: 13px; color: #173061; margin: 0; padding: 5px 0;}

.photoBox {width: 645px; height: 130px; padding: 15px 0 15px 15px; margin: 0 auto 20px; background: #e8f0f6; clear: both; list-style-type: none;}

.photoBox img {border: none;}

.photo {width: 200px; height: 130px; float: left; padding-right: 15px;}




/* Stranica Fotogalerija */

#photocontent {padding: 15px 0; margin: 0 auto; width: 920px;}

#gallery {list-style-type: none; padding: 0; margin: 0;}

#gallery li {width: 200px; height: 130px; float: left; padding: 10px 13px; display: block;}

#gallery li img {border: none;}

#gallery li a {border: 2px solid #e8f0f6; width: 200px; height: 130px; display: block;}

#gallery li a:hover {border: 2px solid #e8f0f6; width: 200px; height: 130px; display: block;}




/* ikone ponuda */


.amenities {list-style-type: none; margin: 0; padding: 0; display: block; width: 165px; height: 100px; float: left; }

.krevet {background: url(../../images/krevet_icon.gif) no-repeat; height: 30px; display: block; text-indent: 35px; font-size: 12px; color: #173061; padding: 5px 10px 0 0;}

.klima {background: url(../../images/ac_icon.gif) no-repeat; height: 30px; display: block; text-indent: 35px; font-size: 12px; color: #173061; padding: 5px 10px 0 0;}

.tv {background: url(../../images/tv_icon.gif) no-repeat; height: 30px; display: block; text-indent: 35px; font-size: 12px; color: #173061; padding: 5px 10px 0 0;}

.sat {background: url(../../images/sat_icon.gif) no-repeat; height: 30px; display: block; text-indent: 35px; font-size: 12px; color: #173061; padding: 5px 10px 0 0;}

.wifi {background: url(../../images/wi-fi_icon.gif) no-repeat; height: 30px; display: block; text-indent: 35px; font-size: 12px; color: #173061; padding: 5px 10px 0 0;}

.balkon {background: url(../../images/balkon_icon.gif) no-repeat; height: 30px; display: block; text-indent: 35px; font-size: 12px; color: #173061; padding: 5px 10px 0 0;}

.parking {background: url(../../images/parking_icon.gif) no-repeat; height: 30px; display: block; text-indent: 35px; font-size: 12px; color: #173061; padding: 5px 10px 0 0;}

.rostilj {background: url(../../images/bbq_icon.gif) no-repeat; height: 30px; display: block; text-indent: 35px; font-size: 12px; color: #173061; padding: 5px 10px 0 0;}



/* banneri lijevi stupac */

#banners, li {list-style-type: none; margin: 0; padding: 0;}

#banners li img {border: none;}

#bannerlink1 {width: 189px; height: 79px; margin: 0 0 15px 0; display: block; border: 3px solid #e8f0f6;}

#bannerlink1:hover {border: 3px solid #e8f0f6;}

#bannerlink2 {width: 189px; height: 79px; margin: 0 0 15px 0; display: block; border: 3px solid #e8f0f6;}

#bannerlink2:hover {border: 3px solid #e8f0f6;}

#bannerlink3 {width: 189px; height: 79px; margin: 0 0 15px 0; display: block; border: 3px solid #e8f0f6;}

#bannerlink3:hover {border: 3px solid #e8f0f6;}

#bannerlink4 {width: 189px; height: 79px; margin: 0 0 15px 0; display: block; border: 3px solid #e8f0f6;}

#bannerlink4:hover {border: 3px solid #e8f0f6;}

#bannerlink5 {width: 189px; height: 79px; margin: 0 0 15px 0; display: block; border: 3px solid #e8f0f6;}

#bannerlink5:hover {border: 3px solid #e8f0f6;}

#bannerlink6 {width: 189px; height: 79px; margin: 0 0 15px 0; display: block; border: 3px solid #e8f0f6;}

#bannerlink6:hover {border: 3px solid #e8f0f6;}

#bannerlink7 {width: 189px; height: 79px; margin: 0 0 15px 0; display: block; border: 3px solid #e8f0f6;}

#bannerlink7:hover {border: 3px solid #e8f0f6;}




/* mapa weba */

#mapa {list-style-type: none; margin: 0; padding: 15px; background: #e8f0f6; width: 630px; display: block;}

#mapa li {display: block; padding-bottom: 10px;}

.navlink {font-size: 12px; color: #173061; text-decoration: underline;}

.navlink:hover {font-size: 12px; color: #173061; text-decoration: none;}

.indent {padding-left: 35px;}




/*Cjenik*/

table#cjenik {background-color: #e8f0f6; border-collapse: collapse; }
#cjenik th {text-transform: uppercase; color: #173061; padding: 5px 0; border-bottom: 1px solid #173061;}
#cjenik td {color: #173061; padding: 5px 0 5px 2px; border-bottom: 1px solid #173061; }
tr.zadnji {text-align: center;}
td.date {font-weight: bold; text-align: center;}
td.price {text-align: center;}


/* Rezervacije */

#reservation { background: #e8f0f6; color: #173061;}

#txtPoruka {width: 170px; height: 120px; color: #173061; font-size: 10px; border: 1px solid #1b75bb;}

#buttons .posalji {width: 50px; height: 21px; background: url(../../images/posalji-en.gif) no-repeat; border: none; margin: 0 10px 0 0; }

#buttons .odustani {width: 50px; height: 21px; background: url(../../images/odustani-en.gif) no-repeat; border: none; }

#buttons {width: 170px; padding: 10px 0 0 0;}

#alert {width: 370px; padding: 10px 0 0 0;}

#captchaWrapper { padding: 0 0 0 180px; }
#captchaWrapper img { margin: 0 0 5px 0; padding: 0;}
#RequiredFieldValidator9 { display:block; clear:both;}


/*-----------------------------------------------------
   Calendar popup
----------------------------------------------------- */
.dpTable                                              { text-align: center; color: #505050; background-color: #fff; border: 1px solid #173061; margin: 1px 0 0 0; font-size: 9px; }
.dpTD                                                 { border: 1px solid #173061; padding: 1px;}
.dpDayHighlightTD                                     { background-color: #fff; color: #000; border: 1px solid #fff; padding: 1px; }
.dpTDHover                                            { background-color: #1b75bb; border: 1px solid #1b75bb; color: #fff;  padding: 1px;}
.dpDayTD                                              { background-color: #173061; border: 1px solid #173061; color: #fff; font-weight: bold; }
.dpTitleText                                          { font-weight: bold; color: #505050; }
.dpDayHighlight                                       { color: #173061; font-weight: bold;  padding: 1px;}
.dpTodayButton                                        { background: #173061; border: 1px solid #173061; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 5px 0; color: #fff;}


#footer a {color: #FFF;
           text-decoration: underline;}
		   
#footer a:hover {color: #87CBEF;
                 text-decoration: none;}