/*
  Copyright (c) 2008 Art4Web.cz [http://www.art4web.cz]
*/
*, A { font-family:"Arial Narrow", Arial, sans-serif; Xfont-size:11px; }
BODY { margin:0px; padding:0px; background:#d2d2d2; }
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-margin { margin: 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 { margin:0px; padding:0px; }
BODY { margin:0px; padding:0px; text-align:center; }

DIV.outer { padding-top:15px; background:url('../img/container-outer_bg.gif') top left repeat-x; }
DIV.outer DIV.outer { padding-top:0px; background:none; }
DIV#container { position:relative; width:1003px; margin:0px auto 0px auto; text-align:left; }

/* header */
DIV#container DIV#header { position:relative; width:100%; height:191px; background:url("../img/header_bg.gif") no-repeat; }
DIV#container DIV#header A#logo { display:block; position:absolute; top:23px; left:21px; width:186px; height:84px; Xbackground:blue; Xfilter:alpha(opacity=50); }
DIV#container DIV#header DIV#icons { position:absolute; top:215px; right:11px; width:169px; height:56px; background:url('../img/header-icons.jpg') no-repeat; }
DIV#container DIV#header DIV#icons .inner { position:relative; }
DIV#container DIV#header DIV#icons A#newsletter { display:block; position:absolute; top:0px; left:0px; width:79px; height:26px; Xbackground:red; }
DIV#container DIV#header DIV#icons A#youtube { display:block; position:absolute; top:0px; right:0px; width:79px; height:26px; Xbackground:red; }
DIV#container DIV#header DIV#icons A#facebook { display:block; position:absolute; top:29px; left:0px; width:79px; height:26px; Xbackground:red; }
DIV#container DIV#header DIV#icons A#rss { display:block; position:absolute; top:29px; right:0px; width:79px; height:26px; Xbackground:red; }

/* 3-sloupcovy layout: lehce modifikovany Holy Grail */
DIV#container DIV#content { position:relative; 
  padding-left:250px; /* LC width+padding */ padding-right:235px; /* RC (width+padding) + CC padding */ 
  padding-bottom:10px; 
  min-width:513px; _width:513px; 
  margin:102px 0px 0px 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:13px 0px; }
/* LC */
DIV#container DIV#content DIV#pane-left { width:250px; /* LC width */ 
  _left:200px; right:290px; /* LC (width+padding) + CC padding */ 
  margin-left:-100%; padding:0px 0px 50px 0px; /* LC padding */ Xbackground:blue; } /* cista sirka 210px */
DIV#container DIV#content DIV#pane-left { _margin-left:-803px; _left:0px; _right:0px; } /* IE6 */
DIV#container DIV#content DIV#pane-left DIV.inner { padding:13px 0px 13px 16px; }
/* 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#pane-right { width:171px; /* RC width */ 
  margin-right:-100%; padding:0px 12px 50px 12px; /* RC padding */ Xbackground:green; } /* cista sirka 160px */

/* footer */
DIV#container DIV#footer DIV.inner { margin-left:115px; }
DIV#container DIV#footer A#rss { display:block; position:absolute; top:10px; right:30px; }
DIV#container DIV#footer * { font-size:13px ! important; }
DIV#container DIV#footer A#performance-partners { display:block; position:absolute; right:0px; width:237px; height:91px; }

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

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

/* -------------------------------------------------------------------------- */
/* vyhledavani                                                                */
/* -------------------------------------------------------------------------- */
DIV#search-box { position:absolute; top:4px; right:7px; width:136px ! important; color:#fff; background:url("../img/search-box_bg.gif") 0px 2px no-repeat; }
DIV#search-box INPUT { margin:0px 10px 0px 10px; width:100px; height:12px; line-height:12px; font-size:12px; 
  border:0px; background:none; vertical-align:absmiddle; color:#fff; }
DIV#search-box INPUT.submit { cursor:hand; height:20px; width:70px; margin:0px; padding:0px; margin-bottom:1px; Xbackground:blue; }

