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

.titulo{
	background-color: white;
	height: 40px;
	width: 100%;
	margin-top: 120px;
	margin-bottom: 15px;
}
.titulo >h3 {
	/*font-weight: 600;*/
	font-stretch: expanded;
	text-align: left;
	padding: 5px;
	color: darkgrey;
	margin-left: 10px;
}
.port-image
{
    width: 100%;
}

.col-md-4
{
    margin-bottom:30px;
}
.cap2	a,p :hover a:focus{
		color:#FFF;
		text-decoration:none;
	}


.item-obra
{
    position:relative;
    overflow:hidden;
}

.item-obra:hover .cap2, .item-obra:hover .cap1
{
    left:0px;
}

.cap1
{
    position:absolute;
    width:100%;
    height:70%;
    /*background:rgba(255, 255, 255, 0.5);*/
	background:rgba(255, 255, 255, 0.7);
    top:0px;
    left:-100%;
    padding:10px;
    
    transition: all .5s;
}

.cap2
{
    position:absolute;
    width:100%;
    height:30%;
    /*background:rgba(0, 178, 255, 0.5);*/
	background:rgba(0, 0, 0, 0.5);
    bottom:0px;
    left:100%;
    padding:10px;
    color: white;
    transition: all .5s;
}
.btn {
	background-color: whitesmoke;
	margin-left: 20px;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
}
.btn:hover, .btn:target, .btn:active, .btn:focus {
	background-color: gainsboro;
	outline: none !important;  
}



@media only screen and ( max-width: 768px ){
	

	.col-xs-12 {
	padding-left: 15%;
		padding-right: 15%
	}
}