@import url("classes.css");
@import url("colors.css");
body { 
    margin:0; 
    padding:170px 0 47px 0;
    font-family:Arial, Verdana;
    text-align:center;
    background:#f9f1b8 url(../images/bg.png) repeat center top;
}
body.homepage {padding-top:434px;} 

a {color:#2C679E;}
a:hover {color:#75A8DC;}
#content a:hover {color:#75A8DC;}
a:visited {color:#AF4F8F;}
a img {border:none;}
p {font-size:0.8em; margin: 1em 0; padding: 0;}
p.perex {font-weight:bold;}
h1 {font-size: 1.66em;}          
h2, h3, h4, h5 {margin: 1em 0 .5em 0; padding: 0;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.2em; font-style: italic;}
h5 {font-size: 1.1em; font-style: italic;}

/*
h2 {font-size: 1.1em;}
h3 {font-size: 0.9em;}
*/

.text ul li {font-size:0.75em; list-style: square;}

/* uz je v classes.css
.clear {clear:both;}
.hide {display:none;}
*/
.fleft {float:left;}
.fright {float:right;}
p a.more {color:#fff;background-color:#be0027;text-decoration:none;font-size:0.8em;}


#content {
    position:relative;
    margin:auto;
    padding:10px 0 40px 0;
    width:960px;     
    text-align:left; 
}
#hbox {
    position:absolute;
    top:-170px;
    left:0;
    width:960px;
    height:150px;
    text-align:left;
       z-index:100;     
}
body.homepage #hbox {top:-434px;height:434px;}
#foot {              
    position:relative;
    margin:0 auto;
    width:960px;
    height:30px;
    line-height:30px;
    /*TODO x*/
    font-size:0.75em;
    /**/
    color:#bfbfbf;     
    background:#000;   
    text-align:left;
}
#foot a, #foot a:visited  {text-decoration: underline !important;;}
#foot a:hover {text-decoration: none !important;}

/*content boxes*/
.textboxsmall, .textboxlong, .sbox1, .sbox2 {
    position:relative;
    float:left;
    left:960px;          
} 
.textboxsmall {
    width:506px;
    margin-left:-700px;  
}
.textboxlong {        
    width:766px;
    margin-left:-960px;   
}
.sbox1 {           
    width:250px;
    margin-left:-960px;
}
.sbox2 {            
    width:184px;
    margin-left:-184px;
    z-index:999;
}
/*text boxes*/  
.box1,.box11, .box2, .box3 { 
    float:left; 
    position:relative;  
    left:766px;   
    overflow:hidden;    
}            
.box1 {  
    width:303px;
    margin-left:-574px;            
}          
.box11 {  
/*    width:549px;
    margin-left:-574px;*/
    padding:0 10px;
    width:750px;
    margin-left:-760px;
}
.box2 {
    width:160px;
    margin-left:-766px;
}
.box3 {   
    width:246px;
    margin-left:-246px;
}
/*page boxes*/ 
.box4 {
    float:left;
    margin:0 10px 0 0;
    width:510px;    
    background:#fff; 
}       
.box6 {
    float:left;           
    width:698px;
    background:#fff;
    margin-left: 58px;
    padding-left: 10px;
}    
.box7 {
    float:left;           
    width:760px;      
    background:#fff;  
    padding-left: 10px;
}


/*hbox*/
#hbox p.image {
    position:absolute;
    left:0;
    top:150px;
    margin:0;
    padding:240px 0 0 20px;
    width:940px;/*full:1024px*/
    height:44px;/*full:284px*/
    color:#8dbd33;
    font-size:2em;
    font-weight:bold;
    background-color:#b33656;
}
#hbox p.image span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:960px;
    height:284px;
    overflow:hidden;
}
#hbox p.image span.old {
    background:url(../images/homepage-image.jpg) no-repeat -29px top;
}

#line {
    position:absolute;
    top:-20px;
    left:0;
    width:960px;
    height:20px;    
}
#line span {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:960px;
    height:20px;     
}
#line span.item1 {background:#8dbd33;}
#line span.item2 {background:#35a4dc;}
#line span.item3 {background:#e93479;}
#line span.item4 {background:#ECB300;}
#line span.item5 {background:#ec5d24;}
                             
