/************************************
 * Estilo global
 ***********************************/
html { background:#343434; height: 100%;}
body { background: #FFF; color: #515151; font-family: Arial, Helvetica, sans-serif; font-size: 12px; min-width: 1000px; }

img{ border:none 0; vertical-align:bottom; }

a{ color: #8cc63f; text-decoration:none; }
a:hover { color:#8cc63f; }

h3, h2 { font-size: 18px; color:#8cc63f; margin-bottom: 20px; }
p+h3, p+h2 { margin-top: 25px;}
h3 { font-size: 16px; margin: 30px 0 10px 0; }
h4 { font-weight:bold; margin: 20px 0 0;}

p{ line-height:18px; padding-bottom:10px; }
p a { color:#515151; border-bottom: 1px solid; }

label, button { cursor: pointer; }
input[type=text], textarea { border: 1px solid #cecac3; }
input[type=text]:focus, textarea:focus { border-color: #4395f1; }

strong { font-weight: bold; }
em { font-style: italic; }

.imgr { background-repeat: no-repeat; display: block; text-indent: -9999em; }
.hidden { display:none;}
.box-conteudo { padding: 0 10px; margin: 0 auto; width: 980px;}
.btn-mais { background: url(img/bg_btn_mais.jpg) repeat-x; line-height: 16px; height: 16px; display: inline-block; color:#fff; text-transform:uppercase; font-size: 9px; padding: 0 10px; *width: 122px; }

.lista-itens {margin: 15px 0 30px;}
	.lista-itens li { list-style-position: inside; background: url(img/seta.png) no-repeat left 7px; margin-bottom: 6px; line-height: 18px; padding-left: 13px;  }
	.lista-itens.disc li, .lista-itens.numeric li { list-style-type: disc; list-style-image: none; padding-left: 0; background: none; }
	.lista-itens.numeric li { list-style-type: decimal;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/************************************
 * Header
 ***********************************/
#header { background:#343434; border-bottom: 1px solid #585f62; }
	#header .box-conteudo { position:relative;}
		#header h1 { padding: 29px 0 28px; }
		#logo { background: url(img/logo.jpg) no-repeat; width: 267px; height: 28px; }
		#nav { position:absolute; top:18px; right: 0; }
			#nav li { float:left; line-height: 48px; height: 48px; padding: 0 20px; border-left: 1px solid #292a2a; border-right: 1px solid #484848;}
			#nav li:first-child { border-left: none; }
			#nav li:last-child { border-right: none; padding-right: 10px; }
				#nav li a { font-weight:bold; color:#fff; }
				#nav li a.selecionado { color:#8cc63f; }
				#nav li a:hover { color:#8cc63f;}
	
/************************************
 * Body ( Conteudo )
 ***********************************/
#home { background: #292a2a; color: #fff; }

	#body > .box-conteudo { padding: 20px 10px 40px; }

	.coluna-a, .coluna-b {float:left;}
	#body .coluna-a { width: 525px; margin-right: 20px; }
	#body .coluna-b { width: 435px;}
	
	#lancamentos { position:relative; margin: 0 0 15px 0; }
		#lancamentos h3 {
			background: url(img/bg_flag_lancamentos.png) no-repeat;
			color: #5c6b75;
			line-height: 24px;
			font-weight:bold;
			width: 180px;
			height: 24px;
			padding: 0 0 19px 20px;
			text-transform:uppercase;
			font-size:11px;
			position:absolute;
			left: -12px;
			top: 4px;
			margin-top: 5px;
		}
		
	#servicos {}
		.item-servico { float:left; width: 164px; margin-right: 16px; position:relative;}
		.item-servico:last-child { margin-right: 0; }
			.item-servico h2 { background: #3e3e3e; padding: 12px 0 5px 7px; font-size: 15px; margin-bottom:0;}
			.item-servico p {background: #3e3e3e; padding: 0 0 7px 7px; font-size: 11px; margin-bottom: 5px;}
			.item-servico .btn-mais { position:absolute; bottom: -9px; right: 6px;}
			
	#a-empresa { float:left; width: 190px;}
		#a-empresa h2 { font-size: 18px; color:#8cc63f; padding: 13px 0 15px 0; margin-bottom: 0;}
		#a-empresa p { line-height: 17px; /*text-align: justify;*/ }
		
	#podemos-ajudar { background: url(img/bg_corner_podemos_ajudar.jpg) no-repeat; float:left; width: 220px; margin: 0 0 10px 23px; }
		#podemos-ajudar h3 { font-size: 18px; padding: 15px 0 13px 0; position:relative; margin: 0; color:#fff;}
			#podemos-ajudar h3 span { width: 41px; height: 75px; background: url(img/podemos_ajudar.png) no-repeat; position:absolute; top: 0; right: 10px;}
		#podemos-ajudar ul { border: solid #707070; border-width: 0 1px 1px 2px; margin-top: 10px;}
			#podemos-ajudar li { background: url(img/bg_lista_ajuda.jpg); border-left: 1px solid #b7b7b7; border-bottom: 1px solid #ccd2d7;}
			#podemos-ajudar li:last-child { border-bottom:none;}
				#podemos-ajudar a {
					background: url(img/marcador_lista.png) no-repeat 10px center;
					color:#768694;
					display:block;
					line-height: 49px;
					height: 49px;
					padding-left: 25px;
					font-style: italic;
					font-size: 13px;
				}
	
	#ultimas-noticias { clear:both; position:relative; background: url(img/bg_corner_blog.jpg) no-repeat -4px 18px;}
		#ultimas-noticias h3 { font-size: 18px; padding: 19px 0 12px 7px; *padding-top: 9px; margin: 0; color:#FFF; }
			#ultimas-noticias h3 span { position:absolute; width: 138px; height: 101px; background: url(img/blog.png) no-repeat; right: 0; top: 5px;}
		#ultimas-noticias ul { background: #FFF; color:#768694; padding: 0 13px; border: solid #707070; border-width: 0 1px 1px 2px;}
			.noticia { overflow:hidden; padding: 5px 0; border-bottom: 1px solid #ccd2d7; }
			.noticia:last-child {border-bottom:none;}
				.noticia h4 { margin: 5px 0;}
				.noticia h4:first-child { padding-right: 55px; }
					.noticia h4 a {font-size: 15px; font-weight:bold; line-height: 20px;}
				.noticia img { float:left; margin-right: 12px;}
				.noticia p {}
		#ultimas-noticias .btn-mais { position:absolute; right: 16px; bottom: -8px;}
		
	.breadcrumb { color:#9a9b9b; height: 20px;  line-height: 17px;background: #505151;}
	.breadcrumb a { background: url(img/seta2.gif) no-repeat right 7px; color: inherit; padding-right: 10px; margin-right: 10px; }

	
	.faixa-titulo { background: #a8a9a9; height: 52px; line-height: 52px; margin-bottom: 20px;}
		.faixa-titulo img { float:left; margin-right: 15px; }
		.faixa-titulo h1 { float:left; font-size: 22px; color:#fff; }
		
	.servico {float:left; width: 490px; margin-bottom: 60px; overflow:hidden;}
		.servico img { width: 132px; height: 132px; float:left;margin-right: 13px;}
		.servico h2 {font-size: 18px; margin: 30px 0 10px;}
			.servico a { text-decoration: none; border:none;}
			.servico a span { font-weight:normal; font-size: 16px;}
		.servico p { float:left;width: 245px;}
	#servicos .faixa-titulo {margin-bottom: 40px;}
	
	#e-commerce .vantagens { margin-top: 20px;}
	/*#e-commerce #body .coluna-a, #criacao-sites #body .coluna-a, #seo #body .coluna-a, #web-marketing #body .coluna-a  { width: 600px;}
	#e-commerce #body .coluna-b, #criacao-sites #body .coluna-b, #seo #body .coluna-b {width:355px; float:right;}*/
	
	#body .coluna-a { width: 600px; }
	#body .coluna-b {width: 355px; float:right;}
	
	#empresa .coluna-a { width: 150px;}
	#empresa .coluna-b { width: 750px; margin-bottom: 40px;}
	
	#home #body .coluna-a { width: 524px; }
	#home #body .coluna-b { width: 433px;}
	
	#menu-institucional {}
		#menu-institucional li { background: url(img/seta.gif) no-repeat center right; border-bottom: 1px dotted #CCC;}
		#menu-institucional a { display:block; padding: 10px 0; }
		#menu-institucional .atual { font-weight:bold;}
	
	.faq { background: url(img/bg_corner_podemos_ajudar_interna.jpg) no-repeat; margin-top: -10px;}
	.faq h3, .noticias h3 { padding-top: 10px; margin: 0 0 10px; font-size: 18px;}
	.faq ul { border:1px solid #cacaca; border-top:none; padding: 10px 0 20px;}
		.faq li { background: url(img/seta3.gif) no-repeat 11px 10px; padding: 6px 15px 6px 30px; line-height: 15px;}
		.faq li a { color:#343434; }
		
	.noticias { background: url(img/bg_corner_blog_interna.jpg) no-repeat; margin-top: 15px;}
		.noticias h3 { padding-top: 10px;}
		.noticias ul {  border:1px solid #cacaca; border-top:none; padding: 0 10px;}
			.noticias .noticia {border-bottom:1px solid #cacaca; }
			.noticias .noticia:last-child { border:none;}
		.noticias h4 a { color:#656565; font-size: 13px; font-weight:bold; line-height: 20px; }
	
	#portifolio .coluna-a { width: 195px; margin-right: 45px; position:relative;}
	#portifolio .coluna-b { width: 740px;}
	.navegue {color:#fff; height: 30px; display:block; line-height: 30px; margin-bottom: 25px; padding-left: 13px; background: #343434 url(img/bg_seta_navegue.jpg) no-repeat top right; cursor: pointer; }
	.trabalho { float:left; width: 370px; overflow:hidden; margin-bottom: 40px;}
		.trabalho img { float:left; margin-right: 15px; width: 122px; height: 122px; border: 1px solid #e3e3e3;}
		.trabalho h4 { margin: 30px 0 8px; float:left; width: 200px;}
			.trabalho h4 a { font-weight:bold;}
		.trabalho a { color:#343434; font-size: 13px; border:none;}
		.trabalho p { width: 200px; float:left;}
		
	#portifolio #clientes, .navegue-por #clientes { top: 59px; width: 1000px; }
	#portifolio #servicos { top: 114px; }
	#portifolio #servicos, #portifolio #clientes, .navegue-por #servicos, .navegue-por #clientes { position:absolute; left: 0; background: #FFF; border: 1px solid #ababab; padding: 0 0 10px 10px; z-index: 10; }
		.titulo-busca { background: url(img/bg_lista_ajuda.jpg); height: 25px; line-height: 25px; color:#768694; font-weight:bold; font-size: 11px; padding: 0px 10px; border-bottom:1px solid #CCD2D7; margin: 0 0 10px -10px;}
			.titulo-busca .fechar { background: #343434; color:#fff; font-weight:bold; cursor: pointer; float:right; width: 20px; text-align:center; height: 20px; line-height: 20px; margin: 3px -7px 0 0; }
		.lista-portifolio { float:left; width: 190px; margin-right: 10px;}
			.lista-portifolio li { margin-bottom: 10px;}
			.lista-portifolio li a { padding: 3px 3px; display:block; color:#696969;}
			.lista-portifolio li a:hover { background:#768694; color:#fff;}
			
	#portifolio-cliente .coluna-a { width: 360px; margin-right: 35px; }
	#portifolio-cliente .coluna-b { width: 585px;}
		.cliente-servico { float:left; margin: 0 35px 25px 0; width: 152px;}
		.cliente-servico:nth-child(3n+3) { margin-right:0;}
			.cliente-servico img { border: 1px solid #ababab; margin-bottom: 10px; display:block; /*width: 152px; height: 152px;*/ }
			.cliente-servico a { display:block; color:#343434; font-weight:bold; }
			.cliente-servico p { margin-top: 10px;}
		.navegue-por { float:right; position:relative; }
			.navegue-por .navegue { display:inline-block; line-height: 25px; height: auto; margin-left: 10px; padding-left: 5px; width: 145px; }
			.navegue-por #clientes, .navegue-por #servicos { top: 40px; line-height: normal;}
			.navegue-por #clientes { left: -597px;}
			.navegue-por #servicos { left: 189px;}
			
	.accordion { margin: 20px 0; }
		.accordion > li { border:1px solid #CCC; border-bottom:none; }
		.accordion > li + li { border-top:none;}
		.accordion > li:last-child h3 {border-bottom:none;}
		.accordion > li:last-child {border-bottom: 1px solid #ccc;}
		.accordion h3 {
			margin: 0;
			background: url(img/bg_lista_ajuda.jpg) repeat-x;
			border-bottom: 1px solid #CCC;
			height: 30px;
			line-height: 30px;
			color: #768694;
			font-size: 12px;
			font-weight: bold;
			padding-left: 10px;
			text-shadow: 0 1px 0 #FFF;
			cursor:pointer;
		}
			.accordion h3 img { float:right; margin: 13px 15px 0 0; }
		.accordion > li:first-child, .accordion > li:first-child h3 {
		     -moz-border-radius: 3px 3px 0 0; /* FF1+ */
		  -webkit-border-radius: 3px 3px 0 0; /* Saf3+, Chrome */
		          border-radius: 3px 3px 0 0; /* Opera 10.5, IE 9 */
		}
		.accordion > li:last-child, .accordion > li:last-child h3 {
		     -moz-border-radius: 0 0 3px 3px; /* FF1+ */
		  -webkit-border-radius: 0 0 3px 3px; /* Saf3+, Chrome */
		          border-radius: 0 0 3px 3px; /* Opera 10.5, IE 9 */
		}		
		.accordion ul { border-bottom: 1px solid #CCC; padding: 10px; display:none;}
		.accordion li:last-child ul {border-bottom:none; }
			.accordion ul li { margin-bottom: 15px; list-style: disc inside; line-height: 20px; }
			.accordion > li:last-child ul { border-top: 1px solid #CCC;}
			.accordion ul > li:last-child {margin: 0;}
			
	#modal-portifolio { width: 450px; text-align:center;}
	#modal-portifolio p { text-align:left; width: 400px; }
	#modal-portifolio h3 { text-align:left; margin-top: 0;}
		#modal-portifolio {  }
/****************************************
* Vinicius
*****************************************
/*Glossário*/
#glossario2{ margin:0 0 20px 0; overflow: hidden; }
    	
#glossario2 p
{
	float: left;
	display: inline;
	border: 1px solid #cccccc;
	cursor: pointer;
	padding: 0;
	width: 25px;
	height: 20px;
	margin-right: 12.7px;
	text-align: center;

     -moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3+, Chrome */
          border-radius: 3px; /* Opera 10.5, IE 9 */

     -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2); /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2); /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px rgba(0,0,0,0.2); /* Opera 10.5, IE 9.0 */
	
}
#glossario2 p:last-child { margin: 0; }
#glossario2 p a
{
	text-decoration: none;
	color: #666666;
    border:none;
	display: block;
	width: 100%;
	height: 100%;
}
#glossario2 p a:hover { background-color:#cccccc; font-weight: bold; }
#gloPaginacao a
{
	text-decoration: none;
	color:#666666;
}
#gloPaginacao a:hover
{
	color: #333333;
	text-decoration:underline;
}
h2#t-glossario{
	margin:0px 30px 0px 30px;
	text-indent:-9999em;
	overflow:hidden;
	width:169px;
	height:25px;
	background:url(../img/glossario.gif) left top no-repeat;
}

#glossario-busca{}
#glossario-busca div { background: url(img/bg_lista_ajuda.jpg) repeat-x; padding: 10px; border: 1px solid #CCC; }

#glossario-resultado{ margin:40px 0 0 0;  }
#glossario-resultado p{ /*margin-bottom:20px; border:none; float:left; */}
#glossario-resultado a{color:#515151;}
#glossario-resultado a:hover{color:#8CC36F;}

.glossario-lista{ list-style:none; margin:10px 0 0 0; overflow: hidden; }
.glossario-lista li{ float:left; padding:0 0 0 15px; width:311px; background:url(../imgsnova/seta-glossario.gif) left 3px no-repeat; font-weight:bold; margin-bottom: 15px;  }
#glossario #body { min-height: 400px; }
			
/************************************
 * DIEGOOO
 ***********************************/			
	#contato #contato-esq{ float:left; list-style:none outside none;}
		#contato #contato-esq label { display:block;}
		
		#contato #contato-dir{ 
			border-left:1px solid #BABABA;
			float:right;
			height:341px;
			list-style:none outside none;
			padding:0 0 0 112px;
		}
		
		
		#contato #contato-esq li{ margin:0 0 8px;}
		
		#contato #contato-esq .input-text, #contato #contato-dir .input-text{
			border-color:#E1E1E1;
			border-left:1px solid #E1E1E1;
			border-style:solid;
			border-width:1px 2px 2px 1px;
			width:365px;
		}
		
		#contato #contato-esq textarea{
			border-color:#E1E1E1;
			border-left:1px solid #E1E1E1;
			border-style:solid;
			border-width:1px 2px 2px 1px;
			height:145px;
			margin:0;
			width:365px;
		}
		
		#contato-dir .input-btenviar  { margin:10px 0 10px 306px; }
		
		/*Endereços*/
		
		#contato #endereco-foto{
			float:right;
			width:368px;
		}
		
		.subt-web-fotografia{ color:#8CC63F; font-size:18px; margin:0 0 6px;}
		
		#empresa-esq {
			float:left;
			list-style:none outside none;
			text-align:justify;
			width:495px;
		}
		.subt-web-fotografia { margin-bottom: 10px; }
		.frase-a-empresa{ font-style:italic; color:#A8A9A9; margin-bottom: 10px;}
		
		/* Portfólio fotografia */
		
		#portifolio-foto-esq  { float:left; margin:0 0 0 30px; width:260px;}
		#portifolio-foto-meio { margin:0 0 0 368px; width:260px;}
		#portifolio-foto-dir  { float:right; width:260px;}
		.potifolioCh { border:1px solid #CCCCCC; border:1px solid #CCCCCC; margin-bottom:8px; margin-bottom:8px; padding:5px; padding:5px;}		
		.portifolio-foto-box img:hover{background:#8DC73F;}
		.portifolio-foto-box h1 a{font-size:16px; margin:30px 0 10px; color:#7F8577;}		
		.portifolio-foto-box h1 {margin:0 0 15px;}	
/************************************
 * Footer
 ***********************************/
#footer { background:#343434; border-top: 1px solid #585f62; color:#fff; text-align:center; font-size: 11px;}
#footer .box-conteudo { position: relative; padding: 27px 0; }
	.rodape-links {}
		.rodape-links li { display:inline; margin-right: 10px;}
		.rodape-links li a { color:#1b1b1b;}
		.rodape-links li a:hover { color:#8cc63f; }
		
	#mostra-painel-controle { position: absolute; top: -16px; left: 0; padding-right: 0; cursor: pointer; }
	#mostra-painel-controle span { width: 19px; height: 16px; float: right; background: url(img/seta-baixo.png); }
		#painel-controle { background: url(img/alpha.png); position: absolute; top: 0; left: 0; width: 160px; padding: 15px; text-align: left; }
			#painel-controle a { border: none; color: #FFF; }
			#painel-controle h3 { margin:  0 0 5px 0; }
				#painel-controle h3 a { text-transform: uppercase; font-size: 12px; font-weight: bold; }
					#painel-controle h3 a span { font-weight: bold; color: #afd32e; }
			#painel-controle p { padding-bottom: 0;}