/*

logo:	322px
painel:	120px

*/

body {
	margin:				0;
	font-family:		Helvetica, Arial, sans-serif;
}

a {
	color:				#FC0;
	text-decoration:	none;
}

a:hover {
	color:				#FFF;
}

img.bg {
	min-height:			100%;
	min-width:			980px;
	width:				100%;
	height:				auto;
	position:			fixed;
	top:				0;
	left:				0;
}

div#logo {
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			1;
	width:				266px;
	height:				207px
}

#esquerda {
	position:			absolute;
	font-size:			21px;
/*	border:				1px solid #00C;		*/
	top:				200px;
	left:				10px;
	width:				300px;
	display:			inline;
	clip:				auto;
}

div#content {
	position:			absolute;
	width:				664px;
	top:				83px;
	left:				330px;
}

div#painel {
	width:				120px;
	position:			absolute;
	background:			#000;
	color:				#666;
	font-size:			11px;
	float:				right;
	padding:			5px;
	top:				41px;
	right:				0;
	cursor:				pointer;
	z-index:			50;
}

.highlight {
	padding:			10px;
	background:			#FC0;
	color:				#000
}

#menu {
	min-width:			980px;
	position:			absolute;
	left:				0px;
	top:				0px;
	border-bottom:		1px solid #000;
	background:			#000;
	width:				100%;
	height:				40px;
	background:url(../imgs/t50.png);
}

#menu-itens {
	min-width:			700px;
	position:			absolute;
	left:				180px;
	top:				10px;
	z-index:			2
}

#menu-itens #item {
	font-size:			13px;
	color:				#999;
	margin-left:		30px;
}

#menu-itens a {
	color:				#999;
	text-decoration:	none;
}

#menu-itens #item a:hover {
/*	color:				#FC0;	*/
color:					#FFF;
}


/*======================
	NOTiCIAS
======================*/

#expand_conteudo {
	padding:			10px;
	background:			url(../imgs/gridforte.png);
	color:				#CCC;
	font-size:			14px;
	margin-top:			-35px;
	border:				1px solid #000;
	line-height:			140%;
}

#expand_conteudo a {
	color:				#FC0;
}

#expand_conteudo a:hover {
	color:				#FFF;
}

#noticia {
	clear:				both;
	margin-bottom:			30px;
	padding:			10px
}

#noticia:hover {
	background:			url(../imgs/gridiagonal.png);
	cursor:				pointer
}

#noticia #tipo {
	font-size:			21px;
	bottom:				-2px
}

#noticia #tipo #data {
	color:				#CCC;
	font-size:			10px;
	float:				right
}

/* Cores pras noticias */
.Workshops {
	color:				#FC0;
}

.Oficinas {
	color:				#F46A18;
}

.Viagens {
	color:				#A200FF;
}

.Palestras {
	color:				#F06;
}

.Portfolios {
	color:				#00b4d3;
}

#detalhes {
	background:				#000;
	float:					right;
	padding:				5px;
	font-size:				9px
}

.tv {
	color:				#990099;
}

#noticia #titulo {
	color:				#FFF;
	font-size:			18px;
/*	margin-bottom:		10px	*/
}

#headline {
	letter-spacing:		-2px;
	font-weight:		bold;
	font-size:			48px;
}

#headline_home {
	letter-spacing:		-2px;
	font-weight:		bold;
	font-size:			60px;
}

#noticia #texto {
	color:				#999;
	font-size:			14px;
}

.t15 {
	font-size:			15px;
}

#noticia #textogd {
	color:				#CCC;
	font-size:			16px;
}

#noticia #textogd a {
	background-color:	#FC0;
	padding:			1px;
	color:				#000;
	text-decoration:	none
}

#palestras {
	background:			url(../imgs/t50.png);
	font-size:			13px;
	color:				#CCC;
	padding:			20px;
}

#evento {
	background:			url(../imgs/t50.png);
	font-size:			13px;
	color:				#CCC;
	padding:			20px;
}

#esquerda .palestra a {
	color:				#F06;
	text-decoration:	none;
}

#esquerda .palestra a:hover {
	color:				#FFF;
}













#calendar {
	clear:both
}

#calendar #dia {
	width: 300px;
	padding:10px;
	float:left;
}



div#autor {
	margin-top:20px;
	margin-left:50px
}
#autor #nome {
	font-size:48px;
	font-weight:bold;
	letter-spacing:-2px;
	color:#FFF
}

#autor #descritivo {
	color:#CCC;
	font-size:15px;
	line-height:21px;
}

#autor #descritivo a {
	text-decoration:none;
	color:#FC0;
	font-weight:bold
}

#autor #descritivo a:hover {
	color:#FFF;
}



.gridiagonal-dir {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:url(../imgs/gridiagonal-dir.png);
}

.gridescuro {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:url(../imgs/gridforte.png);
}

.gridiagonal-esq {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:url(../imgs/gridiagonal-esq.png);
}

.grid {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:url(../imgs/grid.gif);
	opacity:1;
	filter:alpha(opacity=100);
}

.gridforte {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:url(../imgs/gridforte.png);
}



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

	img.bg {
		left: 50%;
		margin-left: -512px;
	}
}






#demotip { 
    display:none; 
    background:transparent url(/tools/img/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}