body {position: relative; margin: 0px; padding: 0px; background: #FFF url('images/bg.gif') left top repeat-x; color: #000; font-size: 0.9em;}
body, input, select, textarea {font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;}

form {margin: 0; padding: 0;}
input {vertical-align: middle;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.clear {clear: both;}
/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 0.3em; font-size: 1em; color: #237cb3;}
h1 {font-size: 3em; margin: 8px 0 0 0; text-transform: uppercase;}
h2 {font-size: 1.3em; margin: 30px 0 10px 0;}
h3 {font-size: 1.2em; margin: 0.5em 0 0.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em; color: #000; font-weight: normal;}
p {font-size: 1em; margin: 0 0 0.5em;}

/* link */
a {color: #eb492d; outline: none;}
a:hover {text-decoration: none;}
a span { cursor:pointer; }

/* list */
ul, ol {margin: 10px 0; padding: 0 20px;}
ul ul, ul ol, ol ul {margin: 0;}
li {margin-left: 35px; padding: 2px 0;}
ul li {list-style: square;}
ol li {list-style: decimal;}
.no-bullets li {margin-left: 0; list-style: none;}

/* table */
div.table {width: 600px; _clear: both; margin: 0 0 0 1px; @margin-left: 0;}
th.section {background: #f8f8ff; font-weight: bold;}
.even {background: #eee}
.odd { }

/* image */
img2 {border: 1px solid #DBDBDB; vertical-align: middle; margin: 2px;}
img.image-left {float: left;  margin: 3px 8px 2px 0;}
img.image-right {float: right; margin: 3px 0 2px 8px;}
span.image-left  {float: left;  margin: 3px 8px 2px 0;}
span.image-right {float: right; margin: 3px 0 2px 8px;}
img.no-border {border: 0;}
img.ico {background: #f0f8ff; margin-right: 5px;}

/* Code and such */
pre {line-height: 1; padding: 10px; margin: 10px 0; font-family: monospace; border: 1px solid #000; background: #f8faff; font-size: 1em; white-space: normal; _width: 570px; _overflow: auto; display: block; }
code {font-family: monospace; font-weight: bold; }
acronym {border-bottom: 1px dotted black; cursor: help;}

hr, .hide {display: none;}
#main {position: relative; width: 800px; margin: 0 auto;}

#header {position: relative; width: 744px; margin: 0 28px; padding: 0;}
#header h1 {display: block; margin: 0;}
#header h1 a {display: block; width: 480px; height: 80px; background: url('images/title.gif') 0 0 no-repeat;}

#top {width: 744px; height: 351px; background: url('images/top-bg.gif') center top no-repeat;}
#top .inner {position: relative; width: 740px; height: 213px; margin: 0 2px;}
#top .inner p.text {position: absolute; left: 282px; top: 38px; width: 431px; height: 75px; background: url('images/inner-text.gif') 0 0 no-repeat;}
#top .inner p.text2 {position: absolute; left: 282px; top: 120px; width: 431px; height: 75px; color: #237cb3; font-size: 1em;}
#top h2 {color: #eb492d;}
#top p {color: #00597b;}
#top .inner_bottom {position: relative; width: 744px; height: 138px; background: url('images/topbottom-bg.gif') left top no-repeat;}
#top .inner_bottom ul, #top .inner_bottom li {padding: 0; margin: 0; list-style: none;}
#top .inner_bottom ul {position: absolute; left: 282px;}
#top .inner_bottom li {display: block; float: left; width: 99px; height: 109px; background: 0 0 no-repeat; margin-right: 11px;}
#top .inner_bottom li.osautomobily {background-image: url('images/ico-osautomobily.gif');}
#top .inner_bottom li.motocykly {background-image: url('images/ico-motocykly.gif');}
#top .inner_bottom li.nkautomobily {background-image: url('images/ico-nkautomobily.gif');}
#top .inner_bottom li.stroje {background-image: url('images/ico-stroje.gif');}

#middle {margin: 20px 52px;}
#middle h2 {margin: 30px 0 10px 0; text-transform: uppercase; background: url('images/h2-bg.gif') left bottom no-repeat;}
#middle h2 span {text-transform: lowercase;}
#middle p {color: #525252;}
#middle p a {color: #525252;}
#middle ul, #middle li {color: #525252; padding: 0; margin: 0; list-style: none;}
#middle ul {margin: 10px 0;}
#middle li {padding-left: 20px;  background: url('images/li-star.gif') 0 2px no-repeat;}
#middle .loga {display: block; float: right; width: 404px; height: 46px; margin: 20px 0 0 0; background: url('images/loga.gif') left top no-repeat;}

#foot {clear: both; margin-top: 20px; background: #237cb3;}
#foot p {width: 740px; margin: 0 auto; padding: 20px 30px; color: #FFF; text-align: right;}
#foot p a {color: #FFF; text-decoration: none; font-weight: normal;}
#foot p a:hover {text-decoration: underline;}

.border_top {width: 703px; background: url('images/border-top.gif') left top no-repeat; padding-top: 10px; margin: 20px 0;}
.border_bottom {width: 703px; background: url('images/border-bottom.gif') left bottom no-repeat;  padding-bottom: 10px;}
.border_middle {width: 703px; background: url('images/border-bg.gif') repeat-y; padding: 0 15px;}
.border_middle p {margin: 0; padding: 0;}
.border_middle h3 {margin: 0 0 10px 0; padding: 0;}