@charset "utf-8";
/* CSS Document */

body, p, form, img, table, tr, th, td, h1, h2, h3, h4, h5, h6, div {
	border: 0 none;
	margin: 0;
	padding: 0;
}

body {
  background: #fff url(../images/body_bg.gif) top repeat-y;
  font-family: Tahoma, Verdana, Arial;
  text-align: left;
	font-size: small;
	line-height: 1.5;
}

#wrapper {
  width: 950px;
  margin: 0 auto;
}


/*----------------*/
/*    GENERAL     */
/* (obecne styly) */
/*----------------*/
hr { color: #eeefee; border: 1px solid #eeefee }
h1 { font-size: 130%; color: #fff }
h2 { font-size: 135% }
h3 { color: #fff; font-weight: normal; font-size: 115% }
h4 { font-size: 110%; margin: 5px 0 0 0; }
.noscreen { display: none }
.center { text-align: center }
.justify { text-align: justify }

/*------------*/
/*   HEADER   */
/* (hlavicka) */
/*------------*/
#header {
  width: 950px;
  height: 167px;
  background: #aaa url(../images/header_bg.jpg) top left no-repeat;
  position: relative;
  z-index: 1;
}

  #header #odkazy { position: absolute; top: 8px; right: 0 }
  
    #header #odkazy a { color: #000; text-decoration: none; font-size: 100%; margin: 0 29px 0 0 }
    #header #odkazy a:hover { text-decoration: underline }
    
  #header #home_email div a { position: absolute; display: block; height: 32px }
    
    #header #home_email #home a { width: 50px }
    #header #home_email #email a { width: 40px; left: 50px }
    #header #home_email #homepage a { width: 220px; height: 110px; top: 50px; left: 30px }


/*------------*/
/*   CONTENT  */
/* (hl.obsah) */
/*------------*/
#content {
  width: 950px;
  min-height: 200px;
  background: #e5f6e4 url(../images/content_bg.gif) top left repeat-x;
  overflow: hidden;
  position: relative;
  z-index: 2;        
}


  #content #header-spodek {
    width: 950px;
    height: 42px;
    background: #aaa url(../images/header-spodek_bg.gif) top left repeat-x;
  }
  
  /* levy sloupec s menu, anketou a nejctenejsima */
  #content #leftbar {
    width: 142px;
    float: left;
    position: relative;
    top: -24px;
  }
  
  
    #leftbar a { color: #000; text-decoration: none }
    #leftbar a:hover { text-decoration: underline }
  
    #leftbar .obal {
      font-size: 85%;
      padding: 0 10px 0 15px;
    }
  
    #leftbar #anketa, #leftbar #nejctenejsi {
      padding: 0 0 10px 0;
      background: #e4f2e3 url(../images/leftbar_bg.gif) top left repeat-y;
    }
  
    #leftbar #anketa h3 {
      height: 42px;
      padding: 6px 0 0 35px;
      background: url(../images/h3_anketa_bg.jpg) top left no-repeat;
    }
    
      #anketa #anketa-otazka { color: #509425; font-size: 110%; margin: 0 0 5px 0 }
      #anketa #anketa-vysledky { font-weight: bold; text-decoration: underline; margin: 8px 0; font-size: 110% }
      #anketa p span { color: #3DCB14; font-size: 120% }
    
    #leftbar #nejctenejsi h3 {
      height: 42px;
      padding: 6px 0 0 38px;
      background: url(../images/h3_nejctenejsi_bg.jpg) top left no-repeat;    
    }
    
      #nejctenejsi a {
        display: block;
        border-bottom: 1px solid #DEF0D3;
        width: 95%;
        margin: 0 0 2px 0;
      }


  /* obalovaci DIV pro hlavni okno a pravy sloupec */
  #content #obsah {
    width: 808px;
    _width: 808px;
    float: right;
  }
  
  #content #obsah .content_mce {font-size: 110%;}
  #content #obsah .content_mce a {color: #00f;}
  
   
  #content #obsah #hlavni h3 { color: #3B8A49; font-size: 160%;font-weight: bold; }
  #content #obsah #hlavni h4 { font-size: 125%; color:#FF6600; }
  #content #obsah #hlavni h5 { font-size: 100%; font-weight: bold;color:#FF6600; }
  #content #obsah #hlavni h6 { font-size: 100%; font-weight: bold;color:#3B8A49; }
  
  /* hlavni obsahovy div uprostred */
  #content #hlavni {
    width: 653px;
    _width: 648px;
    float: left;
    position: relative;
    top: -35px;
  }
  	#content #hlavni .content_content {padding: 0px 20px 0px 20px;}
  	#content #hlavni .smaller_text {font-size:90%;}
  
    #hlavni h1 {
      height: 37px;
      margin: 20px 0 0 0;
      padding: 5px 0 0 50px;
      background: url(../images/h1_bg.jpg) top left no-repeat;
    }
    
    #hlavni h1.novinky {
      font-size: 1%;
      height: 27px;
      margin: 0 0 35px 10px;
      background: url(../images/h1_novinky_bg.jpg) top left no-repeat;
    }
  
    #hlavni .novinka {
      margin: 15px 28px 10px 28px;
    }
    
      .novinka images { float: left; margin: 0 10px 10px 0 }
      .novinka h2 { color: #59b061 }
      .novinka .odkaz { text-align: right; color: #59b061; }
      .novinka .datum { color: #989797; font-size: 90%; margin: -6px 0 -2px 0 }
      .center a { color: #59b061 }
	
	#hlavni .menu_content {float: left;}
	#hlavni .menu_content h2 {color:#3b8a49;font-size: 100%;margin-top: 10px;}
	#hlavni .menu_content ol {list-style: none;padding: 0px 30px 0px 10px;margin: 0px 0px 0px 0px;color:#000;}
	#hlavni .menu_content ol li {list-style: none}
	#hlavni .menu_content ol li a {color:#000;font-weight: bold;}
	#hlavni .menu_content ol li a.active {color:#3B8A49;}
	#hlavni .clear {clear: left;line-height: 0;height:0;width:0;padding:0;margin: 0px 0px 20px 0px;}
  	
  	#hlavni .doporucujeme {
      width: 300px;
      float: left;
      margin: 20px 0 20px 5px;
      min-height: 100px;
    }
    
      .doporucujeme h2 {
        height: 38px;
        padding: 4px 0 0 40px;
        color: #fff;
        font-weight: normal;
        background: url(../images/h2_doporucujeme.jpg) top left no-repeat;
      }
      
      .doporucujeme img {
        float: right;
        margin: 10px 10px 5px 5px;
      }
      
      .doporucujeme a {
        display: block;
        width: 150px;
        height: 25px;
        padding: 5px 0 0 10px;
        border-bottom: 1px solid #e4efe4;
        color: #000;
        font-size: 110%;
        text-decoration: none;
      }
      
      .doporucujeme a:hover {
        text-decoration: underline
      }
      
      .doporucujeme .ostatni {
        text-align: right;
      }
      
        .ostatni a { color: #000; text-decoration: underline; display: inline; border: 0; font-size: 85%; padding: 0 }
        .ostatni a.green { color: #59b061; font-weight: bold; font-size: 100% }
        .ostatni a:hover { text-decoration: none }
  	
  	
  /* pravy sloupec s akcema, vyhledavanim a doporucujeme */
  #content #rightbar {
    width: 155px;
    float: right;
    position: relative;
    top: -25px;
  }
  
    #rightbar a { color: #000; text-decoration: none }
    #rightbar a:hover { text-decoration: underline }
    #rightbar a.zeleny { color: #149A24; text-decoration: underline }
    #rightbar a.zeleny:hover { color: #149A24; text-decoration: none }
    
    #rightbar .obal {
      font-size: 85%;
      padding: 0 12px 0 23px;
    }
      
    #rightbar #akce, #rightbar #vyhledavani, #rightbar #doporucujeme {
      padding: 0 0 10px 0;
      background: url(../images/rightbar_bg.gif) top right repeat-y;
    }
    
    #rightbar #akce p {
    	line-height: 13px;
    }
    
    #rightbar #akce h3 {
      height: 42px;
      padding: 6px 0 0 60px;
      background: url(../images/h3_akce_bg.jpg) top left no-repeat;    
    }
    
    #rightbar #vyhledavani h3 {
      height: 42px;
      padding: 6px 0 0 40px;
      margin: 0;
      background: url(../images/h3_vyhledavani_bg.jpg) top left no-repeat;    
    }
      
      #vyhledavani input { width: 110px }
      #vyhledavani a { text-align: right; display: block; width: 95% }
      #vyhledavani a.hledej { text-align: right; text-decoration: underline }
      #vyhledavani a.hledej:hover { text-decoration: none }
      #vyhledavani h4 { margin-top: 0 }
      #vyhledavani p { margin: 0 0 8px 0 }
    
    #rightbar #doporucujeme {
      text-align: center
    }
    
      #doporucujeme h3 {
        height: 42px;
        padding: 6px 0 0 30px;
        background: url(../images/h3_doporucujeme_bg.jpg) top left no-repeat;
      }
    


