body {margin:0; padding:0; font:0.78em arial,verdana,tahoma,sans-serif; text-align: center; background: #CCCCCC url("../images/background.jpg") 0px 40px repeat-x; color:#5A5A5A;}

body img {border: solid 1px #E4E4E4;}

#weblista {
    position: absolute; top: 0; left: 0; width: 100%; z-index: 9; background: #000; color: #fff; text-align: center; padding: 0; margin: 0; background: #a6b4b3 url("../images/weblista.gif") 0 0 repeat-x; height: 40px;
}
#weblista div {
    width: 980px; text-align: center; margin: 0 auto; padding-top: 16px; 
}
#weblista p {font-size: 12px; color: #2E4745;}
#weblista a {color: #182524;font-weight: bold; text-decoration: none;}
#weblista a:hover {text-decoration: underline; color: #2E4745;}

*{
  margin: 0; padding: 0;
}
input{
  padding: 1px;
}
img{
  border: 0;
}
p{
  text-indent: 20px;
}
.small{
  font-size: 0.75em;
}
.middle{
  font-size: 0.85em;
}
.padding{
  padding: 15px; padding-top: 0px;
}
.padding5{
  padding: 5px;
}
.padding10{
  padding: 10px;
}
.nopadding{
  padding: 0px;
}
.nodisplay{
  display: none;
}
.center{
  text-align: center;
}
.left{
  float: left;
}
.right{
  float: right;
}
.text-right{
  text-align: right;
}
.block{
  text-align: justify;
}
.clear{
  clear: both;
}
.blue{
  color: #006FBE;
}
.darkblue{
  color: #104581;
}
.red{
  color: #FF2020;
}
.orange{
  color: #F96611;
}
.rel{
  position: relative; top: 0; left: 0;
}
.grey{
  color: #999;
}
.b{
  font-weight: bold;
}
.i{
  font-style: italic;
}
.bold{
  background-color: #D5EAF9;
}
a:link, a:visited{
  color: #000000;
  text-decoration: underline;
}
a:hover{
  text-decoration: none;
}

/* My */ 

#nadpis { float: right; width: 100px; background: #E4E4E4; border: 1px solid #DADADA; border-right: none; padding: 1px; padding-left: 4px; font-size: 90%; color: #005162; margin-right: -15px}



/* DESING */
#overall{
  width: 940px;
  text-align: left;
  line-height: 1.3em;
  margin-left: auto; margin-right: auto; margin-top: 45px;
  background-color: #fff;
  border: solid 7px #E4E4E4;
}
  
/* TOP */
#top{
  height: 122px;
  background: #BCBCBC url("../images/top-bg.gif") 0px 0px repeat-x;
  border-bottom: solid 5px #fff;
}
  #logo{
    height: 94px;
    background: url("../images/logo.jpg") 640px 0px no-repeat;
  }
    #logo h1{
      width: 312px;
	  height: 18px;
	  position: relative; top: 10px; left: 10px;
	  float: left;
	  margin: 0; padding: 0;
	  font-size: 1.1em;
    }
    #logo h1 span{
      background: url("../images/title.gif") no-repeat;
	  position: absolute;
	  width: 100%;
	  height: 100%;
    }
  #menu-top{
    height: 28px;
    background: url("../images/menu-top.gif") 0px 0px repeat-x;
  }
    #menu-top ul{
      list-style-type: none;
      padding-top: 4px; padding-left: 167px;
    }
    #menu-top ul li{
      display: inline;
      background: url("../images/menu-top-li.gif") 0px 1px no-repeat;
      padding-left: 20px; padding-right: 20px;
    }
    #menu-top ul li a:link, #menu-top ul li a:visited{
      color: #fff;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: none;
    }

