@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400,300,100&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Marcellus+SC&subset=latin,latin-ext);
     
body, div, dl, dt, dd, ul, ol, li,  h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, button, input, textarea, p, blockquote, th, td {
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   outline: 0;
   line-height: 150%;      
}

body {
    min-height: 100%;
    text-align: left;
    font-size: 11pt;
    font-family:'Open Sans', sans-serif;    
    color: #f8eccc;   
    height: auto;
    background:#000;
    overflow-x:hidden; 
}


.respImg {float:left;width:40%;margin-right:4%;margin-bottom:4%;} 
img {border:0px;}


.titleBack, #galleryResp a, .promotion .img, #lang li a, #showMenu
{
  background-repeat:no-repeat;
  background-position:center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



 
h1 {font-size: 2.3em;
    width:auto;
    font-weight:100;
    line-height:100%;
    
    color:#d4bf88;  
}

h2 {font-size:1.9em;}
h3 {font-size: 1.4em;font-weight:100;color:#9f9067;margin-bottom:20px;}




a {color: #ac9652;text-decoration: none;}




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

body, .bigBox, .promotion, .bigBox *, .transition,.booking, .booking *, #slider > div *,  .box,.bigMenu, .product *, .boxsmall, .boxsmall *, .sliderPrev, .sliderNext, .ajaxLoading, .room,  #menu li, #submenu li, 
.button, #showMenu, #respMenu, #page, input, select, textarea, button, a, #galleryResp a span, #gallery a span,.packagesList *, #submenu li span,#mainPortfolioBtn, #header, #logo img,.listItem 
 {
transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all  0.2s ease-out 0s;
}

input, button, .button,  textarea, select,.bigBox, .wrap, #sidebar,#mainbar { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

input,.description { font-family:'Open Sans', sans-serif; }    
button, .button, textarea, select,#menu,#submenu,  h1,h2,h3, .bigBox {  font-family:'Marcellus SC', serif;    }




.contactForm {font-size:0.9em;}
.contactForm p {line-height:25px;margin:0px;padding:0px;}
    
    


.shadow {
    
    background:url(/public/images/default/shadow.png) top left repeat-y;
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:120px;
    z-index:999;    
}

.ajaxLoading
{
opacity:0.4;
background:url(/public/images/ajax.gif) center center no-repeat #fff;
z-index:99999;
}



                
.titleBack
{
height:400px;
width:100%;
z-index: 10;
background-image: url(/public/images/default/title-back.jpg);
position:relative; 
}



#sliderGallery {
position:relative;  
height:100%;
}




#slider {z-index:9;height:100%;overflow:hidden;position:relative;} 

#slider > div
{
height:100%;width:100%;
  background-repeat:no-repeat;
  background-position:center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 10;
  position:relative;

}


#slider > div h1 {
    background:rgba(0,0,0,.6);
    padding:20px;
    text-shadow:0px 0px 4px #000;
   color:#d4bf88;  
    text-align:right;
    position:absolute;bottom:5%;
    z-index:9999;right:0px;}



/*


.slideActive h1
    {
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-duration: 6s;
        -webkit-animation-name: slideH1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-iteration-count: 1;
    }


    @-webkit-keyframes slideH1{
    
        4%   {opacity: 0;top:50%}
        20%  {opacity:1;top:60%}
       90%  {opacity:1;top:60%}
        100% {opacity: 0;top:70%}
    }

*/




.sliderPager { 
    text-align: left; left:10px; 
    z-index: 20; position: absolute; overflow: hidden;
    bottom:10px;text-align:center;
    z-index: 9999;
}
.sliderPager span { 
    display:inline-block;background:#dbca92;margin:6px;text-indent:-2000px;
    width: 10px; height: 10px; 
    display: inline-block; color: #ddd; cursor: pointer; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
}

.sliderPager span.cycle-pager-active { background:#f1d888;}
.sliderPager > * { cursor: pointer;}


.sliderPrev {opacity:0.5;color:#000;font-size:6em;padding:0px;font-weight:100;
height:60px;width:60px;line-height:50px;position:absolute;left:0px;top:50%;z-index:50;cursor:pointer;text-align:center;}

.sliderNext {opacity:0.5;color:#000;font-size:6em;font-style:normal;padding:0px;font-weight:100;
height:60px;width:60px;line-height:50px;position:absolute;right:0px;top:50%;z-index:50;cursor:pointer;text-align:center;}

.sliderPrev:hover, .sliderNext:hover {width:100px;opacity:1;}

.wrap  {
   padding:30px;
   position:relative;
   
}




#facebookSlide
    {
        width:440px;
        height:350px;
        background: url(/public/images/default/facebook-slide.png) no-repeat; 
        display:block;
        right:-400px;
        padding:0;
        position:fixed;
        bottom:20px;
        z-index:999999;
        cursor:pointer;    
    }







h1.title 
{
text-align:left;
margin-bottom:20px;
}


#header
{
width:100%;
position:absolute;
top:0px;
left:0px;
}




#logo {
    
}



#menu { 
    z-index:12;
    list-style:none;
    padding:0px;
    margin-top:20px;  
    width:90%;
    margin:auto;
    margin-top:30px;
    
}

