body{
    font-family: arial, tahoma, verdana, Helvetica, sans-serif;
    font-size: 0.75em;
    color: black;
    line-height: 1.35em;
    margin:0px;
    padding:0px;
    background: url('../images/bg.gif') repeat-y;
    background-color: #bbe1df;
}

/* GLOBANI NASTAVENI PRVKU -------------------------------------------------------------------*/
h1 {margin:0; padding: 0;  }
h2 {margin: 1.5em .5em 1em; font-size: 1.8em; font-weight: normal;}  
h3 {font-weight: normal; font-size: 1.4em; color: black;}
h4 {}

p {margin: 1em 0em;}
.other p, .theatre p {margin: 0em 0em;}
.other h3, .theatre h3 {margin-bottom: 0.5em; font-weight: bold; font-size: 1.3em; }

.texy a {font-weight:bold; background: url('../images/link.png') no-repeat right 7px; padding-right:8px; text-decoration: none;}
.texy a:hover {text-decoration: underline;}
.texy {width:100%;}
.texy div.figure { width:100% !important; }
.texy div.figureLeft {float: left; }
.texy div.figureRight {float: right;}
.texy h2 {margin: 0px; font-size:1.3em; font-weight:bold;}
.texy h3{ margin:20px 0px 10px 0px; }
.texy ul{padding-left:13px; margin:0px; margin-bottom:10px;}
.texy ul li{}
.texy table{}
.texy table tr{}
.texy table tr td{}
.texy .imgLeft {float:left; padding-right: 20px; }
.texy .imgRight{float:right; padding-left: 20px; }


a {color: black;}
a:hover {}

img {border:0;}

input, textarea, select {font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 1.1em; }
input.text {}
input.submit {}
select.select {}

