*{margin:0;padding:0;}
a{text-decoration:none;color:inherit;}
img{border-style: none}
ul{list-style:none}
body{font-family: 'Open Sans', sans-serif;}
.clear{clear:both}
#content{
	padding-top:3px;
	overflow:hidden;
	/*IPAD FIX*/
	position:relative;
	z-index:0;
}
/*IPAD FIX*/
#aboutUsWrapper, #galleryWrapper, #aboutHvarWrapper, #contactUsWrapper, #mapWrapper{position:relative;z-index:1}
#headerWrapper{
	width:100%;
	position:fixed;
	top:30px;
	z-index:10;
}
#header{
	width:900px;
	height:70px;
	margin:0 auto;
	padding:0px 30px 0px 30px;
	border:3px solid white;
	background-color:rgb(17, 83, 144);
	background-color:rgba(17, 83, 144,0.2); 
} 
#logo{
	float:left;
	border-right:3px solid white;
}
#logo:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	filter: 0;
}	
#languageSwitch{
	float:right;
	height: 100%;
}
#languageSwitch img{
	width:16px;
	height:11px; 
}
#languageSwitch img:hover{
	opacity:0.6;
    filter:alpha(opacity=60);
}
#languageSwitch li{
	float:left;
	/*line-height:70px;*/
	padding:25px 10px;	
}

#navigation{
	float:left;
	margin:0 25px;
}
#navigation li{
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	color:white;
	padding:0 20px;
	line-height:70px;
	float:left;
}
#navigation li:hover{
	cursor:pointer; 
}
#navigation li:hover span{
	text-shadow:0px 0px 8px #062038;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=ff0000);
} 

#homeGalleryWrapper{
	background-image:url('../images/text_patt.png');
	width:100%;
	position:relative;
	/*IPAD FIX*/
	z-index:-1;
	border-bottom:1px solid #62B1BA;
}
#homeGalleryWindow{
	width:1600px;
	height:550px;
	position:fixed;
	overflow:hidden;
}
#homeGallery{
	position:relative;
}
#homeGallery img{
	position:absolute;
	z-index:1;
}
#homeGallery img.active{
	z-index:3;
}
#home{
	width:960px;
	height:550px;
	margin:0 auto;
	position:relative;
}
#homeText{
	position:absolute;
	bottom:50px;
	right:50px;
	font-weight:300;
	font-style:italic;
	z-index:10;
}
#homeText p{
	margin:3px;
	padding:0px 8px;
	float:right;
	color:#115390;
	font-size:36px;
	font-style:italic;
	text-align:right;
	background-color: #ffffff;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#galleryNavig{
	position:absolute;
	bottom:0;
	left:50%;	
	margin-left:-8px;
	z-index:10;
}
#galleryNavig p{
	margin:0 auto;
}
.galleryNavigDot{
	width:8px;
	height:8px;
	display:inline-block;
	background-color: #ffffff;
	opacity:0.6;
	filter:alpha(opacity=60);
	cursor:pointer;
	margin:0 3px;
	border:1px solid white;
}
.activeNavig{
	background-color: transparent;
}
#aboutUsWrapper{
	background-image:url('../images/text_patt.png');
	width:100%;
	border-top:3px solid #006E7A;
}
#aboutUs{
	width:960px;
	margin:0 auto;
	margin-top:30px;
}
hr{  
	height: 0; 
	margin:0 auto;
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
	border-bottom: 1px solid rgba(255, 255, 255, 1); 
}
#mainText{
	width:620px;
	float:left;
	font-size:18px;
	color:#115390;
}
#aboutUsLinks{
	width:300px;
	float:right;
}
.followUs{
	margin:0 auto;
	text-align:center;
	font-size:20px;
	color:#484848;
}
#aboutUsLinks ul{
	font-size:12px;
}
#aboutUsLinks li{
	margin:10px;
	text-align:center;
}
#aboutUs a:hover{
	color:#115390;
}


