@charset "utf-8";

@font-face {
    font-family: 'dtldocumentatmedium';
    src: url('font/dtldocumentat-medium-webfont.eot');
    src: url('font/dtldocumentat-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dtldocumentat-medium-webfont.woff') format('woff'),
         url('font/dtldocumentat-medium-webfont.ttf') format('truetype'),
         url('font/dtldocumentat-medium-webfont.svg#dtldocumentatmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'berthold_akzidenz_grotesk_bRg';
    src: url('font/berthold-akzidenz-grotesk-regular-webfont.eot');
    src: url('font/berthold-akzidenz-grotesk-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/berthold-akzidenz-grotesk-regular-webfont.woff') format('woff'),
         url('font/berthold-akzidenz-grotesk-regular-webfont.ttf') format('truetype'),
         url('font/berthold-akzidenz-grotesk-regular-webfont.svg#berthold_akzidenz_grotesk_bRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----ITALICOS---*/
@font-face {
	font-family: 'Conv_AkzidenzGroteskBE-It';
	src: url('fonts/AkzidenzGroteskBE-It.eot');
	src: local('☺'), url('fonts/AkzidenzGroteskBE-It.woff') format('woff'), url('fonts/AkzidenzGroteskBE-It.ttf') format('truetype'), url('fonts/AkzidenzGroteskBE-It.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_DTLDocumentaST-Italic';
	src: url('fonts/DTLDocumentaST-Italic.eot');
	src: local('☺'), url('fonts/DTLDocumentaST-Italic.woff') format('woff'), url('fonts/DTLDocumentaST-Italic.ttf') format('truetype'), url('fonts/DTLDocumentaST-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*----ITALICOS---*/


/* CSS Document */

img{
	position: relative;
	float: left;
	width: 100%;
}

.riscado{text-decoration: line-through;}
.italico{font-style: italic;}

#modulo{
	width: 100%;
	position: relative;
	float: left;
	height: auto;
	text-align: center;
	margin-bottom: 40px;
	color: #0000ff;
}

#modulo:hover{
	color: #000000;
}

#titulo{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'dtldocumentatmedium';
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 5px;
}


#info{
	width: 100%;
	float: left;
	position: relative;
	font-family: 'berthold_akzidenz_grotesk_bRg';
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#modulo:hover #imagem{
	filter: url('#grayscle');
	-webkit-filter: grayscale(100%);
}


#seccao{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	margin-bottom: 40px;
}
							
#wrappercolunas{
	position: relative;
	float: left;
	width: 45%;
	height: 100%;
	margin-left: 3%;
	margin-right: 1%;
	margin-bottom: 30px;
}

#colunadir{
	position: relative;
	float: right;
	width: 45%;
	height: 100%;
	margin-left: 1%;
}

#colunaesq{
	position: relative;
	float: left;
	width: 45%;
	height: 100%;
	margin-right: 1%;
}

/*----------------------TRABALHOS----------------------*/

#colunadirtrabalhos{
	position: relative;
	float: right;
	width: 45%;
	height: 100%;
	margin-left: 1%;
}

#colunaesqtrabalhos{
	position: relative;
	float: left;
	width: 45%;
	height: 100%;
	margin-right: 1%;
}

/*----------------------TRABALHOS----------------------*/

#separador{
	width: 10%;
	height: 5px;
	margin: auto;
	background-color: #0000ff;
}


#cabecalho{
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
	text-align: center;
	margin-bottom: 80px;
}

#cabecalhotitulo{
	width: 100%;
	height: 100%;
	font-family: 'dtldocumentatmedium';
	font-size: 30px;
	color: #0000ff;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 20px;
}

#cabecalhodescricao{
	width: 100%;
	height: 100%;
	font-family: 'dtldocumentatmedium';
	font-size: 25px;
	color: #000000;
	line-height: 1.4;
	margin-bottom: 20px;
}

#cabecalhoinfo{
	width: 100%;
	height: 100%;
	font-family: 'berthold_akzidenz_grotesk_bRg';
	font-size: 13px;
	color: #000000;
}

#modulo1{
	width: 100%;
	position: relative;
	float: left;
	height: auto;
	text-align: left;
	color: #000000;
	margin-bottom: 40px;
}

#modulo1:hover{
	color: #0000ff;
}


#titulo1{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'berthold_akzidenz_grotesk_bRg';
	font-size: 16px;
	font-weight: 600;
	margin-top: 10px;
}

#info1{
	width: 100%;
	float: left;
	position: relative;
	font-family: 'berthold_akzidenz_grotesk_bRg';
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#imagem1{
	filter: url('#grayscle');
	-webkit-filter: grayscale(100%);
}

#modulo1:hover #imagem1{
	filter: none;
	-webkit-filter: grayscale(0%);
}


@media screen and (max-width: 800px) {
	
	#seccao{
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
	}
	
	
	#wrappercolunas{
		position: relative;
		float: left;
		width: 45%;
		height: 100%;
		margin-left: 3%;
		margin-right: 1%;
		margin-bottom: 30px;
	}
	
	#colunadir{
		position: relative;
		float: right;
		width: 45%;
		height: 100%;
		margin-left: 1%;
	}
	
	#colunaesq{
		position: relative;
		float: left;
		width: 45%;
		height: 100%;
		margin-right: 1%;
	}
	
	/*----------------------TRABALHOS----------------------*/
	
	#colunadirtrabalhos{
		position: relative;
		float: right;
		width: 45%;
		height: 100%;
		margin-left: 1%;
	}
	
	#colunaesqtrabalhos{
		position: relative;
		float: left;
		width: 45%;
		height: 100%;
		margin-right: 1%;
	}
	
	/*----------------------TRABALHOS----------------------*/
	
}



@media screen and (max-width: 600px) {
	
	#seccao{
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
	}
	
	
	#wrappercolunas{
		position: relative;
		float: left;
		width: 98%;
		height: 100%;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	#colunadir{
		position: relative;
		float: right;
		width: 40%;
		height: 100%;
		margin-right: 5%;
	}
	
	#colunaesq{
		position: relative;
		float: left;
		width: 40%;
		height: 100%;
		margin-left: 5%;
	}
	
	/*----------------------TRABALHOS----------------------*/
	#colunadirtrabalhos{
		position: relative;
		float: right;
		width: 60%;
		height: 100%;
		margin-right: 20%;
	}
	
	#colunaesqtrabalhos{
		position: relative;
		float: left;
		width: 60%;
		height: 100%;
		margin-left: 20%;
	}
	/*----------------------TRABALHOS----------------------*/
	
	#cabecalho{
		width: 80%;
		height: 100%;
		position: relative;
		float: left;
		text-align: center;
		margin-left: 10%;
		margin-bottom: 80px;
	}

	#cabecalhodescricao{
		width: 100%;
		height: 100%;
		font-family: 'dtldocumentatmedium';
		font-size: 22px;
		color: #000000;
		line-height: 1.4;
		margin-bottom: 20px;
	}
	
}