.h1_cinsky  {
	background-color: #415882;
	color:white;
  line-height: 45px;
  box-shadow:0px 3px 7px #000000;
  text-shadow: -1px 1px 2px #000000;
}
h2  {
	background-color: #D0D9E8;
	line-height: 30px;
    padding-left:10px;
  /*color:white;
  
  box-shadow:0px 3px 7px #000000;
  text-shadow: -1px 1px 2px #000000; */
}
.cinsky_datum_vkladani {
	border:1px solid #cccccc;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
	border-radius:7px;
	background-color: #D9ECFF;
	width:728px;
 /* box-shadow:0px 1px 10px #000000;
		margin:3px; 
	padding:8px;    */
}
.cinsky_legend  {
	padding:5px 10px 5px 10px;
  font-size:14px;       
  	border:1px solid #cccccc;
    	background-color: #FFFFE1;  
      margin-left:5px;   
      	border-radius:7px;    
 }

a {
	color:#06498D;
  text-decoration: none;        
}
a:hover {
	color:red;
  text-decoration: none;        
}

.a_krysa {
	background: url(img/krysa_1a.png) no-repeat top;
  background-size: 70px 60px;
  width: 8%;        
}
.a_krysa:hover,.a_krysa1 {  
	background: url(img/krysa_1.png) no-repeat top;   
  background-size: 70px 60px; 
  width: 8%;
}
.a_krysa2 {  
	background: url(img/krysa.png) no-repeat top;  
  background-size: 125px;  
  width: 20%;
  height:170px;
}


.a_buvol {
	background: url(img/buvol_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%;
}
.a_buvol:hover,.a_buvol1 {  
  	background: url(img/buvol_1.png) no-repeat top;   
    background-size: 70px 60px; 
    width: 8%;
}
.a_buvol2 {  
	background: url(img/buvol.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px; 
}
 

.a_tygr {
  background: url(img/tygr_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%;
}
.a_tygr:hover,.a_tygr1 {  
  	background: url(img/tygr_1.png) no-repeat top;   
    background-size: 70px 60px;
    width: 8%; 
}
.a_tygr2 {  
	background: url(img/tygr.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px; 
}


.a_zajic {
  background: url(img/zajic_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%; 
}
.a_zajic:hover,.a_zajic1 {  
	background: url(img/zajic_1.png) no-repeat top;   
  background-size: 70px 60px; 
  width: 8%;
}
.a_zajic2 {  
	background: url(img/zajic.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px;    
}



.a_drak {
  background: url(img/drak_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%;
}
.a_drak:hover,.a_drak1 {  
	background: url(img/drak_1.png) no-repeat top;   
    background-size: 70px 60px; 
  width: 8%;           
}
.a_drak2 {  
	background: url(img/drak.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px; 
}


.a_had {
  background: url(img/had_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%;
}
.a_had:hover,.a_had1 {  
	background: url(img/had_1.png) no-repeat top;   
    background-size: 70px 60px; 
  width: 8%;
}
.a_had2 {  
	background: url(img/had.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px; 
}


.a_kun {
  background: url(img/kun_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%;
}
.a_kun:hover,.a_kun1 {  
	background: url(img/kun_1.png) no-repeat top;   
    background-size: 70px 60px; 
  width: 8%;
}
.a_kun2 {  
	background: url(img/kun.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px; 
}


.a_koza {
  background: url(img/koza_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%;
}
.a_koza:hover,.a_koza1 {  
	background: url(img/koza_1.png) no-repeat top;   
  background-size: 70px 60px; 
  width: 8%;
}
.a_koza2 {  
	background: url(img/koza.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px; 
}
 

.a_opice {
  background: url(img/opice_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%;
}
.a_opice:hover,.a_opice1 {  
	background: url(img/opice_1.png) no-repeat top;   
  background-size: 70px 60px; 
  width: 8%;
}
.a_opice2 {  
	background: url(img/opice.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px; 
}


.a_kohout {
  background: url(img/kohout_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%;
}
.a_kohout:hover,.a_kohout1 {  
	background: url(img/kohout_1.png) no-repeat top;   
  background-size: 70px 60px; 
  width: 8%;
}
.a_kohout2 {  
	background: url(img/kohout.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px; 
}


.a_pes {
  background: url(img/pes_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%;
}
.a_pes:hover,.a_pes1 {  
	background: url(img/pes_1.png) no-repeat top;   
  background-size: 70px 60px; 
  width: 8%;
}
.a_pes2 {  
	background: url(img/pes.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px; 
}


.a_vepr {
  background: url(img/vepr_1a.png) no-repeat top; 
  background-size: 70px 60px;
  width: 8%;
}
.a_vepr:hover,.a_vepr1 {  
	background: url(img/vepr_1.png) no-repeat top;   
  background-size: 70px 60px; 
  width: 8%;
}
.a_vepr2 {  
	background: url(img/vepr.png) no-repeat top;   
  background-size: 125px; 
  width: 20%;
  height:170px; 
}


.p_horni_menu {  
padding-top: 70px;
text-align:center; 
margin:0;
}
.p_horni_menu1 {  
padding: 125px 0 25px 0;
white-space:nowrap;
text-align:center; 
}
img {
padding-right: 15px;
padding-bottom: 15px;
width:170px;
}
.blakyt {
color:#0095E8        
} 
.d_m_druid {
font-size:18px;
color:red;           
}
.cinsky_roky {
  padding-left:30px;             
}
.ieroglif {
font-size:32px;
/*font-family: @MS Mincho; */ 
margin:0; 
color: #007DC1; 
text-align:center;       
}
.ieroglif_1 {
font-size:100px;
text-align:center;
/*font-family: @MS Mincho; */    
margin:0;  
color: #B6526B;   
}

.kov {
background-color: #fff;
}

.voda {
background-color: #61c3ff;
}

.drevo {
background-color: rgb(0,102,0);
color:  #fff;
}

.ohen {
 background-color: rgb(255,0,0);
 color:  #fff;
}

.zeme {
 background-color: rgb(255,255,0);
 color:  #000;
}

@media screen and (max-width: 996px) {
.cinsky_datum_vkladani {
	width:93%;
    text-align: center;
    margin-left: -8px;
}
#table1 {
display: none;        
        } 
.cinsky_none {
display: none;
} 
.cinsky_border td {
border: 1px solid black; 
padding: 0;              
               } 
.cinsky_roky {
padding-left: 2px;             
             }      
}
  
   