html {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Arial", "Verdana", "Sans-Serif";
    font-size: 12px;                                      
    color:#555555;
   
    }
body {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    background: #90a6b5 url(./images/_bk01.png);
    background-position: top center;
    }

img {
    border: 0px;
}


a {
    color: #DD6000;
    text-decoration:none;
    }

a:visited {
    color: #DD6000;
    text-decoration:none;
    }
    
    
    hr {
    height:1px;width:100%;
}



h1 {
    
    font-size: 14px;
    margin: 0px;
    text-decoration: none;
    font-weight: bolder;
}



h3, .h3 {
    font-weight: normal;
    font-size: 16px;
    padding:0;
    margin:0;
    }

h4, .h4 {
    font-weight: normal;
    color: #788993; 
    font-size: 14px;
    margin: 0px;
}
h5, .h5 {
    font-weight: normal;
    font-size: 12px;
    margin: 0px;
}





.nowrap {
   overflow: hidden;
    white-space: nowrap;

    /* The following elements are not part of CSS2, but are required for some
     *  (broken) browsers who do not understand the former definitions. */
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}


#header {
    background: url("./images/header-bg.png") repeat;
    height: 80px;
    margin: 0px auto;
    width: 900px;
}
#header-left {
    background: url("./images/header-bg-left.png") repeat-y;
    float: left;
    height: 80px;
    width: 15px;
}
#header-right {
    background: url("./images/header-bg-right.png") repeat-y;
    float: right;
    height: 80px;
    width: 15px;
}

#navigation {
    background: url("./images/navigation-bg.png") repeat-x;
    height: auto !important;
    height: 32px;
    margin: 0px auto;
    min-height: 32px;
    overflow: hidden;
    width: 900px;
}
#navigation-left {
    background: url("./images/navigation-bg-left.png") no-repeat;
    float: left;
    height: 32px;
    width: 15px;
}
#navigation-right {
    background: url("./images/navigation-bg-right.png") no-repeat;
    float: right;
    height: 32px;
    width: 15px;
}









#content-main {
    background-color: white;
    /*margin: 17px auto;*/
    margin: 0px auto 0px auto;
    width: 900px;
    height:auto;
    }
#content-top {
    position: relative;
    /*background: url("./images/content-bg-top2.png") repeat-x;*/
    /*background-color: #90a6b5;*/
    background-color: transparent;
    background: url(./images/content-top-shape2.png) no-repeat;
    background-position: center top;
    height:63px;
    margin-left: auto;
    margin-right: auto; 
    width: 900px;
}

#content-top-href { 
        position: absolute; 
        top: 0px; 
        left: 20px; 
        width: 210px; 
        height: 43px; 
        background-color: transparent; 
   }





#content-top-left {
    /*background: url("./images/content-bg-top-left2.png") no-repeat;
    float: left;
    height: 40px;
    width: 15px;  */
}
#content-top-right {
  /*  background: url("./images/content-bg-top-right2.png") no-repeat;
    float: right;
    height: 40px;
    width: 15px;     */
}


#content-left {
    background: url("./images/content-bg-left.png") repeat-y;
}
#content-right {
    background-color: white;
    background: url("./images/content-bg-right.png") repeat-y;
    background-position: right;
}
#content-bottom {
    clear:both;
    background: url("./images/content-bg-bottom.png") repeat-x;
    height: 40px;
    width: 900px;
}
#content-bottom-left {
    background: url("./images/content-bg-bottom-left.png") no-repeat;
    float: left;
    height: 40px;
    width: 15px;
}
#content-bottom-right {
    background: url("./images/content-bg-bottom-right.png") no-repeat;
    float: right;
    height: 40px;
    width: 15px;
}
#content-bottom-links {
    float: left;
    text-align:left;
    font-size: 11px;
    padding: 7px 5px 0px 5px;
    width:700px;
    overflow:hidden;
    }
#content-bottom-copyright {
    float: right;
    width:100px;
    font-size: 11px;
    padding: 7px 5px 0px 5px;
    overflow:hidden;
    }
#content {
    margin: 0px 12px 0px 12px;
    padding-top: 0px;
    padding-bottom: 62px;
    height:auto;
    }
    
    
/* VNITRNI SADA 3 SLOUPCU DO KTERYCH SE VYKRESLUJE OBSAH WEBU*/    
#column_left {
 float:left;
 /*background: url(./images/papertop.png) no-repeat;*/
 background-position: top right;
 width: 170px;
 margin-left:0px;
 padding-left:0px;
 
 }

