body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend {margin:0; padding:0} /* zakladni reset */

/* obecne styly - zakladni formatovani */
html {background:#fff}
body {font: normal 62.5%/1 Arial,Verdana,sans-serif;color:#000;width:900px;margin:0 auto;padding:15px 0}
input, select, label {vertical-align:middle}
ul {list-style-type:none}
img {border:0}
p {line-height:1.7}
hr {display:none}
img {border:1px solid #ccc}

/* nadpisy */
h1, h2, h3, h4, h5, h6 {font-family:Georgia,serif;font-weight:normal;clear:both;margin:25px 5px 15px}
h1 {font-size:2em}
h2 {font-size:1.8em}
h3 {font-size:1.6em}
h4 {font-size:1.4em}
h5, h6 {font-size:1.3em}

/* odkazy obecne */
a {color:#0099CC;font-weight:bold;text-decoration:underline}
a:hover {color:#00759B;text-decoration:none}

/* hlavicka */ 
.header {height:150px;position:relative;background-image: URL('img/hlavicka.jpg');margin:0 0 10px 0;border-bottom:10px solid #482704}
/* hlavicka - odkaz */
.header a {width:0;padding-left:900px;height:150px;overflow:hidden;position:absolute;top:0;left:0;cursor:pointer}

/* odkaz pro preskoceni na navigaci */
ul.usability {position:absolute;top:0;left:-9999px}

/* hlavni obsah */
.content {float:left;width:610px;font-size:1.3em;padding:10px 20px}

/* hlavni obsah - seznam */
.content ul {margin:15px 0}
.content ul li {padding:5px 10px}

/* hlavni obsah - tabulka */
.content table {width:100%;border-collapse:collapse;border:1px solid #ccc;margin:15px 0}
.content th {background:#D5F4FF}
.content th, .content td {padding:5px;text-align:center}

/* hlavni obsah - formular */
.content form p {padding:5px;clear:left;margin:0}
.content form fieldset {padding:20px;border:1px solid #ccc}
.content form legend {font-style:italic;font-size:1.17em}
.content form label {float:left;width:105px}
.content form input {padding:2px}

/* hlavni obsah - dalsi prvky */
.content p {margin:15px 0}
.content img {float:left;margin:0 10px 5px 0}
/* produkty */
.content .product {margin:0 0 50px 0;clear:both;line-height:1.7}
.content .product img {float:left;margin:0 10px 5px 0;width:110px;max-height:150px;}
.content .product div {margin:15px 0;clear:none;}
.content .product h3 {font-family:Arial,Verdana,sans-serif;display:inline;font-size:1.1em;font-weight:bold;margin:0;clear:none;}
.content .product p {margin:5px 0;}
/* zpravy */
.content .error {color:#ff0000;line-height:1.25em;}
.content .message {background-color:#f5f5f5;padding:5px;border:1px solid #ccc;margin:5px 0;line-height:1.25em;}
.content .message .author {display:block;}
.content .message ins {display:block;text-decoration:none;}
.content .message p {background-color:#fff;padding:5px;margin:10px 0;}

/* pravy sloupec */
.aside {float:right;width:220px;;padding:20px 15px;font-size:1.3em}

/* pravy sloupec - menu */
.aside ul li {float:left;width:100%}
.aside ul li a {display:block;background:#e7d08a;color:#000;text-decoration:underline;font-weight:normal;padding:5px 8px;border-bottom:1px solid #E0E0E0;margin:3px 0}
.aside ul li a:hover {color:#000;text-decoration:none;background:#ca9d40}

/* pravy sloupec - dalsi prvky */
.aside address {font-style:normal;line-height:1.5;margin:20px 0;background:#F5F5F5;padding:10px}
.aside img {display:block;margin:10px auto}
.aside p {clear:both}

/* paticka */
.footer {clear:both;padding:10px;text-align:center;font-size:1.2em;background:#e7d08a;border-top:10px solid #482704}

/* cistic */
.clr {clear:both;height:0;font-size:0;line-height:0}