@charset "utf-8";
html, body{
	height:100%;
	width:100%;
}
html, body, div, form, fieldset, legend, label /*css mini reset*/{
 margin: 0;
 padding: 0; 
}
table{
 border-collapse: collapse;
 border-spacing: 0;
}
th, td{
 text-align: left;
 vertical-align: top;
}
h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
img { border: 0; }
/*------------------------------------------------css mini reset*/

a:link {color:#FFF;}      /* unvisited link */
a:visited {color:#FFF;}  /* visited link */
a:hover {color:#CCCCCC;}  /* mouse over link */


body{
/*	background-color:#000;
	overflow-x:hidden;  
	overflow-y:hidden;
	font-family: 'Press Start 2P', sans-serif , Arial; 
*/
/*por alguma razão, só desta forma é que consigo aplicar uma font específica na lightbox. Ao modificar o CSS da própria LB, não sei porquê, não modifica nada. */	
	font-family:Calibri;
}

#wrapper{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}
#main{
	/*background-color:#000;*/
	margin:auto;
	height:auto;
	width:1000px;
	position: relative;
	max-width:1000px;
	min-width:800px;
}

#botao_lang{
	position:fixed;
	padding-bottom:10px;
	margin-top:12px;
	margin-left:5px;
	width:64px;
	height:auto;
	z-index:101;
	}

/*---------------- MENU CONTACTOS---------------------*/


#menu{
	height:2000px;
	width:inherit;
	position:fixed;
	background-color:#040707;
	z-index:100;
	bottom:-1960px;
	top:;
}
#menu_icon{
	width:98px;
	height:84px;
	position:relative;
	left:80%;
	top:-84px;
	background-image:url(../images/mariana_2.png);
}
#menu_cont{
	width:65%;
	height:400px;
	/*background-color:#CCC;*/
	position:absolute;
	left: 15%;
	top:4%;
}
#menu_esq{
	float:left;
	width:50%;
	height:100%;
	position:relative;
	overflow-y:hidden;
	text-align:center;
	/*padding-left:50px;*/
	/*padding-top:30px;*/
}
			
			.header1 {
				font-family : Calibri, sans-serif;
				/*font-weight : bold;*/
				font-style : normal;
				font-size : 14px;
				text-decoration : none;
				font-variant : normal;
				line-height : 1.07;
				text-align : justify;
				color : #ffffff;
				/*text-indent : 23px;*/
				margin : 0px 0px 3px 0px;
			}
			
			.texto1 {
				font-family : Calibri, sans-serif;
				font-weight : normal;
				font-style : normal;
				font-size : 14px;
				text-decoration : none;
				font-variant : normal;
				line-height : 1;
				text-align : justify;
				color : #ffffff;
				margin : 0px 3px 9px 0px;
			}

#menu_dir{
	float:left;
	width:50%;
	position:relative;
}

#couldbelove{
	width:378px;
	height:34px;
	top:-85px;
	position:relative;
	background-image:url(../images/couldbelove1.png);
	left:3%;
}
#butitsbusiness{
	width:307px;
	height:34px;
	top:350px;
	left: 80%;
	position:relative;
	background-image:url(../images/butitsbusiness.png);
}


/*---------------- MENU CONTACTOS---------------------*/



#page1{ /*página da porta*/
	height:700px;
	width:100%;
	background-color:#FFF;
	margin:0;
	padding-top:7%;
	position:relative;
	text-align:center;
}
#porta{
	width:auto;
	height:auto;
	position:relative;
	top:;
}

#page2{ /*quem somos 1*/
	height:600px;
	max-width:100%;
	/*background-color:#99CC00;*/
	position:relative;
	vertical-align:central
}
#bloco{
	position:absolute;
	width:573px;
	height:514px;
	top:15%;
	background-image:url(../images/notebook3.png);
	left:50%;
}
#bloco_eng{
	position:absolute;
	width:573px;
	height:514px;
	top:15%;
	background-image:url(../images/notebook3_eng.png);
	left:50%;
}


p.Basic-Paragraph {
				font-family : Calibri, sans-serif;
				font-weight : normal;
				font-style : normal;
				font-size : 16px;
				text-decoration : none;
				font-variant : normal;
				line-height : 1.35;
				text-align : justify;
				color : #000000;
				text-indent : 23px;
				margin : 0px 0px 9px 0px;
			}


