body {
background: #fff url('bg_China96.jpg') center top repeat-y;
        margin: 0px;
     padding: 0px;
     font-family: Verdana, sans-serif;
     font-size: 0.8em;
     line-height: 1.5;
     color: #ffffff;
     background-attachment: fixed;
    }

@font-face {
	
font-family: cooper-black;
src: url("cooper-black.ttf");
        
}
    

  
    
    div#main {
     width: 950px;
     margin: 2em auto;
     border: 1px #9A9A9A;
background: url("../obrazky/1984_article96.jpg") 30% 0% ;
     
     border-radius: 30px;                    /* zaoblene rohy */
     box-shadow: 0px 0px 20px grey;          /* stin boxu */
color:#ffffff;
     }   

    header {
      padding: 50px;          
      text-align: center;
      border-bottom:  0px solid #c6c6c6;
       border-radius: 30px 30px 0px 0px; 
  background: url("../obrazky/pozadi_header.png") 10% 0% ;
   
      
     }
     
     
    nav {
     float: left;
     width: 200px;
     padding: 20px;
     margin: 0px;
     text-align: center;

     }

    section {
     margin-left: 240px;    /* okraj praveho panelu je dan souctem sirky leveho panelu a jeho vnitrnich mezer */
     padding: 20px;
     border-left: solid 1px #CBFFA5;
     text-align: justify;

     }

    footer {
     padding: 20px;
     text-align: center;
      clear: both;                  /* vypnuti obtekani leveho panelu s navigaci */
      color: #800000;
      
     }

     li {
      list-style-type: none;
     
     }
     
     a:link {text-decoration: none; color: #000000; 
           transition: 1.5s;
     
     }
a:visited {	text-decoration: none; color: #000000;	
  transition: 1.5s;

}
a:active { color: #ffff00; }
a:hover { color: #ffff00; 
transition: 1.5s;

}

p {
        text-align: justify;
}

.font_nadpis {

font-family: cooper-black;

src: url("cooper-black.ttf");
	font-weight: 300;
	line-height: 60px;
	letter-spacing: 0px;
	font-size: 22px;
  text-align: center;
}


.font_chodidlo {

font-family: cooper-black;

src: url("cooper-black.ttf");
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0px;
	font-size: 16px;
  text-align: center;
  color: #000000;
}



.stred {
position:relative;
    height:282px;
    width:376px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }
 
.center {

  font-weight: 300;
	line-height: 20px;
	letter-spacing: 0px;
	font-size: 16px;
  text-align: center;
     
     }
      
     
.slideshow_fotky_hlavicka {
        /* float: left; margin-right: 2ex; */
        float: left; 
        margin-left: 8px;
        margin-right: 0;
        margin-top: 40px;
        margin-bottom : 25px;
        text-shadow: 3px 3px 7px #6F5151;
        
        overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}



.F {
position:relative;
    height:133px;
    width:213px;
     margin: 0 auto;
     overflow:hidden;
        }
        
        
.male {
position:relative;
    height:136px;
    width:197px;
     margin: 0 auto;
     overflow:hidden;
        }     
        
        
.nadpis_stred {
text-align: center;

}

/* banner Mydlifuk */
#banner-prihlaska {
	position: fixed;
	top: 160px;
        left: 0px;
	width: 31px;
	height: 31px;
	background-image: url(./obrazky/prihlaska.png);
	background-position: 20px 0px;
	background-repeat: no-repeat;


}
#banner-prihlaska a {
	width: 31px;
	height: 61px;
	display: block;
}


  #cf5_prihlaska {
    position:relative;
    height:31px;
    width:31px;
    
  }
  #cf5_prihlaska img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5_prihlaska img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_prihlaska:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_prihlaska:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }      
  
  
    #cf5 {
    position:relative;
    height:136px;
    width:197px;
    
  }
  #cf5 img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  #cf5_1995_T {
    position:relative;
    height:412px;
    width:261px;
    
  }
  #cf5_1995_T img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5_1995_T img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_1995_T:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_1995_T:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  
  .stred_T2 {
position:relative;
    height:468px;
    width:219px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }  
     
     
       .stred_T3 {
position:relative;
    height:412px;
    width:261px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }    
     
     
      cf5_1995_T3 {
    position:relative;
    height:468px;
    width:219px;
    
  }
  #cf5_1995_T3 img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5_1995_T3 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_1995_T3:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_1995_T3:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }    
  
  
  #cf5_ddr {
    position:relative;
    height:138px;
    width:236px;
    
  }
  #cf5_ddr img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5_ddr img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_ddr:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_ddr:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  
         .stred_ddr {
position:relative;
    height:138px;
    width:236px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }    
     
     
     #cf5_vlajky {
    position:relative;
    height:100px;
    width:181px;
    
  }
  #cf5_vlajky img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5_vlajky img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_vlajky:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_vlajky:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
          .stred_vlajky {
position:relative;
    height:100px;
    width:181px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }  
     
     
     
     #cf5_narozeni2 {
    position:relative;
    height:130px;
    width:376px;
    
  }
  #cf5_narozeni2 img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5_narozeni2 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_narozeni2:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_narozeni2:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  
            .stred_narozeni2 {
position:relative;
    height:130px;
    width:376px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }  
     
               #cf5_moni {
    position:relative;
    height:282px;
    width:376px;
    
  }
  #cf5_moni img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5_moni img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_moni:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_moni:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }     
  
              .stred_moni {
position:relative;
    height:282px;
    width:376px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }  
     
     
 #cf5_1993_cat {
    position:relative;
    height:282px;
    width:376px;
    
  }
  #cf5_1993_cat img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5_1993_cat img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_1993_cat:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_1993_cat:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  
                .stred_cat {
position:relative;
    height:282px;
    width:376px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }  
  
  
  #cf {
  position:relative;
  height:338px;
  width:343px;
  
}

