@import "reset.css";
@import "prettyPhoto.css";
@import "supersized.css";
@import "supersized.shutter.css";
@import "smoothness/jquery-ui-1.10.0.custom.css";
@import "jplayer.css";


@import url(http://fonts.googleapis.com/css?family=Roboto:400);
@import url(http://fonts.googleapis.com/css?family=Roboto:400italic);
@import url(http://fonts.googleapis.com/css?family=Roboto:700);
@import url(http://fonts.googleapis.com/css?family=Roboto:700italic);
@import url(http://fonts.googleapis.com/css?family=Cinzel);



/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
::selection{
  color: #fff;
  background: #797674;
}
::-moz-selection{
  color: #fff;
  background: #797674;
}

body, html {height:100%;}

body{ background:#ede7d6; border:0; font: 13px 'Roboto', Arial, Helvetica, sans-serif; color:#d7ceb4 ; line-height:22px; min-width:960px; min-height: 500px;}

#spinner { position:fixed; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #ede7d6; width:100%; height:100%; top:0; left:0;}
#pageLoader { position: fixed; width: 72px; height: 72px; top: 50%; left: 50%; margin: -36px 0 0 -36px; background:#ede7d6; z-index: 1000; padding: 0px; display: none; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#pageLoader > div { background: url(../images/page_loader.gif) 0 0 no-repeat; width: 64px; height: 64px; margin: 4px;}

footer{position: fixed; left: 0; bottom: 0; width: 100%; height: 40px; z-index: 11; background: url(../images/footer.png);}

.copyright{font-family: 'Georgia'; font-size: 12px; line-height: 40px; color:#c6b995; float: left; padding-left: 20px; padding-right: 10px; border-right: 1px solid #906340;}

.privacy{font-family: 'Georgia'; text-decoration: none; color: #c6b995; background: none; float: left; line-height: 40px; margin-top: 0px; padding: 0 10px; margin-left: 0px; border-right: 1px solid #906340;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.privacy:hover{color: #c6b995; background: #8a501f;}

.tola{float: left;border-right: 1px solid #906340;}

.splash{display: inline-block; width: 260px; padding: 30px; background: url(../images/splash.png); position: fixed; left: 0; top: 50%; margin-top: -120px; z-index: 10;}
.splash .txt1{font-family: 'Georgia'; font-size: 24px; line-height: 32px; color: #ede7d6; text-transform: uppercase; padding-bottom: 10px;}
.splash .txt2{font-family: 'Georgia'; font-size: 14px; line-height: 22px; color: #ede7d6;  padding-bottom: 10px;}

.button0{display: inline-block; height: 20px; line-height: 20px; font-family: 'Cinzel'; font-size:14px; color: #fff5d9; text-decoration:underline;margin-top: 5px; margin-bottom: 5px; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.button0:hover{ text-decoration: none; color: #fff;}

.close2{ display:block; width:16px; height:16px; position:absolute; right:10px; top:10px; z-index:30;}
.close2 span{ display:block; width:100%; height:100%; background:url(../images/close2.png) center center no-repeat; opacity: 0.5; filter: alpha(opacity=50);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.close2:hover span{ opacity: 1; filter: alpha(opacity=100);}

.close{ display:block; width:18px; height:18px; position:fixed; left:14px; top:14px; z-index:17;}
.close span{ display:block; width:100%; height:100%; background:url(../images/close.png) center center no-repeat; opacity: 0.5; filter: alpha(opacity=50);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.close:hover span{ opacity: 1; filter: alpha(opacity=100);}

.social_wrapper{position: fixed; right: 5px; top: 5px; z-index: 21;}
.social{ display: inline-block; margin: 0 0px; padding-top: 0px; list-style: none; white-space: nowrap;}
.social li{display: inline-block; margin: 0px 3px;}
.social li a{opacity: 0.7; filter: alpha(opacity=70);}
.social li a:hover{opacity: 1; filter: alpha(opacity=100);}

.px0{position: fixed; width: 100%; height: 100%; background: url(../images/px0.png); left: 0; top: 0; z-index: 1;}

.main1{background: url(../images/px1.jpg) left top no-repeat #ede7d6; border-left: 8px solid #7e7742; position: fixed; width: 100%; height: 100%; left: 60%; top: 0; z-index: 20;}

header{padding-top: 16px; padding-bottom: 16px; padding-left: 16px; background: url(../images/logo_bg.png) left top no-repeat; position: absolute; left: -30px; top: 50%; margin-top: -130px;}


.reservation_but_wrapper{position: fixed; left: 60%; margin-left: -9px; top: 25px; height: 56px; z-index: 30;}
                                               /* height: 56px; */
.reservation_but{display: block; width: 180px;  background: url(../images/reservation_but.png) top left no-repeat; position: absolute; left: 0; top: -20px; cursor: pointer;}
.reservation_but .over{position: absolute; width: 8px; height: 8px; right: 24px; top: 19px; z-index: 1; background: url(../images/reservation_but_off.png) left top no-repeat;}
.reservation_but.active .over{background: url(../images/reservation_but_on.png) left top no-repeat;}
.reservation_but .txt1{position: relative; font-family: 'Georgia'; font-size: 16px; line-height: 45px; color: #d6ccaf; text-transform: uppercase; padding-left: 25px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.reservation_but:hover .txt1{color: #fff;}

.bot1_wrapper{position: fixed; left: 60%; margin-left: 8px; top: 0; z-index: 19;}
.bot1{position: relative;}
.bot1_inner{background: #7e7742; padding-left: 20px; padding-top: 20px; padding-right: 20px; width: 490px; height: 250px;}

.reservation_wrapper{position: relative;}  


/* ============================= main menu ====================== */

.menu { display:block; position: absolute; left: 260px; top: 50%; margin-top: -120px; z-index: 15; white-space:nowrap; }
#menu { display:block; white-space:nowrap;}
#menu > li { display: block; position:relative; white-space:nowrap;}
#menu > li > a{display: block; text-decoration:none; position:relative; padding:0 0px; overflow:hidden; }
#menu > li > a .over1{display:block;position: absolute;width:100%; height:100%; left:0px; top:0px; z-index:1;}
#menu > li > a .txt1{ display: block;
position: relative;
width: 100%;
z-index: 5;
font-family: "Georgia";
font-size: 16px;
line-height: 30px;
color: rgba(239, 236, 219, 1) !important;
text-decoration: none;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0.58);
padding: 0px 10px 0px 20px;}




/* ============================= main layout ====================== */
#wrapper > section { position: relative; top: 0px;  z-index: 10; /*height: 100%;*/ width: 940px;margin: 0 auto;}
#wrapper > section > div { position: relative; /*height: 100%;*/ overflow: visible;  }

.box{width: 690px; position: relative; padding: 50px 0px 80px 0px;}
.box-podminky{width: 691px; position: relative; padding: 50px 0px 80px 0px;}
.dynamicContent { position: absolute; width: 100%; z-index: 2; }
.dynamicContent .content{padding-bottom: 0px;}





.divider{padding-right: 20px; border-right:1px solid #2b2a28; margin-right: 19px;}

.col0,.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12   { float:left;}

.col0 { width:1px; background:#131314; margin-left:29px; margin-right:30px; margin-top:20px;}

.col1{ width:460px;}
.col2{ width:210px;}






.pad_left0{ padding-left:160px;}

.pad_left1{ padding-left:10px;}
.pad_left2{ padding-left:20px;}
.pad_left3{ padding-left:30px;}
.pad_left4{ padding-left:40px;}
.pad_left5{ padding-left:50px;}
.pad_left6{ padding-left:60px;}
.pad_left7{ padding-left:70px;}




a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h2{ font-family:'Halvetica';font-weight: normal; font-size:36px; color:#ede7d6; line-height:36px; padding:20px 0 15px 0;}

h3{ font-family:'Georgia';font-weight: normal; font-size:24px; color:#ede7d6; line-height:24px; padding:20px 0 25px 0;}

h4{ font-family:'Georgia'; font-weight: normal; font-size:16px; font-style: italic; color:#ede7d6; line-height:22px; padding:5px 0 5px 0;}
h4 b{font-size: 20px;}








.upper { text-transform:uppercase;}

.color1{ color:#fff;}
.color2{ color:#ff0000;}

.text { padding:0 0 5px; display: block;}

.line1 { height:1px; background:url(../images/line1_px.png) 0 0 repeat-x; margin:15px 0;}

.radius1{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.border1 { padding: 8px;background:#723e13;border: 1px solid #965d28;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}



.img1 {margin-bottom:20px;margin-right:20px;}
.img2 {margin-right:20px; }
.img3 {margin-bottom:20px;}

.button1{display: inline-block; height: 37px; line-height: 37px; padding: 0 25px; font-family: 'Cinzel'; font-size:15px; color: #dfd8c3;background: url(../images/button1.jpg) left top repeat-x; text-decoration: none;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top: 10px; margin-bottom: 5px; }
.button1:hover{color: #fff; background-position: bottom; }

.button2{display: inline-block; height: 31px; line-height: 40px; padding-left: 50px; font-family: 'Cinzel'; font-size:14px; color: #ede7d6; background: url(../images/button2.png) 0 0 no-repeat; text-decoration: underline;margin-top: 15px; margin-bottom: 5px; margin-left: 20px; }

.about1{float: left; width: 333px; margin-right: 24px; padding-bottom: 20px;}
.about1.last{margin-right: 0;}
.about1 figure{position: relative; margin-bottom: 15px;}
.about1 figure a{display: inline-block; text-decoration: none; position: relative;}
.about1 figure a img{padding: 8px;background:#723e13;border: 1px solid #965d28;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.about1 figure a:hover img{background: #965d28;}
.about1 figure a em{display: block;width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/zoom1.png) center center no-repeat;opacity: 0; filter: alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.about1 figure a:hover em{opacity: 1; filter: alpha(opacity=100);}
.about1 .caption{}

.room1{float: left; width: 205px; margin-right: 37px; padding-bottom: 20px;}
.room1.last{margin-right: 0;}
.room1 figure{position: relative; margin-bottom: 15px;}
.room1 figure a{display: inline-block; text-decoration: none; position: relative;}
.room1 figure a img{padding: 8px;background:#723e13;border: 1px solid #965d28;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.room1 figure a:hover img{background: #965d28;}
.room1 figure a em{display: block;width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/zoom1.png) center center no-repeat;opacity: 0; filter: alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.room1 figure a:hover em{opacity: 1; filter: alpha(opacity=100);}
.room1 .caption{}

.spa1{float: left; width: 333px; margin-right: 24px; padding-bottom: 20px;}
.spa1.last{margin-right: 0;}

.restaurant1{float: left; width: 333px; margin-right: 24px; padding-bottom: 20px;}
.restaurant1.last{margin-right: 0;}
.restaurant1 .caption{display: table;}

.services1{float: left; width: 217px; margin-right: 19px; padding-bottom: 20px;}
.services1.last{margin-right: 0;}

.ul1{ padding: 0; margin: 0; list-style: none; padding-bottom: 0px; text-transform: uppercase;}
.ul1 > li {font-weight: 400; font-size: 14px; color: #ede7d6; line-height: 20px; padding:3px 0px 3px 0px; margin: 0px 0px 0px 0px;}
.ul1 > li a{color:#ede7d6; text-decoration: none;display: block; background: url(../images/li_st1.png) 0px center no-repeat; padding-left: 20px;}
.ul1 > li a:hover{color:#fff; text-decoration: none;}

.google_map{

    width: 672px;
    height: 400px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    padding: 8px;background:#723e13;border: 1px solid #965d28;
    position:relative;
    overflow:hidden; margin-bottom:20px;
}

.google_map iframe { background:#fff url(../images/googleMapLoader.gif) no-repeat center center; border: medium none; display: inline-block; height: 100%; outline: medium none; position: relative; width: 100%; }



/*================= reservation =========================*/
#reservation_fields{position: relative;}
#reservation_note{ text-align: right;  margin-top: -30px;}
.reservation_notification_error{ color:#fff; margin-bottom:5px;font-size: 11px; line-height: 16px; padding-left: 120px;}
.reservation_notification_ok{ text-align: left; font-size: 14px; padding-left: 20px; padding-right: 20px; padding-top: 105px;}

.reservation_more{display: inline-block; height: 37px; line-height: 37px; padding: 0 15px; font-family: 'Arial'; font-size:15px; color: #dfd8c3; background:url(../images/button1.jpg) left top repeat-x; text-decoration: none;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;margin-top: 10px; font-style: normal; }
.reservation_more:hover{color: #fff; background-position: bottom; }


#ajax-reservation-form{position: relative; min-height: 100px;}
#ajax-reservation-form label{font-family: 'Arial'; height: 20px; line-height:20px; color:#ede7d6;font-size: 12px; padding-left: 0px; text-transform: uppercase;}
#ajax-reservation-form label .red{display: inline-block; font-family:Arial; font-size: 14px; color: #8b0000; padding-right: 5px; margin-top: -5px;}

#ajax-reservation-form input{ width:138px; padding-left: 10px; height:31px; background-color: #716b3e; border: 1px solid #67602a; margin-bottom:10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:14px; color: #fff;-moz-box-shadow: inset 2px 2px 5px #6a653a; -webkit-box-shadow: inset 2px 2px  5px #6a653a; box-shadow: inset 2px 2px 5px #6a653a;  }
#ajax-reservation-form input.name{}
#ajax-reservation-form input.phone{}
#ajax-reservation-form input.email{}
#ajax-reservation-form input.datepicker{background-image: url(../images/calendar_ic.png); background-position: right center; background-repeat: no-repeat;}
#ajax-reservation-form input.nights{width: 40px; text-align: center; padding-left: 0;}

#ajax-reservation-form input:focus{border-color:#656565; }

#ajax-reservation-form select {height:31px; border: 1px solid #67602a;  font-size: 14px; padding: 5px 5px; -moz-box-shadow: inset 2px 2px 5px #6a653a; -webkit-box-shadow: inset 2px 2px  5px #6a653a; box-shadow: inset 2px 2px 5px #6a653a; font-family:"Arial"; font-size:14px; color: #4a4a4a;margin-bottom:15px;background: #716b3e;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff;}
#ajax-reservation-form select.select1{width: 310px;}
#ajax-reservation-form select.select2{width: 60px;}
#ajax-reservation-form select.select3{width: 60px;}


#ajax-reservation-form input.submit{font-family:"Arial"; font-size: 15px; width:113px; height:37px; cursor:pointer; background:url(../images/button1.jpg) left top repeat-x; border:none; margin-left:350px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #dfd8c3;  box-shadow: none; padding: 0; }


#ajax-reservation-form input.submit:hover{ background-position:bottom; color: #fff;}

/*================= Contacts =========================*/
#note{ width:690px; }
.notification_error{ color:#f00; padding-bottom: 20px; font-size: 14px; }
.notification_ok{ text-align: center;}

#ajax-contact-form{padding-bottom: 0px;}

#ajax-contact-form label{float:left; width: 100px; line-height:31px; color:#c8c2bb;}
#ajax-contact-form label.c{ margin-top:5px;}

#ajax-contact-form input{ float:left; width:194px; margin-right: 20px; height:31px; font-family: Arial; font-size:14px; color: #c8c2bb; background: #635544; border: 1px solid #635544; margin-bottom:10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding:2px 10px; -moz-box-shadow: inset 2px 2px 5px #635544; -webkit-box-shadow: inset 2px 2px  5px #635544; box-shadow: inset 2px 2px 5px #635544;}
#ajax-contact-form input:focus{border-color:#a28d74; }
#ajax-contact-form input.phone{margin-right: 0;}

#ajax-contact-form textarea{ float:left; width:668px; height:151px; font-family: Arial; font-size:14px; color: #c8c2bb; background: #635544; border: 1px solid #635544; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding:10px 10px 5px;-moz-box-shadow: inset 2px 2px 5px #635544; -webkit-box-shadow: inset 2px 2px  5px #635544; box-shadow: inset 2px 2px 5px #635544;}
#ajax-contact-form textarea:focus{border-color:#a28d74; }

#ajax-contact-form img{float:left; width:120px; height:37px; margin-top:5px; margin-left:10px;}

#ajax-contact-form input.capthca{ float:left; width:105px; margin-top:5px; margin-right:10px;}

#ajax-contact-form .submit{cursor: pointer; display:inline-block; background: url(../images/button1.jpg) left top repeat-x; height: 37px; line-height:37px; padding:0px 25px; text-decoration: none; margin-top:10px; margin-bottom:1px; font-size:15px; font-family:'Arial'; font-weight: 400; color:#dfd8c3; white-space:nowrap; letter-spacing:0px; text-align: center;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#ajax-contact-form .submit:hover{color: #fff; background-position: bottom; }

 /* ceník tabulka */
table{width:100%; border-collapse:collapse; table-layout:auto; vertical-align:top; margin-bottom:15px; border:1px solid #CCCCCC;}
table thead th{color:#FFFFFF; background-color:#666666; border:0px solid #CCCCCC; border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
table tbody td{vertical-align:top; border-collapse:collapse; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:15px}
table thead th, table tbody td{padding:5px; border-collapse:collapse;}
table tbody tr.light{color:rgb(255,255,255); background-color:rgb(158, 149, 100);}
table tbody tr.dark{color:rgb(255,255,255); background-color:rgba(158, 149, 100, 0.7);}

hr {border: 1px inset;
    display: block; color:white;}

 
#kontakt input{ float:left; width:194px; margin-right: 20px; height:31px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #c8c2bb; background: #635544; border: 1px solid #635544; margin-bottom:10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding:2px 10px; -moz-box-shadow: inset 2px 2px 5px #635544; -webkit-box-shadow: inset 2px 2px  5px #635544; box-shadow: inset 2px 2px 5px #635544;}
#kontakt input:focus{border-color:#a28d74; }
#kontakt input.phone{margin-right: 0;}

#kontakt textarea{ float:left; width:650px; height:150px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #c8c2bb; background: #635544; border: 1px solid #635544; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding:10px 10px 5px;-moz-box-shadow: inset 2px 2px 5px #635544; -webkit-box-shadow: inset 2px 2px  5px #635544; box-shadow: inset 2px 2px 5px #635544;}
#kontakt label {float:left; width: 100px; line-height:31px; color:#c8c2bb;}
#kontakt label.c {float:left; width: 100px; line-height:31px; color:#c8c2bb;}

fildset.a {float:right; width: 100px; line-height:31px; color:#c8c2bb;}