@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul, ol, li {
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    outline: 0;
    line-height: 150%;  
    box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;  
     font-family: 'PT Serif', serif;
}


body {
	min-height: 100%;
    text-align: left;
    font-size: 12pt;
    color: #424242;   
    height: auto;
    background-image:url(/public/images/default/back.jpg);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; background-position:center center; 
  
}


button, input,body,select, h1, h2, h3, h4,#phoneIcon, #emailIcon  {font-family: 'Courgette', cursive;}

.mainbox  h2 strong {  font-family: 'PT Serif', serif;color:#202020;} 




img {border:0px;}


table { border-collapse: collapse;border-spacing: 0;}

.transition, #submenu li, #menu li, .button, button, a, #gallery a span,.packagesList,.over, .packageTitle  {
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all  0.3s ease-out 0s;

}






h1 {font-size: 2.4em;
	font-weight:normal;
width:auto;
color:#386270;
line-height:100%;
margin-bottom:10px;
}

.title {
background:#1390d6;
width:100%;
padding:10px 0px 3px 0px;
text-align:center;	
margin-bottom:10px;
}


.title h1 {font-weight:100;color:#fff;width:1000px;margin:auto;margin-bottom:10px;}


h2 {font-size:1.6em;color:#fb810e;font-weight:normal;line-height:30px !important;margin-bottom:15px;}


a {color: #0097cb;text-decoration: none;}
a:hover {color: #fb810e;}

.wrap {
	width:1000px;
	margin: 0 auto;	
	position:relative;
}


#header
{

height:200px;
width:1000px;
margin:auto;
position:relative;
text-align:center;
}



#logo {
	float:left;
	padding-top:33px;	
}

#slogan {
	float:left;
	padding-top:90px;
	text-align:left;
	padding-left:20px;
	font-size:1.5em;
	color: #eeeeee;   
}

#slogan h2 {color:#fff;margin:0px;}
#slogan strong {display:block;font-size:1.3em;}

#family {
	float:right;
	overflow:hidden;
	height:200px;
}


#mainTxt
{
float:left;
width:200px;
min-height:300px;
}


#mainTxt2
{
float:right;
width:200px;
min-height:300px;
}


#mainMap
{
float:left;
background:url(/public/images/default/mainmap.png);
width:395px;
height:315px;
}

#headerWrapMain
{
z-index:200;
width:1000px;
margin: 0 auto;	
position:relative;
height:615px;
}


#headerWrap
{
z-index:200;
width:1000px;
margin: 0 auto;	
position:relative;
height:350px;
}



#slider img {
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}





#phoneIcon 
{
position:absolute;
right:0px;
padding-left:50px;
width:200px;
background:url('/public/images/default/phone.png') no-repeat;
height:45px;
line-height:45px;
top:77px;
font-size:1.1em;
text-align:left;
color:#fff;text-shadow:#000 1px 1px 3px;
}



#emailIcon 
{
position:absolute;
right:0px;
padding-left:50px;
top:125px;
width:200px;
text-align:left;
background:url('/public/images/default/email.png') no-repeat;
height:45px;
line-height:45px;
}

#emailIcon  a {color:#fff;text-shadow:#000 1px 1px 3px;}


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


#lang li {width:24px;height:24px;line-height:20px;float:left;background:#00b2f0;opacity:0.3;color:#fff;text-align:center;padding:0px;}
#lang li.act {background:##0b2f0;opacity:1;}

#lang li a {color:#fff;text-transform:uppercase;font-size:0.7em;} 



.menuWrap
{
	width:100%;
	
	text-align:center;
	
	height:40px;
	margin-bottom:15px;	
	background:#385068;
	
}

#menu {
	
	width:1000px;
	height:40px;
	margin:auto;
	
}

#menu li 
	{
	font-size:0.9em;
	font-weight:bold;
	height:40px;
	width:auto;
	line-height:40px;
	cursor:pointer;
	display:inline-block;
	padding:0px 10px;
	min-width:120px;
	} 

#menu a 
	{
	color:#fff;	
	letter-spacing:0.07em;
	}


#menu li:hover {
background:#202020;
}

#menu li.over {
background:#fb810e;
}

