/* CSS Document */
body{font-family:arial,sans-serif;color:#ffffff;font-size:12px;margin:0;padding:0;border:none;background:#000000 url('images/bg_web.gif') repeat-x;  background-position:center 20px;   }
* > body{background-position:center 22px;   }
*{margin:0;padding:0;border:none;  }
div#web{position:relative;  width:923px;  margin:0 auto;}

/* Header */
div#web h1{position:relative;  float:left;  width:603px;  height:213px;  line-height:200px;  font-size: 40px;  text-align:center;}
div#web h1 span{position:absolute;  background:url('images/header.jpg') no-repeat;  width:603px;  height:213px;  top:0;  left:0;  z-index:1;  display:block;}

/* Hot news */
div#hot-news h3{width:285px;  height:28px;  background:url('images/h3_1.gif') no-repeat;  margin:22px 0 0 5px;  padding:9px 0 0 23px;  font-size:14px;}
h3.orange{width:285px;  height:28px;  background:url('images/h3_orange.gif') no-repeat;  margin:2px 0 0 4px;  padding:9px 0 0 23px;  font-size:14px;}
div#hot-news{position:relative;  float:right;  width:320px;  height:213px;  background:#121212 url('images/hot-news_bg.jpg') no-repeat;}
ul{list-style:none; width:298px;}
ul li{border-bottom:1px #32271f dashed; margin-left:15px;  padding:4px 0 4px 0;  font-weight:bold;}
li.last{border:none;  }
a{color:#fff; text-decoration:none;}
a:hover{color:#c8c8c8; text-decoration:underline; }
div#web div#hot-news li.today { 
 border-bottom: 1px #32271f dashed;
 margin-left: 15px;
 padding: 4px 0 4px 0;
 font-weight: bold;
}
div#web div#hot-news li.today a { 
 color: #ca5605;
 text-decoration:none;
}
div#web div#hot-news li.today a:hover { 
 color:#c8c8c8;
 text-decoration:underline;
}

/* Mega Articles */
div#mega-article{width:594px;   height:192px;  float:left;  margin:5px 0 5px 0;  background:#291405 url('images/mega-article_bg.gif') no-repeat;}

div#web > div#mega-article{margin-top:4px;}
div#modifikace{width:316px;  height:192px;  float:right;  margin:5px 3px 0 0;  background:#291405 url('images/modifikace_bg.gif') no-repeat;}
div#web > div#modifikace{margin-top:4px;}
h3.orange-mini{width:234px;  height:28px;  float:right;  background:url('images/mega-article_h3.gif') no-repeat;  margin:2px 2px 0 0px;  padding:9px 0 0 23px;  font-size:14px;}
*>h3.orange-mini{margin-right:3px;}
ul#article{list-style:none; width: 247px; margin-right: 8px; float:right;}
*>ul#article{ margin-right: 17px;}
img.mega{float:left;  margin-left:7px;  width:320px;  height:192px;}
span#slideshow {float:left;  margin-left:7px;  width:320px;  height:192px;}
*>ul#article li.today { 
 border-bottom: 1px #32271f dashed;
 margin-left: 15px;
 padding: 4px 0 4px 0;
 font-weight: bold;
}
*>ul#article li.today a { 
 color: #ca5605;
 text-decoration:none;
}
*>ul#article li.today a:hover { 
 color:#c8c8c8;
 text-decoration:underline;
}
div#modifikace li.today { 
 border-bottom: 1px #32271f dashed;
 width: 298px;
 margin-left: 15px;
 padding: 4px 0 4px 0;
 font-weight: bold;
}
div#modifikace li.today a { 
 color: #ca5605;
 text-decoration:none;
}
div#modifikace li.today a:hover { 
 color:#c8c8c8;
}

