body, html { margin: 0; padding: 0; border: 0; font:1em sans-serif; background: url(obr/mrizka.gif) top center white; color: black; height:100%; text-align: center; }
#telo { margin: 0; padding: 0; width: 645px; background: url(obr/mrizka.gif) top center white; position: relative; margin: auto; text-align: left }
#logo { margin: 0; padding: 0; width: 400px; height: 75px; background:url("obr/logo-bpo.gif") top left no-repeat; }
#logo h2 { padding: 30px 0 0 0; display: block; margin: 0; width: 400px; height: 45px; position: relative; text-align: left; background: none }
#logo h2 span { padding: 0; display: block; z-index: 1; background: url("obr/logo-bpo.gif") top left no-repeat; left: 0; margin: 0px; cursor: hand; width: 400px; height: 75px; position: absolute; top: 0 }
#logo a { color: #008F55 }

#nadpis { color: #008F55; font-weight: strong; font-size: 120%; position: absolute; left: 98px; top: 27px }

#navi { margin: 0; padding: 0; height: 40px; background: url("obr/navi.gif") top left no-repeat } 
#navie { margin: 0; padding: 12px 0 0 0; text-align: left }
#navie a { padding: 0 0 0 10px; font-size: 75%; }
#navie a:link { color: #3B3B3B; text-decoration: underline; }
#navie a:visited { color: #3B3B3B; text-decoration: underline; }
#navie a:active { color: #008F55;; text-decoration: underline; }
#navie a:hover { color: #008F55;; text-decoration: underline; } 
#naviie { margin: 0; padding: 12px 10px 0 0; float: right }
#naviie a { padding: 0 0 0 10px; font-size: 75%; }
#naviie a:link { color: #3B3B3B; text-decoration: underline; }
#naviie a:visited { color: #3B3B3B; text-decoration: underline; }
#naviie a:active { color: #008F55; text-decoration: underline; }
#naviie a:hover { color: #008F55; text-decoration: underline; } 
	
#dropmenudiv{
position:absolute;
border: 0;
z-index:100;
}

#dropmenudiv a{

display: block;
border 0;
padding: 0;
text-decoration: underline;
background-color: #F2F2F2;
text-align: left;
font-size: 80%
}

#dropmenudiv a { background-color: #F2F2F2; }
#dropmenudiv a:link { color: #3B3B3B; }
#dropmenudiv a:visited { color: #3B3B3B; }
#dropmenudiv a:active { color: #008F55; }
#dropmenudiv a:hover { color: #008F55; }





#navig { margin: 0; padding: 0; height: 215px; background: url("obr/navig.gif") top left no-repeat; text-align: left }  
#navig ul { padding: 5px 0 0 15px; margin: 0; font-size: 75%; color: black }
#navig li { padding: 3px 0 0 0; margin: 0; list-style-type: square }
#navig a:link li { color: black; text-decoration: none; }
#navig a:visited li { color: black; text-decoration: none; }
#navig a:active li { color: black; text-decoration: none; }
#navig a:hover li { color: black; text-decoration: none; }
#architektura { margin: 0; padding: 55px 35px 45px 35px; position: absolute; left: 0; top: 115px; width: 212px; height: 212px }
#technologicke { margin: 0; padding: 45px 35px 45px 35px; position: absolute; left: 216px; top: 115px; width: 212px; height: 212px }
#inzenyrske { margin: 0; padding: 45px 35px 45px 35px; position: absolute; left: 430px; top: 115px; width: 212px; height: 212px }

.obrazky { margin: 45px 0 0 45px }