#menu li:hover a {color:#65b1f5;}

#menu li.over a {color:#fff;}








#submenu,#submenu-hoz {
padding: 0;
margin: 0;
list-style:none;
}


#submenu li {padding:10px;
	border-bottom:1px solid #90B8EC;
	cursor:pointer;
}

#submenu li a {color:#214B5F;	font-size:1em;
font-weight:bold;
}



#submenu li:hover, #submenu li.over {background:#fff;border-bottom:1px solid #fb810e;}
 
#submenu li:hover a {color:#fb810e;}
#submenu li.over a {color:#fb810e;}


#submenu-hoz {width:100%;text-align:right;background:#1390d6;

-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	overflow:hidden;
	height:40px;
	margin-bottom:20px;
}

#submenu-hoz div {
	
	padding:0px 10px;
	background:#1478b0;
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#fff;	
}

#submenu-hoz div a {color:#fff;	font-size:1em;}



#submenu-hoz div:hover, #submenu-hoz div.over {background:#fb810e;}
 
#submenu-hoz div:hover a {color:#fff;}
#submenu-hoz div.over a {color:#fff;}

 

.clr {clear:both;}






#booking {
   background:url(/public/images/default/booking.png);
height:150px;
overflow:hidden;
text-align:center;
width:1000px;
margin:auto;
margin-bottom:20px;
padding-top:20px;
position:relative;
}

#booking .bookingBtn{position:absolute;top:90px;left:395px;width:200px;height:50px;cursor:pointer;}

#booking p {width:15%;float:left;text-align:center;}
#booking p.txt {padding-top:20px;text-align:right;padding-right:10px;font-weight:bold;text-shadow:#fff 1px 1px 1px;}  
#booking p input {width:140px;background:url(/public/images/default/calendar.png) center right no-repeat #fff;}
#booking p select {width:200px;}


#booking h1 {font-size:1.4em;height:45px;line-height:45px;margin-bottom:40px;color:#a07032;}



.cycleShow { width: 100%;height:100%;overflow:hidden;position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:1}
.cycle-slideshow { width: 100%;
	
	
	}
.cycleShow div { width: 100%; left:0px; top:0px;
	 bottom:0px; right:0px; height: 100%;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; background-position:center center; }
   


#packagesMain {

	height:10px;
	position:relative;
	z-index:999;
	
}

#packagesWrapper 
	{width:100%;
	 height:150px;
	 position:absolute;
	 top:-180px;	 
	 }




/*packages*/



.packagesList {	
width:245px;height:152px;position:relative;float:left;margin-right:6px;
color:#ffebb6;margin-bottom:0px;
-webkit-box-shadow: 0px 7px 12px 0px rgba(57, 50, 50, 0.49);
-moz-box-shadow:    0px 7px 12px 0px rgba(57, 50, 50, 0.49);
box-shadow:         0px 7px 12px 0px rgba(57, 50, 50, 0.49);
border-top:2px solid #C9B38C;
overflow:hidden;
margin-bottom:20px;
}


.packagesList .over {cursor:pointer;position:absolute;top:5px;left:5px;width:235px;height:105px;
border:1px solid #fff;
opacity:0;
}


.packagesList:hover .over {border:1px solid #fff;opacity:1;}


.packageTitle 
{	opacity:0.8;
	background:#00b2f0;
	position: absolute; bottom:0px;left:0px; text-align:center;z-index:10; line-height:37px;height:37px; width:245px;
	border-top:1px solid #ddb37c;
	border-bottom:2px solid #ddb37c;
	margin:0px !important;
	} 

.packageUrl
{	
	position: absolute; bottom:0px;left:0px; text-align:center;z-index:10; line-height:37px;height:37px; width:245px;
	margin:0px !important;
	} 



.packageUrl a {color:#fff;transition: all .25s ;-moz-transition: all .25s;-webkit-transition: all .25s;}



.packagesList .price {

background: url(/public/images/default/price-back.png) no-repeat bottom center;
color:#FFF9E5;position:absolute;bottom:37px;
right:78px;text-align:right;font-size:1.5em;
text-align:center;
width:82px;
color:#533f24;
text-shadow:#e9d1b1 1px 1px 1px;
font-weight:bold;line-height:50px;height:39px;}

.packagesList .price span {font-size:9pt;}
.packagesList .days {position:absolute;bottom:10px;right:15px;text-align:right;font-size:9pt;}



.packagesList:hover .packageTitle  {opacity:1;}

#packageDesc {
	width:300px;
	height:339px;
	float:right;
	text-align:center;
}

#packageDesc h2 {
font-size: 52px;
margin-top: 20px; 

text-align: center;
}
#packageDesc h3 {
text-align:center;
margin-bottom:20px;
font-size:24px;	
	
}


