/*-----
 OXFORD Inglês - doc CSS
 
 31-07-2009 
 
 Novo Traço Comunicação - Filipe 
 ------*/

/*------------ ESTRUTURA GERAL -----------------*/

* { margin:0px; padding:0px; }

div,
span,
p,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
img,
form { padding:0; margin:0; }

ul { list-style-type:none; }

.espacos { line-height:0; font-size:0; clear:both; }

.invisivel { visibility:hidden; }

body { background-image:url(../images/backgroundSite.jpg); background-repeat:repeat-x; font-family: "Trebuchet MS", Arial; font-size:13px; color:#00318e; line-height:14px; }

a { text-decoration:none; color:#00318e; }

/*--------------- DIV MASTER -----------------*/

#master { position:relative; width:900px; margin: 0 auto; height:100%; }

#master #outdoor { position:absolute; width:458px; height:288px; z-index:2; left: 195px; top: 20px; }

/*--------------- DIV TOPO -----------------*/

#topo { position:relative; width:900px; height:168px; }

#topo img { position:absolute; width:147px; height:150px; top:10px; }

/* area Exclusiva */
#exclusiva_breve { background-image:url(../imagens/comunidade_embreve.jpg); background-repeat:no-repeat; float:right; height:169px; left:695px; position:absolute; top:5px; width:179px }

#area_exclusiva { position:absolute; width:190px; height:150px; left:699px; top:25px; background-image:url(../images/txt-area-exclusiva.png); background-repeat:no-repeat; background-position:19px 22px; }

#area_exclusiva form { position:relative; width:190px; height:150px; }

#area_exclusiva form fieldset { border:0; position:absolute; width:170px; height:64px; left:20px; top:47px; }

#area_exclusiva form label { font-size:12px; width:20px; height:20px; float:left; line-height:24px; }

#area_exclusiva form input { border:0; font-size:12px; color:#666666; height:15px; padding-left:3px; padding-top:2px; }

#area_exclusiva form input[type="text"] { width:109px; margin:2px 0 5px 20px; }

#area_exclusiva form input[type="password"] { width:87px; margin: 2px 0 0 20px; }

#area_exclusiva form input[type="submit"] { background-image:url(../images/seta01.png); background-repeat:no-repeat; width:17px; height:16px; position:absolute; left:135px; top:26px; }

#area_exclusiva p { position:absolute; width:100px; height:20px; left: 80px; top: 95px; }

#area_exclusiva p a { font-size:9px; }

#area_exclusiva p a:hover { text-decoration:underline; }

#data { position:absolute; width:430px; height:20px; font-size:10px; top:320px; left:205px; text-align:right; z-index:2; }

/*---------------FIM DIV TOPO -----------------*/



/*--------------- DIV MEIO -----------------*/
/*#meio { position:relative; width:930px; height:100%; background-color:#FFFFFF; overflow:auto; }*/

#meio { position:relative; width:930px; height:100%; background-color:#FFFFFF;  }

/* menu vertical */

#busca { background-image:url(../images/box-busca.gif); height:70px; margin-bottom:25px; margin-top:25px; position:relative; width:147px; z-index:10; }

#busca form { position:absolute; width:147px; height:70px; }

#busca form input { border:0; font-size:12px; color:#666666; height:15px; padding-left:3px; padding-top:2px; }

fieldset { border:0; }

#busca form input[type="text"] { width:91px; float:left; margin:36px 5px 5px 15px; border:0; }

#busca form input[type="submit"] { background-image:url(../images/seta01.png); background-repeat:no-repeat; width:17px; height:16px; position:absolute; left:115px; top:36px; border:0; }

#menu-vertical { float:left; position:relative; width:195px; font-family: Georgia, "Times New Roman", Times, serif; }

#menu-vertical .menu { width:147px; text-align:right; font-size:16px; line-height:30px; }

#menu-vertical .menu li a { display:block; }

/* esconde submenu */
#menu-vertical .menu li .submenu { display:none; }

/* ver submenu */
/*#menu-vertical .menu li:hover .submenu { display:block; }*/

#menu-vertical .submenu { position:relative; width:147px; text-align:right; top:10px; font-size:12px; line-height:20px; }

#menu-vertical .submenu { width:147px; text-align:right; top:2px; font-size:12px; }

#menu-vertical .submenu li a { display:block; color:#dd3832; font-size:12px; }

.menu1 { cursor:pointer; }

.menu2 { cursor:pointer; }

.menu3 { cursor:pointer; }

.menu4 { cursor:pointer; }

/*--------------- DIV CONTEUDO ---------------*/

#conteudo { position:relative; float:left; width:450px; margin:170px 0 15px 0; }

/* ________________ PG HOME ________________*/

/* nossos cursos */

#nossos-cursos { position:relative; width:450px; height:120px; }

#nossos-cursos h2 { position:absolute; width:430px; height:25px; left:10px; background-image:url(../images/nossos-cursos.gif); background-repeat:no-repeat; background-position:3px 4px; }

#nossos-cursos h2 span { width:120px; float:left; }

#nossos-cursos h2 .barra-titulo { float:right; width:300px; height:25px; background-image:url(../images/line-titulo.jpg); background-repeat:repeat-x; background-position:0 11px; }

.bloco-links { position:relative; float:left; width:215px; height:95px; top:40px; left:10px; }

.bloco-links ul { position:absolute; width:190px; height:95px; top:0px; left:30px; }

.bloco-links ul li { width:160px; }

.bloco-links ul li a { display:block; width:190px; height:20px; padding:0 0 0 10px; background-image:url(../images/bulet-seta.gif); background-repeat:no-repeat; background-position: 0 6px; }

.bloco-links ul li a:hover { background-image:url(../images/bulet-seta-on.gif); text-decoration:underline; }

/*noticias */

#noticias { position:relative; width:450px; overflow:auto; }

#noticias h2 { position:relative; width:430px; height:25px; left:10px; background-image:url(../images/noticias.gif); background-repeat:no-repeat; background-position:3px 3px; }

#noticias h2 span { width:75px; float:left; }

#noticias h2 .barra-titulo { float:right; width:350px; height:25px; background-image:url(../images/line-titulo.jpg); background-repeat:repeat-x; background-position:0 11px; }

.box-noticia { position:relative;  width:444px; height:80px; margin:10px 0 0; }

.box-noticia img { position:absolute; width:60px; height:60px; margin:0 0 0 13px; }

.box-noticia .data { position:absolute; top:-2px; left:76px; width:340px; height:19px; font-size:10px; color:#999999; margin-left:10px; }

.box-noticia .resumo { position:absolute; top:28px; left:76px; width:340px; height:40px; font-size:12px; margin-left:10px; }

.box-noticia .resumo a:hover { text-decoration:underline; }

.box-noticia .titulo { position:absolute; top:12px; left:76px; width:364px; height:40px; font-size:14px; font-weight:bold; margin-left:10px; }

.box-noticia .titulo a:hover { text-decoration:underline; }

/* pagina de busca */

#busca_pg { position:relative; width:450px; height:45px; }

#busca_pg h2 { position:absolute; width:430px; height:45px; left:10px; background-image:url(../images/busca.gif); background-repeat:no-repeat; background-position:3px 3px; }

#busca_pg h2 span { width:75px; float:left; }

#busca_pg h2 .barra-titulo { float:right; width:250px; height:25px; background-image:url(../images/line-titulo.jpg); background-repeat:repeat-x; background-position:0 11px; }

.box-busca { position:relative; width:420px; }

.box-busca .resumo { font-size:12px; line-height:18px; margin:0 0 -17px 0; display:block; }

.box-busca .titulo { font-size:14px; font-weight:bold; }

.box-busca .data { font-size:10px; color:#999999; }

.box-busca .resumo:hover { text-decoration:underline; }

.box-busca .titulo:hover { text-decoration:underline; }

/*________________ LATERAL DIREITA ________________*/
#lateral-direita { position:relative; float:left; width:255px; height:100%; margin-top:2px; }

/*nivel 1 */
#lateral-direita-nivel01 { position:relative; float:left; width:225px; height:130px; margin:0 0 0 30px; background-image:url(../images/img-testeseuingles.gif); background-repeat:no-repeat; background-position:15px 30px; }

#lateral-direita-nivel01 h3 { position:absolute; font-size:12px; font-weight:100; width:163px; height:10px; top:73px; left:36px; }

#lateral-direita-nivel01 ul { position:absolute; width:168px; height:28px; top:91px; left:36px; }

#lateral-direita-nivel01 ul li { width:138px; }

#lateral-direita-nivel01 ul li a { padding:0 0 0 10px; background-image:url(../images/bulet-seta.gif); background-repeat:no-repeat; background-position: 0 6px; font-size:11px; }

#lateral-direita-nivel01 ul li a:hover { background-image:url(../images/bulet-seta-on.gif); text-decoration:underline; }

/*nivel 2 */

#lateral-direita-nivel03 { position:relative; float:left; width:225px; height:130px; margin:0 0 0 30px; background-image:url(../images/img-newsletter.gif); background-repeat:no-repeat; background-position:15px 30px; }

#lateral-direita-nivel03 div { position:absolute; width:87px; height:67px; top:8px; left:137px; background-image:url(../images/carta-newsletter.png); background-repeat:no-repeat; }

#lateral-direita-nivel03 p { position:absolute; width:160px; height:42px; top:83px; left:36px; font-size:11px; line-height:13px; }

#lateral-direita-nivel03 a:hover { text-decoration:underline; }

/*nivel 3 */

#lateral-direita-nivel02 { position:relative; float:left; width:225px; height:130px; margin:0 0 0 30px; background-image:url(../images/img-playnlearn.gif); background-repeat:no-repeat; background-position:15px 30px; }

#lateral-direita-nivel02 p { position:absolute; width:90px; height:42px; top:75px; left:104px; font-size:11px; line-height:13px; text-align:right; }

#lateral-direita-nivel02 a:hover { text-decoration:underline; }

/*nivel 4 */

#lateral-direita-nivel04 { background-image:url(../images/img-garotaLaptop.jpg); background-repeat:no-repeat; float:left; height:189px; margin-bottom:5px; margin-left:10px; margin-top:20px; position:relative; width:268px; }

/*________________ FIM LATERAL DIREITA ________________*/



/*--------------- FIM DIV MEIO ---------------*/

/*---------------- DIV RODAPE ------------------*/

#rodape { width:100%; height:40px; background-color:#e7eaeb; clear:both; }

#rodape #conteudo-rodape { position:relative; width:900px; height:40px; margin:0 auto; font-size:10px; color:#666666; background-color:#e7eaeb; }

#rodape #conteudo-rodape #direita-rodape { position:absolute; width:305px; left: 0px; top: 14px; }

#rodape #conteudo-rodape #esquerda-rodape { position:absolute; width:161px; margin-left: 740px; top: 14px; left: -2px; }

#conteudo-rodape #esquerda-rodape #texto { float:left; }

#conteudo-rodape #esquerda-rodape #imagem { float:left; position:absolute; top:-3px; left: 92px; }

/*---------------- FIM DIV RODAPE --------------*/