@charset "utf-8";

/* CSS Document */



@import url(zera_tags.css);



body{ width:100%; height:100%; margin-top:30px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; text-align:center; background:url(../img/bg_body.gif) repeat-x left bottom; color:#2e2d2d;}

noscript { position:absolute; top:0; left:0; display:inline; float:left; padding:7px 0; width:100%; background:#CCC;}

a{ font-weight:700; color:#cd6b27;}



table{ display:inline; float:left; width:100%;}

thead{ width:100%; background:#d0d623;}

thead tr{ font-weight:700;}

td{ padding:5px; border:1px solid #CCCCCC;}



/* Warp */

#warp{ display:block; float:none; clear:both; width:845px; height:auto; margin:0 auto; text-align:left;}

#warp img{ border:1px solid #cdd0d4;}

#warp img.none_border{ border:none;}

#warp .erro_login{ display:inline; float:left; width:843px; padding:10px 0; margin-bottom:10px; border:1px solid #a10000; font-weight:700; color:#a10000; text-align:left; text-indent:35px; background:url(../img/icons/icon-invalido.gif) no-repeat 10px 8px;}



/* Buttons */

#warp .button_orange{display:inline; padding:0 5px; font-size:0.9em; font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; text-decoration:none; background:url(../img/icons/bg_btn_laranja.gif) ; color:#FFF;}



/* Header */

#warp #header{ position:relative; display:inline; float:left; clear:both; width:100%; height:233px; background: url(../img/header.gif) no-repeat left 6px;}

#warp #header h1{ display:inline; float:left; width:187px; height:233px; text-indent:-999em; background:url(../img/header.gif) no-repeat -845px top;}

#warp #header h2{ display:inline; float:right; clear:none; width:139px; height:38px; margin:9px 11px 0 0; text-indent:-999em; background:url(../img/header.gif) no-repeat -1036px -36px;}



#warp #header form.form_login{ display:inline; float:left; clear:none; width:320px; padding-top:15px; margin-left:6px;}

#warp #header form.form_login fieldset label{ display:inline; float:left; height:18px; margin-right:8px; background:url(../img/bgk-imput.gif) no-repeat left top;}

#warp #header form.form_login fieldset label strong{ display:inline; float:left; height:18px; padding:3px 8px;}

#warp #header form.form_login fieldset label span{ display:inline; float:left; padding:2px 10px;}

#warp #header form.form_login fieldset label.login span{ background: url(../img/header.gif) no-repeat -1036px top;}

#warp #header form.form_login fieldset label.senha span{ background: url(../img/header.gif) no-repeat -1036px -18px;}

#warp #header form.form_login fieldset label input{ display:inline; float:left; height:14px;}

#warp #header form.form_login fieldset label.login span input{ width:84px}

#warp #header form.form_login fieldset label.senha span input{ width:54px}

#warp #header form.form_login fieldset button{ width:20px; height:20px; text-indent:-999em; cursor:pointer; background:url(../img/header.gif) no-repeat -1140px -1px ;}



#warp #header .flash-topo{ display:inline; float:left; width:658px; height:137px;}



#warp #header .logado{ display:inline; float:left; clear:none; width:auto; padding-top:15px;}

#warp #header .logado p{ display:inline; float:left; padding-right:8px; padding-top:3px; background: #c7cc2c url(../img/header.gif) no-repeat right -234px;}

#warp #header .logado p strong{ display:inline; float:left; padding:3px 10px 4px 10px; margin-top:-3px; background: url(../img/header.gif) no-repeat -1077px -74px;}

#warp #header .logado .btn_sair{ display:inline; float:left; width:39px; height:18px; margin-left:8px; text-indent:-999em; background: url(../img/header.gif) no-repeat -1037px -74px;}



#warp #header .info_logado{ display:inline; float:left; width:650px; height:137px}

#warp #header .info_logado .saudacao{ display:inline; float:left; width:50%;}

#warp #header .info_logado .saudacao dl{ display:inline; float:left; width:auto; margin:10px 20px; color:#fff;}

#warp #header .info_logado .saudacao dl dt{ display:inline; float:left; font-size:1.3em; font-weight:700;}

#warp #header .info_logado .saudacao dl dd{ display:inline; float:left; clear:both; padding:10px 0 0 10px; width:100%; font-size:1em; word-spacing:1px;}

#warp #header .info_logado .lembrete{ display:inline; float:left; width:285px; height:116px; margin:10px 20px; background:url(../img/header.gif) no-repeat left -227px;}

#warp #header .info_logado .lembrete h3{ display:none;}

#warp #header .info_logado .lembrete p{ display:inline; float:left; width:auto; padding:50px 10px 10px 10px;}



#warp #header .main_major{ display:inline; float:left; margin-top:9px; width:645px;}

#warp #header .main_major h2{ display:none;}

#warp #header .main_major ul{ height:40px;}

#warp #header .main_major ul li{display:inline; float:left;}

#warp #header .main_major ul li a{ display:inline; float:left; height:36px; margin:0 7px; text-indent:-999em;}

#warp #header .main_major ul li a.main_home{ width:58px; background:url(../img/main.gif) no-repeat -377px top;}

#warp #header .main_major ul li a.main_ed_infantil{ width:146px; background:url(../img/main.gif) no-repeat -450px top;}

#warp #header .main_major ul li a.main_en_fundamental{ width:167px; background:url(../img/main.gif) no-repeat -612px top;}

#warp #header .main_major ul li a.main_en_medio{ width:116px; background:url(../img/main.gif) no-repeat -793px top;}

#warp #header .main_major ul li a.main_contato{ width:71px; background:url(../img/main.gif) no-repeat -923px top;}

#warp #header .main_major ul li a.main_home:hover,

#warp #header .main_major ul li a.main_home_selecionado{ width:58px; background:url(../img/main.gif) no-repeat -377px -35px;}

#warp #header .main_major ul li a.main_ed_infantil:hover,

#warp #header .main_major ul li a.main_ed_infantil_selecionado{ width:146px; background:url(../img/main.gif) no-repeat -450px -35px;}

#warp #header .main_major ul li a.main_en_fundamental:hover,

#warp #header .main_major ul li a.main_en_fundamental_selecionado{ width:167px; background:url(../img/main.gif) no-repeat -612px -35px;}

#warp #header .main_major ul li a.main_en_medio:hover,

#warp #header .main_major ul li a.main_en_medio_selecionado{  width:116px; background:url(../img/main.gif) no-repeat -793px -35px;}

#warp #header .main_major ul li a.main_contato:hover,

#warp #header .main_major ul li a.main_contato_selecionado{ width:71px; background:url(../img/main.gif) no-repeat -923px -35px;}



/* Sidebar left */

#warp #sidebar_left{ display:inline; float:left; clear:none; width:191px;}

#warp #sidebar_left .main{ display:inline; float:left; width:191px; font-size:1.2em; background:url(../img/main.gif) repeat-y -186px 1px;}

#warp #sidebar_left .main h2{ display:none;}

#warp #sidebar_left .main ul{ display:inline; float:left; width:181px; padding:18px 5px 11px 4px; background:url(../img/main.gif) no-repeat -1191px bottom;}

#warp #sidebar_left .main ul li{display:inline; float:left; width:181px; padding-bottom:5px; background:#fff;}



#warp #sidebar_left .main ul li.logado{ border-top:1px solid #d0cece;}

#warp #sidebar_left .main ul li.logado a{ border-bottom:1px solid #d0cece;}

#warp #sidebar_left .main ul li.logado strong{ font-weight:700;}



#warp #sidebar_left .main ul li a{ display:inline; float:left; width:158px; padding:6px 12px; height:14px; font-weight:lighter; text-decoration:none; color:#2e2d2d; background:url(../img/main.gif) no-repeat -1007px top;}

#warp #sidebar_left .main ul li a:hover,

#warp #sidebar_left .main ul li a.selecionado{ background-position:-1007px -25px;}

#warp #sidebar_left .artes{ display:inline; float:left; clear:both; width:191px;}

#warp #sidebar_left .artes h2{ display:none;}

#warp #sidebar_left .artes li{display:inline; float:left; width:100%; height:190px; margin-top:18px; text-indent:-999em; background:url(../img/a_artes.jpg) no-repeat;}

#warp #sidebar_left .artes li a{display:inline; float:left; width:100%; height:190px; text-indent:-999em;}

#warp #sidebar_left .artes li a:hover{ background:#fff; opacity:0.20;	filter: alpha(opacity=20);}

#warp #sidebar_left .artes li.arte_brincar{ background-position:left -190px;}

#warp #sidebar_left .artes li.arte_estudar{ background-position:left -380px;}



/* Content */

#warp #container{ display:inline; float:left; width:431px; padding:0 18px;}

#warp #container .close_content{ display:inline; float:left; width:100%; padding:8px 0 10px 0; background:url(../img/bd_title_content.gif) repeat-x left 30px;}

#warp #container .content{ display:inline; float:left; clear:both; width:431px; margin-top:18px;}

#warp #container .content .titleContent{ display:inline; float:left; height:27px; width:100%; background:url(../img/bd_title_content.gif) repeat-x left 24px;}

#warp #container .content .titleContent h2{ display:inline; float:left; height:27px; text-indent:-999em;}

#warp #container .content h2{ background: url(../img/titles.gif) no-repeat;}

#warp #container .content.featured{ height:253px;}

#warp #container .content a.button_orange{ float:right; padding:2px 5px 3px 5px;}



/* Sidebar right */

#warp .sidebar_right{ display:inline; float:right; clear:none; width:186px; padding:18px 0 14px 0; background:url(../img/main.gif) no-repeat -1001px bottom;}

#warp .sidebar_right h2{ display:inline; float:left; height:24px; width:100%; text-indent:-999em; background:url(../img/titles.gif) no-repeat;}

#warp .sidebar_right h2.mural_recados{ background-position:left -24px}

#warp .sidebar_right h2.agenda{background-position:left -48px}

#warp .sidebar_right h2.historia{background-position:left -72px}

#warp .sidebar_right h2.recursos_avancados{background-position:left -96px}

#warp .sidebar_right .info{ display:inline; float:left; width:166px; padding:10px; text-align:center; background:url(../img/main.gif) repeat-y;}

#warp .sidebar_right .info dl{ position:relative; width:100%; padding-bottom:10px; margin-bottom:10px; text-align:left; border-bottom:1px solid #e3e2df;}

#warp .sidebar_right .info dl dt{ font-weight:700; padding-bottom:10px;}

#warp .sidebar_right .info dl dd{ line-height:12px;}

#warp .sidebar_right a.button_orange.btn_recados{ margin-left:73px;}

#warp .sidebar_right .info dl.date_agenda dt,

#warp .sidebar_right .info dl.date_agenda dd{ padding-left:36px;}

#warp .sidebar_right .info dl.date_agenda dd.date{ position:absolute; left:0; top:0; width:28px; padding:0 0 3px 0; text-align:center; font-size:1.25em; font-weight:700; background:#fff; border:1px solid #b7b7b7;}

#warp .sidebar_right .info dl.date_agenda dd.date strong{ display:inline; float:left; width:100%; margin-bottom:3px; font-size:0.7em; background:#d0d623;}

#warp .sidebar_right a.button_orange.btn_agenda{ margin-left:84px;}



/* Footer */

#warp #footer{ position:relative; display:inline; float:left; clear:both; width:100%; margin-top:48px; padding-bottom:38px; font-size:1.1em; text-align:center; background:url(../img/bd_footer.gif) repeat-x left top;}

#warp #footer ul{ display:inline; float:left; width:735px; padding-left:110px; background:url(../img/bd_footer.gif) repeat-x -440px bottom;}

#warp #footer ul li{ display:inline; float:left;}

#warp #footer ul li a{ display:inline; float:left; padding:15px 40px 15px 20px; font-weight:lighter; text-decoration:none; color:#2e2d2d;}

#warp #footer ul li a:hover,

#warp #footer ul li a.selecionado{ font-weight:700; background:url(../img/icons/ico_footer.gif) no-repeat left 16px;}

#warp #footer span{ position:absolute; bottom:0; left:0; padding:13px 0; width:845px; font-size:0.9em; color:#275999;}

#warp #footer address{ display:inline; font-style:normal; color:#2e2d2d; }



/*Pop up*/

#popup{ display:none;}

#popup iframe{ position:relative; z-index:1000; border:none;}

#popup .bkg{ position:absolute; left:0; top:0; z-index:50; display:inline; float:left; width:100%; height:100%; background:#000; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=85); }

#popup .quadro{ position:absolute; z-index:100; top:50%; left:50%; display:inline; float:left; height:auto; padding:0; background:#fff url(../img/bg-popup-top.gif) repeat-x left top;}

#popup .bottom{ display:inline; float:left; width:auto; height:auto; padding:20px; padding-top:0; margin-top:25px; background:#fff url(../img/bg-popup-bottom.gif) repeat-x left bottom;}

#popup .btn_fechar{ position:absolute; _position:relative; top:9px; right:9px; display:inline; float:left; padding:2px 18px 3px 0; _padding-left:675px; text-align:left; color:#a30000; background:url(../img/icons/btn-fechar.gif) no-repeat right top;}

#popup iframe{ margin-top:10px;}