#packageImg {
	width:630px;
	position:relative;
	float:left;
	height:339px;
}
#packageImg img {
	padding:5px;
	position:relative;
	z-index:1;
}

#packageImg .imgOver {
	background: url(/public/images/default/imgOver.png)no-repeat top left;
	height:339px;
	width:630px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
/*packages*/
#cookies-message-container
{
opacity:0.9;
-webkit-box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.66);
-moz-box-shadow:    0px -1px 15px rgba(0, 0, 0, 0.66);
box-shadow:         0px -1px 15px rgba(0, 0, 0, 0.66);
padding: 20px;line-height: 22px; border-top: 1px solid #000; text-align: center; position: fixed; bottom: 0px; background-color: #000; width: 100%; z-index: 9999999;
}

#mainWrap {
	width:1000px; 
	margin:0 auto;
	padding-top:20px;	
}


#contentWrap {
	width:1000px; 
	margin:0 auto;
	position:relative;
	margin-bottom:20px;	
}





#wrapOnMap {
	position:absolute;
	top:0px;
	background: url(/public/images/default/topDarkBg.png) no-repeat top center;
	left:0px;
	top:-530px;
	width:100%;
	height:595px;
	 
}



#sidebar {
float: left;
width: 250px;
background:#A8D3FF;
}



#mainbar {
	width:750px;
	padding:30px;
	overflow:hidden;
	float:right;
	-moz-box-shadow: -11px 0 30px -20px #000;
-webkit-box-shadow: -11px 0 30px -20px #000;
box-shadow: -11px 0 30px -20px #000;
background:#fff;
opacity:0.9;

}

#widebar {background:#fff;
opacity:0.9;padding:30px;	-moz-box-shadow: -11px 0 30px -20px #000;
-webkit-box-shadow: -11px 0 30px -20px #000;
box-shadow: -11px 0 30px -20px #000;}

#widebar h2, #mainbar h2 {padding-top:10px;} 

.dark {background:#857b7a;color:#fff;padding:20px;font-size:10pt;}
.dark h1 {font-size:2em;color:#3b2c2a;text-shadow:#bdb6b5 1px 1px 1px;}


#mainbar p,#widebar p {
	margin-bottom:15px;
}



#mainbar ul,#widebar ul {
	margin-bottom:15px;
	padding-left:30px;
}
#mainbar li, #widebar li {
padding: 2px 0 2px 10px;

}



#mainbar ol,#widebar ol {
	margin-bottom:15px;
	padding-left:30px;
}
#mainbar li, #widebar li {
padding: 2px 0 2px 10px;

}

#`bar {
	line-height:140%;
}





/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
} 

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}
/* position when fillElement is called 
#maximage {
	position:relative !important;
}
*/
.table {
	border:1px solid #543838;


}
.table th {
background: #2f1f1f; /* Old browsers */
background: -moz-linear-gradient(top,  #2f1f1f 0%, #543838 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f1f1f), color-stop(100%,#543838)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2f1f1f 0%,#543838 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2f1f1f 0%,#543838 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2f1f1f 0%,#543838 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2f1f1f 0%,#543838 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f1f1f', endColorstr='#543838',GradientType=0 ); /* IE6-9 */
padding:10px;
			border-bottom:1px solid #543838;
}
td {vertical-align:top;}

 .table td{
	padding:10px;
	border-bottom:1px solid #543838;

}
.table th{
	font-weight:bold;
}
.table tr:hover{
	background:#3c1a1a;
}






button, .button {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
button:hover, .button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}



#location {

margin-bottom:20px;	height:37px;margin-top:20px;
font-size:12px;
background: #351F15;
}
#location ul{

