/* Estrutura */
* {list-style-type:none; margin:0; padding:0; outline:0;border:0 none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
body{background: url(../images/layout/fundo.jpg) center top no-repeat #D3D3D3;}
#container{margin: 1em auto;width: 900px;}
#contents {float:left; margin: 0 0 0 50px; width:885px;  background:url(../images/layout/bg_contents.png) center bottom no-repeat;}
#contents #box {padding:75px 0 0 0; height:141px; float:left; position:relative;s}
#contents a{text-decoration:none; font-weight:normal;}
#contents a:hover{text-decoration:underline; font-weight:normal;}

/* Header */
#header {padding:65px 0 0 0;}

/* Footer */
#footer {clear:both; height:180px;}
#footer #endereco {padding:50px 0 0 5px;}

/* Main */
#mainnav {background: url(../images/layout/bg_menu.png) center top no-repeat; height:45px; margin-top:40px;}
#mainnav ul {display:block; margin-left:170px; padding-top:5px;}
#mainnav ul li {display:block; float:left; text-indent:-99999px; overflow:hidden; height:40px;}
#mainnav ul li a {display:block; background-position:left top; background-repeat:no-repeat; height:40px;}
#mainnav ul li a:hover {background-position:left bottom;}
#mainnav ul li a.ativo {background-position:left bottom;}
	#mainnav ul li.Btn_inicio {width:80px;}
	#mainnav ul li.Btn_inicio a {background-image:url(../images/menu/btn_home.png); width:70px;}
	#mainnav ul li.Btn_quem {width:140px;}
	#mainnav ul li.Btn_quem a {background-image:url(../images/menu/btn_quem.png); width:130px;}
	#mainnav ul li.Btn_portfolio {width:110px;}
	#mainnav ul li.Btn_portfolio a {background-image:url(../images/menu/btn_portfolio.png); width:130px;}
	#mainnav ul li.Btn_solucoes {width:110px;}
	#mainnav ul li.Btn_solucoes a {background-image:url(../images/menu/btn_solucoes.png); width:130px;}
	#mainnav ul li.Btn_contato {width:110px;}
	#mainnav ul li.Btn_contato a {background-image:url(../images/menu/btn_contato.png); width:130px;}

/* Index */
#contents #Destaque {width:742px; height:267px; margin:45px 0 0 30px;}
#contents #Destaque h1 {background:url(../images/layout/next.png) center top; width:49px; height:44px; position:relative; left:410px; top:20px; z-index:3;}
#contents #Destaque h2 {background:url(../images/layout/prev.png) left top; width:49px; height:44px; position:relative; left:0; top:157px; z-index:3;}
#contents #Destaque h3 {width:118px; height:29px; position:relative; left:619px; top:156px; z-index:3;}
#contents #Destaque #baseBranca {background:url(../images/layout/bg_portfolio_home.png) left top; width:321px; height:236px; position:relative; left:421px; top:-75px; z-index:2;}
#contents #Destaque #baseCarregaFoto {width:420px; height:269px; position:relative; left:20px; top:-325px; z-index:2;}
#contents #Destaque #baseCarregaTexto {width:270px; height:125px; position:relative; left:445px; top:-520px; z-index:4; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#666666;}


/* Quem */
#contents #quem {position:relative; width:100%; margin:45px 0 0 0; float:left;}
#contents #quem #tit {background:url(../images/layout/tit_quemsomos.png) no-repeat left top; width:157px; height:30px; position:relative; left:0; top:0;}
#contents #quem #text {width:300px; position:relative; left:0; top:10px; float:left;}
#contents #equipe {position:relative; width:460px; height:225px; background:url(../images/layout/base_quem_f.png) left top no-repeat; float:left; left:30px;}

#rafael.inativo {width:310px; float:left; height:222px; left:1px; top:0; position:relative; z-index:10; background:url(../images/layout/quem_rafael.png) left top;}
#rafael.ativo {width:310px; float:left; height:222px; left:1px; top:0; position:relative; z-index:12; background:url(../images/layout/quem_rafael.png) left bottom;}
	
#cesar.inativo {width:310px; float:left; height:222px; left:103px; top:-222px; z-index:11; position:relative; background:url(../images/layout/quem_cesar.png) left top;}
#cesar.ativo {width:310px; float:left; height:222px; left:103px; top:-222px; z-index:12; position:relative; background:url(../images/layout/quem_cesar.png) left bottom;}

#rodrigo.inativo {width:310px; float:left; height:222px; left:189px; top:-444px; z-index:10; position:relative; background:url(../images/layout/quem_rodrigo.png) left top;}
#rodrigo.ativo {width:310px; float:left; height:222px; left:189px; top:-444px; z-index:11; position:relative; background:url(../images/layout/quem_rodrigo.png) left bottom;}

#textoDescricao{position:relative; width:460px; height:174px; background:url(../images/layout/base_quem_t.png) left top no-repeat; float:left; left:30px; padding:10px 0 0 15px;}
#textoDescricao #textorafael.ativo {position:relative; top:0; left:0;}
#textoDescricao #textorafael.inativo {visibility:hidden;}

#textoDescricao #textocesar.ativo {position:relative; top:-155px; left:0;}
#textoDescricao #textocesar.inativo {visibility:hidden;}

#textoDescricao #textorodrigo.ativo {position:relative; top:-310px; left:0;}
#textoDescricao #textorodrigo.inativo {visibility:hidden;}

#textoDescricao #textorafael h1{font-size:20px; color:#FF6600; height:20px;}
#textoDescricao #textorafael span{font-size:12px; font-weight:normal;}
#textoDescricao #textorafael span b{font-size:12px;font-weight:bold;}

#textoDescricao #textocesar h1{font-size:20px; color:#FF6600; height:20px;}
#textoDescricao #textocesar span{font-size:12px; font-weight:normal;}
#textoDescricao #textocesar span b{font-size:12px;font-weight:bold;}

#textoDescricao #textorodrigo h1{font-size:20px; color:#FF6600; height:20px;}
#textoDescricao #textorodrigo span{font-size:12px; font-weight:normal;}
#textoDescricao #textorodrigo span b{font-size:12px;font-weight:bold;}



	

/* Contato */
#contents #contato {position:relative; width:100%; margin:45px 0 0 0; float:left;}
#contents #contato #tit {background:url(../images/layout/tit_contato.png) no-repeat left top; width:157px; height:30px; position:relative; left:0; top:0;}
#contents #contato ul#formulario {width:380px; position:relative; left:100px;  top:10px; float:left;}
#contents #contato ul#formulario li form input.text{-moz-border-radius:4px 4px 4px 4px;-moz-box-shadow:0 0 10px #D2D2D2;background:url(../images/layout/50.png) repeat scroll 0 0 transparent;border:1px solid #D2D2D2;height:25px;padding:4px;width:300px;}


input[type="text"]:focus, textearea:focus {-moz-border-radius:4px 4px 4px 4px;-moz-box-shadow:0 0 10px #F90;background:url(../images/layout/50.png) repeat scroll 0 0 transparent;border:1px solid #F90;height:25px;padding:4px;width:300px;}

#contents #contato ul#formulario li form textarea{-moz-border-radius:4px 4px 4px 4px;-moz-box-shadow:0 0 10px #D2D2D2;background:url(../images/layout/50.png) repeat scroll 0 0 transparent;border:1px solid #D2D2D2;height:111px;padding:4px;vertical-align:middle;width:300px;}

#contents #contato ul#complemento {width:328px; height:460px; position:relative; left:0; top:10px; float:left;}
#contents #contato ul#complemento span{position:relative;}
#contents #contato ul#complemento h1{font-size:18px; color:#FF6600; font-weight:bold;}
#contents #contato ul#complemento li{height:20px; position:relative;}
#contents #contato ul#complemento h4 {width:378px; height:330px; position:relative; left:21px; top:-60px; background:url(../images/layout/img_contato.png) left bottom no-repeat;}





/* Portfólio */
#contents #portfolio {position:relative; width:100%; margin:45px 0 0 0; float:left;}
#contents #portfolio #tit {background:url(../images/layout/tit_portfolio.png) no-repeat left top; width:157px; height:30px; position:relative; left:0; top:0;}
#contents #portfolio #zoo {position:relative; left:30px; top:20px; float:left;}
#contents #portfolio #text {position:relative; left:50px; top:45px; width:300px; float:left;}
#contents #portfolio #text h3.tit_portfolio{font-size:20px; color:#FF6600; height:20px;}
#contents #portfolio #text ul li { padding:15px 0 0 0;}
#contents #portfolio #text ul li span{font-size:14px; color:#FF6600; font-weight:bold;}
#contents #portfolio #thumb {position:relative; top:60px; width:720px; height:400px; float:left; padding-left:80px}
#contents #portfolio #thumb ul {display:block;}
#contents #portfolio #thumb ul li {display:block; margin:7px 7px 7px 7px; float:left; width:125px; height:89px;}





/* Solucoes */
#contents #solucoes {position:relative; width:100%; margin:45px 0 0 0; float:left;}
#contents #solucoes #tit {background:url(../images/layout/tit_solucoes.png) no-repeat left top; width:380px; height:30px; position:relative; left:0; top:0;}
#contents #solucoes #text {width:340px; position:relative; left:0; top:10px; float:left; padding:0 0 65px 0;}
#contents #solucoes #text h1{font-size:20px; color:#FF6600; font-weight:bold; padding:0 0 10px 0;}
#contents #menunavSolucoes {position:relative; width:473px; height:413px; float:right; text-align:center}




/* Cases */
#contents #cases {position:relative; width:100%; margin:45px 0 0 0; float:left;}
#contents #cases #tit {background:url(../images/layout/tit_otimizacoes.png) no-repeat left top; width:380px; height:30px; position:relative; left:0; top:0;}
#contents #cases #text {width:900px; position:relative; left:0; top:10px; float:left; padding:0 0 65px 0;}
#contents #cases #text h1{font-size:20px; color:#FF6600; font-weight:bold; padding:0 0 10px 0;}
#contents #cases #text #case {position:relative; width:900px; height:220px;}
#contents #cases #text #case #descricao{position:relative; width:385px; float:left;}
#contents #cases #text #case #descricao a{ font-weight:bold; color:#000;}
#contents #cases #text #case #descricao h1{font-size:20px; color:#666; font-weight:bold;}
#contents #cases #text #case #graphic {position:relative; top:0; left:30px; width:440px; float:left;}
#contents #cases #text #case #graphic ul li{float:left}
#contents #cases #text #case #graphic ul li.graphic{margin: 10px 0 0 0;}
#contents #cases #text #case #graphic ul li.resultados{left:25px; top:10px; position:relative}
#contents #cases #text #case #graphic ul li span p{padding:0 0 0 25px; font-weight:normal;}
#contents #cases #text #case #graphic ul li span.pesquisa{font-size:12px; background:url(../images/graphic/bg_01.jpg) left bottom no-repeat; padding:0 0 0 25px; font-weight:bold;}
#contents #cases #text #case #graphic ul li span.trafego{font-size:12px; background:url(../images/graphic/bg_02.jpg) left no-repeat; padding:0 0 0 25px; font-weight:bold;}
#contents #cases #text #case #graphic ul li span.links{font-size:12px; background:url(../images/graphic/bg_03.jpg) left no-repeat; padding:0 0 0 25px; font-weight:bold;}
#contents #cases #text #case #graphic ul li span.newsletter{font-size:12px; background:url(../images/graphic/bg_04.jpg) left no-repeat; padding:0 0 0 25px; font-weight:bold;}