@import "fbz.reset.css";
@import "lavalamp.css";

body { font: 100% Arial, Helvetica, sans-serif; font-size: 12px; background: url(../../img/design/background.png) center top no-repeat #121B22; margin: 0; padding: 0; text-align: center; color: #737E89; line-height: 120%; }
div { overflow: hidden; _height: 100%; }
ul { overflow: hidden; display: block; }

/*TITLES*/
h1, h2, h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1, h2 { font-size: 17px; color: #ABB9C4; line-height: 17px; }
h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; font-weight:bold; line-height: 16px; margin: 0 0 5px 0; }
h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #ABB9C4; font-weight:bold; line-height: 13px; margin: 0 0 5px 0; }

.title-oneline { height:20px; margin: 0 0 10px 0; background:url(../../img/design/main-title-oneline-brd.png) bottom left no-repeat;  }
.title-oneline h3 strong { color:#FFF; font-weight:bold; display:block }

.title-dbline { height:45px; margin: 0 0 10px 0; background:url(../../img/design/main-title-dbline-bg.png) bottom left no-repeat;  }
.title-dbline h2 strong { color:#FFF; font-weight:bold; display:block }

.title-dbline-page { height:36px; margin: 0 0 10px 0; padding: 20px 0 20px 20px; background:url(../../img/design/main-title-page-bg.png) bottom left repeat-x; line-height:100% }
.title-dbline-page h2 strong { color:#FFF; font-weight:bold; display:block }
.title-dbline-page span { background:url(../../img/design/ico-voltar.png) right no-repeat; font-size:10px; color:#757F87; font-family:Tahoma, Geneva, sans-serif; float:right; margin: -30px 20px 0 0; padding: 0 30px 0 0; text-align:right }
.title-dbline-page span strong { font-weight:bold; display:block; font-weight:bold }

strong { color:#A5B3BD; }
em { color:#A5B3BD; font-style:italic; color:#996699 }

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

.left { float: left; }
.right { float: right; }
.img-left { float: left; margin: 0 8px 0 0; }
.img-right { float: right; margin: 0 0 0 8px; }
.quebra { margin-right: 0 !important; }

#container { width: 915px; margin: 0 auto; text-align: left; }

 /*HEADER*/ 
 
 #container #header { height:140px; }
  #container #header #logo { margin: 9px 0 0 0; float:left; width:220px  }
  
  /*
  MENU
  restante no lavalamp.css
  */
  
  #container #header #menu { }
   #container #header #menu li { }
   #container #header #menu li a { background: url(../../img/design/menu-brd.png) right top no-repeat;  }
   #container #header #menu li a.nobrd { background: none; width:100px  }
 
 #container #mainContent { text-align: left; color:#737E89; font-family:Arial, Helvetica, sans-serif; font-size:13px; } 
  
	 /*ANIMATION*/ 
	 
	 #animacao { clear: both; width: 915px; height: 400px; overflow: hidden; }
	  #animacao .container { float: left; width: 915px; height: 350px; overflow: hidden; position: relative; }
		#animacao .container .slides { position: absolute; top: 0; left: 0; overflow: visible; }
		  #animacao .container .slides .slide { position: absolute; width: 915px; height: 350px; top: 0; display: xnone; }
	  
		  #animacao .btn { display: block; overflow: hidden; text-indent: -9999px; width: 48px; height: 69px; position: absolute; margin-top: 130px; *margin-top: -200px; z-index: 100; outline: none; }
		  #animacao .previous { background: url(../../img/design/anim-prev.png) 0 0 no-repeat; *margin-left: -915px; }
		  #animacao .next { background-image: url(../../img/design/anim-next.png); margin-left: 860px; *margin-left: -50px; }
	  
		  #animacao .pagination { text-align:center; margin: 2px 0 0 0; width:915px; height:50px; background:url(../../img/design/anim-bg-pagination.png) repeat-x; }
		   #animacao .pagination li { display:inline-block; }
		   #animacao .pagination li a { background:url(../../img/design/anim-pagination-border.png) no-repeat right; line-height:50px; text-decoration:none; text-transform:uppercase; padding: 0px 20px 0px 20px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; color:#ABB9C4; }
		   #animacao .pagination li a.nobrd { background:none; }
		   #animacao .pagination li a:hover { color:#FFF; text-decoration:underline }
		   #animacao .pagination li.active { color:#FFF; background:url(../../img/design/anim-bg-pagination-hover.png) top center no-repeat; }
	
	 /*MAIN CONTENT*/	
	 
	 #main { padding:20px; width:890px; min-height:200px }
	  #main a { color:#996699; } 
	  
   	  .column-left { width:534px; float:left; background:url(../../img/design/pages-left-brd.png) right top no-repeat; margin: 0 20px 0 0; padding: 0 20px 0 0; min-height:400px  }
	  .column-right { width:290px; float:left; min-height:400px }
	 
	  .home { background:url(../../img/design/main-home-bg.png) top center no-repeat;  }
	  .home .column { float:left; width:275px; margin:0 20px 0 0; }
	  
	  .browsers {  }
	   .browsers li { float:left; }
	   .browsers li a { overflow:hidden; float:left; width:32px; height:32px; text-indent:-9999px; margin:0 15px 0 0; }
	   .browsers li a.b1 { background:url(../../img/other/browsers.png) no-repeat; }
	   .browsers li a.b2 { background:url(../../img/other/browsers.png) no-repeat -32px; }
	   .browsers li a.b3 { background:url(../../img/other/browsers.png) no-repeat -64px; }
	   .browsers li a.b4 { background:url(../../img/other/browsers.png) no-repeat -96px; }
	   .browsers li a.b5 { background:url(../../img/other/browsers.png) no-repeat -129px; }
	   
	   .portfolio .work { width:420px; height:250px; margin: 0 20px 20px 0; position:relative; overflow:hidden; float:left }
	   .portfolio .work-label { width:420px; height:50px; margin: 0 10px 10px 0; padding:8px; color: #fff; background-color: #263039;  position:relative;  
							    opacity: .9;
							    filter: alpha(opacity=90);
							    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
							   }

	   .clientes .logo { width:150px; height:65px; padding:5px; margin: 0 15px 12px 0; overflow:hidden; float:left; text-align:center; background:#FFF }
							   
	   .block { padding: 0 0 0 160px; min-height:150px }
	   ul.lista li { padding: 0 15px 0 15px; min-height:15px; background:url(../../img/design/main-bg-a.png) left top no-repeat; }
	   
	   .servicos .webdesign { background:url(../../img/design/main-bg-webdesign.png) left top no-repeat; }
	   .servicos .webstandard { background:url(../../img/design/main-bg-webstandard.png) left top no-repeat; }
	   .servicos .programacao { background:url(../../img/design/main-bg-programacao.png) left top no-repeat; }
	   .servicos .seo { background:url(../../img/design/main-bg-seo.png) left top no-repeat; }
	   .servicos .sistemas { background:url(../../img/design/main-bg-sistemas.png) left top no-repeat; }
	   
	   .paginacao p a.active { font-weight: bold; color: #fff !important; }
	   
	   .contato #formulario { }
	    .contato #formulario fieldset { }
		.contato #formulario fieldset .linha { float: left; width: 252px; margin: 0 10px 5px 0; overflow:hidden }
		.contato #formulario fieldset .linhabig { width: 512px; clear: both; }
        .contato #formulario fieldset .linha label { line-height: 17px; display: block; font-size: 13px; font-weight: bold; color: #fff; margin: 0 0 5px 0; }
        .contato #formulario fieldset .linha select.text { height:36px; font-size: 15px; color: #036; font-weight:bold; width: 512px; border: solid 1px #27313A; } 
		.contato #formulario fieldset .linha input.text { height:36px; font-size: 15px; color: #ABB9C4; width: 250px; background:url(../../img/design/form-input-bg.png) top left repeat-x #121B22; border: solid 1px #27313A; } 
		.contato #formulario fieldset .linha textarea.text { font-size: 15px; color: #ABB9C4; height: 160px; width: 512px; background:url(../../img/design/form-texarea-bg.png) top left repeat-x #121B22; border: solid 1px #27313A; }
        .contato #formulario fieldset .linha .submit { float: right; margin: 2px 0 0 0; }
		
	  .orcamento { padding: 0 0 30px 0; }
		.orcamento .intro { margin: 0 0 38px 0; }
		  .orcamento .intro h2 { font-weight: bold; font-size: 16px; line-height: 19px; }
		  .orcamento .intro p { font-size: 13px; line-height: 16px; }
		.orcamento h3 { font-weight: bold; }
		.orcamento .tbl { border: solid 1px #404A53; -moz-border-radius: 4px; border-radius: 4px; width: 98%; display: table; margin: 0 0 25px 0; }
		  .orcamento .tbl th, .orcamento .tbl td { border-bottom: solid 1px #404A53; border-right: solid 1px #404A53; vertical-align: top; }
		  .orcamento .tbl th { background: url(../../img/design/orcamento_tbl_bg.png) 0 0 repeat-x; font-size: 13px; font-weight: bold; padding: 0 10px; line-height: 46px; white-space: nowrap; }
		  .orcamento .tbl tfoot td { border-bottom: none; background: url(../../img/design/orcamento_tbl_bg.png) 0 0 repeat-x; font-size: 13px; font-weight: bold; padding: 0 10px; line-height: 46px; white-space: nowrap; }
		  .orcamento .tbl tfoot td.valor { font-size: 20px; font-weight: bold; color: #A82C2E; }
		  .orcamento .tbl tbody td { padding: 9px 7px; background:none; }
			/*.orcamento .tbl tbody td input.text { float: left; border: solid 1px #666; border-top-color: #acacac; height: 17px; line-height: 17px; color: #333; padding: 6px 5px; font-size: 12px; width: 190px; border-radius: 3px; }*/
			.orcamento .tbl tbody td input.text { float: left; height: 36px; line-height: 17px; font-size: 15px; color: #ABB9C4; width: 190px; background:url(../../img/design/form-input-bg.png) top left repeat-x #121B22; border: solid 1px #27313A; }
		  .orcamento .tbl tbody td.valor { color: #996699; font-size: 16px; font-weight: bold; width: 156px !important; }
		  .orcamento .tbl tbody td.info { }
			.orcamento .tbl tbody td.info .info-visivel { }
			  .orcamento .tbl tbody td.info .info-visivel .check { float: left; width: 19px; height: 19px; background: url(../../img/design/orcamento_check_bg.png) 0 0 no-repeat; margin: 1px 10px 0 3px; cursor: pointer; }
			  .orcamento .tbl tbody td.info .info-visivel .checked { background-image: url(../../img/design/orcamento_checked_bg.png) !important; }
				.orcamento .tbl tbody td.info .info-visivel .check input { margin: 22px 0 0 0; opacity: 0; }
			  .orcamento .tbl tbody td.info .info-visivel .ec { display: block; overflow: hidden; float: left; width: 18px; height: 18px; background: url(../../img/design/orcamento_tbl_mais_bg.png) 0 0 no-repeat; text-indent: -9999px; }
			  .orcamento .tbl tbody td.info .info-visivel .open { background-image: url(../../img/design/orcamento_tbl_menos_bg.png); }
			  .orcamento .tbl tbody td.info .info-visivel .info-nome { display: block; overflow: hidden; float: left; width: 320px; margin: 0 0 0 5px; font-size: 10px; color: #737E89; line-height: 12px; }
				.orcamento .tbl tbody td.info .info-visivel .info-nome .nome { font-size: 13px; font-weight: bold; color: #ABB9C4; line-height: 20px; }
				  .orcamento .tbl tbody td.info .info-visivel .info-nome .nome span { display: block; float: left; margin: 0 5px 0 0; }
			.orcamento .tbl tbody td.info .desc { display: none; font-size: 12px; color: #737E89; padding: 10px 0 0 35px; clear: both; }
			.orcamento .tbl tbody td.info .desc a { color:#996699 }
			.orcamento .tbl tbody td.info .form { float: right; width: 160px; }
			  .orcamento .tbl tbody td.info .form select { width: 160px; padding: 4px 2px; font-size: 12px; color: #333; }
			  .orcamento .tbl tbody td.info .form label { font-size: 12px; line-height: 25px; text-align: right; display: block; }
		.orcamento .observacoes { border: solid 1px #D4D4D4; background: #FFFFE6; -moz-border-radius: 4px; border-radius: 4px; font-size: 12px; line-height: 15px; padding: 10px; color: #666; }

		#message { clear:both; float:right; font-size:14; font-weight:bold; color:#F00 !important  }
		
		#HELP { width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; }
		#HELP #content { text-align:left; background: #121B22 url(../../img/design/bg__table_labels.gif) repeat-x; padding: 10px; border: 1px solid #404A53; }
		#HELP h1 { height:30px; line-height:30px; font-size: 15px;	font-weight: bold;	color: #FFFFFF;	background-image: url(../../img/design/bg_help_h1.gif);  }		

	    .briefing { }
	    .briefing  fieldset { }
		.briefing  fieldset .linha { float: left; width: 252px; margin: 0 10px 5px 0; overflow:hidden }
		.briefing  fieldset .linhabig { width: 512px; clear: both; }
        .briefing  fieldset .linha label { line-height: 17px; display: block; font-size: 13px; font-weight: bold; color: #fff; margin: 6px 0 2px 0; }
        .briefing  fieldset .linha input.text { height:36px; font-size: 15px; color: #ABB9C4; width: 250px; background:url(../../img/design/form-input-bg.png) top left repeat-x #121B22; border: solid 1px #27313A; } 
        .briefing  fieldset .linhabig input.text { height:36px; width:512px; font-size: 15px; color: #ABB9C4; background:url(../../img/design/form-input-bg.png) top left repeat-x #121B22; border: solid 1px #27313A; } 
		.briefing  fieldset .linha textarea.text { font-size: 15px; color: #ABB9C4; width: 512px; background:url(../../img/design/form-texarea-bg.png) top left repeat-x #121B22; border: solid 1px #27313A; }
        .briefing  fieldset .linha .submit { float: right; margin: 2px 0 0 0; }
		
	   

/*FOOTER*/	  

#footer { margin: 20px 0 0 0; background:url(../../img/design/footer-bg.png) right repeat-x; color:#52768B; text-align: left;  }
 #footer #footerContent { height:160px; background:url(../../img/design/footer-bg-content.png) bottom center no-repeat; width: 915px; margin: 0 auto; text-align: left; }
 
  #footer #footerContent #footerMenu { height:42px; }
   #footer #footerContent #footerMenu li { float:left }
   #footer #footerContent #footerMenu li a { color:#6C757E; padding: 0 30px 0 0; float:left; line-height:42px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; }
   #footer #footerContent #footerMenu li a:hover { color:#FFF }
   
  #footer #footerContent #footerLinks { padding: 10px 0 0 0; color:#52768B; } 
  #footer #footerContent #footerLinks a { color:#52768B; text-decoration:underline; font-size:12px  } 
  #footer #footerContent #footerLinks a:hover { color:#fff; text-decoration:none;  } 
  
  #footer #footerContent .twitter { float:right; margin: -30px 10px 0 0; } 


/*TOOLIP*/	  

#tooltip { background:#624C6B; padding: 5px; color: #FFF; border: solid 1px #D2BBD2; position: absolute; line-height: 110%; text-align: left; 
		   opacity: .7;
		   filter: alpha(opacity=70);
		   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	  	 }
* html div#tooltip { width: expression( document.body.clientWidth > 150 ? "150px" : "auto" ); }
  #tooltip h3 { font-size: 12px; margin: 0; padding: 0; color: #FFF; font-family: Arial, Helvetica, sans-serif; line-height: 110%; text-transform: none; }
  #tooltip div { }