/* CSS Document */
    .no-css {
      display: none;
    }
  
    .hide {
      display: none;
    }
    
    form label {
      display: block;
    }
    
    form input, form textarea {
      width: 270px;
      margin-bottom: 5px;
    }
    
    form input.s {
      width: 100px;
    }
  
    /* pozicovani, rozmery */
    * {
      padding: 0;
      margin: 0;
    }
    
    p {
      margin-bottom: 10px;
    }
    
    p.center {
    	text-align: center;
    }
    
    .clanek img {
    	clear: both;
    }
        
    #page {
		margin:10px auto auto;
		min-height:250px;
		padding-top:20px;
		width:990px;
      _height: 250px;
    }
    
    #subnav {
    ` display: block;
      list-style: none;
      width: 770px;
      clear: both;
    }
    
    #subnav li {
      display: block;
      padding-left: 10px;
      padding-right: 10px;
      min-width: 40px;
      _width: 80px;
      float: right;
      text-align: center;
    }
    
    #quotation {
      display: block;
      clear: both;
      padding-top: 40px;
      padding-bottom: 18px;
      padding-right: 60px;
    }
    
    h1 {
      margin-left: 160px;
      _margin-left: 80px;
      position: relative;
      height: 47px;
      width: 176px;
      float: left;
    }
    
    h1 span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url('../imgs/header_text.png');
      background-repeat: no-repeat;
    }
    
    h2 {      
      padding-top: 6px;
      height: 22px;
    }
    
    #menu {
      display: block;
      padding-left: 7px;
      list-style: none;
      width: 400px;
      float: left;
    }
    
    #menu li {
      float: left;
      padding-top: 10px;
      width: 100px;
      height: 42px;
      text-align: center;
    }
    
    #menu li a {
      padding: 5px;
    }
    
    #content {
      clear: both;
      padding: 25px;
      padding-top: 0px;
    }
    
    #clanky, #archiv-clanku, #komentare, #dokumenty, #kalendar, #dokumenty-all, #sekce-dokumenty {
      float: left;
      padding: 5px;
      min-height: 120px;
      margin-right: 5px;
    }
    
    #rightbar {
      float: left;
      width: 175px;
    }
    
    #clanky {
      width: 520px;
    }
    
    #archiv-clanku {
      width: 705px;
    }
    
    #komentare {
      width: 200px;
    }
    
    #dokumenty, #kalendar {
      width: 175px;
    }
    
    #dokumenty-all {
      width: 670px;
    }
    
    #sekce-dokumenty {
      width: 240px;
    }
    
    h2 {
      margin-bottom: 5px;
    }
    
    .clanek, .komentar, .dokument, .akce {
      padding: 10px;
      margin-bottom: 5px;
    }
    
    /* barvy, pozadi */
    #page {
      background-image: url('../imgs/header.png');
      background-repeat: no-repeat; 
    }
    
    #menu, #menu li {
      background-image: url('../imgs/menu_item_border.png');
      background-repeat: no-repeat; 
    }
    
    #menu a#active {
      background-color: #fcf3b8;
    }
    
    #menu li {
      background-position: 100% 3px;
    }
    
    #menu {
      background-position: 7px 3px;
    }
    
    #clanky, #archiv-clanku, #komentare, #dokumenty, #kalendar, #dokumenty-all, #sekce-dokumenty {
      background-repeat: repeat-x;
    }
    
    #clanky, #archiv-clanku, #dokumenty-all {
      background-image: url('../imgs/green_fadeOut_bg.png');
    }
    
    #komentare, #sekce-dokumenty {
      background-image: url('../imgs/blue_fadeOut_bg.png');
    }
    
    #dokumenty, #kalendar {
      background-image: url('../imgs/pink_fadeOut_bg.png');
    }
    
    h2 {
      background-repeat: repeat-x;
    }
    
    #clanky h2, #archiv-clanku h2, #dokumenty-all h2 {
      background-image: url('../imgs/green_header_bg.png');
    }
    
    #komentare h2, #sekce-dokumenty h2 {
      background-image: url('../imgs/blue_header_bg.png');
    }
    
    #dokumenty h2, #kalendar h2 {
      background-image: url('../imgs/pink_header_bg.png');
    }
    
    .clanek {
      background-color: #ecfcda;
    }
    
    .komentar {      
      background-color: #e7edff;
    }
    
    .dokument, .akce {
      background-color: #fff5f7;    
    }
    /* pismo */    
    * {
      font-family: Arial;
    }
    
    body {
      _text-align: center;
    }
    
    #page {
      text-align: left;
    }
    
    #subnav a {
      color: #999;
      font-size: 10px;
    }
    
    #quotation {
      text-align: right;
      font-style: italic;
      font-size: 14px;
      color: #aaa;
    }
    
    h1 {
      font-size: 10px;
    }
    
    h2 {
      text-align: center;
      font-style: italic;
      font-size: 14px;
    }
    
    #menu a {
      color: #666;
      font-size: 12px;
      font-weight: bold;
    }
    
    #clanky h2, #archiv-clanku h2, #dokumenty-all h2 {
      color: #6b963e;
    }
    
    #komentare h2, #sekce-dokumenty h2  {
      color: #295ad6;
    }
    
    #dokumenty h2, #kalendar h2, .akce li, .dokument li {
      color: #e82558;
    }
    
    
    .clanek, .komentar, .dokument, .akce {
      font-size: 13px;
      color: #333;
      border: #fff 1px solid;
    }
    
    
    .clanek a, .komentar a, .dokument a, .akce a {
      color: #666;
    }
    
    /* PARTS == dokumenty */
    .dokument ul, .akce ul {
      list-style: none;
    }
    
    .dokument li, .akce li {
      margin-bottom: 5px;
    }
    
    .dokument li span, .akce li span {
      display: block;
      font-size: 10px;
      color: #333;
    }
    
    .komentar h3 {
      font-size: 13px;
    }
    
    .clanek div.paticka {
      clear: both;
    }
    
    .clanek img {
      /* float: left; */
      border: #fff 3px solid;
      margin-right: 10px;
      margin-bottom: 5px;
    }
    
    .clanek img.introimg {
    	float: left;
    }
  
    .clanek .paticka, .komentar .paticka  {
      color: #666;
      margin-top: 5px;
      font-size: 10px;
    }
  
    ul.sekce {
      margin-left: 15px;
    }
    
    .doc h3 {
      display: inline;
      font-size: 90%;
    }
    
    .link-archiv {
      text-align: center;
      font-size: 11px;
    }

    #pf2007 {
      position: relative;
      width: 717px;
      height: 100px;
      margin-bottom: 5px;
    }
    
    #pf2007 span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-image: url(../imgs/deskoliberec_pf2007.png);
    }
	
	div.error {
		border: #ffffff 1px solid;
		background-color: #ff0000;
		color: #ffffff;
		font-weight: bold;
		font-size: 9px; 
		margin: 5px;
		padding: 5px;
	}
	
	div.comment {
		margin-bottom: 10px;
		margin-top: 10px;
		border: #fff 1px solid;
		padding: 5px;
	}
	
	div#comments h3 {
		padding-top: 15px;
	}
	
	div.comment h4 {
		font-size: 13px;	
		margin-top: 2px;
		margin-bottom: 2px;	
		text-transform: uppercase;
	}
	
	div.comment span.grey {
		color: #999;
	}
	
	div.comment span {
		font-size: 10px;
	}