div#leve {
  width: 592px;
  float: left;
  position: relative;
  padding-bottom: 18px;
  background: #121212 url('images/end_leve.gif') no-repeat;
  background-position: bottom;
}
div#leve div.news {
  width: 592px;
  position: relative;
  padding-bottom: 0px;
  border-bottom: 1px #32271f  dashed;
}
 div.news h2 {
 width: 556px;
 height: 31px;
 font-size: 15px;
 position: relative;
 padding: 6px 0 0 25px;
 margin: 15px 0 0 7px;
 background:url('images/title_news.gif') no-repeat;

}
 div.news h2 a:hover {
 color: #ffffff;
 text-decoration: underline;

}
 div.news h3 {
 font-size: 15px;
 padding: 20px 0 10px 17px;
 color: #505050;

}
 div.news h3.stred {
 text-align: center;

}
 div.news h3.table {
 font-size: 15px;
 padding: 5px 0 10px 5px;
 color: #505050;

}
 div.news h3.review {
 font-size: 25px;
 padding: 5px 0 10px 5px;
 color: #505050;
 text-align: center;

}
 div.news h4 {
 font-size: 11px;
 padding: 5px 0 10px 17px;
 color: #999999;

}
 div.news h2 span {
 text-align: center;
 position: absolute;
 width: 100px;
 left: 470px;
 top: 6px;
}
 div.news hr {
 border-bottom: 1px solid #656565;
 margin: 3px 15px 3px 18px;
}
 .center {
 text-align: center;
}

div.news form fieldset { 
  width: 550px;
  margin: 0 auto;
  padding: 15px 0 15px 15px;
  border: none;
}
  div.news form fieldset input {
    border: 1px #32271f solid;
    background-color: #222222;
    color: #ffffff;
    margin: 2px 10px 5px 2px;
    padding: 2px;
  }
  div.news form fieldset textarea {
    border: 1px #32271f solid;
    background-color: #222222;
    color: #ffffff;
    padding: 4px;
  }

