/*--- Elementos comuns ---*/

* { margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif;  }
body { font-size: 12px; background-color: #f3f3f3; background-image: url(../img/bg-topo2.jpg); background-repeat: repeat-x; }
.negrito { font-weight: bold; }

/*--- Estilo dos elementos ---*/

a {	color: #000; text-decoration: none; border-bottom: 1px solid #ccc }
a:hover { color: #646464; border-bottom: 1px solid #203962 }
li { list-style: none outside none }
input, textarea, select { background-color: #F9F9F9; border: 1px solid #999999; }
small {font-size:9px;}

h1{ font-size: 22px; margin: 0 0 10px 0 }
h2{ font-size: 16px; margin: 0 0 5px 0 }
h3{ font-size: 14px; margin: 0 0 15px 0 }
h4{ font-size: 12px; margin: 0 0 15px 0 }

h4.tituloint {border-bottom:1px solid; color:#0B2644; font-size:13px; margin:20px 0 5px; padding-bottom:3px;}

.destaque {border-bottom:1px solid #B11C1F;}

div#conteudo:after, div#bg-secundarias:after { content: "."; clear: both; display: block; visibility: hidden; height: 0 }


/*Conteúdo do Topo*/
div#topo { width: 960px; height: 126px; }
img#logo { float: left; margin-top: 15px }
img#btn-home { float: left }
div#topo ul#info { float: right; margin: 12px 20px 12px 0 }
div#topo ul#info li a { background: url(../img/phone.png) no-repeat right 5px; display: block; font-size: 14px; padding: 6px 25px 6px 0 }
div#topo ul#social { display: inline; float: right; margin: 10px 0; overflow: hidden }
div#topo ul#social li { margin: 5px 0 }
div#topo ul#social li a { border: 0 }

/* Envolve o conteudo do site*/
div#esquerda {float:left; margin-top:25px; width:180px;}
div#conteudo { width: 960px; margin: 0 auto; margin-bottom: 50px }
div#conteudo-direita { float:right; margin-top:25px; width:716px }

/* Menu */

div#top { background:url(../img/menu/top-menu.gif) no-repeat; width:179px; height:5px; _margin-bottom:-10px;}
div#bottom { background:url(../img/menu/bottom-menu.gif) no-repeat; width:179px; height:5px; margin-bottom:25px}
ul#menu { width:179px; background:url(../img/menu/bg-menu.gif) repeat-y}
ul#menu li { background: url(../img/menu/seta-menu.gif) no-repeat 10px 7px; font-size: 0; margin: 0; padding: 5px 0 5px 26px }
ul#menu li a { border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #646464}
ul#menu li a:hover { color:#203962;}


/*Chamadas - Mais infomacoes, e as tres chamadas de conteudo do site a direita*/

.chamada-titulo { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0b2644; }
div#mais-informacoes { background:url(../img/bg-mais-info2.jpg) no-repeat; float:left; height:172px; margin-left:-1px; margin-bottom:25px; *padding-bottom:60px; _padding-bottom:0; width:180px}
#titulo-mais-informacoes { margin-left: 35px; margin-top: 18px; }
#conteudo-mais-informacoes { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #808285; width: 153px; text-align: left; margin: 0 auto }

/*formulario de cadastro de emails*/

form#newslatter { background: url(../img/bg-formulario.jpg) no-repeat; height:46px; margin:10px auto; padding-top:15px; width:162px} 
form#newslatter legend { display: none; }
form#newslatter label { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #FFFFFF; margin-left: 7px; display: block; cursor: pointer; }
form#newslatter #email:focus { border: solid 1px black; }
form#newslatter input { float: left; margin-left: 7px; }
#email { width: 115px; height: 17px; }
#btn-cadastrar { border: none; }
div#chamadas-direita { float: right; margin-top: 30px; }
ul#lista-chamadas li { float: left; }
li#chamada-esquerda { background-image:url(../img/bg-chamadas.jpg); background-repeat:no-repeat; width: 227px; height: 202px; padding-left: 19px; }
#titulo-chamada-esquerda { margin-left: 10px; margin-top: 12px; }
#conteudo-chamada-esquerda { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #808285; text-align: left; width: 191px; margin-top: 30px; margin-left: -3px }
#conteudo-chamada-esquerda a { font-weight: bold}
#conteudo-chamada-esquerda li { margin-bottom: 15px }

li#chamada-meio { background-image:url(../img/bg-chamadas.jpg); background-repeat:no-repeat; width: 227px; height: 202px; padding-left: 19px; }
#titulo-chamada-meio { margin-left: 10px; margin-top: 12px; }
#titulo-chamada-meio small { font-size:10px }
#conteudo-chamada-meio { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #808285; height:160px; margin-top:20px; margin-left:-10px; width:210px }
#conteudo-chamada-meio a { border: 0; color: #808285;}
#conteudo-chamada-meio a:hover { color: #000;}
#conteudo-chamada-meio li {display:block; width:100%; margin:3px 0;}

li#chamada-direita { background-image:url(../img/bg-chamadas.jpg); background-repeat:no-repeat; width: 227px; height: 202px; }
#titulo-chamada-direita { margin-left: 30px; margin-top: 12px; }
#conteudo-chamada-direita { width: 191px; margin-left: 20px; margin-top:50px; position:relative }
#conteudo-chamada-direita a { left:0; position:absolute; top:90px}
img#curso-em-destaque { margin-top: 20px; margin-left: -6px; }
img#curso-em-destaque:hover { filter: Alpha(Opacity=65); -moz-opacity: 0.6; opacity: 0.6 }

/*Envolve secundaria*/

div#conteudo h2 { color:#0B2644; width:705px; background: none}
div#conteudo-secundarias, div.conteudo-secundarias { background: url(../img/bg-secundaria.gif) no-repeat left bottom; margin-bottom: 15px }
div#bg-secundarias, div.bg-secundarias { padding:0 15px 15px 15px; width:676px;}
div#bg-secundarias .imgCent, div.bg-secundarias .imgCent { text-align: center }
div#bg-secundarias .imgDir, div.bg-secundarias .imgDir {float:right; width:200px; height:200px; margin:0 0 10px 10px;}
div#bg-secundarias ol, div.bg-secundarias ol {margin:10px 0;}
div#bg-secundarias ol li, div.bg-secundarias ol li { list-style-type:decimal; margin:0 0 0 18px;}
div#bg-secundarias table.quadro, div.bg-secundarias table.quadro {border:1px solid #CCC; margin-bottom:10px;}
div#bg-secundarias table.quadro thead td, div.bg-secundarias table.quadro thead td {font-weight:bold; padding:0 3px; background-color:#CCC;}
div#bg-secundarias table.quadro tbody td, div.bg-secundarias table.quadro tbody td {padding:0 3px; text-align:left; height:35px;}
img.rodape-secundaria-equipe {  }
img.rodape-secundaria { margin-bottom: 50px  }

.bdLeft {border-left:1px solid #f6f6f6}
.bdBottom {border-bottom:1px solid #f6f6f6}
.center {text-align:center !important;}

/*Escola*/

div#bg-secundarias p { text-align: justify; line-height: 20px; margin:0 0 15px 0; }
img#professor-escola { margin-top: 105px; margin-left: 45px }

/*professores*/

.demoHeaders { margin-top: 7px; margin-left: 20px; }
.altura-auto { height: 200px; }
h4#texto-profissionais { margin-top: 10px; color: black; text-align: center }

.equipe {border:1px solid #CCCCCC; clear:both; display:block; margin-bottom:10px; padding:10px;}
.equipe ul {margin-left:130px; width:440px;}
.equipe ul li {list-style: disc; line-height: 15px}
.equipe h4 img {float:left; margin-right:10px;}

/*cursos*/
.fonte-cor-vermelha { color:#FF0000; }
ul.cursos { width: 550px; float: right }
ul.cursos li { line-height: 15px; }
ul.cursos li.marcacao { list-style: disc; margin-left: 15px; line-height: 20px; }

/*Localizacao*/

div#bg-secundarias address { float: left; font-style: normal }
div#bg-secundarias address big { font-size: 16px; color: #b91e21; font-weight: bold; }
div#bg-secundarias address span { color: #b91e21 }
div#mapa { float: right }
div#mapa iframe { border: solid 1px #CCCCCC }

/*contato*/

.msgEnviada {margin-left:320px; padding:6px 10px; text-align:center; line-height:132px;}
div#texto-contato { }
div#texto-contato p { line-height: 18px; margin-bottom: 15px }
div#texto-contato p a#localizao-campinas { border-bottom: 1px solid #0B2644; display: block; margin-bottom: 15px; padding: 0 0 15px 0 }
div#texto-contato p a#localizao-campinas:hover { text-decoration: underline }
div#texto-contato big#tel { color: #0B2644; font-size: 14px; font-weight: bold; }
div#texto-contato h3 { color: #0B2644; margin-bottom: 10px }


#cor-mais-atencao { color: #7c1315 }
ul#niveis { display:block; margin:5px 0 0; width:80% }
ul#niveis li { margin-bottom: 10px }
ul#niveis li label { cursor: pointer; *margin:-10px 0 0 0; }
ul#niveis li input { background-color:#FFF; border:0; float:left; margin:1px 10px 0 0; *margin:2px 10px 0 0; width:10px; }
#campo-formulario { padding:0 10px; width:685px}

/*Envolve o Rodape*/

div#rodape { background:#0b2644 url(../img/bg-rodape.jpg) repeat-x; height: 50px; width: 100%; clear: both; *position:fixed; *bottom:0 }
div#conteudo-rodape { margin: 0 auto; width: 960px; height: 49px;}

#assinatura { margin-left: 10px; padding-top: 17px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-align: center }
#assinatura a { color: #FFF; border: 0 }


/* Galeria Serviços */

ul#galeria { margin: 15px auto; overflow: hidden; width: 610px }
ul#galeria li { float: left; margin: 5px }
ul#galeria li a { border: 0 }
ul#galeria li a img { border: 1px solid #d1d1d1 }

.Galeria { text-align: center; margin: 0 auto; padding-top: 30px; width: 567px }
.Galeria a { border: 0 }
.Galeria img { margin: 0 31px 0 0 }

/* Sedes */

hr.divisao { border-bottom: 1px solid #808285; clear: both; margin-bottom: 15px; padding-top: 15px }
big.tel { color: #203962; display: block; font-size: 12px; font-weight: bold; margin-bottom: 15px }
div.dados { float: left; width: 360px }
div.mapa { float: right }

/* Clientes */

table#tab-clientes a { border: 0 }
table#tab-clientes td { padding: 15px 0 }

/* Twitter */

a#btn-twitter { background: url(../img/ico-twitter.gif) no-repeat; border: 0; display: block; float: left; height: 36px; text-indent: -5000em; width: 152px; overflow: hidden }