*{ margin: 0px; padding: 0px; } 
html {
 min-height: 100%; }

body { 
 text-align: center;
 font-family: arial, verdana, sans-serif;
 font-size: 12px;
 color: #000;
 background: #EEE url(IMG/siroky.gif) no-repeat 50% 0;
 line-height: 18px; }


sub, sup {
 vertical-align:baseline;
 position:relative;}

sub {
 top:0.4em;}

sup {
 bottom:0.4em;}

p,h2 { 
  text-align: justify; }

p, h2, h3, ol, ul, dl { 
 padding:7px 7px 1px 15px; }

ol, ul, dir, menu, dd {
 margin-left: 40px; }

ol {
 list-style-type: decimal; }

ol ul, ul ol, ul ul, ol ol {
 margin-top: 0;
 margin-bottom: 0; }

blockquote {
 width:80%;
 margin:10px auto;
 padding:0 26px;
 background:#FFF url(bg_blockquote_side.gif) no-repeat 0 50%; }


a img, :link img, :visited img {
 border: none; }

img {
 display: block; }

a:link {
 color: #903;
 text-decoration: underline; }

a:visited {
 color: #903;
 text-decoration: underline; }

a:hover, a:active {
 color: #009; }


table {
 width:90%; 
 margin-left: 15px;
 padding:7px 1px 1px 15px;
 text-align: left;
 background: #fff;
 vertical-align: middle; }

td {
 height: 15px;
 border: thin solid #009 ;
 background: #ccc;
 color:#009}

td.levy {
 width:33%;
 font-size: 10px;}

td.stred {
 font-size: 12px; 
 width:54%;
 font-weight: bold;}

td.pravy {
 width:13%;
 font-size: 10px;}

.vpravo {
 text-align: right;} 

.smaz:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden; } 

.smaz {
 display:inline-block; }  

h1 {
 padding:3px 7px 1px 15px;
 font-size: 12px;
 font-variant: normal;
 font-weight: bold;
 color: #009;
 text-align: justify; }

h2 {
 font-size: 14px; }

h3 {
 font-size: 18px;
 line-height: 18px;  }

/*H1 a H3 prohozeny*/

h4 {
 font-size: 12px;
 color: #666;
 font-style: italic;
 text-align: right; } 


.maly {
 color: #000;
 text-align: left;  
 font-variant: normal;
 font-weight: normal;
 font-size: 11px; }

.pata {
 color: white;
 text-align: center;  
 font-variant: normal;
 font-weight: normal;
 font-size: 10px; }

.pata a, pata a:visited {
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  color:#fff; }

.pata a:hover {
 color:#009; }


.blue_bold {
 color: #009;
 font-weight: bold;
 text-align: left; }


.stredni {
 color: #000;	
 text-align: left;  
 font-variant: normal;
 font-weight: normal;
 font-size: 0.75em; }


#obal {
 width:780px;
 margin:0 auto; }

#hlavicka	{
 position:relative;
 display:block;
 width:780px;
 height:100px;
 background:#903 url(IMG/hlava.gif) repeat-x; }

#hlavicka .logo {
 position:absolute;
 left:40px;
 top:0px; }

#hlavicka .jazyk {
 position:absolute;
 right:1px;
 bottom:1px; }


#hlavicka p {
 display: block;
 text-align: right;
 padding: 1px;
 font-variant: small-caps;
 font-weight:bold;
 font-size: 12px;
 color:#fff; }

#hlavicka a, #hlavicka a:visited {
 display: block;
 text-align: right;
 padding: 0;
 font-variant: normal;
 font-size: 11px;
 font-weight:normal;
 text-decoration: none;
 color:#fff; }

#hlavicka a:hover {
 color:#ccc; }

#lista {
 display:block;
 width:780px;
 height:25px;
 margin:0;
 padding:0;
 list-style:none;
 text-align:center;
 background:#444 url(IMG/lista.gif) repeat-x; }

#lista li {
 float:left;
 line-height:25px;
 width:130px;
 color:black;
 font-weight:bold;
 background:url(IMG/l_tlac_ho2.gif) no-repeat 50% 0; 
 background-color: #BBB ;}

#lista li a {
 text-decoration:none;
 display:block;
 padding:0;
 height:1%;
 font-weight:normal;
 color:white; 
 background:url(IMG/l_tlac2.gif) no-repeat 50% 0; }

#lista li a:hover {
 color:black;
 font-weight:normal;
 background:url(IMG/l_tlac_ho2.gif) no-repeat 50% 0;
 background-color: #FFF ;}

#obsah {
 width:760px;
 padding:20px 10px 5px;
 min-height:550px;
 background:#FFF url(IMG/l_prechod.gif) no-repeat 0 0;
 text-align:left;  }

* html #obsah, * html #obsah #levy, * html #obsah #col_2 {
 height:550px; }

#obsah #levy {
 width:180px;
 float:left;
 min-height:550px;}

#obsah #levy h2 {
 color:#009;
 text-align: left;
 font-size:14px;
 font-weight:bold; }

#obsah #levy h3 {
 padding:2px 0 0 0;
 color:#000;
 text-align: left;
 font-size:12px;
 font-weight:bold; }


