/* Morfus Folio | Experiencias Visuais */
/* Screen */

/* ********** HTML ********** */

	a {
	border:0px;
	text-decoration:none;
	color:#000000;
	}
	
	body {
	margin:0px;
	padding:0px;
	}
	
	html, body {
	height: 100%;
	}
	
	img, p {
	border:0px;
	margin:0px;
	padding:0px;
	}
	
	p {
	text-align:left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	line-height:146%;
	font-weight:300;
	}
	
	ul, li {
	list-style:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:block;
	}
	

/* ********** FIM/HTML ********** */


/* ********** Z-INDEX ********** */

	/* ***** ESTRUTURA ***** */
	#min { z-index:5;}
	#max { z-index:5;}
	/* ***** IMAGENS PROJETOS ***** */
	.imagem_projetos { z-index:6;}
	/* ***** LAYOUT ***** */
	.prox_img_holder { z-index:7;}
	.interface_wrapper { z-index:8;}
	#vejatambem_wrapper{ z-index:11;}
	#project_display_bg, .vejatambem_img { z-index:12;}
	.main_interface, #vejatambem, #projeto_academico, #projeto_academico_tcc { z-index:13;}
	#project_display { z-index:14;}
	#menu, #descr_proj, #clique_mais_info, #clique_menos_info, .info_projeto_lo, #logo_info, #info_txt, #info_tit, .info_txt_aviso { z-index:15;}
	/* ***** MENU PROJETOS ***** */
	#menu_projetos, .whitebg, #carregando, #email_contato, #creditos_popup, #creditos_popup_02, #creditos_popup_03, #popup_email, #popup_labo, #popup_download_info, #popup_linkedin, #popup_designrelated, #popup_flickr, #popup_behancenetwork, #popup_cargo { z-index:16;}
	.interface_wrapper#logowrapper, .projetos_menu, #linha_logo, #fechar_menu, #carregando_img, .creditos_popup_img, .creditos_logo, .email_enviado_img, .download_info_img { z-index:17;}
	/* ***** LOGOTIPO ***** */
	#morfuslogo, #problemas_visualizacao { z-index:30}

/* ********** FIM/Z-INDEX ********** */


/* ********** Layout ********** */

	#max, #min {
	width:100%;
	height:100%;
	}
	
	#min{
	min-width:990px;
	min-height:580px;
	background-color:#000000;
	position:absolute;}
	
	#max {
	max-width:1920px;
	max-height:1080px;
	background-color:#bbbcbc;
	position:relative;
	margin:0px auto;
	overflow:hidden;
	}

/* ********** FIM/Layout ********** */



