/************************************************\

 Layout Geral - Screen                           /

 CSS V.1.00                                      \

 ------------------------------------------------/

 Criado por Epoch Multimédia 2010                \

\************************************************/

/************************************************\
» DEFINIÇÕES GERAIS
\************************************************/

body,
html { 	height: 100%; }

body {
	background: #000 url(../gfx/bgs/othermain.jpg); 
	margin: 0px;
	padding: 0px;
}

table, 
td, 
tr {
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

a img { border: none }

p,
h1,
h2,
h3,
h4,
h5,
ul,
form,
fieldset { 
	margin: 0px;
	padding: 0px;
}

ul { list-style: none;}

legend { display: none; }

fieldset { border: none }

/************************************************\
» TIPOGRAFIA
\************************************************/

/* Geral ****************************************/

body,
.textarea { 
	color: #FFF;
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	}

a { 
	color: #FFF; 
	text-decoration: none;
	border-bottom: dotted 1px #FFF
}

	a:hover { border-bottom: solid 1px #FFF }
		
		img a {  }

input { }

/* Cores ****************************************/

ul.portThumb li:hover a.caption, 
h2.assinatura span a:hover,
#header #mainmenu li a:hover,
#header #mainmenu li.selected li a:hover,
#header #mainmenu li.selected a,
#header #mainmenu li.selected li a.selected,
.projInfo .projNav li a:hover { color: #FFF; }

#content.contacts p.success { color:  #6FF; }

h2.assinatura span,
h2.assinatura span a,
#sidebar .bloc .bgs p,
#header #mainmenu li a,
#header #mainmenu li.selected li a,
.projInfo .projNav li a { color: #999; }

ul.portThumb a.caption { color: #555 }

#content.contacts .erro { color: #F66; }

.textarea { color: #000; }

/* Font Size ************************************/

ul.portThumb a.caption,
#sidebar .bloc .bgs,
.projInfo .projNav { font-size: 12px; }

h2 { font-size: 42px; }

/* Variações ************************************/

h2.assinatura { font-family: 'Droid Sans', arial, sans-serif; }

h2.assinatura { font-weight: normal }

h2.assinatura a { border-bottom: dotted 1px #666 }

h2.assinatura a:hover { border-bottom: solid 1px #FFF }

#sidebar { line-height: 1.4em }

ul.portThumb a.caption,
.projInfo p { line-height: 1.45em }

#header #mainmenu a,
#header #mainmenu a:hover,
#sidebar .bloc .bgs li.bg a,
.projInfo .projNav li a { border: none }

.notas,
.warning { }



/************************************************\
» ESTRUTURA
\************************************************/

#header,
#logo,
#mainmenu,
#blocBG,
.bloc,
#content { float: left }

#sidebar { 
	position: absolute;
	/* top: 210px; */
	overflow: hidden
}

#header #mainmenu { width: 690px }

#logo,
#sidebar { width: 230px }

#sidebarB { position: fixed; left: 0px }

#footer {
	height: 210px;
	width: 100%;
}

#blocBG {
	min-height: 100%;
	width: 100%;
	padding-bottom: 210px; 
}

#container { 
	text-align: left;
}

#header { 
	height: 210px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#logo a,
#logo { 
	display: block;
	overflow: hidden;
	height: 90px;
}

#header #logo { margin-left: 210px; }

#content { margin: 80px 0 0 230px; }


.bloc { 
	overflow: hidden;
	width: 230px;
}

	.bloc.W2 { width: 460px }
	.bloc.W3 { width: 690px }
	.bloc.W4 { width: 920px }

	.bloc.H1 { height: 210px }
	.bloc.H2 { height: 420px }
	.bloc.H3 { height: 630px }
	.bloc.H4 { height: 840px }

/************************************************\
» LAYOUT GRÁFICO
\************************************************/

/* Objectos */

input.textbox,
textarea,
.button,
select { border: none; }

/* Main *****************************************/

/* #blocBG { background: url(../gfx/layout/bg_blocs.png); } */

/* Header ***************************************/

#logo a {
	background: url(../gfx/layout/logotipo.png) 20px 20px no-repeat;
	border-bottom: none !important;
	display: block;
	text-indent: -1500px;
	/* float: left; */
	width: 230px;
}

/*
#mainmenu ul,
#mainmenu li ul { float: left; }
*/

#mainmenu { clear: both; }

	#mainmenu ul { margin: 55px 0 0 8px; }

	#mainmenu li a {
		display: block;
		padding:5px 30px 5px 15px;
		margin-left: 15px;
		border: none;
	}

		#mainmenu li ul {
			width: 230px;
			position: absolute;
			top: 25px;
		}

			#mainmenu li li a.selected { background: url(../gfx/layout/icon_arrow.gif) left no-repeat; }

			#mainmenu li li a { background: none; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

			#mainmenu li li a.selected,
			#mainmenu li li a:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

			#mainmenu li li  { display: none }

				#mainmenu li li { display: block }

/* Conteúdo *************************************/

/* Content */

