/* colors
Generated by http://colorschemedesigner.com 
Color Scheme Designer - Petr Stanicek 2002-2009

.primary-1 #B22222 x
.primary-2 #863434
.primary-3 #750B0B x
.primary-4 #D34D4D x
.primary-5 #D36A6A

.secondary-a-1 #1C4D73 x
.secondary-a-2 #254156
.secondary-a-3 #092E4B x 
.secondary-a-4 #4782AF x
.secondary-a-5 #5E8BAF 

.secondary-b-1 #94AC21
.secondary-b-2 #748233
.secondary-b-3 #5F710B x
.secondary-b-4 #B9CF4C x
.secondary-b-5 #BECF68

*/

/* basic elements */

html {
     margin: 0;
     padding: 0;   
	}
	
body {
     margin: 0;
     padding: 0;
     background-color: #eeeeee;
     font-family: Tahoma, Verdana;
     }
       
     
h1   {
     color: #B9CF4C;
     font-size: 20px;
     margin:20px 0 5px 10px;
     text-align: left;
     font-weight: bold;
     }

h2   {
     font-size: 18px;
     color: #B9CF4C;
     text-align:left;
     font-weight: bold;
     margin:20px 0 5px 10px;
     }

h3   {
     font-size: 14pt;
     letter-spacing: 0.1em;
     color: #18437A;
     text-align:left;
     }
     
p    {
     font-size: 11px;
     color: #000000;
     margin: 0 10px 0 10px;
     text-align: justify;
     }
     

     
li   {
     list-style-type:none;
     }



/*SPAN*/

/*------ CLASS -------------*/

.table {
		width: 100px;
		font-size: 11px;
     color: #000000;
     padding: 0 0 0 15px;
}

img.smile {
    margin: 1px 0 0 1px;
} 

img.icon {
    margin: -1px 15px -3px 10px;
    border: none;
    width: 16px;
    height: 16px;
}    
/* ------- specific divs ---------------*/

#container {
           position: absolute;
           margin: 0;
           padding: 0;
           left:50%;
           width:900px;
           margin-left:-450px;
           height:auto;
           }
		           
#hlava {
		 	width: 898px;
		 	height: 140px;
		 	margin: 20px 0 0 0;	
			padding: 0;
			border-left: 1px #D34D4D dotted;
			border-right: 1px #D34D4D dotted;
		} 

#hlava-in {
      float: left;
		 	width: 650px;
		 	height: 140px;
		 	margin: 0px;	
			padding: 0px;
		}   

#hlava img {
			border: none;
		} 
                    
#logo {
		padding: 30px 0 0 40px;
}

#hlava-log {
      float: left;
		 	width: 198px;
		 	height: 140px;
		 	margin: 5px 0 0 30px;	
			padding: 0px;
		}   

#hlava-log input {
		 	width: 130px;
		} 

#hlava-log input.tlacitko {
		 	width: 50px;
		} 
				    
#hlava-log a {
     margin: 4px 10px 0 10px;
     font-size: 11px;
     color: #B22222;
		}    
    
#hlava-log a:link{
       text-decoration:none; 
       color: #092E4B;
      }


#hlava-log a:visited{
       text-decoration:none;
       color: #750B0B;
       }

#hlava-log a:hover, a:active{
         text-decoration: none;
         color: #750B0B;
         }       
/*-----------------------------------*/

#menu-top {
          clear: both;
          margin: 30px 0 30px 0;
          padding: 0;
          width: 900px;
          height: 28px;
          color: #092E4B;
          font-size: 11px;
          }

#menu-in {
          height: 100%;
          background-color: #4782AF;
          border-top: 1px #092E4B solid;
          border-bottom: 1px #092E4B solid;
          }

#menu-in ul {
          margin: 7px 0 7px 0;
          padding: 0px 0 0 0;
            }
       
#menu-in li {
          display: inline;
          margin: 0 0px 0 0;
          padding: 0;
            }
       
#menu-in a {
       text-decoration:none; 
       padding: 7px 45px 6px 0px;
       margin: 0;
       border-left: 1px #4782AF solid;
}       
            
#menu-in a:link{
       text-decoration:none; 
       background-color: #4782AF;
       color: #092E4B;
       border-left: 1px #4782AF solid;
      }


#menu-in a:visited{
       text-decoration:none;
       background-color: #4782AF;
       color: #092E4B;
       border-left: 1px #4782AF solid;
       }

