@charset "utf-8";

/*ESTE ARQUIVO CSS FOI DESENVOLVIDO POR PUBLIONLINE BRASIL
http://www.publionline.com.br*/

/* RESET */

*{ margin: 0; padding: 0; }

html{ overflow-y: scroll; }

body{ width: 100%; height: auto; background: #FDFCFB url(../img/body_bg.jpg) no-repeat 50% -50px; font: 12px Arial, Helvetica, sans-serif; color: #333; }

ul{	list-style: none; }

img{ border: none; }
img a{ border: none; }

form, fieldset{ display: block;	border: none; }

h1{	font-size: 24px; font-weight: bolder; }
h2{	font-size: 20px; font-weight: bolder; }
h3{	font-size: 16px; font-weight: bolder; }
h4{	font-size: 14px; font-weight: bolder; }


/* Pack of useful classes
------------------------------------*/
.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.block{ display: block; }
.relative{ position: relative; }
.absolute{ position: absolute; }
.text-left{ text-align: left; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.pointer{ cursor: pointer; }
.first{ margin: 0; }
.margin-auto{ display: block; margin: 0 auto; }


/* "margins" personalizadas
--------------------------------------*/

/* margin-right
--------------------------------*/
.margin-right-15px{ margin: 0 15px 0 0; }
.margin-right-20px{ margin: 0 20px 0 0; }
.margin-right-25px{ margin: 0 25px 0 0; }
.margin-right-30px{ margin: 0 30px 0 0; }
.margin-right-50px{ margin: 0 50px 0 0; }

/* margin-left
--------------------------------*/
.margin-left-15px{ margin: 0 0 0 15px; }
.margin-left-20px{ margin: 0 0 0 20px; }
.margin-left-25px{ margin: 0 0 0 25px; }
.margin-left-30px{ margin: 0 0 0 30px; }
.margin-left-40px{ margin: 0 0 0 40px; }
.margin-left-50px{ margin: 0 0 0 50px; }

/* margin-top
--------------------------------*/
.margin-top-2px{ margin: 2px 0 0 0; }
.margin-top-3px{ margin: 3px 0 0 0; }
.margin-top-5px{ margin: 5px 0 0 0; }
.margin-top-10px{ margin: 10px 0 0 0; }
.margin-top-15px{ margin: 15px 0 0 0; }
.margin-top-20px{ margin: 20px 0 0 0; }

/* padding-top
--------------------------------*/
.padding-top-2px{ padding: 2px 0 0 0; }
.padding-top-3px{ padding: 3px 0 0 0; }
.padding-top-5px{ padding: 5px 0 0 0; }
.padding-top-10px{ padding: 10px 0 0 0; }
.padding-top-15px{ padding: 15px 0 0 0; }
.padding-top-20px{ padding: 20px 0 0 0; }


/* width
---------------------------------*/
.width_830px{ width: 830px; }



/* clearfix
----------------------------------------*/
.clearfix:after { clear: both; display: block; content: " "; height: 0px; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hide these rules from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
li.clearfix { display: list-item; }
/* End hide from IE-mac */


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

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

/* geral
--------------------------------------*/
#geral{ width: 100%; height: auto; background: url(../img/geral_bg.png); padding: 0 0 20px 0; }


/* etiqueta */
#etiqueta{ width: 33px; height: 286px; position:absolute; background: url(../img/tag-lateral-interna.gif) no-repeat left top; top:200px; z-index: 999999; right: 0; text-indent: -5000px; }
#etiqueta a{ display: block; width: 33px; height: 320px; }

#etiqueta img{ display: block; margin: 5px 0 0 0; }


/* faixa keywords 
----------------------*/
#faixa_keywords{ width: 100%; height: auto; background: url(../img/bg_cinza_transp.png); margin: 3px 0 0 0; }
#faixa_keywords_interna{ width: 916px; margin: 0 auto; display: block; height: auto; padding: 6px 0; background:url(../img/bg_cinza_transp.png); font: 10px Arial, Helvetica, sans-serif; color: #fff; position: relative; }
#faixa_keywords_interna a{ font: 10px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
#faixa_keywords_interna a:hover{ text-decoration: underline; }
#faixa_keywords_interna h1, h2, h3, h4, h5, h6{ font: 10px Arial, Helvetica, sans-serif; color: #fff; display: inline !important; }


/* aba idioma */
a.aba_idioma{ position: absolute; top:0; right:0; display: block; padding: 5px; background: #7A838D; font: 10px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
a.aba_idioma:hover{ text-decoration: none !important; background: #51697C; }

/* topo 
-------------------*/
#topo{ width: 100%; height: auto; position: relative; z-index: 90; }
#topo_interno{ width: 916px; margin: 0 auto; display: block; height: auto; }

/* logo */
#logo{ float: left; width: 287px; margin: 0 0 0 -40px; height: 132px; display: block; }


/* faixa prof nativos 
------------------------*/
#faixa_prof_nativos{ width: ; display: block; font: 11px Verdana, Geneva, sans-serif; color: #fff; height: auto; background: url(../img/bg_azul_transp.png); padding: 7px 6px 7px 15px; position: absolute; top:30px; right:0; }

.largura_faixa_prof1024{ width: 490px; }
.largura_faixa_prof1280{ width: 615px; }
.largura_faixa_prof1360{ width: 655px; }
.largura_faixa_prof1440{ width: 695px; }
.largura_faixa_prof1600{ width: 777px; }


/* menu */
#menu{ width: ; display: block; font: 14px 'FuturaLightRegular', Arial, Helvetica, sans-serif; color: #fff; height: auto; background: url(../img/bg_branco_transp.png); position: absolute; top: 62px; right: 0; margin: 0; }

.largura_menu1024{ width: 588px; }
.largura_menu1280{ width: 715px; }
.largura_menu1360{ width: 753px; }
.largura_menu1440{ width: 792px; }
.largura_menu1600{ width: 872px; }


#menu ul{ display: block; }
#menu ul li{ float: left; font: 16px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; color: #26303A; margin: 0 0 0 25px; letter-spacing: 1px; }

#menu ul li{ margin /*\**/: 0 0 0 20px\9; *margin: 0 0 0 20px; } /* ie7 e ie8 */

#menu li a{ font: normal 16px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; color: #26303A; text-decoration: none; display: block; padding: 5px; }
#menu li a { padding /*\**/: 7px\9; *padding: 7px; } /* ie7 e ie8 */
#menu li a:hover{ text-decoration: none; color: #fff; background: #8B975C; }

/* submenu */
#menu li.submenu{ position: relative; }
#menu li.submenu ul{ width: 290px; position: absolute; top: 30px; left: 0; display: none; background: #FDFCFB; padding: ; }
#menu li.submenu ul li{ margin: 0; display: block; clear: both; float: none; }
#menu li.submenu ul li a{ padding: 7px 0 7px 10px;}


/* banner 
------------------*/
#banner{ width: 100%; height: 288px; display: block; background: url(../img/banner_bg.png) repeat-x center 30%; position: relative; z-index: 10; }
#banner_interno{ width: 916px; height: 288px; margin: 0 auto; display: block;  position: relative; z-index: 10; top: -15px; }


/* busca */
#form_busca{ display: block; width: auto; position: absolute; right:0; bottom: -20px; z-index: 30;}
#form_busca #input_busca{ background: #E6E7E2; border: solid 1px #CDD0CC; display: block; width: 330px; padding: 5px; float: left; font: 14px 'FuturaLightRegular', Arial, Helvetica, sans-serif; color: #999; }

#form_busca #input_busca{ padding /*\**/: 7px\9; *padding: 7px; } /* ie7 e ie8 */

#form_busca .submit{float: left; background: #B3B1A8; font: 11px Arial, Helvetica, sans-serif; color: #fff; text-align: center; padding: 8px; margin: 0 0 0 2px; cursor: pointer; }
#form_busca .submit:hover{ background: #9F9C91; }


/* conteudo 
-------------------*/
#conteudo{ width: 916px; height: auto; display: block; margin: 0 auto; }


/* caixa inglês particular */
#cx_ingles_particular{ display: block; width: 449px; height: auto; background: url(../img/bg_aula_ing_particular.png); margin: 25px 0 0 0; position: relative; padding: 15px; float: left; }
#cx_ingles_particular .titulo{ font: 18px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; background: #8B975C; padding: 8px 10px; color: #fff; letter-spacing: 1px; position: absolute; top: -20px; left: 30px;}

#cx_ingles_particular .titulo a{ font: 18px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
#cx_ingles_particular .titulo a:hover{ text-decoration: underline; }

#cx_ingles_particular p{ font: 13px Verdana, Geneva, sans-serif; color: #333; line-height: 1.5em; }


/* caixa prof inglês nativo */
#cx_prof_ingles_nativo{ display: block; width: 344px; height: auto; background: url(../img/bg_prof_ing_nativo.png); margin: 50px 0 0 0; position: relative; padding: 15px; float: right; text-align: right; }
#cx_prof_ingles_nativo .titulo{ font: 18px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; background: #50677A; padding: 8px 10px; color: #fff; letter-spacing: 1px; position: absolute; top: -20px; right: 30px;}

#cx_prof_ingles_nativo .titulo a{ font: 18px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
#cx_prof_ingles_nativo .titulo a:hover{ text-decoration: underline; }

#cx_prof_ingles_nativo p{ font: 13px Verdana, Geneva, sans-serif; color: #333; line-height: 1.5em; }


/* caixa com a lista de aulas */
#cx_lista_aula{ width: 410px; height: 480px; display: block; background: url(../img/bg_cx_lista_aula.png); float: left; clear: both; padding: 0; margin: 19px 0 0 0; }
#cx_lista_aula p{ font: 13px Verdana, Geneva, sans-serif; color: #333; line-height: 1.5em; padding: 15px; }

#cx_lista_aula ul{ display: block; }
#cx_lista_aula ul li{ display: block; }

#cx_lista_aula ul li a{ padding: 7px 15px; display: block; font: 13px Verdana, Geneva, sans-serif; color: #333; text-decoration: none; }
#cx_lista_aula ul li a:hover{ text-decoration: none; background: #8B975C; color: #fff; }
#cx_lista_aula ul li a.last_link{ margin: 10px 0 0 0; }

.zebra{ background: #FAF8F1; }

/* depoimentos */
#cx_depoimentos{ width: 450px; float: right; height: 130px; display: block; background:url(../img/bg_aula_ing_particular.png); position: relative; margin: 40px 0 0 0; padding: 15px; text-align: right; }
#cx_depoimentos p{ font: 13px Verdana, Geneva, sans-serif; color: #333; line-height: 1.5em; }
#cx_depoimentos .titulo{ font: 18px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; background: #BBC594; padding: 8px 10px; color: #fff; letter-spacing: 1px; position: absolute; top: -20px; left: 30px;}

#cx_depoimentos .titulo a{ font: 18px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
#cx_depoimentos .titulo a:hover{ text-decoration: underline; }

#cycle_depoimentos{ display: block; width: auto; background: none; }
#cycle_depoimentos p{ display: block; background: none !important; }


/* video */
#cx_video{ float: right; width: 450px; height: auto; padding: 13px; background: #F7F6F0; display: block; margin: 25px 0 0 0; }


/* caixa textos */
#cx_textos{ width: 483px; height: auto; background: url(../img/bg_aula_ing_particular.png); padding: 15px; float: left; margin: 45px 0 0 0; position: relative; }
#cx_textos p{ font: 13px Verdana, Geneva, sans-serif; color: #333; line-height: 1.5em; }
#cx_textos .titulo{ font: 18px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; background: #7994AA; padding: 8px 10px; color: #fff; letter-spacing: 1px; position: absolute; top: -20px; left: 30px;}
#cx_textos .titulo a{ text-decoration: none; font: 18px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; color: #fff; }
#cx_textos .titulo a:hover{ text-decoration: underline; }

/* caixa contato */
#cx_contato{ width: 343px; height: auto; padding: 9px 15px; *padding: 15px; display: block; float: right; background:  url(../img/contato_bg.png); margin: 20px 0 0 0; }

#cx_contato{ padding /*\**/: 14px\9; *padding: 14px; } /* ie7 e ie8 */

#cx_contato p{ line-height: 1.6em; }


/* twitter */
#cx_twitter{ width: 684px; display: block; height: auto; background: url(../img/bg_aula_ing_particular.png); float: left; padding: 15px; margin: 25px 0 0 0; }
.twitter_ico{ float: left; display: block; }
#cx_twitter p{ font: 11px Verdana, Geneva, sans-serif; color: #333; line-height: 1.5em; width: 600px; padding: 0 0 5px 15px; display: block; 	float: left; position: relative; }

/* twitter 
--------------*/
/*.tweet .tweet_list{ margin: -7px 0 0 0; }*/

.tweet .tweet_list li{ overflow-y: auto; overflow-x: hidden; padding: 0.5em; list-style-type: none; padding: 10px 0; display: block; }
/*.tweet .tweet_avatar{ float: left; margin: 0 5px; }
.tweet_list .tweet_avatar img { vertical-align: middle; }*/


.tweet .tweet_time{ display: inline; }
.tweet .tweet_list .tweet_time a{ font: 12px Verdana, Geneva, sans-serif; color: #8B975C; text-decoration: none; }
.tweet .tweet_list .tweet_time a:hover{ color: #7994AA; text-decoration: underline; }

.tweet .tweet_list .tweet_text{ font: 12px Verdana, Geneva, sans-serif; color: #555; text-align: left; }

.tweet .tweet_list .tweet_text a{ font: 12px Verdana, Geneva, sans-serif; color: #333; text-decoration: underline; padding: 0; display: inline;}
.tweet .tweet_list .tweet_text a:hover{ color: #333; text-decoration: underline; }

.tweet a.link_url{ font: 12px Verdana, Geneva, sans-serif; color: #8B975C !important; text-decoration: none; }
.tweet a.link_url:hover{ color: #7994AA !important; text-decoration: underline; }


/* e-mail */
#cx_email{ width: 202px; display: block; height: auto; background: url(../img/bg_verde_transp.png); float: right; padding: 22px 15px; margin: -98px 0 0 0; }
#cx_email p{ font: 22px 'FuturaCondensedNormalRegular', Arial, Helvetica, sans-serif; color: #fff; text-align: center; }


/* rodape
---------------------------------------*/
#rodape{ width: 100%; height: 115px; *height: 125px; position: relative; z-index: 90; margin: 28px 0 0 0; display: block; background: none; }
#conteudo_rodape{ width: ; height: auto; background: url(../img/rodape_bg.png); position: absolute; right:0; bottom:0; padding: 10px; }

.largura_rodape1024{ width: 940px; }
.largura_rodape1280{ width: 1068px; }
.largura_rodape1360{ width: 1108px; }
.largura_rodape1440{ width: 1148px; }
.largura_rodape1600{ width: 1227px; }

#conteudo_rodape ul{ display: block; float: left; padding: 0 0 0 25px; background: solid 1px red; }
#conteudo_rodape ul li{ font: 10px Arial, Helvetica, sans-serif; color: #EBE2D7; display: block; padding: 3px 0; }
#conteudo_rodape ul li a{ font: 10px Arial, Helvetica, sans-serif; color: #EBE2D7; text-decoration: none; }
#conteudo_rodape ul li a:hover{ text-decoration: underline; }

/* copyright */
#copyright{ position: absolute; bottom: -25px; right: 0; padding: 5px 5px 5px 10px; background: url(../img/copyright_bg.png); width: ; font: 10px Arial, Helvetica, sans-serif; color: #fff; text-align: left; }
#copyright a{ font: 10px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
#copyright a:hover{ text-decoration: underline; }

.largura_copyright1024{ width: 240px; }
.largura_copyright1280{ width: 360px; }
.largura_copyright1360{ width: 410px; }
.largura_copyright1440{ width: 440px; }
.largura_copyright1600{ width: 525px; }


/* cidade imagem */
#cidade_img{ width: 100%; height: 158px; display: block; background: url(../img/cidade_img.gif) no-repeat 45% top; margin: -25px 0 0 0; }


/* tipos */
.txt_azul_18px_futura{ font: 18px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; color: #50677A; }

.txt_cinza_11px{ font: 11px Verdana, Geneva, sans-serif; color: #333; }
.txt_cinza_12px{ font: 12px Verdana, Geneva, sans-serif; color: #333; }
.txt_cinza_13px{ font: 13px Verdana, Geneva, sans-serif; color: #333; }
.txt_cinza_14px{ font: 14px Verdana, Geneva, sans-serif; color: #333; }
.txt_cinza_18px{ font: 18px Verdana, Geneva, sans-serif; color: #333; }

.txt_verde_13px{ font: 13px Verdana, Geneva, sans-serif; color: #8B975C;  }

.txt_azul_11px{ font: 11px Verdana, Geneva, sans-serif; color: #50677A; }
.txt_azul_12px{ font: 12px Verdana, Geneva, sans-serif; color: #50677A; }
.txt_azul_13px{ font: 13px Verdana, Geneva, sans-serif; color: #50677A; }


/* links */
a.link_verde_11px{ font: 11px Verdana, Geneva, sans-serif; color: #8B975C; text-decoration: none; }
a.link_verde_11px:hover{ text-decoration: underline; }

a.link_azul_11px_sub{ font: 11px Verdana, Geneva, sans-serif; color: #50677A; text-decoration: underline; }
a.link_azul_11px_sub:hover{ text-decoration: underline; color: #2B3A47; }

a.link_azul_11px{ font: 11px Verdana, Geneva, sans-serif; color: #50677A; text-decoration: none; }
a.link_azul_11px:hover{ text-decoration: underline; }

a.link_cinza_11px{ font: 11px Verdana, Geneva, sans-serif; color: #333; text-decoration: none; }
a.link_cinza_11px:hover{ text-decoration: underline; }

a.link_cinza_13px{ font: 13px Verdana, Geneva, sans-serif; color: #333; text-decoration: none; }
a.link_cinza_13px:hover{ text-decoration: underline; }

a.link_azul_18px_futura{ font: 18px 'FuturaCondensedNormalRegular' , Arial, Helvetica, sans-serif; color: #50677A; text-decoration: none; }
a.link_azul_18px_futura:hover{ text-decoration: underline; }