HTML,BODY { margin:0px; padding:0px; background-color: #000000; font-family: "Arial CE", Arial; font-size:11px; text-align:center; }
a {
 text-decoration: none;
}
div {
 margin:0px;
 padding:0px;
/* border:1px solid silver;*/
}
#page 
{width:796px; text-align:left; height:auto; margin: 0 auto; }
/* HEADER */
#headerContent { position:relative; background: url('/img/cf-rezy-basic_02.gif') no-repeat; width:762px; height:23px;margin-left:0px;  }
 #headerContent  #trinity {float:left; margin:5px 0 0 10px; }
  #headerContent  #trinity A { margin-left:10px; color:#EEBD95;}
 #LanguageFlags  { float:right; padding-right:220px;}
  #LanguageFlags .title {float:left; color :#D59867; margin:4px 5px 0 0; font-size:11px; width:auto;}
 #LanguageFlags  IMG {float:left; width: 30px; height:21px; margin:0 0 2px 0; padding:0px;}
/* velky pruh */
#cf-div-11 {width:796px;height:90px; overflow:hidden;}

/*prvni pruh boxu*/
#boxLayerTop{position:relative; width:auto; height:202px; overflow:hidden}
#cf-div-14 {position:relative; float:left; width:13px;height:202px;}/*dekorativni pruh*/
/* MENU */
#menu { position:relative; float:left; width:192px;height:202px; background-color:#89152F; padding:3px 0 0 0px; }
#menu .item { width:190px; height:18px; background:url('/img/menu-item-(four_states).gif') 0 -18px no-repeat; } /*hover stav*/
#menu .itemEmpty { width:190px; height:18px; background:url('/img/menu-item-(four_states).gif') 0 -54px no-repeat;  }
#menu .item A {width:190px; height:18px; background:url('/img/menu-item-(four_states).gif') 0 0 no-repeat; padding: 2px 0 0 20px; display:block; color: #EDBC95;} /* onmouseout stav */
#menu .item A.other {width:190px; height:18px; background:url('/img/menu-item-(four_states).gif') 0 -36px no-repeat; padding: 2px 0 0 20px; display:block; color: #EDBC95;} /* onmouseout stav */
#menu .item span {font-size:11px; font-family: Arial;} /* text menu item */
#menu .item A:hover { width:190px; height:18px; background-image:none; color: #000000;} /*zobrazi hover podklad*/
/* KALENDAR */

#kalendar {position:relative; float:left;width:191px;height:202px; background: url('/img/box-kalendar_.gif') no-repeat; z-index:3;}
#kalendar #kbuttons {float:right; margin:9px 4px 0 0;}
#kalendar .label {position:absolute; color: #E3A033; text-indent: 25px; padding-top:8px; font-family: Arial; font-size: 11px; font-weight: bold; margin:0;}
#kalendar .label span {color: #ffffff;}
#kalendar .vypis { margin-top:32px; margin-left:15px; border-width:0px;}
#kalendar table.vypis td {text-align:center;width:18px; height:19px;  font-size:11px; font-family: Arial; font-style:italic; background: url('/img/cell_40.gif') no-repeat; padding:2px; border-width:0px;}
#kalendar table.vypis td.empty {background-image: none}
#kalendar table.vypis td a {text-decoration:none; color:white;}
#kalendar table.vypis td A:hover { color:#E29F36; }
#kalendar .othermonth {font-size:11px; font-family: Arial; font-style:italic; !important}
#kalendar .sunday { background: url('/img/cell_38.gif') no-repeat !important;}
#kalendar .cf { background: url('/img/yellow-day.gif') no-repeat !important;}
#kalendar .cf A:hover {color: black !important;}
#kalendar .cskh {background: url('/img/orange-day.gif') no-repeat !important;}
#kalendar .cskh A:hover {color: black !important;}


#kalendar #kalendarFlash {position:absolute; z-index:20; top:150px;}
/* hlavni logo image */
#cf-div-17 {position:relative; float:left;width:400px;height:202px; background:url('/img/cf-div_17_11.jpg') 0 0 no-repeat;}
#cf-div-17 #logoFlash {position:absolute; z-index:20; top:130px;}
/*druhy pruh boxu*/
#boxLayerMiddle {clear:both; position:relative; margin-left:13px;width:796px;}
#boxLayerMiddle .label {
 background: url('/img/box-label.gif') no-repeat;
 color: #E3A033;
 text-indent: 25px;
 width: 191px;
 height: 29px;
 padding-top: 10px;
 font-family: Arial;
 font-size: 11px;
 font-weight: bold;
 /* margin-bottom: 5px;*/
}
#boxLayerMiddle .label A { color: #E3A033;}
#boxLayerMiddle .label A:hover {color: #ffffff}
/*obsah druheho pruhu box */
/* 1*/
#Novinky { position:relative; float:left; width:191px; height:255px; background-color:#520D1C;
border-right: 1px solid #89152F;
z-index: 3;
}
#Novinky .buttonUp { position:absolute; margin-left: 175px; top:34px; pxwidth:10px; height:9px;  font-size:8px;  z-index: 3;}
#Novinky .buttonDown {position:absolute; margin-left: 175px; top:44px; width:10px; height:9px;  font-size:8px;  z-index: 3;}
#boxScrollNovinky {position:absolute; height: 205px; width:191px; top: 40px; overflow: hidden;}
#boxObsahNovinky { position: absolute; width: 191px; }
#boxObsahNovinky .item { padding: 5px 10px 5px 20px; font-family: Arial; font-size: 10px;}
#boxObsahNovinky .datum { color: #E29F36;}
#boxObsahNovinky .nadpis { color: #ffffff;}
#boxObsahNovinky .text { color: #EEBD95;}
/* 2 */
#Akce { position:relative; float:left; width:190px; height:255px; background-color:#430A17;
border-right: 1px solid #89152F;}
#Akce .label { width:190px;}
#Akce .buttonUp { margin-left: 175px; position:absolute;  top:34px;width:10px; height:9px;  font-size:8px;  z-index: 3;}
#Akce .buttonDown {margin-left: 175px; position:absolute; top:44px; width:10px; height:9px;  font-size:8px;  z-index: 3;}
#boxScrollAkce {position: absolute; height:205px; width:190px; top:40px; overflow:hidden}
#boxObsahAkce {position:absolute; width:190px;}
#boxObsahAkce .item {padding: 5px 15px 5px 15px; font-family: Arial; font-size: 10px;}
#boxObsahAkce .datum { color: #E29F36;}
#boxObsahAkce .text { color: #EEBD95;}

