html, body { heightx: 100%; margin: 0px; position: relative; font-family: PT Sans; background-color: #F7F4EF; background-image: url('../image/bg01.png'); }
div { font-family: PT Sans; font-size: 16px; color: #333333; }

a { color: #333333; text-decoration: none; }
a:hover { color: #753344; }
h1 { font-family: PT Sans; font-size: 33px; font-weight: 700; color: #715D62; margin-top: 0px; }
h2 { font-family: PT Sans Narrow; font-size: 29px; font-weight: 600; color: #665A5A; margin-top: 0px; }
h3 { font-family: PT Sans Narrow; font-size: 26px; font-weight: 300; color: #333333; margin-top: 0px; margin-bottom: 20px; }
h4 { font-family: PT Sans; font-size: 18px; font-weight: 600; color: #753344; margin-top: 0px; margin-bottom: 20px; }

a, input, textarea, .section, #heart { -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -ms-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.color1, a.color1 { color: #753344; }
.white, a.white { color: #FFFFFF; }
.red, a.red { color: #C9302C; }
.gray, a.gray { color: #A8A8A8; }
.form-section { margin: 30px 0px 15px 0px; padding-bottom: 5px; border-bottom: 1px dotted #C5C5C5; }
.form-section b { color: #EE6C09; }
a.viac { color: #975C67; }

.mtm100 { margin-top: -240px; }
.bgc1 { background-color: #F7F4EF; }

.btn-primary { color: #fff; background-color: #537DE5; border-color: #436BD1; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #436BD1; border-color: #3B5DB3; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #537DE5; border-color: #436BD1; }

/* HLAVNE BLOKY */
.main_container { padding-left: 14%; padding-right: 14%; }
#header { background-color: #4D3030; color: #F4F4F4; }
#application { position: relative; }
#application-header { }
#application-body { }
#application-before-route { }
#application-route { margin-bottomx: 20px; }
#application-after-route { }
#application-footer { }
#footer { }

.app-bcg-photo1 { background-image: url('../object/83_img1_b.jpg'); background-size: cover; }
.app-bcg-photo2 { background-image: url('../object/230_img1_b.jpg'); background-size: cover; }
.app-bcg-photo3 { background-image: url('../object/234_img1_b.jpg'); background-size: cover; }
.app-full { background: rgba(255,255,255,0.9); padding: 30px; }
.app-full-invert { background: rgba(32,32,32,0.9); padding: 30px; }

.subpage-container { border: 0px; }
.subpage-container:hover { color: #753344; }
.subpage-container.selected { background-color: #753344; color: #FFFFFF; font-weight: 600; }

/* HEADER */
.fa-user.logged { color: #FC8226; }
.header-languages { float: left; padding: 8px; background-colorx: #965B6A; color: #E4E4E4; text-align: left; text-transform: uppercase; }
.header-languages a.selected { font-weight: 600; }
.header-temperature { float: left; padding: 8px 10px 12px; background-color: #A9967F; background-color: #3D2D2D; color: #FFFFFF; text-align: left; text-transform: uppercase; margin-left: 5px; }
.header-user-menu { float: right; padding: 8px 10px 12px; background-color: #965B6A; background-color: #A60048; color: #F4F4F4; text-align: center; }
.header-fb-icon { float: right; width: 40px; background-color: #3B579D; padding: 8px 0px 12px; text-align: center; color: #F4F4F4; margin-right: 3px; display: none; }
.header-info-icon { float: right; width: 40px; background-color: #E0A175; background-color: #FBB955; background-color: #3D2D2D; padding: 8px 0px 12px; text-align: center; color: #F4F4F4; margin-right: 3px; }
.header-booking-icon { float: right; background-color: #537DE5; padding: 8px 10px 12px; text-align: center; color: #573A38; margin-right: 3px; }
.header-languages a, .header-fb-icon a, .header-info-icon a, .header-map-icon a, .header-user-menu a, .header-booking-icon a { color: #F8F8F8; }
.header-map-icon { float: right; width: 40px; padding: 8px 0px 12px; text-align: center; background-color: #D2BD99; background-color: #FAD193; background-color: #3D2D2D; color: #FFFFFF; margin-right: 3px; }
.header-address { float: right; padding: 8px; text-align: left; color: #FFFFFF; margin-right: 5px; }
.hotline-container { position: absolute; left: 50%; transform: translateX(-50%); margin-leftx: -95px; bottom: -12px; background-color: #FBB955; color: #FFFFFF; border-radius: 10px; padding: 6px 10px; z-index: 999999; font-size: 16px; text-align: center; }

#menu { padding-top: 50px; }
.menuitem { font-family: PT Sans Narrow; float: right; margin-left: 10px; font-size: 24px; font-weight: 400; position: relative; text-transform: uppercase; }
.menuitem { color: #CFC0C0; }
.menuitem a { color: #635656; }
.menuitem a:hover { color: #965B6A; }
.menuitem-selected-bar { position: absolute; bottom: -50px; left: 0px; width: 100%; height: 10px; background-color: #CC181E; }
#menu .selected { font-weight: 600; }
#hmenu a.selected { font-weight: 600; }

/* APP */
.smenuitem { padding: 10px; margin-bottom: 5px; background-color: #F1F1F1; background: linear-gradient(to bottom, #F4F4F4 0%,#E4E4E4 100%); }
.smenuitem.selected, .smenuitem.on-sale.selected, .smenuitem.new.selected, .smenuitem.clearance.selected { background-color: #575757; background: linear-gradient(to bottom, #676767 0%,#575757 100%); color: #FFFFFF; font-weight: 600; }
.smenuitem.selected a, .smenuitem.on-sale.selected { color: #FFFFFF; }
.smenuitem a.selected { color: #FF9966; }

.smenuitem.on-sale { background-color: #FFCC00; background-color: #E8E8E8; border-left: 15px solid #FFCC00; }
.smenuitem.on-sale a { colorx: #FFFFFF; }
.smenuitem.new { background-color: #FF9966; background-color: #E8E8E8; border-left: 15px solid #FF9966; }
.smenuitem.new a { colorx: #FFFFFF; }
.smenuitem.clearance { background-color: #F54029; background-color: #E8E8E8; border-left: 15px solid #F54029; }
.smenuitem.clearance a { colorx: #FFFFFF; }

.badge-novinka { float: left; margin-bottom: 5px; font-family: PT Sans; width: 20px; height: 20px; text-align: center; padding-top: 0px; border-radiusx: 25px; background-color: #FF9966; color: #FFFFFF; font-size: 13px; font-weight: 600; margin-left: 5px; border-radius: 2px; }
.badge-akcia { float: left; margin-bottom: 5px; font-family: PT Sans; width: 20px; height: 20px; text-align: center; padding-top: 0px; background-color: #FFCC00; color: #FFFFFF; font-size: 13px; font-weight: 600; margin-left: 5px; border-radius: 2px; }
.badge-vypredaj { float: left; margin-bottom: 5px; font-family: PT Sans; width: 20px; height: 20px; text-align: center; padding-top: 0px; border-radiusx: 25px; background-color: #F54029; color: #FFFFFF; font-size: 13px; font-weight: 600; margin-left: 5px; border-radius: 2px; }

.btn-more { background: #454545; color: #FFFFFF; border-radius: 0px; }
.btn.btn-more:hover, .btn.btn-more:focus { color: #FFFFFF; }

.information #page-header { text-align: center; }
.information #page-header h1 { color: #FFFFFF !important; }

/* FOOTER */
#footer { }
#footer #bmenu a { color: #454545; }
#footer #copyright a { color: #FFFFFF; }
#footer a.fb { color: #FFFFFF; }

#bmenu .menuitem { float: none; margin-left: 0px; margin-bottom: 5px; font-family: PT Sans; font-size: 14px; font-weight: 400; text-transform: none; }
#bmenu .selected { font-weight: 600; }

/* WIDGETS */
#slide-container { height: 620px; }
.eshop-preview-category { font-size: 21px; border-bottom: 1px solid #D5D5D5; padding: 8px 0px; }
.eshop-preview-category:last-child { border-bottom: 0px; }
.flexslider { background: none; }
.static-image { color: #FFFFFF; height: 200px; width: 100%; position: relative; }
.handle { border-top-left-radius: 5px; border-bottom-left-radius: 5px; opacityx:.8; }
.slide-out-fb { padding: 20px 20px 0px 20px; width: 500px; height: 600px; font-size: 13px; background: rgba(255,255,255,0.9); color: #FFFFFF; border: 5px solid #4A6EA9; z-index: 99999; }
#heart-container { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background: rgba(240,240,240,0.8); color: #FFFFFF; text-align: center; padding-top: 8px; border-bottom-left-radius: 20px; }
#heart-container.red { background: #C9302C; }
#heart-container.red a { color: #FFFFFF; }
.bookmarkx { color: #999999; }
.bookmark:hover { cursor: pointer; }

.slide-inside-container { position: absolute; top: 50px; left: 0px; width: 500px; }

.room .photo { padding: 0px 0px 0px; margin-bottom: 10px; overflow: hidden; }
.go-to-room { background-color: #753344; padding: 6px 8px; }
.go-to-room a { color: #FFFFFF; }
.room.selected .go-to-room { background-color: #FBB955; }
.room:hover .go-to-room { background-color: #FBB955; }
.room:hover .go-to-roomx a { color: #FFFFFF; }

.room:hover .photo img { transform: scale(1.05); }
.room .photo img { width: 100%; transition: transform .60s linear; }

.room { padding: 10px; padding-bottom: 0px; background: rgba(255,255,255,0.9); box-shadow: 1px 1px 8px 0px rgba(2,2,2,0.4); position: relative; }
.room.selected { background: rgba(61,45,45,0.9); }
.room h2.color1 a { color: #753344; }
.room.selected h2.color1 a { color: #FFFFFF; }
.package-text ul { padding-left: 15px; }

.submit { background-color: #353B15; cursor: pointer; border: none; border: 1px solid #A5A7A2; border-radius: 5px; font-weight: 700; font-size: 11px; width: 66px; height: 24px; text-transform: uppercase; }
input:hover, input:focus { background-color: #FFF0D9; color: #232323; }

input { color: #BCBEC0; }
.input_date { font-weight: 700; font-size: 11px; background: none; border: none; border: 1px solid #A5A7A2; border-radius: 5px; width: 100%; height: 24px; padding-left: 5px; }
.input_adults { font-weight: 700; font-size: 11px; background: none; border: none; border: 1px solid #A5A7A2; border-radius: 5px; width: 49px; height: 24px; padding-left: 5px; }
.input_children { font-weight: 700; font-size: 11px; background: none; border: none; border: 1px solid #A5A7A2; border-radius: 5px; width: 49px; height: 24px; padding-left: 5px; }

/* TESTING VERSIONS */
body.v2 #slide-container { height: 720px; }
body.v2 .mtm100 { margin-top: -340px; }

/* MEDIA QUERIES */
@media (max-width: 1500px) {
	.main_container { padding-left: 8%; padding-right: 8%; }
}

@media (max-width: 1400px) {
	.main_container { padding-left: 6%; padding-right: 6%; }
}

@media (max-width: 1200px) {
	.main_container { padding-left: 4%; padding-right: 4%; }
	.menuitem { font-size: 17px; }
	.slideshow-text { font-size: 14px; }
	.header-address { display: none; }
}
@media (max-width: 860px) {
	.menuitem { font-size: 15px; }
	.header-search-icon, .header-cart, .header-fb-icon { padding-left: 15px; padding-right: 15px; }
	.user-email { display: none; }
	.header-user-menu { padding-top: 35px; }
}
@media (max-width: 767px) {
	.hotline-container { bottom: -32px; }
}
@media (max-width: 580px) {
	/*#logo { width: 100%; }*/
	/*#infos { width: 100%; }*/
	.header-search-icon, .header-cart, .header-fb-icon { padding-left: 20px; padding-right: 20px; }
	.user-menu { float: none; background-color: #F8F8F8; }
	.slide-inside-container { width: 360px; }
	.hotline-container { bottom: -42px; }
}
@media (max-width: 480px) {
	#menu { padding-top: 30px; }
	.hotline-container { position: absolute; left: 15px; right: 15px; transform: translateX(0%); bottom: -32px; }
	.hidden-ss { display: none; }
}
@media (max-width: 380px) {
	#menu { padding-top: 15px; }
	.hotline-container { position: absolute; left: 10px; right: 10px; transform: translateX(0%); bottom: -32px; padding: 3px 3px; font-size: 13px; }
	.slide-inside-container { width: 280px; display: none; }
}

/* PUREFY WINDOW */
/*
body { background-color: #E8E8E8; padding-left: 14%; padding-right: 14%; margin: 30px 0px; }
.main_container { padding-left: 2%; padding-right: 2%; }
#window { background-color: #FFFFFF; border-radius: 10px; padding: 20px; }
*/