a { font-size: 100%; }
a:link { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:active { color: black; text-decoration: underline; }
a:hover { color: black; text-decoration: underline; }

.cisty { clear: both }

#navidole { margin: 0; padding: 10px 0 0 10px; height: 40px; background: url("obr/navidole.gif") top left no-repeat; font-size: 80%; color: #3B3B3B; } 

#pata { color: #666666; margin: 0; padding: 0 0 10px 0; width: 645px; background: url("obr/cara.gif") top left no-repeat }
#pata a { padding: 0; font-size: 100%; }
#pata a:link { color: #666666; text-decoration: underline; }
#pata a:visited { color: #666666; text-decoration: underline; }
#pata a:active { color: #008F55; text-decoration: underline; }
#pata a:hover { color: #008F55; text-decoration: underline; } 


img { border: 0; padding: 0; margin: 0}

table { border: 0; padding: 0; margin: 0; font-size: 75%; }

#text { width: 645px; padding: 5px 0 10px 0 }
#text a { padding: 0; font-size: 100%; }
#text a:link { color: #55C85E; text-decoration: underline; }
#text a:visited { color: #55C85E; text-decoration: underline; }
#text a:active { color: #008F55; text-decoration: underline; }
#text a:hover { color: #008F55; text-decoration: underline; } 
#text ul { color: black }
#text ul a:link { color: #55C85E; text-decoration: underline; }
#text ul a:visited { color: #55C85E; text-decoration: underline; }
#text ul a:active { color: #008F55; text-decoration: underline; }
#text ul a:hover { color: #008F55; text-decoration: underline; }

#text1 { width: 420px; padding: 5px 0 10px 0 }
#text1 a { padding: 0; font-size: 100%; }
#text1 a:link { color: #55C85E; text-decoration: underline; }
#text1 a:visited { color: #55C85E; text-decoration: underline; }
#text1 a:active { color: #008F55; text-decoration: underline; }
#text1 a:hover { color: #008F55; text-decoration: underline; } 
#text1 ul { color: black }
#text1 ul a:link { color: #55C85E; text-decoration: underline; }
#text1 ul a:visited { color: #55C85E; text-decoration: underline; }
#text1 ul a:active { color: #008F55; text-decoration: underline; }
#text1 ul a:hover { color: #008F55; text-decoration: underline; }

#text2 { width: 205px; border: 0; margin: 10px 0 0 0; padding: 0 0 10px 10px; position: absolute; top: 390px; left: 430px }
#text2 a { padding: 0; font-size: 100%; }
#text2 a:link { color: #55C85E; text-decoration: underline; }
#text2 a:visited { color: #55C85E; text-decoration: underline; }
#text2 a:active { color: #008F55; text-decoration: underline; }
#text2 a:hover { color: #008F55; text-decoration: underline; } 

ul { padding: 5px 0 0 15px; margin: 0; font-size: 75%; color: #666666 }
li { padding: 3px 0 0 0; margin: 0; list-style-type: square }

li a { padding: 0; font-size: 100%; }
li a:link { color: #55C85E; text-decoration: underline; }
li a:visited { color: #55C85E; text-decoration: underline; }
li a:active { color: #008F55; text-decoration: underline; }
li a:hover { color: #008F55; text-decoration: underline; } 

#text3 { width: 645px; padding: 5px 0 10px 0 }
#text3 ul { color: black }
#text3 ul a:link { color: black; text-decoration: underline; }
#text3 ul a:visited { color: black; text-decoration: underline; }
#text3 ul a:active { color: #008F55; text-decoration: underline; }
#text3 ul a:hover { color: #008F55; text-decoration: underline; } 

p { text-align: left; font-size: 75%; padding: 5px 0 0 0; margin: 0; border: 0}

.osoby { width: 215px; padding: 5px 20px 5px 0; vertical-align: top }

.zelena { color: #4DAD51; font-weight: bold; padding: 0 }
.iso { width: 125px; padding: 5px 0 0 40px }
.cerna { color: black }


h1 { color: #008F55; font-size: 110%; padding: 10px 0 0 0; margin: 0; text-align: left }
h2 { color: #4DAD51; font-size: 100%; padding: 10px 0 0 22px; margin: 0; border: 0; background: url("obr/puntik.gif") top left no-repeat; text-align: left }
h3 { color: black; font-size: 90%; padding: 10px 0 0 0; margin: 0; text-align: left }

.prava { width: 205px; padding: 0 0 0 10px; float: right; border: 0; }
.cisty { clear: both }
.stred { text-align: center }
#isologo { position: absolute; top: 20px; left: 535px }

.refer { font-size: 75%; padding: 5px 0 0 0; margin: 0 }
.leva { width: 90px; height: 90px; padding: 5px 10px 0 0; float: left; margin: 0; border: 0 }