/*
  Copyright (c) 2008 Art4Web.cz [http://www.art4web.cz]
*/
*, A { font-family:Arial, sans-serif; Xfont-size:11px; }
BODY { margin:0px; padding:0px; background:#595959; }
H1, H2, H3, H4, H5 { margin:0px; }
H1, H1 A { color:#fff; }
H1 A { border:none ! important; }
H2 { margin-bottom:10px; }
H2 A {  }
H3 {  }
P { margin:0px 0px 12px 0px; line-height:1.6; }
A { color:#fff; text-decoration:none; }
A:hover { text-decoration:underline; }
FORM { display:inline; }
HR { height:1px; color:#fff; }

/* -------------------------------------------------------------------------- */
/* obecne tridy                                                               */
/* -------------------------------------------------------------------------- */
.middle { vertical-align:middle ! important; }
.no-border { border: none ! important; }
.no-background { background: none ! important; }
.bold { font-weight:bold ! important; }
.italic { font-weight:italic ! important; }
.block { display:block; float:left; }
.clear { clear: both ! important; }

.center { text-align: center ! important; }
.normal { font-size:100%; font-weight:normal ! important; }
.font10 { font-size:10px ! important; }
.floatBox { float:left; }
.padding5 { padding:5px; }
.mTop5 { margin-top:5px; }
.mLeft5 { margin-left:5px; }
.mLeft20 { margin-left:20px; }
.mLeft40 { margin-left:40px; }
.mLeft80 { margin-left:80px; }
.mTop15 { margin-top:15px; }
.mBot15 { margin-bottom:15px; }
.mRight10 { margin-right:10px; }
.mRight20 { margin-right:20px; }
.mBot5 { margin-bottom:5px; }
.pTop5 { padding-top:5px; }
.pTop10 { padding-top:10px; }
.w100per { width:100%; }
.w100 { width:100px; }
.w300 { width:300px; }
.left { text-align:left ! important; }
.right { text-align:right ! important; }
.fleft { float:left ! important; }
.fright { float:right ! important; }
.message { margin-top:25px; }
.messageStackWarning { color:orange; font-weight:bold; }
.messageStackSuccess { color:blue; font-weight:bold; }
.messageStackError { color:red; font-weight:bold; }
.print { display:none; }
A.underlined { border-bottom:1px solid #6e6c6d; }
A.underlined:hover { text-decoration:none; }
.no-underline { text-decoration:none ! important; }
DIV.inner { position:relative; }
.red { color:#b0151f ! important; }
SPAN.guest { color:#b0151f ! important; background:none ! important; }
.height100per { height:100% ! important; }

/* chyby a zprávy */
.err { color:yellow ! important; }
.msg { color:lightblue ! important; }

/* -------------------------------------------------------------------------- */
/* layout                                                                     */
/* -------------------------------------------------------------------------- */
HTML { height:100%; margin:0px; padding:0px; }
BODY { width:100%; height:100%; margin:0px; padding:0px; text-align:center; }

DIV#container { Xposition:relative; Xtop:33px; width:1003px; height:100%; margin:33px auto 0px auto; text-align:left; }

/* header */
DIV#container DIV#header { Xposition:relative; width:100%; Xheight:195px; height:55px; padding-top:140px; z-index:1; background:url("../img/header_bg.gif") no-repeat; }
DIV#container DIV#header A#logo { display:block; margin-top:-125px; margin-left:25px; width:190px; height:90px; Xbackground:blue; Xfilter:alpha(opacity=50); }

/* 3-sloupcovy layout: lehce modifikovany Holy Grail */
DIV#container DIV#content { position:relative; 
  padding-left:250px; /* LC width+padding */ padding-right:240px; /* RC (width+padding) + CC padding */ 
  min-width:513px; _width:513px; 
  margin:10px 0px; background:url("../img/content_bg.gif") repeat-y; }
DIV#container DIV#content * { color:#fff; font-size:auto; }
DIV#container DIV#content DIV.column { float:left; position:relative; min-height:500px; _height:500px; }
DIV#container DIV#content DIV.column DIV.inner { padding:10px 0px; }
/* LC */
DIV#container DIV#content DIV#pane-left { width:230px; /* LC width */ 
  _left:200px; right:290px; /* LC (width+padding) + CC padding */ 
  margin-left:-100%; padding: 0 10px; /* LC padding */ Xbackground:blue; } /* cista sirka 210px */
DIV#container DIV#content DIV#pane-left { _margin-left:-803px; _left:0px; _right:0px; } /* IE6 */
/* CC */
DIV#container DIV#content DIV#main { width:100%; 
  padding: 0 20px; /* CC padding */ Xbackground:orange; } /* cista sirka 533px */
/* RC */
DIV#container DIV#content DIV#main { width:100%; Xoverflow:hidden; 
  padding: 0 20px; /* CC padding */ Xbackground:orange; } /* cista sirka 533px */
/* RC */
DIV#container DIV#content DIV#pane-right { width:180px; /* RC width */ 
  margin-right:-100%; padding: 0 10px; /* RC padding */ Xbackground:green; } /* cista sirka 160px */

/* footer */
DIV#container DIV#footer { position:relative; width:100%; height:92px; padding-bottom:33px; _margin-bottom:30px; background:url("../img/footer_bg.gif") no-repeat; }
DIV#container DIV#footer DIV.inner { margin-left:150px; }
DIV#container DIV#footer A#rss { display:block; position:absolute; top:10px; right:30px; }
DIV#container DIV#footer * { font-size:13px ! important; }

/* footer - loga */
DIV#container DIV#footer .logo { display:block; float:left; width:200px; height:87px; }

/* -------------------------------------------------------------------------- */
/* menu                                                                       */
/* -------------------------------------------------------------------------- */
DIV#menu { position:absolute; z-index:1000; margin-left:18px; top:173px; width:963px; height:37px; Xpadding-top:5px; 
  background:url("../img/menu_left.gif") left bottom no-repeat; }
DIV#menu { _width:970px; } /* IE6 */
DIV#menu .inner { left:7px; padding:6px 0px 6px 0px; background:url("../img/menu_right.gif") right bottom no-repeat X#000; }
DIV#menu * { font-family:Arial, sans-serif; font-size:19px; letter-spacing:-1px; text-transform:uppercase; }

/* -------------------------------------------------------------------------- */
/* vyhledavani                                                                */
/* -------------------------------------------------------------------------- */
DIV#search-box { float:right; position:relative; color:#fff; background:url("../img/search-box_bg.gif") right no-repeat; margin-right:9px; }
DIV#search-box INPUT { margin-left:10px; width:151px; height:20px; line-height:20px;
  border:0px; background:none; text-transform:none; vertical-align:absmiddle; color:#fff;
}
DIV#search-box INPUT.submit { cursor:hand; height:20px; width:103px; margin:0px; padding:0px; margin-bottom:1px; Xbackground:blue; }