/* 3 */
#DualboxA { position:relative; float:left; width:190px; height:255px; background-color:#430A17; }
/*3.1*/
#Vstupenky { height:127px; width:190px; overflow: hidden;}
#Vstupenky .item {_margin-top:10px; padding: 0px 10px 0px 23px;  font-family: Arial; font-size: 10px;}
#Vstupenky .item A { color:#E29F36;}
#Vstupenky .item A:hover { color:#ffffff}
#Vstupenky .nadpis { color: #ffffff;}
#Vstupenky .text { color: #EEBD95;}
#Vstupenky .s { margin-left:15px; color: #EEBD95;}
#Vstupenky .htext { text-align: center; font-weight:bold; margin-top:15px;}
/*3.2*/
#Program { height:127px; width:190px; overflow:hidden; background-color:#2F0710;}
#Program .item { padding: 0px 5px 0px 15px; _padding-top:10px; font-family: Arial; font-size: 10px; position:relative;}
#Program .nadpis { color: #ffffff;}
#Program .text { color: #EEBD95;}
#Program .image {position:absolute; top:10px; left:0px; font-size:0px;}
#Program .subitem {float: right; width:100px;}
#Program .label { width: 190px;}
#Program .text A {color:#EEBD95; }
#Program .text A:hover {color:#E3A033; }
/* 4*/
#DualboxB { position:relative; float:left; width:188px; height:255px; background-color:#2F0710;}
/*4.1*/
#Sefdirigent { height: 127px; width:188px; overflow: hidden;}
#Sefdirigent .label { width: 188px; background: url('/img/box-label2.gif') no-repeat;}
#Sefdirigent .item { padding: 0px 0px 0px 0px; font-family: Arial; font-size: 10px; _padding-top:10px;}
#Sefdirigent .subitem { float:right; width:100px;}
#Sefdirigent .nadpis { color: #ffffff;}
#Sefdirigent .text { color: #EEBD95;}
#Sefdirigent IMG {margin-left:15px;}
/*4.2*/
#Pronajem {height:127px; width:188px; overflow:hidden; background-color:#430A17;}
#Pronajem .item { padding: 0px 5px 0px 5px; font-family: Arial; font-size: 10px;position:relative; _padding-top:10px;}
#Pronajem .nadpis { color: #ffffff;}
#Pronajem .text { color: #EEBD95;}
#Pronajem .subitem {float: right; width:100px;}
#Pronajem .image {position:absolute; top:10px; left:0px; font-size:0px;}
/*#Pronajem img {position:absolute; top:10px; left:14px; top:0px; font-size:0px;}*/
#Pronajem img {margin-left:10px;}