#menu li {
cursor:pointer;
height:30px;
line-height:30px;
position:relative;
padding:0px 10px;
} 


#menu a {
    
    color:#d0be88;
   
    }

#menu li:hover,#menu li.over   {background: -moz-linear-gradient(left,  rgba(244,218,149,0) 0%, rgba(244,218,149,0) 1%, rgba(244,218,149,0.73) 48%, rgba(244,218,149,0.72) 49%, rgba(244,218,149,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,218,149,0)), color-stop(1%,rgba(244,218,149,0)), color-stop(48%,rgba(244,218,149,0.73)), color-stop(49%,rgba(244,218,149,0.72)), color-stop(100%,rgba(244,218,149,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(244,218,149,0) 0%,rgba(244,218,149,0) 1%,rgba(244,218,149,0.73) 48%,rgba(244,218,149,0.72) 49%,rgba(244,218,149,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(244,218,149,0) 0%,rgba(244,218,149,0) 1%,rgba(244,218,149,0.73) 48%,rgba(244,218,149,0.72) 49%,rgba(244,218,149,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(244,218,149,0) 0%,rgba(244,218,149,0) 1%,rgba(244,218,149,0.73) 48%,rgba(244,218,149,0.72) 49%,rgba(244,218,149,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(244,218,149,0) 0%,rgba(244,218,149,0) 1%,rgba(244,218,149,0.73) 48%,rgba(244,218,149,0.72) 49%,rgba(244,218,149,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4da95', endColorstr='#00f4da95',GradientType=1 ); /* IE6-9 */

}
#menu li:hover a,#menu li.over a   {color:#000;}
 


#booking
{
   background:url(/public/images/default/booking.png) no-repeat;
   width:272px;
   height:103px;
   cursor:pointer;
   margin:20px auto;
   
}

#bookingClose
{
   background:url(/public/images/default/close.png) no-repeat;   
   width:56px;
   height:56px;
   cursor:pointer;
   float:right;
   margin:40px;
   
}

#bookingBar
{
display:none; 
position:fixed;
left:360px;
top:0px;
width:40%;
height:100%;
background:rgba(0,0,0,.9);
text-align:center;
z-index:9999; 
-webkit-box-shadow: 6px 1px 60px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    6px 1px 60px 0px rgba(0, 0, 0, 1);
box-shadow:         6px 1px 60px 0px rgba(0, 0, 0, 1);
}


#bookingBar p {
text-transform:uppercase;
font-size:0.8em;
text-align:center;
margin:10px auto;
}

#bookingBar p input 
{
border:1px solid rgba(226,219,172,1);color:rgba(226,219,172,1);
width:130px;
background:url(/public/images/default/calendar.png) 90% center no-repeat;
padding:0px;
padding-right:30px;
padding-left:10px;
font-weight:400;
height:30px;
font-size:1.1em;
margin:auto;
}

