/* --------------------------------------------------------------------------*/
/*GLOBAL; (reset, corpo da pagina, estilo padrão para parágrafos, listas, etc.)
/* --------------------------------------------------------------------------*/
@font-face {
 font-family: 'MuseoSans100';
 src: url('museosans-100-webfont.eot');
 src: url('museosans-100-webfontd41d.eot?#iefix') format('embedded-opentype'), url('museosans-100-webfont.woff') format('woff'), url('museosans-100-webfont.ttf') format('truetype'), url('museosans-100-webfont.svg#MuseoSans100') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'MuseoSans700';
 src: url('museosans_700-webfont.eot');
 src: url('museosans_700-webfontd41d.eot?#iefix') format('embedded-opentype'), url('museosans_700-webfont.woff') format('woff'), url('museosans_700-webfont.ttf') format('truetype'), url('museosans_700-webfont.svg#MuseoSans700') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'MuseoSans300';
 src: url('museosans-300-webfont.eot');
 src: url('museosans-300-webfontd41d.eot?#iefix') format('embedded-opentype'), url('museosans-300-webfont.woff') format('woff'), url('museosans-300-webfont.ttf') format('truetype'), url('museosans-300-webfont.svg#MuseoSans300') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'MuseoSans500';
 src: url('museosans-webfont.eot');
 src: url('museosans-webfontd41d.eot?#iefix') format('embedded-opentype'), url('museosans-webfont.woff') format('woff'), url('museosans-webfont.ttf') format('truetype'), url('museosans-webfont.svg#MuseoSans500') format('svg');
 font-weight: normal;
 font-style: normal;
}
* {
	padding:0px;
	margin:0px;
}
a {
	cursor:pointer;
	text-decoration:none;
	transition:color 300ms ease-out;
   -webkit-transition:color 300ms ease-out;
    -moz-transition:color 300ms ease-out; 
}
:hover{
	transition:color 300ms ease-out;
   -webkit-transition:color 300ms ease-out;
    -moz-transition:color 300ms ease-out; 
	}
a:focus {
	outline: none;
}
.clearFloat {
	clear:both;
}
body {
	font-family: 'MuseoSans500';
	background:url(../images/estrutura/bg.html) no-repeat scroll 50% 0 #F9F9F9;
	overflow-x:hidden;
	padding-top:95px;
}
h1 a:hover, h3 a:hover {
	text-decoration:underline;
}
h1 a:hover {
	text-decoration:underline;
}
img {
	border:0px;
}
input:focus {
	outline: none;
}


/* --------------------------------------------------------------------------*/
/* --------------------- Cabeçalho da página ---------------------------------
/* --------------------------------------------------------------------------*/
#topo-geral {
    background: url("../images/estrutura/topo.png") no-repeat scroll 50% -3px transparent;
    height: 92px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
}
.topo-home{
	position:absolute;
	}	
.topo-interna{
	position:relative;
	}		
#topo{
	margin:0 auto;
	padding-top:11px;
	width:914px;
	}	
#topo #logo{
	float:left;
	width:250px;
	margin-top:-1px;
	}	
#topo #menu{
	float:left;
	margin-top:8px;
	width:563px;
	}	
#topo #menu ul{
	list-style:none;
	padding-top:7px;
	}	
#topo #menu ul li{
	font-size:12px;
	float:left;
	margin-left:15px;
	}	
#topo #menu ul li .normal{
	color:#fff;
	}	
#topo #menu ul li .ativo{
	color:#000;
	}
#topo #menu ul li a:hover{
	color:#000;
	}			
#topo #redes{
	float:right;
	}
#topo #redes a {
	float:left;
	display:block;
	width:19px;
	height:20px;
	margin-left:6px;
	
	}	
#topo #redes a:hover{
	background-position:left bottom;
	
	}		
#topo #redes .skype{
	background-image:url(../images/estrutura/skype.png);
	margin-top:14px;
	}	
#topo #redes .facebook{
	background-image:url(../images/estrutura/facebook.png);
	margin-top:15px;
	}	
#topo #redes .twitter{
	background-image:url(../images/estrutura/twitter.png);
	margin-top:15px;
	}	
#topo #redes .google{
	background-image:url(../images/estrutura/google.png);
	margin-top:16px;
	}				
