@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---*/

#contentindex{
	background-image: url("image/teste.gif");
	width: 100%;
	height: 768px;
	background-size: cover;
}


@media screen and (max-width: 800px){
	
	#contentindex{
		background-image: url("image/teste.gif");
		width: 100%;
		height: 550px;
		background-size: cover;
	}
}

@media screen and (max-width: 600px){
	
	#contentindex{
		display: none;
	}
}