/* -------------------------------------------------------------------------- */
/* jazyky                                                                     */
/* -------------------------------------------------------------------------- */
DIV#pane-lang A { display:block; float:right; margin:0px 0px 30px 20px; }
A#lang-cs { width:47px; height:27px; background:url("../img/flag_cs.jpg") no-repeat; }
A#lang-en { width:47px; height:27px; background:url("../img/flag_en.jpg") no-repeat; }
A#lang-de { width:47px; height:27px; background:url("../img/flag_de.jpg") no-repeat; }

/* -------------------------------------------------------------------------- */
/* boxy                                                                       */
/* -------------------------------------------------------------------------- */
DIV.box { margin-bottom:10px; }
DIV.box IMG { border:0px; }
.text-box { width:100%; margin-bottom:10px; }
.text-box * { color:#fff ! important; }
.text-box .dark-bg { background:#39383a; }
.text-box-top-left { width:6px; height:9px; background:url("../img/box-top-left.gif") no-repeat; }
.text-box-top-right { width:6px; height:9px; background:url("../img/box-top-right.gif") no-repeat; }
.text-box-bottom-left { width:6px; height:9px; background:url("../img/box-bottom-left.gif") no-repeat; }
.text-box-bottom-right { width:6px; height:9px; background:url("../img/box-bottom-right.gif") no-repeat; }
.text-box-h-top { height:9px; background:url("../img/box-h-top_bg.gif") repeat-x; }
.text-box-h-bottom { height:9px; background:url("../img/box-h-bottom_bg.gif") repeat-x; }

DIV#box-cinohra { width:228px; height:121px; margin-bottom:3px; }
DIV#box-cinohra A { display:block; width:100%; height:100%; background:url("../img/cs/boxes/cinohra_bg.jpg") no-repeat; }
DIV#box-opera { width:228px; height:121px; margin-bottom:3px; }
DIV#box-opera A { display:block; width:100%; height:100%; background:url("../img/cs/boxes/opera_bg.jpg") no-repeat; }
DIV#box-balet { width:228px; height:122px; margin-bottom:3px; }
DIV#box-balet A { display:block; width:100%; height:100%; background:url("../img/cs/boxes/balet_bg.jpg") no-repeat; }
DIV#box-male-divadlo { width:228px; height:122px; margin-bottom:3px; }
DIV#box-male-divadlo A { display:block; width:100%; height:100%; background:url("../img/cs/boxes/male-divadlo_bg.jpg") no-repeat; }

DIV#box-nejblizsi-program { width:100%; padding-top:69px; text-align:center; Xbackground:blue; background:url("../img/cs/boxes/nejblizsi_program.gif") top center no-repeat; }
DIV#box-nejblizsi-program .inner { position:static; margin:0px auto 0px auto; }
DIV#box-nejblizsi-program H2 { line-height:180%; margin:0px 10px 5px 10px; text-align:left; Xbackground:blue; }
DIV#box-nejblizsi-program H2 SPAN { padding:0px; color:#fff ! important; background:none; }
DIV#box-nejblizsi-program H2 SPAN A { padding:3px 2px; }
DIV#box-nejblizsi-program H2.theatre-1 SPAN A { color:#fff ! important; background:#993037; }
DIV#box-nejblizsi-program H2.theatre-2 SPAN A { color:#000 ! important; background:#8b8b8b; }
DIV#box-nejblizsi-program A.box-reservation { display:block; float:right; margin-top:3px; width:107px; height:31px; background:url("../img/cs/boxes/rezervovat.gif") right no-repeat; }

/* -------------------------------------------------------------------------- */
/* marquee                                                                    */
/* -------------------------------------------------------------------------- */
DIV#marquee { position:relative; top:0px; left:-32px; width:611px; height:32px; z-index:100; 
  padding:0px 0px 35px 0px; background:#595959; Xborder:1px solid white; }
DIV#marquee { _float:none; _margin-left:-100px; _left:65px; _top:-60px; } /* IE6 */

/* -------------------------------------------------------------------------- */
/* podstranky                                                                 */
/* -------------------------------------------------------------------------- */
DIV#content H1 { font-size:20px ! important; margin-bottom:10px; }
DIV#content H1 SPAN { font-size:20px ! important; }
DIV#content P { font-size:13px ! important; }
DIV#content A { font-size:13px ! important; }
DIV#content H2 { font-size:13px ! important; }
DIV#content DIV { font-size:13px ! important; }

/* H1 s cervenym stinovanym pozadim */
DIV#content H1 { position:relative; top:-10px; left:-35px; width:565px; height:43px; 
  padding:17px 0px 0px 35px; margin:0px; background:url("../img/content-h1_bg.gif") no-repeat; }
DIV#content DIV#main { _margin-top:60px; } /* IE6 */
DIV#content H1 { _position:absolute; _top:-60px; } /* IE6 */
DIV#content DIV#pane-news H1 { top:-20px; }

/* H2 s sedivym pozadim */
DIV#content H2.gray-bg { position:relative; left:-7px; }
DIV#content H2.gray-bg TD { height:27px; text-transform:uppercase; background:url("../img/content-h2_bg.gif") repeat-x; }
DIV#content H2.gray-bg TD.left { width:7px; background:url("../img/content-h2_bg-left.gif") no-repeat; }
DIV#content H2.gray-bg TD.right { width:7px; background:url("../img/content-h2_bg-right.gif") no-repeat; }

/* H2 pro novinky */
DIV#pane-news H2, DIV#pane-news H2 * { font-size:15px ! important; }
DIV#pane-news H2 SPAN.date { display:block; float:left; width:68px; Xbackground:blue; text-align:right; }
DIV#pane-news H2 SPAN.more { font-weight:normal; font-style:italic; margin-left:10px; }

/* -------------------------------------------------------------------------- */
/* clanky                                                                     */
/* -------------------------------------------------------------------------- */

/* WYSIWYG editor */
DIV#content DIV.wysiwyg * { overflow:hidden; }
DIV#content DIV.wysiwyg TABLE { clear:both; }
DIV#content DIV.wysiwyg TABLE * { overflow:visible; }
DIV#content DIV.wysiwyg A { text-decoration:underline; }
DIV#content DIV.wysiwyg A IMG { border:none; }

DIV.artist {  }
DIV.artist H1 { width:auto ! important; background:none ! important; left:0px ! important; padding-left:0px ! important; }
DIV.artist DIV.photoframe { margin:0px 10px 0px 0px; }
DIV.artist DIV.photoframe IMG { float:left; }

DIV.artist DIV.photoframe TABLE, DIV.artist DIV.photoframe TABLE TD { margin:0px ! important; padding:0px ! important; }
DIV.artist DIV.photoframe TABLE TD.top-left { width:3px; height:3px; background:url("../img/artist-photo_top-left.gif") no-repeat; }
DIV.artist DIV.photoframe TABLE TD.top { height:3px; background:url("../img/artist-photo_top.gif") repeat-x; }
DIV.artist DIV.photoframe TABLE TD.top-right { width:9px; height:3px; background:url("../img/artist-photo_top-right.gif") no-repeat; }

DIV.artist DIV.photoframe TABLE TD.right { vertical-align:top; background:url("../img/artist-photo_right.gif") repeat-y; }

DIV.artist DIV.photoframe TABLE TD.bottom-left { width:3px; height:9px; background:url("../img/artist-photo_bottom-left.gif") no-repeat; }
DIV.artist DIV.photoframe TABLE TD.bottom { height:9px; background:url("../img/artist-photo_bottom.gif") repeat-x; }
DIV.artist DIV.photoframe TABLE TD.bottom-right { width:9px; height:9px; background:url("../img/artist-photo_bottom-right.gif") no-repeat; }

DIV.artist DIV.photoframe TABLE TD.left { background:url("../img/artist-photo_left.gif") repeat-y; }

/* Program */
DIV.programme { }

DIV.programme DIV.sort { padding:3px 0px; margin-bottom:15px; text-align:right; border-bottom:1px solid black; }
DIV.programme DIV.sort A { margin-left:10px; }

DIV.programme DIV.filter { padding:3px 0px; margin-bottom:15px; text-align:right; border-bottom:1px solid black; }
DIV.programme DIV.filter * { font-size:11px ! important; }
DIV.programme DIV.filter INPUT, DIV.programme DIV.filter OPTION { color:#000 ! important; }
DIV.programme DIV.filter INPUT.submit { width:25px ! important; }
DIV.programme DIV.filter INPUT#filter-from, DIV.programme DIV.filter INPUT#filter-to { width:60px; }
DIV.programme DIV.filter IMG.simpledate-button { vertical-align:bottom; padding:0px 0px 2px 1px; }

DIV.programme H2 { line-height:180%; Xbackground:blue; }
DIV.programme H2 SPAN { padding:3px 2px; color:#fff ! important; background:#993037; }
DIV.programme H2 A {}
DIV.programme H2.theatre-2 A.title, DIV.programme H2.theatre-2 SPAN { color:#000 ! important; background:#8b8b8b; }
DIV.programme A.reservation { display:block; float:right; padding:0px 2px; border:1px solid black; font-size:10px ! important; color:#fff ! important; background:#993037; }
DIV.programme SPAN.note { padding:2px 3px; font-weight:bold; font-style:italic; color:#fff ! important; background:#8b8b8b; }
DIV.programme SPAN.guest { color:#b0151f ! important; background:none ! important; }

/* Představení */
DIV.performance H2 { margin:0px; line-height:150%; }
DIV.performance P { clear:both; }
DIV.performance P.galleries { margin-top:8px; }
DIV.performance P.programmes { margin-top:8px; line-height:200%; }
DIV.performance A.reservation { padding:3px; border:1px solid black; font-size:10px ! important; color:#fff ! important; background:#993037; }

/* Soubory */
DIV.ensemble DIV.artists, DIV.ensemble DIV.artists-hosts { _position:relative; width:50%; float:left; line-height:170%; }

/* Fórum */
DIV#newsletter-email-input { float:right; position:relative; top:0px; margin:0px 0px 10px 10px; padding:10px; width:200px; height:100px; border:1px solid #000; }
DIV.forum DIV#newsletter-email-input INPUT { width:90px; line-height:18px; vertical-align:middle; color:#000 ! important; }

/* Vyhledávání */
.search-item I { font-weight:normal; }