@charset "utf-8";
/* CSS Document */
     
/* FRONT-END: Josemberg Gomes berggomes@live.com*/
      
html {background: url(../img/bg.png) repeat-x left -4px; border-top: 4px solid #458f3a;}
body {min-width: 1000px; background: url(../img/bg-topo.png) no-repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333; height: 100%;}
.main {min-height: 480px; width: 960px; margin: 0 auto 35px auto; position: relative;}
a {color: #333; text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin: 0; padding: 0; line-height: 18px; }




/*--------------------- HEADER -------------------------*/
.header {height: 182px; margin: 0 0 24px 0;}
.logo {width: 176px;height: 135px; margin: 0 auto; padding: 10px 0 0 0;}


/*--------------------- NAV -------------------------*/
.menu {background: url(../img/bg-menu.png) repeat-x; height: 71px; border-radius: 5px;}
.menu ul {padding: 0 0 0 20px;}
.item-menu {font-family: 'Roboto', sans-serif; float: left; position:relative; z-index:1000;}
.item-menu a {background: transparent; display: block; height: 39px; padding: 0 24px; color: #fff; font-weight: 400; text-decoration: none; font-size: 16px; text-transform: uppercase; line-height: 39px; transition-property: background; transition-duration:  0.2s; transition-timing-function:  ease-in;}
.item-menu a:hover {background: #000;}

.sep {width: 1px; height: 39px; float: left; background: url(../img/sep.png);}


.painel {height: 408px; width: 959px; position: relative; box-shadow: 0 6px 5px #c0e8ba; margin: 0 0 59px 0;}
.pane-l, .pane-r {position: absolute; top: 10px;}
.pane-l {left: -20px;}
.pane-r {right: -20px;}

/*---------------------- TITULOS -------------------------*/
.tt {background: url(../img/bg-tt.png) repeat-x 0 50%; font-size: 24px; color: #2e3d23; font-family: 'Roboto', sans-serif; font-weight: 500; text-transform: uppercase; position: relative; margin: 0 0 20px 0;}
.tt-txt {background: #fff; padding: 0 10px;}
.decal {display: block; background: url(../img/decal-tt.png); width: 66px; height: 18px; position: absolute; left: 0; bottom: -15px; z-index: 100;}


/*---------------------- HOME -------------------------*/
.row {margin: 0 0 20px 0;}
.about {background: url(../img/capa-quemsomos.jpg);width: 580px;height: 247px; float: left; padding: 25px; text-align:justify}
.about .txt {width: 370px;}
.about a{margin:38px 0px 0 -4px; background:url(../img/btn-about.jpg) no-repeat left top; line-height: 36px;}
.course-training {background: url(../img/capa-cursos-treinamentos.jpg);width: 255px; height: 247px; float: right; padding: 25px; }
.course-training p{text-align:justify; width:155px}

.tt-home1 {font-family: 'Roboto', sans-serif;  font-weight: 500; font-size: 22px; text-transform: uppercase; margin: 0 0 10px 0;}
.btn {background: #2e3d23; color: #fff; display: inline-block; height: 40px; line-height: 40px; padding: 0 10px;text-transform: uppercase; margin: 15px 0 0 0;}

.line {background: transparent; height: 5px; border: 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 0 0 20px 0;}

.bxs {width: 305px; min-height: 206px; float: left; margin: 0 22px 0 0; text-align:justify}
.bxs img {border-bottom: 4px solid #c7ddc4;}
.bxs p {padding: 10px 0 0 0;}

.tts-home {font-size: 18px; text-transform: uppercase; font-weight: 500; margin: 0 0 7px 0; padding: 0 0 12px 0; background: url(../img/bg-tth.png) no-repeat left bottom;}

/* .parceiros {width: 306px; float: left; position: relative;} */
.clientes {width: 960px; float: right; position: relative;}


/*---------------------- INTERNAS -------------------------*/
/* Base */
.content p {padding: 18px 0 0 0; line-height: 18px; text-align:justify}

/* Quem Somos */
.box {width: 306px; float: left; margin: 0 20px 0 0;}
.box h2, .topicos {color: #2e3d23; font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 15px; padding: 0 0 4px 5px; text-transform: uppercase; font-weight: 500; position: relative;}
.box h2 span, .topicos span {background: url(../img/decal-tt-quemsomos.png);width: 45px;height: 13px; display: block; position: absolute; left: 0; bottom: -10px;} 
.box div {background: #f2f4f6; width: 306px; min-height: 94px; padding: 10px 0 0 0; text-align:justify}
.box div p {padding: 10px;}
.box ul {padding: 10px 10px 8px 15px; list-style:none}
.box ul li {line-height: 16px; margin: 0 0 3px 0; background:url(../img/lista-box.png) no-repeat 0px 5px; padding-left:13px;}


/* Clientes */
.marcas {width: 200px; height: 130px; text-align: center; border: 1px solid #c4dcc1; float: left; margin: 20px 15px 0;}
._80 {width: 80%;}

/* Serviços */
.topicos {margin: 25px 0 20px 0;}
.list {width: 470px;}
.list li {border-left: 3px solid #458f3a; background: #eaebe9; list-style: none; padding: 10px; margin: 0 0 3px 0; line-height: 16px; min-height: 32px; display: table;width: 430px;}
 

.lista li{width: 430px; float:left}
.lista li {border-left: 3px solid #458f3a; background: #eaebe9; min-height: 32px; list-style: none; padding: 10px; margin: 0 27px 3px 0; line-height: 16px; display: table;}
.lista li span, .list li span {display: table-cell; vertical-align: middle;} 
.lista .fr{float:left !important;}
/* Cursos e Treinamentos */
.ft-cursos {margin: 30px 60px 0 0;}

/*---------------------- FALE-CONOSCO ------------------------*/
.sidebar {float: right; width: 306px; padding: 38px 0 0 0;}

.form {width: 620px; float: left; padding: 20px 0 20px 0;}

.form label {display: block; float: left; padding: 0 0 20px 0; min-height: 50px; font-family: 'futura_md_btmedium', sans-serif;}

.form label span,
.form div span {display: block; padding: 0 0 5px 0; font-size: 14px; color: #333;}

.form input,
.form select,
.form textarea {background: #fff; border: 1px solid #aaa; }

.form input {height: 29px; padding: 0 0 0 5px; line-height: 31px;}
.form input.cmp-maior {width: 613px;}
.form input.cmp-menor {width: 290px;}

.form select {width: 279px; padding:  5px ; height: 33px;}
.form textarea { width: 607px; padding: 5px; height: 178px; }

.btn-enviar {background: #2c6d22; color: #fff; float: right; width: 100px; border: 0; cursor: pointer; height: 30px; text-transform: uppercase; border-radius: 10px;}

.ierror {color: #f00; font-size: 10px; }


/*---------------------- FOOTER -------------------------*/
.footer {background: #193e13 url(../img/bg-rodape.png) repeat-x; min-height: 41px; text-align: center; padding: 40px 0 20px;}
.footer address {font-style: normal; font-size: 14px; color: #fff;}


@media screen and (max-width: 1000px) {
	body {background-position: -180px 0;}
}

/*--------------------- CLASSES IMPORTANTES -------------------------*/
.clear {clear: both; *display: inline;}
.no-cursor {cursor: default;}
.fl {float: left;}
.fr,
.form .fr {float: right;}
.underline {text-decoration: underline;}
.no-text {display: none;}
.mr0 {margin-right: 0px;}
.ml20 {margin-left: 20px;}
.pt20 {padding-top: 20px;}
.bb0 {border-bottom: none;}
p.error {margin: 0; padding: 0; color: #f00; font-size: 10px; text-align: right;}

/* Visually Hidden */
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/* clearfix */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* INICIO PAGINAÇÕES */
#paginacao {
	margin: 0px -30px 0 0;
	clear:both;
	padding: 5px;
	width:100%;
	height:20px;
	text-align:center;
	vertical-align:middle;
	float:left;
}

#paginacao a{
	color:#333;
	border:1px solid #23561b;
	box-shadow:1px 1px 1px #999;
	border-radius:4px;
	line-height:20px;
	padding:3px 6px;
	margin-left:3px;
	font-size:12px;
}

#paginacao a.anterior{
	margin-left:0;
}

#paginacao strong{
	border:1px solid #23561b;
	box-shadow:1px 1px 1px #999;
	border-radius:4px;
	background:#23561b;
	line-height:0;
	padding:3px 6px;
	margin-left:3px;
	color:#fff;
}
/* FIM PAGINAÇÕES */