@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0 }

ul {
list-style-type:none;
}

a {
text-decoration:none;
color:#4b525b;
}

h1, h2, h3 {
font-family:georgia;
color:#4b525b;
}

body {
background-color:#96c7ff;
background-image:url(images/main_bg.jpg);
background-repeat:no-repeat;
background-position:center top;
width:100%;
padding-top:30px;
font-family:verdana;
font-size:12px;
}

hr.hidden {
width:100%;
clear:both;
visibility:hidden;	
}

#main_content {
margin:0 auto 40px auto;
width:960px;
padding:20px 30px 20px 30px;
background-color:#FFFFFF;
background-repeat:repeat-y;	
position:relative;	
}

#home #header {
background-image:none;
width:960px;
height:628px;		
}

#header {
background-image:url(images/header_2.jpg);
width:960px;
height:373px;
position:relative;
}

#header_txt {
position:absolute;
top:0px;
}

#icons {
position:absolute;
top:15px;
left:10px;
}

#icons img {
margin-right:8px;
}

#lang_nav {
position:absolute;
right:20px;
top:0px;
}

#apartment_nav ul {
margin:7px -7px 30px 0px;
overflow:hidden;
}

#apartment_nav li {
float:left;
margin-right:7px;
text-align:center;
}

#apartment_nav li p{
font-size:10px;
margin-top:5px;
}

#apartment_nav li:first-child {
margin-right:8px;
}

#left_col {
width:400px;
float:left;
padding-left:10px;
}

#home #left_col {
width:320px;
position:relative;
float:left;
margin-top:-30px;
padding-left:0px;
}

#right_col {
width:490px;
float:left;
margin-left:60px;
}

#home #right_col {
width:640px;
float:left;
margin-left:0px;
}

.about_petrcane {
background-color:#ecf5ff;
width:300px;
padding:10px 10px 30px 10px;
}

.about_petrcane .img_container {
	background-image:url(images/about_pt_img.jpg);
	background-repeat:no-repeat;
	height:226px;
	width:300px;	
	margin-bottom:25px;
}

.about_petrcane .pod_txt, .about_petrcane p, #about_zd p {
	color:#4a515a;
	line-height:18px;
}

.img_container p {
font-family:georgia;
font-size:55px;
color:#FFF;
text-align:center;
padding-top:165px;	
line-height:65px;
}

.about_petrcane .pod_txt{
	font-family:georgia;
	font-size:19px;
	font-weight:100;
	line-height:24px;
	margin-bottom:25px;
}
	
.about_petrcane p,
#about_zd p {
		margin-bottom:25px;
}
	
	.about_petrcane .gallery_button,
	#about_zd .gallery_button {
		width:100%;
		text-align:center
}
	
.about_petrcane a,
#about_zd a {
	display:inline-block;	
}
	
#contact,
#links{
	margin:60px 0px 80px 0px;
	padding-left:10px;
}
	
#links {
	margin:0px;
}
	
#contact li {
	color:#787d84;
	margin-bottom:5px;
}
	
#contact li.second_p {
	margin-top:15px;
}
	
#contact li.naslov,
#links li.naslov {
	font-family:georgia;
	font-size:25px;
	color:#4b525b;
	margin-bottom:30px;
}
	
#links li {
	margin-bottom:40px;
}
	
#payment {
	background-color:#699de5;
	padding:10px;
	position:relative;
}
	
#payment h1,
#payment h2,
#payment span {
	font-family:georgia;
	color:#ffffff;
}
	
#payment h2 {
	font-weight:normal;
	font-size:25px;
	border-bottom:1px solid white;
	padding-bottom:4px;
	margin-bottom:23px;
}
	
#payment h1 {
	font-size:37px;
	text-transform:uppercase;
	line-height:50px;
	margin-bottom:20px;
}
	
#payment h1 b {
	font-size:70px;
	margin-top:-5px;
}
	
#payment span {
	font-size:130px;
	position:absolute;
	right:0px;
	top:60px;
}
	
#payment em,
#payment strong {
	font-family:verdana;
	color:#ffffff;
}
	
.payment_img {
	text-align:center;
	margin:30px 0px;
}
	
#payment ul {
	margin-right:-7px;
}
	
#payment li {
	float:left;
	margin-right:7px;
}
	
.gallery_360 {
	width:560px;
	height:81px;
	background-image:url(images/gallery_360_bg.jpg);
	position:relative;
}