/* ********** Interface/Navegacao ********** */

	
	#vejatambem {
	width:105px;
	height:43px;
	position:absolute;
	bottom:40px;
	left:370px;
	}
	
	#vejatambem_wrapper {
	width:340px;
	height:100px;
	margin-left:-170px;
	position:absolute;
	bottom:0px;
	left:436px;
	}
	
	#problemas_visualizacao {
	width:206px;
	height:46px;
	position:fixed;
	top:0px;
	right:2.4%;
	}
	
	.interface_wrapper {
	width:960px;
	height:6px;
	margin-left:-480px;
	position:absolute;
	bottom:0px;
	left:50%;
	overflow:visible;
	}
	
	.email_enviado_img {
	width:560px;
	height:180px;
	margin-left:-280px;
	margin-top:-90px;
	position:absolute;
	left:50%;
	top:50%;
	} 
	
	.download_info_img {
	width:500px;
	height:300px;
	margin-top:-150px;
	margin-left:-250px;
	position:absolute;
	top:50%;
	left:50%;
	}
	
	#projeto_academico {
	width:110px;
	height:120px;
	position:absolute;
	top:6px;
	left:160px;
	}
	
	#projeto_academico_tcc {
	width:146px;
	height:136px;
	position:absolute;
	left:233px;
	top:-74px;
	}
	
	.prox_img_holder {
	width:100%;
	height:100%;
	position:absolute;
	background-image:url(../../img/bg_transparente.gif);
	}
	
	#prox_02, #prox_03, #prox_04, #prox_05, #prox_06 {
	visibility:hidden;}
	
	.prox_img, .ant_img {
	width:54px;
	height:330px;
	margin-top:-183px;;
	position:absolute;
	top:50%;
	}
	
	.prox_img {
	margin-right:0px;
	right:0px;
	}
	
	.ant_img {
	margin-left:0px;
	left:0px;
	}
	
	/* ***** Menu ***** */
	
	#descr_proj {
	width:15px;
	height:15px;
	position:absolute;
	bottom:129px;
	right:302px;
	}
	
	.main_interface {
	width:370px;
	height:280px;
	margin-left:-195px;
	position:absolute;
	bottom:0px;
	}
	
	#morfuslogo {
	width:134px;
	height:60px;
	position:absolute;
	bottom:20px;
	}
	
	#clique_mais_info {
	width:170px;
	height:40px;
	position:absolute;
	bottom:90px;
	right:152px;
	}
	
	#clique_menos_info {
	width:186px;
	height:64px;
	position:absolute;
	bottom:143px;
	right:160px;
	visibility:hidden;
	}
	
	#menu {
	position:absolute;
	bottom:25px;
	}
	
	#menu ul {
	padding:0px;
	float:left;
	margin:0px;
	line-height:0px;
	}
	
	#menu ul li {
	margin:0px;
	padding:0px;
    margin:0px;
	}
	
	.info_projeto_lo {
	width:160px;
	position:absolute;
	bottom:115px;
	right:135px;
	line-height:5px;
	}
	
	.info_projeto_lo ul li {
	margin:0px;
	padding:0px;
	line-height:0px;
	}
	
	#info_projeto_lo_h1 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 60%;
	font-weight:bold;
	letter-spacing:+0.1px;
	}
	
	#info_projeto_lo_h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 55%;
	font-weight:300;
	letter-spacing:-0.1px;
	}
	
	/* ***** Menu Projetos***** */
	
	#menu_projetos {
	visibility:hidden;
	}
	
	#carregando {
	visibility:visible;
	}
	
	#carregando_img {
	width:420px;
	height:120px;
	margin-left:-210px;
	margin-top:-60px;
	position:absolute;
	top:50%;
	left:50%;
	}
	
	#email_contato, #popup_email, #popup_labo, #popup_download_info, #popup_linkedin, #popup_designrelated, #popup_flickr, #popup_behancenetwork, #popup_cargo {
	visibility:hidden;
	}
	
	#creditos_popup, #creditos_popup_02, #creditos_popup_03 {
	visibility:hidden;
	}
	
	.creditos_popup_img {
	width:600px;
	height:360px;
	margin-left:-300px;
	margin-top:-180px;
	position:absolute;
	left:50%;
	top:50%;
	}
	
	.creditos_logo {
	width:260px;
	height:80px;
	position:absolute;
	left:190px;
	top:96px;
	}
	
	#menu_projetos, .whitebg {
	width:100%;
	height:100%;
	position:absolute;
	}
	
	.projetos_menu {
	width:800px;
	height:400px;
	margin-left:-400px;
	margin-top:-200px;
	position:absolute;
	left:50%;
	top:50%;
	}
	
	#fechar_menu {
	width:72px;
	height:22px;
	position:absolute;
	right:6%;
	top:2%;
	}
	
	#linha_logo {
	width:812px;
	height:50px;
	position:absolute;
	margin-left:-406px;
	margin-top:-25px;
	bottom:18%;
	left:50%;
	}
	
	/* ***** Menu Info Projetos***** */
	
	#logo_info {
	width:150px;
	height:90px;
	position:absolute;
	left:140px;
	bottom:410px;
	}
	
	#info_txt {
	margin:0px;
	padding:0px;
	width:330px;
	margin:0px 0px 0px 0px;
	position:absolute;
	left:340px;
	overflow:hidden;
	}
	
	.info_txt_aviso {
	font-size:7pt;
	font-style:italic;
	text-indent:20px;
	width:330px;
	position:absolute;
	left:340px;
	}
	
	#info_tit {
	width:330px;
	height:20px;
	position:absolute;
	left:340px;
	}
	
	#icon_people {
	position:absolute;
	left:1px;
	top:-1px;
	}
	
	#link {
	margin-left:1px;
	}
	
	#project_display, #project_display_bg {
	width:995px;
	height:615px;
	position:absolute;
	bottom:-144px;
	left:-21px;
	visibility:hidden;
	}
	
	
/* ********** FIM/Interface/Navegacao ********** */



/* ********** Imagem projetos ********** */

	.vejatambem_img {
	position:absolute;
	bottom:0px;;
	}
	
	.vejatambem_img#g {
	width:56px;
	height:66px;
	left:418px;
	}
	
	.vejatambem_img#p {
	width:47px;
	height:49px;
	left:478px;
	}
	
	.imagem_projetos {
	width:1920px;
	height:1080px;
	margin-left:-960px;
	margin-top:-540px;
	position:absolute;
	left:50%;
	top:50%;
	}
	
	#imagem_proj_02, #imagem_proj_03, #imagem_proj_04, #imagem_proj_05, #imagem_proj_06 {
	visibility:hidden;
	} 
	
	
/* ********** FIM/imagem_projetos ********** */