@CHARSET "UTF-8";

#conteudoGaleria{
	width: 90%;
	top: 120px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

#menuPortofolio {
	top: 5px;
	position:relative;
	color: #404147;
	width: 100%;
	float: center;
}

#menuPortofolio ul {
	list-style-type: none;
	text-align: left;
    margin: 0;
    padding: 0;
}
#menuPortofolio li{
	display: inline;
	margin: 10px 10px;
}
#menuPortofolio li a{
	float: left;
    color: #404147;
	font-size: 12px;
	text-decoration: none;
	margin:0 10px;
}
#menuPortofolio li a:hover {
    color: #b4b4b4;
}

#galeria{
	position:relative;
	width: 100%;
	top: 20px;
	font-family: "Varela Round",Helvetica,Arial;
	background-color: #fff;
	margin: auto;
	
	/*-webkit-column-count: 3; /* Chrome, Safari, Opera */
    /*-moz-column-count: 3; /* Firefox */
    /* column-count: 3; 
	
	/*-webkit-column-gap: 10%; /* Chrome, Safari, Opera */
    /*-moz-column-gap: 10%; /* Firefox */
    /* column-gap: 10%; */
}

.imagem_galeria {
	width: 318px;
	height: 462px;
	display: block;
	float: left;
	margin-bottom: 5%;
	margin-left: 5%;
	background-color: #fff;
	background-repeat: no-repeat;
    background-position: center center;
}

.imagem_galeria img{
	width: 318px;
	height: 462px;
}

.close{
	border: 0; 
	background: transparent
}

.foto_grande {
	width: 70%;
	height: auto;
	overflow: hidden;
}
.foto_grande_port {
	height: 60%;
	width: auto;
	
}
@media screen and (min-width : 1280px) {
.imagem_galeria {
		width: 290px;
		height: 421px;
		margin-bottom: 1.5%;
		margin-left: 1.5%;
	}
}
@media screen and (min-width : 1025px) and (max-width: 1280px) {
.imagem_galeria {
		width: 290px;
		height: 421px;
		margin-bottom: 2%;
		margin-left: 2%;
	}
.foto_grande {
		width: 70%;
		
	}
}

@media screen and (min-width : 960px) and (max-width: 1024px) {
	.imagem_galeria {
		width: 200px;
		height: 290px;
		margin-bottom: 2%;
		margin-left: 2%;
	}
	.foto_grande {
		width: 80%;
		
	}
}

@media screen and (min-width : 480px) and (max-width: 959px) {
	.imagem_galeria {
		width: 150px;
		height: 218px;
		margin-bottom: 2%;
		margin-left: 2%;
	}
	.foto_grande {
		width: 90%;
		
	}
}
@media screen and (max-width: 470px){
		#menuPortofolio {
			position:absolute;
			top: 5px;
		}
		#galeria{
			position:relative;
			width: 100%;
			top: 50px;
		}
		.imagem_galeria {
			width: 150px;
			height: 218px;
			margin-bottom: 2%;
			margin-left: 2%;
		}
}