/* 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;}

  .skryto {
visibility:hidden;
position: absolute;
}

/* 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;

}