/*
	@author: David Sklar
	@site: www.sekacky.cz
------------------------------------------- */
html, body {height:100%; margin: 0; padding: 0;}
body {background: #597830;}


/* obecna definice
-------------------------------------------------------------------- */
h1, h2, h3 {font-size: 1.2em; line-height: 1.2; margin: 0; margin-bottom: 1.0em; clear: both; }
h1 {color: #fff; font-size: 1.3em; padding: 4px 17px 5px 17px; margin-bottom: 17px; background: #329800; border-bottom: solid 3px #dee4d6; }
h2 {margin-top: 2.0em; }
h3, h4 {font-size: 1.0em; margin-top: 2.0em; }
h4 {margin-bottom: 0.5em; }

h2 a, h3 a {color: #339900; text-decoration: none; }
h2 a:hover, h3 a:hover, h2 a:focus, h3 a:focus {text-decoration: underline;}


p, table, address, form {margin: 0 0 1.0em 0;}
address {font-style: normal; padding: 0; }

ul, ol {padding: 0; margin: 0 0 1.5em 20px;}
ul {list-style: disc; }
ul ul {list-style: circle; margin: 0.2em 0 0.5em 20px;}

table {font-size: 100%; margin-bottom: 1.0em; }
thead th {text-align: center; }
th {text-align: left; }
th, td {vertical-align: baseline; padding-top: 5px; padding-bottom: 5px; }

hr {margin: 0; display: none; }
img {border: none; }
small {font-size: 0.9em; }

a {color: #339900; text-decoration: underline; outline: 0;}
a:hover, a:focus {text-decoration: none;}



.left {text-align: left !important; }
.right {text-align: right !important; }
.center {text-align: center !important; }
.top {vertical-align: top;}

.fll {float: left !important; }
.flr {float: right !important; }
img.fll {margin: 0 10px 10px 0; }
img.flr {margin: 0 0 10px 10px; }

.half {width: 50%; float: left;}

.spaceman {position: absolute; top: -3000px; left: -3000px;}
.nob {background: none !important;}

.cleaner {clear: both; }
.spacer {margin-bottom: 20px; border: none; border-bottom: solid 1px #fff; display: block; clear: both;}


/* box-model */
.mt-0 {margin-top: 0; }





/* page 
------------------------------------------- */
#page {color: #fff; font: 0.6875em/1.5 Verdana, "Geneva CE", lucida, sans-serif, "Corbel"; width: 930px; min-height: 100%; margin: auto; position: relative; z-index: 1; background: url('../gfx/header.jpg') 0 0 no-repeat; }
#page-inset {padding-top: 86px; padding-bottom: 60px; margin: 0 40px; }


/* header 
------------------------------------------- */
#header {min-height: 230px; padding-bottom: 20px; margin-bottom: 10px; position: relative; background: #93bc4b url('../gfx/header_bg.png') 0 0 repeat-y;}
#header div {padding: 84px 225px 0 55px; background: url('../gfx/header.jpg') -40px -86px no-repeat;}

/* logo */
#header h1 {font-size: 2.0em; width: 330px; height: 70px; padding: 0; margin: 0; position: relative; background: none; border: 0; overflow: hidden; }
#header h1 a {height: 70px; display: block; }
#header h1 a span {width: 330px; height: 70px; position: absolute; top: 0; left: 0; z-index: 1;background: url('../gfx/header.jpg') -95px -170px no-repeat; display: block; cursor: pointer; }

#header p {font-size: 1.1em; margin: 0; }
#header p a {color: #fff; font-weight: bold; text-decoration: none; }
#header p a:hover, #header p a:focus {text-decoration: underline; }



/* drobeckova navigace */
#crumb {color: #fff; }
#crumb a {text-decoration: none;}
#crumb a:hover, #crumb a:focus {text-decoration: underline;}
#crumb strong {font-weight: normal;}





/* center-box 
------------------------------------------- */
#center-box {color: #333; padding-bottom: 20px; background: #dee4d6 repeat-y; border: solid 3px #dee4d6; } 



/* content 
------------------------------------------- */
#content {min-height: 350px; padding: 0 17px 3.0em 17px; position: relative; }

/* tabulky */
.printout {width: 525px; padding: 5px; background: #e9efe0; border: solid 1px #597830; border: solid 1px #c5cabe;}
.printout th, .printout td {font-weight: normal; padding-right: 10px; padding-left: 10px; }
.printout th {width: 150px; }
.printout th {color: #000; text-align: left; padding-bottom: 0.4em; white-space: nowrap; }
.printout tr.even th, .printout tr.even td {background: #dee4d6;}

/* vypis clanku */
.a-list {}


/* kotvy */
.upwards a {text-decoration: none; display: block; clear: both; }
.upwards a:hover, .upwards a:focus {text-decoration: underline; }
.upwards span {font-size: 1.3em; position: relative; top: -1px; }

#upwards {width: 100%; margin: 0; position: absolute; bottom: 0; left: 17px; }

.no-upwards #content {padding-bottom: 0; }
.no-upwards #upwards {position: absolute; top: -4000px; left: -4000px; }



/* slider */
#slider_wrap {width: 842px; height: 124px; padding: 0; margin: 10px 0; position: relative; background-color: #fff; border: 4px solid #fff; overflow: hidden; }
#slider, #slider ul, #slider li {color: #000; padding: 0; margin: 0;}
#slider, #slider li {list-style: none; width:748px; height:124px; margin: 0 auto; background-color: #fff; }

#slider_next, #slider_prev {z-index: 1;}
#slider_next a, #slider_prev a {width: 47px; width: 55px; height: 124px; background: 0 0 repeat-y; display: block; }
#slider_prev a {background-image: url('../gfx/arrow_bg_prev.png'); }
#slider_next a {background-image: url('../gfx/arrow_bg_next.png'); }
#slider_prev a img {margin: 47px 18px 0 5px; }
#slider_next a img {margin: 47px 5px 0 18px; }

.slider_4_items div, .slider_3_items div, .slider_2_items div, .slider_1_items div {text-align: center; }
.slider_4_items div, .slider_3_items div, .slider_2_items div {float: left; }
.slider_4_items a, .slider_3_items a, .slider_2_items a {height: 120px; position: relative; display: block; }
.slider_4_items span, .slider_3_items span, .slider_2_items span {height: 120px; position: absolute; top: 0; left: 0; background-position: 0 0;background-repeat: no-repeat; display: block; cursor: pointer; }

.slider_2_items div {width: 300px; margin-left: 60px; _margin-left: 30px; }
.slider_3_items div {width: 248px; width: 160px; margin-left: 60px; _margin-left: 30px; }
.slider_4_items div {width: 160px; margin-left: 20px; _margin-left: 10px; }

.slider strong {display: block; }
.slider_2_items strong {width: 290px; height: 120px;  }
.slider_2_items strong span {width: 290px;  }

.slider_3_items strong {width: 180px; height: 120px; }
.slider_3_items strong span {width: 180px; }

.slider_4_items strong {width: 180px; height: 120px; }
.slider_4_items strong span {width: 180px; }



/* tooltip */
#tooltip {color: #fff; font: 10px/1.2 Verdana, "Geneva CE", lucida, sans-serif, "Corbel"; width: 250px; position: absolute; z-index: 1; background: #666; border:2px solid #ccc; display: none;}
#tooltip h2 {font-size: 100%; font-weight: bold; height: 2.0em; line-height: 2.0em; padding: 0 1.0em; margin: 0;background: #333; display: block; }
#tooltip p {margin: 1.0em;}





/* column 
------------------------------------------- */
#col {width: 175px; background: #e9efe0; float: right; }
 
#col ul {list-style: none; padding-left: 0; margin-left: 0;}
#col li a {text-decoration: none; }
#col li a:hover, #col li a:focus {text-decoration: underline; }

#col li {padding-top: 6px; margin-top: 5px; background: url('../gfx/line_dotted.gif') 0 0 repeat-x; }
#col li:first-child, #col li.nob {padding-top: 0; margin-top: 0; background: none; }


/* novinka */
#headline {color: #333; font-size: 1.0em; width: 175px; min-height: 160px; max-height: 300px; padding: 3px 15px 87px 15px; position: absolute; top: 86px; right: 40px; background: #dee4d6; overflow: hidden; }

#headline h3 {font-size: 1.2em; margin: 0 -12px 10px -12px; background: #336633;}
#headline h3 a {color: #99cc33; text-decoration: none; padding: 5px 12px 6px 12px; display: block; }
#headline h3 a:hover, #headline h3 a:focus {color: #fff; text-decoration: none; }

#headline p.next {margin: -0.5em 0 0.5em 0; }

#headline img {width: 199px; height: 88px; position: absolute; top: 159px; right: 3px; }
#headline a:hover img {opacity: 0.8; }

/* banner */
#banner {width: 199px; height: 244px; position: absolute; top: 89px; right: 43px; }



/* navigace 
------------------------------------------- */
#nav {max-width: 850px; position: absolute; top: 50px; right: 40px; background: #346633; }

#nav ul {margin: 0; }
#nav li {padding: 0; margin: 0; background: url('../gfx/spacer.gif') 0 7px no-repeat; display: block; float: left; }
#nav li a {color: #fff; font-size: 1.2em; text-decoration: none; padding: 3px 14px 3px 15px; display: block; } 
#nav li a:hover, #nav li a:focus, #nav li.set a {text-decoration: none; padding-right: 15px; margin-right: -1px; position: relative; z-index: 1; background: #2c582c; }

#nav strong {font-weight: normal; }





/* footer 
------------------------------------------- */
#footer {font-size: 0.9em; text-align: center; padding: 5px 20px 6px 20px; margin-top: 10px; background: #336633; }

#footer ul {list-style: none; padding: 0; margin: 0; }
#footer li {padding-left: 8px; margin-left: 2px; background: url('../gfx/spacer.gif') 0 -149px no-repeat; display: inline;}
#footer li:first-child, #footer li.nob {padding-left: 0; margin-left: 0;}

#footer a {color: #fff; text-decoration: none;}
#footer a:hover, #footer a:focus {text-decoration: underline;}










/* uvodni strana
------------------------------------------- */
.uvod #center-box {color: #fff; padding: 0; background: #597830; border: none; }
.uvod #content {padding: 0;}





#accordion {width: 850px; height: 410px; height: 413px; position: relative; background: #336633; overflow: hidden; /* background: orange; */ }
#accordion strong, #accordion b {font-weight: normal; }

#accordion a {color: #99cc33; text-decoration: undeline;}
#accordion a:hover, #accordion a:focus {text-decoration: none; }

#accord1, #accord2, #accord3 {width: 850px; height: 320px; overflow: hidden; }
#accord1 {width: 5950px; }
#accord2 {width: 5950px;}


#accordion h2 {font-size: 1.2em; padding: 9px 20px 9px 70px; margin: 0; position: relative; background: #524f4a url('../gfx/h2_accord.png') 0 0 repeat-x; border-bottom: solid 1px #21201f; outline: none; cursor: pointer; }
#accordion h2.selected {background-color: #329800; background-position: 0 -100px; border: none; }

#accordion h2 span {width: 38px; height: 34px; position: absolute; top: 0; left: 20px; background: url('../gfx/ico_accord.png') 0 0 no-repeat; }
#accordion .part-2 h2 span {background-position: 0 -34px; }
#accordion .part-3 h2 span {background-position: 0 -68px; }

#accordion .part-1 h2.selected span {background-position: -38px 0;}
#accordion .part-2 h2.selected span {background-position: -38px -34px; }
#accordion .part-3 h2.selected span {background-position: -38px -68px; }



.sliding_cols {width: 810px; height: 310px; padding: 0 20px 0 20px; overflow: hidden; /* background: pink; */ }
.sliding_cols h3 a {color: #fff; }
.sliding_cols div div {width: 187px; min-height: 300px; margin: 10px 20px 0 0; position: relative; float: left; /* background: red; */ }
.sliding_cols div.last {margin-right: 42px; }

.sliding_cols ul {list-style: none; padding-left: 5px; margin-left: 0; border-left: solid 3px #329800; }
.sliding_cols li {margin-bottom: 0.3em; }

.sliding_cols p.arrows {text-align: right; margin: 0; position: absolute; bottom: 10px; right: 0; /* background: orange; */ }






/* layout
------------------------------------------- */
.two-cols #center-box {background-image: url('../gfx/center-box.gif'); background-position: 100% 0; } 
.two-cols #content {width: 595px; padding-right: 0; float: left; }
.two-cols #col {width: 175px; padding: 17px 12px 20px 15px; margin-top: -17px; }



/* servisni mista
------------------------------------------- */
.servis #content div {width: 250px; margin-right: 20px; float: left; }
.servis #content div.cleaner {width: 100%; height: 2.0em; margin: 0; background: url('../gfx/line_dotted.gif') 0 30% repeat-x; float: none; }









/* webkit / opera
------------------------------------------- */
@media all and (min-width: 0) {

  h1 {padding-bottom: 6px; }  
  .upwards span {font-size: 1.0em; position: static; }
  
  #nav li {display: inline-block; float: none; }
  #nav li a {padding-top: 4px; }
  
  
  .uvod #content h2 {padding-top: 10px; }

}


/* webkit
------------------------------------------- */
@media all and (-webkit-min-device-pixel-ratio: 0) {
    
}





/* tiskova verze
------------------------------------------- */
@media print {

  html, body {padding: 0; margin: 0;}
  body, h1, h2, h1 span, h2 span, #page, #header, #header div, #header h1 span, #center-box, #content {color: #000; background: none; border: 0;}

  
  .spaceman, #header ul, #header p, #crumb, #upwards, #nav, #col, #footer, #slider_wrap {display: none;}

  
}