/* CSS Document */

body {
  margin: 30px 0 30px 0;
  padding: 0;
  background: url('../img/back_main.png') repeat-x #152d4e;
  text-align: center;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
}

ol {
  margin-left: 10px;
  padding-left: 15px;
}

a.logoLink {
    text-decoration: none;
    outline: none;
}

#mainContainer {
  width: 940px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

  #leftShadow{
    width: 10px;
    height: 100%;
    background: url('../img/shadow_left.png') repeat-y right; 
  }              

  #pageContainer {
    width: 920px;
    height: auto;
    background-color: #fffbeb;
    background: url('../img/back_page.png') repeat-y left;
  }
    #header {
      width: 920px;
      height: 210px;
      background: url('../img/header.jpg') no-repeat left;
      background-color: #fffbeb;  
      text-align: left;
    }
      
      #logo {
        padding-left: 18px;
        padding-top: 30px;
      }
    
    #bar {
      width: 920px;
      height: 36px;
      background: url('../img/bar.jpg') no-repeat left;
      background-color: #fffbeb;
    }
    
      #leftContainer {
        width: 190px;
        height: auto;
        float: left;
        text-align: left;
      }
        
        #menuContainer {
          width: 190px;
          height: auto;
          background: url('../img/back_menu.png') repeat-y left;
          padding-top: 15px;
        }
          
          #menuList {
            list-style-type: none;
            padding: 0;
            margin: 0; 
            position: relative;        
          }
          
          #menuList .menuItem {
            display: block;
            position: relative;
            padding-left: 22px;
            background-image: url('../img/menu_dot.png');
            background-position: 10px center;
            background-repeat: no-repeat;
            padding-bottom: 8px;
          }
          
          #menuList .menuItem:hover {
            display: block;
            position: relative;
            padding-left: 22px;
            background-image: url('../img/menu_selected.png');
            background-position: 10px center;
            background-repeat: no-repeat;
            padding-bottom: 8px;
            float: none;
          }
          
          #menuList .menuItem2 {
            display: block;
            position: relative;
            padding-left: 22px;
            background-image: url('../img/menu_dot2.png');
            background-position: 10px center;
            background-repeat: no-repeat;
            padding-bottom: 8px;
            float: none;
          }
          
          #menuList .menuItem2:hover {
            display: block;
            position: relative;
            padding-left: 22px;
            background-image: url('../img/menu_selected2.png');
            background-position: 10px center;
            background-repeat: no-repeat;
            padding-bottom: 8px;
            float: none;
          }
          
          #menuList .menuItem a, .menuItem2 a  {
            display: block;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 12px;
            font-family: Tahoma, sans-serif;
            font-size: 12px;
            color: #d40000;
            font-weight: bold;
            text-decoration: none;
            outline: none;
          }
          
           #menuList .menuItem a.biggerLink, .menuItem2 a.biggerLink  {
            padding-bottom: 0px;
          }
          
          #menuList .menuItem2 .menuList2 {
            display: none;
          }
          
          #menuList .menuItem2 .menuListBigger2 {
            display: none;
          }
          
          #menuList .menuItem2:hover .menuList2 {
            width: 190px;
            display: block;
            position: absolute;
            top: -6px;
            left: 100%;
            list-style-type: none;
            padding: 5px 0 0 0;
            margin: 0;
            background-color: #ffcc00;
            border: 1px solid #cca915;
            z-index: 500;  
          }
          
          #menuList .menuItem2:hover .menuListBigger2 {
             width: 190px;
            display: block;
            position: absolute;
            top: 0px;
            left: 100%;
            list-style-type: none;
            padding: 5px 0 0 0;
            margin: 0;
            background-color: #ffcc00;
            border: 1px solid #cca915;
            z-index: 500;  
          }
          
          #menuList .menuList2 .subMenuEnd, .menuListBigger2 .subMenuEnd {
            width: 190px;
            height: 14px;
            background-image: url('../img/back_menu_end2.png');
            background-position: bottom;
            background-repeat: no-repeat;  
            margin: 0;
            padding: 0;
          }
          
        
        #menuEnd {
          width: 190px;
          height: 53px;
          background-image: url('../img/back_menu_end.png');
          background-position: bottom;
          background-repeat: no-repeat;    
        }
        
        #partners {
          width: 190px;
          height: 37px;
          background-image: url('../img/partners.png');
          background-repeat: no-repeat;
        }
        
        #partnersBox {
          width: 185px;
          height: auto;
          text-align: center;
          padding-left: 5px;
        }
        
        #partnersBox a {
          display: block;
          text-align: center;
          outline: none;
        }
        
        #partnersBox .divider {
          border-top: 2px dotted #DDDDDD; 
          width: 150px; 
          margin-left: 18px;
        }
        
      
      #textPage {
        width: 510px;
        padding-left: 15px;
        padding-right: 15px;
        height: auto;
        float: left;
        text-align: left;
        font-family: Tahoma, sans-serif;
        font-size: 12px;
        padding-bottom: 20px;
        line-height: 140%;
      }
      
        h1 {
          color: #2c89a0;
          font-family: Tahoma, sans-serif;
          font-size: 20px;
          font-weight: bold;
          margin: 10px 0 10px 0;
          padding-bottom: 10px;
          background-image: url('../img/line.png');
          background-position: bottom;
          background-repeat: no-repeat;
          line-height: 100%;
        }
        
        h2 {
          color: #216778;
          font-family: Tahoma, sans-serif;
          font-size: 18px;
          font-weight: bold;
          margin: 5px 0 10px 0;
          line-height: 100%;
        }
        
        h3, span.textH3 {
          color: #216778;
          font-family: Tahoma, sans-serif;
          font-size: 16px;
          font-weight: bold;
          margin: 5px 0 10px 0;
          line-height: 100%;
        }
        
        h4, span.textH4 {
          color: #216778;
          font-family: Tahoma, sans-serif;
          font-size: 14px;
          font-weight: bold;
          margin: 5px 0 10px 0;
          line-height: 100%;
          border-top: 1px dotted #216778;
          border-bottom: 1px dotted #216778;
          padding-top: 5px;
          padding-bottom: 5px;
        }

        span.textH3 {
          margin: 5px 0 0 0;
          padding: 0;
        }

        span.textH4 {
          margin: 5px 0 0 0;
          padding: 0;
          border-bottom-style: none;
          border-top-style: none;
        }
        
        .cite {
          text-align: right;
          font-weight: bold;
          font-style: italic;
        }
        
        .cite_author {
          font-weight: normal;
        }
        
        .highlight {
          font-weight: bold;
          color: #2a879d;
        }
        
        .highlight2 {
          font-weight: bold;
          color: #0088BB;
        }
        
        .bold {
          font-weight: bold;
        }
        
        .rightAlign {
          text-align: right;
        }
        
        td.tableCell {
          padding: 5px 5px 5px 5px;
          background-color: rgb(255,241,187);
        }
		
	td.tableCellDark {
          padding: 5px 5px 5px 5px;
          background-color: rgb(235,213,163);
        }

        td.viewTable {
            width: 510px;
        }
        
        .noMarginPadding {
          margin: 0; 
          padding: 0;
        }
      
      #rightContainer {
        width: 185px;
        padding-left: 5px;
        height: auto;
        float: left;
        text-align: left;
      }
      
        #rightContainer .date {
          color: #184c58;
          font-family: Tahoma, sans-serif;
          font-size: 11px;
          font-weight: bold;
          padding-left: 8px;
          padding-top: 8px;
        }
        
        #rightContainer .newsText {
          color: black;
          font-family: Tahoma, sans-serif;
          font-size: 11px;
          font-weight: bold;
          padding-left: 8px;
          padding-right: 8px;
          padding-top: 8px;
          text-align: left;
        }
        
        #rightContainer .newsInfo {
          width: 164px;
          color: black;
          font-family: Tahoma, sans-serif;
          font-size: 10px;
          font-style: italic;
          text-align: right;
          padding-left: 8px;
          padding-right: 13px;
          padding-top: 8px;
        }

  #rightShadow{
    width: 10px;
    height: 100%;
    background: url('../img/shadow_right.png') repeat-y left; 
  }
  
  #endPage{
    clear: both;
    width: 920px;
    height: 10px;
    background: url('../img/end_page.png') repeat-x left;
  }
  
  #bottomShadow {
    width: 940px;
    height: 10px;
    background: url('../img/shadow_bottom.png') no-repeat left; 
    font-size: 0px;
  }
  
  #infoBottom {
    color: white;
    text-align: right;
    width: 940px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-right: 18px;
  }

  #infoBottom a, #infoBottom a:visited {
    color: white;
    font-weight: bold;
  }
  
  label.error {
    font-family: Tahoma, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: red;
	  margin: 10px 10px 10px 10px;
  }
  
  div.choosingLine {
  	border: 1px solid rgb(235,213,163);
	background-color: rgb(255,241,187);
	padding: 5px 5px 5px 5px;
  }

  span.note {
      font-style: italic;
      font-size: smaller;
  }
