/* Resetea m?rgenes y paddings a cero */
* { 
    padding: 0; 
    margin: 0; 
}

#fons{
	background-color:#222222;
	width:100%;
	height:100%;
	color:#CCFFCC;
	font-size:22px
}
.tach{
    text-decoration:line-through;
}

#contindex{
    background-image:url('imatges/aliens_vs_predator_chess.jpg');
    width:1024px;
    height:750px;
    margin:0px auto 0px auto;
	font-size: 17px;
}
/*        titular      */
.cabecera{
	position:relative;
	top:10px;
	text-align:center;
	text-decoration:underline;
	height:120px;
	
}
.mayorh1{
	font-size:47px;
}
.mayorh2{
	font-size:27px;
}
/*        fin    titular    */
#menu{
	text-align:center;
	height:83px
}  
#menu ul{
    
	}
#menu ul li{
	display:inline;
	padding:5px 8px;
	margin:3px;
	background: rgba(255, 255, 255, 0.6);/* Color de fondo */ 
       font-size:23px;
    border:solid 2px #ffffff;
     
     -moz-border-radius: 30px;
     -webkit-border-radius: 30px;
     border-radius: 30px;

     -moz-box-shadow: 0px 0px 53px #ffffff;
     -webkit-box-shadow: 0px 0px 53px #ffffff;
     box-shadow: 0px 0px 53px #ffffff;
     
       webkit-transform:  translate(0px,0px);         /*desplazamiento vertical */
     -moz-transform:  translate(0px,0px);
     -o-transform:  translate(0px,0px);

     
      -moz-transition:all .5s;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  
     
     
}
#menu ul li a{
	color:#000000;
	font-weight: bolder;
}
#menu ul li:hover{
	 background: rgba(255, 255, 255, .9);/* Color de fondo */ 
     -moz-box-shadow: 0px 0px 53px #ffffff;
     -webkit-box-shadow: 0px 0px 53px #ffffff;
     box-shadow: 0px 0px 53px #ffffff;
      
      -webkit-transform:  translate(0px,1px);         /*desplazamiento vertical */
     -moz-transform:  translate(0px,1px);
     -o-transform:  translate(0px,1px);
      
}
#menu ul li a:hover{
	     
}
.visible{
	color:rgba( 255, 255, 0, .0);
	font-size:19px;
	margin-left:20px;
    background:	rgba(0, 0, 255, 0.0);/* Color de fondo */
    text-align:justify;
    width:700px;
    
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-top-radius: 30px;
    
     -moz-transition:all 1.5s;
  -webkit-transition:all 1.5s;
  -o-transition:all 1.5s;
  transition:all 1.5s;
}
.visiblea{
    color:rgba( 255, 255, 0, .0);
	
}
.visiblea:hover{
	color:rgba( 255, 255, 0, .9)
}
.visible:hover{
	color:rgba( 255, 255, 255, .9);
    background:rgba(70, 70, 100, 0.7);/* Color de fondo */
    text-align:justify;
    
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-top-radius: 30px;

}

.pruebaboton{
	padding:5px 8px;
	margin:3px;
	background: rgba(255, 255, 255, 0.6);/* Color de fondo */ 
    font-size:23px;
    float:left;
    
    border:solid 2px #ffffff;
     
     -moz-border-radius: 30px;
     -webkit-border-radius: 30px;
     border-radius: 30px;
     -moz-box-shadow: 0px 0px 53px #ffffff;
     -webkit-box-shadow: 0px 0px 53px #ffffff;
     box-shadow: 0px 0px 53px #ffffff;
     
       webkit-transform:  translate(0px,0px);         /*desplazamiento vertical */
     -moz-transform:  translate(0px,0px);
     -o-transform:  translate(0px,0px);

     
      -moz-transition:all .5s;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  
     
     

}

.pruebaboton:hover{
          border:solid 2px #ffffff;

	background: rgba(255, 255, 255, .9);/* Color de fondo */ 
     -moz-box-shadow: 0px 0px 53px #ffffff;
     -webkit-box-shadow: 0px 0px 53px #ffffff;
     box-shadow: 0px 0px 53px #ffffff;
      
      -webkit-transform:  translate(0px,3px);         /*desplazamiento vertical */
     -moz-transform:  translate(0px,3px);
     -o-transform:  translate(0px,3px);
      

}

.