/* CSS Document by Michalsoft*/
a{
    color: rgb(0,0,0);
    text-decoration: underline;
  }
  a:hover{
          color: rgb(34,34,34);
          text-decoration: none;
  }
  * {
     margin: 0;
     padding: 0;
  }
  body{
       background: url('images/textura.png') rgb(16,16,16) fixed;     
       text-align: center;
       font-family: Verdana, "Geneva CE", lucida, sans-serif;
       font-size: 11px;
       color: rgb(255,255,255);
  }
  #obal{
        width: 690px;
        margin: 0 auto;
        padding: 0 40px;
        text-align: left;
        color: rgb(0,0,0);
        background: rgb(183,183,183) url('images/pozadi.png');
  }
  #hlavicka{
            width: 770px;
            height: 105px;
            margin: 0 auto;
            background: rgb(99,99,99) url('images/hlavicka.png') no-repeat;
  }
  #hlavicka a{
              display: block;
              height: 80px;
              width: 42%;
              float: left;
  }
  #paticka{
           width: 690px;
           height: 60px;          
           background: rgb(99,99,99) url('images/paticka.png') no-repeat;
           clear: both;
           text-align: center;
           padding-top: 27px
  }
  #obsah{
         width: 440px;
         float: right;        
         padding-right: 50px;
  }
  #banner{
         width: 440px;
         float: right;        
         padding-right: 50px;
  }
  #levy{
        width: 136px;
        float: left;
  }
  #levy h3{
           width: 136px;
           text-align: right;
           font-size: 12px;
           font-weight: bold;
           padding: 0;
           margin: 0;
  }
  
    .katmen{        
        width: 136px;
        background: rgb(149,127,157) url('images/bg-kat.png');  
        margin-bottom: 20px;    
        padding: 10px 0;  
  }
  .katmen li{
           list-style: none;
           margin:  0;    
  }
  .katmen a{
          background: url('images/bg-kat-od.png') no-repeat 0 5px;
          display: block;
          width: 91px;
          padding-left: 45px;
          padding: 4px 0 4px 45px;
          color: rgb(255,255,255);
          text-decoration: none;
  }
  .katmen a:hover{
                text-decoration: underline;
  }
  
  
  .menu{        
        width: 136px;
        background: rgb(101,143,181) url('images/menu-pozadi.png');  
        margin-bottom: 20px;    
        padding: 10px 0;  
  }
  .menu li{
           list-style: none;
           margin:  0;    
  }
  .menu a{
          background: url('images/menu-odkaz-pozadi.png') no-repeat 0 5px;
          display: block;
          width: 91px;
          padding-left: 45px;
          padding: 4px 0 4px 45px;
          color: rgb(255,255,255);
          text-decoration: none;
  }
  .menu a:hover{
                text-decoration: underline;
  }
  .login {        
          width: 102px;        
          background: url('images/login-pozadi.png');         
          color: rgb(255,255,255);
          padding: 10px 0 10px 34px;
          margin-bottom: 20px;
  }
  .login p{
           margin: 0;
           padding: 0;
           
  }
  .login input{
               width: 86px;
               height: 18px;
               border: 1px solid rgb(156,163,134);
               color: rgb(0,0,0);
               background: rgb(255,255,255);
               font-family: Verdana, "Geneva CE", lucida, sans-serif;
               font-size: 11px;
               margin: 3px 0;
  }
  .poznamky{
            width: 102px;        
            background: url('images/poznamky-pozadi.png');         
            color: rgb(255,255,255);
            padding: 5px 0 5px 34px;
  }
  .poznamky p{
              margin: 10px 0;
  }
  h1{
     font-size: 18px;
     font-weight: normal;
     _margin-left: 45px;
  }
  #obsah p{
           margin: 10px 0;
           _padding-left: 50px;
           line-height: 15px;
  }
  .coll-1{
          width: 180px;
          float: left;         
          margin-left: 30px;
  }
  .coll-1 h2{
     font-size: 14px;
     font-weight: bold;
     border-bottom: 1px dotted rgb(0,0,0);
     width: 150px;
     margin-bottom: 15px;
  }
  .coll-2{
          width: 180px;
          float: left;         
  }
  .coll-2 h2{
     font-size: 14px;
     font-weight: bold;
     border-bottom: 1px dotted rgb(0,0,0);
     width: 150px;
     margin-bottom: 15px;
  }
  h2{
     font-size: 14px;
     font-weight: bold;
     border-bottom: 1px dotted rgb(0,0,0);
     width: 200px;
     margin-bottom: 15px;
  }
  .video{
         width: 150px;
			height: 270px;
         background: rgb(109,110,110) url('images/video-pozadi.png') repeat-x;
         border: 1px solid rgb(176,176,176);
         margin-bottom: 25px; 
         position: relative;       
  }
  .video img{
             margin: 10px;
             border: 1px solid rgb(255,255,255);
  }
  .video h3{
            font-size: 12px;
            font-weight: bold;        
            background: url('images/civka.png') no-repeat 2px 2px;      
            margin: 5px 0;
            padding: 2px 0 0 25px;     
            min-height: 25px;
            #height: 25px;   
  }
  .video h3 a,
  .video h3 a:hover{
                    color: rgb(0,0,0);
                    text-decoration: none;
  }
  .video ul{
            margin: 8px 0;
            padding: 0 10px;
            font-weight: bold;
  }
  .video ul li{
               list-style: none;
               margin: 7px 0;
  }
  .video ul li span{
                    color: rgb(255,255,255);
                    font-weight: normal;
                    padding-left: 6px;
  } 
  .popis-odkaz{
               display: block;     
               text-align: center;
               padding: 5px 0;              
               color: rgb(255,255,255);
               font-weight: bold;
               cursor: pointer;
               #cursor: hand;
  }
  .popis{             
          width: 130px; 
          #height: 130px;
          min-height: 130px;    
          padding: 10px;  
          position: absolute;          
          bottom: 40px; right: 50px;
          background: rgb(229,229,229) url('images/popis-pozadi.png') repeat-x;
          border: 1px solid black;
          visibility: hidden;   
  }
  .popis h4{
            font-size: 12px;
            font-weight: bold;
            color: rgb(255,255,255);
  }
  .skryty{
          font-weight: normal;
          color: rgb(0,0,0);
          text-align: left;
          padding: 5px;
          cursor: auto;        
  }
 #upozorneni{
             background: rgb(255,255,153);
             border: 1px solid rgb(102,0,0);
             color: rgb(153,0,0);
 }
 .close{
        font-size: 13px;
        position: absolute;
        right: 5px;
        top: 2px;
        color: rgb(51,0,0);
        font-weight: bold;
        cursor: pointer;
        #cursor: hand;
 }
 .videa-sloupce{
                width: 100%;
                float: left;
 }
 fieldset{
          width: 300px;         
          padding: 30px;
 }
 .registrace{
             padding: 10px; 
 }
 .registrace input{
                   border: 1px solid rgb(132,132,132);
                   background: url('images/input-pozadi.png') repeat-x;
                   
 }
  .registrace textarea{
                       border: 1px solid rgb(132,132,132);
                       background: url('images/textarea-pozadi.png') fixed;
                       margin: 0;
                       padding: 2px; 
                       font-family: Verdana, "Geneva CE", lucida, sans-serif;
                       font-size: 11px;      
  }
  
 #container input {
	border:1px solid #D6CCB9;
	margin-left:5px;
	background:#FFF;
	font-size:14px;
	
}

#container{
	margin:0 auto;
	margin-top:10px;
  margin-bottom:100px;
	padding:5px;
	width:410px;
	border:1px solid #ccc;
	background:#8A8A8A;	
}
#container a{
color:white;
font-size:18px;
}