@charset "utf-8";
/* CSS Document */

.ex1 img{
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

.ex1 img:hover {
    margin-top: 4px;
	background-color: #757575;
	border-radius: 45%; 
	
}

#ex5 { 
margin: 0 auto; 
min-height: 80px;
 } 
 
#ex5 img { 
margin: 5px; 
opacity: 0.9;  
/*Transition*/ 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
/*Reflection*/ 
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))); } 

#ex5 img:hover { 
-webkit-border-radius: 50px; 
border-radius: 50px;  
opacity: 1; 
/*Reflection*/ 
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); 
/*Glow*/ 
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); 
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); 
box-shadow: 0px 0px 20px rgba(255,255,255,0.8); 
}

.post-body img {
padding:15px; /* Espacio entre la imagen y el borde */
background:#FFF; /* Color de fondo que se ve entre el espacio */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
border-radius: 0% 50%; /* Borde redondeado */
box-shadow: 0px 0px 15px #000; /* Sombra */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}