*{
margin: 0; 
padding: 0; 
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
list-style: none;
}
h3 {font-size:1.1em;padding:0;margin-bottom:5px;}
body{
text-align: center;
font-size: x-small;
color: #393939;
}
#body{
margin: 0 auto;
width: 776px;
text-align: left;
}
ul.list {
padding-left:30px;margin:8px 0 8px 0;
}
ul.list li {
list-style-type: disc;
}
ul#navigace{
background: url('../images/navigaceBg.gif');
text-align: right;
padding: 8px; 
}
ul#navigace li{
display: inline;
border-right: 1px solid #585858;
padding: 0 3px; 
}
ul#navigace li a{
color: #585858;
}
a{
color: #DF0000;
}
a:hover{
text-decoration: none;
}
#top{
background: url('../images/top.jpg') no-repeat 0 1px;
border-top: 1px solid #878787;
width: 776px;
height: 300px;
position: relative;
}
h1, h1 span{
width: 187px; 
height: 57px;
position: absolute; 
top: 28px; 
left: 543px;
z-index: 1; 
overflow: hidden;
color: #fff;
}
h1 span{
background: url('../images/logo.gif') top left no-repeat;
display: block;
z-index: 2;
width: 187px; 
height: 57px;
cursor: hand;
top: 0; 
left: 0;
}
p#popis, p#popis span{
width: 313px; 
height: 39px;
position: absolute; 
top: 27px;
left: 78px;
z-index: 1; 
overflow: hidden;
color: #1492C5;
}
p#popis span{
background: url('../images/popis.gif') top left no-repeat;
display: block;
z-index: 2;
width: 313px; 
height: 39px;
cursor: hand;
top: 0; 
left: 0;
}
p#telefon{
position: absolute;
top: 120px;
left: 315px;
font-size: 1.2em;
color: #FFFFFF;
font-weight: bold;
}
#leftColumn{
float: left;
background: #F3F3F3 url('../images/leftColumn.gif') repeat-y;
width: 180px;
margin-left: 34px;
_margin-left: 17px;
padding: 10px 10px 0 12px;
}
#leftColumn ul{
margin-bottom: 55px;
padding-right: 10px;
}
#leftColumn ul li{
background: #F3F3F3 url('../images/li.gif') repeat-x bottom;
padding: 1px 0; 
position: relative;
behavior: url('../hover.htc');
}
#leftColumn ul li a, #leftColumn ul li span{
background: url('../images/aN.gif') no-repeat left center;
padding: 4px 0 4px 15px;
text-decoration: none;
color: #6F6F6F;
text-transform: uppercase;
font-size: 1.1em;
display: block;
width: 155px;
behavior: url('../hover.htc');
}
#leftColumn ul li a:hover, #leftColumn ul li span:hover, #leftColumn ul li span.hover{
background: #DF0000 url('../images/aA.gif') no-repeat 130px center;
color: #FFFFFF;
padding: 4px 50px 4px 0;
text-align: right;
width: 120px;
}
#leftColumn ul ul{
display: none;
width: 140px;
padding: 0;
margin: 0;
border: 1px solid  #A7A7A7;
position: absolute;
left: 170px;
}
#leftColumn ul ul li{
background-color: #FCFCFC;
padding: 0; 
width: 140px;
}
#leftColumn ul ul li a{
background: transparent;
width: 120px;
padding: 4px 10px; 
text-transform: none;
}
#leftColumn ul ul li a:hover{
background: #DF0000;
color: #FFFFFF;
text-align: left;
width: 120px;
padding: 4px 10px; 
}
#leftColumn ul li:hover ul, #leftColumn ul li.hover ul{
display: block;
top: 0;
}
.cleaner{
clear: both;
visibility: hidden;
}
.hidden{
display: none;
}
#rightColumn{
margin: 0 15px 15px 270px;
}
ul#navigace li.noborder, #leftColumn ul li.noborder{
border: 0; 
background: none;
}
#leftColumn address{
font-style: normal;
font-size: 1.1em;
color: #6F6F6F;
padding-bottom: 20px;
background: url('../images/leftBottom.gif') no-repeat right bottom;
}
#rightColumn address{
font-style: normal;
font-size: 1.2em;
color: #393939;
}
h2{
font-size: 1.8em;
color: #DF0000;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.01em;
margin-bottom: 30px;
}
#rightColumn p{
font-size: 1.2em;
margin-bottom: 10px;
}
#rightColumn p.strong{
font-weight: bold;
color: #1492C5;
margin: 5px 0 15px 0; 
font-size: 1.1em;
}
.right{
float: right;
margin: 15px;
}
.clear{
clear: right;
}
#foot{
margin-bottom: 10px;
text-align: right;
color: #6F6F6F;
}
#foot a{
color: #1492C5;
}
form{
margin-left: 30px;
}
form p{
margin-bottom: 5px;
}
label{
vertical-align: top;
width: 80px;
float: left;
font-size: 1em;
}
input, textarea{
border: 1px solid #D5D5D5; 
font-size: 1em;
color: #6F6F6F;
}
input.buttom{
border: 1px solid #DF0000;
background-color: #DF0000; 
color: #FFFFFF;
font-size: 0.9em;
font-weight: bold;
}
#katalog{
margin: 5px; 
}
#katalog a{
float: left;
}
img, a img{
border: 1px solid #393939;
margin: 5px; 
}
