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

.celula{
	width:auto;
	height:auto;
	background:#CC0;
	margin-right:20px;
	position:relative;
}

.home-portfolio-container{
	width:84%;
	position:relative;
	overflow-x:hidden;
	height:auto;
	left: 50%;
    transform: translateX(-50%);
	margin-bottom:25px;
	margin-top:15px;
}

.home-portfolio-container-movel{
	width:auto;
	height:auto;
	position:relative;
	left:0px;
	transition: all 0.5s;
}

.celula-img{
	width:300px;
}

#home-portfolio-seta-esquerda{
	position:absolute;
	left:5px;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
}

#home-portfolio-seta-direita{
	position:absolute;
	right:5px;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer; 
}


.titulo-slides-box{
	position:absolute;
	top:340px;
	left:12px;
	width:100%;
	height:auto;
	z-index:2;
	text-align:left;
}


@media screen and ( min-width: 1201px ){
	.home-portfolio-conteudo{
		height:480px;
	}
	#home-portfolio-seta-esquerda{
		left:65px;
	}
	
	#home-portfolio-seta-direita{
		right:65px;
	}
}

@media screen and ( min-width: 1101px ) and (max-width:1200px) {
	.home-portfolio-conteudo{
		height:480px;
	}
	.home-portfolio-container{
		width:66%;
	}
	#home-portfolio-seta-esquerda{
		left:80px;
	}
	
	#home-portfolio-seta-direita{
		right:80px;
	}
}

@media screen and ( min-width: 1001px ) and (max-width:1100px) {
	.home-portfolio-conteudo{
		height:480px;
	}
	.home-portfolio-blocos{
		padding-bottom:30px;
	}
	.home-portfolio-container{
		width:66%;
	}
	#home-portfolio-seta-esquerda{
		left:80px;
	}
	
	#home-portfolio-seta-direita{
		right:80px;
	}
}

@media screen and ( min-width: 992px ) and (max-width:1000px) {
	.home-portfolio-blocos{
		padding-bottom:30px;
	}

	.home-portfolio-container{
		width:66%;
	}
	#home-portfolio-seta-esquerda{
		left:80px;
	}
	
	#home-portfolio-seta-direita{
		right:80px;
	}

}

@media screen and ( min-width: 768px ) and (max-width:991px) {
	.home-portfolio-blocos{
		padding-bottom:30px;
	}
	.home-portfolio-container{
		width:90%;
	}
}
@media screen and ( min-width: 750px ) and (max-width:767px) {
	.home-portfolio-blocos{
		padding-bottom:30px;
	}
	.home-portfolio-container{
		width:305px%;
	}
	#home-portfolio-seta-esquerda{
		top:50%;
	}
	
	#home-portfolio-seta-direita{
		top:50%;
		transform:translateY(-50%);
	}
}
@media screen and ( min-width: 501px ) and (max-width:749px) {
	
	.home-portfolio-conteudo{
		height:auto !important;
	}

	.home-portfolio-blocos{
		padding-bottom:30px;
	}

	.home-portfolio-container{
		width:305px;
	}
	#home-portfolio-seta-esquerda{
		top:50%;
		left:50px;
		transform:translateY(-50%);
	}
	
	#home-portfolio-seta-direita{
		top:50%;
		right:50px;
		transform:translateY(-50%);
	}
}
@media screen and ( min-width: 421px ) and (max-width:500px) {
	.home-portfolio-conteudo{
		height:auto !important;
	}

	.home-portfolio-blocos{
		padding-bottom:30px;
	}
	
	.home-portfolio-container{
		width:305px;
	}
	.home-portfolio-titulo{
		font-size:13pt;
	}
	#home-portfolio-seta-esquerda{
		left:5%;
		top:50%;
		transform:translateY(-50%);
	}
	
	#home-portfolio-seta-direita{
		top:50%;
		right:5%;
		transform:translateY(-50%);
	}
}
@media screen  and ( min-width: 351px ) and (max-width:420px){ 
	.home-portfolio-container{
		width:300px !important;
		position:relative;
		overflow-x:hidden;
		height:auto;
	}
	.titulo-slides-box{
		position:absolute;
		bottom:15px;
		left:12px;
		width:100%;
		height:auto;
		z-index:2;
		text-align:left;
	}
	
	.home-portfolio-thumb-container{
		height:400px !important;
		margin:0px;
		padding:0px;
	}
	
	.home-portfolio-thumb{
		transition:width 1.5s, height 1.5s;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateY(-50%) translateX(-50%);
		width:98%;
	}
	
	.home-portfolio-thumb:hover{
		transition:width 1.5s, height 1.5s;
		width:98%;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateY(-50%) translateX(-50%);
	}
	.home-portfolio-conteudo{
		height:auto !important;
	}
	
	.home-portfolio-blocos{
		padding-bottom:30px;
	}
	
	#home-portfolio-seta-esquerda{
		left:5px;
		top:50%;
		transform:translateY(-50%);
	}
	
	#home-portfolio-seta-direita{
		top:50%;
		right:5px;
		transform:translateY(-50%);
	}
	.home-portfolio-titulo{
		font-size:13pt;
	}
}
@media screen  and ( min-width: 300px ) and (max-width:350px) { 
	.home-portfolio-container{
		width:300px !important;
		position:relative;
		overflow-x:hidden;
		height:auto;
	}
	.titulo-slides-box{
		position:absolute;
		top:320px !important;
		left:12px;
		width:100%;
		height:25px;
		z-index:4;
		text-align:left;
	}
	
	.home-portfolio-thumb-container{
		height:420px !important;
		padding:0px;
	}
	
	.home-portfolio-thumb{
		transition:width 1.5s, height 1.5s;
		position:absolute;
		top:50%;
		left:46%;
		transform:translateY(-50%) translateX(-50%);
		width:92%;
	}
	
	.home-portfolio-thumb:hover{
		transition:width 1.5s, height 1.5s;
		width:92%;
		position:absolute;
		top:50%;
		left:46%;
		transform:translateY(-50%) translateX(-50%);
	}
	.home-portfolio-conteudo{
		height:auto !important;
	}
	
	.home-portfolio-blocos{
		padding-bottom:30px;
	}
	
	#home-portfolio-seta-esquerda{
		left:5px;
		top:50%;
		transform:translateY(-50%);
	}
	
	#home-portfolio-seta-direita{
		top:5px;
		right:2%;
		transform:translateY(-50%);
	}
	.home-portfolio-titulo{
		font-size:13pt;
	}
}