body {margin: 0px; font-family:arial,sans-serif; font-size: 12px; background-image: url('back.gif');}
form {margin: 0px; padding: 0px;}
#ratan {position: absolute; left: 50%; width: 800px; margin-left: -400px; background: #FFF;}

#ratan-top {position:absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; background: #F07903; width: 800px; border-bottom: 1px solid #FFF;}
#ratan-top h3 {font-size: 13px; padding: 10px; margin: 0px; }
#ratan-top ul {position:absolute; top: 10px; left: 335px; list-style: none; padding: 0px; margin: 0px; font-weight:bold;}
#ratan-top ul li {display: inline; border-right: 2px solid #FFF; padding: 0px 5px 0px 5px; margin: 0px;}
#ratan-top ul li a, a:visited {text-decoration: none; color: #FFF;}
#ratan-top ul li a:hover {text-decoration: underline; color: #FFF;}
#ratan-top img {border: 0px; border-bottom: 1px solid #FFF; float: left;}
#ratan-top .htext {position:absolute; top: 40px; left: 0px; width: 780px; padding-right: 20px; text-align: right;}
#ratan-top .htext h3 {color: #F07903; font-weight:bold; font-size: 24px; margin: 0px; padding: 0px;}
#ratan-top .htext h4 {color: #6B0A07; font-size: 14px; margin: 0px; padding: 0px 0px 3px 0px;}
#ratan-top .htext h5 {color: #6B0A07; font-size: 12px; margin: 0px; padding: 0px;}

#ratan-levy {position:absolute; width: 175px; left: 0px; top: 0px; background: #E8E8E8; float: left;}
#ratan-levy ul {background: #FFF; padding: 0px; margin: 0px; list-style: none; font-weight:bold;}
#ratan-levy ul li {padding: 8px 0px 8px 0px; border-bottom: 1px solid #E2232A; padding-left: 10px; color: #E2232A;}
#ratan-levy ul li a, a:visited {text-decoration: none; color: #E2232A;}
#ratan-levy ul li a:hover {text-decoration: underline; color: #E2232A;}
#ratan-levy .ratan-levy-div {margin: 10px; padding: 10px 0px 10px 0px; border-bottom: 1px solid #FFF;}
#ratan-levy .ratan-levy-div span {color: #E72229; font-weight:bold;}
#ratan-levy .ratan-levy-div span a, a:visited {color: #E72229; text-decoration: none;}
#ratan-levy .ratan-levy-div span a:hover {color: #E72229; text-decoration: underline;}

#ratan-obsah {position:absolute; width: 800px; top: 248px; background: #FFF; float: left;}

#ratan-telo {float: left; position:relative; width: 460px; top: 0px; left: 175px; background: #FFF; background-image: url('ratan-subhead.jpg'); background-repeat: no-repeat;}
#ratan-telo .ratan-cesta {color: #6E0806; font-weight:bold; font-size: 13px; padding: 10px 0px 20px 10px;}
#ratan-telo .ratan-cesta a, a:visited {color: #6E0806; text-decoration: none;}
#ratan-telo .ratan-cesta a:hover {color: #6E0806; text-decoration: underline;}
#ratan-telo .ratan-polozka {width: 210px; float: left; padding: 0px 0px 20px 10px;}
#ratan-telo .ratan-polozka h2 {font-weight:bold; padding: 0px; margin: 0px; color: #F07903; font-size: 14px; padding-bottom: 10px;}
#ratan-telo .ratan-polozka h2 a, a:visited {text-decoration: none; color: #F07903;}
#ratan-telo .ratan-polozka h2 a:hover {text-decoration: underline; color: #F07903;}
#ratan-telo .ratan-polozka img {width: 200px; border: 1px solid #F07903;}
#ratan-telo .ratan-polozka p {padding: 0px; margin: 0px;}
#ratan-telo .ratan-polozka div {padding-top: 5px; width: 200px; color: #F07903; font-weight:bold; text-align: right;}
#ratan-telo .linecont {float: left;}

