#tela {
	      width: 900px;
		  position: relative;
		  margin: auto;
		  }
		  

body {
	    font-family: "quicksand book", arial, verdana;
		font-size: 1em;
		padding: 0;
		margin: 0;
		background: url(imagens/bg.jpg) repeat-x;
		color: #929292;
		}
		  
		  

body a{
	    text-decoration: none;
		}		  
		  
@font-face {  font-family: "quicksand bold";
	          src: url(http://www.nformasdesign.com/font/quicksand bold.otf) format("opentype");
		      }
			  
		
h1 {
    font-family: "quicksand bold", arial, verdana;
    font-size: 2em;
	}
   
		
h2 {
	font-family: 'Raleway', arial, serif;
	color: #929292;
	line-height:100%;
	font-size: 20px;
	}
	
h3 {
    font-family: "aller bold italic", arial, verdana;
    font-size: 0.8em;
	margin: 4px;
	padding-top: 3px;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	text-transform: uppercase; 
	}
	
h4 {
    font-family: arial, helvetica, verdana;
    font-size: 0.8em;
	margin: 4px;
	padding-top: 3px;
	color: #fff;
	font-style: italic;
	line-height:210%;
	}
	
@font-face {  font-family: "quicksand book";
	          src: url(http://www.nformasdesign.com/font/quicksand book.otf) format("open type");
		      }
		
#topo {
      position: relative;
	  float: left;
	  width: 900px;
      height: 230px;
	  }
	  
@font-face {  font-family: "aller bold italic";
	          src: url(http://www.nformasdesign.com/font/Aller_BdIt.ttf) format("true type");
		      }
	  
#logotipo1 {
          position: relative no-repeat;
	      float: left;
	      width: 440px;
          height: 102px;
		  padding-left: 10px;
		  padding-top: 34px;
		  }
		  
#midias_sociais {
          position: relative;
	      float: right;
	      width: 153px;
          height: 51px;
		  padding-top: 87px;
		  border: 0px;
		  		  }
				  
#app {
          position: absolute;
		  top: 32px;
		  left: 746px;
		  border: 0px;
		  		  }
				  
#menu {
      position: relative;
	  float: left;
	  width: 112px;
      height: 500px;
	  }

#conteudo {
           position: relative;
	       float: left;
	       width: 788px;
           height: 500px;
		  }

#nformas {
		  position: relative;
	      float: left;
	      padding-left: 20px;
		  padding-top: 10px;
		  margin-bottom: 100px;
		 }
		 

		 
#rodape { 
         position: relative;
		 float: left;
	     width: 900px;
		 height: 260px;
         border: 2px solid #ccc;
		 -moz-border-radius: 15px;
         -webkit-border-radius: 15px;
         margin-top: 30px;
		 margin-bottom: 30px;
		 background: url(imagens/bg_rodape.jpg) no-repeat;
		 clear: booth;
		 
		 }
		 
#rodape-grafico { 
         position: absolute;
		 top: 1270px;
		 float: left;
	     width: 900px;
		 height: 260px;
         border: 2px solid #ccc;
		 -moz-border-radius: 15px;
         -webkit-border-radius: 15px;
         margin-top: 30px;
		 margin-bottom: 30px;
		 background: url(imagens/bg_rodape.jpg) no-repeat;
		 clear: booth;
		 	 }
			 
#rodape-produto { 
         position: absolute;
		 top: 730px;
		 float: left;
	     width: 900px;
		 height: 260px;
         border: 2px solid #ccc;
		 -moz-border-radius: 15px;
         -webkit-border-radius: 15px;
         margin-top: 30px;
		 margin-bottom: 30px;
		 background: url(imagens/bg_rodape.jpg) no-repeat;
		 clear: booth;
		 	 }
			 
