body {
 margin: 20px;
 background: #fefeef;
 font-family: verdana, arial, tahoma, sans-serif;
 font-size: 8pt;
 color: #000;
 text-align: center;
 padding: 0;
 }

#outer {
 text-align: center;
 border: 1px solid #f0f0f0;
 width: 650px;
 margin: auto;
 }

#hdr {
 background: #ffff00;
 color: #333333;
 height: 75px;
 width: 650px;
 }

#logo {
margin-top: 5px;
float: left;
width: 112px;
}

#hlavicka {
 float: right;
 text-align: center;
 width: 538px;
}

h1 {
 font-family: tahoma, arial, sans-serif;
 font-size: 27pt;
 font-weight: bold;
 display: inline;
}

.popisek {
 font-family: verdana, arial, sans-serif;
 font-weight: bold;
 font-size: 8pt;
}

.datum { 
font-family:  Verdana, Tahoma, 'Times New Roman', Sans-Serif; 
font-size: 8pt; 
color: #5f5f00; 
cursor: help;
}

#menu {
 width: 650px;
 color: #fcce32;
 background: #ffff00;
 border-bottom: solid #f0f0f0 1px;	
 height: 36px;
 text-align: center;
}

#menu .knoflik a , #menu .vybrane a {
 display: block;
 width: 130px;
 padding: 0;
 padding-top: 5px;
 padding-bottom: 5px;
 margin-bottom: 3px;
 margin-top: 3px;
 text-decoration: none;
 background-color: #fcce32;
 color: red;
 font-size: 11pt;
 font-weight: bold;
 float: left;
 margin: auto;
 margin-left: 1px;
 margin-right: 1px;
}

#menu .knoflik a:hover {
 text-decoration: none;
 background-color: #ffff00;
}

#menu .vybrane a {
 text-decoration: none;
 background-color: #ffff00;
 border-bottom: solid 1px red;
}

#menu .vybrane a:hover {
 text-decoration: none;
 background-color: #fcce32;
}

#ftr {
 width: 650px;
 height: 16px;
 text-align: center;
 font-family: verdana, arial, tahoma, sans-serif; 
 font-size: 7pt; 
 font-weight: bold; 
 background: #ffff00;
 color: #333333;
 border: solid #f0f0f0;
 border-width: 1px 0 0 0;
 margin: auto;
 padding-top: 1px;
 clear: both;
 }

#ftr a {
color: gray;
}

#ftr a:hover {
color: white;
text-decoration: none;
}

#bodyblock {
 background: #ffffff;
 color: #000;
 padding: 25px;
 padding-top: 5px;
 text-align: left;
}

a:link {
color: #5c8eff;
background: inherit;
text-decoration : none; 
padding : 0;
margin : 0;
}

a:visited {
color: #5c8eff;
background : inherit; 
text-decoration : none; 
}

a:hover {
color: #5c8eff;
text-decoration : underline; 
}

a:active {
color: #5c8eff;
background : inherit; 
text-decoration : none; 
}

a img {
border: 0;
}

a.vybrane {
 font-weight: bold;
}

a.produkt {
background-image: url('pictures/odrazka.gif');
background-repeat: no-repeat;
padding-left: 30px;
}

a:visited.produkt {
background-image: url('pictures/odrazka.gif');
background-repeat: no-repeat;
padding-left: 30px;
}

a:active.produkt {
background-image: url('pictures/odrazka.gif');
background-repeat: no-repeat;
padding-left: 30px;
}

a:hover.produkt {
background-image: url('pictures/odrazka-hover2.gif');
background-repeat: no-repeat;
padding-left: 30px;
}

p {
font-family: verdana, arial, sans-serif;
font-size: 10pt;
text-indent: 25px;
text-align: justify;
margin:0;
padding:15px;
}

p.chyba {
text-indent: 0;
text-align: center;
}

h2 {
font-weight: bold;
font-size: 13pt;
}

h3 {
font-weight: bold;
font-size: 12pt;
text-align: center;
}

.formular {
 text-align: center;
 font-size: 10pt;
}

table {
 font-size: 10pt;
}

input, textarea {		
 color: black; 		
 font-family: verdana,sans-serif;		 
 font-size: 9pt; 		
 border: 1px solid black; 
 background-color: #f3f3f3;
}

textarea {
   scrollbar-face-color:    #f3f3f3; 
   scrollbar-shadow-color:  #a0a0a0;
   scrollbar-3dlight-color: #f3f3f3;
   scrollbar-arrow-color:   #505050;
   scrollbar-track-color:   #d0d0d0;  
   scrollbar-highlight-color:  #ffffff;
   scrollbar-darkshadow-color: #000000; 
}

li {
 font-size: 10pt;
}

.vyrobek_pravy, .vyrobek_levy {
 border: solid 1px #aaaaaa;
 width: 280px;
 padding: 5px;
 background-color: #f3f3f3;
 height: 130px;
}

.vyrobek_pravy {
 float: right; 
 text-align: left;
}

.vyrobek_levy {
 text-align: left; 
}

.vyrobek_pravy img {
 float: right;
 margin-left: 10px;
 border: solid 1px #aaaaaa;
}

.vyrobek_levy img {
 float: left;
 margin-right: 10px;
 border: solid 1px #aaaaaa;
}

.detail {
 border: solid 1px #aaaaaa;
 width: 100%;
 padding: 5px;
 background-color: #f3f3f3;
}

.detail img {
 float: right;
 margin-left: 10px;
 border: solid 1px #aaaaaa;
}

.slozeni {
 font-weight: normal;
 font-size: 10pt;
 text-align: left;
 margin: 10px;
}

hr {
 color: #f0f0f0;
}

.prichut {
 font-size: 12pt;
 font-weight: bold;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
}

.vice {
 text-align: right;
}

.vice a {
 font-size: 7pt;
}

.jazyk { 
filter: gray;
/*filter: alpha(opacity=100,finishopacity=100,style=0);*/
}