#column_right {
 float:right;
 width: 170px;
 margin-right:1px; 


 }
 
 #column_center {
 float:left;
/* background: url(./images/papertop.png) no-repeat; */
 text-align:left;
 width:505px;

 /*padding-left:15px;*/
 margin-left:15px;
 margin-right:auto;
 height:auto;
 overflow:hidden;
 }
 
 #column_center_admin {
 float:left;
 text-align:left;
 width: 670px;
 margin-left:15px;
 margin-right:auto;
 height:auto;
 overflow:auto;

 } 
 
 
 
/* VNITRNI SADA 3 SLOUPCU */
 
 
 
 
 /* HORNI SEKCE TODAY - LISTICKA PRO ZOBRAZENI DNESNIHO PROGRAMU */
 #today{
  margin:0px;
  padding:10px 0px 0px 0px;
  width:auto;
  height:40px;
  line-height:40px;
  vertical-align: middle;
 }
 
 #today_left{
  float:left;
  width:240px;
 }
 #today_right{
  font-size:10px;
  line-height: 17px;
  text-align: left;
  float:left;
  width:630px;
 }
/* END HORNI SEKCE TODAY - LISTICKA PRO ZOBRAZENI DNESNIHO PROGRAMU */ 



#logo_dk{
 background:url(./images/topbar3.png);
 
 clear:both;
 margin-top:0px;
 padding-top:0px;
 margin-left:auto;
 margin-right:auto;
 width:900px;
 height:150px;
}

#logo_dk div.describ{
 float:right;
 text-align: left;
 font-size: 11px;
 color:#EEEEEE;
 padding:90px 0px 0px 0px;
 width:650px;
 height:50px;
}



#button_frame{
 width: 450px;
 margin-left: auto;
 margin-right: auto;
 
}


/* FORMULARE APOD */ 
 
 
 input, textarea, select    
{
    font-family: "Lucida Grande","Lucida Sans Unicode", "Trebuchet MS", "Arial", "Verdana", "Sans-Serif";
    font-size: 11px;
    border: 1px solid #CED7DB;
    background-color: #E7EBED;
}




 .wide{
    width:160px;
}

 .halfwide{
    width:73px;
}

 .wide2{
    width:350px;
}

 input.wide-cal{
    width:80px;
    text-align: center;
}



 select.wide{
    width:162px;
}

 textarea.wide{
    width:160px;
}

input:hover, textarea:hover, select:hover
{
    background-color: #F3F6F6;
    border-top: 1px solid #6C8793;    
    border-left: 1px solid #6C8793;    
    border-right: 1px solid #DAE1E4;    
    border-bottom: 1px solid #DAE1E4;            
}    
 
 input.red
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Arial", "Verdana", "Sans-Serif";
    font-size: 11px;
    border: 1px solid #DBCECE;
    background-color: #EDE6E6;
} 





 
 
#page{
width:96%;
height:auto;
text-align:left;
margin-left:auto;
margin-right: auto;

}

#page_full{
width:auto;
height:auto;
text-align:left;
margin-left:auto;
margin-right: auto;
}
 
#page_full h2{
 color: #b52d2d;
 font-size: 15pt;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Arial", "Verdana", "Sans-Serif";
 font-weight: 100;
} 
 

div.strom {  
    clear:both;
    float:left;
    text-align:left;
    padding:0px 0px 15px 0px ;
    margin:0px;
    width:155px;
}

div.strom ul { 
    padding:0px;
    margin:0px;
    list-style: none;
    width: 155px;
    text-align:left; 
   }

     div.strom li { 
    list-style: none;
    width:155px;
    margin-left:2px;
    text-align:left;
}

div.strom li a {
    list-style: none;
    margin-left:6px;
    margin-top:1px;
    padding-left:10px;
    background: url(./images/menu01.gif) no-repeat;
    background-position: 0px bottom;
    line-height:auto;
    height:auto;
    vertical-align: middle;
    display: block;
    font-size:11px;
    color:#586e7c;
 }
