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

#header_galeria {
	margin: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCCCCC;
    font-size: 24px;
    font-weight: bold;
    background: #E9E9E7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E9E9E7), to(#FFFFFF));
    background: -moz-linear-gradient(#E9E9E7, #FFFFFF);
    background: linear-gradient(#E9E9E7, #FFFFFF);
    -pie-background: linear-gradient(#E9E9E7, #FFFFFF);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    behavior: url(/PIE.htc);
	padding:2%;
}

.img_galeria1 {
	width: 260px;	
	height: auto;
	border:none;
 	float: left;
	margin: 20px 20px 40px 30px;
	-moz-box-shadow: 0px 0px 20px 3x #000000;
	-webkit-box-shadow: 0px 0px 20px 3px #000000;
	box-shadow: 0px 0px 20px 3px #000000;
	behavior: url(/PIE.htc);
	height: auto;
	-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
	-moz-transform:scale(1); /*Mozilla scale version*/
	-o-transform:scale(1); /*Opera scale version*/
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/
	cursor:pointer;
}
.img_galeria1:hover {
	width: 260px;	
	height: auto;
	border:none;
	float: left;
	margin: 20px 20px 40px 30px;
	-moz-box-shadow: 0px 0px 20px 3x #000000;
	-webkit-box-shadow: 0px 0px 20px 3px #000000;
	box-shadow: 0px 0px 20px 3px #000000;
	behavior: url(/PIE.htc);
	height: auto;
	-webkit-transform:scale(1.2); /*Webkit:Modificamos tamaño a escala*/
	-moz-transform:scale(1.2); /*Mozilla:Modificamos tamaño a escala*/
	-o-transform:scale(1.2); /*Opera:Modificamos tamaño a escala*/
	-webkit-transition-duration: 0.5s; /*Webkit:Duración de la animación*/
	-moz-transition-duration: 0.5s; /*Mozilla:Duración de la animació*/
	-o-transition-duration: 0.5s; /*Opera:Duración de la animació*/
}	

#cuerpo_galeria{
	margin:5% 2%;
}

@media screen and (max-width:400px ) {
	.img_galeria1 {
	width: 198px;;	
	height: auto;
	border:none;
 	float: left;
	margin: 20px 20px 40px 30px;
	-moz-box-shadow: 0px 0px 20px 3x #000000;
	-webkit-box-shadow: 0px 0px 20px 3px #000000;
	box-shadow: 0px 0px 20px 3px #000000;
	behavior: url(/PIE.htc);
	height: auto;
	-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
	-moz-transform:scale(1); /*Mozilla scale version*/
	-o-transform:scale(1); /*Opera scale version*/
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/
	cursor:pointer;
}
.img_galeria1:hover {
	width: 198px;	
	height: auto;
	border:none;
	float: left;
	margin: 20px 20px 40px 30px;
	-moz-box-shadow: 0px 0px 20px 3x #000000;
	-webkit-box-shadow: 0px 0px 20px 3px #000000;
	box-shadow: 0px 0px 20px 3px #000000;
	behavior: url(/PIE.htc);
	height: auto;
	-webkit-transform:scale(1.2); /*Webkit:Modificamos tamaño a escala*/
	-moz-transform:scale(1.2); /*Mozilla:Modificamos tamaño a escala*/
	-o-transform:scale(1.2); /*Opera:Modificamos tamaño a escala*/
	-webkit-transition-duration: 0.5s; /*Webkit:Duración de la animación*/
	-moz-transition-duration: 0.5s; /*Mozilla:Duración de la animació*/
	-o-transition-duration: 0.5s; /*Opera:Duración de la animació*/
}		
}