.border-top {border-top: 1px solid black; padding-top: 28px;}
.empty {font-style: italic; }
.noBorder {border-width : 0px !important; background: none !important;}
.noMargin {margin: 0px !important;}
.green {color: #176500;}
.red {color: #AF0017;}

.clear {clear:both; height: 0px; line-height: 0px; overflow: hidden; font-size:0;}
/* MOTHER PAGE --------------------------------------------------------------------------------*/
#page {  }


/*HEAD  ---------------------------------------------------------------------------------------*/
#header {}

/*vrchni menu*/
#header .menu {height:124px;  padding-left: 40px;}
#header .menu .items {}
#header .menu .items a {display:block; float: left; height:62px; text-decoration:none;}
#header .menu .items a:hover {}

#header .menu .items a.novinky          { background: url('../images/menu/novinky.png') no-repeat; width:112px;}
#header .menu .items a.novinky:hover    { background-position: -112px 0px;}
#header .menu .items a.novinky_hover    { background: url('../images/menu/novinky.png') no-repeat; background-position: -112px 0px; width:112px;}
#header .menu .items a.novinky_active   { background: url('../images/menu/novinky.png') no-repeat; background-position: -224px 0px; width:112px;}

#header .menu .items a.knihy            { background: url('../images/menu/knihy.png') no-repeat; width:86px;}
#header .menu .items a.knihy:hover      { background-position: -86px 0px;}
#header .menu .items a.knihy_hover      { background: url('../images/menu/knihy.png') no-repeat; width:86px; background-position: -86px 0px;}
#header .menu .items a.knihy_active     { background: url('../images/menu/knihy.png') no-repeat; width:86px; background-position: -172px 0px;}
    
#header .menu .items a.divadlo          { background: url('../images/menu/divadlo.png') no-repeat; width:106px;}
#header .menu .items a.divadlo:hover    { background-position: -106px 0px;}
#header .menu .items a.divadlo_hover   { background: url('../images/menu/divadlo.png') no-repeat; width:106px; background-position: -106px 0px;}
#header .menu .items a.divadlo_active   { background: url('../images/menu/divadlo.png') no-repeat; width:106px; background-position: -212px 0px;}

#header .menu .items a.jineveci         { background: url('../images/menu/jineveci.png') no-repeat; width:116px;}
#header .menu .items a.jineveci:hover   { background-position: -116px 0px;}
#header .menu .items a.jineveci_hover  { background: url('../images/menu/jineveci.png') no-repeat; width:116px; background-position: -116px 0px;}
#header .menu .items a.jineveci_active  { background: url('../images/menu/jineveci.png') no-repeat; width:116px; background-position: -232px 0px;}

#header .menu .items a.bio              { background: url('../images/menu/bio.png') no-repeat; width:43px;}
#header .menu .items a.bio:hover        { background-position: -43px 0px;}
#header .menu .items a.bio_hover       { background: url('../images/menu/bio.png') no-repeat; width:43px; background-position: -43px 0px;}
#header .menu .items a.bio_active       { background: url('../images/menu/bio.png') no-repeat; width:43px; background-position: -86px 0px;}

#header .menu .items a.blog             { background: url('../images/menu/blog.png') no-repeat; width:54px;}
#header .menu .items a.blog:hover       { background-position: -54px 0px;}
#header .menu .items a.blog_hover      { background: url('../images/menu/blog.png') no-repeat; width:54px; background-position: -54px 0px;}
#header .menu .items a.blog_active      { background: url('../images/menu/blog.png') no-repeat; width:54px; background-position: -108px 0px;}

#header .menu .items a.foto             { background: url('../images/menu/foto.png') no-repeat; width:49px;}
#header .menu .items a.foto:hover       { background-position: -49px 0px;}
#header .menu .items a.foto_hover      { background: url('../images/menu/foto.png') no-repeat; width:49px; background-position: -49px 0px;}
#header .menu .items a.foto_active      { background: url('../images/menu/foto.png') no-repeat; width:49px; background-position: -98px 0px;}

#header .menu .items a.odkazy           { background: url('../images/menu/odkazy.png') no-repeat; width:75px;}
#header .menu .items a.odkazy:hover     { background-position: -75px 0px;}
#header .menu .items a.odkazy_hover    { background: url('../images/menu/odkazy.png') no-repeat; width:75px; background-position: -75px 0px;}
#header .menu .items a.odkazy_active    { background: url('../images/menu/odkazy.png') no-repeat; width:75px; background-position: -150px 0px;}

#header .menu .items a.kontakty         { background: url('../images/menu/kontakty.png') no-repeat; width:87px;}
#header .menu .items a.kontakty:hover   { background-position: -87px 0px;}
#header .menu .items a.kontakty_hover  { background: url('../images/menu/kontakty.png') no-repeat; width:87px; background-position: -87px 0px;}
#header .menu .items a.kontakty_active  { background: url('../images/menu/kontakty.png') no-repeat; width:87px; background-position: -174px 0px;}

#header .menu2 {}

/*CONTENT -------------------------------------------------------------------------------------*/
#content{width: 715px;}

/*INDEX ---------------------------------------------------------------------------------------*/
.index {}

.index .flash {position: relative;}
.index .flash .fnovinky {position: absolute; width: 120px; height: 60px; top: 430px; left: 590px; background: url('../images/none.gif'); display:block; }
.index .flash .fknihy {position: absolute; width: 120px; height: 200px; top: 190px; left: 90px; background: url('../images/none.gif'); display:block; }
.index .flash .fdivadlo {position: absolute; width: 130px; height: 250px; top: 90px; left: 220px; background: url('../images/none.gif'); display:block; }
.index .flash .fjineveci {position: absolute; width: 85px; height: 290px; top: 110px; left: 0px; background: url('../images/none.gif'); display:block; }
.index .flash .fbio {position: absolute; width: 120px; height: 95px; top: 330px; left: 530px; background: url('../images/none.gif'); display:block; }
.index .flash .fblog {position: absolute; width: 120px; height: 100px; top: 70px; left: 90px; background: url('../images/none.gif'); display:block; }
.index .flash .ffoto {position: absolute; width: 160px; height: 175px; top: 0px; left: 450px; background: url('../images/none.gif'); display:block; }
.index .flash .fodkazy {position: absolute; width: 205px; height: 85px; top: 0px; left: 220px; background: url('../images/none.gif'); display:block; }
.index .flash .fodkazy2 {position: absolute; width: 75px; height: 85px; top: 85px; left: 353px; background: url('../images/none.gif'); display:block; }
.index .flash .fkontakty {position: absolute; width: 100px; height: 110px; top: 290px; left: 400px; background: url('../images/none.gif'); display:block; }

.index #gallery{ width: 714px; height: 518px; }

.menu2 { padding-left: 40px;}
.menu2 .items {}
.menu2 .items a {display:block; float: left; height:63px; text-decoration:none;}
.menu2 .items a.english { background: url('../images/menu/english.png') no-repeat; width:74px;}
.menu2 .items a.english_active { background: url('../images/menu/english.png') no-repeat; width:74px; background-position: -74px 0px;}

.menu2 .items a.deutsch { background: url('../images/menu/deutsch.png') no-repeat; width:80px;}
.menu2 .items a.deutsch_active { background: url('../images/menu/deutsch.png') no-repeat; width:80px; background-position: -80px 0px;}

.menu2 .items a.cesky { background: url('../images/menu/cesky.png') no-repeat; width:58px;}

/*VYJIZDECI VEC -------------------------------------------------------------------------------*/
#website{width: 210px; float:left;}
.on  {left:503px; top:111px;}
.off {left:292px; top:111px;}
#arrow {background: url('../images/arrow.gif') no-repeat 0px 0px; height:13px; width:20px;  position: absolute; top: 111px; left: 702px;}
#website .czech {background: url('../images/website_czech.png') no-repeat; height:127px; cursor: pointer; cursor: hand;}
#website .english {background: url('../images/website_english.png') no-repeat; height:127px; cursor: pointer; cursor: hand;}
#website .deutsch {background: url('../images/website_deutsch.png') no-repeat; height:127px; cursor: pointer; cursor: hand;}

/*HLAVICKA STRANKY ----------------------------------------------------------------------------*/
#content .head {width: 503px; height:127px; line-height: 0px; overflow: hidden; font-size:0; float:left;}

/*HLAVNI CAST STRANKY S TEXTEM ----------------------------------------------------------------*/
#content .main {padding-left: 40px; padding-top:12px; padding-bottom: 30px;}
#content .main .back {padding: 12px 0px 0px 0px; font-size: 0.9em;}
#content .main .back a {font-weight:bold; background: url('../images/link_back.png') no-repeat 0px 6px; padding-left:8px; text-decoration: none;}
#content .main .back a:hover {text-decoration:underline;}

#content .main .page_text {padding-bottom: 12px;}

/*NOVINKY -------------------------------------------------------------------------------------*/
#content .main .news {}
#content .main .news .news_head {width:210px; height: 30px; background: url('../images/news_head.png') no-repeat;}
#content .main .news .left { float:left; width:465px;}
#content .main .news .left .items{ width:445px;}
#content .main .news .left .items .item { border-bottom: 4px dotted #bbe1df;}

#content .main .news .right { float:left;}
#content .main .news .right .box {width:210px; }
#content .main .news .right .box .top{ width:210px; height:5px; background: url('../images/news_box_top.png') no-repeat;
                                        line-height: 0px; overflow: hidden; font-size:0;}
#content .main .news .right .box .context{float:left; padding: 0px 9px; background: url('../images/news_box_bg.png') repeat-y;}
#content .main .news .right .box .context .item{ float:left; width:192px; border-bottom: 4px dotted white;} 
#content .main .news .right .box .bottom{ width:210px; background: url('../images/news_box_bottom.png') no-repeat;
                                            line-height: 0px; overflow: hidden; font-size:0; height:7px;}
                                            