div.strom li a:hover { background: url(./images/menu02.gif) no-repeat 0px bottom; color: #70961C;}



div.strom li.strom_header { 
            width: 160px;
            height:20px;
            line-height:20px;
            font-size:13px;
            font-variant: small-caps;
            color:#FEFEFE;
            background: url(./images/h3_big_green2.png) no-repeat;
            background-position: center left;
            margin:0px;
            padding: 0px 0px 0px 10px;
            
            border-color: #586e7c;
            border-width:1px;
            border-style:solid;

            }

div.strom li.strom_header a {
    list-style: none;
    margin-left:0px;
    padding: 0px 0px 0px 0px;
    background: transparent;
    background-position: 0px bottom;
    line-height:19px;
    vertical-align: middle;
    display: block;
    font-size:13px;
    color:#FEFEFE;
    
 }
 







.strom_header_red { 
            clear:both;
            width: 160px;
            height:20px;
            line-height:20px;
            margin-top: 10px;
            font-size:13px;
            font-variant: small-caps;
            color:#FEFEFE;
            background: url(./images/h3_big_red_3.png) no-repeat;
            background-position: center left;
            margin:0px;
            padding: 0px 0px 0px 10px;
            border-color: #586e7c;
            border-width:1px;
            border-style:solid;
}

.strom_header_yellow{ 
            clear:both;
            width: 160px;
            height:20px;
            line-height:20px;
            margin-top: 10px;
            font-size:13px;
            font-variant: small-caps;
            color:#FEFEFE;
            background: url(./images/h3_big_yellow.png) no-repeat;
            background-position: center left;
            margin:0px;
            padding: 0px 0px 0px 10px;
            border-color: #586e7c;
            border-width:1px;
            border-style:solid;
}

.strom_header_blue{ 
            clear:both;
            width: 160px;
            height:20px;
            line-height:20px;
            margin-top: 10px;
            font-size:13px;
            font-variant: small-caps;
            color:#FEFEFE;
            background: url(./images/h3_big_blue2.png) no-repeat;
            background-position: center left;
            margin:0px;
            padding: 0px 0px 0px 10px;
            border-color: #586e7c;
            border-width:1px;
            border-style:solid;
}


       
        
div.box_foto{
    clear:both;
    width: 170px;
    height: 226px;
    margin: auto auto;
    margin-top: -1px;
    border-color: #586e7c;
    border-width:1px;
    border-style:solid; 
}         

div.box_fotomain{
    text-align:center; 
    width: 170px;
    height:auto;
    margin-bottom: 7px;
    }        

  

 /*  RAMEC PRO ZOBRAZENI INFORMACE O AKCI */
      
     div.action_frame{
      clear:both;
      width:500px;
      height:100px;
      margin-left:auto;
      margin-right:auto;
      margin-bottom:10px;
      border: solid 1px #888888;
      overflow: hidden;
      vertical-align: middle;
     }

     div.action_frame_blue{ background: url(images/action_bar_blue.png) no-repeat; width:100%;height:100%; }
     div.action_frame_blue:hover{ background: url(images/action_bar_blue_hover.png) no-repeat; }

     div.action_frame_red{ background: url(images/action_bar_red.png) no-repeat; width:100%;height:100%; }
     div.action_frame_red:hover{ background: url(images/action_bar_red_hover.png) no-repeat; }

     div.action_frame_green{ background: url(images/action_bar_green.png) no-repeat; width:100%;height:100%; }
     div.action_frame_green:hover{ background: url(images/action_bar_green_hover.png) no-repeat; }

     div.action_frame_yellow{ background: url(images/action_bar_yellow.png) no-repeat; width:100%;height:100%; }
     div.action_frame_yellow:hover{ background: url(images/action_bar_yellow_hover.png) no-repeat; }

     div.action_frame_film{ background: url(images/action_bar_film.png) no-repeat; width:100%;height:100%; }
     div.action_frame_film:hover{ background: url(images/action_bar_film_hover.png) no-repeat; }

     div.action_frame_sport{ background: url(images/action_bar_sport.png) no-repeat; width:100%;height:100%; }
     div.action_frame_sport:hover{ background: url(images/action_bar_sport_hover.png) no-repeat; }


     
      
     div.action_foto{
      float:left;
      width:128px;
      margin:0px 0px 0px 4px;
      padding:0px;
      height:100px;
      background-position: left center;
     }

     div.action_foto img{
      border-style:solid;
      border-color:red;
      border-width: 1px;
     }     
     
     
     div.action_text{
      float:left;
      text-align:justify;
      height:90px;
      width: 360px;
      overflow: hidden;
     }
     
     div.action_title{
      float:left;
      width:100%;
      vertical-align: middle;
      line-height: 23px;
     }     
     
     div.action_title span.left{
      float:left;
      line-height:23px;
      overflow:hidden;
      font-size:125%;
      color:#444444;
     }

     div.action_txt{
      float:left;
      width:100%;
      font-size: 90%;
      line-height: 13.7px;
     }     
     
     

      div.action_text a{
      color:#333333;
     }    
     
     
     div.action_text span.rightaction{
      vertical-align: middle;
      line-height: 20px;
      float:right;
      width:auto;
     } 
     

     

    

     


    
/*  RAMEC PRO ZOBRAZENI INFORMACE O AKCI */

div.descript{
 background: url(images/bar_description.png) no-repeat;
 text-align:right;
 padding-right:15px;
 width:auto;
 border-style: solid;
 border-width: 1px;
 border-color: #a22218;
 line-height: 17px;
 color:#FEFEFE; 
 font-size: 12px;
}


 span.left{
 float :left;
}
span.right{
 float :right;
}



  #text{
  clear:both;
  width:480px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  height:auto;
  overflow: auto;
 }
 
 #text h1{
  font-size:100%;
 }
 
 #text h2{
  font-size:110%;
 }
 
 #text h3{
  font-size:110%;
  font-weight: bolder;
 } 
 
 
 #text p{
  text-align:justify;
 }














 #movie_box{
  clear:both;
  width:450px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  height:auto;
 }
  
 #movie_box_left{
  float:left;
  width:150px;
  /*height:180px;*/
 }
 
 #movie_box_right{
  float:left;
  width:auto;
  height:auto;
  text-align:left;
  
 }
 
  #movie_box_right  h1{
  font-size:140%;
  padding:0;
  margin:0;
 }
 
 #movie_box_right  h2{
  font-size:120%;
   padding:0;
  margin:0;
 }









