/* base */

	*{ margin:0; padding:0 }
	div, p, span, #topo h1, #topo h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, input, select, textarea, label, q, address
	{ float:left }
	
	.centraliza { float:none!important; margin:0 auto; text-align:center }	
	body{ background: url(../imgs/bg_body.jpg) 0 0 repeat-x; font-family:Arial, Helvetica, sans-serif; color:#6e6c64 }
	
	a, input, select { outline:none; font-weight:bold }	
	a { color:#f60; text-decoration:none }
	a:hover { color:#f93 }
	a img, fieldset { border:none }
	address{ font-style:normal }
	ul, ol { list-style:none }
	q { quotes:none }
	hr { display:none }
	
	/* some texto */
	
		#chamada .col1 h1, #chamada .col2 #bt_orcamento a, #banner_mascara ul#itens li .bt_mais a, 
		#banner_nav a, .bx-pager li a, #clientes p a, #clientes ul li span, legend, .bt_form, #bt_adaltech a
		{ text-indent:-999em }
		
	/* reseta forms */
	
		form input, .bt_form, textarea, select, #bt_doacao { border:none!important; background-color:transparent!important }
		input, select, textarea, label { text-align:left }
		input, select, textarea { color:#666; font-weight:bold }
		.placeholder { color:#999!important }
		.bt_form, #bt_doacao { cursor:pointer; line-height:0px!important }
		textarea { resize:none; overflow:auto }

/* Template */

	.centraliza, .linha { width:960px }
	
	/* chamada */
	
		#chamada .col1, #chamada .col2 { height: 628px }
	
		/* col1 */
		
			#chamada .col1, #chamada .col1 h1, #chamada .col1 h2, #chamada .col1 #banner_nav { text-align:center }
			#chamada .col1, #chamada .col1 h1, #chamada .col1 h1 a, #chamada .col1 #banner_nav { width:426px }
			#chamada .col1 { background:url(../imgs/chamada_col1_bg.png) 0 0 no-repeat }
			#chamada .col1 h1, #chamada .col1 h1 a { height:202px }
			#chamada .col1 h1 { margin-top: 72px; background: url(../imgs/credfeira_logo.gif) 0 0 no-repeat }
			#chamada .col1 h1 a { display:block }
			#chamada .col1 h2 { width:343px; margin-left: 53px; height:107px; color:#104792; font-size:21px }
		
		/* col2 */
		
			#chamada .col2, #chamada .col2 #bt_orcamento, #chamada .col2 #bt_orcamento a { width: 533px }
			#chamada .col2 { background:url(../imgs/chamada_col2_bg.png) 0 0 no-repeat }
			
			/* botao orcamento */
			
				#chamada .col2 #bt_orcamento, #chamada .col2 #bt_orcamento a { height: 71px }
				#chamada .col2 #bt_orcamento { margin-top:72px }
				#chamada .col2 #bt_orcamento a { display:block; background-image:url(../imgs/bt_orcamento.png); background-position: 0 -71px; background-repeat:no-repeat }				
				#chamada .col2 #bt_orcamento a:hover { background-position: 0 0 }
			
			/* banner */
			
				#banner, #banner_mascara, #banner_mascara ul#itens, #banner_mascara ul#itens li { width: 453px }
				#banner, #banner_mascara, #banner_mascara ul#itens li { height: 390px }
				#banner_mascara { position:absolute }
				#banner { text-align:left; color:#565656 }
				
				/* nav */
				
					#banner_nav, a#go-prev, a#go-next, .bx-pager li a { position:absolute }
					#banner_nav, #banner_nav ul { height: 78px }
					#banner_nav { width:315px; margin-left:-360px; margin-top: 223px }
										
					a#go-prev, a#go-next, .bx-pager li a
					{ display: block; background-image:url(../imgs/banner_nav.png); background-repeat:no-repeat }
										
					/* setas */
					
						#go-prev, #go-next { width: 42px; height: 78px }
						#go-prev { background-position: 0 0; margin-left:20px }
						#go-prev:hover { background-position: 0 -78px }
						#go-next { background-position: 0 -156px; margin-left:245px }
						#go-next:hover { background-position: 0 -234px }
					
					/* numeros */
					
						.bx-pager { margin-left: -730px; margin-top:243px}
						.bx-pager li, .bx-pager li a { width: 28px; height: 27px }
						.bx-pager li { margin: 5px }
						.bx-pager li a { background-position: 0 -312px }
						.bx-pager li a:hover, .bx-pager li a.pager-active { background-position: 0 -339px }
					
				/* item */
				
					#banner_mascara ul#itens li h3 { width: 330px; margin-top:60px; margin-left:118px; font-size:28px }
					#banner_mascara ul#itens li .descr { width: 278px; height:196px; padding-left: 175px; margin-top:42px }
					#banner_mascara ul#itens li .bt_mais, #banner_mascara ul#itens li .bt_mais a { width: 156px; height: 48px }
					
						#prod_1 .descr { background:url(../imgs/banner_item_prod1.png) 0 0 no-repeat }
						#prod_2 .descr { background:url(../imgs/banner_item_prod2.png) 0 0 no-repeat }
						#prod_3 .descr { background:url(../imgs/banner_item_prod3.png) 0 0 no-repeat }
						#prod_4 .descr { background:url(../imgs/banner_item_prod4.png) 0 0 no-repeat }
					
					#banner_mascara ul#itens li .bt_mais { margin-left: 290px; margin-top:-40px }
					#banner_mascara ul#itens li .bt_mais a { 
						display:block; background-image:url(../imgs/bt_mais.jpg); background-repeat:no-repeat }
					
					#banner_mascara ul#itens li .bt_mais a:hover { background-position: 0 -48px }

	/* clientes */
	
		#clientes h3, #clientes ul { height:159px; margin-top: 41px }
		#clientes { height:220px; background: url(../imgs/clientes_bg.png) 0 0 no-repeat; width:100% }
		#clientes h3 { width: 211px; margin-left:15px; text-align:right; color:#666; font-size:25px; display: block; padding-top:25px }
		#clientes ul { margin-left: 30px; width: 635px }
		#clientes ul li, #clientes ul li span { width:auto; height: 120px }
		#clientes ul li span { float:left; display:block }
		#clientes p, #clientes p a { width: 54px; height: 54px }
		#clientes p { margin-top:70px }
		#clientes p a { background-image:url(../imgs/clientes_bt.png); background-repeat:no-repeat; background-position: 0 0; display:block }
		#clientes p a:hover { background-position: 0 -54px }
		
		#clientes ul li { background-position: 0 0; background-repeat:no-repeat; margin-right: 10px }
		#clientes ul li:hover { background-position: 0 -120px }
		#clientes ul li#unicamp { width: 82px; background-image:url(../imgs/cliente_unicamp.gif)}
		#clientes ul li#iabs { width: 236px; background-image:url(../imgs/cliente_iabs.gif) }
		#clientes ul li#cultura, #clientes ul li#ufba { width: 80px }
		#clientes ul li#cultura { background-image:url(../imgs/cliente_tv_cultura.gif) }
		#clientes ul li#ufba { background-image:url(../imgs/cliente_ufba.gif) }
		#clientes ul li#ei { width: 100px; background-image:url(../imgs/cliente_ei.gif) }

	/* contato_area */
	
		#contato_area { width: 100%; background:url(../imgs/contato_area_bg.gif) 0 0 repeat }
		#contato_area, #contato, #orcamento { color:#fff }
		#contato { height: 322px }
		#contato_area #contato h4 strong, #contato_area #orcamento h4 strong { font-size:27px }
		#contato_area #contato h4, #contato_area #orcamento h4 { font-size:21px; font-weight:normal }
		
			/* contato */
			
				#contato { background:url(../imgs/contato_bg.png) 0 0 no-repeat }
				#contato, #contato h4 { width: 310px }
				#contato h4 { text-align:center; margin-top:65px }
				
				#contato ul { width:254px; font-weight:bold }
				#contato li#tel { 
					width: 170px; padding-left:99px; padding-top:50px; font-size: 24px!important; color:#fff!important;
					margin-bottom:33px }
				#contato li#site, #contato li#email { 
					width: 224px; height:20px; margin-left:22px; padding-left:30px; padding-top: 10px; 
					text-align:left }
				#contato li#email { margin-top:3px }
				#contato li, #contato li a { color:#039; font-size:12px }
				#contato li a:hover { color:#f60 }
			
			/* orcamento */
			
				#orcamento { width:645px; margin-top:36px; padding-bottom:20px }
				#orcamento h4 { 
					width: 566px; height:40px; padding-left: 85px; background:url(../imgs/orcamento_h4.gif) 0 0 no-repeat;
					text-align:left; margin-bottom:10px }
				
				#orcamento form { width: 645px; font-size:12px; font-weight:bold } /* height: 252px */
			#orcamento form .col { width:317px; margin-right: 5px }
			#orcamento form .col p { margin-bottom:10px }
			#orcamento form label { width:103px; text-align:right; margin-right:8px }
			#orcamento form label, .campo1 input, .campo3 select, .campo2 textarea { margin-top:8px }
			.campo1 input, .campo3 select, .campo2 textarea { margin-left: 10px; width:163px; color:#069 }
			select { background-color:#64625b!important }
			
			.campo1, .campo2, .campo3, #orcamento form .bt_form { 
				width:188px; font-weight:bold; background:url(../imgs/orcamento_campos.png); 
				background-repeat:no-repeat }
			
			#orcamento form .campo1, #orcamento form .campo3 { height:30px }
			#orcamento form .campo1 { background-position: 0 0 }
			#orcamento form .campo2 { height:110px; background-position: 0 -36px }
			#orcamento form .campo3 { background-position: 0 -239px }
			#orcamento form .campo3:hover { background-position: 0 -273px }
			#orcamento form .bt_form { height: 38px; background-position: 0 -153px; margin-left:110px }
			#orcamento form .bt_form:hover { background-position: 0 -197px }
			
			/* sucesso */
			
				#orcamento p.intro { width:80%; text-align:left; font-size:16px; margin-left:13%; line-height:21px }
			
			/* multipla escolha */
						
				a.multiSelect { display:block; cursor:pointer }
				a.multiSelect, a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active { 
					text-align:left; margin:8px 0 0 14px; position: relative; text-decoration: none; 
					background-color:#666!important }
					
				a.multiSelect:link { color:#069!important }
				a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active { color:#fff!important }
				.multiSelectOptions, .multiSelectOptions LABEL 
				{ width:310px!important; text-align:left!important; background-color:#666 }
				.multiSelectOptions { margin-top: 30px; overflow-y: auto; overflow-x: hidden; border: solid 1px #666 }
							
				.multiSelectOptions LABEL {
					padding: 8px 5px; display: block; margin:0px!important; border-bottom: 1px dashed #ccc; 
					background-color: #828282; white-space: nowrap; cursor:pointer }
				
				.multiSelectOptions LABEL.optGroup { font-weight: bold }
				.multiSelectOptions .optGroupContainer LABEL { padding-left: 15px }
				.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL { padding-left: 18px }
				.multiSelectOptions input{ vertical-align: middle; margin-right:5px }
				.multiSelectOptions LABEL.checked { background-color: #f90 }
				.multiSelectOptions LABEL.hover { background-color: #999 }
				
		/* mensagem */
		
			#msg { width:100%; margin:10px 0 }
			#msg p { padding: 10px 10px 10px 45px; text-align:left; font-size:12px; color:#fff; margin-left:4%; width:85% }
			#msg .erro { background: #991900 url(../imgs/erro.png) 10px 5px no-repeat }			
		
		/* rodape */
		
			#rodape .col1, #rodape .col2 { text-align:left; color:#635e57; font-size:12px }
			#rodape .col1, #rodape .col2 p#rotulo { padding-top: 38px }
			#rodape .col1, #rodape .col1 p { width: 399px }
			#rodape .col1 { padding-bottom:45px; padding-left:27px }
			
			#rodape .col2 { width:534px }
			#rodape .col2 p#rotulo { width: 300px; text-align:right; margin-right: 16px }
			#bt_adaltech, #bt_adaltech a { width: 188px; margin-top:8px; height: 55px }
			#bt_adaltech a { 
				background-image:url(../imgs/logo_adaltech.gif); background-repeat:no-repeat; background-position: 0 0;
				cursor:pointer; display:block }
			#bt_adaltech a:hover { background-position: 0 -55px }