body            { background-image: url("images/design/pozadi.jpg"); background-repeat: repeat-x; text-align: center; }
body, td        { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 90%;  }

#hlavni         { width: 900px;  margin: auto;  }
#vrch        { width: 90%;  margin: 0 auto; height: 65px; }
  #vrch a    { color: white; text-decoration: underline; font-weight: bold}
  #vrch a:hover    { text-decoration: none}

#vrch ul           { padding : 0; margin : 8px 0 0 13px; float : left; list-style : none; } 
#vrch ul li        { float : left; } 
#vrch ul li a      { padding : 0 1em; border-right: 1px solid white; font-size: 78% } 
#vrch p            { text-align : right; padding : 40px 20px 5px 0; margin : 0; font-size: 77%; color: white } 
#vrch a:hover      { text-decoration : none; }  
#vrch img          { padding: 0 0 0 60px } 

#hlavicka       { margin: auto; width : 90%; height : 242px; background : url("images/design/header.png") no-repeat; text-align: center}  


#menu           { width : 100%; background : url("images/design/menu.gif") no-repeat; margin : auto; } 
#menu ul        { height : 50px; list-style : none; margin : 0 0 0 20px; padding : 0;  } 
#menu li        { float : left; padding : 0; } 
#menu li a      { color : white; display : block;  font-weight : bold; line-height : 50px; margin : 0; padding : 0 25px; text-align : center; text-decoration : none;} 
#menu li a:hover, #menu ul li:hover a    { background: url("images/design/pozadi1.jpg") repeat-y; color : #ffffff; text-decoration : underline; } 
#menu li ul     { background : SteelBlue; display : none; height : auto; padding : 0; margin : 0; border : 0; position : absolute; width : 325px; z-index : 200; } 
#menu li:hover ul    { display : block;} 
#menu li li     {  display : block; float : none; margin : 0; padding : 0; width : 325px;  } 
#menu li:hover li a  { background : none; } 
#menu li ul a   { display : block; line-height : 50px; font-size : 12px; font-style : normal; margin : 0; padding : 0 10px 0 15px; text-align : left;} 
#menu li ul a:hover, .menu li ul li:hover a   { background: url("images/design/pozadi1.jpg") repeat-y; border : 0; color : white; text-decoration : none;} 
#menu p         { clear : left; }

#stranka        { margin: 0 auto; padding: 10px 0; width: 88%; min-height: 501px; border-left: 1px solid silver; border-right: 1px solid silver}

#paticka        { width: 90%;  margin: 0 auto; clear: both; background : url("images/design/paticka.gif") no-repeat; height: 40px }
  #paticka a    { color: white; text-decoration: underline; font-weight: bold}
  #paticka a:hover    { text-decoration: none}

#paticka ul           { padding : 0; margin : 8px 0 0 13px; float : left; list-style : none; } 
#paticka ul li        { float : left; } 
#paticka ul li a      { padding : 0 1em; border-right: 1px solid white; font-size: 78% } 
#paticka p            { text-align : right; padding : 10px 20px 5px 0; margin : 0; font-size: 77%; color: white } 
#paticka a:hover      { text-decoration : none; }   
  
#levy           { margin: auto; min-height: 500px; width: 180px; float: left; margin-top: 0px; }
#kontakt        { margin: auto; width: 170px; background : url("images/design/levy.gif") no-repeat; }
   #kontakt h4  { margin: 0; padding : 3px 0 5px 3px; color: white;}
   #kontakt p   { font-size: 82%}
   
#dokument       { margin: auto; margin-top: 30px; width: 170px; background : url("images/design/levy.gif") no-repeat }
   #dokument h4       { margin: 0; padding : 3px 0 5px 5px; color: white;}
   #dokument p        { font-size: 79%}

#partner      { margin: auto; margin-top: 30px; width: 170px; background : url("images/design/levy.gif") no-repeat }
   #partner h4       { margin: 0; padding : 3px 0 5px 5px; color: white;}
   #partner p        { font-size: 79%} 
   #partner h5       { margin: 0}
   
#zastoupeni      { margin: auto; margin-top: 30px; width: 170px; background : url("images/design/levy.gif") no-repeat }
   #zastoupeni h4       { margin: 0; padding : 3px 0 5px 5px; color: white;}
   #zastoupeni p        { font-size: 79%} 
   #zastoupeni h5       { margin: 0}

#obsah          { margin: auto; margin-left: 180px; min-height: 500px; width: 608px; text-align: left; border-left: 1px solid silver }
#obsah h1       { color: black; margin-left: 10px; font-size: 150%; margin-top: 0px}
#obsah h2       { color: black; margin-left: 10px; font-size: 120%}
#obsah h3       { color: SteelBlue; margin-left: 10px}
#obsah p        { font-size: 90%; margin-left: 10px}


table.fotogalerie     { margin: auto; width: 90%; text-align: center}
table.fotogalerie tr  { height: 150px}
table.fotogalerie img       { border: 0}

table.dokumenty       { margin: auto; width: 60%; margin-left: 10px }
table.dokumenty a:hover     { text-decoration: none}

table.kontakt   { margin: auto; text-align: left}
table.kontakt tr      { height: 20px}
table.kontakt a       { font-size: 87%; color: blue; text-decoration: underline}
table.kontakt a:hover       { text-decoration: none}

table.dokument  { margin: auto; text-align: left}
table.dokuemnt tr     { height: 20px}
table.dokument a      { text-decoration: underline; color: blue}
table.dokument a:hover      { text-decoration: none }

table.partner a      { margin: auto; text-decoration: underline; text-align: left; color: blue; margin-left: 10px}
table.partner a:hover      { text-decoration: none }
table.partner td     { height: 20px; }

table.zastoupeni     { margin: auto; width: 90%}
table.zastoupeni a      { text-decoration: underline; text-align: center; color: blue; }
table.zastoupeni a:hover      { text-decoration: none }
table.zastoupeni td     { height: 20px; }

table.hlavni    { margin: auto; margin-left: 10px; width: 90%; vertical-align: middle}
table.hlavni td      { height: 40px}


table.cenik td       { width: 20%; height: 90px; text-align: center; margin-left: 10px}

table.kf             { margin: auto; margin-left: 18px}

table.popispp   { margin: auto; width: 90%}
table.popispp td     { height: 195px; vertical-align: middle}

table.schemapp       { margin: auto; text-align: left }
table.schemapp li    { list-style: none}
table.schemapp a     { text-decoration: none; color: blue;}
table.schemapp a:hover      { text-decoration: underline}

table.partneri       { margin: auto; text-align: center; width: 90%}
table.partneri td    { text-align: center; height: 30px; vertical-align: middle}

table.kontakty        { margin-left: 10px;  width: 90% }

input.vstup           { width: 250px; }
textarea              { width: 250px; height: 150px; }

ul.mapa               { list-style: none }
ul.mapa li            { padding-bottom: 5px; }
ul.mapa li ul         { padding-top: 5px; }
ul.mapa li li         { list-style: none}
ul.mapa a             { text-decoration: none; color: blue}
ul.mapa a:hover       { text-decoration: underline}