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

/* Condicion Basica de cuadrado trasparente interior fotos*/
.caption {
padding: 0px;
width: 100%;
position: relative;
}
.caption img {
width: 100%;
padding: 0px;
height: auto;
display: block;
border: 0;
}
.caption::before {
content: attr(title);
position: absolute;
	object-position: center;
background: #000000;
background: rgba(0, 0, 0, 0.6); 
color: #fff;
font-size: 16px;
padding: 5px;
right: 0;
bottom: 0;
left: 0;
text-align: center;
opacity:0;
filter:alpha(opacity=00);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.caption:hover:before {
opacity: 1;
filter:alpha(opacity=100);
}
/* Final Condicion Basica de cuadrado trasparente interior fotos*/


/* Efecto Rectangular Inicio */
.overlayone{ /* Propiedades de imagen */
margin:0px;
text-align: center;
font-family: "sans-serif";
font-size: 14px;
padding: 0px;
width: 468px; /* 468px medida ancho rectangulo */
height: 460px; /* 150px medida alto rectangulo */
display: inline-block;
position: relative;
}
.overlayinn { /* Propiedades de la transparencia */
background-color: rgba(0, 0, 0, 0.3); /* color y cambio de transparencia  */
width: 98% ; /* 448px ancho del contenedor de texto */
height: 98%; /* 440px alto del contenedor de texto */
top: 5px; /*distancia hacia abajo*/
left: 5px; /*distancia hacia la izquierda*/
opacity: 0; /* esta condicion mantiene el texto oculto */
position: absolute;
padding: 10px; /* espacio entre texto y bordes */
transition: opacity .5s;
text-align: justify; /* texto justificado */
font-family: "sans-serif";
font-size: 14px; /* tamaño de letra */
color:#ffffff; /* color de texto */
}
.overlayinn:hover { /* Efecto al pasar el mouse */
opacity: 1;
transition: opacity .5s;
}
/* Efecto Rectangular final */