#ratan-telo .ratan-vyrobek {width: 420px; float: left; padding: 0px 0px 20px 10px;}
#ratan-telo .ratan-vyrobek h2 {font-weight:bold; padding: 0px; margin: 0px; color: #F07903; font-size: 16px; padding-bottom: 10px;}
#ratan-telo .ratan-vyrobek img {width: 200px; border: 1px solid #F07903; float: left;}
#ratan-telo .ratan-vyrobek ul {list-style: none; width: 180px; float: left; margin: 0px; padding: 0px 0px 0px 20px;}
#ratan-telo .ratan-vyrobek ul li {list-style: none; border-bottom: 1px solid #F07903; padding: 5px 0px 5px 0px;}
#ratan-telo .ratan-vyrobek .ratan-cena {width: 180px; float: left; color: #F07903; padding: 15px 0px 0px 20px; font-size: 13px; font-weight:bold;}
#ratan-telo .ratan-vyrobek .ratan-cena span {color: #000;}
#ratan-telo .ratan-vyrobek .ratan-doprava {width: 180px; float: left; color: #000; padding: 5px 0px 0px 20px;}
#ratan-telo .ratan-vyrobek .ratan-form {width: 380px; float: left; padding: 0px;}
#ratan-telo .ratan-vyrobek .ratan-form .ratan-dokosiku {width: 380px; text-align: right; padding-top: 140px;}
#ratan-telo .ratan-vyrobek .ratan-form .edit {width: 20px; text-align: center; background: #E8E8E8; border: 1px solid #E8E8E8;}
#ratan-telo .ratan-vyrobek .ratan-form .button {width: 120px; background: #FFF; border: 1px solid #FFF; color: #E2232A;}
#ratan-telo .ratan-vyrobek .ratan-form .ratan-form-button {width: 400px; text-align: right; float: left;}
#ratan-telo .ratan-vyrobek .ratan-popis {width: 380px; background: #E8E8E8; float: left; padding: 10px; margin-top: 20px;}
#ratan-telo .ratan-vyrobek .ratan-popis .ratan-popis-nadpis {color: #E2232A; padding-bottom: 5px; font-size: 12px; font-weight:bold;}
#ratan-telo .ratan-vyrobek .ratan-popis .ratan-provedeni {text-align: left; width: 50px; float: left;}
#ratan-telo .ratan-vyrobek .ratan-popis .ratan-provedeni-img {width: 40px; height: 40px; border: 1px solid #AAA; margin: 5px 0px 5px 0px;}

#ratan-telo .ratan-cisty-text {width: 420px; float: left; padding: 0px 0px 20px 10px;}
#ratan-telo .ratan-cisty-text h2 {font-weight:bold; padding: 0px; margin: 0px; color: #F07903; font-size: 16px; padding-bottom: 10px;}
#ratan-telo .ratan-cisty-text h3 {font-weight:bold; padding: 0px; margin: 0px; color: #F07903; font-size: 14px; padding-bottom: 8px;}
#ratan-telo .ratan-cisty-text h4 {font-weight:bold; padding: 0px; margin: 0px; color: #F07903; font-size: 12px; padding-bottom: 4px;}
#ratan-telo .ratan-cisty-text table {text-align: center; width: 100%; border-spacing: 0px;}
#ratan-telo .ratan-cisty-text table thead {font-weight:bold; background: #F07903; color: #FFF;}
#ratan-telo .ratan-cisty-text table tbody {background: #EEE;}
#ratan-telo .ratan-cisty-text table tbody tr td {border-bottom: 1px solid #CCC;}
#ratan-telo .ratan-cisty-text table tfoot {color: #F07903; font-weight:bold;}
#ratan-telo .ratan-cisty-text table .edit {border: 1px solid #AAA; width: 180px; margin: 5px;}
#ratan-telo .ratan-cisty-text table .button {border: 1px solid #AAA; width: 180px; margin: 5px;}
#ratan-telo .ratan-cisty-text .err {color: #F00;}
#ratan-telo .ratan-cisty-text a, a:hover{text-decoration: none; color: #F07903;}

#ratan-pravy {position: relative; top: 0px; left: 175px; float: left; background: #F07903; padding: 0px 15px 0px 15px; width: 135px;}
#ratan-pravy h3 {color: #FFF; padding: 10px 0px 10px 0px; margin: 0px; font-size: 13px;}
#ratan-pravy h2 {color: #70090A; padding: 15px 0px 10px 0px; margin: 0px; font-size: 12px; width: 135px;}
#ratan-pravy h2 a, a:visited {color: #70090A; text-decoration: none;}
#ratan-pravy h2 a:hover {color: #70090A; text-decoration: underline;}
#ratan-pravy img {border: 1px solid #FFF; width: 135px;}
#ratan-pravy div  {width: 135px; color: #FFF; font-weight:bold; text-align: right; padding: 10px 0px 10px; 0px; border-bottom: 1px solid #FFF; margin-bottom: 5px;}