@charset "utf-8";
/* Folha de estilo por Webflush  */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;} /* Solução para rodapé fixo http://www.cssstickyfooter.com/ */

body { 
	background:url(../../img/fundo.jpg) #191919  top center no-repeat;
	font: 13px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

#topo,#conteudo,#rodape {
	margin:0 auto;
	width: 960px;
}

#topo {
	padding-top:25px;
	margin-bottom:25px;
}

#conteudo {
	padding-bottom: 45px; 
	position: relative;
}  /* mesmo valor que rodapeWrapper */

#logo {
	width:445px;
	float:left;
}

#menuTopo {
	width:450px;
	float:right;
}

/* MenuTopo */
#menuTopo ul {
	float:right;
	position:relative;
	display:block;
	height:30px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	padding-top:55px;
}

#menuTopo ul li {
	display:block;
	float:left;
	color:#FFF;
}

#menuTopo ul li a {
	display:block;
	float:left;
	color:#6f6d6b;
	text-decoration:none;
	padding:0px 4px 0 4px;
}

/* .ativo é a classe da pagina atual */
#menuTopo ul li a:hover,#menuTopo ul li a.ativo {	
	color:#FFFFFF;
	background:transparent url(../../img/menuTopoFundo.png) no-repeat top left;	
	height:30px;
}
/* fim menuTopo */

#rodapeWrapper {
	position: relative;
	margin-top: -45px; 
	height: 45px;
	clear:both;
}

#rodapeEmail, #rodapeTelefone {
	width:300px;
	display: inline;
	float: left;
}

#rodapeEmail {
	padding-left:170px;
	margin-right:10px;
}

#rodapeTelefone {
	padding-right:170px;
	margin-left:10px;
}

#rodapeEmail img, #rodapeTelefone img{
	position:relative;
	top:3px;
	
} 

#rodapeChamada {
	display: inline;
	float: left;
	width:960px;
}

#rodapeChamada p,#rodapeEmail p,#rodapeTelefone p {
	font-size:14px;
	font-weight:bold;
	color:#a5a19e;
	overflow: hidden;
	text-align:center;
}

#rodape a , #curriculo a {color:#32ccfe;}

h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:30px;
	color:#fff;
}

#home h2, #servicos h2, #portfolio h2{
	margin-bottom:20px;
}

#home #clienteImg{
	float:left;
	color:#585b64;
	width:350px;
}
#portfolio .clienteImg img{border:5px solid #404349;}

#home #clienteImg p{
	font-family:Tahoma, Geneva, sans-serif;
	color:#585b64;
	letter-spacing:0.09em;
}

#home p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#a5a19e;
	text-align:justify;
	text-indent:15px;
	margin-bottom:10px;
	line-height: 20px;
	font-weight: 100;
	
	}
	
#portfolio .carteiraCliente{
	float:left;
	width:935px;
}

#portfolio .clienteImg{
	float:left;
	margin-top:10px;
	color:#585b64;
	width:350px;
}

#portfolio .clienteDescricao{
	float:left;
	width:485px;
	height:197px;
	margin-top:12px;
	margin-left:20px;
}

#portfolio .clienteDescricao p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#a5a19e;
}

#portfolio span.fonteDestaque{
	color:#c0c0c0;
	font-weight:bold;
}

#portfolio	p.tecnologias{
	color:#c0c0c0;
	font-weight:bold;
	margin-top:20px;
}

#portfolio .carteiraCliente ul{
	margin-left:90px;
	margin-top:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#a5a19e;
	list-style-image: url(../../img/portfolio/marcador.png);
}

#curriculo{color:#afafaf;}

#curriculo p{
	font-size:14px;
	letter-spacing:0.06em;
	text-align:justify;
}

div#curriculo:after{
	content:" ";
}

.temaCor{color:#32ccfe;}

#formContato{
	margin-top:20px;
	font-size:16px;
	color:#a5a19e;
}

#formContato fieldset{
	margin:0 auto;
	width:340px;
}

#formContato fieldset ol li{
	line-height:180%;
}

#formContato fieldset ol li input, #formContato fieldset ol li textarea{
	border:3px solid #a5a19e;
	background-color:#f0f0f0;
}

#formContato fieldset ol li input:hover, #formContato fieldset ol li textarea:hover, #formContato fieldset ol li input:focus, #formContato fieldset ol li textarea:focus  {
	border:3px solid #32ccfe;
}

#formContato fieldset fieldset #BotaoEnviar{
	float:right;
	margin-top:5px;
	margin-right:4px;
	padding:5px 0px;
	width:105px;
	background-color:#6f6d6b;
	color:#1c1f25;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

#formContato fieldset fieldset #BotaoEnviar:hover{
	background-color:#32ccfe;
}

.scroll {
  height:50px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  width: 960px;
  min-height:100px;
}

.scrollContainer div.panel {
  padding: 20px;
  width: 940px; /* width: 580px; change to 560px if not using JS to remove rh.scroll */
}

/* Serviços */
.servicoLinha{
	float:left;
	margin-bottom:20px;
}

.servicoEsquerda{
	float:left;
	width:45%;
}

.servicoDireita{
	float:right;
	width:45%;
}
.servicoImagem{
	float:left;
	width:15%;
	height:100%;
}

.servicoTexto{
	color:#A5A19E;
	float:left;
	width:85%;
}

.servicoTexto h3{
	font-size:16px;
	color:#32ccfe;
	margin:5px 0px;
}

.servicoTexto p{
	text-align:justify;
}

/* Slide para portfolio */

#screen{
	position:relative;
	height:525px; 
	padding-left:20px; 
	width:940px;
}
#screen .next, #screen .prev{
	position:absolute;
	top:120px;
	cursor:pointer;
}
#screen .prev{
	left:0px;
}
#screen .next{
	left:350px;
}
#sections{
	overflow:hidden;
	height:469px; 
	clear:left;
	margin-left:24px;
	width:855px;
}
#sections .carteiraCliente{
	float:left;
	width:855px; 
}

/* Navegação, links 1,2,3,4,5 */
#navigation{
	width:800px; /* Cuidado com as larguras se almentar muito da pau na home */
	text-align:center;
	margin-left:17px;
}

#navigation li{
	float:left;
	margin:0 20px;
	background-color:#6f6d6b;
}

#navigation a{
	color:#271f25;
	font-weight:bolder;
	text-decoration:none;
	width:30px;
	display:block;
}

#navigation a:hover{background-color:#32ccfe;}

/* Fim Navegação */

#clienteCitacao{
	float:left;
	margin:0px 0px 0px 30px;
	width:825px;
}

#clienteCitacao .abreAspas{
	margin-top:15px;
	margin-left:-30px;

}

#clienteCitacao .fechaAspas{
	float:right;
	margin-bottom:10px;
	
}

#clienteCitacao p.citacao{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#eaeae6;
	letter-spacing:0.06em;
	text-align:justify;
	width:795px;
}

#clienteCitacao p.clienteAssinatura{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#eaeae6;
	letter-spacing:0.09em;
	text-align:right;
	clear:both;
}

/* Fim do slide portfolio*/ 

/* Janela Modal Creative Commons Attribution 3.0 */

#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#000;
	display:none;
}

.window {
	position:absolute;
	left:0;
	top:0;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
}

#dialog {
	width:375px; 
	height:203px;
	padding:10px;
	background:url(../../img/fundo.jpg) #191919  top center no-repeat;
	color:#fff;
}

.close{
	display:block; 
	text-align:right;
	color:#32ccfe;
	font-weight:bold;
	
}

/* Solução para Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}