.gallery_360 .text {
padding:20px 0px 20px 20px;
}

.gallery_360 .text p {
font-style:italic;
color:#4a515a;
margin-top:10px;
}

.gallery_360 .num_nav ul {
position:absolute;
top:20px;
right:20px;
}

.gallery_360 .num_nav li {
float:left;
margin-left:10px;
}

.num_nav li.num_one a{
background-image:url(images/num_nav_1.jpg);
width:32px;
height:32px;
display:block;
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9009px;
}

.num_nav li.num_one a:hover {
background-position:0 -32px;
}

.num_nav li.num_two a{
background-image:url(images/num_nav_2.jpg);
width:32px;
height:32px;
display:block;
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9009px;
}

.num_nav li.num_two a:hover {
background-position:0 -32px;
}

.num_nav li.num_three a{
background-image:url(images/num_nav_3.jpg);
width:32px;
height:32px;
display:block;
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9009px;
}

.num_nav li.num_three a:hover {
background-position:0 -32px;
}

#app_complex {
margin-bottom:15px;
position:relative;
}

.app_complex_nsl {
    bottom: 0px;
    position: absolute;
    right: 0px;
}

.app_complex_nsl_2 {
    float: right;
    margin-right: 80px;
	margin-top: -20px
}

.app_complex_txt {
font-style:italic;
line-height:28px;
}

.app_complex_txt,
.about_zd_txt {
	font-family:georgia;
	font-size:21px;
	color:#4a515a;
	text-align:right;
	margin:20px 0px 0px 20px;
	width: 340px;
}

#apartments,
#about_zd {
margin-left:20px;
}

.app_name {
	display:inline-block;
	text-align:center;
	width:100%;
}

.app_name p,
.app_name span {
font-family:georgia;
font-size:30px;
color:#4b525b;
margin-top:5px;
}

.app_name span {
font-size:14px;
text-transform:uppercase;
line-height:26px;
}

.app_name em {
font-family:verdana;
font-size:10px;
color:#7d7e7f;
}

.app_pic_container {
position:relative;
}

.left, .right {
position:absolute;
top:155px;
}

.left {
left:0px;
}

.right {
right:0px;
}


.app_info_button {
margin-top:10px;
}

.app_info {
text-align:left;
margin-top:35px;
margin-bottom:70px;
overflow:hidden;
}

.room_info {
overflow:hidden;
margin-top:30px;
}

.app_info ul {
    float: left;
    padding-right: 20px;
    width: 290px;
	margin-bottom:20px;
}

.app_info li {
color:#7d7e7f;
padding-left:20px;
margin-bottom:3px;
}

.app_info li.naslov {
font-family:georgia;
font-size:21px;
color:#4b525b;
padding-left:10px;
margin-bottom:15px;
}

.app_info p {
color:#4a515a;
line-height:19px;
}

.app_info a {
text-transform:uppercase;
color:#699de5;
font-weight:bold;
}

#about_zd {
background-image:url(images/en_zadar_riviera_nsl.jpg);
background-position:left top;
background-repeat:no-repeat;
min-height:954px;
padding-left:130px;
}

.about_zd_txt {
width:471px;
background-color:#f6f6f6;
padding:10px;
margin:0px;
text-align:left;
}

#about_zd .gallery_button {
margin:20px 0px 40px 0px;
}

#about_zd p {
padding-left:10px;
}

#app_content h1,
#app_content h2,
.gallery h2 {
font-family:georgia;
font-size:43px;
text-align:center;
color:#4b525b;
margin-bottom:50px;
font-weight:normal;
}

#print_page #app_content {
margin-top:10px;
}

#app_content h2 {
margin-bottom:30px;
font-size:25px;
text-align:left;
}

#online_popup {
background-color:#FFFFFF;
margin: 0px;
padding: 10px;
}

#online_popup p {
color:#7a848d;
line-height: 15px;
font-family:verdana;
font-size:12px;
margin-bottom: 15px;
margin-top: 0px;
}

.apartment_info li,
.room_info li {
width:386px;
height:20px;
padding:0px 4px 0px 10px;
color:#7d7e7f;
line-height:20px;
font-size:11px;
}

.apartment_info li.blue,
.room_info li.blue {
background-color:#ecf5ff;
}

.apartment_info span,
.room_info span {
float:right;
}

.num_1,
.num_2 {
float:right;
width:60px;
text-align:right;
}

