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

h1 {font-size:2.3em;font-weight:normal;padding:0 0 15px}
h2 {font-size:1.8em;font-weight:normal;line-height:1.3;clear:both;margin:0 0 10px}
h3 {font-size:1.3em;font-weight:bold;line-height:1.3;clear:both;margin:0 0 10px}
.sidebar h2 {font-size:1.5em;font-weight:bold}

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background:#E2E2E2}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;padding:20px 0;width:980px;margin:0 auto;position:relative}

/* odkazy */
a {text-decoration:underline}
a:hover {text-decoration:none}

/* 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 {background:#fff url(../img/bg.png) repeat-y;position:relative;padding:30px;height:100%}
.header .logo {padding:42px 50px 41px;height:100%}
.header .logo a {font-size:4em;font-weight:normal;font-family:Tahoma;color:#fff;text-decoration:none}
.header .logo p {font-size:1.3em;margin:5px 0 0}
.header .logo span {width:225px;height:150px;position:absolute;top:30px;right:100px}
.header .nav {margin-top:1px;height:37px;padding:23px 20px 0}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {padding:50px 40px 30px;background:#fff url(../img/bg.png) repeat-y;position:relative;height:100%}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {float:left;width:490px;padding:0 10px 30px 0}
.content p {font-size:1.3em;margin:15px 0;text-align:justify}
.content ul {font-size:1.3em;margin:20px 10px}
.content ul li {padding:5px 0;line-height:1.4}
.content address {font-style:normal;line-height:1.6;font-size:1.3em;margin:0 0 10px}

.content img {padding:2px;border-width:3px;border-style:solid}
.content img.float-l {margin:0 10px 0 0}
.content img.float-r {margin:0 0 0 10px}
.content img.center {display:block;margin:20px auto}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.sidebar {width:390px;float:right;padding:0 0 20px;position:relative;background:#fff url(../img/sidebar-bg.png) repeat-y;margin:0 0 20px}

.sidebar .top {width:390px;height:10px;font-size:0;background:url(../img/sidebar-top-bg.png) no-repeat;position:absolute;top:0;left:0}
.sidebar .btm {width:390px;height:10px;font-size:0;background:url(../img/sidebar-btm-bg.png) no-repeat;position:absolute;bottom:0;left:0}

.sidebar ul {font-size:1.2em;margin:0 0 10px 10px}
.sidebar ul li {padding:5px 0}
.sidebar ul li a {background:url(../img/li-a-bg.png) no-repeat 0 50%;padding-left:10px}
.sidebar p {font-size:1.1em;margin:5px 0}

.sidebar div.col {padding:15px 10px;float:left;width:170px}
.sidebar div.col.margin {margin-left:10px}
.sidebar div.col.margin a {font-weight:bold}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {clear:both;font-size:1.2em;padding:10px 20px;height:100%;clear:both}
.footer p.note {font-size:0.92em}

/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */
.top {width:980px;height:30px;font-size:0;background:url(../img/bg-top.png) no-repeat;position:absolute;top:0;left:0}
.btm {width:980px;height:30px;font-size:0;line-height:0;background:url(../img/bg-btm.png) no-repeat;position:absolute;bottom:0;left:0}

/* reklamy */
.content .ads {margin:20px auto}
.sidebar .ads {margin:10px auto}

/* ----------------------------------------------------------------------------------------------------------
barevne schema
---------------------------------------------------------------------------------------------------------- */
body {color:#000}
h1 {color:#52A9D4}
h2 {color:#CC0000}
a {color:#000066}
a:hover {color:#000066}
.header .logo {background:#fff url(../img/logo-bg.png) repeat-x;color:#fff}
.header .logo a, .header .logo a:hover {color:#fff}
.header .logo span {background:url(../img/header-span-bg.jpg)}
.header .nav {background:#fff url(../img/nav-bg.png) repeat-x}
.content img {border-color:#E8E8E8}
.footer {background:#fff url(../img/footer-bg.png) repeat-x;color:#013366;border:3px solid #ccc}
.footer a, .footer a:hover {color:#000066}