/* --------------------------------------------------------------------------*/
/* --------------------- Estrutura da página ---------------------------------
/* --------------------------------------------------------------------------*/
#slider {
	width:100%;
	height:430px;
	overflow:hidden;
	margin-top:-95px;
	}
.repetir {
   height:430px;
    width: 100%;
	overflow:hidden;
}
.slider-centro {
    margin: 0 auto;
    width: 914px;
	height:430px;
	
}	
.centro-slider {
    margin: 0 auto;
    width: 914px;
}	
.centro-slider .imagem-slider {
    margin-left: -503px;
    position: absolute;
    z-index: 9996;
}
#slider .descricao-slider {
	color: #FFFFFF;
	font-family: MuseoSans300;
	font-size: 42px;
	letter-spacing: -2px;
	line-height: 42px;
	margin-left: 488px;
	margin-top: 173px;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	width: 367px;
	z-index: 9999;
}
#navegador{
	position:absolute;
	z-index:999999;
	width:100%;
	}
.nav{
	margin: 0 auto;
	width:940px;
	}
.nav a:hover{
	background-position:left bottom;
	}		
#prev2{
	margin-top:214px;
	float:left;
	background-image:url(../images/estrutura/seta-esquerda.png);
	background-repeat:no-repeat;
	width:42px;
	height:81px;
	}
#next2{
	margin-top:214px;
	float:right;
	background-image:url(../images/estrutura/seta-direita.png);
	background-repeat:no-repeat;
	width:42px;
	height:81px;
	}		
.sombra{
	width:100%;
	height:27px;
	background:url(../images/estrutura/sombra.jpg) no-repeat scroll 50% 0;
	
	}
#conteudo{
	width:914px;
	margin: 0 auto;
	}	
#sobre-angulare{
	width:914px;
	height:376px;
	background-image:url(../images/estrutura/essaangulare.jpg);
	background-repeat:no-repeat;
	
	}	
#descricao-angulare{
	width:460px;
	float:right;
	
	}
#descricao-angulare .curtir{
  padding-left:30px;
	}	
#descricao-angulare  .titulo-angulare{
	margin:30px 0px 0px 0px;
	padding-left:30px;
	font-size:19px;
	line-height:24px;
	text-transform:uppercase;
	letter-spacing:-1px;
    border-bottom:1px solid #f78000;
	padding-bottom:10px;
	margin-bottom:10px;
	}	
#descricao-angulare  .texto-angulare{
	font-size:12px;
	line-height:16px;
	padding-left:30px;
	}	
#descricao-angulare  .texto-angulare a{
	color:#F78000;
	text-decoration:underline;
	}	
#descricao-angulare  .texto-angulare a:hover{
	color:#000;
	}			
#descricao-angulare  .chamada-angulare{
	padding-top:20px;
	padding-left:70px;
	font-size:34px;
	letter-spacing:-1px;
	font-family: 'MuseoSans100';
	text-align:right;
	}	
#orcamento{
	margin:0px 0px 20px 0px;
	}	
#orcamento a{
	display:block;
	width:953px;
	height:103px;
	background-image:url(../images/estrutura/orcamento.jpg);
	background-repeat:no-repeat;
	}	
#orcamento a:hover{
	background-position:left bottom;
	}
#trabalho-recente{
	height:360px;
	}
.titulo-trabalho{
	width:941px;
	margin-bottom:20px;
	}
.titulo-trabalho P{
	float:left;
	color:#0d0d0d;	
	font-family: 'MuseoSans700';
	font-size:30px;
	letter-spacing:-1px;
	margin-top:23px;
	}	
.titulo-trabalho #newsletter{
	background-image:url(../images/estrutura/newsletter.png);
	width:563px;
	height:80px;
	float:right;
	}
.titulo-trabalho #newsletter .email {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid white;
    color: #C0BCB6;
    float: right;
    font-family: 'MuseoSans700';
    font-size: 11px;
    margin: 29px 0px 0 0;
    padding: 9px 8px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 194px;
}	


.bt-enviar-news{
    background: url("../images/estrutura/bt-ok.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0;
    height: 33px;
    margin-right: 10px;
    margin-top: 29px;
    position: relative;
    width: 35px;
}	
.bt-enviar-news:hover{
    background-position:left bottom;
}
#slider-trabalho{
	width:941px;
	height:260px;
	padding-top:20px;
	}