#menu-left{
  width: 167px;
  float: left;
  border-right: solid 1px #F5F5F5;
}
  #menu-left h1{
    border: dotted 1px #ccc; border-left: none; border-right: none;
    background: #FAFAFA url("../images/menu-left-h1.jpg") 0px 50% no-repeat;
    padding: 2px 0px 2px 0px;
    font-size: 1em;
    line-height: 1.38em;
    text-indent: 12px;
    color: #fff;
    font-weight: normal;
    display: block;
  }
  #menu-left ul{
    list-style-type: none;
    margin-bottom: 18px;
  }
  #menu-left ul li{
    background: #FAFAFA;
    border-bottom: dotted 1px #ccc;
    text-indent: 15px;
  }
  #menu-left ul li a:link, #menu-left ul li a:visited{
    display: block;
    color: #999999;
    text-decoration: none;
    line-height: 1.5em; 
  }
  #menu-left ul li a:hover{
    color: #007890;
    background-color: #F5F5F5;
  }
  
#content{
  float: right;
  width: 750px;
}
  #contet-padding{
    padding: 0px 15px 15px 15px;
  }
    
#footer{
  height: 18px;
  clear: both;
  border-top: solid 5px #fff;
  background-color: #E4E4E4;
  text-align:center;
  padding-top:7px;
  font-size:90%;
  color:#666666;
}
  
/* reklama */

#reklama{width: 468px;
	  height: 60px;
	  position: relative; top: 33px; left: -312px;
	  float: left;
	  margin: 0; padding: 0;}

/* Nadpisy */

h2{
  color: #000000;
  font-size: 1.25em;
  font-weight:bold;
  margin: 4px 0px 3px 0px;
  border-bottom: 2px dotted #5B5B5B;
  border-left: 2px solid #363636;
  padding-bottom: 2px;
  padding-left: 4px;}

/* Tabulka */