/* -------------------------------------------------------------------------- */
/* jazyky                                                                     */
/* -------------------------------------------------------------------------- */
DIV#pane-lang { position:absolute; top:260px; left:12px; width:100px; height:22px; }
DIV#pane-lang A { display:block; float:right; margin:0px 0px 0px 10px; }
A#lang-cs { width:38px; height:22px; background:url("../img/flag_cs.jpg") no-repeat; }
A#lang-en { width:38px; height:22px; background:url("../img/flag_en.jpg") no-repeat; }
A#lang-de { width:38px; height:22px; 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 { text-transform:uppercase; color:#fff ! important; text-align:center; }
.text-box P { text-transform:none; margin:5px 0px 0px 0px; }
#pane-left .text-box .image { width:223px; overflow:hidden; }
#pane-right .text-box .image { width:160px; overflow:hidden; }
.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-horni { position:relative; left:0px; width:234px; height:239px; margin-bottom:0px; }
DIV#box-horni H3 { position:absolute; top:6px; left:15px; padding-left:15px; font-size:22px;
	font-weight:normal; text-transform:uppercase; background:url('../img/odrazka-box.png') 0px 9px no-repeat; }
DIV#box-horni H3 A { font-size:22px ! important; text-decoration:none; }
DIV#box-horni H4 { font-size:17px; }
DIV#box-horni DIV A { display:block; position:absolute; top:36px; left:0px; width:100%; height:143px; }
DIV#box-horni DIV.text { position:absolute; top:188px; left:10px; }

DIV#box-prostredni { position:relative; left:0px; width:234px; height:233px; margin-bottom:0px; }
DIV#box-prostredni H3 { position:absolute; top:4px; left:15px; padding-left:15px; font-size:22px;
	font-weight:normal; text-transform:uppercase; background:url('../img/odrazka-box.png') 0px 9px no-repeat; }
DIV#box-prostredni H3 A { font-size:22px ! important; text-decoration:none; }
DIV#box-prostredni H4 { font-size:17px; }
DIV#box-prostredni DIV A { display:block; position:absolute; top:36px; left:0px; width:100%; height:143px; }
DIV#box-prostredni DIV.text { position:absolute; top:188px; left:10px; }

DIV#box-spodni { position:relative; left:0px; width:234px; height:236px; }
DIV#box-spodni H3 { position:absolute; top:4px; left:15px; padding-left:15px; font-size:22px;
	font-weight:normal; text-transform:uppercase; background:url('../img/odrazka-box.png') 0px 9px no-repeat; }
DIV#box-spodni H3 A { font-size:22px ! important; text-decoration:none; }
DIV#box-spodni H4 { font-size:17px; }
DIV#box-spodni DIV A { display:block; position:absolute; top:36px; left:0px; width:100%; height:143px; }
DIV#box-spodni DIV.text { position:absolute; top:188px; left:10px; }

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:200px; left:25px; width:770px; height:25px; z-index:100; 
  padding:0px; color:#fff; }
DIV#marquee { _float:none; _margin-left:0px; _left:0px; _top:0px; } /* IE6 */

/* -------------------------------------------------------------------------- */
/* podstranky                                                                 */
/* -------------------------------------------------------------------------- */
DIV#content H1 { font-size:28px ! important; margin:4px 0px 10px; text-transform:uppercase; font-weight:normal; }
DIV#content H1 SPAN { font-size:28px ! 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 { }
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:58px; }
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 */
/** Cinohra **/
DIV.cinohra, DIV.cinohra-repertoar, DIV.cinohra-soubor, DIV.cinohra-hoste, DIV.cinohra-premiery { background:url("../img/content-cinohra_bg.gif") repeat-y ! important; }
/** Opera **/
DIV.opera, DIV.opera-repertoar, DIV.opera-soubor, DIV.opera-premiery { background:url("../img/content-opera_bg.gif") repeat-y ! important; }
/** Balet **/
DIV.balet, DIV.balet-repertoar, DIV.balet-soubor, DIV.balet-hoste, DIV.balet-premiery { background:url("../img/content-balet_bg.gif") repeat-y ! important; }

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; }

/* Videa */
#pane-videos .inner { }
#pane-videos .video { width:48%; height:250px; overflow:hidden; float:left; }
#pane-videos .video H2 { height:32px; line-height:100%; overflow:hidden; }
#pane-videos .odd { margin-right:2%; } /* lichy */
#pane-videos .even { margin-left:2%; } /* sudy */
#pane-videos .video OBJECT, #pane-videos .video EMBED { width:100% ! important; height:100% ! important; }

/* Google mapa */
IFRAME.google-mapa { width:100%; height:350px; margin-top:20px; border:1px solid #3B3B3B; }