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



/* GLOBAL PROPERTIES

######################################## */



* { margin: 0; padding: 0; }



html { width: 100%; height: 100%; margin: 0; padding: 0; }

body { width: 100%; height: 100%; margin: 0; padding: 0; color: #392a36; background: #071330; font-family: 'PT Sans', sans-serif; font-weight: 400; }



div.clear { margin: 0; padding: 0; clear: both; }

div.center, .center { margin: auto; text-align: center; }



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

a:hover { color: #abeb02; }



/* GLOBAL STRUCTURE

######################################## */



/*new page*/

p.p1mainpage {font-size:20px; color:#fff}
p.p2mainpage {font-size:15px; color:#fff}

/* Content

---------------------------------------- */



div.space { width: 100%; height: 20px; display: block; margin: auto; }

div.root { width: 1110px; height: auto; margin: auto; position: relative; box-shadow: 0px 0px 5px #000; shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; }

div.content, div.content2 { width: 1060px; height: auto; margin: auto; color: #fff; }

div.content2 { line-height: 28px; }

div.content2 h3 { font-size: 18px; color: #abeb02; padding-top: 30px; margin-bottom: 10px; }

div.content2 h4 { font-size: 18px; color: #abeb02; padding-top: 30px; margin-bottom: 30px; }

div.content2 h5 { font-size: font-size: 18px; color: #abeb02; padding-top: 10px; padding-bottom: 10px; }





/* Top

---------------------------------------- */



a.logo { width: 350px; height: 85px; display: block; margin: auto; outline: 0 none; background: url(../gfx/lay/logo.png) no-repeat top center; z-index: 9999; position: relative; top: 14px; }

div.top { width: 100%; height: 190px; margin: auto; display: block; background: #fff url(../gfx/lay/top.png) no-repeat top center; position: relative; }

div.top_root { width: 896px; height: auto; margin: auto; position: relative; }

div.top_left { width: 300px; height: auto; display: block; float: left; }





/* Menu top

---------------------------------------- */



ul.menu { width: 800px; margin: 0; padding: 0; margin: auto; margin-top: 72px; background: #a70707; }

ul.menu li { width: auto; margin: 0px 2px; display: inline-block; float: left; cursor: pointer; text-align: center; }

ul.menu li a { padding: 11px 15px; margin: 10px; font-size: 17px; color: #fff; }

ul.menu li:hover a, ul.menu li.active a { color: #5d5e5e; text-shadow: 2px 3px 8px #fff; height: 50px; border-radius: 7px 7px 0 0; background: url(../gfx/lay/btn.jpg) repeat-x top center; -webkit-box-shadow: inset 1px 1px 4px #000; -moz-box-shadow: inset 1px 1px 4px #000; box-shadow: inset 1px 1px 4px #000; }





/* Slider

----------------------------------------- */



body div.root_slider { width: 100%; height: 350px; display: block; margin: auto; position: relative; background: url(../gfx/lay/middle.jpg) no-repeat top center; }





/* Column right

----------------------------------------- */



div.col_right { width: 100%; height: auto; margin: auto; display: block; position: relative; }

div.wrapper { width: 1110px; height: auto; margin: auto; display: block; background: #2b2b2b url(../gfx/lay/content.png) no-repeat top center; }

div.wrapper2 { width: 1110px; height: auto; margin: auto; display: block; background: #2b2b2b url(../gfx/lay/content2.png) no-repeat top center; }

div.wrapper3 { width: 1110px; height: auto; margin: auto; display: block; background: #2b2b2b url(../gfx/lay/kontakt.png) no-repeat top center; }

div.wrapper ul, div.wrapper2 ul { margin-left: 40px; }

div.header_page { width: 100%; height: 350px; display: block; }

div.intro { width: 500px; height: auto; display: block; position: relative; top: 106px; margin-left: 20px; text-shadow: 2px 2px 4px #000; line-height: 22px; color: #fff; text-align: justify; font-family: Arial,Helvetica,sans-serif; }





/* Bottom

----------------------------------------- */



div.bottom { width: 100%; height: 70px; margin: auto; display: block; background: rgba(51, 51, 51, 0.5); color: #ede1db; font-size: 12px; }

div.bottom_left { float: left; }

div.bottom_cont { width: 1110px; height: 46px; display: block; margin: auto; background: url(../gfx/lay/bottom.png) no-repeat top center; box-shadow: 0px 0px 5px #000; shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; text-indent: 20px; }

div.bottom_cont a, div.bottom_cont { font-size: 13px; color: #abeb02; text-decoration: none; line-height: 50px; }

div.bottom_cont a:hover { color: #fff; }



ul.bot_menu { margin: 0; padding: 0; list-style: none; display: block; float: right; margin-right: 20px; }

ul.bot_menu li { float: left; margin: 0; padding: 0; }

ul.bot_menu li a { color: #fff; font-size: 13px; margin: 0; padding: 0; }

ul.bot_menu li a:hover { color: #abeb02; }





/* Home

----------------------------------------- */



div.home h2 { color: #a44475; font-size: 40px; font-weight: 400; font-family: 'Playfair Display', serif; text-align: center; margin-top: 30px; }

div.home h3 { color: #000; font-size: 18px; font-weight: 400; font-family: 'Playfair Display', serif; text-align: center; margin-top: 30px; }

div.home h4 { color: #9d9d9d; font-size: 16px; font-weight: 400; font-family: 'Playfair Display', serif; text-align: center; margin-top: 6px; text-transform: none; }



div.ornament { width: 100%; height: 28px; display: block; margin: auto; margin-top: 20px; margin-bottom: 20px; background: url(../gfx/lay/ornament.png) no-repeat top center; }



div.box { width: 295px; height: auto; float: left; display: block; margin-right: 30px; }

div.box a.border { width: 100%; height: 169px; display: block; margin: auto; border: 8px solid #fff; box-shadow: 1px 1px 1px #777; margin-bottom: 24px; }

div.box h4 { width: 100%; height: auto; display: block; margin: auto; margin-bottom: 16px; }

div.box h4 a { width: 100%; height: auto; display: block; font-size: 24px; color: #392a36; font-weight: 400; font-family: 'Playfair Display', serif; text-align: center; }

div.box h4 a:hover { color: #a44475; }

div.box p { width: 100%; height: auto; margin: auto; display: block; text-align: center; font-size: 14px; color: #9d9d9d; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: none; }





/* Pages

----------------------------------------- */



div.cont_header { width: 100%; height: auto; line-height: 40px; display: block; margin: auto; text-align: center; }

div.cont_header h4 { height: 40px; line-height: 40px; font-size: 40px; margin: 0px; padding: 0px; font-weight: normal; color: #a44475 !important; font-weight: 400; font-family: 'Playfair Display', serif; text-transform: uppercase; }



div.contact_left { float: left; width: 30%; text-align: center; }

div.contact_right { float: right; width: 66%; margin-right: 16px; }





/* Gallery

---------------------------------------- */



div.gallery { width: auto; height: auto; display: block; float: left; margin-left: 20px; margin-right: 20px !important; margin-bottom: 50px; }

div.gallery a.photo { width: 160px; height: 220px; display: block; border: 1px solid #fff; padding: 5px; }

div.gallery a.photo:hover { border: 1px solid #abeb02; }

div.gallery h4 a.title { margin-top: 20px; display: block; text-align: center; margin-bottom: 16px; font-size: 20px; color: #392a36; font-weight: 400; font-family: 'Playfair Display', serif; }

div.gallery h4 a.title:hover { color: #a44475; }

div.gallery a.photo span { display: block; text-align: center; margin-top: 10px; color: #fff; font-size: 13px; }

div.gallery a.photo:hover span { color: #abeb02; }





/* Cookies

----------------------------------------- */



#cookies-message { padding: 5px 0px; font-size: 14px; line-height: 22px; text-align: center; position: fixed; bottom: 0px; background: url(../gfx/lay/bg.jpg) repeat top center; width: 100%; z-index: 99999; color: #fff; text-transform: uppercase; padding-top: 6px; border-top: 5px solid #392a36; }

#cookies-message span { color: #fff; }

#cookies-message p { margin-top: 4px; line-height: 38px; }

.cookie_btn { width: 100px; height: 23px; line-height: 23px; display: inline-block; background: #abeb02; padding: 6px; text-decoration: none; color: #000; }

.cookie_btn_privacy { width: 400px; height: 23px; line-height: 23px; display: block; background: #392a36; padding: 6px; text-decoration: none; color: #fff; margin: auto; margin-top: 8px; }

.cookie_btn:hover { background: #392a36; }

.cookie_btn_privacy:hover { background: #abeb02; color: #000; }





/* Facebook widget

----------------------------------------- */



img, a { border: 0; }

#on {visibility:visible;}

#off {visibility:hidden;}

#facebook_div {width:285px; height: 370px;overflow: hidden;}

#facebook_left {z-index: 10005; border:1px solid #3b5998; background-color: #fff; width:285px; height: 370px; position: fixed; left: -289px;}

#facebook_left img {position: absolute;top: 1px;right: -49px;}

#facebook_left iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-2px;top:-3px;}





/* Offer box

----------------------------------------- */



div.offer { width: 100%; text-align:center; display: inline-block; }



div.offer_box  { width: 218px; height: 220px; display: inline-block; border: 1px solid #d8d4d1; margin: auto; margin: 0 8px 20px 8px; }

div.offer_box h4 { color: #a44475; font-size: 30px; text-align: center; margin-top: 80px; font-weight: 300; text-transform: uppercase; }

div.offer_box p { width: 180px; margin: auto; text-align: center; margin-top: 12px; font-size: 14px; }



div.offer_box.wifi { background: rgba(255, 255, 255, 0.3) url(../gfx/lay/wifi.png) no-repeat center 20px; }

div.offer_box.home { background: rgba(255, 255, 255, 0.3) url(../gfx/lay/home.png) no-repeat center 20px; }

div.offer_box.car { background: rgba(255, 255, 255, 0.3) url(../gfx/lay/car.png) no-repeat center 20px; }

div.offer_box.kitchen { background: rgba(255, 255, 255, 0.3) url(../gfx/lay/kitchen.png) no-repeat center 20px; }

div.offer_box.fireplace { background: rgba(255, 255, 255, 0.3) url(../gfx/lay/fireplace.png) no-repeat center 20px; }

div.offer_box.garden { background: rgba(255, 255, 255, 0.3) url(../gfx/lay/garden.png) no-repeat center 20px; }





/* Contact

----------------------------------------- */



table.register_table td.label_form, table.register_table td.label { width: 220px; font-size: 14px; color: #abeb02; }

table.register_table td.input_form { width: 230px; height: 36px; }

table.register_table td.input_form input.input_big { width: 230px; height: 26px; border: 1px solid #6c8794; outline: 0 none; font-size: 14px; color: #000; background: #f2f2f2; padding: 4px 6px; margin-bottom: 14px; }

table.register_table td.input_form span, table.register_table td span { font-size: 14px; color: #f13d13; }



table.register_table td.td_textarea textarea.textarea_book { width: 300px; height: 188px; margin-left: 20px; border: 1px solid #6c8794; outline: 0 none; font-size: 14px; color: #000; background: #f2f2f2; padding: 4px 6px; font-family: inherit; }



input.input_form { width: 88px; height: 37px; line-height: 40px; display: block; background: #abeb02; outline: none; text-align: center; color: #000 !important; border: 0 none; cursor: pointer; float: right; font-size: 14px; }



span.require { font-size: 14px !important; color: #a70707; font-weight: 400; }



h1{ text-align:center; font-weight:normal;color:#15398f; font-size:11px; letter-spacing:1px;margin:0px;padding:0px;}