#slider-trabalho .repetir{
	width:941px;
	height:260px;
	padding-left:6px;
	}	
#slider-trabalho .trabalho{
	width:311px;
	float:left;
	height:260px;
	}
#slider-trabalho .trabalho .imagem{
	height:187px;
	margin-bottom:8px;
	}	
#slider-trabalho .trabalho .descricao{
	border-right:1px solid #eee;
	background-image:url(../images/estrutura/marcador.jpg);
	padding-left:20px;
	background-repeat:no-repeat;
	font-size:13px;
	margin-left:15px;
	}
#slider-trabalho .trabalho .descricao .nome-projeto{
	color:#f78000;
	}	
#slider-trabalho .trabalho .descricao .tempo-projeto{
	font-size:11px;
	color:#333;
	}	
#slider-trabalho .trabalho:hover .descricao .tempo-projeto{
	font-size:11px;
	color:#f78000;
	}		
#slider-trabalho .trabalho .descricao:first-child{
	border:none;
	}
	
#prev3 {
    background-image: url("../images/estrutura/seta-esquerda.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    height: 81px;
    margin-left: -57px;
    margin-top: 67px;
    width: 42px;
}
#next3 {
    background-image: url("../images/estrutura/seta-direita.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    float: right;
    height: 81px;
    margin-right: -85px;
    margin-top: 66px;
    width: 42px;
	position:relative;
}				
/* --------------------------------------------------------------------------*/
/* --------------------------- Rodapé ----------------------------------------
/* --------------------------------------------------------------------------*/
#rodape{
	width:940px;
	padding-top:20px;
	height:51px;
	margin: 0 auto;
	}
#entre-em-contato{
	float:left;
	width:270px;
	color:#5f6a72;
	font-size:12px;
	}
#entre-em-contato span{
	color:#f78000;
	font-size:13px;
	line-height:20px;
	}	
#rodrigo{
	float:left;
	margin-left:89px;
	color:#f78000;
	font-size:12px;
	line-height:15px;
	margin-top:20px;
	}

#rodrigo span{
	color:#5f6a72;
	font-size:13px;
	}	
#direitos{
	clear:both;
	border-top:1px solid #ddd;
	padding-top:15px;
	margin:20px 0px 40px 0px;
	}
#direitos-centro{
	width:940px;
	margin:0 auto;
	font-size:11px;
	color:#8f938e;
	}				
/* --------------------------------------------------------------------------*/
/* --------------------------- INTERNA -----------------------------
/* --------------------------------------------------------------------------*/
#titulo-interna {
	padding:10px 0px 20px 0px;
	}
.titulo-sobre p{
	width:450px;
	}	
.titulo-contato p{
	width:460px;
	}	
#titulo-interna p{
	float:left;
	font-family: 'MuseoSans100';
	font-size:43px;
	color:#666;
	
	text-align:left;
	letter-spacing:-2px;
	
	}
#titulo-interna span{
	float:right;
	width:453px;
	color:#0d0d0d;
	font-size:18px;
	letter-spacing:0px;
	text-transform:uppercase;
	text-align:right;
	
	}
	
#col-1{
	width:593px;
	float:left;
	}	
.texto{
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:19px;
	text-align:justify;
	}	
#col-2{
	width:291px;
	float:right;
	}	
#menu-lateral{
	
	}
#menu-lateral ul{
	list-style:none;
	}		
#menu-lateral ul li{
	margin-bottom:4px;
	}

#menu-lateral ul li a {
    background-image: url("../images/estrutura/marcador-menu.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 11px;
    padding: 11px 15px 15px 35px;
    text-transform: uppercase;
}	
	
#menu-lateral ul li a:hover{
	background-color:#ff9f08;
	color:#fff;
	background-position:10px -17px;
	}	
#menu-lateral ul li .normal {
    background-color: #E8EAEB;
    background-position: 10px 14px;
    color: #000000;
}
	

	
#menu-lateral ul li .ativo{
	background-color:#ff9f08;
	color:#fff;
	background-position:10px -17px;
	}
.frase{
	text-align:right;
	font-size:34px;
	letter-spacing:-1px;
	padding-top:45px;
	font-family: 'MuseoSans100';
	line-height:34px;
	}	
#formulario{
	width:539px;
	font-family: 'MuseoSans100';
	font-size:13px;
	text-align:left;
	}	