#cf img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}   


                .stred_imv {
position:relative;
    height:338px;
    width:343px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }  
     
     
         #cf_1988 {
  position:relative;
  height:338px;
  width:248px;
  
}

#cf_1988 img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf_1988 img.top:hover {
  opacity:0;
}

 
                  .stred_martin {
position:relative;
    height:338px;
    width:248px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }  
     
        #cf5_1987 {
    position:relative;
    height:250px;
    width:400px;
    
  }
  #cf5_1987 img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5_1987 img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_1987:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_1987:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }      
   
                     .stred_auto {
position:relative;
    height:250px;
    width:400px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }  
     
     
     #cf_1986_k {
  position:relative;
  height:209px;
  width:300px;

  
}

#cf_1986_k img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


#cf_1986_k img.top:hover {
  opacity:0;
}

                     .stred_kilom {
position:relative;
    height:209px;
    width:300px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     } 
     
                              .stred_model {
position:relative;
    height:136px;
    width:197px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }  
     
       #cf5_kytara {
    position:relative;
    height:282px;
    width:376px;
    
  }
  #cf5_kytara img {
    position:absolute;
    left:0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  #cf5_kytara img.top {
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    filter: alpha(opacity=0);
    opacity:0;

  }

  #cf5_kytara:hover img.top, #cf5.hover_effect img.top {
    opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
  }

  #cf5_kytara:hover img.bottom, #cf5.hover_effect img.bottom {
    filter: alpha(opacity=0);
    -webkit-transform:rotate(360deg) scale(0,0);
    -moz-transform:rotate(360deg) scale(0,0);
    -o-transform:rotate(360deg) scale(0,0);
    transform:rotate(360deg) scale(0,0);
  }
  
  
     .stred_kytara {
position:relative;
    height:282px;
    width:376px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     } 
     
     
          #cf_19842 {
  position:relative;
  height:212px;
  width:350px;
margin:0 auto;
  
}

#cf_19842 img {
  position:absolute;
  left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


#cf_19842 img.top:hover {
  opacity:0;
}

       .stred_nostromo {
position:relative;
    height:212px;
    width:350px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     }
     
     .stred_model2 {
position:relative;
    height:136px;
    width:210px;
     margin: 0 auto;
     
     overflow:hidden;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
     }