@charset "utf-8";

/*
Cores Referencia

azul claro #738ec8
azul medio #4e6285
azul escuro ligeiro #3e4a5c
azul escuro #262e3d

*/

*{
	margin: 0;
	padding: 0;
}
html{
	background: #262e3d3;
}
body{
	background: #262e3d;
	position: relative;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}
.wrapper{	
	width: 900px;
	margin: 0 auto;
	position: relative;	
}
.home{
	margin: 50px 0;
}
.homeLeft{	
	color: white;
	float: left;
	width: 500px;
	padding: 10px 25px;
	clear: both;
	margin: 0 0 40px 50px;
}
.homeLeft img{
	display: block;
	float:left;
}
.homeBtns{
	float:left;
	height: 40px;
	color: white;
	text-align: center;
	font-family: "Arial Black", Gadget, sans-serif;
	background: #3e4a5c;
	border-radius: 7px;
	font-size: .8em;
	padding: 0 10px;
	margin: 2px 0 0 10px;
	box-shadow: inset 0 -5px 0 rgba(255,255,255,.1), 0 0px 4px 0 rgba(0,0,0,.5);
	text-decoration: none;
}
.homeBtns a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: white;
}
.homeBtns a:hover{
	text-decoration: underline;
}
.homeText{
	background: #4e6285;
	width: 800px;
	position: relative;
	float: left;
	margin: 0px 0 0 50px;
	border-radius: 25px;
	padding: 25px;
	color: white;
	font-family: 'Architects Daughter','Delius', "Comic Sans MS", cursive;
}
.homeFig{
	position: absolute;
	right: -65px;
	bottom: 0px;
	width:412px;
	height:587px;
	background: url(../assets/fig_pag_01.png);
	
}
.homeSeta{
	position: absolute;
	left: 100px;
	top: -40px;
	width:25px;
	height:65px;
	background: url(../assets/seta_pag_01.png);
}
.cvLeft{
	background: #4e6285;
	width: 800px;
	height: 382px;
	margin: 50px 0 50px 50px;
	border-radius: 25px;
	padding: 0 25px;
	color: white;
	font-family: 'Architects Daughter','Delius', "Comic Sans MS", cursive;
	position: relative;
	letter-spacing: .1em;
}
.cvFig01{
	position: absolute;
	top: 0;
	left: 50px;
	height: 409px;
	width: 352px;
}
.cvLeft2{
	background: #4e6285;
	width: 800px;
	height: 475px;
	margin: 50px 0 50px 50px;
	border-radius: 25px;
	padding: 0 25px;
	position: relative;
}
.cvFig03{
	position: absolute;
	top: 0;
	left: 25px;
	height: 805px;
	width: 500px;
}
.cvText{
	position: absolute;
	right: 25px;
	top: 25px;
	height: 340px;
	width: 450px;
	background: url(../assets/fig_pag_02_b.png) no-repeat 100% 100%;
}
.cvText p{
	margin: 10px 5px 0 35px;
	font-size: 1.1em;
	font-style: italic;
}
.cvText p span{
	font-size: .75em;
	font-style: normal; 
}
.cvRight{
	background: #4e6285;
	width: 800px;
	height: 1680px;
	margin: 50px 0 50px 50px;
	border-radius: 25px;
	padding: 25px 25px 0 25px;
	color: white;
	font-family: 'Delius', "Comic Sans MS", cursive;
	position: relative;
	font-size: .85em;
}
.cvFig02{
	position: absolute;
	height: 1730px;
	width: 368px;
	right: 25px;
	top: 0px;
}
.cvRight img{
	display: block;
}
.cvText2{
	clear: both;
	width: 580px;
	display: block;
	font-family: Arial;
	font-size: .7em;
	margin: 20px 0 20px 60px;
}
.portfolio{
	background: #4e6285 url(../assets/fig_pag_05c.jpg) repeat-y 700px 0;
	width: 800px;
	margin: 50px 0 50px 50px;
	border-radius: 25px;
	padding: 25px 25px 25px 25px;	
	position:relative;
}
.portfolioFig01{
	position: absolute;
	 top: 25px;
	 right: 50px;
	 width: 242px;
	 height: 454px;
	 background: url(../assets/fig_pag_05.png);
	 z-index: 10;
}
.portfolioFig02{
	position: absolute;
	 bottom: -25px;
	 right: 25px;
	 width: 125px;
	 height: 205px;
	 background: url(../assets/fig_pag_05b.jpg);	 
}
#bosch, #quiosque, #quiosqueElectronico, #quiosqueItinerante, #separador, #btw, #savora, #esperancaCastelo, #expositorTmn, #paineisMeo, #peFeijao, #suporteNokia, #twenty, #brinquedoCarro, #vacaGeodesica{
	width: 150px;
	height: 200px;
	cursor:pointer;
	float:left;
	margin: 0 25px 25px 0;
}
.experiencia{
	background: #4e6285;
	width: 800px;
	height: 921px;
	margin: 50px 0 50px 50px;
	border-radius: 25px;
	padding: 25px 25px 0 25px;
	color: white;
	font-family: 'Delius', "Comic Sans MS", cursive;
	position: relative;
	font-size: .85em;
}
.experienciaFig01{
	position: absolute;
	top: 0;
	left: 25px;
	height: 971px;
	width: 330px;
}
.experienciaFig02{
	position: absolute;
	top: 25px;
	right: 25px;	
	height: 878px;
	width: 654px;
}
.contactos{
	background: #4e6285;
	width: 800px;
	height: 450px;
	margin: 50px 0 50px 50px;
	border-radius: 25px;
	padding: 25px 25px 0 25px;
	color: white;
	font-family: 'Delius', "Comic Sans MS", cursive;
	position: relative;
	font-size: .85em;
}
.contactosFig{
	position: absolute;
	top:0;
	right: 25px;
	width: 700px;
	height: 500px;
}
.fim{
	background: #4e6285;
	width: 800px;
	height: 465px;
	margin: 50px 0 50px 50px;
	border-radius: 25px;
	padding: 25px 25px 0 25px;
	color: white;
	font-family: 'Delius', "Comic Sans MS", cursive;
	position: relative;
	font-size: .85em;
}
.fimFig{
	position: absolute;
	top:0;
	left: 25px;
	width: 600px;
	height: 515px;
}
.scrollTop{
	height: 40px;
	width: 40px;
	background: url(../assets/scroll.png);
	position: fixed;
	bottom: -100px;
	cursor: pointer;
}