#line span.pageitem0 {background:#F3B508;}               
#line span.pageitem1 {background:#35a4dc;}
#line span.pageitem2 {background:#e93479;}
#line span.pageitem3 {background:#ec5d24;}   
h1.color0 {color:#F3B508;}  
h1.color1 {color:#35a4dc;}
h1.color2 {color:#e93479;}
h1.color3 {color:#ec5d24;}

span.monthline { height:20px; background:#8dbd33; font-weight: bold; }

/*--logo*/
a.logo {
    display:block;
    position:absolute;
}
a.logo span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    cursor:pointer;
}
a.logo1 {
    left:739px;
    top:20px;
    padding:0 50px 0 5px;
    width:165px;/*full:220px;*/
    height:75px;
    font-weight:bold;
    font-size:2em;
    color:#fbf5ca;
    background-color:#ec5d24;
    text-decoration:none;
}
a.logo1:hover {color:#fff;}

a#logo-cs span {
    width:220px;
    height:75px;
    background:url(../images/logo-cs.png) no-repeat left top;
}
a#logo-en span {
    width:220px;
    height:75px;
    background:url(../images/logo-en.png) no-repeat left top;
}

a#logo2 {
    left:5px;
    top:42px;
    width:182px;
    height:29px;
    line-height:29px;
    text-align:center;
    font-weight:bold;
    color:#000;
    text-decoration:none;
}
a#logo2:hover {color:#ec5d24;}
a#logo2 span {
    width:182px;
    height:29px;
    background:url(../images/logo2.png) no-repeat left top;
}
#langs {
    position:absolute;
    left:582px;
    top:20px;
    width:80px;
    height:30px;       
}
#langs a {
    position:relative;
    display:block;
    float:left; 
    margin:0 10px 0 0;        
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    background:#fff;
}                   
#langs a.cs {color:#be0027;}
#langs a.en {color:#35a4dc;}
#langs a.cs:hover,#langs a.cs.active {background-color:#ecc4a9;}
#langs a.en:hover,#langs a.en.active {background-color:#d6e3f5;}
#langs a span {
    display:block;
    position:absolute;
    left:0;
    top:0;         
    width:30px;
    height:30px;
    background-position:left top;
    background-repeat:no-repeat;
    /*cursor:pointer;*/ 
}                                                          
#langs a.cs span {background-image:url(../images/lang-cs.png);}
#langs a.en span {background-image:url(../images/lang-en.png);}
#langs a:hover span,#langs a.active span {background-position:right top;}


/*navi arrows*/
p.navi a {       
    display:block;
    position:relative;
    float:left;
    width:20px;
    height:18px;                  
}                     
p.navi a span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:18px;
    cursor:pointer;
    background-position:left top;
    background-repeat:no-repeat;
    cursor:pointer;
} 

#visual { margin: 0 0 6px 0; }

/*content*/
#calendar {             
    position:relative;
    margin:0 0 10px 0;
    padding:6px;   
    width:172px;  
    background-color:#fff;    
}    
#calendar span.month {
    display:block;
    position:relative;
    margin:0;
    padding:0;
    width:172px; 
    height:21px;
    color:#ec5d24;
    font-weight:bold;
    font-size:1.1em; 
}
#calendar span.year {
    display:block;
    position:absolute;
    right:0;    
    top:0;
    font-size:0.7em;
}
#calendar p.navi {
    position:absolute;
    left:85px;
    top:6px;
    margin:0;       
    padding:0;           
}                                                                       
#calendar p.navi a.item1 span {background-image:url(../images/icon-arrow1.gif);}   
#calendar p.navi a.item2 span {background-image:url(../images/icon-arrow2.gif);}   
                                                                         
