/* Palác Akropolis CSS */

body 
  {  font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #3a0414; color: #ffffff; font-size: .7em; line-height: 1.35em; }
input, 
select, 
textarea 
  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
h1,h2,h3,h4,h5,h6 
  {font-family: Arial, Helvetica, sans-serif; color: #fff;}

a, 
a:visited 
  {color: #ff0000; text-decoration: none; outline: none; }
a:hover, 
a:active,
a:focus 
  { color: #fff;  }
.clear-zero   
  { clear:both; font-size:1px; line-height:1px; height:1px; }
ul 
  { list-style-type:square; margin-left: 13px; }
em 
  { background: transparent; }
address 
  { font-style: normal; }

/* Ajax */
#container.loading 
  { cursor:wait; }
#container.loaded 
  { cursor:default; }

/* Layout CSS */

/* Navigace nahore nalevo */
#topMenu 
  { font-size: .9em; text-align: right; padding: 5px 10px 0 10px; margin: 0; }
#topMenu a 
  { padding: 3px 5px; }

/* Hlavicka - logo a nadpis stranky */
#head 
  { margin-left: 20px; }
#logo 
  { width: 200px; float: left; margin: 0 5px 0 0; padding: 0; }
#logo img 
  { margin: 0; padding: 0;  }
h1#pageHead, 
p#pageHead 
  { width: 400px; float: left; margin: 10px 0 0 0; padding: 0; font-size: 2em; text-align: left; text-transform: uppercase; }
p#pageHead strong 
  { font-weight: normal }

/* Navigace 1. urovne */
#headMenu 
  { margin: 0 0 0 -6px; padding: 7px 0 0 0; clear: both; text-align: left;}
#headMenu a, 
#headMenu strong a, 
#headMenu strong 
  { padding: 3px 6px; }
#headMenu strong a, 
#headMenu strong 
  { font-weight: normal; color: #fff; }

/* Obal cele stranky */
#container 
  { margin: 0 0 30px 0; padding: 0; }

/* Navigace 2. urovne a ovladaci prvky nahore na strance */
#contentTop 
  { border-top: 2px solid white; margin: 34px 0 0 20px; padding: 0; width: 968px; text-align: left; }
#contentTop label 
  { cursor: pointer; color: #FF0000; font-weight: normal; padding: 6px 6px; margin: 0; display: inline; }
#contentTop input 
  { vertical-align: middle; padding: 0; margin: 0; }
#contentTopLeft 
  { width: 470px; float: left; margin: 0;  padding: 6px 0; }
#contentTopRight 
  { width: 300px; float: right; text-align: right;  margin: 0; padding: 6px 0; margin-right: -6px; }
#contentTopLeft a,
#contentTopLeft span, 
#contentTopRight a,
#contentTopRight span 
  { padding: 6px 6px; margin-top: 6px; }
#contentTopLeft a,
#contentTopLeft span
  { padding-left: 0px; }  
#contentTopLeft.checkboxes 
  { margin-top: -2px;  }
#contentTopMenu 
  { margin: 0; padding: 0; margin-left: -7px; }
#contentTopMenu a, 
#contentTopMenu strong a, 
#contentTopMenu strong
  { padding: 6px 6px; float: left; }
#contentTopMenu strong a, 
#contentTopMenu strong 
  { font-weight: normal; color: #fff; }
#contentTopMenu strong a 
  { padding: 0px; }

/* Navigace 2. urovne bez navigace :) = bila cara */
#contentTop.withoutNavigation 
  { border-color: #fff; }    

#pageContent { width: 889px; margin-left: 101px; padding-bottom: 20px;  text-align: left; margin-top: 30px; }
#pageContent h1, h1.subHead, h2.subHead { font-size: 1.1em; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border-top: 2px solid #fff; padding: 8px 0; margin-bottom: 15px; padding:8px 0pt; }
h1.subHead { margin-top: 20px; }
#pageContent h1 small { font-size: .9em; text-transform: none; font-weight: normal; }
#pageContent .mediaSection { border-top: 1px solid #761432; padding: 6px; color: #b2244f; }
#pageContent .mediaSection form { color: #b2244f; margin-bottom: 25px; }
#pageContent .mediaSection label, #pageContent .mediaSection input   { margin-bottom: 6px; display: block; }
#pageContent .mediaSection input.l   { width: 150px; }
#pageContent .mediaSection label { color: #fff; font-weight: normal; }
#pageContent .mediaSection.doubleBorder { border-top: 2px solid #761432; }

input.button 
  { background: #f00; border-width: 1px; border-color: #f00; padding: 3px 5px; color: #3a0414; cursor: pointer; font-size: 1em;  }
input.text 
  { width: 100px; padding: 4px; font-size: 1em; }
input.text.l   
  { width: 150px; }
input.text.s
  { width: 40px; }
textarea.m
  { width: 250px; height: 40px; }

.error, .notice { background: transparent; border: 0; margin: 0; padding: 0; }
.error p, .notice p { color: #3a0414; background: #fff; padding: 1em .5em; margin: 0; filter:alpha(opacity=70); opacity:0.7; border: 0; display: inline; position: absolute; top: 0; width: 300px; left: 50%; margin-left: -150px; text-align: center;  }

table, td, th { border-color: #761432; }
table { border-top: 2px #761432 solid; border-collapse: collapse; }
th, td { border-bottom-width: 1px; padding: 7px 5px; }
th { color: #b2244f; font-weight: normal; }
td { font-size: 1.1em; }
td a { font-weight: bold; }
.smaller { font-size: .9em }
.width100 { width: 100%; }
tr.hover { background: #1a0107; }

table.normal, table.normal td, table.normal th { font-size: 1em }
table.normal td a, table.normal th a { font-weight: normal; }


/* Homepage CSS */

#contentMainHP { margin-left: 96px; width: 891px; margin-top: 30px; text-align: left; }
#hpDates { color: #b2244f; height: 45px; width: 100%; position: relative; overflow: hidden; }
.hpDatesDay, .hpDatesDivider { display: block; float: left;  width: 27px; position: relative; }
.hpDatesDay small { color: #fff; display: block; visibility: hidden; margin-bottom: 5px;  }
.hpDatesDay.active small {  visibility: visible; }
.hpDatesDay.visibleTip a { /*background: #b2244f;*/ color: #3a0414 }
.hpDatesDay a, .hpDatesDay .noBigAction { text-align: center; line-height: 1em; display: block; text-align: center; padding: 7px 0 7px 0; cursor: pointer; }
.hpDatesDay .noBigAction { cursor:default; }
.hpDatesDay a:hover, .hpDatesDay.active a { background: #fff; color: #3a0414; text-decoration: none; }
.hpDatesDay:hover .noBigAction { color: auto;  }
.hpDatesDivider { text-align: center; padding: 25px 0 4px 0; width: 10px;  }


/* Lista s dennim programem */
p.hpDatesToday 
 { margin: 0 0 0 0; padding: 0; clear: both; }
.hpDatesToday a 
  { background: #fff; color: #3a0414; display: block; padding: 10px 11px;  }
.hpDatesToday a:hover 
  { text-decoration: none; }
.hpDatesToday.hidden 
  { display: none !important; }
.hpDatesDay.active 
  { display: block !important; }
.hpDatesToday a span 
  { display: block; height: 14px; overflow: hidden; }  

/* background: transparent url("/images/tip-arrow.gif") no-repeat top left; Sipka ukazujici v liste s dennim programem na datum konani akce z Tipu */
#tipArrow 
  { width: 27px; height: 24px; margin-bottom: -14px; z-index: 10; top: 0; left: 0; position: relative; }
#tipArrowTop 
  { background: #b2244f; color: #3a0414; width: 27px; height: 26px; margin-top: 20px; left: 0; position: absolute; }

#hpTip 
  { background: #b2244f; color: #fff; height: 267px; margin-bottom: 7px; }
#hpTip:hover 
  { cursor:pointer; }
#hpTipText 
  { width: 390px; float: right; margin-right: 30px; display: inline; height: 220px; overflow: hidden; }
#hpTipImage 
  { float: left; }
#hpTipNavigation 
  { background: #3a0414; color: #fff; font-size: .9em; display: inline;  padding: 3px 10px; margin: 0; float: right; }
#hpTipText h2 
  { text-transform: uppercase; padding: 0; margin: 0; font-size: 2em;}
#hpTipText #hpTipHead 
  { width: 350px; margin-bottom: 10px; }
#hpTipText #hpTipDate 
  { margin: 0; padding: 0; color: #3a0414; text-transform: uppercase; font-size: 2em; }  
#hpTipText #hpTipDate em
  { font-style: normal; }
#hpTipText a 
  { color: #30320D; }

#hpBoxes 
  { clear: both; color: #b2244f;  line-height: 1.4em; top: -5px; position: relative; }
.hpBox 
  { width: 221px; float: left; background: #23020b; height: 135px; }
.hpBoxInside 
  { margin: 9px 12px; }
.hpBox h3 
  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin: 0 0 10px 0; padding: 0; }
.hpBox img 
  { float: left; }
.hpBox p 
  { float: right; width: 98px; margin: -2px 0 0 0; }
.hpBox.second 
  { width: 220px; margin-left: 3px; }
.hpBox.typeTwo 
  { width: 350px; background: #3a0414; }
.hpBox.typeTwo .hpBoxInside 
  { margin: 5px 0 0 26px; }
.hpBox.typeTwo p 
  { float: none; width: 100%; }
.hpBox.typeTwo p, 
.hpBox.typeTwo h3 
  { margin: 0 0 .2em 0; line-height: 16px; }

/* Program */

#programContent { width: 896px; margin-left: 93px;  text-align: left; }
#programSelect { margin: 0; }
select#genreSelect { width: auto; font-size: .8em; margin: 25px 0 0 3px;}


.programItem 
  { width: 224px; float: left; padding-bottom: 20px; margin-top: 20px; }
.programItem.active 
  { background: #23020b; cursor:pointer; }
.programItem p, 
.programItem ul 
  { margin: 0; padding: 0; }
.programItem .image
  { margin: 0; padding: 0; height: 135px; }
.programItem .image img 
  { float: none; margin: 0; }  
.programItem .content 
  { padding: 0 3px; }
.programItem .date 
  { padding: 5px 5px 3px 5px; }
.programItem .day 
  { width: 80px; float: left;  }
.programItem .day a, 
.programItem .day a:visited 
  { background: transparent; }

.programItem h3 
  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.05em; line-height: 1.3em; margin: 3px 0 0 0; padding: 0; }
.programItem h3 a, 
.programItem h3 a:visited 
  { color: #fff; font-weight: bold; background: transparent;   }
.programItem h3 a:hover 
  { text-decoration: none;  }
.programItem .head 
  { clear: both; padding: 5px 6px; border-top: #b2244f 2px solid; }
.programItem .head.has_height
  { height: 45px; }
.programItem .tech 
  { color: #b2244f }
.programItem .perex 
  { padding: 0 5px; margin-top: 7px; color: #b2244f; height: 75px; }
.programItem .small, 
#detailContent .small 
  { padding: 0 5px; color: #b2244f; list-style-type: none; border-top: 1px solid #b2244f; }
.programItem .small 
  { overflow: hidden; height: 95px; }  
.programItem .small li, 
#detailContent .small li 
  { margin-top: 10px; line-height: 1.4em; }
.programItem .small li span, 
#detailContent .small li span 
  { color: #fff; }
  
/* vyraznejsi oznaceni projektu v programu */  
.programItem .project 
  { text-align: right; font-size: .8em; width: 130px; float: right; margin-right: -5px; }  
.programItem .project a,
.programItem .project a:visited
  { padding: 3px; color: #f00; border-bottom: none; background-color: #fff; display: }    

/* vyraznejsi oznaceni projektu ve vypise s obrazky */  
#programContent.pictures .programItem .project 
  { margin-right: -8px; margin-top: -23px; position: relative; }  
   

/* margin vyberu typu programu  */
#programContent #programSelect, #programContent #genreSelect 
  { margin-bottom: 20px; }

/* defaultni vyska polozky programu */
#programContent .programItem 
  { height: 295px; }

/* vyska polozky v ruznych verzich programu vcetne vysky odkazu na dalsi stranku programu */
#programContent.big_hall .programItem,
#programContent.big_hall #programNext
  { height: 100px; margin-top: 0px; padding-bottom: 0; }
#programContent.big_hall.small_hall .programItem,
#programContent.big_hall.small_hall #programNext 
  { height: 190px; }
#programContent.big_hall.small_hall.annotations .programItem,
#programContent.big_hall.small_hall.annotations #programNext 
  { height: 295px; }
#programContent.big_hall.small_hall.pictures .programItem,
#programContent.big_hall.small_hall.pictures #programNext 
  { height: 340px; margin-bottom: 20px; }
#programContent.big_hall.small_hall.annotations.pictures .programItem,
#programContent.big_hall.small_hall.annotations.pictures #programNext
  { height: 425px; margin-bottom: 20px; }
#programContent.big_hall.annotations .programItem,
#programContent.big_hall.annotations #programNext  
  { height: 130px; }
#programContent.big_hall.annotations.pictures .programItem,
#programContent.big_hall.annotations.pictures #programNext 
  { height: 310px; margin-bottom: 20px; }
#programContent.big_hall.pictures .programItem,
#programContent.big_hall.pictures #programNext
  { height: 280px; margin-bottom: 20px; }
#programContent.small_hall .programItem,
#programContent.small_hall #programNext
  { height: 135px; margin-top: 0px; }
#programContent.small_hall.annotations .programItem,
#programContent.small_hall.annotations #programNext  
  { height: 215px; }
#programContent.small_hall.pictures .programItem,
#programContent.small_hall.pictures #programNext  
  { height: 320px; margin-bottom: 20px; }
#programContent.small_hall.annotations.pictures .programItem,
#programContent.small_hall.annotations.pictures #programNext  
  { height: 365px; margin-bottom: 20px; }
#programContent.big_hall.small_hall .programItem,
#programContent.big_hall.small_hall #programNext
  { height: 210px; margin-top: 0px; }
#programContent.annotations .programItem,
#programContent.annotations .programItem
  { height: 65px; }
#programContent.annotations.pictures .programItem,
#programContent.annotations.pictures #programNext 
  { height: 200px; margin-bottom: 20px; }
#programContent.pictures .programItem,
#programContent.pictures #programNext
  { height: 150px; margin-bottom: 0; }

/* v programu maleho salu se nezobrazuji projekty */
#programContent.small_hall .programItem .project 
  { display: none; }

/* v programu velkeho salu pak vzdy zobrazuji */
#container #programContent.big_hall .programItem .project 
  { display: block; }

/* odkaz na dalsi stranku programu */
#programNext
  { width: 224px; float: left; padding-bottom: 20px; margin-top: 20px; }
#programNext a
  { display: block; height: 75px; background: transparent url("/images/program-next.gif") no-repeat top center; position: relative; top: 50%; margin-top: -37px; }  
#programNext a:hover
  { background-position: center 100%;  }
#programNext a span
  { display: none;  }

/* Detail akce */

.contentTopDetail #contentTopLeft a 
  { margin-left: 0; }
#detailContent 
  { width: 889px; margin: 10px 0 0 101px; padding: 0 0 20px 0;  text-align: left; }
#detailText 
  { width: 425px; float: left; position: relative; }
#detailText.wide 
  { width: 800px; }
#detailText .big_event
  { margin-bottom: 2.6em; }   
#detailImages 
  { width: 444px; float: right; }
.detailHead 
  { margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif;  }
.detailHead h1, 
.detailHead .detailHeadArtist, 
.detailHead .detailHeadTime 
  { font-size: 2.5em; text-align: left; text-transform: uppercase; line-height: 1.2em; margin: 0; padding: 0;  }
.detailHead .detailHeadTime em 
  { color: #b2244f; font-style: normal; background: transparent; }

/* Ceny */
#detailContent .price
  { margin-bottom: 1.5em;
    position: relative; }
#detailContent .price ul, 
#detailContent .price li  
  { list-style-type: none; margin: 0; padding: 0; } 
#detailContent .price li  
  { margin-right: 10px; } 
#detailContent #detailText .price h3 
  { color: #fff; margin-top: 0; }
#detailContent.noContentTop 
  { margin-top:34px; }
#detailContent .price em
  { font-style: normal; color: #B2244F; }  
#detailContent .price strong
  { font-weight: normal; }
#detailContent .price h3 small
  { font-size: 1em; font-weight: normal; }  
#detailContent .price h3 small a
  { color: #B2244F; border-bottom: 1px dotted #B2244F; }  
#detailContent .price h3 small a:hover,
#detailContent .price h3 small a:active,
#detailContent .price h3 small a:focus
  { color: #fff; border-color: #fff; }  
  
.priceHelp
  { background: transparent url("/images/tooltip-bg.gif") no-repeat top center; padding: 15px 35px 15px 35px; font-size: .9em; position: absolute; top: 0; right: -100px; margin: 0; width: 270px; line-height: 1.3em; z-index: 10; }  
.priceHelp .close
  { display: block; height: 19px; left: 310px; margin: 0; padding: 0; position:absolute; top: 5px; width: 19px; }
.priceHelp .close a
  { background:transparent url("/images/close.gif") repeat scroll 0 0; display: block; height: 19px; width: 19px; }  
.priceHelp .close a:hover
  { background-position: 0 100%;  }     
.priceHelp .close a span
  { display: none; }    
.priceHelp a:hover
  { color: #fff;  }  


/* Nadpis v detailu dne */
#detailText h1 small 
  { font-size: .6em;  }
#detailText h1 em 
  { color: #b2244f; font-style: normal; background: transparent;  }
#detailText h2 
  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.05em; line-height:1.3em; margin:3px 0pt 0pt; padding: 0; font-weight: bold; }
#detailText h2.subHead 
  { padding: 8px 0; }

/* Text v detailu dne */
#detailContent .small 
  { font-size: 1em; margin: 0; border: 0; padding: 0; margin-bottom: 25px; }
#detailContent .small small 
  { top: -2px; position: relative; }
#detailContent .artist h3 
  { font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 1em; font-weight: bold; }
#detailContent .partners, #detailContent .links 
  { margin-top: 25px; }
#detailContent .links h3 
  { color: #fff; }
#detailContent .partners h3, 
#detailContent .links h3, 
#detailContent .price h3 
  { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 3px 0; font-size: 1em; font-weight: bold; }
#detailContent .partners, 
#detailContent h3, 
#detailContent .partners h3, 
#detailContent .price h3  
  { margin-top: 1.5em; margin-bottom: 0.2em; }
#detailContent .partners ul, 
#detailContent .links ul 
  { padding: 0; margin: 0; list-style-type: none; }
#detailContent .partners ul li 
  { display: inline; }
#detailContent .partners ul li img 
  { margin: 0; padding: 0; filter:alpha(opacity=40); opacity:0.4; margin-left: 2px; }
#detailContent .partners ul li .external 
  { background: transparent url("/images/link-out.gif") no-repeat top left; padding: 0 0 0 5px; margin: 0 0 0 2px;}

/* Obrazkova strana layoutu */
#detailImages #thumbnails 
  { margin: 0 0 12px;  }
#detailImages #thumbnails p 
  { margin: 0; padding: 0; }
#detailImages #thumbnails p img 
  { margin: 0; padding: 0; }
#detailImages #thumbnails a 
  { background: #3a0414; }
#detailImages #thumbnails a.hover img 
  { filter:alpha(opacity=20); opacity:0.2; }
#detailImages p#photoCredits 
  { margin: 0; clear: both; margin-bottom: 4px;  }
#detailImages p#photoCredits em 
  { font-style: normal; background: transparent; color: #b2244f;  }
#detailImages p#photo, #detailImages p#photo img 
  { margin: 0; padding: 0; float: none; }


/* Statické stránky */

#staticContent { width: 869px; margin: 34px 0 0 101px; padding: 0 0 20px 0;  text-align: left; }
#staticContent h3 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.05em; line-height:1.3em; margin:3px 0pt 0pt; padding:0pt; }
#staticContent h3 a { color: #fff; font-weight: bold; }
#staticContent .perexBox { color: #B2244F; padding: 5px; height: 40px; }
#staticContent .perexBox.active { background: #23020B; cursor: pointer; }
#staticContent .halfBox { width: 425px; float: left; margin-left: -5px; }
#staticContent .halfBox.right { float: right; margin-right: -5px; }


/* Stranka Mapa */

.mapaItem
  { width: 100px;
    height: 135px;
    background: url("/images/black50.png");
    float: left;
    margin: 0 5px 5px 0;
    padding: 10px 0px 0px 12px;
    
   }


/* Stranka Partneri */

.partnerItem
  { width: 109px; height: 109px; float: left; margin: 0 3px 0 0; text-align: center; vertical-align: middle}
.partnerClearRow
  { height: 3px; font-size: 1px; line-height: 1px; clear: both; }  

/* Stranka Technicke parametry */

.bigItem
  { width: 97px; height: 97px; float: left; margin: 0 3px 0 0; background-color: #351a34; padding: 5px;    }


/* 404ka a dalsi chyby */

.FourHundredFour .detailHead 
  { margin-bottom: 30px; }
.FourHundredFour #head 
  { margin: 20px 0 50px 20px; }


/* Projekty */

#projectsContent { width: 889px; margin: 10px 0 0 101px; padding: 0 0 20px 0; text-align: left; }
#perexSide { width: 425px; float: left; }
#listSide { width: 444px; float: right; margin-top: 5px; }
#perexSide h1, #bigPerex, #detailContent h1 { font-size: 2.5em; text-align: left; text-transform: uppercase; line-height: 1.2em; margin: 0; padding: 0; color: #b2244f; width: 380px; }
#bigPerex, #detailContent h1 { width: auto; }
.projectDetail h1 { margin-bottom: 0 }
#detailContent h1 { color: #fff; }
#bigPerex { margin-bottom: 20px; }

/*  polozka seznamu projektu */
#listSide .projectBox h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.05em; line-height: 1.3em; margin: 5px 0 0 0; padding: 0; }
#listSide .projectBox h3 a { font-weight: bold; }
#listSide .projectBox { color: #B2244F; height: 60px; border-top: 1px solid #FF0000; }

/*  mouseover nad polozkou seznamu projektu */
#listSide .projectBox.active { border-color: #fff; cursor: pointer; }
#listSide .projectBox.active h3 a { color: #fff; }


/* Obecne tridy */

.listNoDecoration { list-style-type: none; margin: 0; padding: 0; }
.lightColor { color:#B2244F; }
ul.listNoBullets,
ol.listNoBullets 
  { list-style-type: none; margin-left: 0; padding-left: 0; }

/* sIFR nadpisy vyzaduji rozmerove co nejpodobnejsi font */
#pageHead, 
#hpTipText h2, 
#staticContent h1, 
#perexSide h1, 
#detailContent h1, 
#bigPerex, 
#hpTipText #hpTipDate,
.detailHead,
.detailHead .detailHeadArtist,
.detailHead .detailHeadTime 
  { font-family: Impact, Helvetica Neue, sans-serif; font-size: 25px; text-transform: upper-case; line-height: 1.1em;  }

/* Betaverze webu */
#beta-web 
 { background: #202209; color: #989D39; padding: 7px 5px 7px 20px; margin: 0; }