html, body, form, h1, h2, h3, h4, form, fieldset, legend, img {margin: 0; padding: 0; border: 0; outline: 0;}
body {margin: 0 0 10px; font-family: sans-serif; font-size: 12px; color: #666; background: url('../grafika/hlavicka/bg.gif') 0 13px repeat-x;}
a {color: #8a7866;}
#wrap {width: 884px; margin: 13px auto 0; padding: 0 38px;}

/* Hlavicka h77px */
#header {position: relative; height: 72px; margin: 0 0 10px; padding: 0 0 0 1px; overflow: hidden;}
#header h1 {display: none;}
#header img {float: left; margin: 0 19px 0 0;}
#header ul {margin: 0; padding: 0; list-style-type: none; text-transform:uppercase;}
#header li {float: left;}
#header li a {display: block; height: 46px; margin: 26px 0 0; padding: 0 20px; line-height: 46px; border-right: 1px dotted #fff; color: #fff; text-decoration: none; font-weight: bold; _width: 0;}
#header li a.first {border-left: 1px dotted #fff;}
#header li a:hover {background: url('../grafika/hlavicka/menu.gif') left top repeat-x;}
#header form {position: absolute; right: 10px; top: 6px;}
#header form input.hledat {vertical-align: middle; border: 1px solid #dcdcdc; font-size: 10px; padding: 1px 2px; width: 100px;}
#header form .hledat_btn {vertical-align: middle;}
#header form label {vertical-align: middle; color: #EE4023; font-weight: bold; font-size: .9em;}


/* Paticka*/
#footer {position: relative; height: 50px; clear: both; border-top: 2px solid #c0c0c0;}
#footer .keloclogo, #footer .makitalogo {position: absolute; width: 70px; height: 32px; top: 8px;}
#footer .keloclogo {width: 130px; right: 10px; color: #999; font-size: 10px; text-align: right;}
#footer .makitalogo {width: 180px; right: 10px; color: #db0b0b; font-size: 10px;}
#footer div img {float: left;}
#footer div div {float: right; margin: 4px 0 0;}
#footer a {text-decoration: none; color: #999; font-size: 9px;}
#footer a:hover {text-decoration: underline;}
#footer .makitalogo {left: 10px;}

/* Hlavni obsah w780 */
#main {width: 683px; float: right; padding: 0 10px 10px; margin: 0 0 10px;}

/* Uvodni strana */
#uvod .big {width: 880px; height: 505px; background: transparent url('../grafika/uvod/big.jpg') left top no-repeat;}
#uvod .top, #uvod .top2 {position: relative; height: 130px; width: 411px; float: left; margin: 10px 10px 20px 0; padding: 12px; background: #e24226 url('../grafika/uvod/bg.gif') left top repeat-x; color: #fff;}
#uvod .top p, #uvod .top2 p {margin: 8px 0 0;}
#uvod .top2 {margin-right: 0;}
#uvod h2 {font-size: 1.6em;}
#uvod a {position: absolute; bottom: 12px; left: 12px; color: #fff;}
#uvod .img {float: right; width: 190px; height: 130px; margin-left: 20px; background: #fff;}
#uvod .img a {position: static;}

table {border-collapse: collapse; width: 100%;}
table tr {vertical-align: top;}
table th {font-size: 14px; text-align: left; color: #ee4023;}
table td {border-top: 1px solid #bbb;}

.telo {width: 720px; margin: 25px 0 40px 55px}
.telo h1 {margin: 10px 0;}
.telo h2 {margin: 10px 0 0; font-weight: normal;}
.telo p {margin: 5px 0;}
.telo ul {margin: 5px 0; padding: 0 0 0 25px;}

/* -- - - -- */
.hr {border-top: 1px dashed #ccc; margin: 8px auto;}
.hr hr {display: none;} /*hr {clear: both; margin: .4em auto; border: 0; border-top: 1px dashed #ccc; height: 1px;}*/

a img {border: 0;}
a:hover {text-decoration: none;}

.color1 {color: #C48E48;}

.border {border: 1px solid #ccc; padding: 3px;}
.tright {text-align: right !important;}
.tleft {text-align: left !important;}
.tcenter {text-align: center !important;}
.tbold {font-weight: bold !important;}
.vatop {vertical-align: text-top;}

.free {height: 30px;} .free td {background: transparent;}
.clr {clear: both;}