body {
  background: #f4f4f4 url(basic/leave-big.png) center bottom no-repeat;
  color: #515151;
  font-family: Arial,Verdana,"Geneva CE",lucida,sans-serif;
  font-size: 62.5%;
  line-height: 1.5em;
}
th { text-align: left; }
caption { display: none; }
p,h1,h2,h3,h4,h5,h6,table,ul,ol,dl,dt,address { margin-bottom: 1em; }
h1 { font-size: 1.8333em; line-height: 1.5em; } /* 22px/33px */
h2 { font-size: 1.5em; line-height: 1em; } /* 18px */
h3 { font-size: 1.1667em; line-height: 1em; } /* 14px */
a img { border: none; }
a { color: #8bb716; }
a:hover { color: #3d4f59; }
form input, form select, form option { font-family: Arial,Verdana,"Geneva CE",lucida,sans-serif; font-size: 1em; }
address { font-style: normal; }
table { border-collapse: collapse; }
th,td { padding: 2px 3px; text-align: left; }
/* layout */
#layout {
  width: 1016px;
  margin: 0 auto;
  color: #514f50;
  position: relative;
  font-size: 1.2em;
}
/* hlavicka */
#header-container { width: 1008px; height: 117px; padding: 6px 4px 0 4px; background: transparent url(basic/header-bg.png) left top no-repeat; overflow: hidden; }
#header { width: 960px; height: 92px; padding: 25px 0 0 48px; background-color: #FFFFFF; }
/*#info { position: absolute; top: 6px; right: 4px; width: 393px; height: 43px; padding: 6px 250px 0 165px; background: #FFFFFF url(basic/top-bg.png) right bottom no-repeat; color: #515151; font-size: 0.9167em; overflow: hidden; }*/
#OBSOLETE #info { position: absolute; top: 6px; right: 4px; width: 465px; /* 808px - padding */ height: 35px; padding: 14px 250px 0 93px; background: #FFFFFF url(basic/top-bg.png) right bottom no-repeat; color: #515151; font-size: 0.9167em; overflow: hidden; }
          #info { position: absolute; top: 6px; right: 4px; width: 550px;                       height: 35px; padding: 14px 250px 0    0; background: #FFFFFF url(basic/top-bg.png) right bottom no-repeat; color: #515151; font-size: 0.9167em; overflow: hidden; }
          #info p {position: relative; top: -6px;}
#search-panel { position: absolute; top: 15px; right: 56px; color: #515151; font-size: 0.9167em; width: 190px; height: 25px; }
#content .search { display: block; overflow: hidden; margin-bottom: 1em; }
.search p { padding: 0; margin: 0;}
.search label { display: none; }
.search input { padding: 1px 6px; border: none; width: 152px; height: 25px; display: block; float:left; background: #FFFFFF url(basic/search.png) left top no-repeat; }
.search button { padding: 0px; margin: 0px; display: block; float: left; width: 26px; height: 25px; border: none; color: #FFFFFF; background: #8bb716 url(basic/scope.png) left top no-repeat; cursor: pointer; }
.search button:hover { background: #8bb716 url(basic/scope.png) left bottom no-repeat; }
.search button span { display: none; }
/* obsah */
#middle-container { width: 1008px; padding: 165px 4px; background: transparent url(basic/middle-bg.png) left top repeat-y; position: relative; overflow: hidden; }
#middle { width: 1008px; overflow: hidden; background: #FFFFFF url(basic/middle-page-content-bg.png) 0px 0px repeat-y; }
#middle-leave { background: transparent url(basic/leave-shadow.png) 0px 20px no-repeat; overflow: hidden; }
#content { float: right; background: transparent url(basic/middle-page-top-bg.png) right top no-repeat; padding: 30px 20px 30px 50px; overflow: hidden; width: 740px; border-top: 2px #FFFFFF solid; position: relative; }
#content { }
#content h1 { }
#content h2 { font-weight: normal; }
#content ul ul { padding-left: 2em; margin-bottom: 0; }
#context { float: left; padding: 20px 0 0 0; width: 198px; border-top: 2px #FFFFFF solid; }
#context h2 { color: #FFFFFF; padding: 0px 0px; text-transform: uppercase; margin-bottom: 0.33em; font-weight: normal;}
#context h2 a { color: #ffffff; text-decoration: none; }
/* seznam akci */
.list { width: 555px; }
.list dt { clear: both; width: 180px; padding: 20px 20px 0 0; float: left; border-top: 1px #DDDDDD solid; position: relative; }
.list dd { width: 355px; padding: 20px 0 40px 0; float: left; border-top: 1px #DDDDDD solid; }
.list dt.first-child,
.list dd.first-child { border-top: none; }
.list h2 { font-weight: normal; margin-bottom: 0.5em; }
.list h2 a { color: #8bb716; text-decoration: none; }
.list h2 a:hover { text-decoration: underline; }
.list h3 { font-weight: normal; }
.list h3 a { color: #8e8e8e; text-decoration: none; }
.list h3 a:hover { text-decoration: underline; }
span.plakat { position: absolute; top: 0px; left: 570px; display: block; width: 138px; background: transparent url(basic/plakat-top-bg.png) top left no-repeat; padding-top: 6px; }
span.plakat span { display: block; width: 138px; background: transparent url(basic/plakat-bottom-bg.png) bottom left no-repeat; padding-bottom: 6px; }
span.plakat span img { display: block; width: 126px; background: transparent url(basic/plakat-side-bg.png) top left repeat-y; padding: 0 6px; border: 0; margin: 0; }
dt img { display: block; }
dt.even span.plakat { left: 590px; }
dt a.link { background: transparent url(basic/link-arrow.jpg) center right no-repeat; padding-right: 20px; text-transform: uppercase; color: #8bb716; text-decoration: none; font-weight: bold; }
dt a.link:hover { text-decoration: underline; }
/* fotogalerie obchodu */
.gallery-preview { padding: 10px 35px 30px 0px; float: left; width: 150px; cursor: pointer; }
.zoom { display: block; position: relative; width: 126px; height: 84px; padding: 4px 6px 8px 4px; background: #FFFFFF url(/static/css/basic/image-frame.png) left top no-repeat; }
.zoom span { display: block; width: 126px; height: 84px; border: 1px #A1AD07 solid; overflow: hidden; position: absolute; top: 3px; left: 3px; z-index: 0; }
.gallery-preview strong { padding-left: 4px; }
#content a.zoom span img { display: none; }
#mini-gallery { float: right; display: block; width: 138px; margin: 0px 25px; overflow: hidden; }
#mini-gallery h3 { display: none; }
#mini-gallery .cycle { display: none; width: 138px; background: transparent url(basic/plakat-top-bg.png) top left no-repeat; padding: 6px 0 0 0; }
#mini-gallery .cycle span { display: block; width: 138px; background: transparent url(basic/plakat-bottom-bg.png) bottom left no-repeat; padding-bottom: 6px; }
#mini-gallery .cycle span img { display: block; width: 126px; background: transparent url(basic/plakat-side-bg.png) top left repeat-y; padding: 0 6px; border: 0; margin: 0; cursor: pointer; }
#mini-gallery .active { display: block;  }
#mini-gallery .switch { display: block; background-color: #b2d234; color: #FFFFFF; text-transform: uppercase; text-align: center; width: 126px; margin: 6px; height: 1.4545em; font-size: 0.9167em; line-height: 1.4545em; text-decoration: none; }
#mini-gallery .switch span { padding-right: 20px; background: transparent url(basic/link-arrow-green.jpg) center right no-repeat; text-transform: uppercase; }
/* novinky */
#newie #content img {display: block; margin: 0 auto 1em;}
#newie #content img.left {float: left; margin-right: 20px;}
#newie #content img.right {float: right; margin-left: 20px;}
#newie #content p.imgInfo {text-align: center; font-weight: bold;}
#newie #content .perex {font-weight: bold;}
#news { padding: 0; width: auto; }
#news dt { float: none; width: auto; border-top: 1px #DDDDDD solid; padding: 1em 0 0 0; }
#news dt.first-child { border-top: none; }
#news dd { float: none; width: auto; border-top: none; padding: 0 0 1em 0; }
#news h2 { font-weight: normal; margin-bottom: 0.5em; }
#news h2 a { color: #8bb716; text-decoration: none; }
#news h2 a:hover { text-decoration: underline; }
/* tiskovky */
#press { padding: 0; width: auto; }
#press dt { float: none; width: auto; border-top: 1px #DDDDDD solid; padding: 1em 0 0 0; }
#press dt.first-child { border-top: none; }
#press dd { float: none; width: auto; border-top: none; padding: 0 0 1em 0; }
#press h2 { font-weight: normal; margin-bottom: 0.5em; }
#press h2 a { color: #8bb716; text-decoration: none; }
#press h2 a:hover { text-decoration: underline; }
/* prace */
#jobs { padding: 0; width: auto; }
#jobs dt { float: none; width: auto; border-top: 1px #DDDDDD solid; padding: 1em 0 0 0; }
#jobs dt.first-child { border-top: none; }
#jobs dd { float: none; width: auto; border-top: none; padding: 0 0 1em 0; }
#jobs h2 { font-weight: normal; margin-bottom: 0.5em; }
#jobs h2 a { color: #8bb716; text-decoration: none; }
#jobs h2 a:hover { text-decoration: underline; }
/* paticka */
#footer-container { width: 1008px; height: 85px; padding: 0 4px; background: transparent url(basic/footer-bg.png) left top no-repeat; overflow: hidden; }
#footer { width: 1008px; padding: 25px 0 0 50px; color: #8e8e8e; }
#footer a { color: #8e8e8e; text-decoration: none; }
#footer a:hover { color: #8bb716; text-decoration: underline; }
/* banners */
#banners-top { position: absolute; top: 0px; left: 0px; width: 1008px; padding: 2px 4px 0px; background: transparent url(basic/banners-bg.png) 2px 0px no-repeat; }
#choose { width: 198px; height: 165px; float: left; background: #8bb716 url(basic/choose-bg.png) top left repeat-x; color: #FFFFFF; border-right: 2px #ffffff solid; }
#choose h2 { color: #FFFFFF; text-align: center; padding: 15px 0 0 0; font-weight: normal; }
#choose form { padding: 0px 11px 0; }
#choose form select { border: 1px #8bb716 solid; font-size: 0.9167em; background: #FFFFFF url(basic/choose-select-bg.png) top left no-repeat; color: #515151; width: 176px; padding: 3px 5px 2px 10px; height: 23px; margin-bottom: 2px; }
#choose form select option { background-color: #FFFFFF; color: #515151; border: none; height: 20px; }
#choose form button { position: relative; left: -5px; cursor: pointer; width: 186px; height: 36px; background: transparent url(basic/choose-button-bg.png) left top no-repeat; border: none; margin-top: 6px; }
#choose form button:hover { background: transparent url(basic/choose-button-bg.png) left bottom no-repeat; }
#choose form button span { color: #FFFFFF; display: none; } 
#fashion-banner { width: 606px; height: 165px; float: left; background-color: #faba00; color: #FFFFFF; border-right: 2px #ffffff solid; }
#fashion-banner h2 { color: #FFFFFF; font-size: 3em; line-height: 3em; padding: 20px 35px; text-shadow: 1px 1px #515151; font-weight: bold; }
#cycle { width: 200px; height: 165px; float:left; overflow: hidden; }
#cycle a { display: block; width: 200px; height: 50px; padding: 115px 0 0 0; color: #8bb716; text-decoration: none; font-size: 1.1667em; }
#cycle a strong { font-weight: normal; font-size: 1.1667em; color: #3d4f59; margin: 0; }
#cycle .cycle { width: 200px; height: 165px; text-align: center; overflow: hidden; }
#banners-bottom { position: absolute; bottom: 0px; left: 0px; width: 1008px; padding: 0px 4px 0px; background: transparent url(basic/banners-bg.png) 2px bottom no-repeat; border-top: 2px #FFFFFF solid; }
#action-center { width: 482px; height: 144px; background: #f56024 none; float: left; border-right: 2px #FFFFFF solid; padding: 21px 0 0 21px; overflow: hidden; }
#action-center h2 { display: none; }
#action-center .current { width: 294px; height: 144px; float: left; overflow: hidden; }
#action-center .current h3 { color: #FFFFFF; font-size: 2em; line-height: 1em; text-transform: uppercase; width: 156px; float: left; }
#action-center .current p { color: #FFFFFF; font-size: 1.5em; line-height: 1em; width: 156px; }
#action-center .current p.deco { color: #FFFFFF; font-size: 1.5em; float: right; width: 138px; padding: 6px 0 0 0; background: transparent url(basic/plakat-a-top-bg.png) top left no-repeat; }
#action-center .current p.deco a { display: block; width: 138px; padding: 0 0 6px 0; background: transparent url(basic/plakat-a-bottom-bg.png) bottom left no-repeat; }
#action-center .current p.deco a img { display: block; width: 126px; padding: 0 6px; background: transparent url(basic/plakat-a-side-bg.png) top left repeat-y; border: none; }
#action-center .current a { color: #FFFFFF; text-decoration: none; }
#action-center .current a:hover { text-decoration: underline; }
#action-center .current img { }
#action-center .next { width: 165px; float: left; padding-left: 21px; }
#action-center .next dt a { color: #FFFFFF; font-size: 1.1667em; line-height: 1.1667em; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#action-center .next dt a:hover { text-decoration: underline; }
#action-center .next dd a { color: #FFFFFF; text-decoration: none; white-space: nowrap; }
#action-center .next dd a:hover { text-decoration: underline; }
#action-center .next p a { display: block; width: 42px; height: 16px; background: transparent url(basic/button-all.png) left top no-repeat; }
#action-center .next p a:hover { background: transparent url(basic/button-all.png) left bottom no-repeat; }
#action-center .next p a span { display: none; }
#action-renter { width: 503px; height: 165px; background: #76a611 url(basic/action-renter-bg.png) 130px -10px no-repeat; float: left; }
#action-renter h2 { display: none; }
#action-renter .current { width: 222px; padding: 14px 19px; float: left; overflow: hidden; background: transparent url(basic/action-renter-img-bg.png) top left no-repeat; }
#action-renter .current h3 { color: #515151; font-size: 1.5em; line-height: 1em; text-align: center; text-transform: uppercase; width: 119px; height: 49px; overflow: hidden; }
#action-renter .current p { color: #FFFFFF; font-size: 1.5em; line-height: 1em; }
#action-renter .current a { color: #FFFFFF; text-decoration: none; }
#action-renter .current a:hover { text-decoration: underline; }
#action-renter .next { width: 238px; float: left; padding: 21px 0 0 0; }
#action-renter .next dt a { color: #FFFFFF; font-size: 1.1667em; line-height: 1em; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#action-renter .next dt a:hover { text-decoration: underline; }
#action-renter .next dd a { color: #FFFFFF; text-decoration: none; }
#action-renter .next dd a:hover { text-decoration: underline; }
#action-renter .next p a { display: block; width: 42px; height: 16px; background: transparent url(basic/button-all.png) left top no-repeat; }
#action-renter .next p a:hover { background: transparent url(basic/button-all.png) left bottom no-repeat; }
#action-renter .next p a span { display: none; }
#facebook {
  position: absolute;
  top: 93px;
  right: 10px;
  width: 105px;
  height: 31px;
  background: #4c6496 url(basic/logo-fcb.png) left top no-repeat;
  color: #FFFFFF;
}
#facebook p { padding: 0; margin: 0; }
#facebook a span { display: none; }
#facebook a { display: block; width: 105px; height: 31px;}
#fb-like {
	position: absolute;
	top: 93px;
	left: 1020px;
	z-index: 9999;
}
/* newsletter */
#newsletter #content form input {
  border: 1px #8bb716 solid;
  color: #515151;
  width: 175px;
  padding: 4px 5px;
  height: 23x;
  line-height: 23px;
  vertical-align: middle;
}
#newsletter #content form button { 
  border: 1px #99b42d solid;
  padding: 0; margin: 0; background: transparent none;
}
#newsletter #content form button {
  color: #FFFFFF;
  padding: 0px 5px;
  height: 25px;
  font-weight: normal;
  text-transform: uppercase;
  background: #99b42d url(basic/menu-bg.png) left top repeat-x;
  vertical-align: middle;
  cursor: pointer;
}
#newsletter #content form button:hover { background: #99b42d url(basic/menu-bg.png) left bottom repeat-x; }
#newsletter #content form legend { display: none; }
/* support */
#support-menu { position: absolute; bottom: 34px; right: 6px; text-align: right; background: transparent url(basic/support-menu-bg.png) right center no-repeat; }
#support-menu li { float: left; margin-left: 32px; }
#support-menu li a { color: #8e8e8e; text-decoration: none; }
#support-menu li a:hover { color: #8bb716; text-decoration: underline; }
/* menu */
#menu { position: absolute; top: 83px; right: 130px; z-index: 1111; }
#menu li { float: left; position: relative; margin-left: 8px; }
#menu li a,
#menu li b {
  display: block;
  text-decoration: none;
  color: #8bb716;
  font-size: 1.0833em;
  padding: 4px 5px 5px;
  height: 1.0833em;
  font-weight: normal;
  line-height: 1.3em;
  background-color: #FFFFFF;
  border: 1px #FFFFFF solid;
}
#menu > ul > li > a,
#menu > ul > li > b { text-transform: uppercase; }
#menu li b,
#menu li a:hover,
#menu > ul > li:hover > a {
  color: #FFFFFF;
  font-weight: normal;
  border: 1px #99b42d solid;
  border-bottom: 1px #99b42d solid;
  background: #99b42d url(basic/menu-bg.png) left top repeat-x;
}
#menu li b:hover,
#menu li a:hover,
#menu > ul > li:hover > a {
  border-bottom: 1px #728916 solid;
  background: #3d4f59 url(basic/menu-bg.png) left bottom repeat-x;
}
#menu li a span, #menu li b span { font-size: 1em; margin: 0; }
/* menu - 2nd level */
#menu li ul { display: none; padding: 1em 0; z-index: 1111; }
#menu li:hover ul {
  display: block;
  position: absolute;
  background-color: #728916;
  border: 1px #99b42d solid;
  border-top: none;
}
#menu li ul li {
  float: none;
  margin: 0px;
}
#menu li ul li a,
#menu li ul li b {
  /*font-size: 1.2em;
  line-height: 2.0833em;*/
  height: 25px;
  line-height: 25px;
  display: block;
  padding: 0px 6px;
  width: 158px;
  background: #728916 none;
  border: none;
  color: #FFFFFF;
}
#menu li ul li b,
#menu li ul li b:hover,
#menu li ul li a:hover {
  border: none;
  background: #515151 none;
}
/* menu - 3rd level */
#menu ul li:hover ul li ul { display: none; }
#menu ul li ul li:hover ul{ display: block; position: absolute; left: 170px; top: 0px; padding-top: 0; }
/* kontextove menu */
#context-menu ul { margin-top: 2px; }
#context h2 a,
#context h2 b,
#context-menu ul li a { display: block; width: 158px; color: #FFFFFF; padding: 0px 20px; line-height: 2em; text-decoration: none; }
#context h2 a:hover,
#context h2 b,
#context-menu ul li b:hover,
#context-menu ul li b,
#context-menu ul li a:hover,
#context-menu ul li.selected a { display: block; font-weight: normal; width: 158px; color: #FFFFFF; padding: 0px 20px; line-height: 2em; text-decoration: none; background-color: #3d4f59; }
/* modni inspirace */
#modni-inspirace img { display: inline; }
#modni-inspirace img.left { display: inline; margin: 0 11px 11px 0; float: left; }
#modni-inspirace img.right { display: inline; margin: 0 0 11px 11px; float: right; }
#modni-inspirace img.leftleft { display: inline; margin: 0 11px 3px 0; float: left; }
#modni-inspirace-download { padding-top: 1em; margin-top: 5em; border-top: 1px #515151 solid; }
/* error */
#error #middle-container { padding: 26px 52px 52px; width: 904px; }
.hr hr { display: none; }
.hr { border-top: 1px #514f50 solid; margin-bottom: 1em; }
#error .search { overflow: hidden; display: block; }
#error ol { list-style-type: decimal; }
#error ol li { margin: 1em 0 1em 3em; }
/* general */
#lang { display: none; }
#skips { display: none; }
.js_off .switch { display: none; }
.doc { padding: 0.5em 0 0 2em; background: transparent url(basic/doc-ico.gif) left center no-repeat; }
.pdf { padding: 0.5em 0 0 2em; background: transparent url(basic/pdf-ico.gif) left center no-repeat; }
#page-switch { margin: 1em 0; }
.dn { display: none; }
.text { font-size: 1em; }
.fullwidth { width: 100%; }
.t-center { text-align: center; }
.t-left { text-align: left; }
.t-right { text-align: right; }
.f-left { float: left; }
.f-right { float: right; }
.f-clear { clear: both; }
.c-left { clear: left; }
.c-both { clear: both; }
.c-right { clear: right; }
.p-top { padding-top: 1em; }
.p-bottom { padding-top: 1em; }
.error { font-weight: bold; color: red; }