.online_res_button {
float:right;
margin-top:60px;
}

.gallery ul {
margin:8px 0px 20px -8px;
overflow:hidden;
}

.gallery li {
margin:0px 0px 8px 8px;
float:left;
}

.payment h2,
.terms h2,
.reservation h2 {
font-size:23px;
font-weight:normal;
text-transform:uppercase;
}

.calendar {
width:262px;
margin-bottom:40px;
overflow:hidden;
}

.calendar h3,
.terms h3{
font-size:19px;
font-weight:normal;
margin:20px 0px;
}

.calendar h3 span {
float:right;
}

.calendar ul {
margin-right:-4px;
}

.calendar li {
float:left;
width:34px;
height:34px;
font-size:14px;
line-height:34px;
margin:0px 4px 4px 0px;
text-align:center;
background-color:#e2eef9;
color:#4b525b;
}

.calendar li.reserved {
background-color:#e7f9ce;
boreder:1px solid #e2eef9;
}

.calendar li.upit {
background-color:#a9cdef;
boreder:1px solid #e2eef9;
}

.calendar li.day {
background-color:#3668ae;
color:#ffffff;
font-family:georgia;
}

.terms h2 {
text-transform:none;
}

.terms h3 {
font-size:18px;
}

.reservation h2 {
margin-bottom:10px;
}

.terms p,
.reservation p {
color:#7a848d;
line-height:17px;
margin-bottom:15px;
}

.reservation em {
color:#699de5;
}

form span,
.res_info li.nsl {
font-family:georgia;
font-size:21px;
color:#4b525b;
vertical-align:middle;
}

.choose_app {
margin-bottom:20px;
}

.choose_app select {
font-family:verdana;
font-size:12px;
color:#7a848d;
width:299px;
height:25px;
border:none;
background-color:#e6f0fa;
line-height: 25px;
}

.choose_app label {
color:#7a848d;
width:180px;
display:inline-block;
vertical-align:middle;
}

.res_info {
margin-bottom:80px;
overflow:hidden;
}

.res_info ul {
overflow:hidden;
}

.res_info li {
margin-bottom:5px;
color:#7a848d;
}

.res_info li p {
float:left;
text-align:center;
width:68px;
margin-right:9px;
font-size:10px;
}

.res_info li p:first-child {
margin-left:180px;
}

.res_info li.nsl {
margin-top:30px;
margin-bottom:20px;
}

.res_info label {
color:#7a848d;
width:180px;
display:inline-block;
vertical-align:middle;
}

.res_info .padajuci {
font-family:verdana;
font-size:12px;
color:#7a848d;
width:68px;
height:25px;
margin-right:5px;
border:none;
background-color:#e6f0fa;
line-height: 25px;
vertical-align: middle;
}

.res_info .padajuci_veci {
font-family:verdana;
font-size:12px;
color:#7a848d;
width:299px;
height:25px;
margin-right:5px;
border:none;
background-color:#e6f0fa;
line-height: 25px;
vertical-align: middle;
}

.res_info .box_srednji {
font-family:verdana;
font-size:12px;
color:#7a848d;
width:58px;
height:25px;
margin-right:5px;
border:none;
background-color:#e6f0fa;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
line-height: 25px;
}

.res_info .box_veci {
font-family:verdana;
font-size:12px;
color:#7a848d;
width:289px;
height:25px;
margin-right:5px;
border:none;
background-color:#e6f0fa;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
line-height: 25px;
}

.calculate_button {
float:right;
margin-right:10px;
}

.reservation .credit_cards {
margin-left:100px;
}

.reservation .credit_cards li{
float:left;
margin-right:30px;
margin-top:70px;
}

.reservation .credit_cards p{
float:right;
font-family:georgia;
font-size:16px;
color:#4b525b;
margin-top:70px;
}


#footer {
background-color:#699de5;
height:100px;
margin-top:30px;
clear:both;
text-align:center;
}

#print_page #footer {
margin-top:0px;
}

#footer h1,
#footer small {
font-family:georgia;
font-size:40px;
color:#ffffff;
font-weight:normal;
}

#footer h1 {
padding-top:20px;
}

#footer small{
font-size:11px;
}

#print_page #footer small {
font-family:verdana;
}

#footer .design {
margin-top:25px;
text-align:left;
font-size:10px;
color:#4b525b;
}

.design span {
float:right;
}