/* reset a obecne formatovani*/
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;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.7}
table {border-collapse:collapse; border-spacing:0}
/*hr {display:none}*/
hr {color:#009900; text-align:center}
h1, h2, h3, h4, .nav li {font-family:Tahoma}

h1, h2, h3 {font-size:2.5em;color:#009900;font-weight:normal;text-transform:uppercase;clear:both;padding:15px 0 0}
h2, h3 {font-size:2em;color:#333}
h3 {font-size:1.5em;font-weight:bold}

/* zaklady dokumentu */
/*html {background:#868686;padding:20px 0 0} puvodni */
html {background:#868686;padding:0 0 20px}
body {font: normal 62.5%/1 Verdana,Tahoma,sans-serif;background:#fff url(img/body-bg.png) repeat-y;width:980px;margin:0 auto;position:relative}

/* odkazy */
a {color:#333;text-decoration:underline;font-weight:bold}
a:hover {color:#333;text-decoration:none;background: #ffcc33}

a.obr {color:#333;text-decoration:none;font-weight:normal}
a.obr:hover {color:#333;text-decoration:none;background: transparent}

/* obecne tridy */
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}

/* menu pro lepsi pouzitelnost */
ul.usability {position:absolute;top:0;left:-9999px}

/* hlavicka */
.header {width:100%;height:348px;background:#fff url(img/header-bg.jpg) no-repeat;position:relative}

/* hlavicka - logo */
.header a.top, .header a.top span {display:block;width:335px;height:80px;position:absolute;top:25px;left:45px;overflow:hidden}
.header a.top span {top:0;left:0;background:url(img/a-top-bg.jpg) no-repeat;cursor:pointer}

/* hlavicka - nazev produktu se sloganem */
.header p {position:absolute;top:180px;left:320px;width:230px;font-size:1.5em;color:#ccc;line-height:1.2}
.header p strong {display:block;font-size:2.53em;font-weight:normal}

/* navigace */
.nav {background:#fff url(img/nav-bg.png) repeat-x bottom;padding:5px 0 0 15px;margin:0 15px}
.nav li {float:left;font-size:1.6em;font-weight:bold;margin:0 4px 0}
.nav li a {float:left;padding:15px 18px;text-decoration:none;background:transparent}
.nav li a:hover, .nav li a.active {background:#fff url(img/nav-a-h-bg.png) repeat-x bottom}

/* obsah */
.content {border-top:1px solid #fff;background:#fff url(img/content-bg.jpg) no-repeat 100% 0;padding:20px 20px 20px;margin:0 15px}

/* obsah - odstavce a seznamy */
.content p, .content ul {font-size:1.3em;margin:20px 0}
.content ul li {background:url(img/ul-li-bg.png) no-repeat 0 50%;padding:5px 0 5px 15px}

/* obsah - tabulka */
.content table {border:1px solid #017C01;margin:20px 0}
.content table th {font-size:1.4em;color:#fff;background:#017C01;}
.content table td {border:1px solid #017C01;font-size:1.3em}
.content table th {padding:15px;text-align:left;font-weight:bold}
.content table td {padding:15px;text-align:center;font-weight:bold}

/* obsah - obrazky */
img {border:2px solid #009900;margin:10px 20px 10px 0}
img.big {border:0px; margin:10px}
img.ico {border:0px; margin:0px}
img.top {border:1px solid #009900;margin:0px}

/* paticka */
.footer {font-size:1.3em;background:#fff url(img/footer-bg.jpg) no-repeat;padding:44px 30px 24px}

/* 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}