/* CSS Document */
body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: Arial;
  background-color: black;
  background-image: url(obr/pozadi.jpg);
  background-position: top;
  background-repeat: repeat-x;
  }
#kontejner {
  margin: 20px auto 0px;
  padding: 0px;
  position: relative;
  width: 1000px;
  }
#navigace {
  position: absolute;
  color: rgb(102,102,102);
  top: 65px;
  left: 20px;
  z-index: 103;
  font-size: x-small;
  _font-size: xx-small;
  }
#navigace a {
  color: rgb(102,102,102);
  text-decoration: none;
  }
#navigace a:hover {
  color: white;
  text-decoration: underline;
  }




/* ELEMENT */
/* CLASS */
/* HORE + MENU */
/* TEXT */
/* OBSAH */
/* COMMENT-SHARE */  
/* GOOGLE */
/* BOTTOM */
/* LEVY SLOUPEC */
/* PRAVY SLOUPEC */
/* DECOR */






/* ELEMENT */
a {
  text-decoration: none;
  color: #0066CC;  
  }
img {
  border: 0px;
  }
h1 span {
  visibility: hidden;
  }
h1 {
  background: url(obr/logoX.png) no-repeat;
  position: absolute;
  width: 130px;
  height: 98px;
  left: 0px;
  top: 0px;
  _top: 0px;
  z-index: 0;
  font-size: 1px;
  }    
h3 {
  border-bottom: 1px dashed black;
  }
h3#malyTitul {
  position: relative;
  xleft: 10px;
  top: -62px;
  _top: -39px;
  color: rgb(88,88,88);
  font-family: times New Roman;
  font-size: 20px;  
  }  
h3#articleTitle, h3#komentare {
  position: relative;
  top: 20px;
  color: rgb(88,88,88);
  font-family: times New Roman;
  font-size: 25px;  
  }    
h2 {
  font-family: TImes New Roman;
  color: rgb(200,200,200);
  margin-left: 20px;
  font-size: 50px;
  _font-size: 50px;
  } 
h4 {
  color: gray;
  }   
td, input {
  font-size: small;
  _font-size: x-small;
  }




/* CLASS */
.male {
  font-size: small;
  _font-size: x-small;
  }
.mocMale {
  font-size: x-small;
  _font-size: xx-small;
  }  
.velke {
  font-size: large;
  _font-size: medium;
  }   
.podTitul{
  position: relative;
  top: -75px;
  _top: -55px;
  color: gray;
  font-size: 12px;
  }
.mainHref {
  font-family: times New Roman;
  font-size: x-large;
  _font-size: large;
  color: white; 
  }  
.vice {
  color: gray;
  font-size: x-small;
  _font-size: xx-small; 
  text-decoration: none;
  }  
.vice:hover {
  text-decoration: underline;  
  }  
.divMainHref {
  position: relative;
  left: 10px;
  }  
.sede {
  color: gray;
  }  
.commentaryLeft {
  text-align: left;
  font-family: verdana;
  position: relative;
  width: 425px;
  height: 10px;
  font-size: 9px;
  font-weight: bold;
  border-top: 1px solid white;
  border-bottom: 10px solid white;
  border-left: 20px solid white;
  _border-left: 0px;
  color: rgb(84,84,84);
  }
.center {
  text-align: center;
  }  
.center img {
  border: 2px solid black;
  }  
  



/* HORE + MENU */
#hlavicka {
  position: relative;
  height: 80px;
  left: 0px;
  z-index: 102;
  }
#menu {
  position: relative;
  height: 40px;
  left: 0px;
  _z-index: 110;
  } 
#menu a {
  position: absolute;
  }  
a#home {left: 0px;}
a#hist {left: 50px;}
a#osob {left: 110px;}
a#tech {left: 180px;}
a#zajm {left: 240px;}
a#stre {left: 320px;}
a#kont {left: 560px;}
a#fb {left: 670px;}
#logo {
  position: absolute;
  top: -10px;
  left: 430px;
  width: 130px;
  height: 98px
  }
#nahrazkaLogo {
  position: absolute;
  top: 0px;
  left: 0px;
  _z-index: 103;
  }  
#lista {position: relative; }  
#lista2 {position: relative; }  
#podLogo {
  position: absolute;
  text-align: left;
  font-size: 10px;
  top: -13px;
  left: 563px;
  color: rgb(69,69,69);
  }
#podLogo:hover {color: white;}  
#cas {
  position: absolute;
  left: 920px;
  top: 18px;
  }  
#search {
  position: absolute;
  top: 60px;
  left: 560px;
  width: 433px;
  _width: 427px;
  height: 27px;
  background-image: url(obr/brick.jpg);
  }  
#search input {
  position: absolute;
  top: 3px;
  font-size: 9px;  
  }  
#tl {background-color: black; color: white; left: 365px;}
#ok {background-color: rgb(166,166,166); left: 253px;}  
#podMenu {  
  position: absolute;
  top: 60px;
  left: 13px;
  width: 417px;
  height: 27px;
  background-image: url(obr/brick2.jpg);
  }





