/* CSS Document */

body {
  background: transparent;
  background-image: url("img/back_strip.jpg");
  background-repeat: repeat;
  color: white;
  font-family: sans-serif;
  font-size: 1em;
  padding: 0em 0 0 0em;
  height: 100%;
  text-align: left;
  margin: 0;
  overflow: auto;
}


#img-frame {
  width: 656px;
  height: 596px;
  background-image: url("img/frame.jpg");
  position: absolute;
  left: 0;
  top: 0;
}

#img-frame-009 {
  width: 400px;
  height: 126px;
  background-image: url("img/frame_010-en.jpg");
  position: absolute;
  left: 655px;
  top: 399px;
}





#hlava-text {
  position: absolute;
  left: 45px;
  top: 0;
  color: #9a9a9a;
  background: white;
  padding: 0.4em 7px 0.5em 7px;
  font-size: 0.7em;
  
}


#menu {
  color: black;
  position: absolute;
  left: 45px;
  top: -21px;
  font-size:0.8em;
  height:1.75em;
  width: 400px;
}


#menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#menu ul li {
  /*display: inline;*/
  float: left;
  padding: 0;
  margin: 0;
  
}




#menu ul li a {
  display: block;
  text-decoration: none;
  margin: 0;
}

#menu ul li a:visited {
  text-decoration: none;
}

#menu ul li a:visited {
  text-decoration: none;
}

#menu ul li a:hover {
  text-decoration: underline;
}


#menu ul li a.padd-ano {
  padding: 5px 5px;
}

#menu ul li a.padd-ne {
  padding: 5px 0 5px 0;
}


.podtrh {text-decoration: underline;}



#mutace li {
  background: white; 
}

#mutace li a  {
  color: black;
}

#navigace li {
   background: #46B4E6;
}

#navigace li a  {
  color: white;
}



.plocha {
  position: absolute;
  background: white;
  padding: 5px;
 
  left: 45px;
  font-size: 0.7em;
  line-height: 1.5em;
}

#uvod {
  height: 385px;
  top: -415px;
   width: 742px;
}

#temata {
  height: 160px;
  top: -190px;
   width: 742px;
}

#pravidla {
  height: 450px;
  top: -480px;
  width: 950px;
  
}

#results {
  height: 320px;
  top: -351px; 
  width: 355px;
  color: black;
}



.sloupec p {
  
  margin: 0;
  padding: 30px 0 0 0;
  
}

.sloupec {
  color: black;
  width: 210px;
  margin-right: 40px;
  float: left;
 
}

.sloupecW {
  color: black;
  width: 700px;
  margin-right: 40px;
  float: left;
 
 
}

.sloupecW p {
  margin: 0;
  padding: 30px 0 0 0;

  
}

.sloupecW ul{
  padding: 30px 0 0 0;
  margin: 0 0 0 12px;
  
}

.sloupecW ul li{
  list-style-type: square;
}



.mar-nula {
  margin-right: 0;
}

.sloupecW p.no-marg{
  padding: 0;
  }

.orang {
  color: #46B4E6;
}


#krizek {
  position: absolute;
  top: 9px;
  width: 11px;
  height: 11px;
  background: transparent;
  background-image: url("img/krizek.gif");
  background-repeat: no-repeat;
}

.kriz1 {
  left: 735px;
}

.kriz2 {
  left: 735px;
}

.kriz3 {
  left: 942px;
}

.kriz4 {
  left: 347px;
}



.tema {
  font-size: 2em;
  color: #46B4E6;
  
}



#submenu {
  position: absolute;
  left: 52px;
  top: 43px;
  font-size: 0.9em;
  font-weight: normal;
  width: 500px;
  z-index: 11;
  background-color: white;
}






#strip {
  background: white;
  position: relative;
  top: 5px;
  height: 100%;
}

#pata {
  bottom: 0;
  font-family: arial;
  font-size: 1em;
  height: 110px;
  width: 100%;
  position: absolute;
  color: black;
  background: transparent;
 
}

#strip a {
  color: black;
  text-decoration: none;
}

#strip a:link {
  color: black;
  text-decoration: none;
}

#strip a:visited {
  color: black;
  text-decoration: none;
}

#strip a:hover {
  color: black;
  text-decoration: underline;
}

.eraser {
  clear: both;
  height: 1px;
  overflow: hidden;
}

#pux {
  position: absolute;
  right: 52px;
  top: 45px;
  font-size: 0.7em;
  font-weight: normal;
  color: #9A9A9A;
  z-index: 10;
  
}


#pux a {
  color: #9A9A9A;
  text-decoration: none;
}

#pux a:link {
  color: #9A9A9A;
  text-decoration: none;
}

#pux a:visited {
  color: #9A9A9A;
  text-decoration: none;
}

#pux a:hover {
  color: black;
  text-decoration: underline;
}

.deadline {
  position: absolute;
  left: 658px; top: 530px;
  width: 231px;
  font-size: 120%; font-weight: bold; color: #46B4E6;
  padding: 10px 15px;
  /*background-color: white;*/
  background-color: transparent;
  /*border: 2px solid #e9e9e9;*/ 
}