body {padding: 0px;margin: 0px;color: #000000; background-image: url('./imgs/logo_pozadi/recycle5.jpg');background-repeat: repeat-z;font-family: Tahoma, Verdana, sans-serif;font-size: 12px;}
h1 {color: #ffffff;font-size: 1.4em;font-weight: bold;padding: 0px 0px 0px 20px;margin: 0px;}
h2 {color: #0068B3;font-size: 1.3em;font-weight: bold;padding: 0px;margin: 0px;}
h4 {color: #279C00;font-size: 1em;font-weight: bold;padding: 0px;margin: 0px;}
h3 {color: #ffffff;font-size: 1.25em;font-weight: bold;padding: 0px;margin: 0px;}

a.text {text-decoration: underline; color: #333333;}
a.foot {text-decoration: underline; color: #ffffff;margin-left: 5px;margin-right: 5px;}
a.foot:hover {text-decoration: none;}
a.text2 {text-decoration: none; color: #ffffff;font-weight: bold;}
a.news {text-decoration: underline; color: #124000;font-weight: bold;}
a.news:hover {text-decoration: none;color: #124000;font-weight: bold;}

ul {list-style-type: square;}

#container {width: 936px;margin-left: auto;margin-right: auto;margin-top: 35px;background-color:#F4F8FC;border: 1px;border-style: solid;border-color: #C2D9E9;}

#head {width: 100%;height:337px;margin: 0px;padding: 0px;margin-bottom: 0px;}

#menu {float: left;font-size: 14px;font-weight:bold;width:100%;height: 33px;margin-bottom: 1px;background: url(graph/menu_bg.gif) repeat-x;}
#menu ul, #menu ul.sub {list-style-type:none;margin: 0px;padding: 0px;}
#menu li {float: left;}
#menu li, #menu ul.sub li {margin: 0px;padding: 0px;}
#menu a {margin-right: 1px;padding: 8px 0px 8px 0px;width: 155px;display: block;text-align: center;text-decoration: none;}
ul.sub  {position: absolute;z-index: 10;visibility:hidden;}
#menu ul.sub li {display: block;width: 155px;position: relative;}
#menu ul.sub li a {display: block;width: 155px;background-color: #C2D9E9;border-bottom: 1px solid #3385C0;}
#menu ul.sub li > a {width: 147px;padding-left: 8px;text-align: left;font-weight: normal;}
#menu ul.sub li a:hover {background: url(graph/menu_bg4.gif) repeat-x;text-decoration: none;}
#menu ul li {position: relative;}
#menu ul li a:hover {background: url(graph/menu_bg4.gif) repeat-x;text-decoration: none;}
#menu ul li > ul.sub {position: absolute;z-index:10;visibility: hidden;}
#menu ul li:hover ul.sub {visibility: visible;}
ul.sub{position: absolute;z-index:10;visibility: hidden;}
#menu ul {clear: none;}
#menu ul a {color:white;width: 155px;background: url(graph/menu_bg3.gif) repeat-x;}
li {behavior: url(hover.htc);}
.lispacer {height: 1px;background-color: #00B;width: 155px;position: relative;left: 10px;float: left;clear: both;top: -1px;margin-bottom: -1px;}
#menu ul li.hover ul {visibility: visible;}

#tlacitko1 {float: left;font-size: 16px;font-weight:bold;width:230px;height: 30px;margin: 2px 2px 5px 0px;background-color:#F4F8FC;}
#tlacitko1 a {width:230px;height: 22px;padding: 4px 0px 4px 0px;display: block;text-align: center;color:white;text-decoration: none;background: url(graph/01_bg_a.gif) repeat-x;}
#tlacitko1 a:hover {background: url(graph/01_bg_b.gif) repeat-x;text-decoration: none;}

#tlacitko2 {float: left;font-size: 16px;font-weight:bold;width:230px;height: 30px;margin: 2px 2px 5px 0px;background-color:#F4F8FC;}
#tlacitko2 a {width:230px;height: 22px;padding: 4px 0px 4px 0px;display: block;text-align: center;color:white;text-decoration: none;background: url(graph/02_bg_a.gif) repeat-x;}
#tlacitko2 a:hover {background: url(graph/02_bg_b.gif) repeat-x;text-decoration: none;}

#tlacitko3 {float: left;font-size: 16px;font-weight:bold;width:230px;height: 30px;margin: 2px 2px 5px 0px;background-color:#F4F8FC;}
#tlacitko3 a {width:230px;height: 22px;padding: 4px 0px 4px 0px;display: block;text-align: center;color:white;text-decoration: none;background: url(graph/03_bg_a.gif) repeat-x;}
#tlacitko3 a:hover {background: url(graph/03_bg_b.gif) repeat-x;text-decoration: none;}

#mezera_top {width: 696px;height:38px;}
#mezera_down {width: 696px;height:5px;}
#pozadi_content_index {width: 936px;height:385px;background: url(graph/content_bg.gif) repeat-y;}

#content {font-size: 12px;height: 100%;background: url(graph/content_bg.gif) repeat-y;padding-top: 0px;}

#content_text {width: 696px;height: 100%;padding: 0px;}

#content_right {float: right;width: 240px;height: 100%;background: #E0F5D9;color: #333333;}
#content_right div {width: 100%;}
#content_right ul  {margin: 10px;padding-left: 15px;}
#content_right li  {padding-bottom: 15px;color: #124000;list-style-image: URL('graph/bull4.gif');}
#content_right a {color: #124000;text-decoration: underline;}
#content_right a:hover {text-decoration: none;}

.nadpis_div {width: 693px;height: 30px;background: url(graph/content_nadpis_bg.gif) repeat-x;padding-top: 10px;}
.text_div   {padding: 0px 20px 0px 20px;color: #333333;font-size: 1em;}
.text_div a {color: #333333;font-size: 1em;text-decoration: underline;}
.text_div a:hover {text-decoration: none;}
.header  {color: #ffffff;font-weight: bold;height: 30px;text-align:center;background: url(graph/content_nadpis_bg.gif) repeat-x;padding-top: 10px;font-size:18px;}

#tlacitko_provozovny {float:left; width: 220px;height:20px;margin:15px 0px 3px 0px;}
#tlacitko_provozovny a {width: 220px;height:20px;padding:10px;display:block;background: url(graph/lokalita_bg_a.gif) repeat-x;text-align: center;text-decoration: none;}
#tlacitko_provozovny a:hover {width: 220px;height:20px;background: url(graph/lokalita_bg_b.gif) repeat-x;}

#sidlo {float:left; width: 180px;height:150px;margin:20px 2px 2px 30px;text-decoration: none;}
#sidlo a {width: 170px;height:130px;padding: 10px 0px 10px 10px;display: block;background: url(graph/provozovna_150px_bg_a.gif) repeat-x;text-decoration: none;}
#sidlo a:hover {color:white;background: url(graph/provozovna_150px_bg_b.gif) repeat-x;text-decoration: none;}
#sidlo img {width: 100px;height:65px;margin: 10px 30px 10px 30px;display: block;}
#jednatel {float:left; width: 200px;height:150px;margin:20px 2px 2px 0px;text-decoration: none;}
#jednatel a {width: 190px;height:130px;padding: 10px 0px 10px 10px;display: block;background: url(graph/provozovna_150px_bg_a.gif) repeat-x;text-decoration: none;}
#jednatel a:hover {color:white;background: url(graph/provozovna_150px_bg_b.gif) repeat-x;text-decoration: none;}
#jednatel img {width: 58px;height:65px;margin: 10px 60px 10px 60px;display: block;}

#lokalita {float:left; width: 646px;height:20px;margin:15px 0px 3px 0px;padding:10px 0px 10px 10px;background: url(graph/lokalita_bg_a.gif) repeat-x;}

#adresa_provozovny2{float:left; width: 140px;height:75px;margin:0px 2px 2px 0px;text-decoration: none;}
#adresa_provozovny2 a {width: 130px;height:55px;padding: 10px 0px 10px 10px;display: block;background: url(graph/provozovna_75px_bg_a.gif) repeat-x;text-decoration: none;}
#adresa_provozovny2 a:hover {color:white;background: url(graph/provozovna_75px_bg_b.gif) repeat-x;text-decoration: none;}
#adresa_provozovny3 {float:left; width: 140px;height:90px;margin:0px 2px 2px 0px;text-decoration: none;}
#adresa_provozovny3 a {width: 130px;height:70px;padding: 10px 0px 10px 10px;display: block;background: url(graph/provozovna_90px_bg_a.gif) repeat-x;text-decoration: none;}
#adresa_provozovny3 a:hover {color:white;background: url(graph/provozovna_90px_bg_b.gif) repeat-x;text-decoration: none;}
#adresa_provozovny4 {float:left;width: 140px;height:105px;margin:0px 2px 2px 0px;text-decoration: none;}
#adresa_provozovny4 a {width: 130px;height:85px;padding: 10px 0px 10px 10px;display: block;background: url(graph/provozovna_105px_bg_a.gif) repeat-x;text-decoration: none;}
#adresa_provozovny4 a:hover {color:white;background: url(graph/provozovna_105px_bg_b.gif) repeat-x;text-decoration: none;}
#adresa_provozovny5 {float:left; width: 140px;height:150px;margin:0px 2px 2px 0px;text-decoration: none;}
#adresa_provozovny5 a {width: 130px;height:130px;padding: 10px 0px 10px 10px;display: block;background: url(graph/provozovna_150px_bg_a.gif) repeat-x;text-decoration: none;}
#adresa_provozovny5 a:hover {color:white;background: url(graph/provozovna_150px_bg_b.gif) repeat-x;text-decoration: none;}
.telefon_provozovny2 {float:left; width: 160px;height:55px;margin:0px 2px 2px 0px;padding: 10px 0px 10px 10px;background-color: #E6E6E6;}
.telefon_provozovny3 {float:left; width: 160px;height:70px;margin:0px 2px 2px 0px;padding: 10px 0px 10px 10px;background-color: #E6E6E6;}
.telefon_provozovny4 {float:left; width: 160px;height:85px;margin:0px 2px 2px 0px;padding: 10px 0px 10px 10px;background-color: #E6E6E6;}
.telefon_provozovny5 {float:left; width: 160px;height:130px;margin:0px 2px 2px 0px;padding: 10px 0px 10px 10px;background-color: #E6E6E6;}
.telefon_popisek_1radek {float:left; width: 40px;height:15px;}
.telefon_provozovny_cisla_1radek {float:left; width: 110px;height:15px;}
.telefon_popisek_2radek {float:left; width: 40px;height:30px;}
.telefon_provozovny_cisla_2radek {float:left; width: 110px;height:30px;}
.telefon_popisek_4radek {float:left; width: 40px;height:60px;}
.telefon_provozovny_cisla_4radek {float:left; width: 110px;height:60px;}
.provozni_doba2 {float:left; width: 120px;height:55px;margin:0px 2px 2px 0px;padding: 10px 0px 10px 10px;background-color: #E6E6E6;}
.provozni_doba3 {float:left; width: 120px;height:70px;margin:0px 2px 2px 0px;padding: 10px 0px 10px 10px;background-color: #E6E6E6;}
.provozni_doba4 {float:left; width: 120px;height:85px;margin:0px 2px 2px 0px;padding: 10px 0px 10px 10px;background-color: #E6E6E6;}
.provozni_doba5 {float:left; width: 120px;height:130px;margin:0px 2px 2px 0px;padding: 10px 0px 10px 10px;background-color: #E6E6E6;}
.provozni_doba_dny_1radek {float:left; width: 40px;height:15px;}
.provozni_doba_cas_1radek {float:left; width: 70px;height:15px;}
.provozni_doba_dny_2radek {float:left; width: 40px;height:30px;}
.provozni_doba_cas_2radek {float:left; width: 70px;height:30px;}
.provozni_doba_dny_3radek {float:left; width: 40px;height:45px;}
.provozni_doba_cas_3radek {float:left; width: 70px;height:45px;}
.provozni_doba_dny_4radek {float:left; width: 40px;height:60px;}
.provozni_doba_cas_4radek {float:left; width: 70px;height:60px;}
.cinnost_provozovny2 {float:left; width: 195px;height:55px;margin: 0px 0px 2px 0px;padding: 10px 5px 10px 10px;background-color: #E6E6E6;}
.cinnost_provozovny3 {float:left; width: 195px;height:70px;margin: 0px 0px 2px 0px;padding: 10px 5px 10px 10px;background-color: #E6E6E6;}
.cinnost_provozovny4 {float:left; width: 195px;height:85px;margin: 0px 0px 2px 0px;padding: 10px 5px 10px 10px;background-color: #E6E6E6;}
.cinnost_provozovny5 {float:left; width: 195px;height:130px;margin: 0px 0px 2px 0px;padding: 10px 5px 10px 10px;background-color: #E6E6E6;}

.uvod {float: left;color: #333333;}
.uvod img {width: 230px;height: 158px;margin-right:2px;background-color: #F4F8FC}
.uvod ul2  {display: block;margin: 0px;padding-left: 2px;padding-bottom: 2px;}
.uvod ul  {display: block;margin: 5px;}
.uvod li  {padding-bottom: 5px;}
.uvod ul li a {text-decoration: underline;color: #333333;}
.uvod ul li a:hover {text-decoration: none;color: #333333;}

#foot {height: 60px;width: 936px;color: #ffffff;background: url(graph/foot_bg.gif) repeat-x;clear: both;}

.nahoru {text-align: right;font-weight: bold;}
.yli {list-style-image: URL('graph/uvod_li_y.gif');}
.form {border: 1px;border-style: solid;border-color: #B3B9C3;width: 450px;font-family: Tahoma, Verdana, sans-serif;font-size: 12px;color: #333333;}
.copymezery {height: 6px}
.tlacitko {font-family: Tahoma, Verdana, sans-serif;font-size: 12px;font-weight: bold;color: #fff;border: 0px;padding: 3px 7px 3px 7px;background-color: #0068B3;}