/* CSS Document */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: none;
}

img {
  border: 0;
}

p {
  padding: 5px 0;
}

ul {
  margin-left: 15px;
}

li {
  text-indent: 0px;
}

h1 {
  font-size: 15px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 13px;
  font-weight: normal;
  display: inline;
}

h4 {
  font-size: 13px;
}

html, body {
	min-width: 925px;
  min-height: 850px;
	font: 12px "arial ce", arial, "trebuchet MS ce", trebuchet MS,  "verdana ce", verdana, "tahoma ce", tahoma;
  color: #ffffff;
}

html {
	background: #838383 url(../img/body_bg.gif) repeat-x;
}

	#main {
 		width: 790px;
    height: 100%;
    position: relative;
 		margin: 25px auto;
 	}

    #moravia_steel_banner {
      width: 780px;
      height: 96px;
      margin: auto;
      background: url(../img/body_moravia_steel_banner.jpg) no-repeat;
    }


/* top (celý vršek + menu) ************************************************** */
    #top {
      width: 100%;
      height: 260px;
      position: relative;
      margin-top: 10px;
      clear: both;
      z-index: 1;
    }

      #top_main_img {
        position: absolute;
        top: 0px;
        left: 0px;
      }

      #top_logo {
        width: 185px;
        height: 170px;
        position: absolute;
        left: 23px;
        top: 33px;
      }
      
      #top_lang {
        position: absolute;
        bottom: 9px;
        right: 14px;
      }
      
        #top_lang a {
          margin: 0 3px;
        }

      #menu {
        width: 480px;
        height: 44px;
        position: absolute;
        top: 216px;
        clear: both;
        z-index: 100;
      }
      
        #menu_1 {
          width: 112px;
          height: 100%;
          position: absolute;
          left: 0px;
          background: url(../img/menu.jpg) 0px 0px no-repeat;
        }

          #menu_1:hover, .selected#menu_1 {
            background: url(../img/menu.jpg) 0px -44px no-repeat;
          }

        #menu_2 {
          width: 99px;
          height: 100%;
          position: absolute;
          left: 112px;
          background: url(../img/menu.jpg) -112px 0px no-repeat;
        }

          #menu_2:hover, .selected#menu_2 {
            background: url(../img/menu.jpg) -112px -44px no-repeat;
          }

        #menu_3 {
          width: 110px;
          height: 100%;
          position: absolute;
          left: 211px;
          background: url(../img/menu.jpg) -211px 0px no-repeat;
        }

          #menu_3:hover, .selected#menu_3 {
            background: url(../img/menu.jpg) -211px -44px no-repeat;
          }

        #menu_4 {
          width: 76px;
          height: 100%;
          position: absolute;
          left: 321px;
          background: url(../img/menu.jpg) -321px 0px no-repeat;
        }

          #menu_4:hover, .selected#menu_4 {
            background: url(../img/menu.jpg) -321px -44px no-repeat;
          }

        #menu_5 {
          width: 83px;
          height: 100%;
          position: absolute;
          left: 397px;
          background: url(../img/menu.jpg) -397px 0px no-repeat;
        }

          #menu_5:hover, .selected#menu_5 {
            background: url(../img/menu.jpg) -397px -44px no-repeat;
          }

        #menu ul {
          height: 100%;
          margin: 0;
          padding: 0;
        }

          #menu ul li {
            height: 100%;
            padding: 0;
            margin: 0;
            float: left;
            display: block;
            list-style-type: none;
          }

          #menu li a {
            width: 100%;
            height: 100%;
            display: block;
          }

          #menu ul div {
            width: 200px;
            display: none;
            text-align: left;
            z-index: 200;
          }

          #menu li li {
            height: 25px;
            display: block;
            float: none;
            margin: 1px 0 0 0;
            _margin: 0;
            padding: 0px;
            font-size: 11px;
            text-align: left;
            background: url(../img/menu_pulldown_bg.png);
          }

          #menu li li a {
            padding: 0 17px;
            font-weight: bold;
            line-height: 25px;
            color: #ffffff;
          }

            #menu li li a:hover {
              color: #e7e024;
            }


