/* CSS Style - Design By: Martin Ondrejmiška 7.10.2011 */

/*                                                              Reset
------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } img { border: none; }

/*                                                           Všeobecné
------------------------------------------------------------------- */
html {      min-height: 100%; }
body {      color: #552611; font-family: 'Times New Roman'; font-size: 12px; font-weight: normal; font-style: italic; line-height: 20px; background: #eadcc7 url(img/body.png); }

.hidden {   display: none; }

/*                                   Zarovnanie / Kontainer / Odstavce
------------------------------------------------------------------- */
.inner {            width: 100%; float: left; }
.inner_half {       width: 50%; float: left; } 
.inner_quarter {    width: 25%; float: left; } 

.float_right {      float: right; }
.float_left {       float: left; }

.align_center {     text-align: center; }
.align_right {      text-align: right; }
.align_left {       text-align: left; }

p {     padding: 5px 0 5px 0; color: #333; }
p.p {   padding: 5px 10px 5px 10px; color: #333; text-indent: 5px; }

/*                                                            Nadpisi
------------------------------------------------------------------- */
h1 {    display: inline; font-weight: normal; font-size: 32px; color: #552611; }
h2 {    display: inline; font-weight: normal; font-size: 17px; color: #858585; }
h3 {    display: inline; font-weight: normal; font-size: 14px; color: #858585; }
h4 {    display: inline; font-weight: normal; font-size: 13px; color: #858585; }
h5 {    display: inline; font-weight: normal; font-size: 12px; color: #858585; }

.hlavny-nadpis {   display: none; }

/*                                                          Hyperlinky
------------------------------------------------------------------- */ 
a {         color: #453b33; text-decoration: underline; }
a:hover {   color: #865c33; text-decoration: none; }

/*                                                            Formulár
------------------------------------------------------------------- */ 
input, textarea, select {   height: 22px; padding: 2px 3px 2px 3px; margin: 1px; border: solid 1px #c8b6a2; font-family: 'Times New Roman'; background-color: #fff; color: #000; text-indent: 5px; font-size: 12px; }
select {                    height: 28px; }
input[type=submit] {        height: 28px; text-indent: 0px; }
input[type=checkbox] {      height: 14px; margin-right: 4px; }

input[type=submit].green {   border: solid 1px #283d00; background-color: #4b7200; color: #fff; }
input[type=submit].orange {  border: solid 1px #bf4800; background-color: #ff6000; color: #fff; }
input[type=submit].red {  border: solid 1px #660000; background-color: #990000; color: #fff; }

textarea {  font: inherit; }

/*                                                         Farby / Text
------------------------------------------------------------------- */
.red    { color: #ff0000; }
.green  { color: green; }
.silver { color: silver; }
.gray   { color: gray; }
.blue   { color: blue; }
.black  { color: black; }
.white  { color: white; }
.yellow { color: yellow; }
.orange { color: orange; }

.nostrong { font-weight: normal; }

/*                                                            Odrážky
------------------------------------------------------------------- */
li { padding: 3px; line-height: 15px; }

/*------------------------------------------------------------------- 
                                                           L a y o u t 
------------------------------------------------------------------- */

/*                                                             Statika
------------------------------------------------------------------- */
#body-top {                         float: left; width: 100%; height: 433px; background: url(img/body-top.png) top left repeat-x; }
#body-top-in {                      float: left; width: 100%; height: 100%; background: url(img/body-top-in.png) top center no-repeat; }
#body-top-center {                  width: 1020px; height: 100%; margin: 0 auto 0 auto; }
#body-head {                        float: left; width: 1020px; height: 100%; position: relative; }
#body-logo {                        float: left; width: 412px; height: 158px; position: absolute; top: 0px; left: -126px; z-index: 85; background: url(img/logo.png) top left no-repeat; }
#body-head .logo {                  float: left; width: 115px; height: 100px; position: absolute; top: 10px; left: 240px; }

#body-navig {                       float: left; position: absolute; top: 0px; right: 0px; width: 720px; height: 90px; }
#body-login {                       float: right; line-height: 35px; margin: 30px 20px 0 0; font-size: 15px; }
#body-login a {                     color: white; text-decoration: none; }
#body-login a:hover {               color: #ffe896; }

#body-human {                       float: left; width: 255px; height: 365px; bottom: -9px; left: -145px; z-index: 86; position: absolute; background: url(img/human.png) top center no-repeat; }

#body-slider {                      float: left; width: 1020px; height: 330px; top: 90px; left: 0px; position: relative; }
#body-slider-layer-1 {              float: left; width: 1020px; height: 330px; top: 0px; left: 0px; z-index: 2; position: absolute; background: url(img/header.png) top center no-repeat; }
#body-slider-layer-0 {              float: left; width: 1000px; height: 320px; top: 0px; left: 10px; z-index: 1; position: absolute; background: #866200; }

#body-slider-layer-1 .close-head {          float: left; display: none; width: 32px; height: 177px; top: 15px; right: -22px; z-index: 5; position: absolute; background: url(img/close.png) top center no-repeat; }
#body-slider-layer-1:hover .close-head {    display: inherit; }

#layer-1-desc {                     float: left; width: 520px; height: 235px; top: 80px; left: 15px; z-index: 3; position: absolute; background: url(img/header-desc.png) top left no-repeat; }
#layer-1-desc span {                float: left; font-size: 31px; color: black; line-height: 40px; padding: 125px 0 0 40px; text-shadow: 1px 1px 0px white,  -1px -1px 0px white; }
#layer-1-desc span strong {         font-size: 40px; color: black; }

#layer-1-kosik {                    float: left; width: 135px; height: 60px; bottom: 15px; text-align: center; right: 330px; z-index: 5; position: absolute; }
#layer-1-kosik a,
#layer-1-kosik {                    font-size: 14px; color: #fff836; line-height: 25px; text-decoration: none; }
#layer-1-kosik a:hover {            text-decoration: underline; }
#layer-1-kosik span {               font-size: 30px; }

#layer-1-filter {                               float: left; width: 310px; height: 305px; top: 14px; right: 24px; z-index: 4; position: absolute; }
#layer-1-filter .filter-box {                   float: left; width: 310px; height: 27px; line-height: 27px; margin-bottom: 6px; }
#layer-1-filter .filter-box span.label {        float: left; font-weight: bold; color: #f6eac6; }
#layer-1-filter .filter-box select {            float: right; width: 200px; height: 27px; padding: 0; margin: 0; border: none; background: #e1cbae; }
#layer-1-filter .filter-box input[type=text] {  float: right; width: 200px; height: 27px; padding: 0; margin: 0; border: none; background: #e1cbae; }
#layer-1-filter .filter-box .search {           float: right; border: 1px solid #2cbb12; text-align: center; text-decoration: none; color: black; width: 95px; height: 25px; line-height: 27px; font-weight: bold; cursor: pointer; padding: 0; margin: 0 6px 0 0; background: url(img/search.png) top left repeat-x; }
#layer-1-filter .filter-box .cancel {           float: right; border: 1px solid #b60404; text-align: center; text-decoration: none; color: black; width: 95px; height: 25px; line-height: 27px; font-weight: bold; cursor: pointer; padding: 0; margin: 0; background: url(img/cancel.png) top left repeat-x; }

#layer-1-filter .filter-box .search:hover {     border: 1px solid #27ff00; }
#layer-1-filter .filter-box .cancel:hover {     border: 1px solid #ff0000; }

#layer-1-filter .preloader {                    float: left; width: 210px; height: 300px; top: 0px; right: 0px; z-index: 5; position: absolute; background: black url(img/preloader.gif) center center no-repeat; opacity: 0.7; }

#body-content {                             float: left; width: 100%; }
#body-content-center {                      margin: 0 auto 0 auto; width: 1000px; }
#body-content-in {                          float: left; width: 1000px; min-height: 200px; padding: 0 0 40px 0; font-size: 13px; line-height: 25px; }

#htag {                                     float: left; width: 100%; height: 50px; padding: 20px 0 20px 0; line-height: 50px; }

/* NO SLIDER */
#body-top.no-slider {                       height: 90px; }
#body-slider.no-slider {                    display: none; }
#body-no-slider {                           float: left; width: 100%; height: 84px; position: relative; background: url(img/no-slider.png) top left repeat-x; }
#body-no-slider-in {                        width: 1020px; height: 84px; margin: 0 auto; position: relative; background: url(img/no-slider-in.png) top left no-repeat; }
#body-no-slider-in .show-head {             float: right; width: 168px; height: 32px; margin-top: 10px; background: url(img/show.png) top center no-repeat; }
#body-no-slider-in .kosik {                 float: left; margin-left: 270px; line-height: 55px; }
#body-no-slider-in .kosik a {               float: left; height: 55px; line-height: 55px; margin-right: 15px; }
#body-no-slider-in .kosik span {            font-size: 30px; font-weight: bold; }
#htag.no-slider {                           float: left; width: 100%; height: 50px; padding: 10px 0 20px 0; line-height: 50px; }

#body-footer {                              float: left; width: 100%; background: url(img/footer.png); }
#body-footer-center {                       margin: 0 auto 0 auto; width: 1000px; }
#body-footer-in {                           float: left; width: 1000px; height: 170px; position: relative; font-size: 13px; line-height: 25px; background: url(img/footer-logo.png) left center no-repeat; }
#body-footer-in .footer-left {              float: left; position: absolute; top: 35px; left: 130px; }
#body-footer-in .footer-right {             float: left; position: absolute; top: 35px; right: 0px; text-align: right; }


/*                                                       Bloky stránky
------------------------------------------------------------------- */
#main-left {
    float: left; width: 250px; min-height: 100px;
}
#main-right {
    float: left; width: 678px; min-height: 100px; padding: 11px;
}

#head a {
    border: none;
}

/*                                              Vnútorné bloky stránky
------------------------------------------------------------------- */

.blok-nadpis {  display: none; visibility: hidden; }
.blok-in {      float: left; width: 100%; padding: 0px; }


/*                                           Postránný blok stránky FB
------------------------------------------------------------------- */
#side-bar-fb {          float: left; width: 0px; height: 280px; top: 105px; right: 0px; padding: 10px 0px 10px 45px; z-index: 85; position: fixed; background: url(img/side-fb.png) top left no-repeat; }
#side-bar-in-fb {       float: left; width: 240px; padding-left: 5px; color: White; visibility: hidden; display: none; }
#side-bar-button-fb {   float: left; width: 40px; height: 106px; position: absolute; top: 5px; left: 5px; }

#side-bar-fb.vis {      width: 250px; }
#side-bar-in-fb.vis {   visibility: visible; display: inherit; }

#side-bar-fb.hid {      width: 0px; }
#side-bar-in-fb.hid {   visibility: hidden; display: inherit; }