.arrival,.departure {margin-bottom:30px !important;}

#bookingBar p button
{
border:0px;
height:40px;
font-size:1em;
margin:0px;
margin-top:11px;
padding:0px 30px;
}




.ui-widget
{
font-family:'Open Sans',sans-serif !important;
font-size:1em !important;
}

.ui-widget-header
{
background:#000 !important;
border:1px solid #000 !important;
}





.minHeader 
{
 background-color: rgba(0, 0, 0, 0.4) !important;
height:50px !important;
}


.minHeader .booking {height:50px;background:url(/public/images/default/booking-min.png) no-repeat;}
.minHeader .booking h3 {opacity:0;}
.minHeader .booking h2 {left:80px;color:#ff7800;}


.minHeader #menu {padding-top:13px;}
.minHeader #logo img {height:50px;}
.minHeader #menu a {color:#fff;}









#lang 
{
position:absolute;
top:45px;
right:0px;
list-style:none;
padding:0px;margin:0px;
z-index:999;
text-align:right;
}


#lang li 
{
padding:0;margin:0;
display:inline-block;
cursor:pointer;

}


#lang li a 
{
text-indent:200px;
opacity:1;
text-transform:uppercase;font-size:0.7em;
 width:22px;
 height:22px;
 -webkit-border-radius: 22px;
 -moz-border-radius: 22px;
 border-radius: 22px;
 color:#fff;
 display:inline-block;
 overflow:hidden;   
 opacity:0.3;
 margin:0px 4px;
-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0, 0.75);
-moz-box-shadow:    0px 2px 0px 0px rgba(0,0,0, 0.75);
box-shadow:         0px 2px 0px 0px rgba(0,0,0, 0.75);
background-position:center center;
} 


#lang li.act a,#lang li:hover a {opacity:1;}


.flag-pl {background-image:url(/public/images/flags-big/pl.jpg);}
.flag-de {background-image:url(/public/images/flags-big/de.jpg);}
.flag-en {background-image:url(/public/images/flags-big/en.jpg);}


#showMenu {
            cursor:pointer;    
            display:none;
            height:40px;line-height:0px;width:40px;font-size:40px;            
            background-image:url('/public/images/default/buttonbar.png');
            background-color:#f1d888;
            
            text-align:center;                         
            border-radius: 50%;
            border: 4px solid #000;     
            z-index:999999;
            margin:15px auto;
            }
            
#showMenu:hover
{
background-color:#fff;    
}





#respMenu 
    {   opacity:0.8 !important;margin:0px;padding:0px;position:fixed;height:100%;top:0px;left:-200px;width:200px;opacity:1;background:#000;z-index:99999999;display:none;
     
        }


#respMenu li 
    {
    float:none;
    width:100%; 
    display:block;
    overflow:hidden;
    cursor:pointer;
    text-align:center;
    height:40px;
    line-height:40px;
    border-bottom:1px solid #101010;
    padding:0px;
    }

    #respMenu li  a {color:#fff;}
    
    #respMenu li :hover  {background:#202020;}
    #respMenu li:hover a {color:#fff;}

    




.roomInfo {margin:40px;text-align:justify;}
.roomInfo h1 {margin-bottom:15px;}

.content
{
float:right;
width:69.8%;

}

.submenu {
    float:left;
    width:30%;
    text-align:center;
    margin-top:50px;
    overflow:hidden;

}


#submenu { 
    z-index:12;
    list-style:none;
    padding:0px;
    margin:auto;   
       
}

#submenu li {
cursor:pointer;
height:30px;

line-height:30px;
position:relative;
padding:0px 10px;
} 


#submenu a {
    
    color:#d0be88;
   
    }