#menu-in a:hover, a:active{
         text-decoration: none;
         color: #4782AF;
         background-color: #092E4B;
         border-top: 1px #4782AF solid;
         border-bottom: 1px #4782AF solid;
         border-left: 1px #4782AF solid;
         }

#menu-in a.aktivni{
         text-decoration: none;
         color: #4782AF;
         background-color: #092E4B;
         border-top: 1px #4782AF solid;
         border-bottom: 1px #4782AF solid;
         border-left: 1px #4782AF solid;
         }

                  
/*--------- levy sloupec --------*/

#levysloupec {
		 	width: 248px;
		 	float: left; 
		 	min-height: 830px;
		 	margin: 0px 0 30px 0px;	
			padding: 0;
			border-left: 1px #D34D4D dotted;
			border-right: 1px #D34D4D dotted;
		} 
		
#levysloupec ul {
    margin: 0;
    padding: 0;
    font-size: 11px;
     color: #000000;
     margin: 0 10px 0 10px;
		}	
    
#levysloupec li {
    text-decoration:none; 
    height: 20px;
		}	
    
#levysloupec a {
     margin: 2px 10px 0 10px;
		}    
    
#levysloupec a:link{
       text-decoration:none; 
       color: #092E4B;
      }


#levysloupec a:visited{
       text-decoration:none;
       color: #750B0B;
       }

#levysloupec a:hover, a:active{
         text-decoration: none;
         color: #750B0B;
         }
        	
/*--------- pravy sloupec --------*/

#pravysloupec {
		 	width: 648px;
		 	float: right; 
		 	min-height: 830px;
		 	margin: 0px 0 30px 0px;	
			padding: 0;
			border-right: 1px #D34D4D dotted;			
		} 
		
#vzkaznik {
      margin: 20px 0 0 20px;	
}		

#pravysloupec form {
		margin: 20px 0 20px 40px;
}

/*----------- chat ----------------*/


/*--- chataktive----*/
#chat-seznam-body{
     background-color: #cccccc;
     } 
     
#seznam {
    background-color: #cccccc;
    width: 100%;
	height: 100%;
    position: absolute;
}	

#seznam h2{
  color: #b22222;
}

#seznam ul {
    margin: 0;
    padding: 0;
    font-size: 11px;
     color: #000000;
     margin: 0 10px 0 10px;
		}	
    
#seznam li {
    text-decoration:none; 
    height: 20px;
		}	


/*--- chataktive----*/

#chatroom{
     background-color: #eeeeee;
     }
     
#plky{
	 overflow: auto;
    width: 99%;
    background-color: #eeeeee;
    height: 100%;
    padding: 10px 0 10px 10px;
    }
 
#plky p{
  font-size: 13px;   
  padding: 0 10px 0 0;
    }

/*--- chatbox----*/
     
#chat{
     background-color: #cccccc;
     }
                 	
#chat-form {
     width:80%;
     float:left;
     background-color: #cccccc;
     /*height:80px;*/

}    

#chat-form form {
    margin: 0 0 8px 50px;
    padding: 8px 0 0 0;
}   

#chat-form input {
      width: 700px;      
}

#chat-form input.tlacitko {
      width: 80px;
}

#chat-form tr {
      width: 700px;
     height: 30px;      
}

#chat-smilebox {
     width:80%;
     float:left;
     margin: 0 0 0 50px;
     background-color: #eeeeee;
     height:60px;

}  
     
#chat-boxleft {
      width:18%;
     float:left;
     background-color: #cccccc;
     padding: 10px 0 0 5px;
}

#chat-boxleft  a {
     margin: 14px 10px 0 10px;
     font-size: 11px;
     color: #B22222;
		}    
    
#chat-boxleft  a:link{
       text-decoration:none; 
       color: #092E4B;
      }


#chat-boxleft  a:visited{
       text-decoration:none;
       color: #750B0B;
       }

#chat-boxleft  a:hover, a:active{
         text-decoration: none;
         color: #750B0B;
         }       

/* -------- pata ------------ */ 

#pata {
      clear: both;
      background-color: #4782AF;
      height: 26px; 
      margin: 20px 0 30px 0;
      border-top: 1px #092E4B solid;
      border-bottom: 1px #092E4B solid;
}

#pata ul {
    width: 100%;
    float: left; 
    margin: 0px;
    padding: 5px 0 0 0px;
    font-size: 11px;
}

#pata li {
    right: 0;
     display: inline;
     margin: 0 0 0 0;
     padding: 0;
      }

#pata a {
    right: 0;
    margin: 0 30px 0 0;
    padding: 0;   
    text-decoration:none; 
    color: #000000;
}