/*KNIHY ---------------------------------------------------------------------------------------*/
.books {}
.books .book { }
.books .book .left {float:left; width:147px;}
.books .book .left img {width: 127px;}
.books .book .right {float:left; width:484px;}
.books .book .right h2.book_head {margin: 0px; padding-top:3px; font-size:1.3em; font-weight:bold;}
.books .book .right .book_text {}
.books .book .right .links {padding-bottom: 10px; }
.books .book .dotted {float:left; display:inline; width:484px; margin:10px 0px 15px 147px; border-bottom: 4px dotted #bbe1df;
                                     height: 0px; line-height: 0px; overflow: hidden; font-size:0;}
.book_detail h2 {margin: 1em 0em !important;}

/* DIVADLO ------------------------------------------------------------------------------------*/
#content .main .theatre{}
#content .main .theatre .item{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 4px dotted #bbe1df;}

/* JINE VECI ----------------------------------------------------------------------------------*/
#content .main .other {}
#content .main .other .item{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 4px dotted #bbe1df;}

#content .main .other .translations_head {width:210px; height: 30px; background: url('../images/other_translations.png') no-repeat; margin-bottom:15px;}
#content .main .other .audio_head {width:210px; height: 30px; background: url('../images/other_audio.png') no-repeat; margin-bottom:15px;}
#content .main .other .interview_head {width:210px; height: 30px; background: url('../images/other_interview.png') no-repeat; margin-bottom:15px;}
#content .main .other .other_head {width:210px; height: 30px; background: url('../images/other_other.png') no-repeat; margin-bottom:15px;}
#content .main .other .history_head {width:210px; height: 30px; background: url('../images/other_history.png') no-repeat; margin-bottom:15px;}
#content .main .other .theatre_news_head {width:210px; height: 30px; background: url('../images/other_theatre_news.png') no-repeat; margin-bottom:15px;} 