#submenu li:hover,#submenu li.over   {background: -moz-linear-gradient(left,  rgba(244,218,149,0) 0%, rgba(244,218,149,0) 1%, rgba(244,218,149,0.73) 48%, rgba(244,218,149,0.72) 49%, rgba(244,218,149,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,218,149,0)), color-stop(1%,rgba(244,218,149,0)), color-stop(48%,rgba(244,218,149,0.73)), color-stop(49%,rgba(244,218,149,0.72)), color-stop(100%,rgba(244,218,149,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(244,218,149,0) 0%,rgba(244,218,149,0) 1%,rgba(244,218,149,0.73) 48%,rgba(244,218,149,0.72) 49%,rgba(244,218,149,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(244,218,149,0) 0%,rgba(244,218,149,0) 1%,rgba(244,218,149,0.73) 48%,rgba(244,218,149,0.72) 49%,rgba(244,218,149,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(244,218,149,0) 0%,rgba(244,218,149,0) 1%,rgba(244,218,149,0.73) 48%,rgba(244,218,149,0.72) 49%,rgba(244,218,149,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(244,218,149,0) 0%,rgba(244,218,149,0) 1%,rgba(244,218,149,0.73) 48%,rgba(244,218,149,0.72) 49%,rgba(244,218,149,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4da95', endColorstr='#00f4da95',GradientType=1 ); /* IE6-9 */

}
#submenu li:hover a,#submenu li.over a   {color:#000;}



.clr {clear:both;}






/*packages*/





.packagesList { 

    width:252px;display:inline-block;
    margin-right:10px;
    text-align:left;
    height:250px;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
    position:relative;
    cursor:pointer;
    }   

    
.packagesList:hover .packageTitle  {top:122px;} 


.packagesList > .photo {-webkit-filter: blur(0px);overflow:hidden;}
.packagesList:hover > .photo {-webkit-filter: blur(2px);}



.packageRibbon
{   
        background:url(/public/images/default/ribbon.png) no-repeat;
        width:87px;
        height:85px;
        position:absolute;
        top:0px;
        right:0px;
        z-index:999;
    
        
    } 
    
    
.packageLastprice
{   
        position:absolute;
        top:20px;
        right:-30px;
        z-index:999;
        color:#fff;
        font-size:1em;
        text-decoration:line-through;
        width:120px;
        text-align:center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);


    } 
    
.packageLastprice span {font-size:0.7em;}   

.packageTitle 
{   
    background:url(/public/images/default/package-over.png) no-repeat;
    position: absolute; 
    top:70px;left:0px;
    padding:65px 15px 0px 15px;
    
    text-align:center; 
    z-index:10; 
    height:165px; width:222px;
    margin:0px !important;
    } 

.packageTitle  a {color:#2d100a;font-size:1em;font-weight:bold;text-shadow:#ffe2b4 1px 1px 1px;}





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

#packageDesc {
    width:380px;
    height:300px;
    padding-top:39px;
    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
{
-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: 10px;line-height: 22px; 
border-top: 1px solid #000; text-align: center; position: fixed; bottom: 0px; background: rgba(0,0,0,.9); width: 100%; z-index: 9999999;
color:#fff;
}

#cookies-message-container .button {background:#fff;color:#000;border:0px;padding:3px 9px;font-size:0.9em;}


.message {
margin: 15px 0px;
padding:15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 2px 0px 0px rgba(255,255,255, 0.75);
-moz-box-shadow:    0px 2px 0px 0px rgba(255,255,255, 0.75);
box-shadow:         0px 2px 0px 0px rgba(255,255,255, 0.75);

}
.info {
    color: #00529B;
    background-color: #BDE5F8;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}



#sidebar {
 background:url(/public/images/default/sidebar-back.jpg) top center no-repeat;
float: left;
width:360px;
text-align:center;
position:relative;
}


#sidebarBottom {position:absolute;bottom:20px;width:100%;text-align:center;left:0px;color:#606060;}


#mainbar {
    width:75%;
    float:right;
    background:url(/public/images/default/shadow.png) top left repeat-y #181818;        
}




                        

