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

/* zerar atributos */
* { 
	margin: 0; padding: 0; outline: 0;
	font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit;
	line-height: 1.1em; vertical-align: baseline
}
* html body hr {
	margin: -7px;
	display: block;
}  /* os hr tem uma altura extra misteriosa no IE */
a, img {
	border: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* geral */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color: #000;
}
body {
	background-color: #FFFFFF;
	margin-left: 90px;
	margin-right:70px;
	margin-top: 60px;
	margin-bottom:100px;
}

/* links */
a:link, a:visited, a:active {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	font-size:11px;
	line-height:14px;
}
a:hover {text-decoration:underline;}
a.active{text-decoration:underline;}
.inativo {
	text-decoration:none;
	font-weight:bold;
	color:#CCC;
	font-size:11px;
	line-height:14px;
}
.ativo {
	text-decoration:underline;
	font-weight:bold;
	color:#000;
	font-size:11px;
	line-height:14px;
}
/* menu */
.menu {
	position:relative;
	float:left;
	width:170px;
	height:170px;
	border-right:solid #FFF 10px;
}
.menutexto {height:80px;}
.menutrabaho {position:fixed;}

/* modulo */
.modulo {
	position:relative;
	float:left;
	width:80px;
	height:170px;
	border-right:solid #FFF 10px;
}

/* quadrado */
.quadrado {
	width:0px;
	height:0px;
	border-bottom:solid 40px #000;
	border-left:solid 40px #000;
	border-top:solid 40px #000;
	border-right:solid 40px #000;	
}
.triangulo {
	width:0px;
	height:0px;
	border-bottom:solid 40px #000;
	border-left:solid 40px #FFF;
	border-top:solid 40px #FFF;
	border-right:solid 40px #000;	
}

/* textos */
.detalhe {
	position:relative;
	margin-top:12px;
	font-size:11px;
	line-height:14px;
}
.texto {
	position: relative;
	float:left;
	margin-right:20px;
	width:230px;
	font-size:11px;
	line-height:14px;
}
.textoinfo {
	position:absolute;
	margin-top:170px;
	margin-left:90px;
	width:1000px;
}
.textotrabalho {
	position:fixed;
	margin-top:170px;
	margin-left:90px;
	width:250px;
}
.setaesquerda {
	position:fixed;
	margin-top:170px;
	margin-left:300px;
	width:10px;
	z-index:100;
}
.setadireita {
	position:fixed;
	margin-top:170px;
	margin-left:310px;
	width:10px;
	text-align:right;
	z-index:100;
}
.título {font-weight:bold;}

/* imagens */
.pequeno {width:80px; height:auto;}
.grande {margin-top:40px;}
.fotosinfo {
	max-width:230px;
	height:auto; 
	margin-top:20px; 
	margin-bottom:40px;
}
.fotos {
	position: absolute;
	margin-top:130px;
	margin-left:360px;
	height:auto;
}

/* margem */
.margem {
	position: relative;
	margin-top:80px;
	margin-left:0px;
	width:100%;
	height:80px;
	border-top:solid #000 1px;
}
.setaesquerdamargem {
	position: relative;
	float:left;
	margin-top:20px;
	margin-left:0px;
	width:auto;
}
.setadireitamargem {
	position: relative;
	float:left;
	margin-top:20px;
	margin-left:20px;
	width:auto;
}

/* body */
body.impresso div.digital, body.impresso div.identidade, body.impresso div.objeto, body.impresso div.cenografia, body.impresso div.premiados {opacity:0; filter:opacity(alpha=0);}
body.digital div.impresso, body.digital div.identidade, body.digital div.objeto, body.digital div.cenografia, body.digital div.premiados {opacity:0; filter:opacity(alpha=0);}
body.identidade div.digital, body.identidade div.impresso, body.identidade div.objeto, body.identidade div.cenografia, body.identidade div.premiados {opacity:0; filter:opacity(alpha=0);}
body.objeto div.digital, body.objeto div.identidade, body.objeto div.impresso, body.objeto div.cenografia, body.objeto div.premiados {opacity:0; filter:opacity(alpha=0);}
body.cenografia div.digital, body.cenografia div.identidade, body.cenografia div.objeto, body.cenografia div.impresso, body.cenografia div.premiados {opacity:0; filter:opacity(alpha=0);}
body.premiados div.digital, body.premiados div.identidade, body.premiados div.objeto, body.premiados div.cenografia, body.premiados div.impresso {opacity:0; filter:opacity(alpha=0);}

body.impresso div.impresso {opacity:1; filter:opacity(alpha=100);}
body.digital div.digital {opacity:1; filter:opacity(alpha=100);}
body.identidade div.identidade {opacity:1; filter:opacity(alpha=100);}
body.objeto div.objeto {opacity:1; filter:opacity(alpha=100);}
body.cenografia div.cenografia {opacity:1; filter:opacity(alpha=100);}
body.premiados div.premiados {opacity:1; filter:opacity(alpha=100);}


div.quadrado a, div.quadrado p, div.triangulo a, div.triangulo p{display:block; height:100%; width:100%; position:absolute; left:0; top:0;}