html {height: 100%;		}
body {margin:0; padding:0;  font-family: Arial; font-size: 12px; text-align: center; width: 100%; height: 100%; background-color: #496c1b}
.kytka1 {background: url(img/02.jpg) no-repeat center top;}
.kytka2 {background: url(img/01.jpg) no-repeat center top;}
p {margin: 0; padding: 0;  }
a img {border:0; text-decoration: none;}
a:hover {text-decoration: none;}
form {margin: 0; padding: 0; }
.cleaner {clear: both; height: 1px; overflow: hidden;}
h1, h2, h3 {margin: 0; padding: 0;  font-weight: normal;}
.floatright {border: 1px solid #aaa; padding: 1px; float: right; margin: 0 0 5px 10px;}
.floatleft {border: 1px solid #aaa; padding: 1px; float: left; margin: 0 10px 5px 0;}
table, tr, td, th { margin: 0;  border: 0;}

#flash {height: 100%; width: 100%;   z-index: 0; position: absolute; left: 0; top: 0; overflow: hidden; z-index: 0; position: fixed;}
#container {text-align: left; width: 980px; margin: 0 auto 0px auto;  padding-left: 22px; position: relative; min-height: 470px; z-index: 500;}
.absolute {position: absolute;}
.left {float: left;}

a.logo img{margin: 20px 0 23px 20px;}

#menu_vrchni {position: absolute; top: 20px; right: 15px; }
#menu_vrchni a {display: block; background: url(img/vrchni_svetla.png) repeat-x left top; height: 40px; line-height: 40px; float: left; margin: 0 0 0 1px; padding: 0 15px ; color: #fff; text-decoration: none;}
#menu_vrchni a:hover, #menu_vrchni a.aktivni {background: url(img/vrsek_oranzovy.png) repeat-x left top;}
#menu_vrchni .skryt {float: left; color: #fff; height: 40px; line-height: 40px; font-size: 10px; text-transform: uppercase; background: url(img/vrchni_tmava.png) repeat-x left top; padding: 0 20px ; width: 120px; margin: 0 0 0 1px;}
#menu_vrchni .skryt a {background: url(); padding: 0; }
#menu_vrchni .skryt img {position: relative; top: 13px; left: 0;  margin: 0 5px 0 0;}
#menu_vrchni .skryt a.obnovit {margin-right: 56px;}

.blok {width: 240px; color: #fff; margin-bottom: 20px; }
.blok_nadpis {background: url(img/blok_hlavicka.png) repeat-y left top; line-height: 40px; height: 40px; text-transform: uppercase; font-size: 10px; padding: 0 20px 0 20px; position: relative;}
.blok_nadpis .sipka {position: absolute;  top: 15px; right: 37px;}
.blok_nadpis .krizek {position: absolute; top: 15px; right: 22px;}

.blok_nadpis_bily {background: url(img/blok_hlavicka_bila.png) repeat-y left top; line-height: 40px; height: 40px; text-transform: uppercase; font-size: 10px; padding: 0 20px 0 20px; position: relative; color: #ff3000; }
.blok_nadpis_bily .sipka {position: absolute;  top: 15px; right: 37px;}
.blok_nadpis_bily .krizek {position: absolute; top: 15px; right: 22px;}



.blok_telo {background: url(img/blok_telo.png) repeat-y left top; padding: 10px 20px 5px 20px; }
.blok_spodek {background: url(img/blok_spodek.png) no-repeat left top; height: 8px; line-height: 8px; font-size: 8px;}
.blok_telo a.odrazka {display: block; color: #fff; background: url(img/odkaz.png) no-repeat left 4px; padding: 0 0 0 15px; margin: 10px 0 10px 0;}
.blok_telo span {font-size: 16px; font-family: Trebuchet MS;}
.blok_telo input {color: #ff3000; font-size: 16px; font-weight: bold; background-color: #e1e1e1; border: 1px solid #e1e1e1; margin: 9px 0 0 0; width: 100%; padding: 1px 8px ; width: 134px;}
.blok_telo input.odeslat {width: 40px; font-size: 12px; border: 1px solid #000;  background-color: #000; color: #fff; padding: 3px 0 ; &padding: 3px 0 ; position: relative; &top: 1px; margin-left: 2px; font-weight: normal; }
.pruh {background: url(); z-index: 10;}
.pruh_index {background: url(img/spodni_seda.png) repeat-x left bottom; z-index: 10; position: relative; }
.blok_telo a {color: #fff;}
.seo {line-height: 24px;}
.seo a {  margin: 0 10px 0 0; text-decoration: none; font-size: 11px;}
.seo a:hover {text-decoration: underline;}
.seo a.v1 {font-size: 17px;}
.seo a.v2 {font-size: 18px;}

#pruh_spodni {height: 142px; margin-top: 35px;}

.menu_spodni {height: 142px; text-align: left; width: 980px; margin: 0 auto;}

.menu_spodni a.kytka  {display: block; background: url() no-repeat center top;   height: 72px; padding: 72px 0 0 0; float: left; text-decoration: none; margin: 0 1px 0 0; cursor: hand; }
.menu_spodni a.kytka:hover {background: url(img/kytka.png) no-repeat left top;}
.menu_spodni a.kytka  em {display: block; height: 46px; font-family: Trebuchet MS; font-size: 16px; padding: 12px 20px ; color: #fff; background: url(img/spodni_cerna.png) repeat-x left top; font-style: normal;}
.menu_spodni a.kytka:hover  em {background: #FE3000 url(); }
.menu_spodni a.kytka  em span {display: block; background: url(img/spodni_odrazka.png) no-repeat left 5px; padding-left: 17px;}
.menu_spodni a.kytka:hover  em span {background: url(img/spodni_odrazka_hover.png) no-repeat left 5px;}

.menu_spodni .bila {display: block; font-size: 18px; height: 70px; background: url(img/spodni_bila.png) repeat-x left top; float: left; margin: 72px 0 0 0; padding: 13px 20px 0 20px; font-family: Trebuchet MS; width: 235px;}
.menu_spodni .bila span {font-size: 10px; color: #ff3000; text-transform: uppercase;}
.menu_spodni .bila span img {float: right; margin: 0 0 0 4px; &margin: 14px 0 0 4px;}
.menu_spodni .bila em.sk {font-style: normal; position: absolute;}

#l_sloupec {width: 240px; float: left; margin: 0 20px 0 0; }
#l_sloupec .blok .kytka_leva {background: url(img/blok_telo.png) repeat-y left top;  }
#l_sloupec .kytka_leva a  {display: block;  text-decoration: none; cursor: hand; width: 100%; position: relative;}
#l_sloupec .kytka_leva a em {display: block; height: 46px; font-family: Trebuchet MS; font-size: 16px; padding: 12px 20px ; color: #fff;  font-style: normal;}
#l_sloupec .kytka_leva a:hover  em {background: #ff3000 url(); }
#l_sloupec .kytka_leva a  em span {display: block; background: url(img/spodni_odrazka.png) no-repeat left 6px; padding-left: 20px; font-weight: bold;}
#l_sloupec .kytka_leva a:hover  em span {background: url(img/spodni_odrazka_hover.png) no-repeat left 6px;}
#l_sloupec .kytka_leva a img {position: absolute; right: -35px; top: 5px; display: none;}
#l_sloupec .kytka_leva a:hover img { display: block;}


#p_sloupec {width: 700px; float: left;}

#podmenu {  z-index: 2;  }
#podmenu a{display: block; float: left; background: url(img/podmenu.png) repeat-x center top; text-decoration: none; height: 40px; line-height: 40px; padding: 0 20px ; color: #fff; margin-right: 1px; font-size: 11px;}
#podmenu a:hover, #podmenu a.aktivni{background: url(img/podmenu_hover.png) repeat-x center top;  height: 40px; line-height: 40px; color: #000;}
#podmenu a span {display: block; background: url() no-repeat center top; height: 3px; line-height: 3px; font-size: 3px;}
#podmenu a:hover span, #podmenu a.aktivni span {display: block; background: url(img/podmenu_hover_s.png) no-repeat center top;  }

#obsah {background: url(img/obsah.png);  width: 664px; z-index: 1; padding: 20px 18px 12px 18px ; line-height: 1.5em; margin-top: -1px; font-size: 12px; color: #ccc;}
#obsah a {color: #fff;}
#obsah_spodek {width: 700px; z-index: 1; background: url(img/obsah_spodek.png) no-repeat left top;  height: 8px; line-height: 8px; font-size: 8px;}
#obsah h2 {font-size: 28px; margin: 10px 0 20px 0;}
#obsah h3 {font-size: 18px; margin: 20px 0 10px 0;}
#obsah p {}

#obsah span.reference {display: block; float: left; width: 210px; padding: 5px 0px 5px 0px; color: #fff; text-decoration: none; margin: 0 5px 10px 0; border: 1px solid #333333;}
#obsah span.reference:hover {background-color: #000;}
#obsah span.reference span {display: block; margin-bottom: 5px; position: relative; padding-left: 5px;}
#obsah span.reference span em {font-style: normal; text-decoration: underline;}
#obsah span.reference span:hover em {text-decoration: none;}
#obsah span.reference span img {position: absolute; right: 5px; top: 0; &top: -3px;}
#obsah span.reference strong {display: block; margin: 0 10px 5px 10px; font-size: 13px; font-weight: normal; }

#obsah span.reference span img.nove_okno {float: right; margin: 5px 0 0 0; }
#obsah span.posledni {margin-right: 0;}

#paticka_index {width: 980px; margin: 0px auto 0 auto; text-align: left; color: #000; font-size: 11px; position: relative; }

#paticka {width: 980px; margin: 15px auto 15px auto; text-align: left; color: #000; font-size: 11px; position: relative;  height: 50px;}

#obsah .pozadi { margin: 15px 0 0 0; &margin: 10px 0 0 0;}
#obsah .pozadi a {display: block; width: 21px; height: 21px; background-color: #27301e; line-height: 21px; text-align: center; color: #fff; text-decoration: none; float: left; margin: 0 3px 0 0;}
#obsah .pozadi a.aktivni {color: #000; background:  url(img/blok_hlavicka_bila.png) repeat left top;}
#obsah .pozadi span {display: block;  height: 21px; line-height: 21px; text-align: left; color: #fff; text-decoration: none; float: left; margin: 0 3px 0 0;}
#obsah .pozadi a:hover {background-color: #ff3000;}
#obsah .pozadi em {float: left; margin: 3px 10px 0 0; font-style: normal;}
#obsah .pozadi img {float: left; margin-right: 5px; position: relative; top: 6px;}
#obsah table.tabulka {border: 1px solid #ccc; border-spacing: 10px; border-collapse: collapse;}
#obsah table.tabulka th, #obsah table.tabulka td{border: 1px solid #ccc; padding: 3px 5px ;}
#obsah table.tabulka th {}

#obsah table th, #obsah table td{ padding: 3px 5px ;}


#obsah .mini_sloupec {width: 300px; float: left;}
#obsah ul {margin: 10px 0 15px 0; padding: 0 0 0 15px;  list-style-type: none;}
#obsah ul li {background: url(img/spodni_odrazka.png) no-repeat left 2px; padding: 0 0 0 20px; margin: 0 0 5px 0;}
#obsah ul li ul li {list-style-type: none; background: url(); padding-left: 0; }
#obsah ul li ul {margin-top: 5px;}
#obsah ul li span {cursor: pointer; text-decoration: underline;}
#obsah p {margin: 0 0 10px 0 ;}
#paticka .odkazy {color: #fff; position: absolute; right: 10px;}
#paticka .odkazy a {color: #fff;}

#paticka .neofema {  margin: 0 0 0 0; position: absolute; left: 10px; color: #fff;}
#paticka .neofema a {color: #fff;}

table.formular input, table.formular textarea, table.formular select{border: 1px solid #000;}
table.formular textarea {width: 380px; height: 150px;}
table.formular td {vertical-align: top; text-align: left; padding: 3px 4px; }
table.formular input.odeslat {background-color: #FF3000; color: #fff; padding: 4px ; border: 1px solid #FF3000; color: #fff; } 
.center {text-align: center;}
.right {text-align: right;}

.nabidka { width: 370px; float: left; margin-top: 0;}
.minireference {float: left; width: 260px; padding: 10px; }
.minireference a.mini {display: block; border: 1px solid #000; }
.minireference .mezera { height: 5px; line-height: 5px; font-size: 5px;}

#adwords {position: absolute; top: 379px; right: 14px; width: 160px; height: 145px;  }
#adwords.ref_index { width: 160px; float: right;}
#adwords .cblock {width: 131px;  background: url(img/blok_hlavicka.png) repeat-y left top; padding: 10px 15px 10px 15px; &padding: 10px 15px 0px 15px; color: #fff; font-size: 10px;}
#adwords .cblock img{float: right; border: 0; margin-left: 3px; margin-top: 1px; &position: relative; &top: -13px; }
#adwords #hblock_8 { width: 146px; height: 145px;  background: url(img/blok_telo.png) repeat left top; padding: 10px 15px 10px 0px; color: #fff;}
#adwords #hblock_8 img {margin: 5px 5px 10px 13px ; }

#promitacka {position: absolute; top: 115px; right: 14px; width: 565px; height: 475px; overflow: hidden;   }
#promitacka .ref_index { width: 160px; float: right;}
#promitacka .cblock {width: 136px;  background: url(img/blok_hlavicka.png) repeat-y left top; padding: 10px 15px 10px 15px; &padding: 10px 15px 0px 15px; color: #fff; font-size: 10px;}
#promitacka .cblock img{float: right; border: 0; margin-left: 4px; margin-top: 1px; &position: relative; &top: -13px;}



#cblock_2 {z-index:3200; position:relative;}                                                                             
.sipka_zavrit {position:relative; top: 5px; &top:-10px;}
.sipka_leva_bila {position:relative; top: 5px; &top:-10px;}


#promitacka #hblock_7 a {color: #fff;}
#promitacka #hblock_7 { width: 160px; height: 213px;  background: url(img/blok_telo.png) repeat-y left top; padding: 5px 0px 10px 0px; color: #fff; }
#promitacka #hblock_7 span {display: block; position: relative;  height: 23px; line-height: 23px; color: #fff; text-decoration: none; z-index: 0;  padding-left: 25px; cursor: pointer; text-decoration: underline; background: url(img/arrow-normal.gif) no-repeat 10px 6px;}
#promitacka #hblock_7 span:hover {background: url(img/arrow-over.gif) no-repeat 10px 6px;}
#promitacka #hblock_7 span img {display: none;}                                                 
#promitacka #hblock_7 span:hover img {display: block; position: absolute; left: -319px; top: 0px; border: 1px solid #000; }
#promitacka #hblock_7 span.ref1 img {top: -39px; &top: -51px;}
#promitacka #hblock_7 span.ref2 img {top: -62px; &top: -74px;}
#promitacka #hblock_7 span.ref3 img {top: -85px; &top: -97px;}
#promitacka #hblock_7 span.ref4 img {top: -108px; &top: -120px;}
#promitacka #hblock_7 span.ref5 img {top: -131px; &top: -143px;}
#promitacka #hblock_7 span.ref6 img {top: -154px; &top: -166px;}
#promitacka #hblock_7 span.ref7 img {top: -177px; &top: -189px;}
#promitacka #hblock_7 span.ref8 img {top: -200px; &top: -212px;}
#promitacka #hblock_7 span.ref9 img {top: -223px; &top: -235px;}
#promitacka #hblock_7 span.ref10 img {top: -246px; &top: -258px;}
a.viceref {padding-left: 25px;}
#paticka .add iframe {float: right; }

#obsah .reference_oranzove {margin-top: 15px;}  
#obsah .reference_oranzove strong {display: block; margin-bottom: 5px;}                                                   
#obsah .reference_oranzove a{background: url(img/spodni_odrazka.png) no-repeat left 2px; padding-left: 18px; margin-right: 8px;}                                                     

img.ico {position: relative; top: 3px; margin-right: 3px;}

.adwords2 { width: 310px; margin: 15px 0 ;}
.adwords2 img {float: left; margin-left: 15px; margin-top: 0px;}

#obsah > div.nabidka > ul > li > ul {display: none;}
#obsah > div.nabidka > ul > li > div {display: none;}
#obsah > .minireference {display: none;}

span.poznamka{font-size: 11px;line-height: 110%;}
.odkazky {display: none;}


#panel_loga  {position: absolute; top: 115px; right: -148px; width: 160px;   text-align: center;}
#panel_loga .ref_index { width: 160px; float: right;}
#panel_loga  .cblock {width: 131px;  background: url(img/blok_hlavicka.png) repeat-y left top; padding: 10px 15px 10px 15px; &padding: 10px 15px 0px 15px; color: #fff; font-size: 10px;}
#panel_loga  .cblock img{float: right; border: 0; margin-left: 3px; margin-top: 1px; &position: relative; &top: -13px; }
#panel_loga  #hblock_9 { width: 146px; height: 410px;  background: url(img/blok_telo.png) repeat left top; padding: 10px 15px 10px 0px; color: #fff;}
#panel_loga  #hblock_9 img {margin: 13px 5px 15px 13px ; }
#panel_loga img {margin: 10px 0; cursor: pointer;}

.predpo h2{width: 350px;line-height: 28px;float: left;}
.predpo #rotacka{width: 668px;height: 422px;border: 1px solid #373334;padding: 1px;position: relative;left: -4px;}
.predpo #rotacka div{width: 668px;height: 422px;display: none;position: relative;}
.predpo #rotacka div:first-child{display: block;}
.predpo #rotacka img{position: absolute;top: 1px;left: 1px;}
.predpo #rotacka span{min-width: 100px;padding: 0px 10px;height: 42px;position: absolute;top: 67px;text-transform: uppercase;background: #ff4f01;color: white;font-size: 16px;line-height: 42px;font-weight: bold;text-align: center;display: block;}
.predpo #rotacka span.pred{left: 1px;}
.predpo #rotacka span.po{right: -1px;}
.predpo .pozadi{margin: 17px 0px 10px 0px;float:right;position: relative;left: 4px;}