#rodape-web { 
         position: absolute;
		 top: 730px;
		 float: left;
	     width: 900px;
		 height: 260px;
         border: 2px solid #ccc;
		 -moz-border-radius: 15px;
         -webkit-border-radius: 15px;
         margin-top: 30px;
		 margin-bottom: 30px;
		 background: url(imagens/bg_rodape.jpg) no-repeat;
		 clear: booth;
		 	 }
		 
		 
#twitter {
         position: relative;
		 float: left;
	     width: 300px;
		 height: 29px;
		 background: url(imagens/bg_titulo_rodape.png);
		 -moz-border-radius-topleft: 15px;
         -webkit-border-top-left-radius: 15px;
		  }
         
#widget {
         position: relative;
		 float: left;
		 margin-left: 10px;
		 margin-top: 8px;
		 }
		 
#trabalho_recente {
         position: relative;
		 float: left;
	     width: 300px;
		 height: 29px;
		 background: url(imagens/bg_titulo_rodape.png);
		 
		 }
		 
#imagem_trabalho_recente {
                            position: relative;
		                    float: left;
		                    margin-left: 11px;
		                    margin-top: 8px;
							height: 176px;
							width: 278px;
							}
							
#legenda_trabalho {
                  position: relative;
		          float: left;
		          background: url(imagens/bg_trabalho_recente.png);
				  width: 278px;
				  height: 40px;
				  margin-left: 11px;
				  text-indent: 1px;
				  -moz-border-radius-bottomleft: 8px;
				  -webkit-border-bottom-left-radius: 8px;
                  -moz-border-radius-bottomright: 8px;
                  -webkit-border-bottom-right-radius: 8px;
				  }

							
#posts_blog {
         position: absolute;
		 border-top: 0px;
		 padding-top: 0px;
		 left: 600px;
		 width: 300px;
		 height: 29px;
		 background: url(imagens/bg_titulo_rodape.png);
		 -moz-border-radius-topright: 15px;
         -webkit-border-top-right-radius: 15px;
				 }
		 
#rss { 
      position: relative;
	  float: left;
	  margin-left: 9px;
	  margin-top: 8px;
	   }
		
#branco {
          float: left;
          position: relative;
		  width: 900px;
		  height: 15px;
		  background-color:#fff;

        }
		
#branco-grafico{
          float: left;
          position: absolute;
		  top: 1580px;
		  width: 900px;
		  height: 15px;
		  background-color:#fff;

        }
		
#branco-produto{
          float: left;
          position: absolute;
		  top: 1040px;
		  width: 900px;
		  height: 15px;
		  background-color:#fff;
		}
		
#branco-web{
          float: left;
          position: absolute;
		  top: 1040px;
		  width: 900px;
		  height: 15px;
		  background-color:#fff;
		  }
		
#menu_portfolio {
                float: left;
                position: relative;
		        width: 788px;
                height: 54px;
								}
				
#margem1 {
         padding-left:48px;
		 }
		 
#o_que_faz {
                          float: left;
                          position: relative;
		                  width: 788px;
                          height: 470px;
						 }                         
						  
#form1 p {
	font-family: "aller bold italic", arial, verdana;
    font-size: 0.9em;
	margin: 4px;
	color: #929292;
	
    } 
	
#form1 {
	
	padding-left:200px;
	padding-top: 20px;
	
    } 
	
#form1 h3 {
	font-family: "quicksand book", arial, verdana;
    font-size: 0.7em;
	color: #929292;
	line-height:100%;
    } 
	

	
	
	
#contato p {
	font-family: "aller bold italic", arial, verdana;
    font-size: 0.9em;
	margin: 4px;
	line-height:150%;
	color: #929292;
	
    } 
	
#contato {
	
	padding-left:160px;
	padding-top: 20px;
	
    } 
	
#contato h3 {
	font-family: "quicksand book", arial, verdana;
    font-size: 0.7em;
	color: #929292;
	line-height:100%;
    } 
					
#endereço p {
	font-family: "aller bold italic", arial, verdana;
    font-size: 0.9em;
	margin: 4px;
	color: #6c74c7;
	padding-left:80px;
	line-height:150%;
    }