#content { }

	#content.contacts p,
	#content.who p,
	#content.who ul { margin: 15px 15px 0 15px }

	#content.who div,
	#content.contacts div { margin-top: -30px; }

	#content.who img { 
		float: left; 
		margin-right: 6px;
	}

	#content.who li { padding-bottom: 5px }

	#content.contacts p.success{
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}

	#content.contacts span {
		display: block;
		float: left;
		margin-top: 3px;
		width: 70px;	
	}

	#content.contacts span.erro {
		float: right;
		width: 230px;
	}

	#content.contacts .textbox {
		padding: 3px;
		width: 340px; 
	}

	#content.contacts .textarea {
		height: 150px;
		width: 414px; 
	}

	#content.contacts .btn {
		cursor: pointer;
		padding: 4px;
	}
	
	ul.portThumb li { 
		float: left;
		height: 210px;
		width: 230px;
		/* animação jquery em emm.js */
		overflow:hidden; 
		position:relative;
	}
	
		ul.portThumb li img {
			margin: 1px;
		}
		
		ul.portThumb.darker  { /* clear: both */ }
		
			ul.portThumb.darker li img {
				margin: 1px;
				filter:alpha(opacity=10);
				-moz-opacity:0.1;
				-khtml-opacity: 0.1;
				opacity: 0.1;
			}
			
			/*
			ul.portThumb.darker:hover li img {
				filter:alpha(opacity=100);
				-moz-opacity: 1;
				-khtml-opacity: 1;
				opacity: 1;
			}
			*/
			
		ul.portThumb li a { border: none; /*cursor: auto;*/ }

		ul.portThumb a.caption {
			background:#000 url(../gfx/layout/icon_bigArrow_toRight.gif) 200px 170px no-repeat;
			bottom: -120px;		
			display: block;
			height: 200px;
			left: 0px; /* IE */
			margin: 1px;
			padding:12px 12px 0 12px;
			position:absolute;
			width:210px;
		}	

	.projInfo #galleria img { margin: 0 0 1px 0; }
	
.projInfo {
	overflow:visible;
	position: relative;
}

	.projInfo div p,
	.projInfo ul.bloc li { padding: 10px 10px 0 12px; }

	.projInfo .projNav {
		position: absolute;
		top: -20px;
		width: 690px;
		left: 0px;
	}

	.projInfo .projInfoInfo {
		background-color: #000;
		cursor: pointer;
		display: block; /*Para o emm.js ~ display: none */
		float: left; /*Para o emm.js ~ float: none */
		height: 210px; /*Para o emm.js ~ height: 420px */
		position: relative; /*Para o emm.js ~ position: absolute */
		top: 0px;
		width: 690px;
		z-index: 100;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
	}
	
		.projInfo .projInfoInfo p { padding: 20px 30px 0 30px; }

		.projInfo .projInfoInfo ul { padding-top: 10px; }

		.projInfo .projInfoInfo li { padding: 0 30px 0 0; }
	
		.projInfo li.nextProj a,
		.projInfo li.prevProj a,
		.projInfo li.dataProj a,
		.projInfo li.home a,
		.projInfo li.listProj a,
		.projInfo li.linkProj a { display: block; position: absolute; top: 0px; height: 15px }

		.projInfo li.nextProj {  }
		.projInfo li.nextProj a { 
			right: 0px;
			margin-left: 15px;
			padding-right: 30px;
			background: url(../gfx/layout/icon_nextProj.png)  right 2px no-repeat;
		}
		
		.projInfo li.prevProj {  }
		.projInfo li.prevProj a {
			right: 140px;
			padding-left: 30px;
			background: url(../gfx/layout/icon_prevProj.png) 0px 2px no-repeat;
		}

		.projInfo li.listProj { float: left; }
		.projInfo li.listProj a { 
			left: 120px;
			margin-right: 10px;
			padding-left: 20px;
			background: url(../gfx/layout/icon_listProj.png) 0px 2px no-repeat;
		}
		
		.projInfo li.home { float: left; }
		.projInfo li.home a { 
			left: 0px;
			margin-right: 10px;
			padding-left: 20px;
			background: url(../gfx/layout/icon_home.png) 0px 2px no-repeat;
		}

		.projInfo li.dataProj { float: left; }
		.projInfo li.dataProj a { 
			left: 230px;
			float: left;
			margin-right: 10px;
			padding-left: 20px;
			background: url(../gfx/layout/icon_dataProj.png) 0px 2px no-repeat;
		}
		
		.projInfo li.linkProj { float: left; }
		.projInfo li.linkProj a {
			left: 320px;
			margin-right: 10px;
			padding-left: 20px;
			background: url(../gfx/layout/icon_link.png) 0px 1px no-repeat;
		}

/* Sidebar */

#sidebar { margin-top: -20px;}

#sidebar .bloc {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

	#sidebar .bloc #intro,
	#sidebar .bloc .tweet,
	#sidebar .bloc .contactos,
	#sidebar .bloc .bgs { padding: 0px 20px; } 

	#sidebar .bloc .tweet .tweet_avatar img { float: right }

		#sidebar .bloc .tweet img,
		#sidebar .bloc .tweet li,
		#sidebar .bloc .contactos img,
		#sidebar .bloc .contactos li { padding-bottom: 12px; }

/************************************************\
» NOTIFICAÇÕES
\************************************************/



/************************************************\
» VARIAÇÕES	
\************************************************/

.hide { display: none }

.left { float: left }

.right { float: right }

.xpto { display: none }