/* ----------------------------------------------------------------------------------------------------------
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;color:#FF6600}
h2 {font-size:1.8em;font-weight:normal;line-height:1.3;clear:both}
.sidebar h2 {font-size:1.5em;font-weight:bold;padding:0 0 15px}

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background:#1A1A1A}

#all{font: normal 62.5%/1 Arial,Tahoma,sans-serif;width:970px;margin:10px auto;border:5px solid #333}
#topselect #panel{width:970px;margin:0 auto;}

/* odkazy */
a {text-decoration:underline;font-weight:bold}
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:#000;height:100%}
.header .logo {padding:42px 50px 20px 30px;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:0;right:100px}
.header .nav {margin-top:1px;height:37px;padding:26px 20px 0}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {padding:20px 30px 0;background:#4A4A4A;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 img {padding:2px;border-width:3px;border-style:solid}
.content img.float-l {margin:5px 10px 0 0}
.content img.float-r {margin:20px 0 0 10px}
.content img.center {display:block;margin:20px auto}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.sidebar {width:390px;float:right;padding:0 0 20px;position:relative;background:#595959;margin:0 0 20px}
 
.sidebar ul {font-size:1.2em;margin:0 0 15px}
.sidebar ul li {padding:5px 0}
.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}
a, a:hover {color:#76AE00}

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

/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */

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

/* ----------------------------------------------------------------------------------------------------------
barevne schema
---------------------------------------------------------------------------------------------------------- */
body {color:#fff}
h1 {color:#FFCC00}
h2 {color:#fff}
.header .logo {background:#fff url(../img/logo-bg.png) repeat-x;color:#fff}
.header .logo a {color:#FFCC00}
.header .logo a:hover {color:#FFCC00}
.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:#2d2d2d url(../img/footer-bg.png) repeat-x;color:#fff;border:3px solid #595959}