width:1000px;height:37px;overflow:hidden;
line-height:37px; 
margin:0 auto;


}
#location a {
	color:926361
}

#location li {float:left;padding-right:5px; height:37px; line-height:37px;
}


input, select, textarea {
	width:100%;
	padding:8px 10px;
	display:block;
	margin-top:10px;
	background:#fff;
	border:1px solid #fff;
	color:#fb810e;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	font-size:1em;	
		
}

input.error {border:1px solid red !important;}

input:focus, textarea:focus {
 	border:1px solid #fb810e;
 	
 	}
 	
#footer {
	 background:url(/public/images/default/footer-back.png);	
	border-top:5px solid #1390d6;
	padding-top:30px;
	overflow:hidden;
	min-height:140px;
	margin-top:20px;
}

#footer .col {
	float:left;
	margin-right:20px;
	width:300px;
	color:#fff;
}
#footer .col h3 {color:#fff;}
#footer .col a {color:#68c9ff;}



#footer .rcol
{
float:right;text-align:right;
width:200px;
font-size:0.7em;
color:#000;
}




.mainbox 
{
float:left;margin-right:35px;
margin-bottom:20px;
margin-top:10px;
width:310px;
height:320px;background:#fafafa;
text-align:justify;
position:relative;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
color:#1390d6;	
padding-top:210px;
overflow:hidden;
cursor:pointer;

}



.mainbox p {margin:0px;padding:0px;}

.mainbox img {position:absolute;top:0px;left:0px;}

.mainbox ul {padding-left:40px;}

.mainbox  h2 {
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	font-size:1.5em;
	color:#1390d6;
	font-weight:normal;
	line-height:30px;
	opacity:0.8;
}

.mainbox  h2 strong {font-size:1.4em;display:block;}
.mainbox:hover h2 {opacity:1;color:#ff5000;} 




.box 
{
float:left;margin-right:35px;
margin-bottom:20px;
margin-top:10px;
width:310px;height:240px;background:#fafafa;font-size:0.8em;cursor:pointer;text-align:justify;
position:relative;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 	
}


.box span {
background:url(/public/images/default/zoom.png) no-repeat;
position:absolute;top:0px;left:0px;width:310px;height:240px;display:block;
opacity:0;
background-position:center bottom;
}



.box:hover span {
opacity:0.8;
background-position:center center;
}

.box:hover a {color:#fb810e;}

.box  h2 {
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	font-size:1.4em;
}


.box button {position:absolute;bottom:-13px;left:123px;padding:4px 9px;}






.room {float:left;margin-right:35px;
margin-bottom:20px;
margin-top:10px;
width:310px;height:240px;background:#fafafa;font-size:0.8em;cursor:pointer;text-align:justify;
position:relative;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 	
}


.room span {
background:url(/public/images/default/zoom.png) no-repeat;
position:absolute;top:0px;left:0px;width:310px;height:240px;display:block;
opacity:0;
background-position:center bottom;
}

.room:hover span {
opacity:0.8;
background-position:center center;
}


.room:hover a {color:#fb810e;}

.room h2 {
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	font-size:1.4em;
}


.room button {position:absolute;bottom:-13px;left:123px;padding:4px 9px;}













.findRoute {
	position: absolute;
right: 20px;
bottom: 27px;
padding: 10px 20px;
background: rgba(0,0,0,0.35);
z-index:9999;
}


label.error {color:#cc0000;font-size:0.6em;padding:0px;}


#gallery a {position:relative;width:170px;heigth:111px;display:block;float:left;margin-right:8px;margin-bottom:0px;}
#gallery a span {
background:url(/public/images/default/zoom.png) no-repeat;
position:absolute;top:0px;left:0px;width:192px;height:111px;display:block;
opacity:0;
background-position:center bottom;
}

#gallery a:hover span {
opacity:0.8;
background-position:center center;
}


#popupContainer{position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.7;z-index:99999;}
#popupBody{position:fixed;top:10%;text-align:center;width:100%;height:100%;z-index:999999;}