﻿body {margin: 0; padding: 0; background: rgb(207,201,199);}

div#rel {position: relative; width: 980px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0;}

div#head01 {position: absolute; background: url(images/head01.jpg) no-repeat; top: 0px; left: 0px; width: 980px; height: 690px;}
div#logo {position: absolute; top: 21px; left: 89px; width: 189px; height: 55px;}

div#links {background: none; position: absolute; top: 40px; left: 500px; width: 440px;}
div#links a {display: inline; font: 12px Arial; color: rgb(255,255,255); text-decoration: none; padding: 5px 29px 5px 11px;}
div#links a:hover {color: rgb(255,204,0);}
div#links .aktual {background: url(images/links.jpg) no-repeat;}

div#box011 {background: none; position: absolute; top: 390px; left: 100px; width: 200px; /*border: 1px solid black;*/ font: 11px Arial; color: rgb(255,255,255);}
div#box011 a {font: bold 16px Arial; color: rgb(255,255,255); text-decoration: none;}
div#box011 a:hover {color: rgb(255,204,0);}
div#box012 {background: none; position: absolute; top: 475px; left: 50px; width: 205px; /*border: 1px solid black;*/ font: 12px Arial; color: rgb(0,0,0);}
div#box013 {background: none; position: absolute; top: 605px; left: 75px; width: 75px; /*border: 1px solid black;*/ font: 11px Arial; color: rgb(255,255,255);}
div#box013 a {font: bold 14px Arial; color: rgb(255,255,255); text-decoration: none;}
div#box013 a:hover {color: rgb(255,204,0);}

div#box01obr {position: absolute; top: 440px; left: 247px;}

div#box021 {background: none; position: absolute; top: 390px; left: 412px; width: 200px; /*border: 1px solid black;*/ font: 11px Arial; color: rgb(255,255,255);}
div#box021 a {font: bold 16px Arial; color: rgb(255,255,255); text-decoration: none;}
div#box021 a:hover {color: rgb(255,204,0);}
div#box022 {background: none; position: absolute; top: 475px; left: 362px; width: 220px; /*border: 1px solid black;*/ font: 12px Arial; color: rgb(0,0,0);}
div#box022a {background: none; position: absolute; top: 510px; left: 362px; width: 140px; /*border: 1px solid black;*/ font: 12px Arial; color: rgb(0,0,0);}
div#box023 {background: none; position: absolute; top: 605px; left: 387px; width: 75px; /*border: 1px solid black;*/ font: 11px Arial; color: rgb(255,255,255);}
div#box023 a {font: bold 14px Arial; color: rgb(255,255,255); text-decoration: none;}
div#box023 a:hover {color: rgb(255,204,0);}

div#box02obr {position: absolute; top: 454px; left: 505px;}

div#box031 {background: none; position: absolute; top: 390px; left: 724px; width: 220px; /*border: 1px solid black;*/ font: 11px Arial; color: rgb(255,255,255);}
div#box031 a {font: bold 16px Arial; color: rgb(255,255,255); text-decoration: none;}
div#box031 a:hover {color: rgb(255,204,0);}
div#box032 {background: none; position: absolute; top: 475px; left: 675px; width: 190px; /*border: 1px solid black;*/ font: 12px Arial; color: rgb(0,0,0);}
div#box033 {background: none; position: absolute; top: 605px; left: 700px; width: 75px; /*border: 1px solid black;*/ font: 11px Arial; color: rgb(255,255,255);}
div#box033 a {font: bold 14px Arial; color: rgb(255,255,255); text-decoration: none;}
div#box033 a:hover {color: rgb(255,204,0);}

div#box03obr {position: absolute; top: 440px; left: 890px;}

div#box00 {background: none; position: absolute; top: 293px; left: 87px; width: 75px; /*border: 1px solid black;*/ font: 11px Arial; color: rgb(255,255,255);}
div#box00 a {font: bold 14px Arial; color: rgb(255,255,255); text-decoration: none;}
div#box00 a:hover {color: rgb(255,204,0);}



div#text01 {position: absolute; top: 690px; left: 0px; background: rgb(196,190,184); width: 980px; /*height: 330px;*/}

img {padding: 0px; margin: 0px; border: none;}
img.vlevo {float: left; margin: 5px; padding: 1px; /*border: 1px solid rgb(186,119,118);*/}
img.vpravo {float: right; margin: 5px 20px 5px 5px; padding: 1px; /*border: 1px solid rgb(186,119,118);*/}

div.kontakt {background: none; position: absolute; top: 725px; left: 700px; width: 120px; height: 265px;}
div.ionic {background: none; position: absolute; top: 700px; left: 720px; width: 150px; height: 300px;}

p {font: 12px Arial; color: rgb(0,0,0); margin: 0; padding: 0 10px 10px 40px;}
p a {text-decoration: underline; color: rgb(188,92,91);}
p a:hover {color: rgb(0,0,153);}
p.mezi {font: 8px Arial; margin: 0; padding: 0 10px 10px 40px;}

h1 {font: 18px Verdana; color: rgb(44,60,67); margin: 0; padding: 0 10px 10px 40px;}
h2 {font: bold 16px Arial; color: rgb(60,27,19); margin: 0; padding: 0 10px 10px 40px;}
h3 {font: bold 12px Arial; color: rgb(173,55,9); margin: 0; padding: 0 10px 10px 40px;}

div#copy {position: relative; /*top: 300px;*/ left: 0px; background: rgb(132,128,121); width: 960px; height: 40px; font: 10px Verdana; color: rgb(255,255,255); margin: 0; padding: 30px 10px 0 10px;}

ul {list-style: square; color: rgb(60,27,19); font: 12px Arial; padding: 5px 5px 5px 20px; margin: 0 15px 5px 50px;}
ul a {text-decoration: none; color: rgb(173,55,9);}
ul a:hover {color: rgb(0,0,0); text-decoration: underline;}

/*ol {color: rgb(31,70,102); font: 10px Verdana; padding: 5px 5px 0 20px; margin: 5px 5px 5px 25px;}
ol a {text-decoration: none; color: rgb(204,0,0);}
ol a:hover {color: rgb(0,0,0);}*/

table {margin: 10px 5px 0 50px; padding: 5px; text-align: center;}
table.dot {margin: 10px 5px 0 50px; padding: 5px; text-align: left; border: 1px solid rgb(169,169,169); border-collapse: collapse;}
td {font: 12px Tahoma; color: rgb(104,104,104); margin: 5px; padding: 2px; border: 1px solid rgb(169,169,169);}
th {font: bold 12px Tahoma; color: rgb(0,0,0);}