.nadpis {width: 600px; height:10px; background: url("../images/nadpis.gif") 0px 0px repeat-x; color: #ffffff; padding: 5px; font-size: 105%; font-weight:bold; Text-transform: uppercase; border-top: solid 2px #707070; }
.nadpis a:link, .nadpis a:visited {color: #EAFCFF;}
.obsah {width: 600px; padding: 10px; background: #F5F5F5; border: dashed 1px #CACACA; border-top:none; }
.obsah a:hover {text-decoration: none; color: #007890;}

/* Aktuality */

#akt{height: 100px; width:300px; padding:5px; margin-right:21px; border:dashed 1px #E6E6E6; text-align: left;}
#akt ul{list-style-type: none; padding: 0px; margin: 1px; margin-left:5px;}
#akt2{height: 100px; width:300px; padding:5px; margin-right:21px; text-align: left;}

/* NEWS */

.novinky{width: 100%; padding-top:5px;border-top: dashed 1px #cacaca;text-align:left;}
.ico{border: 0px; width: 90px; }
.novnad{height:10px; font-weight:bold;Text-transform: uppercase;font-size:90%;}
.autor{text-align:right; color:#007890; font-size:90%;}
.popis{padding-top:5px;font-size:85%;}

/* Koupe */

.table_hl{
  width: 100%;
  border: solid 1px #c5c5c5;
  background-color: #f2f2f2;
  border-collapse: collapse;}
  
.nadpisec{background: url("../images/nadpis.gif") 0px 0px repeat-x; color: #FDF7DF; padding: 10px; font-weight:bold; Text-transform: uppercase; border-top: solid 2px #707070; border: solid 1px #C5C5C5;}


/* Ostatní */

#poc {margin-top:5px; padding-left:20px; margin-bottom:10px;}
#poc2 {margin-top:5px; padding-left:8px; margin-bottom:10px;}

#right {text-align: right; font-weight: bold;}
		
#ramecek{
  border: dashed 1px #E8E8E8;
  background-color: #FCFCFC;
  padding: 10px; margin: 10px 20px 10px 20px;
}

.small {font-size: 80%;}
		
/* Schémata */

.table_themes{
  border: solid 1px #B6B8B4;
  width: 320px;
  border-collapse: collapse;
  background-color: #F4F4F4;
  padding: 0px; margin: 10px;
}
.table_themes1{
  border: solid 1px #B6B8B4;
  padding: 0px; margin: 0px; text-align:center;
}
.nadpis_themes{
  border: solid 1px #B6B8B4;
  border-collapse: collapse;
  background: #f6f6f6 ; color: #007890;
  font-weight: bold;
  padding: 1px; padding-left:7px; margin: 0px;text-align:center;
  width: 57%;
}
.nadpis_themes1{
  border: solid 1px #B6B8B4;
  border-collapse: collapse;
  background: #DBDBDB;
  font-weight: bold;
  padding: 1px; margin: 0px;
  width: 43%;text-align:center;
}
.udaje_themes{
  border-bottom: solid 1px #676A63; border-top: solid 1px #676A63;
  background: #DBDBDB;
  width: 100%;
  font-weight: bold;
  margin: 0px; padding: 0px;
}
.sto{ width: 100%;}


/* SMS */

.nadpisms{
  text-align: left;
  font-weight: bold;
  background-color: #f0f0f0;
  margin: 10px 0px 10px 0px; padding: 1px 0px 1px 6px;
  border: solid 1px #C5C5C5;}

.bd_main{
  border: solid 1px #c5c5c5;
  background-color: #E8E8E8;
  border-collapse: collapse;
 margin: 0px; padding: 2px; padding-left: 8px;
  border: solid 1px #c5c5c5;
}

.big{
  font-size: 115%;
  text-align: center;
  font-weight: bold;}
  
.center{
  text-align: center;
  margin: 0px; padding: 0px;
}

/* HRY */
.detail_obr{
  width: 200px;
  border: solid 1px #C5C5C5;
  margin: 0px; padding: 0px; padding-bottom: 4px;
  text-align: center;
  background-color: #e8e8e8;
}
.detail_obr img{
  border: 0px;
  margin: 5px 0px 5px 0px; padding: 0px;
}
.detail_nadpis{
  margin: 0px; padding: 2px; margin-bottom: 5px;
  border-bottom: solid 1px #C5C5C5;
  font-weight: bold;
  background-color: #f0f0f0;
  background: #f6f6f6 url("img/obsah.gif"); color: #ffffff;
}
.detail_zpet{
  margin: 0px; padding: 0px; margin-bottom: 5px; margin-left: 5px;
  text-align: left;
}
.detail_zpet2{
  margin: 0px; padding: 0px; margin-top: 5px; margin-left: 20px;
  text-align: left;
}
.detail_all{
  width: 300px;
  margin: 0px 0px 0px 5px; padding: 0px;
  border: solid 1px #C5C5C5; border-bottom: 0px;
  text-align: left;
}
.detail_hl{
  width: 293px;
  margin: 0px; padding: 2px; padding-left: 5px;
  border-bottom: solid 1px #C5C5C5;
  font-weight: bold;
  background-color: #f0f0f0;
  background: #f6f6f6 url("img/obsah.gif"); color: #ffffff;
}
.detail_ll{
  width: 293px;
  margin: 0px; padding: 2px; padding-left: 5px;
  border-bottom: solid 1px #C5C5C5;
  background-color: #e8e8e8;
}
.detail_b{
  font-weight: bold;
  font-size: 114%;
}
.detail_obr2{
  width: 495px;
  font-weight: bold;
  margin: 0px; padding: 0px; padding-bottom: 4px;
  text-align: center;
  background-color: #e8e8e8;
  border: solid 1px #C5C5C5;
}
.detail_obr2 img{
  padding: 8px 20px 8px 20px;
  border: 0;
}
.detail_vypis{
  margin: 5px; padding: 8px;
  border: solid 1px #C5C5C5;
  background: #F0F0F0;
}
