/* GLOBAL RESET SETTINGS ******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;}
html { height: 100%; }
img { display: inline-block; }

/* VARIETE **************/

.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }
.left { float: left; }
.right { float: right; }
.more { color: #00c1ba; font-size: 11px; float: right; }
.rounded-corners-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.rounded-corners-3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.container { width: 960px; margin: 0 auto; position: relative; }
.rss  { width:20px; height: 20px; display: block; background: transparent url('/images/rss.png') 50% 50% no-repeat; text-indent: -3000px; overflow: hidden; float: right; }
.bold { font-weight: bold; }

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */






/* PAGE FONT SETTINGS **************/

body {

	font: 13px/20px 'Istok Web', sans-serif;
	color: #c5ba9f;
	text-align: center;
}
.bodyHP { background: #000 url(/images/bg-homepage.jpg) top center no-repeat; }
.bodyPAGE { background: #000 url(/images/bg.jpg) top center no-repeat; }
.bodyMASAZ { background: #000 url(/images/bg-thajska-masaz.jpg) top center no-repeat; }
.bodySPA { background: #000 url(/images/bg-thajske-lazne.jpg) top center no-repeat; }

a {
	text-decoration: none;
	color: #cbe655;
}
a:hover {
	text-decoration: underline;
}
h1 { font-size: 30px; line-height: 35px; }
h2 { font-size: 18px; line-height: 25px; }
h3 { font-size: 18px; line-height: 25px; }
h4 { font-size: 13px; line-height: 15px; }

p { line-height: 1.5em; padding: 5px 0 15px 0; }
cite { text-align: center; font-weight: normal; font-style:italic; font-size: 14px; display: block; padding: 5px 0 10px 0; }

textarea { font-family: 'Istok Web', sans-serif; }


#page, #top, #bottom { width: 1070px; margin: auto; position: relative; text-align: left; }
#top { height: 130px; }

#bottom { text-align: center; margin: 30px auto 20px auto; padding-bottom: 30px; }
#bottom strong { color: #fff; }

.logo { width: 150px; height: 100px; display: block; background: url(/images/logo-jasmine.png) top left no-repeat; position: absolute; top: 20px; left:0; }
.logo:hover { background-position: bottom left; }
.logo span { display: none; }

#menu { font-weight: bold; font-size: 15px; position: absolute; top: 45px; left: 180px; }
#menu li { display: block; float: left; }
#menu li a { color: #fff; display: block; padding: 30px 20px 15px 20px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); letter-spacing: -0.5px; }
#menu li a:hover, #menu li a.actual { color: #cbe655; text-decoration: none; background: url(/images/minilogo.png) top center no-repeat; }

#menu li.vanoce a span { display: none; }
#menu li.vanoce a { background: url(/images/vanoce.png) top center no-repeat; padding: 0px 5px; width: 105px; height: 51px; }
#menu li.vanoce a img { float:left; }

#sdileni { position: absolute; right: 0; color: #9c897a; top: 70px; }
#sdileni span { display: block; font-size: 12px; line-height: 26px; float: left; padding: 0 4px 0 0; }
#sdileni img { display: inline-block; padding: 2px 4px; }

#sdileni .fbicon { width: 20px; padding: 0; }

.hlavnibox { position: absolute; top: 130px; }
.hlavnibox .motto { padding: 0; margin: 0; text-align: right; width: 210px; font-size: 48px; color: #9c897a; line-height: 48px; letter-spacing: -0.5px; }
.hlavnibox .motto span { color: #fff; font-weight: bold; }

.hlavnibox .text { color: #9c897a; font-weight: bold; padding: 30px 0 0 60px; width: 200px; text-align: left; font-size: 11px; }

.hp { position: relative; padding-top: 365px; text-align: left; height: 220px; }
.hp div h4 { font-weight: normal; color: #c5ba9f; background: url(/images/minilogo.png) center left no-repeat; padding: 7px 0 5px 30px; font-size: 14px; line-height: 14px; margin: 12px 0 0 15px; }
.hp div h4 span { color: #fff; font-weight: bold; }
.hp div .title { color: #5e4f45; padding: 7px 0 0px 15px;  height: 23px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); }
.hp .box1 { position: absolute; left: 0; width: 265px; color: #5e4f45;  }
.hp .box1 h4 a, .hp .box1 h4 a:hover, .hp .box2 h4 a, .hp .box2 h4 a:hover { color: #fff; text-decoration: none; }
.hp .box1 p { padding: 12px 15px 0 30px;  }
.hp .box2 { position: absolute; left: 269px; width: 264px;  }
.hp .box2 div.foto { padding: 12px 0 0 20px; }
.hp .box2 div img { float: left; display: block; padding: 0 1px; }
.hp .box3 { position: absolute; left: 537px; width: 264px; color: #5e4f45; }
.hp .box3 .title { padding-left: 60px; }
.hp .box3 h4 { margin-left: 30px; }
.hp .box3 ul { margin: 12px 0 0 60px; }
.hp .box3 ul li { color: #cbe655; }
.hp .box3 ul li a { color: #5e4f45; }
.hp .box4 { position: absolute; left: 803px; width: 266px; text-align: center; }
.hp .box4 .title { background: url(/images/box-sezonni-akce-up.png) top left no-repeat; padding-left: 0; }
.hp .box4 h4 { background: none;  padding: 0; margin: 18px 0 0 0; font-size: 18px;}
.hp .box4 p { color: #cbe655;  padding: 10px 0 15px 0; }
.hp .box4 .title a { display: block; width: 100%; }

#vysuvnybox { overflow:hidden; width: 266px; height: 0px; display:none; background: transparent url(/images/box-sezonni-akce-up.png) top left no-repeat;  position: absolute; right: 1px; bottom: 192px; }
#vysuvnybox .title { padding-left: 0;  }
#vysuvnybox .title a { display: block; width: 100%; text-align: center; }
#vysuvnybox .text { padding: 20px;  }
#vysuvnybox .text h2 { font-weight: bold; color: #fff; padding: 7px 0 5px 0px; font-size: 16px; line-height: 20px; }
#vysuvnybox .text h2 a { color: #fff; }
#vysuvnybox .text h2 a:hover { text-decoration: none; color: #cbe655; }
#vysuvnybox .text p { margin: 0; padding: 2px 0 8px 0; line-height: 14px; }
#vysuvnybox .text p.cena { color: #cbe655; font-size: 20px; font-weight: bold;  line-height: 20px; padding: 10px 0 14px 0; }

#vysuvnybox .text h2 {text-transform: uppercase; }
#vysuvnybox .text table { width: 100%; }
#vysuvnybox .text table.procedury_akce { margin: 5px 0 10px 0; }
#vysuvnybox .text table.procedury_akce td { vertical-align: top; padding: 2px 0px; line-height: 14px; }
#vysuvnybox .text table.procedury_akce td a { color:#fff; }
#vysuvnybox .text table.procedury_akce td.cena {color: #cbe655; width: 75px; text-align: right; }
#vysuvnybox .text .lastminute { color: #fff; font-size: 12px; }
#vysuvnybox .text .lastminute p { padding: 2px 0; }
#vysuvnybox .text .lastminute span { color: #cbe655; }
#vysuvnybox .text .lastminute_info { padding: 20px 0 0 0; }


.hpblok1 {  float: left;  }
.hpblok2 {  margin-left: 560px;  }
.hpblok1, .hpblok2 { width: 510px; text-align: left;  position: relative; padding-bottom: 30px;}
.hpblok1 img, .hpblok2 img { float: left; padding: 0 20px 0 0; }
.hpblok1 h2, .hpblok2 h2 { font-size: 24px; font-weight: normal;  color: #cbe655; }
.hpblok1 h2 span, .hpblok2 h2 span { font-weight: bold; color: #fff; }
.hpblok1 a.btn_brown, .hpblok2 a.btn_brown { position: absolute; right: 0px; top: 140px; line-height: 18px; }
.hpblok1 p, .hpblok2 p { margin-left: 150px;}

a.btn_brown { text-align: center; display: block; margin: 0 auto; background: url(/images/btn-brown.png) top center no-repeat; width: 135px; height: 22px;  color: #5e4f45; font-size: 11px; padding: 3px 0 0 0; }
a.btn_brown:hover { background-position: bottom center; text-decoration: none; }
a.btn_brown span { color: #cbe655; }
a.btn_green { cursor: pointer; text-align: center; display: block; margin: 0 auto; background: url(/images/btn-green.png) top center no-repeat; width: 110px; height: 21px;  color: #fff; font-size: 11px; padding: 4px 0 0 0; font-weight: bold; }
a.btn_green:hover { background-position: bottom center; text-decoration: none; }
a.btn_green span { color: #cbe655; }
a.btn_biggreen { cursor: pointer; text-align: center; display: block; margin: 0 auto; background: url(/images/btn-objednat.png) top center no-repeat; width: 200px; height: 65px; line-height:60px; color: #342110; font-size: 15px; padding: 0px 0 0 0; font-weight: bold; }
a.btn_biggreen:hover { background-position: bottom center; text-decoration: none; }
a.btn_biggreen span { color: #cbe655; }

a.btn { text-align: center; display: block; margin: 0 auto; background: url(/images/btn.png) top left no-repeat; width: 145px; height: 37px;  color: #5e4f45; font-size: 11px; padding: 13px 0 0 0; }
a.btn:hover { text-decoration: none; }
a.btn span { color: #cbe655; }

.motto_masaz { position: absolute; top: 50px; right: 50px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); padding: 0; margin: 0; text-align: left; width: 210px; font-size: 48px; color: #9c897a; line-height: 48px; letter-spacing: -0.5px; }
.motto_masaz span { color: #fff; font-weight: bold; }

.odsazeni { padding: 410px 0 0 385px; }
.mainbox { background: url(/images/box-banner-685-middle.png) top left repeat-y;   }
.mainbox_top { background: url(/images/box-banner-685-top.png) top left no-repeat; width: 685px; }
.mainbox_bottom { background: url(/images/box-banner-685-bottom.png) top left no-repeat; width: 685px; height: 60px; }
.mainbox h1 { color: #5e4f45; margin:0; padding: 0px 0 20px 30px; font-size: 13px; height: 23px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); }
.mainbox h2 { margin: 0 30px; background: url(/images/minilogo.png) center left no-repeat; padding: 9px 0 5px 30px; font-size: 20px; font-weight: normal; text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); }
.mainbox h2 span { color: #fff; font-weight: bold; }
.mainbox p { margin: 0 30px; padding: 3px 0 6px 0; color: #c5ba9f; }
.mainbox p.bold { color: #fff; }



.procedury_menu { position: absolute; left: 0; top: 40px; width: 360px; }
.procedury_menu li { padding: 0px 0 25px 35px; background: url(/images/minilogo.png) top left no-repeat; }
.procedury_menu li h3 a { color: #fff; font-size: 18px; padding: 2px 0 0 0; margin:0; font-weight: normal;}
.procedury_menu li h3 a:hover { color: #cbe655; text-decoration:none; }
.procedury_menu li p { margin:0; padding:0; }
.procedury_menu li.akce h3 { color: #cbe655; }
.procedury_menu li.akce h3 a { color: #cbe655; }
.procedury_menu li.akce p.cena { color: #cbe655; font-size: 18px; }


.doporuceni h3 { font-size: 18px; padding: 4px 0 0 0; margin:0; font-weight: normal; padding: 0px 0 25px 35px; background: url(/images/minilogo.png) top left no-repeat; }
.doporuceni h3 span { font-weight: bold; color:#fff; }
.doporuceni .box { width: 340px; float: left; position: relative; }
.doporuceni .box h4 { color: #fff; font-size: 17px; line-height: 22px; }
.doporuceni .box img { float: left; }
.doporuceni .box .text { margin-left: 150px; }
.doporuceni .box .text p { font-size: 13px; line-height: 18px; }
.doporuceni .box2 { margin: 0 25px; }
.doporuceni .box_akce h4 { color: #cbe655; }
.doporuceni .box_akce img { border: 2px #cbe655 solid; }
.doporuceni .box_akce .btn_brown { background: url(/images/btn-green.png) top center no-repeat; color:#fff; font-weight: bold;padding-top: 4px; height: 21px;}
.doporuceni .box_akce .btn_brown:hover { background-position: bottom center; }



#procedury_image { position: absolute; z-index: 1; top: 0; overflow:hidden;}
.konfigurator .malemotto { display:none; position: absolute; right: 90px; top: 45px; text-align: right; font-weight: bold; color: #cbe655; font-size: 12px; line-height: 15px;}
.konfigurator .malemotto span { color: #fff; }
.konfigurator .nazev { text-transform: uppercase; position: absolute; left: 55px; top: 280px; text-align: left; font-weight: bold; color: #cbe655; font-size: 45px; line-height: 55px; }
.konfigurator .nazev span { color: #260A00; font-weight: normal; text-transform: none; display: block; font-size: 40px; }
.konfigurator .nazev span#dodatek { font-size: 20px; line-height: 24px; }
.konfigurator .platnost { display:none; position: absolute; left: 55px; bottom: 80px; color: #fff; font-size: 28px; line-height: 35px; }
.konfigurator .platnost span { color: #cbe655; font-weight: bold; }
.konfigurator .akcekolo { display:none; background:#cbe655; color:#1B1B1B; border-radius: 50%; width:230px; height:230px; text-align:center; top:50px; left:320px; position:absolute; transform: rotate(-20deg); transform-origin: center center 0;}
.konfigurator .akcekolo div { font-size: 35px; padding: 30px 15px; line-height:40px;   }
.konfigurator .akcekolo div span { font-weight:bold; }

#texthodnota { font-size: 30px; color: #fff; display:none; margin: 10px 0 10px 410px; }
#texthodnota span {  color: #cbe655; font-weight: bold; }

.volbaseku { padding: 30px 20px; margin: 0 60px; border-bottom: 1px #776A61 dotted; }
.bigbox .platba { padding: 30px 20px; margin: 0 0 0 60px; border-right: 1px #776A61 dotted; width: 300px; float: left; }
.bigbox .platba h2, .bigbox .osudaje h2 { margin: 0; }
.bigbox .platba p { color: #c5ba9f; line-height: 22px; }
.bigbox .platba p label { padding: 0 0 0 10px;  display: inline-block;}

.bigbox .osudaje { padding: 30px 25px; margin: 0 60px 0 420px; position: relative; }
.bigbox .osudaje .dodatek { position: absolute; right:0; top: 45px; color: #786D57; }
.bigbox .osudaje label { display: block; float: left; text-align: right; width:75px; padding: 0 12px 0 0; line-height: 26px; }
.bigbox .osudaje label.long {line-height: 16px;  padding-top:5px; }
.bigbox .osudaje input { background: #241915; border: 1px #776A61 solid; width: 170px; padding: 4px 10px; color: #fff; }
.bigbox .osudaje textarea { background: #241915; border: 1px #776A61 solid; width: 170px; height: 40px; padding: 4px 10px; color: #fff; }
.bigbox .osudaje .nonactive label { color: #241913; }
.bigbox .osudaje .nonactive input { background: #110604; border: 1px #241913 solid; }
.bigbox .osudaje .prvni { float: left; width: 280px; padding: 10px 0 0 0; }
.bigbox .osudaje p { color: #c5ba9f; }
.bigbox .osudaje .druhy { margin-left:290px; width: 280px;  padding: 10px 0 0 0; }
.bigbox .osudaje p { margin: 0; }
#konfigurator { padding: 0 0 40px 0; }
#konfigurator .souhlas { margin-left: 450px; color: #c5ba9f; font-size: 12px; }
#konfigurator .souhlas label { padding-left: 10px; }
#konfigurator .btn_submit { position: absolute; right: 60px; bottom: 20px; }
#konfigurator table.cenik th { background: #442918; color:#A68A7C; }
#konfigurator table.cenik td {  }
#konfigurator table.cenik tr.prvni td { background: #563e32; white-space:nowrap; letter-spacing: -0.5px; }
#konfigurator table.cenik tr.druhy td { background: #644e43; font-weight: bold; color: #fff; }
#konfigurator table.cenik tr.akcniceny td { color: #cbe655; }
#konfigurator table.cenik tr.treti td { border: none; padding: 8px 4px 8px 4px }
#konfigurator .tabulky { margin: 0 0 0 440px; padding: 15px 0 0 0; }
#konfigurator .form-error {left: 50%; bottom: 60px; margin-left: -205px; padding: 20px; background: #241915; border: 1px #776A61 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#konfigurator .form-error strong { color: #fff; display: block; }
.sek-info { padding: 32px 0 0 20px; }
.hidden { display:none; }

#myDropdown { float: left; }




.odsazeni_big { padding: 390px 0 0 0; }
.odsazeni_extra { padding: 515px 0 0 0; }

.bigbox{ background: url(/images/1-box-middle.png) top left repeat-y;  position: relative; z-index: 10; }
.bigbox_top { background: url(/images/1-box-top.png) top left no-repeat; width: 1070px; }
.bigbox_bottom { background: url(/images/1-box-bottom.png) top left no-repeat; width: 1070px; height: 60px; }

.bigbox h1, .bigbox_rodina_top h1 { color: #5e4f45; margin:0; padding: 0px 0 20px 30px; text-transform: uppercase; font-size: 13px; height: 23px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); }
.bigbox h2, .bigbox_rodina_top h2 { margin: 0 30px; background: url(/images/minilogo.png) center left no-repeat; padding: 9px 0 5px 30px; font-size: 20px; font-weight: normal; text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); }
.bigbox h2 span, .bigbox_rodina_top h2 span { color: #fff; font-weight: bold; }
.bigbox h3, .bigbox_rodina_top h3 { margin: 0 30px; padding: 9px 0 5px 0px; font-size: 16px; font-weight: bold; text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); }
.bigbox p, .bigbox_rodina_top p { margin: 0 30px; padding: 3px 0 6px 0; color: #5e504d; }
.bigbox p.bold, .bigbox strong, .bigbox_rodina_top p.bold, .bigbox_rodina_top strong { color: #7e6e61; }
.bigbox .part1 { width: 520px; float: left; min-height: 100px; }
.bigbox .part2 { width: 520px; margin-left:550px; min-height: 100px;  }
.bigbox p.anotace { margin-left: 200px; }
.bigbox .buttonek { width: 130px; float: left; padding: 7px 10px 0 55px; }
.bigbox div.main { min-height: 90px; }

.bigbox_vanoce { background: url(/images/img-vanocni-akce.png) top left no-repeat; color: #fff !important; height: 205px;}
.bigbox_vanoce .bigbox_rodina_top p { color:#fff;}
.bigbox_vanoce .bigbox_rodina_top h1 {color:#fff;}
.bigbox_rodina { background: url(/images/img-pro-stale-hosty-rodina.png) top left no-repeat; height: 275px; }
.bigbox_rodina_top {margin-left: 270px;}
.bigbox_rodina_top h1 {padding-bottom: 10px; }
.bigbox_rodina p { padding: 3px 0 3px 0; }

table.cenik { text-align: center; margin: 10px 0 0 0; width: 480px; }
table.cenik th { background: #c1e746; color:#37221d; font-weight: bold; text-align: center; padding: 5px 4px 3px 4px; font-size: 13px; line-height: 13px; border: 1px #37221d solid; }
table.cenik td { padding: 4px 4px 2px 4px; font-size: 11px; border: 1px #37221d solid; }
table.cenik tr.prvni td { background: #563e32; white-space:nowrap; letter-spacing: -0.5px; }
table.cenik tr.druhy td { background: #644e43; font-weight: bold; color: #cbe655; }

table.cenik th:nth-child( 2n + 2 ) { border-left: 3px #37221d solid; border-right: 3px #37221d solid; }
table.cenik td:nth-child( 2n + 3 ) { border-left: 3px #37221d solid;  }

span.preskrtle {text-decoration:line-through;}

.vice { display:none; }
#btn_mene { display:none; }

.slevy { background: url(/images/boxy-sleva.png) top left no-repeat; width: 1070px; height: 330px; }
.slevy .box_4 { width: 267.5px; float: left; }
.slevy .box_4 h2 { color: #5e4f45; margin: 0; padding: 0px 0 20px 30px; font-size: 11px; height: 23px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); line-height: 35px; }
.slevy .box_4 p { padding: 100px 20px 0 30px; color: #5e504d; line-height: 15px; }
.slevysescitaji {font-size: 18px; line-height: 25px; font-weight: normal; text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); margin-left:300px; }
.slevysescitaji span { color: #fff; font-weight: bold;}
.slevysescitaji span.green { color: #cbe655; font-weight:normal; }
.slevy .box_4 p.white { padding: 10px 20px 0 30px; color: #fff; }

#kontakt_a { position: relative; width: 730px; height: 350px; background: url(/images/procedury/img-kontakt-1.png) top left no-repeat; }
#kontakt_b { position: absolute; top: 0; right: 0; width: 330px; height: 350px; background: url(/images/procedury/img-kontakt-2.png) top left no-repeat; }
#kontakt_b .btn_green { position: absolute; bottom: 40px; left: 50px; }
#kontakt_a div { position: absolute; top: 130px; left: 63px; width: 175px; }
#kontakt_a div h2 { color: #5e4f45; margin:0; padding: 2px 0 10px 0px; font-size: 11px; height: 23px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); }
#kontakt_a div p.rezervace { letter-spacing: -0.5px; background: url(/images/minilogo.png) center left no-repeat; padding: 9px 0 5px 30px; font-size: 14px; font-weight: normal; text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); }
#kontakt_a div p.rezervace span { color: #fff; font-weight: bold; }
#kontakt_a div p.cislo { padding: 0px 0 4px 0px; font-size: 20px; color: #cbe655;  }
#kontakt_a div p { padding: 0; margin: 0; font-size: 12px; }

.kontakt .main_4 { width: 250px; float: left; }
.kontakt .main_4_prvni { width: 270px; }
.kontakt .main_4_ctvrta { width: 250px; padding: 0 0 0 20px; }
.kontakt .main_4:first-child { width: 350px;}
.kontakt .main_4 h2 { font-size: 14px;font-weight: bold; color: #fff; margin-right: 0; }
.kontakt .main_4 p { margin: 0 10px 0 60px; padding: 3px 0 6px 0; font-size: 13px; }
.kontakt .main_4 p span { color: #fff; }

#kontaktni-formular { width: 595px; height: 315px; background: url(/images/bg-form.png) top left no-repeat; text-align: left; }
#kontaktni-formular h1 { color: #5e4f45; margin:0; padding: 0px 0 20px 30px; text-transform: uppercase; font-size: 13px; height: 23px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); }
#kontaktni-formular h2 { margin: 0 30px; background: url(/images/minilogo.png) center left no-repeat; padding: 9px 0 5px 30px; font-size: 20px; font-weight: normal; text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); }
#kontaktni-formular form { padding: 10px 30px; }
#kontaktni-formular form div { padding: 4px 0; }
#kontaktni-formular form div span { width: 60px; display: block; float: left; padding: 3px 0; }
#kontaktni-formular input, #kontaktni-formular textarea { background:#644E43; border: none; color: #fff; }
#kontaktni-formular input { padding: 4px 6px; }
#kontaktni-formular input#xjmeno {width: 450px; }
#kontaktni-formular input#xemail {width: 168px; float: left; margin-right: 40px; }
#kontaktni-formular input#xtel {width: 168px; }
#kontaktni-formular textarea {  padding: 4px 6px; width: 450px; height: 60px; }
.form-error { position: absolute; color: #c00; z-index: 2000; width: 450px; }
#kontaktni-formular .btn_submit { position: absolute; bottom: 50px; right: 50px; }
#MyResult { padding: 10px 30px; }

#akce { position: relative; width: 1070px; height: 415px; background: url(/images/procedury/img-sezonni-akce.png) top left no-repeat; }
#akce div { position: absolute; top: 205px; left: 260px; width: 740px; }
#akce div h1 { color: #5e4f45; margin:0; padding: 2px 0 10px 0px; font-size: 13px; height: 23px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); }
#akce h2 { margin: 0 0px; background: url(/images/minilogo.png) center left no-repeat; padding: 9px 0 5px 30px; font-size: 20px; font-weight: normal; text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); }
#akce h2 span { color: #fff; font-weight: bold; }
#akce p { margin: 0 0 0 30px; padding: 3px 0 6px 0; color: #5e504d; font-size: 12px;}

.akce_box img { float: left; width: 180px; height: 180px; border: 2px #cbe655 solid; }
.akce_box_top { position: relative; top: -3px; width: 870px; background: url(/images/box-banner-840-top.png) top left no-repeat; }
.akce_box_bottom { margin-left: 200px; background: url(/images/box-banner-840-bottom.png) top left no-repeat; width: 870px; height: 60px; }
.akce_box_repeat { margin-left: 200px; background: url(/images/box-banner-840-middle.png) top left repeat-y; }
.akce_box h2 { color: #5e4f45; margin:0; padding: 5px 0 10px 30px; text-transform: uppercase; font-size: 13px; height: 23px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); }
.akce_box h3 { text-transform: uppercase; margin: 0 30px; background: url(/images/minilogo.png) center left no-repeat; padding: 9px 0 5px 30px; font-size: 20px; font-weight: normal; text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); }
.akce_box h3 span { color: #fff; font-weight: bold; }
.akce_box h3 span.green { color: #cbe655; font-weight:normal; }
.akce_box_top>p { margin: 0 60px; color: #5e504d; padding: 0;}
.akce_box .part1 { width: 300px; float: left; min-height: 100px; }
.akce_box .part2 { width: 550px; margin-left:320px; min-height: 100px;  }
.akce_box_top .part2>p { margin-right:40px; }
.akce_box_top p.cena { color: #cbe655; font-size: 18px; float: left; margin: 26px 0 0 60px; }
.akce_box .part1 a.btn_green { display: block; margin: 30px 0 0 170px; cursor: pointer; }


.bigbox strong.white { color:#fff; }
.bigbox p.green { color: #cbe655; }
.kontakt .btn_brown { margin-left: 60px; }



#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }
#boxes .window { position:absolute; left:0; top:0; display:none; z-index:9999; padding:20px; }
#ppup { width: 845px; height: 425px; background: url(/images/pop-up-bg.png) center center no-repeat; }
#ppup>div { padding: 10px 30px 40px 50px; text-align: left; position: relative; }
#ppup>div .title { color: #5e4f45; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); }
#ppup>div .close { position: absolute; right: 50px; top: 10px; top: 10px; color: #5e4f45;   }
#ppup>div .close span { font-weight: bold; color: #fff; }
#ppup>div .close:hover { color: #fff; text-decoration: none; }
#ppup>div .ppup_bigtitle { color: #CCBB9D; padding: 25px 360px 15px 30px; font-size: 29px; }
#ppup>div .ppup_bigtitle p { padding: 0; line-height: 37px;  }
#ppup>div .ppup_bigtitle strong { color: #fff; }
#ppup>div .ppup_platnost { padding: 0px 360px 10px 30px; color: #cbe655; font-weight: bold; }
#ppup>div .ppup_text { padding: 0px 360px 10px 30px; }
#ppup>div .ppup_btn { text-align: center; display: block; margin: 0 0 0 30px; background: url(/images/btn-popup.png) top left no-repeat; width: 236px; height: 37px;  color: #fff; font-size: 11px; padding: 13px 0 0 0; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); }
#ppup>div .ppup_btn:hover { text-decoration: none; background-position: bottom center; text-decoration: none; }
#ppup>div .ppup_btn span { color: #cbe655; }
#ppup>div .ppup_text p { padding: 5px 0 10px 0; }


.plan { padding: 40px 0px 0 0px; }
.plan table { margin: 15px 30px 30px 30px; background: #644e43;border-collapse: collapse; width: calc( 100% - 60px ); }
.plan table td { padding: 6px 10px; border: 1px #37221d solid; vertical-align:top; }
.plan table td:first-child { background: #563e32; white-space:nowrap; font-weight:bold; }
.plan>ul { padding: 30px 30px;  }
.plan>ul li { background: url(/images/minilogo.png) center left no-repeat; background-size:15px; padding: 4px 15px 2px 25px; font-size: 16px; line-height:20px; }

.plan-top { margin: 15px 30px 30px 30px; border-collapse: collapse; width: calc( 100% - 60px ); }
.plan-top td { width: calc( 50% - 0px); vertical-align:top; }
.plan-top ul { margin: 5px 0 0 5px; }
.plan-top ul li { background: url(/images/minilogo.png) center left no-repeat; background-size:15px; padding: 4px 35px 2px 25px; font-size: 14px; line-height:20px; }




.tabs li .slide { bottom: 45px; background-image: url(/images/slide.png); }
.tabs
	{
		position: relative;
		height: 415px;
		width: 1070px;
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0;
		z-index: 1;
	}
	.tabs li { float: left; }
	.tabs li .tab-select
	{
		display: block;
		cursor: pointer;
		position: absolute;
		z-index: 300;
		height: 13px;
		width: 13px;
		background-position: top left;
	}
	.tabs li .tab-content
	{
		position: absolute;
		bottom: 0px;
		left: 0;
		height: 415px;
		width: 1070px;
		opacity: 0;
		-moz-transition: opacity 0.5s linear;
		-o-transition: opacity 0.5s linear;
		-webkit-transition: opacity 0.5s linear;
		transition: opacity 0.5s linear;
		z-index: 2;
	}
	.tabs li .tab-select:hover { background-position: bottom left; }
	.tabs li.current .tab-select { 	background-position: bottom left; }
	.tabs li.current .tab-content
	{
		opacity: 1;
		z-index: 4;
	}