body{
  padding:0px;
  margin:0px auto;  
  font-size:13px;
  font-family:Verdana;
}

img{
  border:0px;   
}

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

#main{
  z-index:1;
  width:1000px;
  background:none;
  /*border-left:1px solid black;
  border-right:1px solid black;    */
  margin:0px auto;
}

#pozadi{
  z-index:-1;
  position: absolute;
  width:100%;     
}

#logo{
  position:relative;
  margin-left:23px;
  top:17px;
  width:156px;
  height: 70px;
  background:url('../images/index/logo.png') no-repeat;  
  float:left;  
}

#statistiky{
  position:relative;
  margin-left:30px;
  top:38px;
  width:200px;
  height:70px;
  color:white;
  float:left;
}  

#menu{
  width: 530px;
  text-align:right;
  height: 50px; 
  margin-right: 40px;
  margin-top:57px;
  float:right; 
  font-size:1.0em;  
}
.odkaz{
  display:inline-block;    
  float:right;
  margin-left:20px; 
  margin-top:-2px; 
}

.lom{
  display:inline-block;    
  float:right;
  margin-left:20px;
  margin-top:-3px; 
}

#menu a,#menu a:visited{
   color:black;     
}
#menu a:hover{
   color:#325976;       
}

#login{
  position:relative;
  width:1000px;
  height:170px;
  background:url('../images/index/border.png') no-repeat;   
  top:119px;   
}
#uzivJmeno{
  z-index:3;
  position:absolute;
  left:162px;
  top:45px;  
  height:33px; 
  width:227px;
  padding:0px; 
  padding-left:10px;
  border:1px solid #02579b; 
  border-right:0px; 
  background:url('../images/index/bginput.png') repeat-x;    
}

#uzivHeslo{
  z-index:3;
  position:absolute;
  left:162px;
  top:87px;  
  height:33px; 
  width:212px;
  padding:0px;
  padding-left:10px;
  border:1px solid #02579b; 
  border-right:0px;
  background:url('../images/index/bginput.png') repeat-x;       
}

#obrazkyZeHry{
  position:relative;
  width:320px;
  margin-left:36px; 
  margin-top:140px; 
               
}

.registraceOdkaz{
  position:absolute;
  width:303px;
  height:79px;
  left:657px;
  top:45px;        
}

.uzivPrihlasit{
  position:absolute;
  top:43px;
  left:385px;
  width:93px;
  height:80px;
  z-index:2;
  padding:0px;
  margin:0px;
                
}

.mapaSubmit{
  position:relative;
  background:red;
  border:0px;
  z-index:4;           
}


.stopro{
  width:100%;
  height:100%;       
}

.nadpis{
  color:white;
  font-size:1.2em; 
  font-weight: bold; 
  display: inline-block;  
  margin-bottom:10px; 
}

.ukazka{
  border:3px solid #60aedf;
  margin-top:9px;
  margin-right:9px; 
  width:135px;
  height:89px;      
}

.help{
  margin-top:26px;
  width:295px;
  height:168px;  
  background:url('../images/index/help.png');   
}

#content{
  position:relative;
  width:570px;  
  float:right;
  margin-right:40px;      
  margin-top:140px;
  text-align:justify;
}

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

h1{
  color:rgb(54,97,129);
  font-size:1.2em; 
  font-weight: bold; 
  display: inline-block;  
  margin-top:0px;
  padding-bottom: 5px;	
}


table{
   margin-top:5px;  
}

.b{
  font-weight:bold; 
}
.l{
  text-align:left;  
}
.c{
  text-align:center;  
}
.r{
  text-align:right;  
}
.registrace{
  font-size:1.1em;
  margin-top: -10px;         
}
.registrace tr td{
  padding-bottom:10px;              
}
.regInput{
  height:28px; 
  width:224px;
  padding:0px;
  padding-left:10px;
  border:1px solid #02579b; 
  background:url('../images/index/bginput.png') repeat-x;       
}

.avatar{
    width: 570px;
    position: relative;  
    margin-top: 5px;
    float:left;  
    height: 120px;
    margin-bottom:10px;
}

.info{
    position: relative;  
    width:460px;
    height: 120px;
    margin-top:-139px;
    margin-left:100px;
    padding-left: 10px;
}

.popis{
    position: relative;  
     margin-top:-10px;    
}

.w40{
   width:40%;   
}
.cb{
  clear: both;
  height:15px;   
}


/*inputs*/

.checkbox, .radio {
  position:relative;
	width: 31px;
	height: 31px;
	padding: 0 5px 0 0px;
	background: url("../checkbox.png") no-repeat;
	display: inline-block;
  top:2px;
}
.radio {
	background: url('../images/index/radio.png') no-repeat;
}
.select {
	position: absolute;
	width: 228px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 30px;
	padding: 6px 0 0 12px;
  margin-top:-5px;
	color: black;
  font-size:0.9em;
	background: url('../images/index/select.png') no-repeat;
	overflow: hidden;
}

.radioPopis{
  position:relative;
  display:inline-block;
  top:-8px           
}


/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
#trojuhelnik{
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzNBNjg4QiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMxNTc3NCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk1KSIgLz4KPC9zdmc+);
}