/**
 * Petr Dvorak - homepage
 * http://dvorak.tisnof.cz
 * 
 * Autor: Petr Dvorak
 * 
 * 
 **/ 

/*******************************************************************************
* @media: "all"
******************************************************************************/

/*
 * I. Zakladni CSS tridy
 *     ==================
 **/
.fl { float: left;}
.fr { float: right;}

.clear { clear: both;}

.none { display: none;}


/*******************************************************************************
 * @media: "screen, projection, tv"
 ******************************************************************************/
@media screen, projection, tv {
* { margin: 0; padding: 0;}

/*
 * 1) Pisma & barvy pisma
 *    ===================
 **/
 
body { font: 1em/1.4em Calibri, Arial, sans-serif; color: #fff;}

.text p { margin: 5px 0 5px 20px;}

a { color: #fff; text-decoration: underline;}
a:hover { background: #F2C400; color: #000;}
a img { border: 0;}
a span { cursor: pointer;}

.prologue { line-height: 1.6em;}
.prologue p { margin: 5px 0;}
.prologue p span { background: url(../_images/text-base.png); margin-bottom: 4px; padding: 2px 15px;}

table { font-size: 1em;}

/* lists */

#content ul, dl { line-height: normal; margin: 5px 10px 0 20px;}
#content ul li, dt { background: url(../_images/li.png) 0 0.6em no-repeat; list-style: none; padding-left: 14px;}
#content ul li, dd { margin-bottom: 4px; }

dt { font-weight: bold;}
dd { padding-left: 14px;}

/* headings */
h2 { font-size: 1.2em; font-weight: bold; letter-spacing: -1px;}
h3 { font-size: 1em; font-weight: bold;}

/*
 *  2) Design
 *     ======
 **/
body { background: #789729 url(../_images/background.jpg) 0 0 repeat-y; padding: 50px 30px;}
#content { margin-left: 8px; width: 940px;}
#page { padding-left: 7px;}

/* logo */
#logo { height: 120px; overflow: hidden; position: relative; width: 410px;}
#logo span { background: url(../_images/logo.jpg); display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
#logo h1, #logo h2 { font-weight: normal; line-height: 1em;}
#logo h1 { font-size: 4.8em; letter-spacing: -3px; padding: 10px 30px 0 30px;}
#logo h2 { font-size: 1.5em; letter-spacing: -1px; padding: 0 0 0 30px;}
#logo span a { display: block; height: 100%; width: 100%;}
#logo span a:hover { background: transparent;}

/* menu */
#menu { float: left; margin: 25px 0 20px 0; width: 100%;}
#menu ul, #menu li { list-style: none;}
#menu li { float: left;}
#menu a, #menu strong, #menu span { color: #FFFFD8; display: block; float: left; font-weight: bold;}
#menu a, #menu strong { background: url(../_images/menu-a-left.png) 0 0 no-repeat; margin-right: 5px;}
#menu a span { cursor: pointer; text-decoration: underline; /* Opera */}
#menu span { background: url(../_images/menu-a-right.png) 100% 0 no-repeat; padding: 0 25px;}
#menu span span { background: url(../_images/menu-a.png) 0 0; line-height: 40px; padding: 0;}

#menu strong span { color: #17210E !important;}

#menu a:hover { color: #fff;}

#menu a:hover span { background-position: 100% -40px;}
#menu a:hover, #menu a:hover span span { background-position: 0 -40px;}

#menu a:focus span, #menu strong span { background-position: 100% -80px;}
#menu a:focus, #menu a:focus span span,
 #menu strong, #menu strong span span { background-position: 0 -80px;}

/* footer */
#footer { clear: both; font-size: 0.85em; line-height: normal; padding: 20px 0 20px 30px;}
#footer span { border-top: 3px solid #98B12F; padding-top: 5px;}

/*
 * 3a) Reference
 *     =========
 **/

.reference img { background: url(../_images/text-base.png); padding: 7px; vertical-align: middle;}
.reference p { font-size: 0.8em; line-height: normal; margin-left: 14px;}
.reference a:hover img { background: #96AE30;}

.reference-detail { padding-top: 4.5em;}
.reference-detail ul { margin-bottom: 10px !important;}

/*
 * 99) Zbytek
 *     ======
 **/

.inside { padding: 0 10px 0 20px;}

/* Graficke nadpisy */

.h { background-position: 0 0; background-repeat: no-repeat; line-height: 45px; height: 45px; margin-top: 25px; padding: 0 10px 0 20px; overflow: hidden;}

.h-orange-220, .h-orange-280, .h-orange-340, .h-yellow-220, .h-yellow-280, .h-yellow-340 { color: #3C3C3C;}
.h-orange-220 { background-image: url(../_images/h-orange-220.png);}
.h-orange-280 { background-image: url(../_images/h-orange-280.png);}
.h-orange-340 { background-image: url(../_images/h-orange-340.png);}

.h-red-220 { background-image: url(../_images/h-red-220.png);}
.h-red-280 { background-image: url(../_images/h-red-280.png);}
.h-red-340 { background-image: url(../_images/h-red-340.png);}

.h-yellow-220 { background-image: url(../_images/h-yellow-220.png);}
.h-yellow-280 { background-image: url(../_images/h-yellow-280.png);}
.h-yellow-340 { background-image: url(../_images/h-yellow-340.png);}

.h-dark-green-220 { background-image: url(../_images/h-dark-green-220.png);}
.h-dark-green-280 { background-image: url(../_images/h-dark-green-280.png);}
.h-dark-green-340 { background-image: url(../_images/h-dark-green-340.png);}
.h-green-220 { background-image: url(../_images/h-green-220.png);}
.h-green-280 { background-image: url(../_images/h-green-280.png);}
.h-green-340 { background-image: url(../_images/h-green-340.png);}

/* cols */

.col { margin-right: 20px;}
.col220 { width: 220px;}
.col280 { width: 280px;}
.col340 { width: 340px;}
.col460 { width: 460px;}
.col640 { width: 640px;}

/* statistika */
#stats { position: absolute; left: -2000px;}
}

/*******************************************************************************
 * @media: "print"
 ******************************************************************************/

@media print {
p { line-height: 1.4em;}
li { margin-bottom: 3px;}
h2 { font-size: 1.2em;}
.noprint, #menu { display: none;}

/*
 * 3a) Reference
 **/
.reference a { color: #000; text-decoration: none;}
.reference h2 { font-size: 1.2em;}
.reference .col460 { clear: left;}
}