@charset "utf-8";
/* CSS Document */

body {background: url("../imgs/fundo.jpg") no-repeat scroll center top transparent; margin: 0; padding: 0;}
.interna {background: url("../imgs/fundo-interna.jpg") no-repeat scroll center top transparent; margin: 0; padding: 0;}
.como-interna {background: url("../imgs/fundo-como.jpg") no-repeat scroll center top transparent; margin: 0; padding: 0;}

ul li {list-style: none outside none;}

a {text-decoration: none;}

img {border: medium none;}

div.in {color: #8AA5B2; font: 16px Helvetica Neue,Arial,sans-serif; margin: 0 auto; width: 980px;}

#header {float: left; width: 100%;}
#header #logo {float: left; margin-left: 8px; margin-top: 19px;}
#header #menu {float: right; margin-top: 30px; width: 791px;}
#header #menu ul {float: left; width: 79%; *height:30px;}
#header #menu ul li {display: inline;  padding: 0px 15px; text-transform: uppercase; width: 100%; }
#header #menu ul li a {color: #8AA5B2; font: 14px Helvetica Neue,Arial,sans-serif; }
#header #menu ul li a:hover,
#header #menu ul li a.selected {color:#2186BE; font:14px Helvetica Neue, Arial, sans-serif; border-bottom: 5px solid #CBE6F6; *position:relative;} 

.ativo {border-bottom: 5px solid #CBE6F6; color: #2186BE; font: 14px Helvetica Neue,Arial,sans-serif;}
.sub-titulo {font-size: 27px; font-weight: bold;}

#header #menu span img {margin-top: 10px; *margin-top: -5px;}

#meio {background: url("../imgs/linha.jpg") repeat-x scroll 0 bottom transparent; float: left; padding-bottom: 20px; width: 100%;}
#meio .destaque-top {height: 430px; width: 100%;}
#meio .destaque-top .txt-destaque {float: left; margin-left: 15px; margin-top: 0; *margin-top: 55px; position: absolute; width: 770px;}
#meio .destaque-top .txt-destaque h1 {background: url("../imgs/lateral-titulo.png") no-repeat scroll right center transparent; font-family: HelveticaNeue25Light,Arial,sans-serif; font-size: 80px; font-weight: normal; margin-bottom: 0; text-transform: uppercase;}


#carousel {height: 90px; margin: 0 auto; width: 100%;}
#carousel .viewport {float: left; height: 90px; margin: -17px 0 0; overflow: hidden; position: relative; width: 940px;}
#carousel .buttons {background-position: 0 -38px; display: block; float: left; height: 37px; overflow: hidden; position: relative; text-indent: -999em; width: 5px;}
#carousel .next {background: url("../imgs/seta-esquer.png") no-repeat scroll 0 0 transparent; margin: 0 0 0 5px;}
#carousel .prev {background: url("../imgs/seta-dir.png") no-repeat scroll 0 0 transparent; margin: 0 0 0 5px;}
#carousel .disable {visibility: hidden;}
#carousel .overview {left: 0; list-style: none outside none; margin: 0; padding: 0; position: absolute; top: 0; width: auto; }
#carousel .overview li {float: left; height: 50px; margin: 20px 5px 0 9px; padding: 1px; position: relative; width: 52px; }
#carousel .overview li img {bottom: 8px; position: absolute;}

#carousel2 {height: 90px; width: 97%; margin-bottom: 0; margin-right: auto; margin-top: 0; *width: 650px;  }
#carousel2 .control {float: left; margin: 0 0 0 -122px; }
#carousel2 .viewport {float: right; height: 90px; margin: 40px 27px 0 0; overflow: hidden; position: relative; width: 621px; }
#carousel2 .buttons {background-position: 0 -38px; display: block; float: left; height: 37px; overflow: hidden; position: relative; text-indent: -999em; width: 5px;}
#carousel2 .next {background: url("../imgs/seta-esquer.png") no-repeat scroll 0 0 transparent; margin: 0 0 0 5px; }
#carousel2 .prev {background: url("../imgs/seta-dir.png") no-repeat scroll 0 0 transparent; margin: 0 0 0 5px;}
#carousel2 .disable {visibility: hidden; }
#carousel2 .overview {left: 0; list-style: none outside none; margin: 5px 0 0 !important; padding: 0; position: absolute; top: 0; width: auto; }
#carousel2 .overview li {float: left; height: 50px; margin: 20px 5px 0 9px; padding: 1px; position: relative; width: 49px;}
#carousel2 .overview li img {bottom: 8px; position: absolute; }

#meio .top-sobre {height: 636px; margin-left: 19px; width: 99%; }
#meio .top-sobre .txt-sobre {float: left; margin-top: 43px; position: absolute; width: 920px; *margin-top:50px;}
#meio .top-sobre .txt-sobre h1 {background: url("../imgs/listra-sobre.png") no-repeat scroll right center transparent; font: 40px HelveticaNeue Light,Arial,sans-serif; text-transform: uppercase;}
#meio .top-sobre .txt-sobre p.txt-top-sobre {width: 384px;}
#meio .top-sobre .txt-sobre {float: left; margin-top: 20px; position: absolute; width: 969px; z-index:99; *margin-top:55px;}
#meio .top-sobre .txt-sobre h2 {background: url("../imgs/listra-h2.png") no-repeat scroll right center transparent; font: 40px HelveticaNeue Light,Arial,sans-serif; margin-top: 137px; *margin-top: 150px; position: relative; text-transform: uppercase; z-index: 99;}
#meio .top-sobre .txt-sobre p {width: 749px;}

#meio .treinamento {float: left; height: 620px; margin-left: 19px; width: 98%;}
#meio .treinamento h2 {background: url("../imgs/listra-certificado.png") no-repeat scroll right center transparent; font: 40px HelveticaNeue Light,Arial,sans-serif; margin-top: 49px; text-transform: uppercase;}
#meio .treinamento .lateral-dir {float: left; position: absolute;}
#meio .treinamento .lateral-dir p {font-size: 16px; width: 352px;}
#meio .treinamento .lateral-dir .img-treina {margin-left: 128px; margin-top: 38px;}
#meio .treinamento .lateral-esq {float: right; margin-right: 65px; position: relative; width: 576px;}

#meio .certificado {float: left;height: 415px;margin-left: 19px;width: 99%;}
#meio .certificado h2 {background: url("../imgs/listra-certificado.png") no-repeat scroll right center transparent;  font: 40px HelveticaNeue Light,Arial,sans-serif; margin-top: 49px; text-transform: uppercase;}
#meio .certificado .lateral-dir {float: left; position: absolute;}
#meio .certificado .lateral-dir p {font-size: 16px; width: 466px;}
#meio .certificado .lateral-dir .img-treina {margin-left: 39px; margin-top: 38px;}
#meio .certificado .lateral-esq {float: right; position: relative; width: 490px;}

#meio .social {float: left; height: 510px; margin-left: 19px; width: 99%;}
#meio .social h2 {background: url("../imgs/listra-social.png") no-repeat scroll right center transparent; font: 40px HelveticaNeue Light,Arial,sans-serif; margin-top: 30px;    text-transform: uppercase;}
#meio .social .lateral-dir {float: left; position: absolute; z-index: 9;}
#meio .social .lateral-dir p {font-size: 16px; width: 346px;}
#meio .social .lateral-dir .img-treina {margin-left: 39px; margin-top: 38px;}
#meio .social .lateral-esq {float: right; margin-top: -16px; position: relative; width: 686px;}
#meio .social .lateral-esq span {position: absolute;}
#meio .social .lateral-esq p {float: right; font-size: 16px; margin-right: 38px; position: relative; width: 287px;}

#meio .como-funciona {height: 450px; margin-left: 19px; margin-top: 43px; width: 99%; *margin-top: 55px;}
#meio .como-funciona h1 {background: url("../imgs/listra-curso.png") no-repeat scroll 300px center transparent; font: 40px HelveticaNeue Light,Arial,sans-serif; text-transform: uppercase;}
#meio .como-funciona .txt-como {float: left; margin-top: 43px; position: absolute; width: 980px;}
#meio .como-funciona .txt-top-como {width: 400px;}
#meio .como-funciona span {float: left; position: absolute;}
#meio .como-funciona p.sub-txt {float: right; font-size: 25px; margin-right: 154px;  margin-top: 32px; position: relative;}
#meio .como-funciona p.txt-sub {float: right; font-size: 16px; margin-right: -368px; margin-top: 111px; position: relative; width: 468px;}

#meio .eleboracao {float: left; height: 256px; width: 100%;}
#meio .eleboracao .lateral-dir {float: left; position: absolute;}
#meio .eleboracao .lateral-dir p.sub-txt {font-size: 25px; margin-top: 52px; position: relative; text-align: right; width: 393px;}
#meio .eleboracao .lateral-dir p.txt-sub {font-size: 16px; margin-top: 33px; position: relative; text-align: right; width: 496px;}
#meio .eleboracao .lateral-dir .img-treina {margin-left: 39px; margin-top: 38px;}
#meio .eleboracao .lateral-esq {float: right; margin-right: 0; margin-top: 7px; position: relative; width: 553px;}

#meio .txt-implem {float: left; margin-top: 20px; position: relative; width: 980px;}
#meio .txt-implem span {float: left; position: relative;}
#meio .txt-implem p.sub-txt {float: right; font-size: 25px; margin-right: 172px; margin-top: 48px; position: relative; width: 289px;}
#meio .txt-implem p.txt-sub {float: right; font-size: 16px; margin-right: 78px; margin-top: -120px; position: relative; width: 481px;}

#meio .curso-pronto {float: left; height: 415px; margin-left: 19px; width: 99%;}
#meio .curso-pronto h2 {background: url("../imgs/curso-pronto.png") no-repeat scroll 300px center transparent; font: 40px HelveticaNeue Light,Arial,sans-serif; margin-top: 49px; text-transform: uppercase;}
#meio .curso-pronto .txt-pronto {float: left; margin-top: 20px; position: relative; width: 970px;}
#meio .curso-pronto .txt-pronto span {float: left; position: relative;}
#meio .curso-pronto .txt-pronto p.sub-pronto {float: right; font-size: 25px; margin-right: 172px; margin-top: 11px; position: relative; width: 289px;}
#meio .curso-pronto .txt-pronto p.txt-sub {float: right; font-size: 16px; margin-right: 95px; margin-top: -171px; position: relative; width: 449px;}

#meio .curso-imple {background: url("../imgs/linha-curso.png") no-repeat scroll center bottom transparent; float: left; height: 306px; margin-bottom: 6px; margin-left: 0px; width: 99%;}
#meio .curso-imple .lateral-dir {float: left; position: absolute;}
#meio .curso-imple .lateral-dir p.sub-txt {font-size: 25px; margin-top: 52px; position: relative; text-align: right; width: 435px;}
#meio .curso-imple .lateral-dir p.txt-sub {font-size: 16px; margin-top: 33px; position: relative; text-align: right; width: 506px;}
#meio .curso-imple .lateral-dir .img-treina {margin-left: 39px; margin-top: 38px;}
#meio .curso-imple .lateral-esq {float: right; margin-right: 0; margin-top: 7px; position: relative; width: 524px;}

#meio .vantagens {background: url("../imgs/linha-curso.png") no-repeat scroll center bottom transparent; height: 1143px; margin-bottom: 10px; width: 99%; margin-left:19px;}
#meio .vantagens .txt h1 {background: url("../imgs/listra-vantagens.png") no-repeat scroll right center transparent; font: 40px HelveticaNeue Light,Arial,sans-serif; text-transform: uppercase;}
#meio .vantagens .txt .txt-top-vantagens {font-size: 16px;}
#meio .vantagens .txt {float: left; margin-top: 19px; position: relative; width: 975px; *margin-top: 55px;}
#meio .vantagens .txt span {float: left; position: absolute; *margin-top: -100px;}
#meio .vantagens .txt p.sub-txt {float: right; font-size: 16px; margin-top: 19px; position: relative; width: 527px; *margin-bottom: 10px;}
#meio .vantagens .txt p.sub-txt span {margin-left: 10px; margin-top: 4px;}
#meio .vantagens .txt p.sub-txt-2 {float: right; font-size: 16px; margin-top: 3px; position: relative; width: 527px; *margin-bottom: 10px;}
#meio .vantagens .txt p.sub-txt-2 span {margin-left: 10px; margin-top: -4px; width: 400px;}
#meio .vantagens .txt p.sub-txt-3 {float: right; font-size: 16px; margin-top: 3px; position: relative; width: 527px;}
#meio .vantagens .txt p.sub-txt-3 span {margin-left: 10px; margin-top: 5px; width: 400px;}
#meio .vantagens .txt-2 {float: left; margin-top: 148px; position: relative; width: 975px;}
#meio .vantagens .txt-2 span {float: right; margin-right: 28px; position: relative;}
#meio .vantagens .txt-2 p.sub-txt {float: right; font-size: 16px; margin-top: 19px; position: relative; margin-right:50px; *margin-bottom: 10px;}
#meio .vantagens .txt-2 p.sub-txt span {float: left; margin-right: 14px; margin-top: 4px;}
#meio .vantagens .txt-2 p.sub-txt-2 {float: right; font-size: 16px; margin-right: 50px; margin-top: 2px; position: relative; text-align: right; width: 292px; *margin-bottom: 10px;}
#meio .vantagens .txt-2 p.sub-txt-2 span {float: left; margin-right: 9px; margin-top: -3px;}
#meio .vantagens .txt-2 p.sub-txt-3 {float: right; font-size: 16px; margin-right: 50px; margin-top: 2px; position: relative; text-align: right; width: 272px;}
#meio .vantagens .txt-2 p.sub-txt-3 span {float: left; margin-right: 9px; margin-top: -3px;}
#meio .vantagens .txt-3 .txt-top-vantagens {font-size: 16px;}
#meio .vantagens .txt-3 {float: left; margin-top: 43px; position: relative; width: 975px;}
#meio .vantagens .txt-3 span {float: left; position: absolute; *margin-top: -140px;}
#meio .vantagens .txt-3 p.sub-txt {float: right; font-size: 16px; margin-top: 19px; position: relative; width: 527px; *margin-bottom: 10px;}
#meio .vantagens .txt-3 p.sub-txt span {margin-left: 10px; margin-top: -4px;}
#meio .vantagens .txt-3 p.sub-txt-2 { float: right; font-size: 16px; margin-top: 3px; position: relative; width: 527px; *margin-bottom: 10px;}
#meio .vantagens .txt-3 p.sub-txt-2 span { margin-left: 10px; margin-top: -3px; width: 400px;}
#meio .vantagens .txt-3 p.sub-txt-3 {float: right; font-size: 16px; margin-top: 3px; position: relative; width: 527px; *margin-bottom: 10px;}
#meio .vantagens .txt-3 p.sub-txt-3 span {margin-left: 10px; margin-top: 5px; width: 400px;}
#meio .vantagens .txt-3 p.sub-txt-4 {float: right; font-size: 16px; margin-top: 3px; position: relative; width: 527px; *margin-bottom: 10px;}
#meio .vantagens .txt-3 p.sub-txt-4 span {margin-left: 10px; margin-top: -4px; width: 400px;}

#meio .eleboracao {float: left; height: 256px; margin-left: 0px; width: 99%;}
#meio .eleboracao .lateral-dir {float: left; position: absolute;}
#meio .eleboracao .lateral-dir p.sub-txt {font-size: 25px; margin-top: 52px; position: relative; text-align: right; width: 420px;}
#meio .eleboracao .lateral-dir p.txt-sub {font-size: 16px; margin-top: 33px; position: relative; text-align: right; width: 518px;}
#meio .eleboracao .lateral-dir .img-treina {margin-left: 39px; margin-top: 38px;}
#meio .eleboracao .lateral-esq {float: right; margin-right: 0; margin-top: 7px; position: relative; width: 534px; }

#meio .txt-implem {float: left; margin-left: 19px; margin-top: 20px; position: relative; width: 975px;}
#meio .txt-implem span {float: left; position: relative;}
#meio .txt-implem p.sub-txt {float: right; font-size: 25px; margin-right: 172px; margin-top: 48px; position: relative; width: 289px;}
#meio .txt-implem p.txt-sub {float: right; font-size: 16px; margin-right: 78px; margin-top: -120px; position: relative; width: 481px;}

#meio .contato {background: url("../imgs/linha-curso.png") no-repeat scroll center bottom transparent; height: 720px; margin-bottom: 10px; width: 100%; *margin-top: 35px;}
#meio .contato .txt h1 {background: url("../imgs/listra-contato.png") no-repeat scroll right center transparent; font: 40px HelveticaNeue Light,Arial,sans-serif; text-transform: uppercase;}
#meio .contato .txt .txt-top-contato {font-size: 16px;}
#meio .contato .txt {float: left; margin-top: 19px; position: relative; width: 975px; margin-left: 19px;}
#meio .contato .ligue {background: url("../imgs/fundo-ligue.jpg") no-repeat scroll center top transparent; float: right; height: 345px; margin-right: 70px; margin-top: -33px; width: 323px;}
#meio .contato .ligue p {float: left; font-size: 18px; font-weight: bold; margin: 202px 0 0 60px; text-align: center;}
#meio .contato .ligue p.tel {font-size: 22px; font-weight: normal !important; margin-left: 27px; margin-top: 34px;}
#meio .contato .ligue p.tel span {font-size: 11px; font-weight: bold; margin-right: 25px;}
#meio .contato form {float: left; height: 450px; position: absolute; width: 615px;}
#meio .contato table label {float: right; font-size: 16px; text-align: right;}
#meio .contato table input {font-family:Arial, sans-serif;border: 1px solid #CCE6F6; font-size: 14px; margin-bottom: 7px; margin-left: 15px; margin-top: 6px; padding: 10px;}
#meio .contato table textarea {font-family:Arial, sans-serif;font-size: 14px; padding:10px; border: 1px solid #CCE6F6; margin-bottom: 20px; margin-left: 15px; margin-top: 5px;}

.enviar {padding: 0 !important;}

#meio .destaque-profissionais {height: 150px; width: 100%; *margin-top:20px;}
#meio .destaque-profissionais p {float: left; font-size: 16px; margin-left: 18px; width: 250px;}
#meio .destaque-profissionais .seta-direita {float: left; margin-left: 2px; margin-top: 23px; *margin-left: 270px; *margin-top: -15px;}
#meio .destaque-profissionais .seta-esquerda {float: left; margin-left: 5px; margin-top: 23px; *margin-left: 5px;  *margin-top: -15px;}
#meio .destaque-profissionais ul {float: right; margin-right: 0; margin-top: -4px; width: 100%;}
#meio .destaque-profissionais ul li {display: inline; padding: 2px 25px;}

#meio .rapido {float: left; height: 433px; margin-left: 16px; margin-top: -55px; *margin-top: 0px; width: 99%;}
#meio .rapido h2 {background: url("../imgs/listra-rapido.png") no-repeat scroll 280px center transparent; font-family: HelveticaNeue25Light,Arial,sans-serif; font-size: 87px; font-weight: normal; margin-bottom: 0; text-transform: uppercase; width: 97%;}
#meio .rapido .lateral-dir {float: left; margin-left: -160px; position: relative;}
#meio .rapido .lateral-esq {float: right; position: absolute; width: 940px; *width: 570px; *margin-left:-150px;}
#meio .rapido .lateral-esq p {text-align: right;}

#meio .inovador {float: left; margin-left: 16px; width: 96%;}
#meio .inovador h2 {background: url("../imgs/listra-inovar.png") no-repeat scroll 265px center transparent; font-family: HelveticaNeue25Light,Arial,sans-serif; font-size: 87px; font-weight: normal; margin-bottom: 0; text-transform: uppercase;}
#meio .inovador .txt-inovador {float: left; width: 32%;}
#meio .inovador .txt-inovador p {text-align: left; }
#meio .inovador .img-inovador {float: right; margin-top: 8px; position: relative;}

.premio {float: left; height: 150px; margin-left: 19px; width: 965px;}
#meio .premio p {float: left; font-size: 16px; width: 165px; *margin-top:18px;}
#meio .premio .seta-direita {float: left; margin-left: 2px; margin-top: 23px;}
#meio .premio .seta-esquerda {float: left; margin-left: 6px; margin-top: 23px;}
#meio .premio .txt-premio {float: left; font-size: 23px; margin: 53px 0 0 -163px; width: 282px;}
#meio .premio ul {float: left; margin-left: 66px; margin-top: 39px; width: 566px;}
#meio .premio ul li {display: inline; padding: 0 21px;}

#meio #menu-footer {float: left; margin-left: 9px; width: 97%;}
#meio #menu-footer ul {float: left; margin-left: -38px; width: 780px; *margin:5px 0 0;}
#meio #menu-footer ul li {display: inline; margin: 5px 5px 5px 0; padding: 0 95px 0 0; text-transform: uppercase;}
#meio #menu-footer ul li a {color: #8AA5B2; font: 14px Helvetica Neue,Arial,sans-serif;}
#meio #menu-footer ul li a:hover,
#meio #menu-footer ul li a.selected {color:#2186BE; font:14px Helvetica Neue, Arial, sans-serif; border-bottom:5px solid #CBE6F6; *border-bottom: #CBE6F6 5px solid; *position:relative;} 
#meio #menu-footer span {float: right; margin-top: 5px;}
#meio #menu-footer span img {margin-top: 5px;}

#meio .destaque {float: right; margin-right: 27px; margin-top: 0px; position: relative;}
#meio .destaque-sobre {float: right; margin-right: 27px; margin-top: 19px; position: relative; background:url(../imgs/inter-sobre.jpg) no-repeat; width:703px; height:508px; *margin-top: 25px;}

#footer {float: left; width: 100%;}
#footer .logo-footer {float: left; margin-left: 40px; margin-top: 9px; width: 110px;}
#footer .txt-footer {float: right; width: 793px;}
#footer .txt-footer p {font-size: 21px; margin-top: 10px;}
#footer .txt-footer p span {font-size: 11px; font-weight: bold;}
#footer .txt-footer p.exterior { margin-top: -16px;  padding-right: 13px;}
#footer .txt-footer p .txt-esq {font-size: 14px; font-weight: normal !important;}
#footer .txt-footer p .txt-esq a {color: #8AA5B2; font-size: 14px; font-weight: normal !important; text-decoration: underline;}
#footer .txt-footer p .txt-esq-baixo {font-size: 14px; font-weight: normal !important; line-height: 36px;}
#footer .txt-footer p .txt-esq-baixo a {color: #8AA5B2; font-size: 14px; font-weight: normal !important; text-decoration: underline;}

.tinyTip {background: url("../imgs/tinytip/tinyTip-top.png") no-repeat scroll 0 0 transparent; display: block; margin: 0 0 0 78px; padding: 7px 0 0; width: 212px;}
.tinyTip .content {background: url("../imgs/tinytip/tinyTip-content.png") repeat-y scroll 0 0 transparent; color: #8AA5B2; font: 16px Helvetica Neue,Arial,sans-serif; padding: 0 15px;}
.tinyTip .bottom {background: url("../imgs/tinytip/tinyTip-bottom.png") no-repeat scroll 0 0 transparent; font: 0px/0px sans-serif; height: 20px;}

#politica-de-priv{
	FONT-FAMILY: Helvetica Neue,Arial,sans-serif; COLOR: #888; FONT-SIZE: 16px
}

.error p, .success p,.tip p {margin-bottom:0;}
.error,.success,.tip{border:solid #F60 1px;font-size:13px;padding:5px 10px;padding-left:35px;background:#FFFFCC url(/ava/_img/warning_triangle.png) no-repeat 10px 7px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:20px;text-shadow:1px 1px 0 #fff;width:445px;}	
.error p,.success p,.tip p{display:block;margin:0;padding:0;margin-bottom:2px;}
.success{border-color:#CAEB94;background-color:#EDF8DA;color:#333;font-weight:bold;background-image:url(/ava/_img/tick.png)}
.tip{border-color:#f0f0f0;background-color:#FFFFE1;background-image:url(/ava/_img/tip.png);}