#calendar table {
    margin:5px 0 0 0;
    width:172px;
    overflow:hiddem;  
    border:none;
}                                                                                   
#calendar table * {border:none;}                                             
#calendar table tr {}                                                        
#calendar table tr td {
    padding:0 3px 3px 0;
    width:22px;       
    font-size:0.75em;  
    font-weight:bold;
    color:#aaa;
    text-align:center; 
}                                                                       
#calendar table tr td span {
    display:block;
    width:22px;
    height:22px;
    line-height:22px;
    background-color:#d6d6d6;
}                                                                   
#calendar table tr td a {
    display:block;
    width:22px;  
    height:22px;
    line-height:22px;  
    text-decoration:none; 
    color:#000;
    background-color:#d6d6d6;
}                                                                    
#calendar table tr td a.active,                                                                    
#calendar table tr td a.active:hover {
    color:#fff !important;
    background-color:#ec5d24;
}                                                                            
#calendar table tr td a:hover {
    color:#fff !important;              
    background-color:#aaa;
}
#calendar p.items {
    margin:0;
    padding:4px 8px;
    background-color:#ec5d24;    
}                     
#calendar p.items a {
    color:#fff;
    font-weight:bold; 
    text-decoration:none;
}
#calendar p.items a:hover {text-decoration:underline;}
#calendar p#id-items { height: 48px; }

#calendarinfo {
    display:none;
    position:absolute;
    left:0;
    top:0;
    padding:2px;
    width:170px;      
    font-size:0.75em; 
    background:#fff; 
}
#calendarinfo div.cnt {
    padding:4px;
    color:#fff;
    font-weight:bold;
   background:#ec5d24; 
}
#cmperf {display:none;}


.sbox2 a.banner {
    display:block;
    position:relative;
    margin-bottom:10px;
    padding:6px;
    width:172px;
    height: 174px;
    background:#fff;
}                                                                                                                                       
.sbox2 a.banner.blog {height:58px;background:#8dbd33;font-weight:bold;color:#fff;}
.sbox2 a.banner span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:184px;
    height:68px;
    background-position:left top;
    background-repeat:no-repeat;
    cursor:pointer;     
}                                                                                    
.sbox2 a.banner.blog span,.sbox2 a.banner.newsletter span {height: 226px;}             
.sbox2 a.banner.newsletter span {background-image:url(../images/banner-newsletter.gif);} 
.sbox2 a.banner.ecard span {background-image:url(../images/banner-ecard.jpg);}
.sbox2 a.banner.blog span {background-image:url(../images/banner-blog.gif);}


/*smallboxes*/
div.box {
    margin:0 0 10px 0;
    padding:6px;
    width:238px;
    background:#fff;
}                                      
div.box p {
    margin:0;
    padding:0;      
    line-height:17px; 
}          
div.box p a.title {  
    display: block;
    padding: 4px 0;
    font-size: 1.4em;  
    text-decoration:none;
    line-height: 22px; 
    text-transform: uppercase;
	font-weight: bold;
}                                          
div.box p a.title:hover {text-decoration:underline;}                                          

div.textboxsmall div.text div.fleft a.title {
	display:block;
	padding:0 6px 6px 6px;
	font-size:1.66em;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: bold;
}

div.textboxsmall div.text div.fleft a.title:hover {text-decoration:underline;}

div.box p.flags {
    margin:0;
    padding:0;        
    font-size:0.65em;
}
p.flags span {
    margin-right:10px;
}