.ribbon
{
position:absolute;
right:-43px;
top:8px;
width:150px;
height:47px;
background:url(/public/images/default/ribbon.png) no-repeat;
line-height:47px;
font-size:0.8em;
text-transform:uppercase;
color:#e8c98f;
z-index:99;
 -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  text-align:center;

}       
.ribbon  strong {font-size:1.3em;}

#desc {display:none;}

.advert
{
padding:15px 15px 15px 60px;
background:url('/public/images/default/info.png') 4% 50% no-repeat #f0f0f0;
margin-bottom:15px;
}




.description p {margin-bottom:15px;}
.description h2 {padding-bottom:15px;line-height:25pt;}
.description h1 {padding-bottom:15px;line-height:25pt;}

.description ul  {
    margin-bottom:15px;
    list-style-type: square;
    padding-left:50px;
}
 
.description ol  {
    margin-bottom:15px;
    padding-left:50px;
}




button, .button {
    background: rgb(226,219,172); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(226,219,172,1) 1%, rgba(201,190,116,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(226,219,172,1)), color-stop(100%,rgba(201,190,116,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(226,219,172,1) 1%,rgba(201,190,116,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(226,219,172,1) 1%,rgba(201,190,116,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(226,219,172,1) 1%,rgba(201,190,116,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(226,219,172,1) 1%,rgba(201,190,116,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2dbac', endColorstr='#c9be74',GradientType=0 ); /* IE6-9 */
    font-weight:900;
    cursor:pointer;
    font-size:0.8em;
    border:1px solid #000;    
    color:#000; 
    padding:6px 20px;
    text-decoration:none;
    text-transform:uppercase;     
}

button:hover, .button:hover {background:#fff;} 


.grey {
    background-color:#d6d4d4 !important;
    border:1px solid #d6d4d4 !important;
    font-size:0.7em;
    padding:4px 10px;
    border:0px; 
    color:#606060;
    display:inline-block;
    width:auto;
    font-weight:bold;
}

.paginationControl a {margin:3px;}

.greyHover, .grey:hover {background-color:#eee !important;} 


.search
{
background:url('/public/images/default/search.png') 98% 50% no-repeat #fff;
padding-right:12%;
}


button:hover, .button:hover {
border:1px solid #aaa;
}

button.small {padding:3px 14px;}

#location { 
background:#202020;
width:100%;
padding:10px 0px;
padding-left:30px;
list-style:none;
text-align:left;
-webkit-box-shadow:  0 1px 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow:    0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    
}

#location li a {
color:#b9a674; 
}

.icon-home {font-weight:400;}

#location li 
{
padding:0px;
display:inline-block;
padding-right:5px;font-size:0.8em;color:#aaa;}




input, select, textarea {
    width:100%;
    padding:8px 10px;
    display:block;
    background:#151515;
    border:1px solid #524536;
    color: #f8eccc;   
        
}
input.error {border:1px solid red !important;}

input:focus, textarea:focus {
    border:1px solid #f8eccc;
    }
    
    
#footer  {  
        padding-top:30px;   
        background:#000;
        position:relative;
        overflow:hidden;
        height:300px;
        position:relative;
        width:100%;
        margin-top:20px;    
}

#footer h3 {font-size:1.1em;padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:10px;text-transform:uppercase;}

#footer ul {text-transform:uppercase;margin-left:50px;}

#footer ul li
{
padding:0px;
margin:0px;
} 

#footer ul li a {font-size:0.7em;font-weight:bold;text-transform:uppercase;color:#000;} 


.credits
{
    font-size:0.6em;margin-top:20px;
}


.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;}




.boxsmall
    {
    position:relative;
    width:200px;
    height:200px;
    margin-right:23px;
    margin-bottom:23px;
    display:block;
    display:inline-block;
    overflow:hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background-position:center center;
    background:#7fba24;
    border:5px solid #000;
    cursor:pointer; 
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    line-height:20px;
    }
    
    .boxsmall a {color:#000;font-weight:bold;font-size:1em;position:absolute;bottom:40px;text-transform:uppercase;
    display:block;left:30px;text-align:center;width:140px;
    text-shadow:#A5DD4D 1px 1px 1px;
    }
    .boxsmall:hover { background:#adec4b;}
    .boxsmall:hover a { color:#000;bottom:80px;}




.boxsmall > .photo 
{
perspective: 1000;
  background-repeat:no-repeat;
  background-position:center center;
  width:40%;
  height:40%;
  position:absolute;
  top:10%;
  left:30%; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 opacity:0.7;
  z-index:999;
}


    .boxsmall:hover > .photo {opacity:0.2;width:60%;height:60%;left:20%;top:15%;

    
    }
    

.boxsmall .arr {
    -moz-box-shadow: inset 0 7px 13px -8px #000;
-webkit-box-shadow: inset 0 7px 13px -8px #000;
box-shadow: inset 0 7px 13px -8px #000;
background:#adec4b;position:absolute;bottom:0px;height:30px;line-height:30px;width:100%;color:#000;}
.boxsmall:hover {border:5px solid #7fba24;}
.boxsmall:hover .arr 
    {background:#d7ff9a;height:50px;line-height:50px;

    
    }



.box
    {
    position:relative;
    width:280px;
    height:280px;
    margin-right:1%;
    display:block;display:inline-block;
    
    overflow:hidden;
    margin:1%;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   background-repeat:no-repeat;
   background-position:center center;
   background:#7fba24;
   text-align:center;  
   cursor:pointer; 
   -webkit-border-radius: 280px;
-moz-border-radius: 280px;
border-radius: 280px;
    line-height:280px;
    }
    
    .box a {color:#fff;font-size:1.4em;}
    .box:hover { background:#adec4b;}
    .box:hover a { color:#000;}



    
#galleryResp a img {width:100%;}    

#galleryResp a span 
{
background:url(/public/images/default/zoom.png) center center no-repeat #000;
position:absolute;top:0px;left:0px;width:100%;height:100%;display:block;
opacity:0;
}

#galleryResp a:hover span {opacity:0.4;}
#galleryResp a:hover  { 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;}


#nextPrev
{
text-align:right;
width:100%;
}




.product
{
    position:relative;
    width:33.33%;
    height:240px;
    margin:0px;
    float:left;
    text-align:left;
    vertical-align:top;
    text-align:center;
    cursor:pointer;

    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding-top:20px;
}


.product a {z-index:99;position:absolute;bottom:20px;left:5%;width:90%;text-align:center;color:#202020;font-size:1.2em;}
.product img {width:90%;}

.product:nth-child(4)
{
border-right:0px;
}

.product:hover
{
    border-bottom:1px solid #7fba24;
}

.product:hover a
{
    color:#7fba24;
}



.productCover
{
    position:absolute;
    top:0px;left:0px;
    width:80%;
    height:200px;
    opacity:0;
    color:#fff; 
    z-index:2;
    padding:40px 10% 0px;
    background:url(/public/images/default/dark_mosaic.png ) #000;
}


.product:hover .productCover{opacity:0.8;}
.product:hover .productInfoIcon{opacity:1;}




.productInfoIcon
{
    position:absolute;
    top:-13px;left:-13px;
    width:31px;
    height:43px;
    opacity:0;
    z-index:5;  
    background:url('/public/images/default/greenplus.png'); 
}




.listItem  {
    text-align:center;
    float:left;
    width:25%;
    height: 340px;  
    position: relative; 
        -webkit-perspective: 800px;
         -moz-perspective: 800px;
           -o-perspective: 800px;
              perspective: 800px;
           
}


.listItem:hover .front{
                -webkit-transform: rotateY(180deg);
                        transform: rotateY(180deg);
                        }

.listItem:hover .back {
                -webkit-transform: rotateY(0deg);
                        transform: rotateY(0deg);
                        }
                        
.front, .back {top:0px;left:0px;position:absolute;height:340px;width:100%;  
        border:1px solid #fff;
                -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
           -o-backface-visibility: hidden;
              backface-visibility: hidden;
               -webkit-transition: -webkit-transform 0.7s;
         -moz-transition: -moz-transform 0.7s;
           -o-transition: -o-transform 0.7s;
              transition: transform 0.7s;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
            
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    
              
              }
              
              
              
.front > .img, .back > .img {
    
    width:100%;
    height:250px; 
    opacity:1; 
    z-index:1;
    background-repeat:no-repeat;
    background-position:center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
     
}

.back > .img {-webkit-filter: grayscale(1);opacity:0.5;

}

.front h3,.back h3 {z-index:999;
    position:absolute;bottom:15px;width:80%;text-align:center;left:10%;}

.front h3 span,.back h3 span {display:block;font-weight:bold;font-size:0.8em;}
 
.front {z-index:99;background:#eee;}

.visit {cursor:pointer;background:#fff;width:40px;height:40px;}
.back .visit {position:absolute;top:40px;left:40px;}
.back {
    z-index:11;
  background: #606060;
  color:#fff;
 -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.bigMenu
{
    position:relative;
    width:30%;
    margin-right:4.2%;
    margin-bottom:3%;
    
    display:inline-block;
    min-height:150px;
    text-align:left;
    vertical-align:top;
    background:url('/public/images/default/sliderover.png') bottom left no-repeat #dddddd;  
    cursor:pointer;
}


.bigMenu:hover
{
    background:url('/public/images/default/sliderover.png') bottom left no-repeat #7fba24;  
    color:#fff;
}
.bigMenu:hover h2 * {color:#000;}

.bigMenu h2 {line-height:20px;position:absolute;width:60%;top:15%;right:2%;font-size:1.5em;font-weight:bold;}
.bigMenu h2 span {display:block;color:#787878;font-weight:normal;font-size:0.8em;}

.bigMenu p {line-height:14px;position:absolute;width:60%;bottom:22%;right:2%;font-size:0.8em;}

.bigMenu img
{
position:absolute;top:10%;left:2%;
}

.bigMenuPlus 
{
background:url('/public/images/default/greenplus.png');
width:31px;
height:43px;
position:absolute;
top:-10px;
right:-10px;
}   


table {width:100%;}
td {vertical-align:top;}

.table {
    width:100%;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;
    border:#ccc 1px solid;
    overflow:hidden;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    
}
.table th {
    padding:14px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;
    font-weight:bold;
    font-size:1.1em;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.table th:first-child {
    text-align: left;
    padding-left:20px;
}
.table tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
.table tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
.table tr {
    text-align: center;
    padding-left:20px;
}
.table td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
.table td {
    padding:10px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.table tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.table tr:last-child td {
    border-bottom:0;
}
.table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
.table tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
.table tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);  
}

.fullwidth {width:100% !important;height:auto !important;}
.left {float:left;width:48%;}
.right {float:right;width:48%;}





.col1_2Wrap div:nth-child(2n+0) {margin-right:0px;}
.col1_2
    {
    width:48%;
    margin-right:4%;
    float:left;
    vertical-align:top; 
    margin-bottom:3%;
    }

    

.col1_3Wrap div:nth-child(3n+0) {margin-right:0px;}
.col1_3Wrap a:nth-child(3n+0) {margin-right:0px;}

.col1_3
    {
    width:32%;
    margin-right:1.5%;
    float:left;
    vertical-align:top; 
    margin-top:1.5%;
    position:relative;
    }
    
    
.col2_3
    {
    width:65%;
    float:left;       
    
    }   
    
    
.promotion {position:relative;background:#E8E8E8;overflow:hidden;height:80px;}
.promotion .img {width:45%;height:80px;float:left;}
.promotion .txt {float:right;height:80px; width:45%;}


.promotion .txt a {display:table-cell;color:#000;height:80px; vertical-align: middle;min-height: inherit;max-height: inherit;}

.promotion:hover {background:#fff;}
    
    
    
#packagesSliderContainer {position:relative;width:100%;text-align:center;margin-top:5px;}
#packagesSlider {overflow:hidden;width:100%;margin:auto;}


.packagesPrev {position:absolute;top:10px;right:30px;}
.packagesNext {position:absolute;top:10px;right:0px;}
   
   
    .bigBox {height:260px;
    background:#c6b076;
    text-align:left;
    position:relative !important;
    cursor:pointer;
    padding:8px;
    
    }

   
.bigBox .img
  {
    background-color:#eee;
    height:200px;-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
  }
  
  
   
.bigBox .more
{
position:absolute;
top:52px;
background:#913737;
width:30%;
left:35%;
height:25px;line-height:25px;
color:#fff;
text-align:center;    
}   

.bigBox .price{
    position:absolute;
    text-align:right;
    padding:5px 20px;
    right:0px;bottom:0px;
    width:50%;
   
   background: -moz-linear-gradient(left, rgba(237,234,225,0) 0%, rgba(237,234,225,0.02) 1%, rgba(237,234,225,1) 46%, rgba(237,234,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(237,234,225,0)), color-stop(1%,rgba(237,234,225,0.02)), color-stop(46%,rgba(237,234,225,1)), color-stop(100%,rgba(237,234,225,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(237,234,225,0) 0%,rgba(237,234,225,0.02) 1%,rgba(237,234,225,1) 46%,rgba(237,234,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(237,234,225,0) 0%,rgba(237,234,225,0.02) 1%,rgba(237,234,225,1) 46%,rgba(237,234,225,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(237,234,225,0) 0%,rgba(237,234,225,0.02) 1%,rgba(237,234,225,1) 46%,rgba(237,234,225,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(237,234,225,0) 0%,rgba(237,234,225,0.02) 1%,rgba(237,234,225,1) 46%,rgba(237,234,225,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00edeae1', endColorstr='#edeae1',GradientType=1 ); /* IE6-9 */
   
    color:#744f4f;
    font-size:1.3em;
    
  } 
  
  
 .price { 
    font-size:1.2em;
    background:#783939;
    color:#fff;
    text-align:center;
    
}

.price span {font-size:9pt;}

 
  
.bigBox .zoom{height:200px;
    background:url(/public/images/default/zoom.png) center center no-repeat;
    position:absolute;width:100%;
    top:0px;left:0px;z-index:9;opacity:0.7;
  }  
  
.bigBox a {font-size:1.3em;display:block;margin-top:8px;color:#765a49;height:36px;color:#000;}





.bigBox:hover  {
background:#e4c575;
-webkit-box-shadow:  0 4px 4px 0 rgba(0, 0, 0, .4);
-moz-box-shadow:    0 4px 4px 0 rgba(0, 0, 0, .4);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .4);
}

.bigBox:hover .img {opacity:0.6;}
.bigBox:hover .zoom {opacity:1;}
.bigBox:hover strong {color:#ff4000;}



/*Media queries*/


@media only screen and (max-width : 1250px) 
{
    .submenu 
    {
        width:45%;
    }
    
    .content 
    {
        width:54.8%;
    }
         
    
}


@media only screen and (max-width : 1150px) 
{
    .submenu,  .content 
    {
        width:100%;
        float:none;
    }
         
    
}


@media only screen and (max-width : 850px) 
{
    .col1_3 {width:100%;margin-right:0px;}
        
    #nextPrev
        {
        float:none;
        text-align:right;
        width:100%;
        display:block;
        }   
        
  #sidebarBottom {display:none;}
}


@media only screen and (max-width : 650px) 
{
  #facebookSlide {display:none;}
#menu {display:none;}
#showMenu {display:block;}    
.respImg {float:none;width:100%;margin:0px;} 
.col1_3,.col2_3, .col1_2,  {width:100%;margin-bottom:20px;margin-right:0px;}
#sidebar, #mainbar {float:none;width:100%;}
.credits {display:none;}
#bookingBar {left:0px;width:100%;}
.titleBack {height:150px;}
#sliderGallery {height:300px;}
#slider > div h1 {font-size:1.3em;}
}