/* Css for contactPage */

  div#contactImgContainer {
    padding: 5px 5px 5px 5px;
    float: left;
    background-color: #fff2be;
  }
  
  div#contactText {
    float: left;
    padding: 0px 0px 20px 50px;
  }
  
  div#contactNoFloat {
    float: none;
    clear: both;
    padding-top: 8px;
    background-image: url('../img/line.png');
    background-position: top;
    background-repeat: no-repeat;
  }
  
  div#contactMapContainer {
    padding: 5px 5px 5px 5px;
    background-color: #F2DCAF;
    width: 490px;
  }

  /* Css pro kalendar akci*/
  a.link {
      text-decoration: none;
      color: #0088BB;
  }
  a.link:hover {
      color: #0088BB;
      text-decoration: underline;
  }
  span.place {
      font-style: italic;
      font-size: smaller;
  }

  a.linkOld {
      text-decoration: line-through;
      color: #0088BB;
  }
  a.linkOld:hover {
      text-decoration: line-through;
      color: #0088BB;
  }
  span.describe {
	color: #216778;
	font-weight: bold;
  }
  
  /* Css pro galerii */
  
  div.photo {
  	width: 120px;
  	padding: 10px 10px 10px 10px;
  	border: 1px solid rgb(205,191,137);
  	background-color: rgb(255,241,187);
  }