body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle}
ul, ol {list-style-type:none}
p {line-height:1.7}
table {border-collapse: collapse; border-spacing: 0}
hr {display:none}

html {background:#DEDEDC}
body {font: normal 62.5%/1 Verdana,Tahoma,sans-serif;color:#000;background:#DEDEDC;}
.mybody {background:#fff url(../img/body-bg.png) repeat-y;width:876px;margin:0 auto;padding:0 12px;position:relative}
a {color:#000;text-decoration:underline}
a:hover {color:#DA251C;text-decoration:none}

.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}

/* hlavicka */
.header {height:222px; background:url(../img/header-bg.jpg) no-repeat;position:relative}
.header ul {position:absolute;top:10px;left:10px}
.header ul li {float:left;font-size:1.6em;background:url(../img/header-li-bg.png) no-repeat 100% 50%}
.header ul li.last {background:none}
.header ul li a {color:#fff;text-decoration:none;padding:6px 8px}
.header ul li a:hover, .header ul li a.active {color:#fff;text-decoration:underline}
.header h1 {position:absolute;top:0;left:-9999px}
.header p {position:absolute;bottom:10px;left:10px;color:#fff;font-size:1.5em;background:url(../img/header-p-bg.jpg) no-repeat 392px -4px}
.header p span {padding:0 10px}

/* hlavni obsah */
.section {float:right;width:610px;padding-right:2px}
.section h2 {font-size:2.5em;font-weight:normal;margin:15px}
.section p {font-size:1.2em;margin:15px 10px 15px 15px}
.section p.info {background:#DEDEDC;padding:5px;font-size:1.4em;font-weight:bold;margin:15px 0}
.section p.info span {color:#D03F33}

/* levy sloupec */
.aside {width:234px;background:url(../img/aside-bg.jpg) no-repeat 100% 0;padding:10px 0 190px}
.aside ul li {font-size:1.2em;background:url(../img/aside-li-bg.png) no-repeat 0 100%}
.aside ul li a {color:#606060;display:block;width:220px;padding:6px 0 15px 10px;text-decoration:none}
.aside ul li a:hover, .aside ul li a.active {color:#DA251C}
.aside p {font-size:2em;padding:0 10px 15px;color:#606060;text-align: center;}
.aside address {width:0;padding-left:186px;height:97px;overflow:hidden;background:url(../img/aside-address-bg.jpg) no-repeat;margin:20px 0 20px 20px;color:#fff}

/* paticka */
.footer {height:32px;background:url(../img/footer-bg.png) repeat-x;font-size:1.2em;color:#fff;text-align:center;clear:both}
.footer p {line-height:32px}
.footer span {color:#BB332B}
.footer a {color:white;text-decoration:underline;}
.footer a:hover{text-decoration:none;}

ul.usability {position:absolute;top:0;left:-9999px}

.flash {position:absolute;bottom:32px;left:14px;}
.header .flash {height:150px;top:35px;left:0;background:url("../o/flash-head.jpg");}

/* cistic */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clr {clear:both;height:0;font-size:0;line-height:0}
