/* CSS Document for zora-apartmani.com */

* {margin: 0; padding: 0;}
body {font-size: 52.5%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #22355d; text-align: center;
	background: #8ca7cc url(../images/bg_stripe.png) 0 100px repeat-x; margin: 0; padding: 0; height: 100%;}
img {border: none;}
a:link, a:visited {text-decoration: none; color: #369;}
a:hover {background-color: #dce5f6; border-bottom: 1px dotted #369;}

/* =layout
================================================  */
#wrapper {margin: 0 auto; width: 860px; text-align: left;}
#content {float: left; width: 570px; background: #fff url(../images/bg_content.png) bottom repeat-x; padding: 0 20px;}
#content h1 a {display: block; width: 169px; height: 65px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; text-decoration: none; margin: 20px 0 15px 0;}
#content h1 a:hover {border-bottom: none;}
#jezik {
	float: right;
	width: 230px;
	height: 19px;
	margin-top: 24px;
	padding-top: 46px;
	text-align: right;
}
#jezik a:hover {border-bottom: none; background:none;}
#content h2 {font-size: 1.6em; color: #22355d; padding-top:25px; padding-bottom:10px;}
#content h3 {font-size: 1.6em; padding-bottom:10px;}
#content h4 {font-size: 1.6em; padding-bottom:10px; padding-top:20px;}
#content p {font-size: 1.3em; line-height: 1.9em; margin-bottom: 1em;}
#content p.legend {font-size: 1em;}
#content p b {
	font:1.7em "Gotham", Helvetica, Arial, sans-serif;
	color: #22355d;
	line-height: 2.6em;
}
#content p big {font-size: 1.6em; color: #111; font-weight: bold;}
#content p img {float: left; margin-right: 30px;}
#flash {width: 570px; height: 330px; margin-bottom: 1em;}
#footer {clear: both; margin-top: 20px; margin-bottom: 15px; padding-top: 10px; background:url(../images/border.gif) repeat-x top right; }
#footer p {color: #22355d; text-align: right;}
.blabla ul li { background:url(../images/bullet.gif) no-repeat 0 10px; list-style:none; padding-left:14px; font-size: 1.3em;}
.blabla li {margin:0; padding:4px 0; line-height:1.6em;}
.blabla p {font-size: 1.3em; padding-bottom: 1em;}

/* =nav
================================================  */
#nav {position: absolute; width: 230px; height: 290px; top: 100px; list-style: none; margin: 20px 0 20px 610px;}
#nav a {
	display: block;
	font-size: 1.3em;
	color: #9daed0;
	height: 39px;
	line-height: 39px;
	text-decoration: none;
	background: url(../images/arrow_off.gif) 20px 50% no-repeat;
	padding-left: 40px;
	border-top: 1px solid #274665;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#nav a#top {border-top: 0;}
#nav a#bottom {border-bottom: 0;}
#index #nav li#button1, 
#silo #nav li#button2, 
#apartmani #nav li#button3, 
#kako #nav li#button4,
#cjenik #nav li#button5, 
#kontakt #nav li#button6, 
#fotke #nav li#button7 {background: #235585;}
#nista #nav li#button8, 
#nav a:hover,
#index #nav li#button1 a, 
#silo #nav li#button2 a,
#apartmani #nav li#button3 a,
#kako #nav li#button4 a,
#cjenik #nav li#button5 a,
#kontakt #nav li#button6 a,
#fotke #nav li#button7 a {color: #fff; background-image: url(../images/arrow_on.gif); border-bottom: none;}
	
/* =preview
================================================  */
.preview {
	float: left;
	display: block;
	width: 165px;
	padding-left: 20px;
	margin-top:10px;
	text-decoration: none;
}
.preview img {width: 150px; height: 90px; margin-bottom: 10px; border: 1px solid #9daed0;  padding:3px;}
.preview a:hover img {border: 1px solid #22355d;}
.preview a {color: #369; text-decoration: none;}
.preview p a:hover {background-color: #dce5f6; border-bottom: 1px dotted #369;}
.preview a:hover {border-bottom: none; background: none;}
.preview h3 {font-size: 1.6em; line-height: 1.9em; }
.preview h3 a{color:#22355d;}
.preview p {color: #22355d;}

/* =fotke
================================================  */
.imageTab {
	float:right;
	width:130px;
	margin-top:60px;
	padding:0;
}
.imageC1 {float:right; width:auto; margin:0 0 5px 10px;}
.imageC1 img {display:block; margin-bottom:5px; float:none; border: 1px solid #9daed0; padding:3px;}
.imageC1 a:hover img {border: 1px solid #22355d;}
.imageC1 a:hover {border-bottom: none; background: none;}
.imageTab2 {float:right; width:260px; margin-top:68px; margin-bottom:20px; padding:0;}
.imageTab22 {float:left; width:246px; padding:0 0 0 24px;}
.imageC2 {float:left; width:auto; margin:0 0 5px 10px;}
.imageC2 img {display:block; margin-bottom:5px; float:none; border: 1px solid #9daed0; padding:3px;}
.imageC2 a:hover img {border: 1px solid #22355d;}
.imageC2 a:hover {border-bottom: none; background: none;}
.imageTab3 {float:right; width:260px; margin-top:30px; margin-bottom:40px; padding:0;}
.imageTab4 {float:right; width:260px; margin-top:30px; margin-bottom:20px; padding:0;}
.imageTab5 {float:right; width:260px; margin-top:30px; padding:0;}
.imageTab6 {float:right; width:260px; margin-top:30px; margin-bottom:60px; padding:0;}

/* =tablica udaljenosti
================================================  */
.udaljenosti {float: left; display: block; width: 300px;}
.udaljenosti h3 {font-size: 1.6em; padding-bottom:10px;}
.hor-zebra {width: 300px; text-align: left; border-collapse: collapse; font-size: 1.3em;}
.hor-zebra td {padding: 8px 8px 8px 8px; width: 57px;}
.hor-zebra .odd {background: #e8edff; }
.hor-zebra .idd {border-right: 1px #fff solid;}
.hor-zebra .idd2 {border-right: 1px #e8edff solid;}

/* =tablica cjenik
================================================  */
#box-table {font-size: 1.3em; width:570px; text-align: center; border-collapse: collapse; margin: 24px 0 24px 0;}
#box-table th {font-size: 1.0em; font-weight: normal; padding: 8px; background: #b9c9fe; border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff;}
#box-table td {padding: 8px; background: #e8edff;  border-bottom: 1px solid #fff; border-top: 1px solid transparent;}
#box-table tr:hover td {background: #d0dafd;color: #339;}




/* =kontakt i rezervacije
================================================  */
#contactC1 {background:#cfdef3; border:1px solid #d1dff2; padding:9px; width:550px; overflow:auto; font-size: 1.2em; margin-bottom:30px;}
#contactC1 label {color: #22355d; font-size:1.1em; width:110px; display:block; float:left; padding:6px 2px 0 0; margin:0; line-height:1em; text-align: right;}
#contactC1 input {border:none; background:#fff; border-top:1px solid #cedbec; margin:0 0 10px 0; line-height:1.3em; padding:3px 3px 4px 3px; color:#5e5e5e;}
#contactC1 .formLeft {width:350px; float:left;}
#contactC1 .formLeft input {width:232px; float:left;}
#contactC1 .formLeft input.dateFrom, #contactC1 .formLeft input.dateTo {width:160px; background:#fff url(../images/input_calendar.gif) no-repeat center right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #22355d;font-size: 1.1em;}
#contactC1 .formLeft input.code {width:160px; background:#fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #22355d;font-size: 1.1em;}
#contactC1 .formLeft img {float: right; padding-top:2px;}
#contactC1 .formLeft .bijeliBG {background: #fff !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #22355d;font-size: 1.1em;}
#contactC1 .formLeft .message {border:none; background:#fff; border-top:1px solid #cedbec; margin:0 0 10px 0; padding:3px 3px; height:104px; width:232px; float:left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #22355d;font-size: 1.1em;overflow:auto;}
#contactC1 input.button {float:right; width:auto;border:none; border-bottom:1px solid #c5d4ea; background:#fff; color:#048bbe; padding:2px 0px 2px 0; line-height:1.1em; margin:0 0 0 0; width:80px; font-size:1.1em;}
#contactC1 input.button:hover {background:#fff; color:#000; cursor:pointer;}
#contactC1 input.button2 {float:right; width:auto;border:none; border-bottom:1px solid #c5d4ea; background:#fff; color:#048bbe; padding:2px 0px 2px 0; line-height:1.1em; margin:0 0 0 5px; width:80px; font-size:1.1em;}
#contactC1 input.button2:hover {background:#fff; color:#000; cursor:pointer;}
#contactC1 form:focus {border-bottom:none;}
.addressC1 {width:260px; float:left; overflow:hidden;}
.addressC1 p {padding-bottom:5px; margin:0;}
.address {border-bottom:1px solid #e2e1e1; width:260px; padding:5px 0 0 0;}
.addressInfo {border-bottom:1px solid #e2e1e1;width:260px; padding:5px 0 0 0; margin-bottom:5px;}
.footNote {font-size:1em; line-height:2em; font-style:italic; color:#5e5e5e;}
.locationC1 {width:365px; padding-left:9px; float:left; overflow:hidden; padding-top:15px;}

/* =kalendar
================================================  */
table.jCalendar {background: #fff; border-spacing:0px; padding:0; margin:0; width:140px; text-align:center;}
table.jCalendar th {background: #048bbe; color: #fff; font-weight: bold;	padding: 3px 5px;}
table.jCalendar td {background: #e5edf8; color: #048bbe; padding: 3px 3px; margin:0; text-align: center; border-spacing:0px}
table.jCalendar td.other-month {background: #fff; color: #048bbe;}
table.jCalendar td.today {background: #048bbe; color: #fff;}
table.jCalendar td.selected {background: #81bcd5; color: #fff;}
table.jCalendar td.selected:hover {background: #81bcd5;	color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #81bcd5;	color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #d9e3f1;color: #90c7dc;}
/* For the popup */
div.dp-popup {position: relative; background:#fff; font-size: 9px; font-family: arial, sans-serif; padding: 2px 6px 6px 6px; width: 154px; line-height: 1.1em; margin:20px 0 0 0px; border:1px solid #a7c0e0;	text-align:center; width:141px;}
div#dp-popup {position: absolute; z-index: 199;}
div.dp-popup h2 {font-size: 11px; text-align: center; margin:0;	padding: 3px 0;	color:#048bbe;	width:154px; line-height:1.3em;}
a#dp-close {font-size: 11px; padding: 4px 0; text-align: center; display:block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #048bbe; text-decoration: none;	padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute; top:2px; left:4px; width:100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor:default; color:#048bbe;}
div.dp-popup div.dp-nav-next {position: absolute; top:2px; right:4px; width:100px;}
div.dp-popup div.dp-nav-next a {float:right;}
div.dp-popup a.disabled {cursor:default; color:#fff;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor:default;}



/* =other
================================================  */
img#bottles {margin-bottom: -10px;}
br.clear {clear: both;}
.phone {background: url(../images/phone.png) 0 50% no-repeat; padding-left: 22px;}
.sekcija {width:570px; overflow:hidden; display: block; background:url(../images/border.gif) repeat-x bottom right;}
.sekcija ul li { background:url(../images/bullet.gif) no-repeat 0 10px; padding-left:14px; font-size: 1.3em;}
.sekcija li {margin:0; padding:3px 0; line-height:1.6em;}
.sekcija2 {width:570px; overflow:hidden; display: block;}
.sekcija2 ul li { background:url(../images/bullet.gif) no-repeat 0 10px; padding-left:14px; font-size: 1.3em;}
.sekcija2 li {margin:0; padding:3px 0; line-height:1.6em;}
.guestbookupis {text-align: right;}
.seo {
	display: none;
}