/* CSS Document */


@media only screen and (max-width : 1050px) and (min-width : 651px) {
	
	.boton3 {
		
		margin-left: 0.6%;
				
	}
}

@media only screen and (max-width : 1290px) and (min-width : 1051px) {
	
	.boton3 {
		
		margin-left: 80px;
				
	}
	
}

@media only screen and (min-width : 1224px) {
	
.boton3 {
		
		margin-left: 80px;
				
	}
	
}




.boton3 {
	background: url(puerta.png) no-repeat center center;
	background-color: #FFFF00;
	border: 3px solid #B0985A;
	background-size: 85%; /* Tamaño de la imagen */ 
	height: 150px;  /* Alto del botón */
	width: 150px;  /* Ancho del botón */
	display: inline-table;
/*	display:table-row-group;*/
	margin-top: 5px;

	
	
	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 */
}