/* TEXT */
#text {
  background-color: white;
  color: black;
  position: relative;
  top: 2px;
  width: 980px;
  left: 10px;
  _left: 0px;
  border: 3px black solid;
  z-index: 101;
  text-align: left;
  padding-bottom: 10px;
  }
#text a:hover {
  text-decoration: underline;
  }  
#noveClanky {
  border: 2px solid black;
  width: 460px;
  position: relative;
  left: 15px;
  top: 25px;
  }
#blackHole {
  width: 460px;
  height: 38px;
  background-color: black;
  }
#noveVidea {
  border: 2px solid black;
  width: 460px;
  position: absolute;
  left: 500px;
  top: 25px;
  z-index: 110;
  text-align: left;
  }
#clanky, #videa {
  position: relative;
  left: 10px;
  top: 10px;
  width: 440px;
  height: 400px;
  font-size: x-small;
  _font-size: xx-small;
  }  
#videoOdkaz {
  font-size: x-small;
  _font-size: xx-small;
  }  
#noveVideo {
  font-size: large;
  _font-size: medium;
  }  
#blackHole2 {
  width: 460px;
  height: 38px;
  background-color: black;
  }  
#cl {position: absolute; left: -5px; top: -10px; border: 2px black solid;}
#cl2 {position: absolute; left: -5px; top: 30px; border: 2px black solid;}
#cl3 {position: absolute; left: -5px; top: -10px; border: 2px black solid;}
#cl4 {position: absolute; left: -5px; top: 30px; border: 2px black solid;}





/* OBSAH */
#ObsahTextu, #ObsahTextuKontakt {
  position: relative;
  top: 30px;
  width: 470px;
  left: 185px;
  } 
#ObsahTextuKontakt{
  width: 680px;
  }  
#secondTitle {
  color: white;
  background-color: black;
  font-size: x-large;
  _font-size: large;
  position: absolute;
  top: 125px;
  _top: 100px;
  left: 0px;
  width: 470px;
  height: 30px;
  font-family: times New Roman;
  }
#secondTitle span {
  position: absolute;
  top: 2px;
  left: 10px;
  }  

  
  
  
  
/* COMMENT-SHARE */  
#facebook {
  margin-left: 10px;
  }
#share {
  
  }





/* GOOGLE */
#gglLinksPodMenu {
  position: absolute;
  top: 90px;
  left: 15px;
  }
#ggl728x90index {
  position: relative;
  top: 40px;
  text-align: center;
  height: 90px;
  }
#gglHighLeft {
  position: relative;
  left: 15px;
  top: 20px;
  }
#gglLinkBottom {  

  }  
#gglLinkTop {
  
  }  
#gglRightBar {

  }
#gglText {
  position: relative;
  float: left;
  border-right: 15px solid white;
  border-bottom: 20px solid white;
  }




/* BOTTOM */
#hlavickaDole {
  position: relative;
  top: 2px;
  }
#menuDole {
  background-color: black;
  font-size: 12px;
  text-align: left;
  height: 30px;
  font-family: Arial Narrow;
  font-stretch: 5px;
  }  
#menuDole a {
  position: relative;
  top: 7px;
  x_top: 16px;
  color: rgb(68,68,68);
  text-decoration: none;
  }
#menuDole a:hover {
  color: white;
  }  
#disclaimer {
  font-size: x-small;
  _font-size: xx-small;
  color: gray;
  }
#disclaimer a {
  color: white;
  }
#disclaimer a:hover {
  text-decoration: underline;
  }  





/* LEVY SLOUPEC */
#lBar {
  position: absolute;
  top: 30px;
  left: 10px;
  }
#panel {
  position: relative;
  width: 160px;
  }
#panelHlavicka {
  color: white;
  background-image: url(obr/panelHead.jpg);
  height: 40px;
  }  
#panelHlavicka h3 {
  position: absolute;
  top: -3px;
  _top: 9px;
  text-align: center;
  font-size: 12px;  
  width: 160px;
  border-bottom: 0px;
  }  
#panelL1, #panelL2 {
  position: absolute;
  left: -1px;
  top: 0px;
  border: 1px solid black;
  }  
#panelL2 {
  top: 26px;
  }  
#gglPanel {
  width: 160px;
  height: 98px;
  text-align: center;  
  background-image: url(obr/panelBack.jpg);
  }  
.panelOpt {
  width: 160px;
  height: 25px;
  background-image: url(obr/panelOpt.jpg);  
  font-size: small;
  _font-size: x-small;
  }  
.panelOpt a {
  position: relative;
  left: 32px;
  top: 5px;
  color: #0066CC;  
  }  
.panelOpt a:hover {
  text-decoration: underline;
  }  
#panelDole {
  width: 160px;
  height: 19px;
  background-image: url(obr/panelButt.jpg);  
  }  
#levyAdv{
  
  }






/* PRAVY SLOUPEC */
#rightBar {
  position: absolute;
  left: 670px;
  top: 30px;
  }
#pravyAdv {

  }





/* DECOR */
#cihly {
  position: absolute; left: 360px; top: 6px;}  
#cihly2 {
  position: absolute; left: 190px; top: 0px;}  
#prechodDole {
  position: relative;
  top: 13px;
  }