/*text*/                                                                        
.text {position:relative;margin:0 0 10px 0;padding:0;background-color:#fff;}    
.textboxlong .text {width:766px;padding-bottom:6px;}
.textboxsmall .text {width:506px;}                         
.box4 .text,.box7 .text {float:left;padding:6px 0 6px 6px;width:246px;}
.box4 .text.full,.box7 .text.full {width:501px;}
.box4 .text.fotos,.box7 .text.fotos {float:right;padding:0;}
.box5 .text {padding:0;width:246px;}        
.textboxsmall p.flags {
    margin:0;
    padding:6px;        
    font-size:0.65em;
}
.textboxsmall .text p.flags {
    padding-bottom:0;
}                 
.box4 .text p.flags,
.box5 .text p.flags,
.box7 .text p.flags {
    margin:0 0 2px 0;
    padding:0;        
    font-size:0.65em;
}
.box5 .text p.flags {padding:6px 6px 0 6px;}
.textboxsmall h1 {
    margin:0;
    padding:0 6px 6px 6px;
}
.textboxsmall p {  
    margin:0;
    padding:0 6px 15px 6px;   
    line-height:18px;  
}                                       
 div.fleft {width:260px;}
.textboxsmall div.fright {width:246px;}
                    
.textboxlong .box1 h1 {
    margin:0 0 30px 0;
    padding:0;
    width:280px;
}     
.box4 .text h1 {
    margin:0 0 30px 0;
    padding:0;
    width:245px;     
    text-transform: uppercase;
}
.box7 .text h1 {
    margin:0 0 30px 0;
    padding:0;
    width:500px;     
    text-transform: uppercase;
}
.textboxlong .text p {padding-right:16px;}
.textboxlong .box1 p { 
    line-height:18px;
}
.textboxlong .box2 p {
    margin:0;
    padding:6px;       
}         
.box5 p {
    padding:0 6px;
}     
.textboxlong .box2 p.program {
    margin-bottom:20px;
    font-size:0.7em;
    line-height:15px;    
}                
.textboxlong .box2 p.program span.date {
    padding:0 0 0 2px;
    color:#fff;
    background:#000;
}
.textboxlong .box2 p.program span.time {
    padding:0 0 0 2px;
    color:#fff;
    background:#8dbd33;
}   
.textboxlong .box2 p.flags {  
    font-size:0.65em;
    line-height:14px;    
}           
.box5 a.title {  
	display: block;
    padding: 4px 6px;
    font-size: 1.4em;  
    text-decoration:none;
    line-height: 22px; 
    text-transform: uppercase;
	font-weight: bold;
/*	
    display:block;  
    padding:0 6px;
    font-size:1.55em;  
    text-decoration: none;  
    text-transform: uppercase;
*/	
}       
.box5 a.title:hover {text-decoration:underline;}

         
/*page navigation - program */
#pagenavi {
    position:absolute;
    left:0;
    top:-30px; 
    padding:1px 0 0 5px;
    height:20px; 
}               
#pagenavi div.month {  
    float:left;      
    margin:0 30px 0 0;
    padding:1px 0 0 0;
    font-size:0.95em;
    font-weight:bold;
}           
#pagenavi p.navi {  
    float:left;       
    margin:0;
    padding:0; 
    height:20px;   
}
#pagenavi p.navi a.item1 span {background-image:url(../images/icon-arrow3.gif);}   
#pagenavi p.navi a.item2 span {background-image:url(../images/icon-arrow4.gif);}     
              
/*photos*/  
.fotoitem {
    margin:0 0 10px 0;
}          
.fotoitem.last {background:red;}
.fotoitem p  {
    margin:0;
    padding:0;
    width:200px;
    font-size:0.7em;
    line-height:14px;
}
.fotoitem p span {color:#fff;background-color:#ec5d24;}
.fotoitem img {  
    display:block;    
    margin:0 0 10px 0;                                
}                                                       

/*programs*/
.progitem {
    position:relative;
    left:56px;
    margin:0 0 10px 0;
    padding:6px 0;
    width:710px; 
    background:#fff;
}            
.progitem.long {width:766px;left:0;}                                     
.progitem div.fright {width:572px;}                                     
.progitem.long div.fright {width:628px;}
.progitem div.fleft {
    margin-left:-56px;
    width:190px;   
}
.progitem div.date {
    position:relative;
    top:-6px;
    float:left;
    padding:5px 0 0 0;
    width:56px;
    height:51px;
    background-color:#000;
    color:#fff;
    text-align:center;
    font-size:1.4em;
}                                     
.progitem div.long div.date {width:100px;}
.progitem div.date.pink {background-color:#af4f8f;}
.progitem div.date.past {background-color:#999;}
.progitem div.date span {display:block;font-size:0.6em;}
.progitem div.fleft p {
    float:left;
    margin:0 0 0 6px;
    padding:0;
    width:110px;       
    font-size:0.6em;
    line-height:14px;     
}
.progitem div.fleft.long p {width:80px;}  
.progitem div.fleft p span {padding:0 2px;}        
.progitem p.title { 
    margin:0;   
    padding:0;
}  
.progitem p.title a { 
    font-size:1.6em;
    text-decoration:none;
    font-weight:bold;
}
.progitem p.title a:hover {text-decoration:underline;}
.progitem p.pretitle,.progitem p.subtitle {
    margin:0; 
    padding:0; 
}

.progitem p.cnt {
    margin: 8px 0 0 0;
    padding:0;
    width:400px;
}
.progitem.long p.cnt {width:456px;}

/*foot*/ 
#foot p {
    float:left;
    margin:0;
    padding:0 0 0 10px;
    height:30px;
    line-height:30px; 
}           
#foot p a {text-decoration:none;color:#bfbfbf;}
#foot p a:hover {text-decoration:underline;}
#foot div#icons {
    float:left;
    padding:0 0 0 10px;
}
#foot div#icons a {
    display:block;
    float:left;
    padding:5px 11px 0 0;
    width:18px;
    height:19px;
}