#produkty, #produkty ul, #oprodukty, #oprodukty ul {
 margin:0;
 padding:0;
 list-style:none; }

#produkty li, #oprodukty li { 
 width: 180px;
 text-align: left;
 font-weight: bold;
 font-variant: normal; }

 
#produkty li a, #oprodukty li a {
 width: 168px;
 border-style: outset;   /*rámeček nezmáčknutý*/
 border-color: #DDD;
 display:block;
 padding:1px 2px 1px ;
 color: #903;
 background-color: #BBB ;
 text-decoration:none;
 }

#produkty li a:hover, #oprodukty li a:hover {
 width: 168px;
 color: #009;
 border-style: inset;   /*rámeček zmáčknutý*/
 border-color: #DDD;
 padding:1px 2px 1px ;
 background-color:#BBB ;
 text-decoration:none; }

#produkty li p, #oprodukty li p {
 width: 168px;
 color: #009;
 border-style: inset;   /*rámeček zmáčknutý*/
 border-color: #DDD;
 padding:1px 2px 1px ;
 background-color:#BBB ;
 text-decoration:none; }

#obsah #pravy {
 width:580px;
 min-height:550px;
 float:left;
 background:url(IMG/oddel_s.gif) repeat-y 0% 50%;}

#obsah #pravy #logo {
 background:url(IMG/logo-pozadi.gif) no-repeat 30% 20%;}¨


#obsah #pravy #logo table {
 padding: 0px ;
 margin: 0px ; 
 width: 90%; 
 vertical-align: middle; }

#obsah #pravy #logo tr {
 text-align: left;
 background: #ccc;}

#obsah #pravy #logo td {
 border: solid thin #009 ;}



#obsah #pravy #stred {
 position: relative;
 width: 500px;
 height: 400px;
 text-align: center;
 top: 25px;
 left: 50px;
 background: #903 url(IMG/produkty.gif) no-repeat 0 50%; }

#obsah #pravy #stred #top_l {
 position: absolute;
 width: 180px;
 height: 80px;
 top: 25px;
 left: 25px;
 background-color: #FFF; }

#obsah #pravy #stred #top_p {
position: absolute;
 width: 180px;
 height: 80px;
 top: 25px;
 left: 290px;
 background-color: #FFF; }

#obsah #pravy #stred #middle_l {
 position: absolute;
 width: 180px;
 height: 80px;
 top: 150px;
 left: 25px;
 background-color: #FFF; }

#obsah #pravy #stred #middle_p {
 position: absolute;
 width: 180px;
 height: 80px;
 top: 150px;
 left: 290px;
 background-color: #FFF; }

#obsah #pravy #stred #bottom_l {
 position: absolute;
 width: 180px;
 height: 80px;
 top: 280px;
 left: 25px;
 background-color: #FFF; }


#obsah #pravy #stred #bottom_p {
 position: absolute;
 width: 180px;
 height: 80px;
 top: 280px;
 left: 290px;
 background-color: #FFF; }


#obsah #pravy #stred #bottom {
 position: absolute;
 width: 180px;
 height: 80px;
 top: 400px;
 left: 155px;
 background-color: #FFF; }

#stred a {
 width: 175px;
 height: 75px;
 border-style: outset;   /*rámeček nezmáčknutý*/
 border-color: #DDD;
 display: block;
 padding: 2px ;
 color: #903;
 background-color: #BBB ;
 text-decoration:none;
 font-weight: bold;
 font-size: 1.3em; 
 font-variant: normal; }

#stred a:hover {
 width: 175px;
 height: 75px;
 color: #009;
 border-style: inset;   /*rámeček zmáčknutý*/
 border-color: #DDD;
 padding: 2px;
 background:#BBB ;
 text-decoration:none; }

#obsah #pravy #fotogal {
 position: relative;
 width: 520px;
 height: 550px;
 text-align: center;
 top: 1px;
 left: 30px;
 background: #fff; }


#obsah #pravy #fotogal table{
 padding: 0px ;
 margin: 0px ; 
 width:100%; 
 height: 100%;
 vertical-align: middle; }

#obsah #pravy #fotogal tr {
 height: 135px;
 text-align: center;
 background: #ccc;}

#obsah #pravy #fotogal td {
 width: 170px;
 border: solid thin #009 ;}

.kontakty, .kontakty ul {
 margin:0;
 padding:5px 0px 0px 50px;
 list-style:disc;
 list-style-position: outside; 
 list-style-image:url("IMG/ul.gif"); } 

.kontakty li { 
 padding:0;
 color: #000;
 text-align: left;
 font-weight: bold;
 font-variant: normal; }

.namape {
 padding:0 0 0 150px;
 font-variant: normal;
 text-align: left;
 color: #009;}


#footer {
 display:block;
 text-align: center;
 width:700px;
 padding: 10px 40px;
 margin:0 auto;
 color: #FFF;
 background:#555; }

#odkazy {
 display:block;
 text-align: center;
 width:780px;
 background:white; }

#odkazy table {
 padding: 0px ;
 margin: 0px ; 
 width: auto ; 
 vertical-align: middle; 
 border: thin solid #009; }

#odkazy td {
 background: #eee; }