* {margin:0;padding:0;}
html, body {height:100%;}
html,body{margin:0;padding:0}
body{ color:#222; margin:0; padding:0; font: 13px Arial, Helvetica, sans-serif;}
html{background:#F3F3F3 url('images/bg-body.png') repeat-x 0 0;}
body{/*background:url(images/bg-header.jpg) no-repeat 50% 0 ;*/}
#container{margin:auto; padding:0; padding-top:10px; width:980px; min-height:100%; position:relative;background: #fff url('images/bg-container.png') no-repeat 50% 0; }
#header{margin:auto; padding:0; width:980px;height:155px;}
.space{margin:auto; text-align:left; display:block; padding:0 10px;}/*Padding*/
/*1 coluna */
#content0{width:980px; margin:auto;}
/*2 colunas - esquerda*/
#wrapper1{float:right;width:980px;margin-left:-220px}
#content1{margin-left:220px; padding-bottom:35px;}
#esquerda1{float:left;width:200px; padding:0 10px}
/*2 colunas 50% */
.coluna-left{ float:left; width:49%; display:block}
.coluna-right{ float:right; width:49%; display:block}
.boxe{background:#f7f7f7 url(images/bg-pagina.png) repeat-x 0 0; padding:10px; border:1px solid #ddd}
#coluna-right{float:right;width:180px; padding:10px; background:#f1f1f1; border:1px solid #ddd}
/* HEADER __________________________________________________________________ */
#logo{display:block; float:left; background: url('images/logo-ibha.png') no-repeat 0 5px;padding: 0; margin-bottom:1px; width:600px; height:120px;}
#logo a {display:block; border:none; width:400px; height:110px;}
/* TEXTOS EM GERAL e LISTAS _____________________________________________________________ */
h1, h2, h3, h4, h5, h6, p{margin:0; padding:0}
p{line-height:17px; padding-bottom:15px; }
address{ font-style: normal; font-weight: bold; line-height:20px; font-size:12px}
small{font-size:9px; color:#707070;}
big{}
blockquote{ padding:5px; margin:0; color:#333; }
.heading1{font-family:35px Calibri,Arial,Comic Sans MS,Helvetica; padding: 0px;color: #069; letter-spacing:-2px}
.heading2{font-family:24px Calibri,Arial,Comic Sans MS,Helvetica; padding: 0px;margin-top: 5px; color: #222;}
.heading3{font: bold 16px Calibri, Arial,Comic Sans MS,Helvetica; padding: 0px;margin-top: 5px; color: #444;}
.heading4{font: bold 22px Calibri,Arial,Comic Sans MS,Helvetica; padding: 0px; padding-bottom:22px; margin-top:10px; color:#2E3547; background:url('images/heading-bg.png') no-repeat 0 100%; letter-spacing:-1px}
.heading5{font: bold 14px Arial, Helvetica, sans-serif; color: #fff; margin:0 0 5px 0; padding:5px; background:#BBB}
.heading6{font: bold 12px Arial, Helvetica, sans-serif; color: #369; margin:0;}
/*Class para Textos*/
.color-verde-1{color:#336666}
.color-abobora-1{color: #F60}
.color-cinza-1{color: #444}
.color-branco{color:#ffffff}
.color-red{color:#f00}
.color-blue{color: #06C}
.color-petroleo{color: #3A8291}
.txt-big-color{color:#F60; font-size:14px; font-weight:bold }
.txt-red{color:#f00}
.txt-blue{color:#25323B }
.txt-mini{font-size: 9px;}
.txt-big{font: bold 30px Arial, Helvetica, sans-serif;color: #069; margin:0;letter-spacing: -1px;}
/*Lista Geral*/
ul{ margin:0 0 10px 0; padding:0 0 0 20px; list-style: square;}
ul li{}
/*Cursos*/
ul.curso{margin:0; padding:0; padding-bottom:15px; color:#333;list-style: none; padding-top:5px;}
ul.curso li{margin:0;padding:0 0 0 20px; background:url('images/sprite.png') no-repeat 0 -595px; line-height:16px;}
/*Artigos*/
ul.artigos{margin:0; padding:0; list-style: none; padding-top:5px;}
ul.artigos li{margin:0 0 10px 0;padding:0; background:url('images/sprite.png') no-repeat 0 -545px; line-height:16px;}
ul.artigos li a:link, ul.artigos li a:active, ul.artigos li a:visited {color:#069;text-decoration:underline; padding:0 0 0 15px;}
ul.artigos li a:hover {color:#F60; text-decoration:none;}
/*Lista quadradinho*/
ul#lista-seta{margin:0 0 0 20px; padding:0 0 0 10px; list-style:square;}
ul#lista-seta li{color:#000; padding:0;}
/* LINKS __________________________________________________________________ */
a{ color:#F60; text-decoration:underline;}
a:hover{ color: #069; text-decoration:underline;}
/* IMAGENS _________________________________________________________________ */
a img { border:none; }
img{margin:0; padding:0; border:none;}
.img1{margin:0 10px 0 0; padding:0; float:left; display:block;}
/* TABELAS _________________________________________________________________ */
table#table1{background:#f3f3f3; border:1px solid #e1e1e1;width:100%; border-collapse:collapse}
table#table1 tr th{background:#E4E4E4; text-align:left; padding:5px; font-size:16px; font-weight:bold}
table#table1 tr td{padding:5px; border:#ddd 1px solid}
table#table2{background:#fff; border:none;width:100%; border-collapse:separate;}
table#table2 tr th{background:#eee; text-align:left; padding:5px; color:#000; border:1px solid #eee; font-size:14px; vertical-align:top; width:160px; }
table#table2 tr td{padding:5px; border:1px solid #eee;}
table#table3{border:none;width:100%; margin-bottom:20px; border-collapse: collapse; background:#fff; color:#444;}
table#table3 tr th{padding:5px; font-size:12px; font-weight:bold; vertical-align: middle; text-align: left; border:1px solid #ddd; background:#eee; color:#555; }
table#table3 tr {}
table#table3 tr td{padding:5px; border:1px solid #ddd; font-size:11px }
table#table3 p{line-height:normal; padding-bottom:5px;font-size:11px }
/* DIVS GERAL _______________________________________________________________ */
.google-maps{ border:1px solid #ccc; margin:5px 0; display:block;}
.noticias {margin:0 0 10px 0;height:44px;border-bottom:1px solid #F8F8F8; clear:both;}
.noticias a {font:normal 11px verdana;color:#555;text-decoration:none;}
.noticias a:hover {color:#000;text-decoration: underline;}
/*breadcrumbs*/
#breadcrumbs {height:10px; padding:0;margin:0 0 10px 0; display:block;text-align:left;font: 9px/10px Verdana, Helvetica, Sans-Serif;}
#breadcrumbs ul {margin: 0; padding: 0; list-style-type: none;}
#breadcrumbs ul li {margin:0 5px 0 0; padding: 0 0 0 7px;display: inline;color: #888; background:url('images/sprite.png') no-repeat left -397px;}
#breadcrumbs ul li a {display: inline;color:#777;text-decoration: none; padding:0; margin: 0;}
#breadcrumbs ul li a:hover {color:#555;text-decoration: underline;}
/*Box-destaque-home*/
.banner-home-destaque{display:block; padding:0 0 10px 10px; margin:0; margin-bottom:0px; width:970px; height:165px; text-align:center; }
/*PHONE-destaque-home*/
#phone{ width:370px; height:60px; line-height:60px; float:left; text-align:center; font-family: Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #333; letter-spacing:-1px; font-weight: bold;}
#phone{ font-size:22px; color:#fff;display:block;font-weight:bold;}
#phone span{display:inline; font-size:30px; font-weight:bold}
/*PHONE-lado esquerdo*/
.phone2{display:block; padding:0; background: #fff url('images/sprite.png') no-repeat 0px -1100px;padding: 0; width:190px; height:170px;}
/*ENDERECO-lado esquerdo*/
.adress{display:block; padding:0; background: #fff url('images/sprite.png') no-repeat 0px -1280px;padding: 0; width:190px; height:192px;}
/*banner lado direito*/
.button1{display:block; padding:0; background: #fff url('images/button-1.gif') no-repeat 0px 0px;padding: 0; width:190px; height:108px;}
.button2{display:block; padding:0; background: #fff url('images/button-2.gif') no-repeat 0px 0px;padding: 0; width:190px; height:108px;}
/*PAGINA CURSOS DETALHE*/
.coluna-0{ float:none; width:960px; display:block; clear:both;}
.coluna-1{ float:left; width:240px; display:block;}
.coluna-2{ float:left; width:720px; display:block;}
.coluna-4{ float:left; width:480px; display:block;}
.coluna-3{ float:right; width:220px; display:block;}
/*FOTO NA PAGINA CURSO*/
.img_curso_detail { padding:2px; border:solid 1px #999; margin-right:10px; margin-bottom:10px; display:block; }
/*Box*/
.featurebox {color:#333; padding:0; border:1px solid #d7d7d7; /*border-top:1px solid #d7d7d7; border-left: 1px solid #d7d7d7;*/ margin:0 0px 5px 5px;background: #f6f6f6 /*url('images/featurebox_bg.gif') no-repeat 100% 100%*/; width:360px; height:187px; float:left; display:block;}
.featurebox span {padding:15px; display:block}
.featurebox big{border-bottom:1px solid #ccc; padding-bottom:2px; display:block; color:#222; font-size: 14px; font-weight: bold;}
.featurebox em{text-align:left;font-size:15px; font-weight:bold;font-style:normal; color:#F90}
.featurebox p {margin:0px; padding:5px 0;}
.featurebox a.botao-link {font-size:11px;color:#fff;float:right;text-decoration:none;margin:0px;padding:0px;background:url('images/sprite.png') no-repeat 0px -800px;width:130px;height:23px;line-height:23px;text-align:center; font-weight:normal; }
.featurebox a:hover .botao-link{color: #fff; text-decoration:underline;background:url('images/sprite.png') repeat-x 0px -824px; width:130px;}
/*Box x2*/
.featurebox2 {color:#333; padding:0; border-top:1px solid #ddd; border-left: 1px solid #ddd; margin:0 4px 5px 4px;width:355px; height:170px; float:left; display:block;}
.featurebox2 span {padding:15px; display:block}
.featurebox2 big{text-align:left; display:block; font-size: 13px; font-weight: bold; border-bottom:1px solid #ddd; background:url('images/sprite.png') no-repeat 0px -546px; padding:0 5px 0 10px;}
.featurebox2 p {margin:0px; padding:5px 0;}
.featurebox2 a {font-size:11px; color:#03C; float:right; text-decoration:underline; margin:0px; padding:0px;height:25px; line-height:25px; text-align:center; font-weight:bold; }
.featurebox2 a:hover {color:#F60; text-decoration:underline;}
/*Cadastrese*/
.cadastrese{display:block; padding:0; margin:10px 0; background: url('images/sprite.png') no-repeat 0px -1480px; width:190px; height:180px;}
.cadastrese a {display:block; border:none; width:190px; height:180px; text-decoration:none;}
/* BOTOES EM GERAL _______________________________________________________________ */
/*Botao fluido*/
.botao-fluido {float:none; display:block; height:41px; margin-bottom:20px; letter-spacing:-1px; font: bold 25px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.botao-fluido ul{margin:0;padding:0; list-style:none;}
.botao-fluido li {display:inline; margin:0; padding:0; }
.botao-fluido a { height:41px; line-height:41px;float:left;background:url(images/bg-botao-left.png) no-repeat left top;margin:0; padding:0 0 0 10px; text-decoration:none; }
.botao-fluido a span {float:left;display:block;background:url(images/bg-botao-right.png) no-repeat right top; padding-right:12px; color:#FFF}
.botao-fluido a span {float:none;}/* Commented Backslash Hack hides rule from IE5-Mac \*/
.botao-fluido a:hover span {color:#eee}/* End IE5-Mac hack */
.botao-fluido a:hover {background-position:0% -41px;}
.botao-fluido a:hover span{background-position:100% -41px;}
/*Botao MIDIAS SOCIAIS*/
.detailMidias { float:left; margin-top:20px; }
#detailMidias{ width:230px; height:30px; display:block;}
#detailMidias ul, #detailMidias li{list-style: none; margin:0; padding:0; float:right}
#detailMidias ul li{ float:left;}
#detailMidias .imprimir a, #detailMidias .recomend a, #detailMidias .facebook a, #detailMidias .google a{
background:url('images/sprite.png') no-repeat; padding:0; margin:0px; text-decoration:none; display:block;height:20px;}
#detailMidias .facebook a{ background-position:0 -1690px; width:60px;}
#detailMidias .facebook a:hover{color:none;}
#detailMidias .recomend a{ background-position:0 -1715px; width:90px;}
#detailMidias .recomend a:hover{color:none;background-position:-90px -1715px;}
#detailMidias .google a{ background-position:0 -1740px; width:40px;}
#detailMidias .google a:hover{color:none;}
/*#detailMidias .imprimir a{ background-position:0 -945px}
#detailMidias .imprimir a:hover{color:#000; text-decoration:underline}*/
/* FORMULÁRIOS _______________________________________________________________ */
/*Botao*/
.buttonA{background: url(images/gradiente.png) repeat-x 0px 0px; font-size:18px; font-weight:bold; color:#FFF; border:1px outset #000; padding:7px 5px; margin:0px;}
.buttonB{background: url(images/gradiente.png) repeat-x 0px -120px; font-size:18px; font-weight:bold; color:#FFF; border:1px outset #007AD3; padding:7px 5px; margin:0px;text-decoration: none}
.buttonB:hover{background: #09C}
.buttonC{background: url(images/gradiente.png) repeat-x 0px -200px; font-size:18px; font-weight:bold; color:#FFF; border:1px outset #F60; padding:7px 5px; margin:0px;}
.buttonD a{background:url(images/gradiente.png) repeat-x 0px -120px; font-size:18px; font-weight:bold; color:#FFF; border:1px outset #069; padding:5px; margin:0px;text-decoration: none}
.buttonD a:hover{background: #09C}
/*PADRAO*/
fieldset{ border:none; margin:0; padding:0;}
/*Logim - area de usuario*/
#login{padding: 5px 0px 0px 10px; float: left; width:370px; height:40px; background:url(images/sprite.png) repeat-x 0px -1000px; margin-top:10px;}
#login span{ font-weight:bold; padding:0;}
#login form{ margin:0; padding:0; margin-bottom:5px}
#login label{ margin:0; padding:0; font-size:9px; color:#f9f9f9; font-weight:bold;}
#login .inputlogin, #login .inputsenha{height:17px;line-height:17px;padding:1px 2px; font-size:10px;color:#888888; border:0; background:#f5f5f5;}
#login .inputlogin { width:120px;}
#login .inputsenha {width:70px; }
#login .button{background: url(images/sprite.png) repeat-x 0px -650px; font-size:10px; font-weight:bold; color:#FFF; border:none; margin:0px; padding:0px 2px 2px 3px; width:30px; height:20px}
#login small a{color:#FFF; text-decoration: underline; text-align:center; display:block; font: 9px Tahoma, Geneva, sans-serif; padding-left:120px;}
#login p{font-size:10px; color:#FFF; font-weight:bold; line-height:35px; display:block; width:200px; float:left}
#login .login{ display:block; float:left; width:150px;line-height:35px;}
#login .login a{background: url(images/sprite.png) no-repeat 8px -196px; color:#fff; padding:0 0 0 15px; display:inline; text-decoration:none; font-weight:bold;}
#login .login :hover{background: url(images/sprite.png) no-repeat 8px -296px; color:#eee;text-decoration: underline}
/*contato*/
form.formulario1 {padding:10px; font-size:11px; margin:0;}
form.formulario1 label{font-weight:bold; color:#333}
form.formulario1 input, form.formulario1 select, form.formulario1 textarea{ background:#ffffff; border:1px outset #ccc;padding:5px;}
form.formulario1 table td { padding:3px 3px}
form.formulario1 .buttonB{background: url(images/gradiente.png) repeat-x 0px -120px; font-size:18px; font-weight:bold; color:#FFF; border:1px outset #007AD3; padding:7px 5px; margin:0px;}
form.formulario1 .buttonB:hover{background: #09C}
form.formulario1 fieldset{ border:none; margin:0; padding:0;}
/*Cadastro*/
#formulario2{}
#formulario2 table{ border-collapse:collapse; width:100%;background:#f7f7f7 url(images/bg-pagina.png) repeat-x 0 0; border:1px solid #ddd}
#formulario2 th{/*width:150px;*/ font-size:14px; color:#777; text-align:right; font-weight: bold; padding:3px 0 3px 5px;}
#formulario2 td{ padding:3px 5px;}
#formulario2 p{ margin:0; padding:0; line-height:normal; font-weight: normal;}
#formulario2 fieldset{ border:none; margin:0; margin-bottom:20px; padding:0;}
#formulario2 legend{font-size:18px; font-weight: bold; color:#666; padding:0;}
#formulario2 input, select, textarea{border:2px solid #ddd; background:#fff; color:#333; padding:3px 7px; font-size:12px}
a.dcontexto {position:relative; font:11px arial, verdana, helvetica, sans-serif; padding:0; color:#039; text-decoration:none; cursor:help; z-index:24;}
a.dcontexto:hover {background:transparent; z-index:25;}
a.dcontexto span {display: none;}
a.dcontexto:hover span {display:block; position:absolute; width:250px; top:3em; text-align:justify; left:0; font: 12px arial, verdana, helvetica, sans-serif; padding:10px 10px; border:1px solid #999; background:#9CD; color:#003; text-decoration:none;}
/* MENU _____________________________________________________________________ */
/*menu-horizontal*/
/* topo */
.grid-topo {width:980px;margin:0; padding:0; background: url('images/bg-top-black.png') no-repeat 0 0; height:34px; clear:both; float:none}
/* menu principal */
.menu-principal .ultimo {margin:0;}
.menu-principal ul {width:960px; overflow:hidden; clear:left; position:relative; z-index:800; list-style:none;}
.menu-principal li {float:left; margin-right:25px;}
.menu-principal li.sub-menu {background: url('images/sprite.png') no-repeat 0px -1975px; padding-right:20px; width:45px; padding-left:8px}/* bkg nao pode estar no sprite*/
.menu-principal a {height:34px; line-height:34px; font-size:13px;color:#fff;padding:0 5px;text-decoration:none;}
.menu-principal .sub {display:none;}
.menu-principal li:hover > div.sub {display:block; margin:0 0 0 -60px; background:url('images/featurebox_bg2.png') no-repeat 50% 100%; padding:20px 15px 10px 15px; width:850px; height:155px;} /*para alterar a altura do submenu alterar height:100px;*/
.menu-principal .sub a {font-size: 11px; color:#fff !important; width: auto !important; height:auto !important; display:block; margin-bottom:2px; line-height:14px; padding-bottom:3px; padding-left:10px; background: url('images/sprite.png') no-repeat 0px -197px;}
.menu-principal .sub span.titulo-menu, .menu-principal .sub a.titulo-menu {color:#FC0 !important;font-size:14px; font-weight:bold; padding:0; margin-bottom:5px !important; display:block;}
.menu-principal .submenu-a, .menu-principal .submenu-b, .menu-principal .submenu-c, .menu-principal .submenu-d {width:200px; float:left; margin-left:10px;}
/*vertical*/
#nav-vertical {width:200px; margin:0; font-size:11px; margin-bottom:10px;}
#nav-vertical ul{width:200px; margin:0; padding:0; padding-bottom:25px; list-style:none;background:#DDDDDD url(images/bg-left-02.png) no-repeat 0 100%;}
#nav-vertical li a { text-decoration:none;}
#nav-vertical li a:link, #nav-vertical li a:visited, #nav-vertical li a:active {color:#000;padding:5px 0 5px 15px;background: url(images/sprite.png) no-repeat 5px -342px;display:block;border-bottom:1px solid #e7e7e7}
#nav-vertical li a:hover {color: #000; background-position:5px -292px}
#nav-vertical .menu-title {font-size:14px; font-weight:bold; background:none; border:none; height:36px; line-height:35px; padding:0 10px; display:block; background: url(images/bg-left-01.png) no-repeat 0 100%;color:#333; text-decoration:none;}
/* --------------------------------------------------------------
VALIDATE JQUERY
-------------------------------------------------------------- */
.focusField{border:solid 2px #73A6FF;background:#EFF5FF;color:#000;}
.idleField{background:#fff;color: #000;border: 1px solid #666;}
.label {display: block; float: left; width: 200px; text-align: left; margin-right: 5px;}
label.error {width: 250px; display: block; float: left; color: red; padding-left: 10px; font-weight:bold;}
.message_box{
width:400px;
padding:3px 3px 3px 6px;
margin: 5px 0px 20px 10px;
background-color:#E8EFF8;
border:#9DBCE1 1px solid;
}
.error_box{
width:400px;
padding:3px 3px 3px 6px;
margin: 5px 0px 20px 10px;
background-color:#F8ECE9;
border:#E3B2A5 1px solid;
}
table.estilo6, table.estilo7 { font: 11px Tahoma, Geneva, sans-serif;margin-bottom: 10px; }
table.estilo6 th, table.estilo6 td { padding: 5px; }
table.estilo6 thead tr {
color: #FFF;
background: #85a5c2;
text-align: center;
}
table.estilo6 tbody tr.subHeader {
color: #004685;
background: #ccdae6!important;
text-align: center;
font-weight: bold;
}
table.estilo7 thead tr {
background: #F4B955;
text-align: center;
}
table.estilo7 th, table.estilo7 td { padding: 5px; }
table.estilo6 tbody tr, table.estilo7 tbody tr {
background: #E0E0E0;
}
table.estilo6 tbody tr:hover, table.estilo7 tbody tr:hover {
background: #FFC;
}
table.estilo6 th a, table.estilo7 th a {
color: #fff!important;
text-decoration: none!important;
}
table.estilo7 tr.subHeader {
font-weight: bold;
text-align: center;
background: #f1f1f1;
}
table.estilo7 tr.odd { background: #E0E0E0!important; }
table.estilo6 td.curso_codigo, table.estilo7 td.curso_codigo {
width: 40px;
text-align: center;
}
table.estilo6 td a, table.estilo7 td a {
color: #06f!important;
}
table.estilo6 td a:hover, table.estilo7 td a:hover {
color: #09f!important;
text-decoration: none!important;
background: transparent;
}
/*CAPTCHA BOX*/
.captcha-box {
overflow: hidden;
border: 1px solid #e5e5e5;
background: #fff;
margin: 0 0 1.5em;
padding: 1em 1em 0;
}
.captcha-box .captcha-label {
font-weight: bold;
margin: 0 0 .5em;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.captcha-box .captcha-img {
text-align: center;
margin: 0 0 1em;
}
.captcha-box .captcha-img img {
height: 70px;
width: 200px;
}
.captcha-box .captcha-msg {
position: relative;
margin: .5em 0 0;
display: block;
color: #999;
line-height: 17px;
padding-right: 2em;
}
.captcha-box .captcha-msg a {
display: inline-block;
position: absolute;
right: 0;
}
.refresh{cursor:pointer}
/* FOOTER _____________________________________________________________________ */
#footer{ clear:both; padding:0; margin:auto; font-size:11px; width:100%; background: url('images/bg-footer.png') repeat 0 0;color:#fff;}
.footer{ clear:both; margin:auto; font-size:11px; width:980px; text-align:left; background: url('images/bg-footer2.png') no-repeat 0 0;}
#footer a{ color:#666;}
#footer a:hover{ color:#333; text-decoration:none}
#footer address{ font-style: normal; font-weight: normal;}
.footer-left{ display:block; float:left; width:400px;}
.footer-right{ display:block; float: right; width:230px;}
/*PHONE-destaque-home*/
#footer .phone{text-align:center; font-family: Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #333; letter-spacing:-1px; font-weight: bold; display:block;}
#footer .phone{ font-size:18px; color:#fff;display:block;font-weight:bold;}
#footer .phone span{display:inline; font-size:30px; font-weight:bold}