body{
margin:0px;
padding:0px;
}

BODY, P, TD, LI, DIV { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height: 20px;
	
}

img {
  border: 0px;
}


a{
font-size:12px; 
text-decoration:none; 
font-weight:bold; 
cursor:pointer; 
color:white;
outline:none;
}

a:hover{
font-size:12px; 
text-decoration:none; 
font-weight:bold; 
color:red;
}

body{
padding: 0px; 
margin: 0px; 
background-color:#131315;
}

.table_index{
  width: 800px;
  height: 800px;
  margin: 0px;
  padding: 0px;
  border:0px;
  border-collapse: collapse;
}


.vymezeni_pozice {
  width: 800px;
  height: 800px;
  padding: 15px;
  margin: 0 auto; 
  background-image:url('./img/pozadi.jpg');
  background-repeat:no-repeat;
}

.policko_bile {
  width: 100px;
  height: 100px;
  margin: 0px; 
  padding: 0px; 
  text-align:center;
  float:left;
  background-image:url('./img/bila.jpg');
}

.policko_cerne {
  width: 100px;
  height: 100px;
  margin: 0px; 
  padding: 0px; 
  text-align:center;
  float:left;
  background-image:url('./img/cerna.jpg');
}



.obsah {
  width: 180px;
  height: 180px;
  position:relative;
  top:-800px;
  left:300px;
  padding: 10px 10px 10px 10px; 
  z-index:50;
  background:black;
  font-weight:bold;
  color:white;
}

#gallery { margin:0; padding:0; }
#gallery li { display: block; }

#gallery2 { margin:0; padding:0; }
#gallery2 li { display: block; }


.flash{
  width: 200px;
  height: 200px;
  position:relative;
  top:-600px;
  left:100px;
  padding: 0px; 
  z-index:50;
  background: white;

}


.fb{
  position:relative;
  top:-480px;
  left:-50px;
  padding: 0px; 
  z-index:50;
}

.levy{
float:left;
}


.barvy{
  width: 80px;
  height: 820px;
  margin: 0px; 
  padding: 0px;
  margin: 5px 0px 0px 430px; 
  position:absolute;
  top:0px;
  left:50%; 
  color:white;
  text-align:left; 
}


#projekt{
  display:block;
}

#kontakt{
  display:none; 
}

#filtr{
  display:none; 
}


.radio{
   margin: 3px 0px 0px 3px; 
float:left; 
outline:none;
}

.b1{
   width: 19px;
   height: 19px;
   background-color:#FFFFFF;
   margin: 7px 0px 0px 0px; 

}

.b2{
    width: 19px;
   height: 19px;
   background-color:#d1d2d2;
      margin: 7px 0px 0px 0px; 
 
}


.b3{
width: 19px;
   height: 19px;
   background-color:#a1a2a2;
      margin: 7px 0px 0px 0px; 
 
}
.b4{
width: 19px;
   height: 19px;
   background-color:#f5e8bf;
      margin: 7px 0px 0px 0px; 
 
}

.b5{
width: 19px;
   height: 19px;
   background-color:#fede7b;
      margin: 7px 0px 0px 0px; 
 
}

.b6{
width: 19px;
   height: 19px;
   background-color:#f2fb08;
      margin: 7px 0px 0px 0px; 
 
}

.b7{
width: 19px;
   height: 19px;
   background-color:#fbca08;
      margin: 7px 0px 0px 0px; 
 
}

.b8{
width: 19px;
   height: 19px;
   background-color:#f78d03;
      margin: 7px 0px 0px 0px; 
 
}

.b9{
width: 19px;
   height: 19px;
   background-color:#f75303;
      margin: 7px 0px 0px 0px; 
 
}

.b10{
width: 19px;
   height: 19px;
   background-color:#fcc3df;
      margin: 7px 0px 0px 0px; 
 
}

.b11{
width: 19px;
   height: 19px;
   background-color:#f13893;
      margin: 7px 0px 0px 0px; 
 
}

.b12{
width: 19px;
   height: 19px;
   background-color:#ed0313;
      margin: 7px 0px 0px 0px; 
 
}

.b13{
width: 19px;
   height: 19px;
   background-color:#b10310;
      margin: 7px 0px 0px 0px; 
 
}

.b14{
width: 19px;
   height: 19px;
   background-color:#570226;
      margin: 7px 0px 0px 0px; 
 
}

.b15{
width: 19px;
   height: 19px;
   background-color:#2b0248;
      margin: 7px 0px 0px 0px; 
 
}

.b16{
width: 19px;
   height: 19px;
   background-color:#91cee2;
      margin: 7px 0px 0px 0px; 
 
}

.b17{
width: 19px;
   height: 19px;
   background-color:#59a7d8;
      margin: 7px 0px 0px 0px; 
 
}

.b18{
width: 19px;
   height: 19px;
   background-color:#386785;
      margin: 7px 0px 0px 0px; 
 
}

.b19{
width: 19px;
   height: 19px;
   background-color:#073485;
      margin: 7px 0px 0px 0px; 
 
}

.b20{
width: 19px;
   height: 19px;
   background-color:#0a2658;
      margin: 7px 0px 0px 0px; 
 
}

.b21{
width: 19px;
   height: 19px;
   background-color:#afd38f;
      margin: 7px 0px 0px 0px; 
 
}

.b22{
width: 19px;
   height: 19px;
   background-color:#045a0e;
      margin: 7px 0px 0px 0px; 
 
}

.b23{
width: 19px;
   height: 19px;
   background-color:#0f3313;
      margin: 7px 0px 0px 0px; 
 
}



.b24{
width: 19px;
   height: 19px;
   background-color:#273228;
      margin: 7px 0px 0px 0px; 
 
}

.b25{
width: 19px;
   height: 19px;
   background-color:#887540;
      margin: 7px 0px 0px 0px; 
 
}

.b26{
width: 19px;
   height: 19px;
   background-color:#512D1D;
      margin: 7px 0px 0px 0px; 
 
}

.b27{
width: 19px;
   height: 19px;
   background-color:#000000;
      margin: 7px 0px 0px 0px; 
 
}



.damske{
width: 20px;
   height: 22px;
      margin: 2px 0px 0px 0px;  
}


.panske{
width: 20px;
   height: 22px;
      margin: 8px 0px 0px 0px; 
}

.detske{
width: 20px;
   height: 22px;
      margin: 8px 0px 10px 0px; 
}

.reset{
width: 20px;
   height: 20px;
      margin: 10px 0px 0px 0px; 
      cursor:pointer; 
}