/* content_1 **************************************************************** */
    #content_1, #content_2 {
      width: 100%;
      position: relative;
      margin-top: 10px;
      color: #000000;
      text-align: justify;
    }
    
    #content_1 {
      min-height: 460px;
      _height: 460px;
    }
    
      .paragraph {
        float: left;
        position: relative;
      }

      .paragraph_clear {
        width: 100%;
        height: 1px;
        font-size: 0px;
        clear: both;
      }

/* článek */
        #article {
          width: 385px;
          position: relative;
          color: #000000;
          background-color: #ffffff;
        }
        
          #article_img {
            margin: 0 7px;
            background-color: #111111;
          }

            #article_img_top {
              width: 100%;
              height: 6px;
              font-size: 0px;
              background: url(../img/content_article_img_top.gif) no-repeat;
            }

            #article_img_bottom {
              width: 100%;
              height: 33px;
              position: relative;
              font-size: 0px;
              background: url(../img/content_article_img_bottom.gif) no-repeat;
            }

              #article_img_bottom_1 {
                width: 20px;
                height: 20px;
                position: absolute;
                top: 6px;
                left: 285px;
                background: url(../img/content_article_bottom_1.jpg) 0px -20px no-repeat;
              }

                #article_img_bottom_1:hover, .selected#article_img_bottom_1 {
                  background: url(../img/content_article_bottom_1.jpg) 0px 0px no-repeat;
                }

              #article_img_bottom_2 {
                width: 20px;
                height: 20px;
                position: absolute;
                top: 6px;
                left: 315px;
                background: url(../img/content_article_bottom_2.jpg) 0px -20px no-repeat;
              }

                #article_img_bottom_2:hover, .selected#article_img_bottom_2 {
                  background: url(../img/content_article_bottom_2.jpg) 0px 0px no-repeat;
                }

              #article_img_bottom_3 {
                width: 20px;
                height: 20px;
                position: absolute;
                top: 6px;
                left: 345px;
                background: url(../img/content_article_bottom_3.jpg) 0px -20px no-repeat;
              }

                #article_img_bottom_3:hover, .selected#article_img_bottom_3  {
                  background: url(../img/content_article_bottom_3.jpg) 0px 0px no-repeat;
                }

              #article_img img {
                padding: 0 6px;
              }
              
            #article h2, #article p  {
              margin: 5px 20px;
            }
            
            #article .text, #content_2 .text {
              padding-bottom: 30px;
            }
            
            #article h2 a {
              color: #000000;
              text-decoration: underline;
            }

              #article h2 a:hover {
                text-decoration: none;
              }

            a.article_button_datum {
              width: 68px;
              height: 19px;
              margin: 5px 20px;
              color: #ffffff;
              text-align: center;
              font-size: 11px;
              line-height: 18px;
              display: block;
              background: url(../img/content_button_datum.png) no-repeat;
            }

            a.article_button_cely_clanek {
              width: 102px;
              height: 27px;
              position: absolute;
              right: 6px;
              bottom: 0px;
              margin: 5px 0;
              display: block;
              background: url(../img/content_button_cely_clanek.png) no-repeat;
            }


