@charset "utf-8";
/***********************************************************************************
*  Alerta Engenharia 01/Outubro/2014 08h10
* -------------------------------------------------------------------------------- *
*  CSS - Wesley Soares
* -------------------------------------------------------------------------------- *
*  © DV9 Soluções Digitais http://www.dv9.com.br
***********************************************************************************/

@import url(resetar.css);
@import url(padroes.css);

/* ============================================================================== */
/*  E S T R U T U R A   G E R A L  ============================================== */
/* ============================================================================== */

html,body {width:100%; height:100%; min-width:990px; background:#68696d; color:#555; font:13px "Arial", Helvetica; text-align:left;}

#geral {width:100%; background:#fff;}

#topo {width:100%; height:124px; padding-bottom:24px; background:url(../images/backg_topo.jpg) top center no-repeat;}

	#top {width:990px; margin:0 auto;}

		#logo {width:201px; height:118px; padding:6px 0 0 8px; float:left;}

		#social {width:700px; height:76px; padding-top:15px; float:right;}
		#social ul {list-style:none; float:right;}
		#social ul li {height:27px; float:left; padding:0 4px;}
		#social ul li img {width:27px; height:27px;}

		#menu {float:right; position:relative; z-index:999;}
		#menu ul {list-style:none; position:relative; z-index:0; zoom:1;}
		#menu ul li {float:left; padding:0 2px;}
		#menu ul li             a   {color:#fff; height:18px; display:block; padding:4px 15px; font-size:16px; text-decoration:none; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; behavior:url(PIE.htc); z-index:1;}
		#menu ul li             a:hover,
		#menu ul li.ativo       > a,
		#menu ul li.ativo-hover > a {background:#b0db6c; color:#2e5b1a;}
		#menu ul li ul {background:#b0db6c; display:none; width:170px; list-style:none; padding:0; position:absolute; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; behavior:url(PIE.htc); z-index:1;}
		#menu ul li ul li {float:none; margin:0; padding:0; border-bottom:1px #c6ea8d solid;}
		#menu ul li ul li       a {padding:8px 12px; height:auto; color:#2e5b1a; font-size:12px; display:block; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
		#menu ul li ul li       a:hover {background:#c6ea8d;}
		#menu ul li ul li.ativo a {background:#c6ea8d; cursor:default;}
		#menu ul li.last {position:relative;}
		#menu ul li.last ul {right:0;}

#recipiente {width:980px; margin:0 auto; padding:45px 5px 20px 5px; position:relative; z-index:0; zoom:1;}

	#migalha {overflow:hidden; padding-bottom:20px;}
	#migalha ul {list-style:none;}
	#migalha ul li {float:left; padding-right:15px; margin-right:7px; background:url(../images/seta_migalha.gif) right no-repeat;}
	#migalha ul li.last {background:none;}

	#titulo-pg {height:1%; overflow:hidden; padding-bottom:30px; font-family:"Trebuchet MS"; color:#777;}
	#titulo-pg h2 {font-size:32px; font-weight:normal; line-height:32px; float:left;}
	#titulo-pg span {font-size:18px; line-height:18px; padding:12px 0 0 13px; float:left;}

	#descricao-pg {padding-bottom:20px; font-size:15px; line-height:25px;}

	.bts-social {padding-bottom:10px; text-align:right;}

#rodape {width:100%; background:url(../images/backg_rodape.gif) top repeat-x #86878b; padding:30px 0;}

	#rdp {width:990px; margin:0 auto; color:#ddd; overflow:hidden;}
	#rdp a       {text-decoration:none; color:#ddd;}
	#rdp a:hover {text-decoration:underline; color:#fff;}
	#rdp .tit {font-size:19px; font-weight:bold; color:#fff; text-shadow:3px 2px #666; padding-bottom:11px;}
	#rdp .links {width:280px; float:left;}
	#rdp .links ul {list-style:none;}
	#rdp .links ul li {padding:3px 0; font-size:12px; line-height:18px; text-transform:uppercase;}
	#rdp .ender {width:360px; float:left; line-height:21px;}
	#rdp .certi {width:350px; float:left;}
	#rdp .certi img {margin:5px 17px 0 0}

#creditos {width:990px; margin:0 auto; padding:20px 0 40px 0; overflow:hidden;}

	#copy {float:left; height:15px; color:#ccc; font:11px 'Verdana'; text-transform:uppercase;}

	#dv9 {width:36px; padding:2px 0 0 0; float:right;}


/* ======================== */
/* Home
/* ======================== */

.banner-home {width:990px; margin:0 auto; padding-bottom:24px;}

.atl-home {width:100%; padding:30px 0 40px 0; background:url(../images/backg_atalhos_home.jpg) top repeat-x;}
.atl-home .atalhos {width:990px; margin:0 auto; overflow:hidden;}
.atl-home .atalhos .atl {width:304px; float:left; margin-right:38px;}
.atl-home .atalhos .atl .foto {position:relative;}
.atl-home .atalhos .atl .foto .det {width:55px; height:60px; position:absolute; bottom:0; right:0;}
.atl-home .atalhos .atl .tit {padding:8px 0 4px 0; font-size:19px; color:#55923a;}
.atl-home .atalhos .atl .desc {line-height:19px; color:#777;}
.atl-home .atalhos .last {margin-right:0;}

.atl-home-2 {width:100%; background:#f3f3f3; padding:40px 0;}
.atl-home-2 .atalhos {width:990px; margin:0 auto; overflow:hidden;}
.atl-home-2 .atalhos .atl-clie {width:655px; color:#777; float:left;}
.atl-home-2 .atalhos .atl-clie .tit {font:21px 'Trebuchet MS'; padding:5px 0 15px 0;}
.atl-home-2 .atalhos .atl-clie .desc {line-height:19px; padding-bottom:15px;}
.atl-home-2 .atalhos .atl-face {width:305px; float:right;}

/* ======================== */
/* Empresa
/* ======================== */

.texto-emp {width:61%; float:left; font-size:14px; text-align:justify;}

.foto-emp {width:36%; float:right; text-align:right;}
.foto-emp img {width:100%;}

/* ======================== */
/* Serviços
/* ======================== */

.servicos {overflow:hidden;}
.servicos .serv {width:460px; float:left; padding:0 60px 50px 0;}
.servicos .serv a {text-decoration:none;}
.servicos .serv .foto {position:relative;}
.servicos .serv .foto .det {width:430px; height:277px; border:15px #fff solid; position:absolute;}
.servicos .serv .foto img {width:460px; height:307px;}
.servicos .serv .tit {padding:10px 15px; font-size:23px; color:#55923a;}
.servicos .serv .desc {padding:0 15px; color:#777;}
.servicos .odd {padding-right:0;}

/*.servico-clicado {padding:0 0 50px 0;}
.servico-clicado .foto {width:460px; float:left; padding:0 20px 15px 0;}
.servico-clicado .foto img {width:460px; height:307px;}
.servico-clicado .tit {padding:10px 15px; font-size:23px; color:#55923a;}
.servico-clicado .desc {padding:0 15px; color:#777;}*/

.servico-clicado {padding:0 0 50px 0;}
.servico-clicado .foto {width:460px; margin:0 auto; padding:15px 0;}
.servico-clicado .foto img {width:460px; height:307px;}
.servico-clicado .tit {padding:10px 15px; font-size:23px; color:#55923a; clear:both;}
.servico-clicado .desc {padding:0 15px; color:#777; clear:both;}
.servico-clicado .desc h2.accordion {cursor:pointer; font-size:14px; background:#eee; border:1px #ddd solid; padding:5px 10px; margin-bottom:3px;}
.servico-clicado .desc h2.accordion:hover {background:#e4e4e4; border:1px #d4d4d4 solid;}
.servico-clicado .desc div.accordion {display:none; padding:15px 20px;}

.tit-outros {font-size:23px; padding-top:50px; color:#999; border-bottom:3px #aaa solid; text-align:center;}

.outros-servicos {overflow:hidden; clear:both;}
.outros-servicos .serv {width:215px; float:left; padding:30px 15px;}
.outros-servicos .serv a {text-decoration:none;}
.outros-servicos .serv .foto {position:relative;}
.outros-servicos .serv .foto .det {width:195px; height:123px; border:10px #fff solid; position:absolute;}
.outros-servicos .serv .foto img {width:215px; height:143px;}
.outros-servicos .serv .tit {padding:5px 10px; font-size:19px; color:#55923a;}

/* ======================== */
/* Parceiros
/* ======================== */

.parceiros {height:1%; overflow:hidden;}
.parceiros ul {list-style:none;}
.parceiros ul li {width:202px; height:148px; padding:0 21px 35px 22px; float:left;}
.parceiros ul li img {width:200px; height:146px; border:1px #aaa solid;}

/* ======================== */
/* Cursos e Treinamentos
/* ======================== */

.curso {overflow:hidden; border-bottom:1px #ddd solid; padding:20px 0;}
.curso .foto {width:16%; float:left; padding:5px 2% 5px 0;}
.curso .foto img {width:100%;}
.curso .desc {width:82%; float:left;}
.curso .desc .tit {font-size:20px; color:#55923a; padding:10px 0;}
.curso .desc .tempo {padding-bottom:10px; color:#222;}
.curso .desc .det {padding:10px 0;}
.curso .desc .det a {padding:5px 13px; text-decoration:none;}

.curso-clic {border-bottom:0;}
.curso-clic .foto {width:36%;}
.curso-clic .desc {width:62%;}

/* ======================== */
/* Contato
/* ======================== */

.form-curso {padding-left:38%;}

.forms {width:50%; float:left; position:relative; z-index:0; zoom:1;}
.forms .desc-obr {padding-bottom:10px; font-size:13px;}
.forms .desc-obr span {font-size:17px; color:#ff0000;}
.forms .tit {padding:10px 0 5px 0; color:#222; font-size:22px;}
.forms .tit strong {font-size:25px; padding-right:6px;}
.forms .tit span {padding:10px 0 0 15px; font-size:13px;}
.forms .inf {float:left; padding:2% 0 0 5px; font:10px "Verdana";}
.forms .contador-chars {padding:3px; font:10px "Verdana";}
.forms .contador-chars #charsLeft {font-size:11px; font-weight:bold;}
.forms .check-news {padding:0 6px 10px 0;}
.forms .check-news input {margin-left:4px;}
.forms .campo-1 {padding:3px 0; overflow:hidden;}
.forms .campo-1 .nome {padding:3px 0 0 3px; font-weight:bold;}
.forms .campo-1 .inp {overflow:hidden; padding:0 0 3px 0;}
.forms .campo-1 .inp span {margin-left:5px;}
.forms .campo-1 .inp input,.forms .campo-1 .inp textarea,.forms .campo-1 .inp select {padding:2%; font-size:14px;}
.forms .campo-1 .inp .f-1 {width:94%;}
.forms .campo-1 .inp .f-2 {width:64%;/*select*/}
.forms .campo-1 .inp .f-3 {width:60%;}
.forms .campo-1 .inp .f-3a {width:13%;}
.forms .campo-1 .inp .f-3b {width:40.5%; margin-left:2%;}
.forms .campo-1 .inp .f-4 {width:94%; height:70px; font-size:17px;}
.forms .campo-1 .inp .float-inp {float:left;}
.forms .campo-2 {text-align:right; margin-right:0.7%; padding:6px; overflow:hidden; position:relative; z-index:0; zoom:1;}
.forms .campo-2 label {margin:0 0 7px 0; display:block; font-size:12px;}
.forms .campo-2 label input {margin:0 !important;}
.forms .campo-2 input {padding:3% 5%; font-size:16px; text-transform:uppercase;}

.endereco {width:45%; float:right; font-size:14px; padding:75px 0 0 0; line-height:20px;}
.endereco .tit-cid {font-size:17px; line-height:26px; color:#333; font-weight:bold; letter-spacing:1px; text-transform:uppercase; display:block;}
.endereco .fone {font-size:30px; line-height:30px; margin-top:6px; color:#55923a; display:block; font-weight:bold;}
.endereco img {margin-top:4px;}

.obrigado {width:100%; margin:150px auto 220px auto; font:16px "Verdana"; line-height:20px; text-align:center;}
.obrigado a {margin-top:15px; font-size:18px; display:block;}

/**********************************************************************************/
/*  DV9 Soluções Digitais http://www.dv9.com.br                                    /
/**********************************************************************************/