@charset "utf-8";
@import url(reset.css);

/* Autor: Jailson Miranda - www.jailsonmiranda.com */

@font-face {
	font-family: "optima";
	src:url("Optima-medium.ttf");
	}

@font-face {
	font-family: "optima-bold";
	src:url("optima-bold.ttf");
	}	

html { background:url(../img/bg-green.jpg) repeat; font-family: Arial, Helvetica, sans-serif; height:100%; position:relative }
body { background:url(../img/bg-light.png) no-repeat center top; height:100%; position:relative; font-size:14px}
header{ background: url(../img/line-header.png) repeat-x bottom; width:100%; height:383px;}
header .container-header { width:1000px; height:383px; background:url(../img/bg-header.png) bottom center no-repeat; margin:0 auto}
#logo {width:273px; height:210px; float:left; margin-top:30px}
#logo a { background:url(../img/logo-nova02.png) no-repeat; width:273px; height:210px; display:block }
#logo span { display:none}
p {font-size:14px; line-height:normal}
a { color:#000; text-decoration:none}
a:hover {text-decoration: underline}
nav { width:696px; float:right; border-bottom:1px solid #8cad97; height:46px; margin-top:50px; position:relative}
nav ul li { display:inline-block; font-family:"optima"; font-size:15px; font-weight:normal; height:46px; margin:0px 0px 0px 0px; float:left}
nav ul .separador-menu { width:2px; background:url(../img/separar-menu.jpg) repeat-y; }

nav ul li a {background: url(../img/bg-menu.jpg) no-repeat 0px 120px; height:27px; display: inline-block; padding:14px 9px 5px 9px; text-transform:uppercase; text-decoration:none; color:#000;}
nav ul li a:hover { /*background: url(../img/bg-menu.jpg) no-repeat 0px 0px;*/ text-decoration:none}

.submenu{
   display:none;
   position:absolute;
   z-index:100;
   top:48px;
   left:157px;
   width:356px;
}
.submenu li { width:356px; height:35px; margin-bottom:2px}
.submenu li a{ background: #5e9351 url(../img/bg-submenu.png) no-repeat; height:23px; padding:12px 10px 0 32px; margin:0}
.submenu li a:hover { background:#f58220 url(../img/bg-submenu.png) no-repeat;} 
.submenu02 a { width:180px;}
.submenu03 a { width:140px;}
.submenu04 a { width:120px;}

.painel {width:528px; height:240px; float:left; margin:20px 0px 0px 30px}
#middle { width:100%; background:url(../img/bg-middle.png) repeat-x; margin-top:2px }
.container-middle { width:1000px; margin:0 auto; min-height:400px} 

h2, h3 {font-family:"optima-bold";}

footer { width:100%; background: #7ead73 url(../img/bg-footer.png) repeat-x; margin-top:35px; float:left;}
.container-footer { background:url(../img/bg-footer-logo-nova.png) no-repeat; background-position:530px 10px; width:1000px; margin:0 auto;}
footer address { font-size:14px; color:#FFF; font-style:normal; margin:20px 0 15px 0; float:left} 
footer a { color:#FFF}
.facebook { background:url(../img/facebook.png) no-repeat; width:48px; height:61px; float:left; margin:5px 0 0 370px}
.facebook span, .desenvolvedor span { display:none}
.desenvolvedor { background:url(../img/logo-desenvolvedor-jailson-miranda.png) no-repeat; width:80px; height:49px; float:right; margin:15px 0 0 0px}



/* ********  HOME ********* */

.tt-nossos-servicos-home { background:url(../img/tt-nossos-servicos.png) no-repeat; width:1000px; text-align:center; text-transform:uppercase; font-size:20px; color:#003067; margin-top:25px; float:left }

.meio-ambiente-home { margin-top:28px; float:left; width:520px; }
.meio-ambiente-home h2 { color:#f58220; font-size:23px; text-transform:uppercase}
.meio-ambiente-home .textos-meio-ambiente { margin-top:20px}
.meio-ambiente-home .textos-meio-ambiente p{ background-image:url(../img/bg-texto-inicial.png); background-repeat: no-repeat; height:34px; font-size:12px; font-weight:bold; text-transform:uppercase; padding:17px 0 0 15px; margin-bottom:5px}
.text-ma-01{ background-position:0px 0px; width:503px;}
.text-ma-02{ background-position:0px -54px; width:503px; }
.text-ma-03{ background-position:0px -108px; width:489px; }
.text-ma-04{ background-position:0px -162px; width:476px; }
.text-ma-05{ background-position:0px -216px; width:463px; }


.seguranca-trabalho-home { margin-top:28px; float: right; width:518px; margin-left:-38px}
.seguranca-trabalho-home h2 { color:#f58220; font-size:23px; text-align:right; text-transform:uppercase; margin-right:5px}
.seguranca-trabalho-home .textos-seguranca { margin-top:20px}
.seguranca-trabalho-home .textos-seguranca p{ background-image:url(../img/bg-texto-inicial.png); background-repeat: no-repeat; height:34px; font-size:12px; font-weight:bold; text-transform:uppercase; padding:17px 15px 0 0 ; margin-bottom:5px; text-align:right; float:right}
.text-st-01{ background-position: right 0px; width:463px;}
.text-st-02{ background-position: right -54px; width:476px;}
.text-st-03{ background-position: right -108px; width:489px;}
.text-st-04{ background-position: right -162px; width:503px;}
.text-st-05{ background-position: right -216px; width:503px;}


/* ********  INTERNAS ********* */

.tts-internas {color:#f58220; font-size:23px; text-transform:uppercase; background: url(../img/bg-tt-internas.png) no-repeat bottom; width:1000px; height:33px; float:left; margin:25px 0px 15px 0px} 
.list li { background:url(../img/icon-list-equipe.png) no-repeat 0px 2px; padding:0px 0px 0px 20px; margin-bottom:15px; list-style:none!important }

/* ********  EMPRESA ********* */

.missao-visao { background:url(../img/bg-visao-valores.png) no-repeat; width:991px; height:81px; margin:20px 0 0 0}
.missao-visao h3 { color:#003067; font-family:"optima-bold"; text-transform:uppercase; padding:18px 0 0 20px;}
.missao-visao p {padding:5px 0 0 20px;}

/* ********  EQUIPE ********* */

.list-equipe { width:315px; float:left; margin-right:25px; margin-top:30px}
.list-last { margin-right:0 !important}


/* ******** LINKS ********* */

.links-ma, .links-st { width:485px; float:left}
.links-ma { margin-right:20px}
.links-ma h4, .links-st h4{ text-transform:uppercase; font-family:"optima-bold"; color:#003067; font-size:16px; margin:20px 0 20px 0}
.links-ma span, .links-st span { font-weight:bold;}


/* ******** serviços ********* */

.list-servicos {  width:485px; height:84px; float:left; font-family:"optima-bold"; margin:30px 30px 0 0 }
.list-servicos img { float:left}
.list-servicos div { width:394px; float:left}
.list-servicos h5 { font-size:18px; margin:26px 0 0 20px; text-transform:uppercase; font-weight:normal}
.list-servicos p { font-size:14px; margin:5px 0 0 20px; text-transform:uppercase}
.tt-internas-servicos { color:#0072bc; font-size:18px; font-family:"optima-bold"; text-transform:uppercase;}
.middle-servicos { margin-top:30px; float:left}

.tab-container { margin-top:20px;}
.tab a{ background:url(../img/bg-tt-serv-internas.png) no-repeat; width:1000px; height:27px; font-size:16px; font-family:"optima"; text-transform:uppercase; padding:10px 0 0 26px; display:block; margin-top:10px}
.tab-dark a{ background:url(../img/bg-tt-serv-internas-dark.png) no-repeat;}	
.container-tabs-servicos { width:1000px; margin:15px 0 15px 0 }
.container-tabs-servicos p{ line-height:normal; padding-bottom:15px; font-size:14px}

	/* ******** Meio Ambiente ********* */
	
	.list-s-meio-ambiente {background:url(../img/bg-list-meio-ambiente.jpg) no-repeat; color:#7ba725;}
	.list-s-meio-ambiente h5, .list-s-meio-ambiente p{color:#7ba725}
	
	/* ******** Seguranca ********* */
	
	.list-s-seguranca {background:url(../img/bg-list-meio-ambiente.jpg) no-repeat; color:#0072bc;}
	.list-s-seguranca h5, .list-s-seguranca p{color:#0072bc}


	/* ******** treinamentos ********* */
	
	.list-s-treinamentos {background:url(../img/bg-list-meio-ambiente.jpg) no-repeat; color:#0072bc;}
	.list-s-treinamentos h5, .list-s-qualidade p{color:#7a7a7a}


	/* ******** qualidade ********* */
	
	.list-s-qualidade {background:url(../img/bg-list-meio-ambiente.jpg) no-repeat; color:#f58220;}
	.list-s-qualidade h5, .list-s-qualidade p{color:#f58220}
	
	

/* ******** Parceiros ********* */
.bg-clientes, .bg-parceiros {float:left; width:484px; border-radius: 20px}
.sub-tt-clientes {font-size:20px; margin:20px 0 10px 20px; text-transform:uppercase; font-weight:normal; color:#003067; font-family:"optima-bold";}
.bg-clientes { background: #cdeedb;  }
.bg-parceiros { background: #cdeedb; /*background: #b6e4c9;*/ margin-left:30px }
.parceiro { background:url(../img/bg-parceiros.png) no-repeat; width:220px; height:150px; float:left; margin:0px 0px 15px 15px}
.parceiro a { margin:10px 0 0 10px; width:201px; height:131px; float:left}	


/* ******** Formulário ********* */

.formulario { width:608px; float:left; margin-top:30px}
.formulario form {width:608px;}
.formulario form label { margin-bottom:15px; float:left}
.formulario form input, .contato-mensagem { border:1px solid #9dbe95; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top:10px; padding-left:10px; -moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/} 
.contato-nome, .contato-email, .contato-mensagem { width:598px}
.contato-telefone, .contato-celular { width:283px;}
.contato-telefone { margin-right:17px}
.contato-mensagem { height:90px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.bt-enviar { background:url(../img/bt-enviar.png) no-repeat; width:114px; height:39px; display:inline-block; float:right; cursor:pointer; border:none !important}

.mapa-contatos { width:365px; float: right; margin:30px 0 0 0}
.fone-email { background:#c3e3cd; padding:12px 0 12px 12px; margin-bottom:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

/* ********  diversos ********* */
.subtitulos{ text-transform:uppercase; font-size:16px; color: #003067;}
.clear { clear:both}
.right-none { margin-right:0px !important}
.left-none { margin-left:0px !important}
.sublinhado  { text-decoration:underline}
.pag-desenvolvimento{ background:url(../img/icon-pag-desenvolvimento.png) no-repeat; width:273px; height:162px; margin:40px 0 0 370px; float:left }
.list-simples,  .container-tabs-servicos ul li { list-style:circle; margin-left:10px;}
.list-simples li, .container-tabs-servicos ul li { padding-bottom:5px}
.solicite-orcamento { color:#0072BC}
.italico { font-style:italic}
.fotos-eventos {  border:5px solid #88c9a2; margin:10px}