/* události */
        #news {
          width: 170px;
          position: relative;
          margin-bottom: 10px;
        }

          #news_header {
            width: 100%;
            height: 28px;
            background: url(../img/content_news_header.jpg) no-repeat;
          }

          .news_item {
            margin: 5px 10px;
            border-top: 1px solid #363636;
            color: #ffffff;
            display: block;
          }
          
            .news_item_date {
              margin: 3px 0;
              color: #6f6f6f;
              font-size: 11px;
              display: block;
            }
            
            a.news_item:hover {
              background-color: #292929;
            }

        #tickets {
          width: 170px;
          height: 83px;
          margin-bottom: 10px;
          display: block;
          background: url(../img/content_tickets.gif) no-repeat;
        }
        
        #opinion_poll   {
          width: 170px;
          font-size: 11px;
          margin-bottom: 10px;
        }

          #opinion_poll_header {
            width: 100%;
            height: 28px;
            background: url(../img/content_opinion_poll_header.jpg) no-repeat;
          }
          
          #opinion_poll_question {
            margin: 5px 10px 10px 10px;
            color: #ffffff;
            font-weight: bold;
          }
          
          .opinion {
            margin: 5px 10px;
            color: #ffffff;
            text-align: left;
          }
          
            .opinion a {
              color: #6f6f6f;
              display: block;
            }

              .opinion a:hover {
                color: #b6ad11;
                text-decoration: underline;
              }

            .opinion div {
              width: 100%;
              position: relative;
              text-align: right;
              color: #6f6f6f;
            }
            
              .opinion img {
                position: absolute;
                left: 0px;
                top: 4px;
                height: 7px;
              }

          #opinion_poll_count {
            margin: 5px 10px;
            color: #ffffff;
          }

        #birthday {
          width: 170px;
          position: relative;
          font-size: 11px;
        }

          #birthday_header {
            width: 100%;
            height: 28px;
            background: url(../img/content_birthday_header.jpg) no-repeat;
          }

          .birthday_item {
            margin: 5px 10px;
            color: #ffffff;
            text-align: left;
          }
          
            .birthday_date {
              margin: 3px 0;
              color: #6f6f6f;
              font-size: 11px;
            }
            
            .birthday_congratulation {
              color: #b6ad11;
            }



/* kalendář a tabulka */
        #schedule table, #standings table {
          width: 176px;
          margin: auto;
          border: 1px solid #000000;
          font-size: 11px;
          font-weight: bold;
        }

        #schedule .tr_border, #standings .tr_border {
          height: 1px;
          background-color: #000000;
        }

        #schedule .td_border, #standings .td_border {
          width: 1px;
          height: 100%;
          background-color: #000000;
        }

        #schedule {
          width: 215px;
          position: relative;
          margin-bottom: 10px;
          color: #000000;
        }
        
          #schedule_header {
            width: 100%;
            height: 28px;
            background: url(../img/content_schedule_header.jpg) no-repeat;
          }

          #schedule td {
            text-align: center;
            cursor: default;
          }

          .schedule_month {
            height: 18px;
            color: #9f9f9f;
            background-color: #292929;
          }

          .schedule_day_xx {  /* není v tomto měsíci použito */
            width: 24px;
            height: 18px;
            color: #9f9f9f;
            background-color: #292929;
          }

          .schedule_day_aa {  /* obyčejný všední den */
            width: 24px;
            height: 18px;
            background-color: #ffffff;
          }

          .schedule_day_so {  /* sobota */
            width: 24px;
            height: 18px;
            background-color: #cfcfcf;
          }

          .schedule_day_ne {  /* neděle */
            width: 24px;
            height: 18px;
            background-color: #9f9f9f;
          }

          .schedule_day_dd {  /* hraje se doma */
            width: 24px;
            height: 18px;
            color: #ffffff;
            background-color: #b32323;
          }

          .schedule_day_vv {  /* hraje se venku */
            width: 24px;
            height: 18px;
            color: #ffffff;
            background-color: #3031b3;
          }
          
          .schedule_legend {
            width: 80px;
            color: #9f9f9f;
            text-align: left;
            vertical-align: 50%;
            float: left;
          }

        #next_match {
          width: 215px;
          position: relative;
          margin-bottom: 10px;
          color: #ffffff;
        }

          #next_match_header {
            width: 100%;
            height: 28px;
            background: url(../img/content_next_match_header.jpg) no-repeat;
          }

          .next_match_item {
            margin: 5px 10px;
            border-top: 1px solid #363636;
            color: #ffffff;
            display: block;
          }

            .next_match_item_date {
              margin: 3px 0;
              color: #6f6f6f;
              font-size: 11px;
              display: block;
            }

            .next_match_item_team {
              font-weight: bold;
              display: block;
            }

        #standings {
          width: 215px;
          position: relative;
          color: #ffffff;
          background: #191919 url(../img/content_standing_bg.jpg) no-repeat bottom center;
        }

          #standings_header {
            width: 100%;
            height: 28px;
            background: url(../img/content_standings_header.jpg) no-repeat;
          }

          #standings td {
            text-align: center;
          }
          
          .standings_caption {
            height: 14px;
            background-color: #404040;
          }

          .standings_colored {  /* řádek, v kterém bude zobrazený Třinec */
            height: 14px;
            color: #000000;
            background-color: #ffffff;
          }

          .standings_caption {
            height: 14px;
            background-color: #404040;
          }

      #content_2 .paragraph {
        width: 223px;
        padding: 5px 20px;
      }
      
      #content_2 h2 a {
        color: #000000;
        text-decoration: underline;
      }

        #content_2 h2 a:hover {
          text-decoration: none;
        }

      #content_2 a.article_button_datum {
        margin: 5px 0;
      }

      #content_2 a.article_button_cely_clanek {
        right: 17px;
      }

      #content_2 img {
        border: 1px solid #1e1e1e;
        margin-top: 10px;
      }

        .black_item {
          background-color: #191919;
        }

        .white_item {
          background-color: #ffffff;
        }