#formulario label{
	text-align:left;
	}	
#formulario .titulo-formulario{
	background-color:#f3f3f3;
	padding:15px 10px;
	text-transform:uppercase;
	font-size:12px;
	font-family: 'MuseoSans100';
	margin-bottom:20px;
	}	
#formulario  form input{
	border-left:2px solid #ccc;
	border-top:2px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px 10px;
	margin-bottom:20px;
	margin-top:3px;
	}	
#formulario  form select{
	border-left:2px solid #ccc;
	border-top:2px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px 10px;
	margin-bottom:20px;
	margin-top:3px;
	min-width:246px;
	}					
#formulario  form label{
	text-transform:uppercase;
	font-size:11px;
	}	
	
#formulario .left{
	float:left;
	width:250px;
	}	
#formulario .menor{
		width:225px
	}	
#formulario .maior{
		width:516px
	}	

#formulario .right{
	float:right;
	width:250px;
	}
#formulario  form textarea{
	border-left:2px solid #ccc;
	border-top:2px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px 10px;
	margin-bottom:20px;
	margin-top:3px;
	width:516px;
	height:80px;
	}
#formulario  form  a {
	float:right;
	width:86px;
	height:30px;
	background-image:url(../images/estrutura/enviar.png);
	}					
#formulario a:hover{
	background-position:left bottom;
	}
	
.titulo-trabalhos{
	font-family: 'MuseoSans100';
	font-size:43px;
	text-transform:uppercase;
	color:#666;
	margin-bottom:20px;
	text-align:left;
	width:475px;
	
	}	
.box-trabalho{
	height:390px;
	margin-bottom:60px;
	}	
	
.imagem-trabalho{
	float:left;
	color: #906;
	}	
.imagem-trabalho img{
	border:4px solid #fff;
	width:630px;
	}		
.descricao-trabalho{
	width:256px;
	float:right;
	}	
.sobre-empresa{
	height:362px;
	}	
.nome-trabalho{
	font-size:20px;
	color:#f78000;
	padding-bottom:25px;
	text-transform:uppercase;
	background-image:url(../images/estrutura/sombra-lateral.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:20px;
	}	
.texto-trabalho{
	font-size:13px;
	line-height:16px;
	background-image:url(../images/estrutura/sombra-lateral.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:25px;
	margin-bottom:20px;
	}	
.local-ano{
	font-size:13px;
	color:#666;
	padding-bottom:4px;
	}	
.link a{
	font-size:13px;
	color:#f78000;
	padding-bottom:4px;
	text-decoration:underline;
	}		
.opcoes .visite{
    float:left;
	}	
.opcoes .curtir{
    float:right;
	padding-top:11px;
	}		


/* --------------------------------------------------------------------------*/
/* --------------------- Extras ou Miscelâneas --------------------------------
/* --------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------*/
/* --------------------------- Lightbox -----------------------------
/* --------------------------------------------------------------------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
.window {
  position:absolute;
  left:0;
  top:32px;
  width:681px;
  height:116px;
  padding:29px 23px;
  display:none;
  z-index:999999999;
  border:14px solid #f78000;
  
}

#dialog {
  width:681px;
  height:116px;
  padding:29px 23px;
  background-color:#ffffff;
  background-repeat:repeat-x;
}

#dialog input{
   width:308px;
   color:#7e7e7e;
   font-size:15px;
   padding:15px 10px;
   border:1px solid #ddd;
   font-family: 'AsapRegular';
	}
#dialog .left{
	float:left;
	}	
#dialog .right{
	float:right;
	}
#dialog .enviar{
	float:right;
	margin-top:25px;
	}		
#dialog .enviar img{
	float:right;
	}	
#dialog p{
	float:right;
	margin-top:15px;
	margin-right:15px;
	
	}	
#dialog p a{
	color:#006699;
	}	
#dialog p a:hover{
	text-decoration:underline;
	}	
.close {
    float: right;
    margin-right: -30px;
    margin-top: -39px;
	z-index:999999999;
}
#orcamento #formulario{
	background-color:#fff;
	width:560px;
	height:573px;
	padding:20px;
	margin-top:30px;
	}
#orcamento  #formulario .close{
	margin-right:-28px;
	margin-top:-33px;
	}	
#conteudo-window{
	padding:15px 60px;
	}