/**
 * $nazev
 * $web
 * 
 * Hlavni CSS styl.
 * 
 * Autor: Petr Dvorak $firma
 *
 **/

/*
 * II. Zakladni CSS tridy
 *     ==================
 **/
.none { display: none;}
.hidden { visibility: hidden;}
.clear { clear: both;}

.fl { float: left !important;}
.fr { float: right !important;}

.left, .l { text-align: left;}
.right, .r { text-align: right;}
.center, .c { text-align: center;}
.clear, .clear1px { clear: both;}
.clear1px { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */}

.bold { font-weight: bold;}
.italic { font-style: italic;}

.w50p { width: 50%;}
.w40p { width: 40%;}
.w30p { width: 30%;}
.w10p { width: 10%;}



/*******************************************************************************
 * @media: "screen, projection, tv"
 ******************************************************************************/

@media screen, projection, tv {

* { padding: 0; margin: 0;}


/*
 * 1) Pisma & barvy pisma
 *    ===================
 **/

body { font: 0.8em/1.5em Tahoma, Arial, sans-serif;}

a { color: #fff;}
a:hover { color: #000;}
a span { cursor: pointer;}
a img { border: 0;}

table, input, textarea { font-size: 1em;}


/* nadpisy */
h1, h2, h3 { font-family: Verdana, sans-serif; line-height: 1.1em; margin: 10px 0;}
h1 { background: url(../_img/h1-left.gif) 0 0 no-repeat; color: #FFFFFF; font-size: 1.4em; font-style: italic; font-weight: bold; line-height: 1em; margin: 0; text-transform: lowercase;}
h1 span { background: url(../_img/h1-right.gif) 100% 100% no-repeat; display: block; padding: 0 15px;}
h1 span span { background: #000 url(../_img/h1.gif) 0 0 repeat-x; padding: 17px 8px;}
* html h1 span span { height: 1px; /* IE 6 */}

h2, #col-left h3 { color: #DEDEDE; font-size: 1.55em; font-style: italic; font-weight: bold; letter-spacing: -1px;}
#col-left h3 { color: #848282;}
h3 { font-size: 1.35em; font-weight: bold; margin: 10px 0;}

#text .obsah h2 { margin: 20px 0;}
#text .obsah h2.first { margin-top: 5px;}

#text p { margin: 5px 0;}

#text hr { height: 2px; background: #979797; color: #979797; border: 0; margin: 10px 0; font-size: 0;}
* html #text hr { margin: 0;}

.obsah ul { margin: 0 0 0 20px;}
.obsah ul li { list-style: square;}

/*
 *  2) Layout
 *     ======
 **/

body { background: #646464 url(../_img/background.jpg) 0 0 repeat-x;}
#page { margin: auto; position: relative; width: 940px;}

#col-right { float: right; width: 730px;}
#col-left { float: left; padding-top: 130px; width: 205px;}

/* logo */
#logo { background: url(../_img/logo.gif) 0 0 no-repeat; height: 160px; left: 0; position: absolute; top: 44px; width: 360px;}
#logo a { display: block; height: 100%; width: 200px;}

#head { height: 115px;}

/* text */

#text { background: #8A8A8A url(../_img/text-middle.png); /*width: 742px;*/ color: #F0F0F0;}
#text-pozadi { background: url(../_img/text-pozadi.png) 0 10px no-repeat; min-height: 600px; padding: 0 13px;}
* html #text-pozadi { height: 600px;}
#text-top { padding: 14px 2px 0 2px; background: url(../_img/text-top.png) 0 0 no-repeat;}
#text-bottom { height: 30px; background: url(../_img/text-bottom.png) 0 0 no-repeat;}

#text .obsah { padding: 25px 20px;}
#text .obsah-vlevo { float: left; width: 400px;}

/* Odkaz "skoc na navigaci" */
#skip { left: 20px; position: absolute; top: 20px;}
#skip a { background: #E10915; color: #fff; display: block; font-size: 0.9em; left: -2000px; padding: 15px; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 150px; z-index: 50;}
#skip a:active, #skip a:focus { left: 0;}

#nv { left: -2000px; position: absolute;}

/* paticka */
#footer { color: #CCCCCC; font-size: 0.85em; font-weight: bold; line-height: 1.5em; padding: 0 20px 15px 245px;}
#footer p { float: left; padding: 15px 40px 15px 0; white-space: nowrap;}
#footer p#author { float: right; font-weight: normal; padding: 0 0 10px 0; text-align: right;}
#footer a { color: #CCCCCC;}
#footer a:hover { color: #000;}

/*
 * 3a) Homepage
 *     ========
 */
#hp-text { background: url(../_img/hp-background.jpg) 0 0 no-repeat; float: left; padding: 25px 20px; width: 440px;}
#hp-text h2 { margin: 0; padding: 3px 0 10px 0;}
#hp-text p { color: #E1E1E1; margin-bottom: 6px;}
#hp-text strong { color: #fff;}

#hp-banners { float: right; padding-top: 15px; width: 220px;}
#hp-banners img { margin-bottom: 10px;}

#hp-calendar { background: url(../_img/hp-calendar.jpg) 50% 0 no-repeat; float: left; width: 470px;}
#hp-calendar h2 { padding: 10px 0 5px 20px;}
#hp-calendar .date { float: right; font-style: normal; text-align: right;}
#hp-calendar li { background: #787878 url(../_img/calendar-gray.png) 0 0 repeat-x; border-top: 1px solid #808080; list-style: none; margin-bottom: 1px; padding: 12px 15px 10px 40px;}
#hp-calendar li.active { background-color: #AF201B; background-image: url(../_img/calendar-active.png);}
#hp-calendar li.active .date { font-size: 1.2em; font-weight: bold}
#hp-calendar h3 { float: left; font-size: 1.2em; font-weight: bold; margin: 0;}
#hp-calendar p { clear: left; color: #E1E1E1;}

#hp-calendar h2 .more { color: #CCCCCC; font-size: 0.6em; padding-left: 20px;}
#hp-calendar h2 .more:hover { color: #020202;}

#hp-jazzfest { background: url(../_img/hp-calendar.jpg) 50% 0 no-repeat; float: left; padding-top: 25px; width: 470px;}
#hp-jazzfest .jazzfest a { background: url(../_img/jazzfest-logo.png) 0 0 no-repeat; display: block; height: 50px; overflow: hidden; text-indent: 1000px; width: 100%;}
#hp-jazzfest .jazzfest a:hover { background-position: 0 -50px;}
#hp-jazzfest div { background: url(../_img/jazzfest-partneri.png) 0 0 no-repeat; height: 55px;}
#hp-jazzfest .c { color: #E1E1E1; padding: 8px 0;}

#hp-heading { overflow: hidden; position: relative; z-index: 10;}
#hp-photo { height: 330px; margin-bottom: -15px; top: -12px; position: relative; z-index: 2;}
#hp-photo div { background: url(../_img/hp-photo-text.png) 50% 50% no-repeat; bottom: 10px; display: block; height: 75px; left: 15px; position: absolute; width: 670px; z-index: 20;}
#hp-photo img { left: 0; top: 0; position: absolute; z-index: 2;}

* html #hp-photo div { behavior: url(_css/iepngfix.htc);}

/*
 * 3b) Akce
 *     ====
 */
#akce-archiv { background: url(../_img/ico-archiv.png) 0 50% no-repeat; height: 105px; margin-top: 10px; padding: 25px 15px 15px 25px;}
#akce-archiv h2 { color: #fff;}
* html #akce-archiv { height: 1px;}

#akce div.even, #akce div.odd { border-bottom: 2px solid #7D7D7D; padding: 20px 25px;}
* html #akce div.even, * html #akce div.odd { height: 1px;}
#akce div.even { background: #828282 url(../_img/akce-background.png) 0 0 repeat-x;}
#akce h2 { margin: 0; color: #fff;}
#akce h3 { font-size: 1.1em;}

#akce .date { background: url(../_img/akce-calendar.gif) 0 50% no-repeat; color: #CCCCCC; padding: 5px 30px;}
#akce .date-active { color: #fff;}

#akce .nahledy { margin-left: 15px; width: 200px;}
#akce .nahledy img { float: right; margin: 5px;}

#akce ul { margin: 0 0 0 20px;}
#akce ul li { list-style: square;}

/*
 * 3c) TV prenosy
 *     ==========
 */
.prehled { border-collapse: separate;}
.prehled td, .prehled th { text-align: left; padding: 5px 20px 5px 5px; border-bottom: 1px solid #666666; border-top: 1px solid #999999;}
.prehled th { padding-left: 60px; background: url(../_img/prehled-nic.gif) 5px 0.5em no-repeat; font-weight: bold;}
.prehled tr.prvni td, .prehled tr.prvni th { border-top: 0;}
.prehled tr.aktualni td, .prehled tr.aktualni th { font-weight: bold; background-color: #C5332D; color: #fff; border-color: #D7544D;}
.prehled th.f1 { background-image: url(../_img/prehled-f1.gif);}
.prehled th.motogp { background-image: url(../_img/prehled-motogp.gif);}
.prehled th.prapor { background-image: url(../_img/prehled-prapor.gif);}
.prehled th.rugby { background-image: url(../_img/prehled-rugby.gif);}
.prehled th.helma { background-image: url(../_img/prehled-helma.gif);}
.prehled th.jazz { background-image: url(../_img/prehled-jazz.gif);}
.prehled tr.aktualni th { background-image: url(../_img/prehled-aktualni.gif);}

/*
 * 4) Inputy & formulare
 *    ==================
 **/

/* formulare */
label { font-size: 0.9em; display: block; font-weight: bold;}
input.butt { padding: 2px 6px;}
textarea { width: 90%; height: 150px;}



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

/* tabulky */

td.o { font-style: italic; font-size: 0.85em; width: 40px; color: #CCCCCC; vertical-align: middle; line-height: normal; text-align: right;}
td.r { text-align: right; font-weight: bold; width: 50px; white-space: nowrap; vertical-align: middle;}
td em { display: block; font-size: 0.85em; line-height: 1.3em; padding-left: 10px;}


/* kontakt vlevo */

#contact { color: #fff; margin-bottom: 20px;}
#contact p { /*font-size: 0.9em;*/ margin: 5px 0;}
#contact h3 { margin-bottom: 20px;}
#contact a { color: #fff;}

/* hlavni navigace */

#menu { float: right; margin-bottom: 50px; margin-right: 25px; text-align: right;}
* html #menu { display: inline;}
#menu li { list-style: none; margin-bottom: 2px; overflow: hidden;}
#menu a, #menu strong { display: block; height: 35px; line-height: 35px; position: relative; width: 140px;}
#menu span { background: url(../_img/menu.png) no-repeat; display: block; height: 100%; left: 0; width: 100%; position: absolute; top: 0;}

#mhome span { background-position: 0 0;}
#mhome:hover span,
  .active #mhome span { background-position: 100% 0;}

#mkavarna span { background-position: 0 -35px;}
#mkavarna:hover span,
  .active #mkavarna span { background-position: 100% -35px;}

#makce span { background-position: 0 -70px;}
#makce:hover span,
  .active #makce span { background-position: 100% -70px;}

#mnabidka span { background-position: 0 -105px;}
#mnabidka:hover span,
  .active #mnabidka span { background-position: 100% -105px;}

#mtv span { background-position: 0 -140px;}
#mtv:hover span,
  .active #mtv span { background-position: 100% -140px;}

#mkontakt span { background-position: 0 -175px;}
#mkontakt:hover span,
  .active #mkontakt span { background-position: 100% -175px;}

/* fotky */
.fotky { float: right; padding-top: 30px; width: 255px;}
.fotky .img { float: right; margin-right: 5px; padding-bottom: 10px; width: 235px;}
.fotky .posledni { margin-right: 0;}
.fotky .img span { background: #595959; display: block; padding: 5px; position: relative;}
.fotky .img span span { background: url(../_img/fotka-rohy.gif) 0 0 no-repeat; height: 120px; left: 0; position: absolute; top: 0; width: 235px;}
* html .fotky .img span span { left: -5px;}
.fotky .img-tmave span span { background-image: url(../_img/fotka-rohy-tmave.gif);}
.fotky .img-svetle span span { background-image: url(../_img/fotka-rohy-svetle.gif);}
.fotky .img a { color: #CCCCCC; text-decoration: underline;}
.fotky .img a em { background: url(../_img/lupa.gif) 210px 4px no-repeat; display: block; font-size: 0.9em; font-style: normal; font-weight: bold; margin-top: 5px; padding-right: 30px; text-align: right;}
.fotky .img a:hover { color: #fff;}
.fotky .img a:hover em { background-image: url(../_img/lupa-hover.gif);}
.fotky .img img { vertical-align: middle;}

/* male nehledy v akcich */

.nahledy a img { border: 5px solid #797979; margin: 2px;}
.nahledy a:hover img { border-color: #B4211C;}

/* bannery vedle sebe */
.banners img { margin: 19px 19px 0 0; float: left;}
.banners img.last { margin-right: 0;}

.noscreen { display: none;}
}

@media print {

#skip, .noprint, #menu, #footer, form { display: none;}
body { font: 0.9em/1.5em Cambria, serif;}

#head h2, #head h2 a { color: #E00915; text-decoration: none;}

#contact { border-top: 2px solid #7C7C7C;}
#contact h3 { display: none;}
#contact p { float: left; margin-right: 10px;}

/*
 * 3a) Homepage
 */

#hp-calendar ul, #hp-calendar li { margin: 0; padding: 0;}
#hp-calendar .date { float: right; font-style: normal; text-align: right;}
#hp-calendar li { border-top: 1px solid #808080; list-style: none; margin-bottom: 1px; padding: 12px 0 10px 0;}
#hp-calendar h3 { float: left; font-size: 1.2em; font-weight: bold; margin: 0;}
#hp-calendar p { clear: left;}

#hp-calendar h2 .more { font-size: 0.6em; padding-left: 20px;}

#hp-banners, #hp-jazzfest { display: none;}

/*
 * 99) Zbytek
 */

/* fotky */
.fotky { float: right; text-align: center; width: 255px;}
.fotky .img { float: right; margin-left: 10px;}
.fotky .img a { color: #000; display: block; padding-bottom: 10px; text-decoration: none;}

}