#page3{ /*projetos*/
	height:600px;
	max-width:100%;
	/*background-color:#F00;*/
	position:relative;	
}
#molduras{
	position:absolute;
	width:auto;
	height:auto;
	top:12%;
	left:-2%;	
}
#img_molduras{
	position:absolute;
	width:auto;
	height:auto;
	top:1px;
	z-index:10;
	left: 2px;
}
	#img1{
		position:absolute;
		width:200px;
		height:260px;
		background-image:url(../images/fotos/moldura_1/moldura_1.png);
		top:95px;
		left:75px;
		z-index:1;
	}
	#img2{
		position:absolute;
		width:290px;
		height:190px;
		background-image:url(../images/fotos/moldura_2/moldura_2.png);
		top:20px;
		left:375px;
	}
	#img3{
		position:absolute;
		width:235px;
		height:155px;
		background-image:url(../images/fotos/moldura_3/moldura_3.png);
		top:270px;
		left:405px;
	}
			#botao_img1{
				position:absolute;
				width:200px;
				height:260px;
				top:85px;
				left:50px;
				z-index:50;
				background-color:#F00;
				opacity: 0; 
    			filter: alpha(opacity=1); 
			}
			#botao_img2{
				position:absolute;
				width:290px;
				height:190px;
				top:20px;
				left:375px;
				z-index:50;
				opacity: 0; 
    			filter: alpha(opacity=1); 
			}
			#botao_img3{
				position:absolute;
				width:235px;
				height:155px;		
				top:270px;
				left:385px;
				z-index:50;
				opacity: 0; 
   				filter: alpha(opacity=1); 
			}

#page4{ /*tecnologias*/
	height:550px;
	max-width:100%;
	/*background-color:#003399;*/
	position:relative;

}

#icoiso{
	position:absolute;
	width:348px;
	height:476px;
	left:10%;
	top:10%;
	z-index:10;
}
	#img_icoiso{
		position:absolute;
		width:285px;
		height:400px;
		background-image:url(../images/icoiso_img.png);
		left:13%;
		top:17%;
		z-index:1;
	}
	#botao_icoiso{
		position:absolute;
		width:285px;
		height:400px;
		left:13%;
		top:17%;
		z-index:50;
		background-color:#F00;
		opacity: 0; 
    	filter: alpha(opacity=1);
	}
	


#saida{
	position: absolute;
	left: 90%;
	top:10%;
	width:150px;
	height:65px;
	background-image:url(../images/exit.png)
}
#saida a{
	position:absolute;
	width:150px;
	height:65px;
    text-decoration:none; 
    z-index:10; 
    background-color:white;
    opacity: 0; 
    filter: alpha(opacity=1); 
	left:0;
}

	.escadas1{
		height:700px;
		width:1000px;
		position:relative;
		/*background-color:#FFFF00;*/
	}
	.escadas2{
		height:700px;
		width:1000px;
		position:relative;
		/*background-color:#FFFF00;
		opacity:0.50;*/
	}

#botao_escadas1{
	height:155px;
	width:250px;
	/*background-color:#00FF33;*/
	position:absolute;
	cursor:pointer;
	left:15%;
	top:95%;
}
#botao_escadas1 a{
	position:absolute;
	height:155px;
	width:250px;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    z-index:10; /* raises anchor tag above everything else in div */
    background-color:white; /*workaround to make clickable in IE */
    opacity: 0; /*workaround to make clickable in IE */
    filter: alpha(opacity=1); /*workaround to make clickable in IE */	left:0;
}

#botao_escadas2{
	height:193px;
	width:335px;
	/*background-color:#999;*/
	position:absolute;
	cursor:pointer;
	top:0;
	left:0;
}
#botao_escadas2 a{
	position:absolute;
	height:193px;
	width:327px;
    text-decoration:none; 
    z-index:10; 
    background-color:white;
    opacity: 0; 
    filter: alpha(opacity=1); 
	left:0;
}

#botao_escadas3{
	height:140px;
	width:250px;
	/*background-color:#00FF33;*/
	position:absolute;
	cursor:pointer;
	left:54%;
	top:97%;
}
#botao_escadas3 a{
	position:absolute;
	height:155px;
	width:250px;
    text-decoration:none; 
    z-index:10; 
    background-color:white; 
    opacity: 0; 
    filter: alpha(opacity=1);
	left:0;
 
}

#botao_escadas4{
	height:180px;
	width:300px;
	/*background-color:#00FF33;*/
	position:absolute;
	cursor:pointer;
	left:70%;
	top:0;
}
#botao_escadas4 a{
	position:absolute;
	height:180px;
	width:300px;
    text-decoration:none; 
    z-index:10; 
    background-color:white; 
    opacity: 0; 
    filter: alpha(opacity=1); 
	left:0;

}

#botao_escadas5{
	height:180px;
	width:250px;
	/*background-color:#609;*/
	position:absolute;
	cursor:pointer;
	left:12%;
	top:100%;
}
#botao_escadas5 a{
	position:absolute;
	height:180px;
	width:250px;
    text-decoration:none; 
    z-index:10; 
    background-color:white; 
    opacity: 0; 
    filter: alpha(opacity=1); 
	left:0;
}

#faces{
	background-color:#040707;
	color:#FFFFFF;
	padding:0;
	overflow:hidden;
	width:350px;
}