body {margin: 0px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; 
fontsize: 100%; color: #000; background-color: #DDDDDD; 
background-image: url(images/bg.gif); backgroundposition: top left; 
background-repeat: repeat-x;
background-attachment: scroll}

p {text-indent: 30px; margin:0px; text-align:justify;}

a {test-decoration: none}
a:link {color:#ff6600}
a:visited {color:#663333}
a:active {color:#993300}
a:hover {text-decoration: underline}


div {position: absolute; margin: 0px; padding: 0px; border-style: none}

#upbar {top: 15px; left: 0px; height: 70px; width: 100%; background-color: #f0f0f0; margin: auto; border-top: 1px solid #ff6600; border-bottom: 1px solid #ff6600}

#logo1 {top: 0px; left: 0px; width: 400px; height: 100px; background-image: url(images/logo1.gif); background-position: center; background-repeat: no-repeat}

#logo1a {top: 0px; left: 0px; width: 300px; height: 100px; background-image: url(images/logo1a.gif); background-position: center; background-repeat: no-repeat}

#logo2 {top: 0px; right: 0px; width: 300px; height: 100px; background-image: url(images/logo2.gif); background-position: center; background-repeat: no-repeat}
#logo2a {top: 0px; right: 0px; width: 100px; height: 100px; background-image: url(images/logo2a.gif); background-position: center; background-repeat: no-repeat}
#navbar {top: 120px; left: 20px; width: 9em; height: 50em; background-color: #666666}
#navbar2 {position: relative; top: 10px; width: 9em, height: 10em}
#navlinks {top: 110px; left: 10px; width: 9em; height: 50em; font-family: Arial Narrow; font-size: 100%; text-align: left; overflow: hidden; background-color: #f0f0f0; border: 1px solid #ff6600}
#navlinks a:link { color: #666666; text-decoration: none }
#navlinks a:visited { color: #663333; text-decoration: none }
#navlinks a:hover { color: #ff6600; text-decoration: underline }
#navlinks p {margin: 1ex; margin-top: 3ex; text-indent: 0px; text-align:center;}
#main {top: 120px; left: 12em; width: auto; align: left; text-align: left}
#telo {top: 120px; left: 0em; width: 100%; align: center; text-align: left}
#banner {top: 20px; right: 20px; width: 468px; height:60px; background-color: #ffffff}
#logotype {width: 100px; height: 100px; border-style: none}
#pocitadlo {left: 50px; margin: 0px auto; width: 9em}

.ram {margin: 50px}



h1 {font-size: 200%; color: #ff6600}
h2 {font-size: 100%; color: #331100}


#downbar {height: 1.2em; width: 100%; background-color: #f0f0f0; margin: auto; border-top: 1px solid #ff6600; border-bottom: 1px solid #ff6600}
#downbar a:link { color: #666666; text-decoration: none }
#downbar a:visited { color: #663333; text-decoration: none }
#downbar a:hover { color: #ff6600; text-decoration: underline }


