/* CSS Document */

@media only screen and (max-width : 1050px) and (min-width : 651px) {
	
	.boton8 {
		
		height: 170px;
		width: 170px;
				
	}
}

@media only screen and (max-width : 1290px) and (min-width : 1051px) {
	
	.boton8 {
		
	height: 190px;
	width: 190px;
	
				
	}
	
}

@media only screen and (min-width : 1224px) {
	
	.boton8 {
		
	height: 190px;
	width: 190px;


				
	}
	
}



.boton8 {
	background: url(secundaria.jpg) no-repeat center center;
	background-color: #FFFF00;
	border: 3px solid #B0985A;
	background-size: 100%; /* Tamaño de la imagen */ 
/*	height: 190px;  Alto del botón */
/*	width: 190px;  Ancho del botón */
	display: inline-table;
/*	display:table-row-group;*/
/*	margin-top: 2px;*/
/*	margin-left: 3.5%;*/
	
	border-radius: 100%;*
	cursor: pointer;
/*	box-shadow: 
 Sombras externa 
inset 0 10px 15px rgba(255,255,255,.35), inset 0 -10px 15px rgba(0,0,0,.05), inset 10px 0 15px rgba(0,0,0,.05), inset -10px 0 15px rgba(0,0,0,.05),
Sombra interna 
0 5px 20px rgba(0,0,0,.1); */ 

}

/* Al presionar */
.boton:active {
  box-shadow: inset 0 5px 30px rgba(0,0,0,.2); /* Sombra interior */
  background-size: 90%; /* Cambiamos el tamaño de la imagen */
}