/*-----------*/
/*   MENU    */
/* (hl.menu) */
/*-----------*/
#menu ol {
  list-style-type: none;
  margin: 0 0 8px 0;
  padding: 0;
}

  #menu a {
    display: block;
    width: 120px;
    height: 20px;
    padding: 0 0 0 22px;
    color: #fff;
    text-decoration: none;
    background: #cce8cf url(../images/menu_li_bg.jpg) top left no-repeat;
  }
  
  #menu a:hover {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background: #cce8cf url(../images/menu_li_active_bg.jpg) top left no-repeat;
  }
  
  #menu .orange a {
    color: #000;
    text-decoration: none;
    background: #cce8cf url(../images/menu_li_orange_bg.jpg) top left no-repeat;
  }
  
  #menu .orange a:hover {
    color: #dd8104;
    font-weight: bold;
    text-decoration: none;
    background: #cce8cf url(../images/menu_li_active_bg.jpg) top left no-repeat;  
  }


/*-----------*/
/*  FOOTER   */
/* (paticka) */
/*-----------*/
#footer {
  width: 950px;
  float: none;
  clear: both;
  margin: 0 0 40px 0;
  background: #DAD7D7;
}

  #footer a { color: #000; text-decoration: none }
  #footer a:hover { text-decoration: underline }  

  #footer #footer-odkazy {
    margin: 10px 0 0 10px;
    font-size: 80%;
    text-align: center;
  }
    
    #footer-odkazy a {
      margin: 0 10px 0 0;
    }

  #footer #footer-submenu {
    height: 28px;
    color: #f0f3ac;
    text-align: center;
    padding: 8px 0 2px 0;
    background: #fff url(../images/footer-submenu.gif) top left repeat-x;
  }
    
    #footer-submenu a {
      font-size: 85%;
      padding: 0 8px;
    }
    
  #footer #footer-copy {
    text-align: center;
    padding: 30px 0 6px 0;
    color: #149a24;
  }
  
    #footer-copy a {
      color: #149a24;
    }

.clear {
  height:0;
  width:0;
  background-color: transparent;
  visibility: hidden;
  clear:both;	
}

/* End of CSS Document */

.dpDiv {
	}


.dpTable {
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

.dpTR {
	}


.dpTitleTR {
	}


.dpDayTR {
	}


.dpTodayButtonTR {
	}


.dpTD {
	border: 1px solid #ece9d8;
	}


.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


.dpTitleTD {
	}


.dpButtonTD {
	}


.dpTodayButtonTD {
	}


.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


.dpButton {
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


.dpTodayButton {
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

td.list_highlight {
	color: #D70;
}

td.list_highlight_strong {
	color: red;
}