/* rožky */
    .corners_black_long_bottom  {
      width: 100%;
      height: 7px;
      font-size: 0px;
      background: url(../img/corners_black_long_bottom.gif) no-repeat;
    }

    .corners_black_short_bottom  {
      width: 100%;
      height: 7px;
      font-size: 0px;
      background: url(../img/corners_black_short_bottom.gif) no-repeat;
    }

    .corners_white_short_top  {
      width: 100%;
      height: 7px;
      font-size: 0px;
      background: url(../img/corners_white_short_top.gif) no-repeat;
    }

    .corners_white_short_bottom  {
      width: 100%;
      height: 7px;
      font-size: 0px;
      background: url(../img/corners_white_short_bottom.gif) no-repeat;
    }

    .corners_white_long_top  {
      width: 100%;
      height: 7px;
      font-size: 0px;
      background: url(../img/corners_white_long_top.gif) no-repeat;
    }

    .corners_white_long_bottom  {
      width: 100%;
      height: 7px;
      font-size: 0px;
      background: url(../img/corners_white_long_bottom.gif) no-repeat;
    }


/* botttom ****************************************************************** */
    #bottom {
      width: 100%;
      height: 37px;
      position: relative;
      margin-top: 10px;
      line-height: 40px;
      color: #9e9e9e;
      background: url(../img/bottom_bg_center.png) repeat-x;
    }
    
      #bottom_left {
        width: 7px;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background: url(../img/bottom_bg_left.png) no-repeat;
      }

      #bottom_right {
        width: 7px;
        height: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
        background: url(../img/bottom_bg_right.png) no-repeat;
      }
      
      #bottom .paragraph {
        width: 222px;
        padding: 0 20px;
        font-size: 11px;
      }

        #bottom .paragraph img {
          position: absolute;
          top: -5px;
        }
        
        .img_padding { /* kvůli obrázku posuneme text */
          padding-left: 50px;
        }

      #bottom a {
        color: #ffffff;
      }
      
      #bottom a:hover {
        color: #a71515;
      }
      
    #bottom_ads {
      width: 100%;
      margin-top: 10px;
      text-align: center;
    }
    
      #bottom_ads a {
        margin: 0 3px;
      }

    #main_ads {
      position: absolute;
      left: 805px;
      top: 125px;
    }

      #main_ads a {
        display: block;
        padding-bottom: 6px;
      }


/* ostatní ****************************************************************** */
.margin_0_10 {
  margin: 0 10px;
}

.valign_40 {
  vertical-align: 30%;
}

.text_align_center {
  text-align: center;
}

.text_align_right {
  text-align: right;
}