p.under-news {
 width: 558px;
 font-weight: bold;
 margin: 0 auto;
 margin-bottom: 5px;
 padding-bottom: 4px;
 border-bottom:1px #32271f dashed;
}
p {
  text-align: justify;
  margin: 10px auto;
  padding: 0 18px 0 18px;
  overflow: hidden;

}
p a {
 color: #666666; 
 text-decoration: none; 

}
p a:hover {
 color: #ca5605; 
 text-decoration: none;

}
p.stred {
 text-align: center;
 padding: 7px 0 7px 0;

}
p.mod_profile {
 line-height: 2.7;
 margin-bottom: 18px;

}
p.small {
 margin: 0 18px 0 18px;
 font-size: 11px;
 padding: 5px 0 5px 0;
 color: #999999;

}
p.clanok {
  text-align: justify;
  margin: 5px auto;
  padding: 0 18px 0 18px;
  overflow: hidden;

}
p.citat {
 margin: 0 15px 0 27px;
 padding: 3px 10px 3px 10px;
 border-left: 4px solid #ca5605;

}
p acronym {
  border-bottom: 1px #32271f dashed;

}
 div.news ul {
 list-style: none;

}
 div.news ul li {
 border-bottom: 1px #32271f dashed;
 margin-left: 32px;
 width: 500px;
 padding: 4px 0 4px 0;
 font-weight: normal;

}
 div.news ul li a {
 color: #666666; 
 text-decoration: none; 

}
 div.news ul li a:hover {
 color: #ca5605; 
 text-decoration: none;

}
 div.news li.last {
 border: none;
 margin-bottom: 5px;

}
 div.news img {
  border: 4px #99470e solid;
  margin: 5px 3px 4px 3px;
}
 div.news a:hover img{
  border: 4px #ca5605 solid;
}
 div.news img.obr_nov {
 border: 4px #000000 solid;
 float: left;
 margin: 3px 10px 0 0;
}
 div.news img.obr_dc {
 border: none;
 float: left;
 margin: 0 4px 0 0;
}
 div.news img.int {
  border: none;
  margin: 0 3px 0 3px;
}
 div.news a img.int {
  border: none;
}
 div.news a:hover img.int {
  border: none;
}
 div.news img.int_left {
  border: none;
  float: left;
  margin: 3px 10px 0 0;
}
  div.news table#mody {
    width: 100%;
  }
    div.news table#mody td , div.news table#mody th{
      width: 50%;
      text-align: left;
      padding: 0 5px;
    }
    div.news table#mody td.right , div.news table#mody th.right{
      text-align: right;
    }
    div.news table#mody a {
      font-weight: bold;
    }
 div.nahled_text {
  text-align: center;
  padding-bottom: 1px;
  color: #000000;
  background-color: #ca5605;
  float: right;
  width: 132px;
  font-size: 11px;
  margin: 0 17px 30px 9px;

}
 div.nahled_text img.nt {
  border: none;
  float: right;
  width: 130px;
  margin: 1px 1px 0 1px;

}
 div.nahled_text a:hover img.nt {
  border: none;
  margin: 1px 1px 0 1px;

}
 div.review_table_left {
  border: 1px #32271f dashed;
  width: 200px;
  background-color: #121212;
  color: #ffffff;
  padding: 2px 6px 6px 6px;
  margin: 10px 2px 10px 70px;
  float: left;

}
 div.review_table_right {
  border: 1px #32271f dashed;
  width: 200px;
  background-color: #121212;
  color: #ffffff;
  padding: 2px 6px 6px 6px;
  margin: 10px 70px 10px 2px;
  float: right;

}
 div.ram_mini a {
 border: 1px #32271f solid;
 background-color: #121212;
 color: #ffffff;
 display: inline;
 font-size: 16px;
 padding: 3px;
 margin: 18px 5px 18px 18px; 

}
 div.ram_mini a:hover {
 border: 1px #32271f solid;
 background-color: #ca5605;
 color: #000000;
 display: inline;
 font-size: 16px;
 padding: 3px;
 margin: 18px 5px 18px 18px;  

}
div#prave {
  width: 315px;
  background: #121212 url('images/end_prave.gif') no-repeat;
  background-position: bottom;
  float: right;
  padding-bottom: 18px;
  position: relative;
}
div#prave img {
  margin: 1px;
}
div.menu {
  position: relative;
  float: left;
  width: 149px;
  margin: 15px 0 0 4px;
}
*>div.menu {
  margin: 15px 0 0 7px;
}
div.menu h3 {
  width: 129px;
  height: 32px;
  font-size: 15px;
  padding: 8px 0 0 20px;
  position: relative;

  background:url('images/title_menu-sml.gif') no-repeat;
}
div.menu ul {
  width: 149px;
  list-style: none;

}
div.menu ul li {
  width:140px; border-bottom:1px #32271f dashed;  margin-left:5px;  padding:3px 0 3px 0; 
}
div.menu li.last {
  border: none;
}
h3.menu-big {
  float: left; width:285px;  height:28px;  background:url('images/h3_1.gif') no-repeat;  margin:22px 0 0 2px;  padding:9px 0 0 23px;  font-size:14px;
}
*>h3.menu-big {
  margin:22px 0 0 4px;  
}
ul.banner {
  width: 285px;
  margin: 0 auto;
  list-style: none;
}
ul.banner li {
  border: none;
  float: left;
  position: relative;
  display: inline;
  margin: 0;
  padding: 0;

}
div#navi {
  width: 918px;
  height: 90px;
  padding: 20px 0 0 0;
  float: left;

}
ul#rss {
  width:922px;
  text-align: center;
  border-bottom:1px #32271f dashed;
  padding-bottom: 8px;
}
ul#rss li {
  border: none;
  display: inline;
  padding-left: 23px;
}

p.nav {
  width:922px;
  text-align: center;
  padding-top: 8px;
}
p.nav a {
  color: #fff;
  font-weight: bold;
}
p.nav a:hover {
  color: #fff;
  text-decoration: underline;
}
div#paticka {
  width: 919px;
  background: #121212 url('images/paticka.gif') no-repeat;
  background-position: center top;
  float: left;
  margin-top: 60px;
  height: 72px;
  position: relative;
}
div#paticka p {
  width: 919px;
  height: 72px;
  margin-top: 12px;
  text-align: center;
  padding: 0;
  background: #121212 url('images/paticka_logo.gif') no-repeat;
  background-position: left top;
}
div#paticka a {
  text-decoration: underline;
}
div#paticka a:hover {
  text-decoration: underline;
}
