@charset "utf-8";

/*
Theme Name: Itap Consultoria
Theme URI: http://www.itapconsultoria.com.br
Description: Site Institucional
Version: 2011
Author: Agência Slim
Author URI: http://www.agenciaslim.com.br
Tags: Blue and yellow
*/

@import url("forms.css");

@font-face {
    font-family: 'AkzeleratCondensedNormal';
    src: url('akzc-webfont.eot');
    src: url('akzc-webfont.eot?#iefix') format('embedded-opentype'),
         url('akzc-webfont.woff') format('woff'),
         url('akzc-webfont.ttf') format('truetype'),
         url('akzc-webfont.svg#AkzeleratCondensedNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********** CSS RESET **********/
*		{padding:0; margin:0;}
body	{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ade1eb; background:url(../images/bg.jpg) no-repeat center top #00406a;}
a 		{text-decoration:none;}
img		{border:none;}

/* css reset para html5 */
header, section, footer, article, nav, aside {display: block;}

/*********** Formata��o ***********/
.limite      {position:relative; width:1002px; padding:0; margin:0 auto;}
.clearboth   {clear:both;}
.dot-bg      {display:block; overflow:hidden; text-indent:-9999px;}
.fl 		 {float:left;}
.slink       {text-decoration:none;}
.clink       {text-decoration:none;}
.clink:hover {text-decoration:underline;}
.underline   {text-decoration:underline;}

.social {position:absolute; top:505px; left:490px; z-index:99}

/*********** Header ***********/
#topo {position:relative; height:487px;}
	#logo {position:absolute; top:50px; left:330px; width:220px; height:179px; background:url(../images/logo.png);}
	#logo a {height:179px;}
	#menu {position:absolute; top:407px; left:308px; width:680px; height:70px; z-index:0;}
		#menu .inicio 			{float:left; width:43px; height:20px; background:url(../images/menu/inicio.png) no-repeat 0 20px;}
		#menu .a-empresa 		{float:left; width:76px; height:20px; background:url(../images/menu/a-empresa.png) no-repeat 0 20px;}
		#menu .cursos 			{float:left; width:56px; height:20px; background:url(../images/menu/cursos.png) no-repeat 0 20px;}
		#menu .area-de-atuacao 	{float:left; width:121px; height:20px; background:url(../images/menu/area-de-atuacao.png) no-repeat 0 20px;}
		#menu .clientes 		{float:left; width:62px; height:20px; background:url(../images/menu/clientes.png) no-repeat 0 20px;}
		#menu .links 			{float:left; width:40px; height:20px; background:url(../images/menu/links.png) no-repeat 0 20px;}
		#menu .contatos 		{float:left; width:71px; height:20px; background:url(../images/menu/contatos.png) no-repeat 0 20px;}
	#banner {position:absolute; top:176px; width:270px;}
		#bt-todos-servicos {position:absolute; top:363px; left:110px; width:227px; height:73px; background:url(../images/bt-todos-servicos.png)}


/*********** Conteudo ***********/
#conteudo {background:url(../images/bar-top.jpg) repeat-x top; min-height:400px;}
#bar-top {float:left; width:100%; height:84px;}
	.bg-title {float:left; width:267px; height:75px; background:url(../images/tit-bg.jpg); margin:9px 0 0 20px; text-indent:-9999px;}
	.telefone {float:left; width:272px; height:63px; background:url(../images/telefone.jpg); margin: 14px 0 0 418px; text-indent:-9999px;}

#cursos-dt {float:left; width:960px; margin-left:20px;}
.curso-desaque-box {position:relative; float:left; width:283px; height:182px; background:url(../images/bg-cursos-destaques.png); margin:4px 0 0 -4px; padding:20px; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif;}
	.curso-desaque-box h2 {font-size:24px; color:#ffffff; font-weight:normal; margin-bottom:10px;}
	.curso-desaque-box span {font-size:18px; color:#75cbdc;}
	.curso-desaque-box p {font:12px Arial, Helvetica, sans-serif; color:#ffffff;}
.bt-inscrever {position:absolute; top:150px; left:-14px; width:198px; height:63px; background:url(../images/bt-informacoes.png);}

#cursos-aberto {float:left; width:423px; height:288px; background:url(../images/bg-cursos-aberto.png); padding:30px; margin-left:16px; margin-top:6px; color:#ffffff;}
	#cursos-aberto h2 {font:30px AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; color:#ffffff;}
	#cursos-aberto ul li {list-style-image:url(../images/list-style.png); margin-left:16px; margin-top:11px;}
	#cursos-aberto ul li span {font:12px Arial, Helvetica, sans-serif; color:#f7d227;}
	#cursos-aberto ul li a:hover {text-decoration:underline; color:#f7d227;}
	

#bem-vindo {float:left; width:443px; height:288px; padding:30px;}
	#bem-vindo h2 {font:30px AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; color:#ffffff; margin-bottom:12px;}
	#bem-vindo p {margin-bottom:10px; color:#ade1eb;}


#cursos-realizados {position:relative; float:left; width:822px; height:182px; background:url(../images/bg-realizados.png); padding:24px; font:11px Tahoma, Geneva, sans-serif; color:#ffffff; margin-left:16px; margin-top:20px;}
	#cursos-realizados h2 {font:30px AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; color:#ffffff; margin-bottom:12px;}
	#realizado-destaque {float:left; width:230px; height:130px; padding-left:185px; padding-top:4px;}
		.realizado-img {position:absolute; top:74px; left:24px; border:solid 10px #FFFFFF;}
		#realizado-destaque span {color:#f7d227; font-weight:bold; margin-bottom:10px; float:left; width:240px;}
		#realizado-destaque .bt-avaliacao {float:left; width:200px; height:50px; background:url(../images/bt-avaliacao-do-curso.jpg); margin-top:10px;}
	#realizados-outros {position:absolute; top:70px; left:460px;}
		#realizados-outros ul {list-style-image:url(../images/list-style.png); list-style-position:inside;}
		#realizados-outros ul li {background-color:#004e74; margin-bottom:6px; width:248px; min-height:18px; border-radius:8px; -moz-border-radius:8px; padding:6px;}
		#realizados-outros ul li:hover {background-color:#005c80;}
		#realizados-outros ul li a {color:#f7d227;}
	
	#informativo {position:absolute; top:660px; left:750px; width:223px; height:280px; background:url(../images/infor-bg.jpg);}
		#informativo h3 {float:left; width:182px; height:24px; background:url(../images/informativo.png); margin:20px; text-indent:-9999px;}
		#informativo form {float:left; margin:12px;}
		#informativo input {float:left; width:170px; height:30px; margin:5px; padding:10px; border:none; background-color:transparent; color:#ffffff; font:9px Arial, Helvetica, sans-serif; text-transform:uppercase;}
		#informativo span {position:absolute; top:220px; left:19px; width:116px; height:20px; background:url(../images/confirmar.png); text-indent:-9999px;}
		#informativo .bt-cadastrar {position:absolute; top:200px; left:152px; width:91px; height:63px; background:url(../images/bt-cadastrar.png); text-indent:-9999px; margin:0; padding:0;}


/*** Títulos **/
.tit {position:absolute; top:34px; left:44px; width:100%; height:34px; text-indent:-9999px;}
	.cursos-em-destaque {background:url(../images/tit/cursos-em-destaque.png) no-repeat left;}
	.nossa-empresa {background:url(../images/tit/nossa-empresa.png) no-repeat left;}
	.cursos {background:url(../images/tit/cursos.png) no-repeat left;}
	.area-de-atuacao {background:url(../images/tit/area-de-atuacao.png) no-repeat left;}
	.clientes {background:url(../images/tit/clientes.png) no-repeat left;}
	.contatos {background:url(../images/tit/contatos.png) no-repeat left;}
	.area-do-usuario {background:url(../images/tit/area-do-usuario.png) no-repeat left;}
	.inscricao {background:url(../images/tit/incricao.png) no-repeat left;}
	.links {background:url(../images/tit/links.png) no-repeat left;}
	.depoimentos {background:url(../images/tit/depoimentos.png) no-repeat left;}
	.avaliacoes {background:url(../images/tit/avaliacoes.png) no-repeat left;}


/*********** Footer ***********/
#rodape {height:152px; background:url(../images/bg-rodape.jpg) repeat-x top center; margin-top:40px; color:#ffffff; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif;}
	#rodape .endereco {float:left; margin:20px; font-size:17px; width:100%;}
	#rodape .menu {float:left; margin-top:-1px; font-size:16px; text-transform:uppercase;}
	#rodape .menu ul {list-style:none;}
	#rodape .menu ul li {float:left; height:25px; background:url(../images/footer-menu-sep.png) no-repeat right; padding:30px;}
	#rodape .menu ul li a {color:#ffffff; text-shadow: 1px 1px 1px #333333;}
	#rodape .ass {float:left; width:106px; height:40px; background:url(../images/ass.png); margin:20px 0 0 120px;}
	#rodape .webmail {position:absolute; top:130px; right:40px; width:70px; height:19px; background:url(../images/webmail.png)}

/*********** A Emrpesa ***********/
#a-empresa {margin:0 auto; width:960px;}
	#a-empresa .historia {float:left; width:458px; text-align:justify; margin-top:20px;}
	#a-empresa h2 {float:left; width:100%; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; color:#ffffff; font-size:30px; font-weight:normal; margin:20px 0 10px 0;}
	#a-empresa p {float:left; width:100%;}
	#a-empresa .gestao-box {float:left; width:318px; height:266px; background:url(../images/empresa-gestao-bg.png);}
	#a-empresa .gestao-box h3 {color:#75cbdc; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; margin:16px 20px 0 20px;}
	#a-empresa .gestao-box p {text-align:justify; margin:6px 20px; width:278px;}


/*********** Cursos ***********/
#cursos {margin:0 auto; width:960px;}
	#cursos h2 {float:left; width:100%; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; color:#ffffff; font-size:30px; font-weight:normal; margin:20px 0 10px 0;}
	#cursos h3 {color:#75cbdc; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal;}
	#cursos strong {color:#ffffff;}
	#cursos .bt-inscrevase {float:left; width:206px; height:57px; background:url(../images/bt-inscrevase.jpg); margin:20px 0;}
	#cursos table {float:left; width:700px; padding:10px;}
	#cursos table tr {border-radius:10px; -moz-border-radius:10px;}
	#cursos table tr td {padding:10px; border:solid 1px #014d7e;}
	#cursos table .tr-clara {background-color:#014d7e;}
	#cursos .dados table {border:none; background-color:#FFF; margin-top:10px;}
	#cursos .dados table tr td {width:16%;}
	#cursos .dados table tr td strong {color:#00406a; width:940px; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; font-size:18px; font-style:normal;}
	#cursos .cursos-realizados {float:left;}
		#cursos .cursos-realizados ul {list-style:none;}
		#cursos .cursos-realizados ul li {float:left; width:920px; margin:10px; padding:10px;} 
		#cursos .cursos-realizados h3 {font-size:18px; margin-top:15px; margin-bottom:6px;}
		#cursos .cursos-realizados img {float:left; margin-right:10px; border:solid 10px #FFFFFF;}
	#cursos .sem-cadastro {position:relative; float:left; margin-left:80px; width:340px; height:250px; background-color:#003252; border-radius:12px; -moz-border-radius:12px; margin-top:40px; padding:20px;}
		#cursos .sem-cadastro h2 {margin:0;}
		#cursos .sem-cadastro p {float:left; width:100%; margin-bottom:20px;}
	#cursos .com-cadastro {position:relative; float:left; margin-left:40px; width:340px; height:250px; background-color:#003252; border-radius:12px; -moz-border-radius:12px; margin-top:40px; padding:20px;}
		#cursos .com-cadastro h2 {margin:0;}
		#cursos .com-cadastro p {float:left; width:100%; margin-bottom:20px;}
		#cursos .com-cadastro a {position:absolute; top:230px; left:230px; color:#ffffff;}
		#cursos .com-cadastro a:hover {text-decoration:underline;}
	#cursos input {background-color:#457492; border:none; border-radius:6px; -moz-border-radius:6px; height:24px; width:320px; margin: 0 0 4px 0; padding:6px; font:12px Arial, Helvetica, sans-serif; color:#002d4b; border:solid 1px #457492;}
	#cursos input:focus {border:solid 1px #7d9db1;}
	#cursos label {float:left; width:100%; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; color:#ffffff; font-size:18px;}
	#cursos textarea {background-color:#457492; border:none; border-radius:6px; -moz-border-radius:6px; height:103px; width:486px; margin: 0 0 4px 0; padding:6px; font:12px Arial, Helvetica, sans-serif; color:#002d4b; border:solid 1px #457492;}
	#cursos textarea:focus {border:solid 1px #7d9db1;}
	#cursos .bt-enviar {width:127px; height:36px; padding:0; margin-top:10px; border:solid 1px #00406a;}
	#cursos .bt-enviar:hover {border:solid 1px #7d9db1;}
	#cursos select {background-color:#457492; border:none; border-radius:6px; -moz-border-radius:6px; height:38px; width:336px; margin: 0 0 4px 0; padding:6px; font:12px Arial, Helvetica, sans-serif; color:#002d4b; border:solid 1px #457492;}
.bt-saibamais {float:left; width:114px; height:29px; background:url(../images/bt-saibamais.png) no-repeat top center; margin-top:10px;}
.bt-saibamais:hover {background:url(../images/bt-saibamais.png) no-repeat bottom center;}


/*********** Cadastro ***********/
#cadastro {margin-left:120px;}
	#sexo {float:left; height:42px;}
	#sexo input {width:20px;}
	#sexo label {width:80px;}
	#associado {width:720px;}
	#associado input {width:20px;}
	#associado label {width:120px;}
	#cadastro select {float:left;}


/*********** Áreas de Atuação ***********/
#area-de-atuacao {margin:0 auto; width:960px;}
	#area-de-atuacao h1 {float:left; width:100%; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; color:#8aa8bb; font-size:42px; font-weight:normal; margin:20px 0 10px 0; text-align:center;}
	#area-de-atuacao .box {float:left; width:296px; margin-right:32px; text-align:justify; background:url(../images/sep-padrao.png) repeat-x 0 50px;}
	#area-de-atuacao .box p {width:96%; margin-left:4px;}
	#area-de-atuacao h2 {float:left; width:100%; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; color:#ffffff; font-size:24px; font-weight:normal; margin:20px 0 10px 0;}


/*********** Links ***********/
#links {margin:0 auto; width:960px;}
	#links h2 {font:22px AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; margin-top:20px;}
	#links p a {color:#fff}
	#links p a:hover {text-decoration:underline}
	#links .esq {float:left; width:48%}
	#links .dir {float:right; width:48%}


/*********** Clientes ***********/
#clientes {margin:0 auto; width:960px;}
	#clientes a {float:left; margin-right:15px; margin-top:15px;}


/*********** Depoimentos ***********/
#depoimentos {margin:0 auto; width:960px;}
	#depoimentos p {float:left; width:100%; margin-top:24px; background-color:#00597f; border-radius:8px; -moz-border-radius:8px; padding:16px}
	#depoimentos p strong {color:#fff; font-style:italic; font-weight:normal; float:left; width:100%}
	#depoimentos p span {color:#fff; font-weight:bold; font:22px AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; float:left}


/*********** Avaliações ***********/
#avaliacoes {margin:0 auto; width:960px;}
	#avaliacoes ul {list-style:none;}
	#avaliacoes ul li {float:left; width:920px; margin:10px; padding:10px;} 
	#avaliacoes h3 {font:22px AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; margin-top:10px; margin-bottom:10px; color:#fff}
	#avaliacoes img {float:left; margin:10px 20px;}





/*********** Contatos ***********/
#contatos {margin:0 auto; width:960px;}
	#contatos h2 {float:left; width:100%; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; color:#ffffff; font-size:24px; font-weight:normal; margin:20px 0 10px 0;}
	#contatos #info {float:left; width:450px;}
	#contatos #info .contato-endereco {float:left; width:100%; background:url(../images/contato-end.jpg) no-repeat top left; padding-left:100px; margin-top:20px; height:64px; margin-bottom:20px}
	#contatos #info .contato-telefone {float:left; width:100%; background:url(../images/contato-tel.jpg) no-repeat top left; padding-left:100px; height:78px; margin-bottom:20px}
	#contatos #info .contato-email {float:left; width:100%; background:url(../images/contato-msn.jpg) no-repeat top left; padding-left:100px; height:64px; margin-bottom:20px}
	
	#contatos #form {float:left; width:500px;}
	#contatos input {background-color:#457492; border:none; border-radius:6px; -moz-border-radius:6px; height:24px; width:225px; margin: 0 0 4px 0; padding:6px; font:12px Arial, Helvetica, sans-serif; color:#002d4b; border:solid 1px #457492;}
	#contatos input:focus {border:solid 1px #7d9db1;}
	#contatos label {float:left; width:100%; font-family: AkzeleratCondensedNormal, Arial, Helvetica, sans-serif; color:#ffffff; font-size:18px;}
	#contatos textarea {background-color:#457492; border:none; border-radius:6px; -moz-border-radius:6px; height:103px; width:486px; margin: 0 0 4px 0; padding:6px; font:12px Arial, Helvetica, sans-serif; color:#002d4b; border:solid 1px #457492;}
	#contatos textarea:focus {border:solid 1px #7d9db1;}
	#contatos .bt-enviar {width:127px; height:36px; padding:0; margin-top:10px; border:solid 1px #00406a;}
	#contatos .bt-enviar:hover {border:solid 1px #7d9db1;}
	#contatos .form-esq {float:left; width:260px;}
	#contatos .form-dir {float:left; width:240px;}


#escolha-pagamento {}
#escolha-pagamento input {width:20px;}

.voltar		{
	position:absolute;
	top:112px;
	left:795px;
	width:51px;
	height:19px;
	background:url(../images/voltar.png) no-repeat;
	z-index:2;
	background-image: url(../images/voltar.png);
}