#Pronajem .label { width: 188px; background: url('/img/box-label2.gif') no-repeat;}

/* pata */
#footer {clear:both; position:relative;  width:761px; height: 24px; background-color:#2f0710; z-index:10; margin-left:13px;}
#footer .line { height: 1px; font-size:0px; background-color: #520d1c;}
#footer .text {padding:4px 0 0 10px; }
#footer .text A {color:#E3A033; }
#footer span.righttext  {margin-left:330px; width:250px; text-align:right;}
h1 {
 height:0px;
 width:0px;
 font-size:0px;
 color:black;
 position:absolute;
 top:0px;
 left:0px;
  z-index:0;
}
/* 
==================================================
 messageBox
==================================================
*/
TABLE.messageBox
{
 border: 0px;
 background-color: #F0F0F0
}
TABLE.messageBox TD {
 font-family: "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #000000;
 text-decoration: none
}
TABLE.messageBox TR.alertMessage
{
 background-color: #F4F1D3;
}
TABLE.messageBox TR.OkMessage
{
 background-color: #CEEAD0;
}
TABLE.messageBox TR.alertMessage TD
{
 font-family: "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 font-weight: bold
}
TABLE.messageBox TR.OkMessage TD
{
 font-family: "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 font-weight: bold
}
TABLE.messageBox TR.errorMessage
{
 background-color: #FFD8D8;
}
TABLE.messageBox TR.errorMessage TD
{
 font-family: "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
 font-size: 11px;
 color: #D30606;
 font-weight: bold
}

TABLE.dg INPUT.err, TABLE.dg select.err
{
 font-size: 11px;
 font-weight: bold;
 border-width: 1px;
 border-style: solid;
 border-color: #D30606;
 color: #D30606;
 background-color: #FAF0F0;
}
TABLE.dg INPUT.alert, TABLE.dg select.alert
{
 font-size: 11px;
 font-weight: bold;
 border-width: 1px;
 border-style: solid;
 border-color: #999900;
 color: #999900;
 background-color: #FAF0FA;
}
TABLE.dg INPUT.Ok, TABLE.dg select.Ok
{
 font-size: 11px;
 font-weight: bold;
 border-width: 1px;
 border-style: solid;
 border-color: #999900;
 color: #999900;
 background-color: #FAF0FA;
}
SPAN.REQUIRED
{
 color: Red;
 font-weight: bold
}
SPAN.MUTMISSING
{
 color: Blue;
 font-weight: bold
}
/* 
==================================================
 /messageBox
==================================================
*/