#footer {
    background: url("./images/footer-bg.png") repeat-x;
    height: 95px;
    margin: 5px auto;
    width: 800px;
}
#footer-left {
    background: url("./images/footer-bg-left.png") no-repeat;
    float: left;
    height: 95px;
    width: 15px;
}
#footer-right {
    background: url("./images/footer-bg-right.png") no-repeat;
    float: right;
    height: 95px;
    width: 15px;
}

    
.alert_blue {
    background: #f8fafc url(./images/icons/information.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #b5d4fe;
    border-bottom: 2px solid #b5d4fe;
    }
    
.alert_red {
    background: #fff6bf url(./images/icons/exclamation.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
}

.alert_orange {
    background: #fcf1e6 url(./images/icons/emoticon_unhappy.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #fcd8b3;
    border-bottom: 2px solid #fcd8b3;
    }
    
.alert_clear {
    background: transparent;
    height:auto;
    text-align: left;
    }    
    

.alert_white {
    background: #ffffff;
    /*background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #e9ffb6;
    border-bottom: 2px solid #e9ffb6;
    }    
    
    
    
    .alert_green_ok {
    background: #f7fcf7 url(./images/icons/emoticon_smile.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ccfcb3;
    border-bottom: 2px solid #ccfcb3;
    }






.help{
 font-size:10px;
 color:#666666;

}




a.file {                                                          /* Zobrazeni thumbnailu */
    color: #A3A8B1;
    background-color: #E9E9EB;    
    border: 1px solid #F4F4F5;
    display: block;
    width: 146px;
    height: 146px;
    overflow: hidden;
    margin: 2px 2px 2px 2px;    
    padding: 0;
    white-space: nowrap;    
    cursor: pointer;
    text-align: center;
    float: left;
    border: 1px solid #bcc9eb;

} 

a.file:hover {                                                          /* Zobrazeni thumbnailu */
    color: #234b6c;
    background-color: #D0DFEF;
    border: 1px solid #6FA3D0;    
    cursor: pointer;    
}
a.file img
{                                                          /* Zobrazeni thumbnailu */
    border: 1px solid #F4F4F5;
    margin: 2px auto 0 auto;
    height: 140px;
}  
a.file:hover img
{                                                          /* Zobrazeni thumbnailu */
    border: 1px solid #6FA3D0;    
}



div.fastdial{
 font-size: 8pt;
 background: url(./images/fast_dial3.png) no-repeat;
 background-position: top left;
 padding-left: 5px;
 padding-right: 5px;
 line-height: 18px;
 padding-top : 0px;
 
 width:auto;
 height:45px;
}


td.small{
font-size: 8pt;
}





div.bluetab0{
 width:450px;
 clear:both;
 margin-left:auto;
 margin-right:auto;
 line-height: 32px;
 height:32px;
 background: url(./images/tab_blue_head450.png) no-repeat;
 background-position: left center;
}
div.bluetab0 span{
 padding-left: 14px;
}
              


div.bluetab1{
 width:450px;
 height:auto;
 clear:both;
 background: url(./images/tab_blue_bottom450.png) no-repeat;
 background-position: bottom center;
  margin-left:auto;
 margin-right:auto;
 }
 div.bluetab1 div{
 padding: 0 15px 15px 15px;
}