#aboutUsColumns{
	font-size:13px;
	margin-top:15px;
	padding-bottom:20px;
	height:500px;
}
.textColumn{
	float:left;
	width:300px;
	text-align:justify;
	line-height:1.7;
}
.adress{
	margin-left:20px;
}
#textColumn1,#textColumn2{
	margin-right:25px;
}
#textColumn1 > .followUs{
	margin-top:20px;
}
#textColumn1 ul{
	margin-top:15px;
}
#textColumn1 li{
	padding-left:70px;
	margin:8px;
}
#textColumn1 li img{
    margin:5px 5px -5px 0px;
}
#textColumn1 img:hover{
        opacity:0.6;
    	filter:alpha(opacity=60);
}
#miniImg{
	margin-top:15px;
}


#galleryWrapper{
	/*background:#fff url('../images/galerija_patt.png');*/
	background-color:#b8bf4f;
	width:100%;
	border-bottom:3px solid #7DDBEC;
	border-top:2px solid #29639B;
}
#galleryWindow{
	width:960px;
	margin:0 auto;
	padding:30px 0;
	color:#494c1f;
}
.galleryApartman h2{
	color:white;
	border-bottom:3px solid white;
	width:370px;
	padding:2px 0;
}
.galleryApartman hr{
	float:left;
	height:3px;
	background-color:white;
	margin:2px 0;
	width:320px;
}
.apartmanInfo{
	font-size:13px;
	margin: 10px 0; 
}
.gImgs{
	margin:0 auto;
	max-width:741px;
}
#galleryDouble{
	margin-top:25px;
}
.galleryThumb{
	width:100px; height:100px;
	display:inline-block;
	margin:15px 8px 0px 8px;
	border:2px solid white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.galleryThumb:hover{
	cursor:pointer;
	opacity:0.6;
    filter:alpha(opacity=60);
	border:2px solid #533910;
}

#pricesWrapper{
	background-image:url('../images/patt4.png');
	width:100%;
	height:622px;
	border-bottom:3px solid #115390;
	position:relative;
}
#prices{
	margin:0 auto;
	width:960px;
}
.pricesInfoHr li{
	margin-left:15px;
}
.pricesInfoEn li{
	margin-left:22px;
}
#pricesInfo1{
	font-size:13px;
	margin:0px auto;
	width:745px;
	padding-top:40px;
}
#pricesInfo1 li{
	display:inline;
}
#pricesInfo1 img{
	vertical-align:text-bottom;
}
#pricesTable{
	padding-top:10px;
	position:relative;
	z-index:2;
}
#pricesTable table{
	margin:0 auto;
	text-align:center;
	border: 1px solid #B6B6B6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#pricesInfo2{
	text-align: right;
	font-size:13px;
	color:#6d6d6d;
	position:relative;
	right:140px;
	top:20px;
	z-index:2;	
}
#panorama{
	bottom:0;
	position:absolute;
	z-index:1;
}