#foot ul {
    position:absolute;
    right:0;
    margin:0;
    padding:0;
    list-style:none;
}
#foot ul li {
    float:left;
    width:176px;
}
#foot ul li a {
    display:block;
    position:relative;
    height:30px;
    line-height:30px;
    background:#000;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
}
#foot ul li.item1 a {width:55px;color:#e93479;}
#foot ul li.item2 a {width:69px;color:#ECB300;}
#foot ul li.item1 a:hover,#foot ul li.item1 a.ctive {background-color:#e93479;color:#000;}
#foot ul li.item2 a:hover,#foot ul li.item2 a.ctive {background-color:#ECB300;color:#000;}
#foot ul li a span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:176px;
    height:30px;
    cursor:pointer;
    background-position:left top;
    background-repeat:no-repeat;
    cursor:pointer;
}
#foot ul li.item1 a span {width:55px;background-image:url(../images/foot1.png);}
#foot ul li.item2-cs a span {width:69px;background-image:url(../images/foot2-cs.png);}
#foot ul li.item2-en a span {width:69px;background-image:url(../images/foot2-en.png);}
#foot ul li a:hover span,#foot ul li a.active span {
    background-position:right top;
}

table.pricelist { width: 651px; border-right:2px solid #ffffff; border-bottom:2px solid #ffffff; margin: 1em 0 1em 0; }
table.pricelist th,
table.pricelist td { font-size:0.8em; margin: 0; text-align: center; border-top:2px solid #ffffff; border-left:2px solid #ffffff; padding:2px; }
table.pricelist thead tr th { background-color:#323232; color:#ffffff; }
table.pricelist tbody tr th { background-color:#d3d3d3; font-weight: normal; text-align: left; padding-left:1em;}
table.pricelist th.separ,
table.pricelist td.separ { border-left:4px solid #ffffff; }
table.pricelist tr.redzone td { background-color:#ED6438; }
table.pricelist tr.yellowzone td { background-color:#ECC93B; }
table.pricelist tr.pinkzone td { background-color:#e83779; }
table.pricelist tr.bluezone td { background-color:#3ea4dc; }
table.pricelist tr.greenzone td { background-color:#179991; }
table.pricelist tr.brownzone td { background-color:#c5b7a0; }


a.external {background:url('../images/external.gif') no-repeat 100% 40%;padding-right:10px;}
a.external:visited {background:url('../images/external-visited.gif') no-repeat 100% 40%;padding-right:10px;}
a.external:hover {background:url('../images/external-hover.gif') no-repeat 100% 40%;padding-right:10px;}


/*newsletter*/
#nwsl {                
    position:relative;
    margin:0 0 10px 0;
    z-index:800;
}   
#nwslbox {          
    display:none;
    position:absolute;
    left:0;
    top:0;
    padding:6px;
    background:#fff;
    width:172px;    
    height: 214px;   
    z-index:800;
}                  
#nwslbox div.cnt {
    position:relative;
    height:100%;
    background:gray;
    z-index:800;
}         
#nwslbox div.cnt h3 {             
    margin: 0 0 10px 5px;
    padding: 30px 0 0 0;
    color:#fff;
    font-size:1.1em;
}
#nwslbox div.cnt input {
    margin: 3px;
    width:160px;
} 
#nwslbox div.cnt input#nwslsubmit {width:auto; margin-top: 15px;}
#nwslbox div.cnt p {
    margin:0;        
    margin:0 3px 3px 3px;
    color:#fff;
    font-size:0.75em;
}                                
#nwslbox div.cnt p a {color:#fff;}
#nwslbox div.cnt p a:hover {text-decoration:none;color:#fff;}
#nwslclose {        
    position:absolute;
    right:3px;
    top:3px;
    padding:0 2px;
    background:orange;
    color:#000;
    text-decoration:none;
    font-weight:bold;
    font-size:0.8em;
}
#nwslclose:hover {color:#fff !important;}
         
.imgbanner {
    display:block;        
    margin:0 0 10px 0; 
}