*{margin:0; padding:0;}
body{
font-family:Arial,Verdana,"Geneva CE",lucida,sans-serif;
font-size:x-small;
text-align:center;
background:#ccc;
color:#000;
line-height:1.5;} 
html>body{font-size:small;}
#info{
display:none;}
/* rozvrzeni stranky */	
#hlavicka{
width:770px;
margin:0 auto;
height:150px;
background:#cfcdce url("../css/layout/zahlavi.jpg") no-repeat right top;
position:relative;}
#logo{
position:absolute;
top:75px;
left:35px;}
#logo img{
border-style:none;}
#stred{ 
margin:0 auto; 
width:770px;
background-color:#fff;} 
#obsah{
text-align:left;
padding:10px;
position:relative;}
#patickanull{
margin:0 auto;
width:770px;}
#paticka{
color: #fff;
border:2px solid #fff;}
/* produkty - rozvrzeni */
#obsah-vnitrni{
float:left;
width:590px;}
#obsah-bok{
text-align:center;
float:right;
width:160px;}
/* navigace */
#navigace{
width:770px;
margin:0 auto;
height:27px;
background-color:#ccc;}
#menu{
border:2px solid #fff;}
#menu ul,#menu li,#menu li a{height:25px;}
#menu li{
width:120px;
float:left;
font-size:86%;
font-weight:bold;
text-align:center;
background:url("../css/layout/nav.gif") repeat-y;
overflow:hidden;
list-style:none;}
#menu li a{
display:block;
width:120px;
padding:5px 0;
text-decoration:none;
font-weight:bold;
height:15px;}
#menu li a:link,#menu li a:visited{
color:#000;
background:#ccc url("../css/layout/nav.gif") repeat-y;}
#menu li a:hover{
color:#696768;
background:#fc6 url("../css/layout/nav.gif") repeat-y center top;}
#menu li#aktivni a{
background:#0cf url("../css/layout/nav.gif") repeat-y right top;}
/* text */
h1{
font-size:120%;
text-align:left;
color:#069;}
h2{
padding-top:10px;
font-size:110%;
color:#028;}
h3{
font-size:89%;
text-align:right;
position:absolute;
top:29px;
right:11px;}
h4{
font-size:105%;
color:#0099FF;}
h5{
padding-left:12px;
font-size:90%;
color:#000;}
p{
margin:8px 0;}
/* paticka navigace */
p.right-pat{
clear:both;
text-align:right;
font-size:85%;}
/* horni navigace */
p.rightn{
position:relative;
top:-1.5em;
text-align:right;
font-size:100%;}
p.rightn a.aktivni{
text-decoration:none;
color:#028;
font-size:120%;}
ul.male{
padding:5px 10px;}
/* male jeste o 10px pusunute */
ul.male2{
padding:0 10px;}
ul.male li{ 
list-style-type:none; 
background:url("../css/layout/odrazka.gif") 0em 0.5em no-repeat; 
padding:0 0.8em;}
ul.male>li{ 
background-position: 0em 0.4em;}
/* obrazky */
#mapa{
text-align:center;
position:absolute;
top:40px;
right:40px;}
#mapa img{
width:173px; height:100px;
border:0;}
img{
margin:5px;
border:2px solid #ccc;}
a:hover img{
border:2px solid #000;}
a:active img{
border:2px solid #ccc;}
img.left-schema{
float:left;
border:0;}
img.bezokraje{
border:2px solid #FFFFFF;}
/* odkazy */
a:link{
color:#00f;}
a:visited{
color:#09f;}
a:hover{
color:#028;
text-decoration:none;}
a:active{
color:#09f;
text-decoration:underline;}
/* tabulky */
table{
font-size:100%;
margin:20px;
border-collapse:collapse;
border:2px solid #ccc;
clear:both;}
table.stavitko{
margin:0;}
td,th{
border:2px solid #ccc;
padding:0.2em 0.5em;}
th{
color:#028;}
table.bez, table.bez td{
margin:0;
vertical-align:text-top;
border-style:none;}
/* ostatni */
dt{
color:#028;
font-weight:bold;
font-size:95%;
margin:5px 0;}
ol{
margin-left:20px;
padding:5px 0 5px 5px}
strong{
font-size:90%;}
hr{
visibility:hidden;
clear:both;}
.noscreen {
width: 200px;
position: absolute;
left: 0;
top: -1000px;}
#sevcik{
text-indent:-5000px;}

/* speciality webu */ 
/* vlajky */
#lang{text-indent:-5000px;z-index:10;position:absolute;top:5px;right:60px}
#cz, #en, #de{position:absolute;height:11px;width:16px}
#cz{background:url("../css/images/cz.gif") no-repeat right top;left:0}
#cz:hover, span#cz{background:url("../css/images/cz.gif") no-repeat}
#en{background:url("../css/images/en.gif") no-repeat right top;left:20px}
#en:hover, span#en{background:url("../css/images/en.gif") no-repeat}
#de{background:url("../css/images/de.gif") no-repeat right top;left:40px}
#de:hover, span#de{background:url("../css/images/de.gif") no-repeat}