/*Chrome fix*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#pricesTable th, td {
        min-width: 150px;
		padding:8px 0px;
	}
	#pricesTable tr:first-child{
		padding-top:10px;
	}
	#pricesTable tr{
		display:block;
		margin:2px 0;
	}
	#pricesWrapper{
		height:652px;
	}
}

#pricesTable tr{
	height:40px;
	border: 0;
}
#pricesTable tr:nth-of-type(odd) { 
	background-color: white;
}
#pricesTable tr:nth-of-type(even) { 
        background-color: #F6F6F6;
}
#pricesTable tr:first-child{
	height:70px;
	color:#828282;
	font-size:14px;
	text-transform:uppercase;
}
#pricesTable td{
	width:150px;
	border: 0;
}
.highlighted {
	text-shadow:0px 0px 2px #66b2b2;
}
#pricesTable tr:not(:first-child):hover{
        box-shadow: 0 0 5px rgba(0, 128, 128, 0.4);
        -webkit-box-shadow: 0 0 5px rgba(0, 128, 128, 0.4);
        -moz-box-shadow: 0 0 5px rgba(0, 128, 128, 0.4);
}
#pricesTable td:first-child{
	width:180px;
}
#pricesTable table > tbody > tr:not(:first-child) > td:first-child{
	 color:#2F929E;
}

#contactUsWrapper{
	background-image:url('../images/kontakt_patt.png');
	width:100%;
	height:560px;
	border-bottom:3px solid #F5973F;
}
#contactUs{
        width:960px;
        height:6000px;
        margin:0 auto;
}
#contactUsText{
        font-size:15px;
	/*font-style:italic;*/
        color:#115390;
	width:520px;
	margin: 0 auto;
	padding:30px 0px 0px 5px;
        /*text-align:center;*/
        /*background-color:green;*/
}
#contactForm{
        margin: 0 auto;
        width:550px;
        padding:10px;
}
input,textarea{
	background-color:white;
	border:none;
	font-size:13px;
	border-top:1px solid white;
    	outline:none;
    	/*transition: all 0.25s ease-in-out;
    	-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;*/
	font-family: 'Open Sans', sans-serif;
	border-radius: 5px 5px 5px 5px;
}
.name .info #query #captcha{
        background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #F6F6F6), to(#FFFFFF)); 
        background: -moz-linear-gradient(top, #FFFFFF, #F6F6F6 1px, #FFFFFF 25px);
	-webkit-box-shadow:inset 0 1px 2px 2px #A9A9A9;
       -moz-box-shadow:inset:0 1px 2px #A9A9A9;
        box-shadow:inset 0  1px 2px  #A9A9A9; 
}	
input:focus,textarea:focus {
    	box-shadow: 0 0 5px rgba(0, 128, 128, 0.4);
    	-webkit-box-shadow: 0 0 5px rgba(0, 128, 128, 0.4); 
    	-moz-box-shadow: 0 0 5px rgba(0, 128, 128, 0.4);
}
#captcha{
        margin:15px 15px 35px 15px;
        padding:3px 5px 2px 15px;
	width:180px;
        height:28px;
        display:inline;
        float:left;
}
#captchaImage{
	margin:8px 8px 8px 30px;
	width:120px;
        display:inline;
        float:left;
}
.name{
        width:240px;
        height:28px;
}
.info{
        width:530px;
        height:28px;
        margin:8px;
        padding:3px 5px 2px 15px;
}
#query{
        resize: none;
        width:530px;
        height:100px;
        margin:8px;
        padding:8px 5px 0 15px;
}
#send{
	font-size:18px;
	color:white;
	background-color:#115390;
    	width:210px;
	height:50px;
    	display:block;
    	margin: 0px auto;
	cursor:pointer;
}
#send:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}		
#FirstName{
    display:inline;
    float:left;
	margin:8px 2px 8px 8px;
	padding:3px 5px 2px 15px;

}
#LastName{
        display:inline;
        float:right;
	margin:8px -7px 8px 2px;
	padding:3px 5px 2px 15px;
}

#mailAlert{
	margin:0 auto;
	padding:10px; 0px 0px 0px;
	width:200px;
	text-transform:uppercase;
        font-size:13px;
	color:#90C27A;
        text-align:center;
        visibility:hidden;
}
#mailAlert img{
        float:left;           
        margin:0px 3px 0px 0px;
}
#errorsWrapper{
        position:relative;
}
#errors{
	text-transform:uppercase;
	font-size:12px;
	color:#e68f29;
        position:absolute;
        top:0px;
        right:0px;
        width:190px;
        height:100%;
}
.errors{
        margin:5px;
        padding:2px;
}
.errors img{
	float:left; 
	margin:0px 3px 0px 0px;
}
#nameError{
        margin:15px 0px 0px 5px;
        visibility:hidden;
}
#emailError{
        margin:60px 0px 0px 5px;
        visibility:hidden;
        /*display:none;*/
}
#queryError{
        margin:50px 0px 0px 5px;
        visibility:hidden;
        /*display:none;*/
}
#captchaError{
        margin:57px 0px 0px 5px;
        visibility:hidden;
        /*display:none;*/
}

#mapWrapper{
	width:100%;
	height:550px;
	overflow:hidden;
}
#map{
	width:100%;
	height:550px;
}
.column{
	width:310px;
	margin:0 5 5 5;
}

#mapInfo{
	font-size:13px;
	color:#276299;
}
#mapInfo ul{
	list-style-type:circle;
	margin-bottom:20px;
}
.mapInfoImp{
	font-weight:bold;
}
#mapInfo2{
        font-size:13px;
        color:#276299;
}
#mapInfo2 ul{
	margin-top:10px;
}