/*------------------ -----------------*/
html,body{
	margin:0;
	margin-top: 3px;
	padding:0;
}
body{
	font: 100% arial,sans-serif;
	text-align:center;
}
html{

	background: url(back2.gif);

}


#kontejner{
	text-align:left;
	width:700px;
	margin:0 auto;
	background:#252525;
}
#wrapper{
	float:left;
	width:100%;
}
/*------------------ BANNERY-----------------*/
#header{
  background: url(header.gif);
  position: relative;
  width:700px;
  height:124px;
  float:left;
  margin-top: 2px;
}

/*------------------ MAILINFO-----------------*/

#kavarna{
  background: url(kavarna.gif) ;
  position: relative;
  width:250px;
  height:62px;
  float:left;
}	

#tipgames{
  background: url(tipgames.gif) ;
  position: relative;
  width:450px;
  height:27px;
  float:left;  

}
#smoke{
  background: url(smoke.gif) ;
  position: relative;
  width:450px;
  height:35px;
  float:left; 
  }
  
#smoke p{
text-indent: 15px; 
margin: 3px 0px 0px 0px;
font-weight: bold;
color: rgb(0,85,255);
font-size: 17;
text-align: center;
}  		

#smoke a{
font-weight: bold;
color: rgb(0,85,255);
font-size: 15;
text-decoration: none;
}

#smoke a:hover{
color: rgb(153,0,0);




}   	

#pocitadlo{
  background: url(pocitadlo.gif) repeat ;
  position: relative;
  width:250px;
  height:59px;
  float:left; 
}	

#pocitadlo p{ 
  color: rgb(208,208,208);
  font-weight: bold;
text-indent: 15px; 
margin: 0px 0px 0px 0px;
height:35px;
padding-top: 9px;
padding-left: 7px;
font-size: 18px;  
}	

#pocitadlo a{ 

padding-left: 7px;
}	



#pod_menu{
  background: url(podMenu.gif) repeat ;
  position: relative;
  width:450px;
  height:24px;
  float:left;
}	
#menu{ 
  background: url(menu.gif)  ;
  width:450px;
  float:left;
  height:35px;
}

#menu a {
font-size: 17px;
display : block;
float: left;
padding: 5px 32px 0px 50px;

color: rgb(208,208,208);
text-decoration: none;
font-weight: bold;
}
#menu a:hover {
color: EF8129;
}

/*------------------OBSAH-----------------*/

#obsah_top{
  background: rgb(0,0,0) url(obsah_top4.gif) top;
  position: relative;
  width:700px;
  height:24px;
  float:left;
}

/*------------------OBSAH-----------------*/

#obsah{
  background-color: rgb(0,0,0); 
  position: relative;
  width:700px;
  height: 600px;
  float: left;
  color: #B2B2B2; 
}

#INobsah{ 
  position: relative;
  width:600px;
  
  float: left; 
  margin-left: 50;
  margin-top: 20;
  color: rgb(0,153,204);
  
}



#INobsah H2{
color: rgb(0,85,255);
text-align: center;
margin-bottom: 45px;
margin-top: 0px;
text-transform: uppercase;
color: rgb(0,85,255);
}

#INobsah table{
color: rgb(216,216,216);
font-size: 14px;
width: 95%;
text-align: left;
}

#INobsah ul{
background: url(../obrazky/sipky2.jpg) no-repeat left;
padding-top: 30px;
padding-bottom: 30px;
margin-left: 0px;
margin-top: 15px;
}

#INobsah ul li{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 150px;
list-style: disc url();
}



#INobsah p{
margin-top: 20px;
color: rgb(224,224,224);
font-size: 14px;
width: 90%;
text-align: left;
font-weight: bold;
line-height: 20px;
}

.imgRam{
border: 2px rgb(144,144,144) solid; 
}
.img{
text-align: right;
}

#INobsah table th{

color: rgb(255,128,0);
font-size: 17px;
font-weight: bold;
text-align: left;
}

#galerie{ 
  position: relative;
  width:600px;  
  float: left; 
  margin-left: 27;
  margin-top: 20;
  height: 100%;
  
}

#galerie table{ 
  position: relative;
  width:100%;
  height: 25%; 
  margin-left: 30px;
}

#galerie img{ 
  border: 3px rgb(160,160,160) solid;
}

#galerie p{ 
  padding-left: 30px;
}


#galerie H2{ 
text-transform: uppercase;
color: rgb(0,85,255);
 text-align: center;
 margin-bottom: 25px;
 margin-top: 0px;
 margin-left: 30px;
 width: 100%;
}

#kontakty{ 
  position: relative;
  width:600px;
 
  float: left; 
  margin-left: 50;
  margin-top: 20;
  color: rgb(176,176,176); 
}

#kontakty table{
color: rgb(216,216,216);
font-size: 15 px;
width: 80%;
text-align: left;
margin-top: 25px;
margin-left: 30px;
margin-bottom: 0px;
}

#kontakty img{
margin-right: 5px;
}

.slavie{
margin-left: 100px;
margin-top: 0px;
margin-bottom: 0px;
}

span{
margin-right: 10px;
}

#kontakty H2{ 
 text-transform: uppercase;
color: rgb(0,85,255);
 text-align: center;
 margin-bottom: 25px;
 margin-top: 0px;
 width: 100%;
}
/*------------------PATA_TOP-----------------*/
#pata_top{  
  background: url(pata_top3.gif) ;
  position: relative;
  width:700px;
  height:15px;
  float:left;
}
/*------------------PATA-----------------*/
#pata{
  background-color: rgb(0,0,0);
  position: relative;
  width:700px;
  height:30px;
  float:left;
  text-align: center;
  color: rgb(147,147,147);
  line-height: 35px;
  
  
}

#pata a{
 color: rgb(71,71,73);
 text-decoration: none;

}
 

/*------------------PATA_SPODEK-----------------*/
#pata_spodek{
  background: rgb(0,0,0) url(pata_spodek2.gif) no-repeat bottom;
  position: relative;
  width:700px;
  height:11px;
  float:left;
}


/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/

#kontakt{
position: relative;
width: 97%;
height: 50%;
padding-left: 20px;
font-family: arial;

}

#kontakt table{
margin-top: 20px;
width: 97%;
height: 40%;
margin-left: 20px;
font-size: 12px;
}





