*{margin:0; padding:0;}
body{
	background:url(../imagens/bg.jpg);
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}
#geral{width:100%;margin:0 auto;}
#topo{width:1000px; margin:0 auto; padding:0px 0 0px 0;}
.logo{margin:23px 0 0 0px;}
.barras{float:right; margin:0 74px 0 0;}

#menu{float:right; margin:77px -17px 0 0;}
/* links do menu principal */

ul.principal{margin:0; padding:0 0 0 40px; height:79px;}
li.principal{float:left;list-style:none;  margin:27px 17px 0px 0px;}
li.principal a{font-size:21px; color:#464646; padding:7px; text-decoration:none; }
li.principal a:hover{background:#70D4D2; color:#FFF;}

/* links do menu secundário no rodapé */

#contato{float:left;}
#contato a{color:#3E3E3E;}
#contato a:hover{color:#FC3A51;}
#contato a:visited{color:#3E3E3E;}
#links{ float:right;  margin:0 80px 0 0;}
.clear{clear:both;}

ul.rodape{margin:0 0 0 0; padding:0;}
li.secundarios{list-style:none; margin:5px 0 0 0;}
li.secundarios a{font-size:12px; color:#3E3E3E; padding:5px; text-decoration:none;}
li.secundarios a:hover{font-size:12px; color:#3E3E3E; padding:5px; text-decoration:underline;}

#social{float:right;}

#conteudo{
	padding:15px 0 0 0;
	margin:0 auto;
	width:1000px;
	height:720px;
}
#projetos{
	background:#FFF;	
	width:1000px;
	margin:-40px 0 60px 20px;
}
#sobre{
	width:340px;
	float:right;
}
#servicos{
	clear:both;
	margin:0 auto;
	width:1000px;
	padding:10px 0 10px 0;
}
#exp_servicos{margin:30px auto; width:1000px;}

#mensagem{float:left; width:500px;}
#mensagem_sobre{float:right; width:350px; margin:0 0 30px 0;}
#borda{width:1000px; height:20px; background:#E0DED3; margin:30px auto;}
.borda_topo{width:1000px; height:2px; background:#E0DED3; margin:30px auto;}
#chamadas{width:1000px; margin:0 0 30px 0;float:left;}
#chamadas_principal{width:500px;float:left;}
#chamadas_sobre{width:600px;float:left;}
#rodape{padding:10px; margin:0 auto; width:1000px; height:150px;}
#copyright{ width:1000px; height:16px; text-align:center; margin:14px auto; font-size:12px;}
#copyright a{color:#3E3E3E; text-decoration:none;}
#copyright a:hover{color:#3E3E3E; text-decoration:underline;}
#copyright a:visited{color:#3E3E3E; text-decoration:none;}
address{margin:2px 0 0 0;}
h2{margin-top:-8px;color:#FC3A51; font-size:500%;font-family:Helvetica, Arial, sans-serif;}
h2.projetos{margin-bottom:25px;}
h2.portfolio{float:left; width:250px;}
h2.sobre{color:#C6B699;margin-bottom:21px; font-size:300%;}
h2.apresentacao{font-size:300%; color:#464646; margin:20px 0 0 0;}
h2.apresentacao a{color:#FC3A51; text-decoration:none;}
h2.apresentacao a:hover{color:#FC3A51; text-decoration:underline;}
h2.indice{color:#FC3A51; font-size:300%; text-align:center; margin:0 0 20px 0;}
h2.apresentacao_sobre{font-size:300%; width:500px; float:right; color:#464646;}
h2.pagina{ font-size:300%; text-align:center;}
h3{color:#3E3E3E; font-size:25px;}
h3.portfoliosmall{margin:0 0 0 3px;}
h3.exp_servicos{color:#FE3054;}
h4{color:#464646; font-size:160%; margin:0 0 0 3px;}
h4 a{color:#464646;text-decoration:none;}
h4 a:hover{color:#464646;text-decoration:underline;}
hr{height:4px; background:#E0DED3; border:none;}
hr.copyright{height:1px; background:#E0DED3; border:none;}
#apresentacao{margin:0 auto; width:1000px;}
#apresentacao_sobre{margin:25px auto 0 auto; width:1000px;}

p.mensagem{color:#464646; font-size:24px;}
p.mensagem a{color:#FC3A51;text-decoration:none;}
p.mensagem a:hover{text-decoration:underline;}
p.servicos{color:#464646; font-size:18px;}
p.sobre{color:#464646; font-size:18px; margin:0 0 20px 0;}
p.sobre a{color:#FC3A51; text-decoration:none;}
p.sobre a:hover{color:#FC3A51;text-decoration:underline;}
p.explicacao{margin:0 0 40px 0;}
p.portfolio{color:#464646; font-size:18px; width:700px; float:right;}
p.portfolio a{color:#FC3A51; text-decoration:none;}
p.portfolio a:hover{color:#FC3A51;text-decoration:underline;}

img.portfolio{}
li.port{list-style:none; width:282px; float:left; padding:20px 20px 40px 20px;}
li.port p{margin:0 0 0 4px;}

address{font-style:normal; font-size:12px; color:#3E3E3E; line-height:30px;}

#formas_contato{width:1000px; margin:30px auto;}


/* Mensagem */

span.inovacao{color:#FC3A51; font-size:28px;}
span.conceitos{color:#FC3A51;font-size:28px;}
span.arquitetura{color:#FC3A51;font-size:28px;}
span.estudo{color:#FC3A51;font-size:28px;}
span.cores{color:#FC3A51;font-size:28px;}
span.usabilidade{color:#FC3A51;font-size:28px;}
span.marketing{color:#FC3A51;font-size:28px;}
span.publico{color:#FC3A51;font-size:28px;}
span.usabilidade{color:#FC3A51;font-size:28px;}
span.acessibilidade{color:#FC3A51;font-size:28px;}
span.msgcontato{color:#FC3A51; font-size:18px; font-weight:bold;}

/* Slider */

#slideshow { position:relative; height:383px; margin:25px auto 0 auto; width:1000px;}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8 }
#slideshow IMG.active { z-index:10;}
#slideshow IMG.last-active { z-index:9;}

/* Formulário */

input, textarea{padding:5px;}
td{font-size:18px; color:#464646;}
select{padding:3px;}
option{padding:2px;}

/* Página não encontrada*/
#erro{width:1000px; margin:80px auto;}

/* LightBox*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Validação contato*/

.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.textareaValidState textarea, textarea.textareaValidState {
}
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
}
.textareaFocusState textarea, textarea.textareaFocusState {
}
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
textarea.textareaHintState, .textareaHintState textarea{
}
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.textfieldValidState input, input.textfieldValidState {
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
}
.textfieldFocusState input, input.textfieldFocusState {
}
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}
.textfieldHintState input, input.textfieldHintState {
}