/* BLOG ---------------------------------------------------------------------------------------*/
#content .main .blog {}
#content .main .blog .item{padding-bottom: 10px; margin-bottom: 15px; border-bottom: 4px dotted #bbe1df;}

#content .main .blog .blog_head {width:210px; height: 30px; background: url('../images/blog_head.png') no-repeat; margin-bottom:15px;} 

/* FOTOGALERIE --------------------------------------------------------------------------------*/
#content .main .gallery {}
#content .main .gallery .photo {float:left; margin-bottom:40px; width:168px; line-height: 0px; overflow: hidden; font-size:0;}
#content .main .gallery .photo a {}
#content .main .gallery .photo a img{width: 127px;}

#content .main .photo_detail .middle_photo{}
#content .main .photo_detail .photo_info{margin-top: 5px; font-size: 0.9em; line-height: 1.3em;} 
#content .main .photo_detail .photo_info a{background-position: right 5px;}

/* KONTAKT ---------------------------------------------------------------------------------------*/
.contact {}
.contact h3{margin-top: 0px; border-top: 1px solid black; padding-top: 18px; width: 462px;}

.contact form {margin:0px;}
.contact form td.name  { font-weight: bold; padding-right: 10px; vertical-align: top;}
.contact form td.value {padding: 1px 0px;}
.contact form td.value input.text{border: 1px solid #BAE1DF; width: 230px;}
.contact form td.value textarea{margin:0px; border: 1px solid #BAE1DF; width: 230px; height: 140px;}

.contact form td.error {color:red; padding-left: 10px; font-size: 0.9em; vertical-align: top;}


/*FOOTER --------------------------------------------------------------------------------------*/
#footer { padding-left: 40px; padding-bottom: 30px; background: url('../images/footer_line.gif') 40px 0px no-repeat; padding-top: 10px;}
#footer a {color: #7FBEBB; font-weight: bold; text-decoration:none;}
#footer a:hover {text-decoration: underline;}
#footer a.lqd { background: url('../images/footer_lqd.gif') 0px 1px no-repeat; padding: 0px 0px 1px 18px;}
#footer a.vemola {}