* { margin:0; padding:0; }

body {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #3C3C3C;
	background: url(i/fundos/bg-degrade-topo.jpg) repeat-x top left;
}

/* CLASSES DE FORMATACAO DE TEXTO - CONTEUDO DO GERENCIADOR */
	.sublinhado 						{ text-decoration: underline; }
	em 									{ font-style: italic; }
	a 									{ outline: none !important; cursor: pointer; }
	a:hover 							{ text-decoration: underline; }
	.bold 								{ font-weight: bold; }
	ul,ol 								{ list-style: none; }
	.txtEsquerda 						{ text-align: left!important; }
	.txtDireita 						{ text-align: right!important; }
	.txtCentro 							{ text-align: center!important; }
	.txtJustificado, .txtJustificado * 	{ text-align: justify!important; }
	h2 span 							{ display: none; }
	
	
	.clear 				{ clear: both; }
	.none 				{ display: none; }
	.left 				{ float:left; }
	.right 				{ float:right!important; }
	.no-margin			{ margin: 0 !important; }
	.no-margin-right	{ margin-right: 0 !important; }
	.no-margin-left		{ margin-left: 0 !important; }
	 
	a img 		{ border: none; } 
	a 			{ text-decoration: none; color: #3C3C3C; }
	a:hover { color: #0A660A !important; text-decoration: none; }
/* ESTRUTURA */
	#pagina	{ width: 801px; margin: 0 auto; position: relative; overflow: hidden; }
	
	#cabecalho { position: relative; overflow: hidden; background: url(i/fundos/bg-topo.gif) repeat-x bottom left; margin-bottom: 10px; }
	#cabecalho .info { height: 83px; width: 801px; margin: 0 auto; }
	#cabecalho .info .logo-tecmesul { float: left; margin: 15px 0 0 0; }
	#cabecalho .info .logo-tecmesul a { width: 279px; height: 47px; float: left; background: url(i/logomarca-tecmesul.png) no-repeat top left; }
	#cabecalho .info .logo-tecmesul a span { display: none; }
	#cabecalho .info form { float: right; margin: 25px 0 0 0; }
	#formulario-newsletter, #bt-newsletter {margin-left:-150%;}
	
	
	div.form-newsletter { position: absolute; top: 15%; left: 39%; }
	div.form-newsletter p.newsletter a { font-size: 9px; text-transform: uppercase; color: #006F3F; z-index: 9999; position: relative; bottom: 90px; left: 273px; }
	div.form-newsletter form { width: 200px; height: 120px; background: url(i/fundos/bg-newsletter.png) no-repeat top left; position: absolute; bottom: -10px; left: 150px; z-index: 99; } 
	div.form-newsletter form .elements { margin: 30px 0 0 10px; }
	div.form-newsletter form .elements .campo { float: left; clear: both; margin-bottom: 7px; width: 100%; }
	div.form-newsletter form .elements .campo label { float: left; font-size: 11px; color: #3A3838; width: 50px; text-align: right; padding-right: 3px; margin-top: 4px; }
	div.form-newsletter form .elements .campo input[type='text'] { border: none; background: #F0F0F0; width: 113px; padding: 3px 0; } 
	div.form-newsletter form .elements .campo input[type='image'] { float: right; margin-right: 25px; margin-top: -5px; }
	
	#cabecalho .info form p { float: left; }
	#cabecalho .info form p span.i-busca-topo { background: url(i/fundos/bg-input-busca-topo.png) no-repeat top left; width: 191px; height: 29px; float: left; }
	#cabecalho .info form p label.in { margin: 8px 0 0 12px; }
	#cabecalho .info form p span.i-busca-topo input { margin: 8px 0 0 11px; width: 170px; border: none; background: none; font-size: 11px; }
	#cabecalho .info form p span.botao { background: url(i/fundos/delimiter.png) no-repeat top left; float: left; padding: 0 10px; margin-left: 10px;  }
	#cabecalho .info form p span.botao input { margin: 4px 0 0 0; } 
	
	#cabecalho .fundo { background: #007442 url(i/fundos/bg-verde.jpg) no-repeat top center; height: 248px; }
	#cabecalho .fundo #bg-slideshow { background: url(i/fundos/bg-slideshow.png) no-repeat top center; height: 248px; position: relative; z-index: 7; }
	#cabecalho .fundo #slideshow { width: 800px; margin: 0 auto; height: 248px; overflow: hidden; }
	
	/* MENU */
		#cabecalho #menu-principal { 
			margin: 0 auto; 
			background: url(i/fundos/bg-menu-principal.png) no-repeat top left; 
			width: 801px; 
			height: 41px; 
			margin-top: -10px; 
			position: relative; 
			z-index: 99; 
		}
			
		#cabecalho #menu-principal ul li 							{ float: left; }
		#cabecalho #menu-principal ul li a 							{ background: url(i/sprites/sprite-menu-principal.png) no-repeat top left; margin-left: 5px; float: left; height: 38px; }
		#cabecalho #menu-principal ul li a span 					{ display: none; }
		#cabecalho #menu-principal ul li.index a 					{ width: 74px; background-position: -5px -55px; margin-left: 10px; }
		#cabecalho #menu-principal ul li.capa a:hover, 
		#cabecalho #menu-principal ul li.capa a.active 				{ background-position: -5px -11px; }
		#cabecalho #menu-principal ul li.quem-somos a 				{ width: 111px; background-position: -79px -55px; }
		#cabecalho #menu-principal ul li.quem-somos a:hover,
		#cabecalho #menu-principal ul li.quem-somos a.active 		{ background-position: -79px -11px; }
		#cabecalho #menu-principal ul li.atuacao a 					{ width: 88px; background-position: -193px -55px; }
		#cabecalho #menu-principal ul li.atuacao a:hover, 
		#cabecalho #menu-principal ul li.atuacao a.active 			{ background-position: -193px -11px; }
		#cabecalho #menu-principal ul li.clientes a 				{ width: 86px; background-position: -282px -55px; }
		#cabecalho #menu-principal ul li.clientes a:hover, 
		#cabecalho #menu-principal ul li.clientes a.active 			{ background-position: -282px -11px; }
		#cabecalho #menu-principal ul li.noticias a 				{ width: 79px; background-position: -376px -55px; }
		#cabecalho #menu-principal ul li.noticias a:hover, 
		#cabecalho #menu-principal ul li.noticias a.active 			{ background-position: -376px -11px; }
		#cabecalho #menu-principal ul li.qsms a 					{ width: 82px; background-position: -455px -55px; }
		#cabecalho #menu-principal ul li.qsms a:hover, 
		#cabecalho #menu-principal ul li.qsms a.active 				{ background-position: -455px -11px; }
		#cabecalho #menu-principal ul li.trabalhe-conosco a 		{ width: 134px; background-position: -548px -55px; }
		#cabecalho #menu-principal ul li.trabalhe-conosco a:hover, 
		#cabecalho #menu-principal ul li.trabalhe-conosco a.active 	{ background-position: -548px -11px; }
		#cabecalho #menu-principal ul li.contato a 					{ width: 88px; background-position: -680px -55px; }
		#cabecalho #menu-principal ul li.contato a:hover, 
		#cabecalho #menu-principal ul li.contato a.active 			{ background-position: -680px -11px; } 
		
	/* FORMULARIO BUSCA TOPO */
		#form-busca-principal { float: right; margin: 10px 3px 0 0; }
		#form-busca-principal span.bg-input { 
			background: url(i/fundos/bg-input-busca.png) no-repeat top left; 
			float: left; 
			height: 21px; 
			width: 94px; 
			padding: 8px 0 1px 10px; 
		}
		#form-busca-principal input[type='text'] { border: none; width: 94px; height: 18px; float: left; font-size: 11px; color: #666; }
		#form-busca-principal input[type='image'] {  }
	
	#conteudo { clear: both; background: #FFF; padding: 0 13px; overflow: hidden; }
	
	/* CONTEUDO CAPA */
		#pagina div.box { float: left; height: 275px; width: 237px; }
		#pagina div.box div.box-adjusting { overflow: hidden; height: 205px;  }
		#pagina div.box a.veja { clear: both; display: block; margin: 0 auto; height: 23px; }
		#pagina div.box a.veja span { display: none; }
		#pagina div.box a.veja-mais { width: 63px; background-position: -44px 0; }
		#pagina div.box a.veja-lista { width: 118px; background-position: -44px -24px; }
		#pagina div.box a.veja-mais-noticias { width: 171px; background-position: -44px -47px; }
		h2.tit-box { display: block; background: url(i/sprites/sprite-titulos-capa.png) no-repeat; height: 30px; margin: 0 auto; }
		.s-capa { background: url(i/sprites/sprite-imgs-capa.png) no-repeat top left; }
		#pagina div.box h2.quem-somos { width: 175px; background-position: -17px 0; }
		#pagina div.box h2.trabalhos-realizados { width: 215px; background-position: -228px 0; }
		#pagina div.box h2.noticias-e-novidades { width: 215px; background-position: -492px 0; }
		#box-verde .content h2.atuacao { width: 188px; background-position: 0 -42px; }
		#box-verde .content h2.qsms { width: 131px; background-position: -225px -42px; }
		#box-verde .content h2.trabalhe-conosco { width: 189px; background-position: -491px -42px; }
		
		
		#pagina div.quem-somos { width: 257px; margin-right: 15px; }
		#pagina div.quem-somos p { color: #3C3C3C; text-align: justify; line-height: 18px; margin-top: 8px; }
		
		#pagina div.trabalhos-realizados { width: 290px; }
		#pagina div.trabalhos-realizados #carouselTrabalhosRealizados {  }
		#pagina div.trabalhos-realizados #carouselTrabalhosRealizados li { position: relative; }
		#pagina div.trabalhos-realizados #carouselTrabalhosRealizados li a:hover { text-decoration: none; }
		#pagina div.trabalhos-realizados #carouselTrabalhosRealizados li a span { background: #000;	position: absolute;	bottom: 10px; display: block; width: 257px; margin: 0 auto; opacity: .7; filter:alpha(opacity=70); padding: 10px 0; color: #FFF; z-index: 99;
		}
		
		#pagina div.noticias-e-novidades { width: 230px; float: right; }
		#pagina div.noticias-e-novidades .noticia { width: 225px; margin: 0 auto; margin-top: 7px; padding-bottom: 6px; }
		#pagina div.noticias-e-novidades .noticia p.titulo { color: #3C3C3C; font-weight: bold; text-align: justify; font-size: 13px; }
		#pagina div.noticias-e-novidades .noticia p.descricao { color: #3C3C3C; text-align: justify; line-height: 18px; }
		
		#box-verde { width: 100%; background: #F1FAEC; padding: 20px 0; margin: 10px 0 0 0; clear: both; margin-bottom: -18px; }
		#box-verde .content { width: 801px; margin: 0 auto; overflow: hidden; clear: both; }
		#box-verde .content .box { float: left; }
		
		#box-verde .content div.atuacao { width: 220px; margin-right: 58px; }
		#box-verde .content div.atuacao ul {  }
		#box-verde .content div.atuacao ul li { background: url(i/fundos/seta-lista.png) no-repeat top left; background-position: 0 11px; padding-left: 15px; line-height: 30px; margin-top: 5px; }
		#box-verde .content div.atuacao ul li a { font-size: 18px; letter-spacing: -0.06em; }
		
		#box-verde .content div.qsms { width: 240px; }
		#box-verde .content div.qsms ul {  }
		#box-verde .content div.qsms ul li { line-height: 30px; margin-top: 4px; float: left; cleat: both; width: 100%; }
		#box-verde .content div.qsms ul li a span { float: left; width: 33px; height: 33px; margin-right: 3px; }
		#box-verde .content div.qsms ul li.icone-link31 a span { background-position: 0 0; }
		#box-verde .content div.qsms ul li.icone-link32 a span { background-position: 0 -40px; }
		#box-verde .content div.qsms ul li.icone-link33 a span { background-position: 0 -80px; }
		#box-verde .content div.qsms ul li.icone-link34 a span { background-position: 0 -120px; }
		#box-verde .content div.qsms ul li a { font-size: 18px; letter-spacing: -0.06em; float: left; width: 100%; margin-left: 5px; }
		
		#box-verde .content div.trabalhe-conosco { width: 237px; float: right; }
		#box-verde .content div.trabalhe-conosco p.desc { font-size: 18px; color: #3C3C3C; line-height: 22px; letter-spacing: -0.06em; width: 100%; margin: 5px auto 10px auto; text-align: justify; }
		#box-verde .content div.trabalhe-conosco a { width: 237px; margin: 0 auto; display: block; }
		
	/* RODAPE */	
		#rodape { clear: both; height: 180px; background: url(i/fundos/bg-degrade-rodape.jpg) repeat-x bottom left; width: 100%; }
		#rodape ul { width: 880px; margin: 0 auto; background: url(i/fundos/capacete.png) no-repeat top left; padding: 50px 0 0 0; }
		#rodape ul li { display: inline; padding: 0 0 0 25px; }
		#rodape ul li.first { padding-left: 135px; }
		#rodape ul li a { font-size: 14px; color: #323232; font-weight: bold; }
		#rodape div.endereco { color: #564C4C; width: 801px; font-size: 11px; text-align: center; line-height: 20px; margin: 15px auto 10px auto; }
		#rodape .text-bottom { width: 750px; margin: 0 auto; }
		#rodape .termos { margin: 0 0 0 250px; float: left; }
		#rodape .by { float: right; font-size: 11px; }
		#rodape .by a { color: #73090C; margin-left: 5px; }
		#rodape .by a:hover { color: #73090C !important; text-decoration: underline; }
		
/* ACESSIBILIDADE INTERNA */
	#acessibilidade-interna { clear: both; margin: 0 auto; overflow: hidden; width: 801px; padding: 5px 0; }
	#acessibilidade-interna span { float: left; margin: 0 5px; font-size: 11px; color: #4E3951; }
	#acessibilidade-interna ul.breadcrumb { float: left; }
	#acessibilidade-interna ul.breadcrumb li { float: left; }		
	#acessibilidade-interna ul.breadcrumb li .sem-link { color: #0A660A; font-weight: bold; } 
	#acessibilidade-interna ul.breadcrumb li a { float: left; font-size: 11px; color: #4E3951; font-weight: bold; }
	
	#opcoes-acessibilidade-interna ul.opcoes { float: right; margin: 5px 0 0 0; }
	#opcoes-acessibilidade-interna ul.opcoes li { float: left; }		
	#opcoes-acessibilidade-interna ul.opcoes li a { 
		float: left; 
		background: url(i/sprites/sprite-acessibilidade.png) no-repeat top left;
		width: 27px; 
		height: 27px; 
		margin-right: 5px;
	}

	#opcoes-acessibilidade-interna ul.opcoes li a.favoritos { background-position: 0 0; }
	#opcoes-acessibilidade-interna ul.opcoes li a.fonte-mais { background-position: -31px 0; }
	#opcoes-acessibilidade-interna ul.opcoes li a.fonte-menos { background-position: -62px 0; }
	#opcoes-acessibilidade-interna ul.opcoes li a.imprimir { background-position: -93px 0; }
	#opcoes-acessibilidade-interna ul.opcoes li a.voltar { background-position: -124px 0; }
	
	/*#opcoes-acessibilidade-interna ul.opcoes li a.favoritos:hover { background-position: 0 -31px; }
	#opcoes-acessibilidade-interna ul.opcoes li a.fonte-mais:hover { background-position: -35px -31px; }
	#opcoes-acessibilidade-interna ul.opcoes li a.fonte-menos:hover { background-position: -70px -31px; }
	#opcoes-acessibilidade-interna ul.opcoes li a.voltar:hover { background-position: -105px -31px; } */
	
	#opcoes-acessibilidade-interna ul.opcoes li a span { display: none; } 

/* RESULTADOS DA BUSCA */
	#resultados-da-busca { width: 100%; clear: both; float: left; }
	#resultados-da-busca p { float: left; clear: both; margin: 10px 0; }
	#resultados-da-busca p.results { margin: 0; font-size: 13px; color: #666; }
	#resultados-da-busca p.results span { font-weight: bold; font-size: 14px; color: #007042; }
	#resultados-da-busca p a { float: left; margin-bottom: 5px; }
	#resultados-da-busca p a.titulo { font-size: 15px; color: #007042; font-weight: bold; margin: 0; }
	#resultados-da-busca a.descricao { color: #666; clear: both; margin-bottom: 2px; }
	#resultados-da-busca a.url { color: #82BE29; clear: both; float: left; }
	

/* PAGINACAO */
	.paginacao {
		clear: both;
		padding: 15px 3px;
		text-align: center;
		width: 697px;
		margin: 0 auto;
		height: 15px;
		list-style-type: none;
		overflow: hidden;
		margin-bottom: 10px;
	}
	
	.paginacao a { font-weight: bold; font-size: 15px; color: #0C7C0C !important; }
	
	.paginate {
		height: 30px;
		padding:6px;
		border:1px solid #0C7C0C;
		background: #FFF;
		margin: 0 3px;
		
	}
	.nolink {
		color: #FFF;
		font-size: 15px;
		background: #0C7C0C;
		padding: 6px;
		border:1px solid #0C7C0C;
	}
		
/* MENSAGEM ALERTA */
	.msgSistema {
		overflow: hidden;
		display: block;
		z-index: 999;
		width: 100%;
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		color: #FFF;
		font-weight: bold;
		font: 22px arial, sans-serif;
		opacity: .9;
		filter:alpha(opacity=90);
	}
	
	.msgSistema span { font-size: 26px; font-weight: bold; }
	
	#msgSucesso{	
		background-color: #21A71F;
		color: #FFF;
		font-weight: bold;
		font-size: 32px;
		height: 0;
	}
	
	#msgErro{
		padding: 5px;	
		background-color: #CF5A5A;
		text-align: left;
		color: #fff;
		font-size: 12px;
	}
	
	#msgErro ul { list-style: square; padding-left: 25px; margin-top: 10px; }
		
/* INFIELDLABELS */
	form.infield p 		{ position: relative; float: left; z-index: 0;  }
	form.infield p label.in	{ position: absolute; top: 0; left: 0; z-index: 1; margin: 8px 0 0 12px; font-size: 11px; color: #666; }