body {padding: 0; margin: 0; font: 70%/150% arial, "Arial CE"; text-align: center; background: #000 url("../images/pozadi.gif") top center no-repeat;}
a {color: #ffffff;}
a:hover {color: #191919;}
form {padding: 0; margin: 0;}
p {margin: 5px 0 10px 0;}
h2 {font-size: 145%; line-height: 140%; color: #fff; padding: 0; margin: 25px 20px 25px 0; text-align: right;}
h3 {font-size: 125%; color: #fff; padding: 6px 0 4px 0px; margin: 25px 0 15px 0;}
h4 {font-size: 115%; color: #fff; margin-bottom: 10px;}
h5 {font-size: 100%; margin: 0; padding: 5px 0 0 0;}
ul {padding: 0 0 0 45px; margin: 10px 0 25px 40px;}
ul li li {padding: 0; margin: 0 0 0 -40px;}
li {line-height: 140%;}
dl {line-height: 120%; padding: 10px 0 20px 0; margin: 0;}
dt {left: 0; float: left; padding: 0 0 0 40px; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.5em 140px; border: 0;}
table {font-size: 100%; color: #fff; border-collapse: collapse;}
fieldset {clear: both; border: 1px solid #C2160C; color: #ffffff; padding: 0 2px 5px 0; margin: 0 10px 20px 10px;}
legend {padding: 10px 5px 10px 5px; font-size: 90%; color: #F90200; font-weight: bold; float: right;}
input {font-size: 100%; margin: 0 0 2px 0px; _margin: 0 0 2px 0;}
select {margin: 0 0 2px 0; font-size: 100%;}

#container {width: 990px; margin-left: auto; margin-right: auto; text-align: left; font-size: 100%; color: #ffffff; min-height: 800px; _height: 800px;}
#hlavicka0 {width: 990px; padding: 0; margin: 0; border: 0;}
#hlavicka {float: left; height: 95px; padding: 25px 0 0 0;}
#hlavicka #logo {position: relative; width: 210px; height: 60px; overflow: hidden; margin: 0 0 0 395px; padding: 0; font-size: 200%;}
#hlavicka #logo span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo.gif") 0 0 no-repeat; cursor: pointer;}

#stred0 {width: 990px; float: left; padding: 0; marign: 0; border: 0; font-size: 105%; }
#stred {padding: 0 0 5px 30px; margin: 0 0 10px 0;}

.okna {clear: both; width: 100%;}
.okno0 {float: left; height: 286px; padding: 0; margin: 0 0 20px 0; _margin: 0 17px 0 5px;}
.okno1, .okno2, .okno3, .okno4, .okno5, .okno6 {float: left; width: 315px; height: 286px; padding: 12px 0 0 0; margin: 0; _margin: 0; font-size: 100%; background: url("../images/okno-trade.png") left top no-repeat;}
.okno2 {background: url("../images/okno-computer.png") left top no-repeat;}
.okno3 {width: 320px; color: #1f1f1f; background: url("../images/okno-logistic.png") left top no-repeat;}
.okno4 {color: #1f1f1f; background: url("../images/okno-distribution.png") left top no-repeat;}
.okno5 {color: #1f1f1f; background: url("../images/okno-ski.png") left top no-repeat;}
.okno6 {color: #1f1f1f; background: url("../images/okno-sport.png") left top no-repeat;}
.okno3 a, .okno4 a, .okno5 a, .okno6 a {color: #1f1f1f;}
.okno3 a:hover, .okno4 a:hover, .okno5 a:hover, .okno6 a:hover {color: #cc0000; text-decoration: underline;}
.okno-www {width: 310px; margin: 0; padding: 0; text-align: center; font-size: 100%; font-weight: bold;}
.okno-www a {color: #fff;}
.okno-www a:hover {color: #cc0000;}
.okno ul {padding: 0 0 0 35px; margin: 10px 0 0 10px; _margin: 10px 0 10px 10px;}
.okno li {line-height: 120%; list-style-type: square; font-size: 100%; padding-right: 10px;}
.okno {height: 252px; line-height: 120%; text-decoration: none;}
.okno a {text-decoration: none;}
.okno a:hover {text-decoration: underline;}
.okno p {padding: 10px 22px 0 20px; margin: 0;}
.okno1 #logo1 {position: relative; width: 169px; height: 46px; overflow: hidden; margin: 0 0 0 75px; padding: 0; font-size: 200%;}
.okno1 #logo1 span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo-trade.gif") 0 0 no-repeat; cursor: pointer;}
.okno2 #logo2 {position: relative; width: 146px; height: 46px; overflow: hidden; margin: 0 0 0 75px; padding: 0; font-size: 200%;}
.okno2 #logo2 span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo-computer.gif") 0 0 no-repeat; cursor: pointer;}
.okno3 #logo3 {position: relative; width: 208px; height: 46px; overflow: hidden; margin: 0 0 0 45px; padding: 0; font-size: 200%;}
.okno3 #logo3 span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo-logistic.gif") 0 0 no-repeat; cursor: pointer;}
.okno4 #logo4 {position: relative; width: 91px; height: 72px; overflow: hidden; margin: 0 0 0 105px; padding: 0; font-size: 200%;}
.okno4 #logo4 span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo-distribution.gif") 0 0 no-repeat; cursor: pointer;}
.okno5 #logo5 {position: relative; width: 194px; height: 72px; overflow: hidden; margin: 0 0 0 50px; padding: 0; font-size: 200%;}
.okno5 #logo5 span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo-ski.gif") 0 0 no-repeat; cursor: pointer;}
.okno6 #logo6 {position: relative; width: 164px; height: 72px; overflow: hidden; margin: 0 0 0 70px; padding: 0; font-size: 200%;}
.okno6 #logo6 span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo-sport.gif") 0 0 no-repeat; cursor: pointer;}