* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: #D96C19; font: 77%/1.5 Arial, sans-serif; text-align: center; }

a { color: #FF4A00; }
a:hover { text-decoration: none; color: black; }

menu a { text-decoration: none; }

hr { display: none; }
#column h2 { color: #DC4700; font-size: 120%; text-transform: uppercase; }
#main h2 { color: black; font-size: 160%; margin: 10px 0; }

h3 { margin: 15px 0; font-size: 130%; }
h4 { margin: 10px 0; font-size: 100%; }

address { margin: 15px; }

ul { list-style-type: none; margin: 7px 0; }
ul li { padding-left: 18px; background: url('../images/bullet.gif') no-repeat 0px 4px; }

#page { width: 759px; margin: 0 auto; text-align: left; background: white url('../images/bg.gif') repeat-y top left; padding: 0 7px; min-height: 100%; position: relative; }
#header { position: relative; height: 147px; overflow: hidden; }
#header span, #header h1 { display: block; width: 100%; height: 159px; position: absolute; top: 0; left: 0; }
#header span { background: url('../images/header.jpg') no-repeat; }

#container { float: left; width: 410px; margin: 10px 20px; padding-bottom: 60px; }
menu { list-style-type: none; padding: 10px 0; }
menu li { float: left; padding: 0 10px 0 15px; background: url('../images/bullet.gif') no-repeat center left; }
#main { margin-top: 25px; text-align: justify; }
#main ul { margin: 15px 25px; list-style-type: square; }
#main ul li { background: none; padding: 0; }

#submenu { margin: 20px 0; }

#column { background: url('../images/triangles.gif') no-repeat right top; padding: 10px 20px 60px 0; }
#column div { margin-left: 450px; min-height: 93px; padding-left: 120px; margin-bottom: 20px; }

#pro_firmy { background: url('../images/pro_firmy.gif') no-repeat; }
#pro_skoly { background: url('../images/pro_skoly.gif') no-repeat; }
#lanova_centra { background: url('../images/lanova_centra.gif') no-repeat; }
#otevrene_programy { background: url('../images/otevrene_programy.gif') no-repeat; }


#footer { clear: both; text-align: center; position: absolute; bottom: 0; left: 0; height: 60px;  width: 773px; overflow: hidden; }

.pristupnost { position: absolute; top: -100em; }
hr.cleaner { display: block; clear: both; border: none; visibility: hidden; height: 1px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

img.left { margin: 10px 10px 10px 0; border: 3px solid #bbb; }
img.right { margin: 10px 0 10px 10px; border: 5px solid #ddd; padding: 1px; }

.foto { float: left; padding: 10px; text-align: center; }
.foto a img { width: 100px; margin-bottom: 5px; border: 5px solid #eee; }
.foto a { text-decoration: none; color: black; }
.foto a:hover img { border-color: black; }