/* CSS Document */
* {padding:0; margin:0;}
body {background:#8595b5 url('../images/site/tile.jpg') repeat-x; margin-bottom:5px;}
/*p, ul, ol, li {margin:0 0 .7em 0; font:12px/16px "trebuchet ms","verdana"; color:#000;}*/
p{margin:0 0 .7em 0; font:12px/16px "trebuchet ms","verdana"; color:#000;}
h2 {color:#102d67; font:21px "trebuchet ms","verdana"; margin-bottom:.3em;}
h3 {font:bold 13px "trebuchet ms","verdana"; margin-bottom:.3em;}
span.h3 {color:#102d67; font:bold 13px "trebuchet ms","verdana"; margin-bottom:.3em; display:inline;}

a {color:#6a809b; text-decoration:underline;}
a:hover {color:#999;}

table,td,input,select,textarea {font:10px "verdana";}
input,select,textarea {border-width:1px;}
input[type=submit] {background-color:#393; border-color:#393; color:#fff;}
input[type=radio] {vertical-align:middle;}

.hr_center {border-top:1px dashed #8595b5; height:1px; text-align:center; margin:.7em auto .7em auto; width:70%;}

.clearboth {clear:both;}

table {background-color:#8595b5;}
table td {background-color:#d6dee7; padding:3px;}

#wrap {width:750px; margin:0 auto;}

#header {height:96px;}
#header img {border:none;}

/*######################### column functionality/funcionalidade das colunas >> dangerous to edit/perigoso editar << ####################*/
/***** 1 col *****/
#main_1col {background:url('../images/site/tile_1col.gif') repeat-y;}
#one_col {margin:0 auto; padding:20px 10px 10px 10px;}
#footer_1col {background:url('../images/site/footer_1col.gif') no-repeat; height:10px; clear:both; display:block;}

/***** 2 col (right bar) *****/
#main_2col.right {background:url('../images/site/tile_2col.gif') repeat-y;}
#content_2col.right {width:515px; padding:10px;}
#footer_2col.right {background:url('../images/site/footer_2col.gif') no-repeat; height:10px; clear:both; display:block;}

/***** 2 col (left bar) ****
#main_3col #leftbar_2col.left {float:left; background-color:#CCC;}
#main_3col #content_2col.left {margin:0; padding:0;}
#main_3col #centerbar_2col.left {margin:20px 10px 10px 150px;}
#main_3col #footer_2col.left {background:url('../images/site/footer_2col.gif') no-repeat; height:10px; clear:both; display:block;}*/

/***** 3 col *****/
#main_3col {background:url('../images/site/tile_3col.gif') repeat-y;}

#leftbar_3col {float:left;}

#centerbar_3col {margin:0 0 0 150px; padding:0;}
#centerbar_3col p {text-align:justify;}
#centerbar_3col ul, ol{margin:0 0 .7em 0; font:12px/16px "trebuchet ms","verdana";}
#centerbar_3col li{margin:0 0 .2em 20px;}

#content_3col {width:525px; padding-top:10px;}

#footer_3col {background:url('../images/site/footer_3col.gif') no-repeat; height:10px; clear:both; display:block;}

/***** right bar *****/
#rightbar {width:195px; padding:10px; float:right;}
#rightbar p {font-size:11px; line-height:14px; padding-left:10px;}
#rightbar img {margin:0 auto 0 auto; display:block; margin-bottom:7px;}

#rightbar ul{margin:0 0 .7em 0;}
#rightbar li{margin:0 0 .2em 20px;}

/*################################################################## menus ##############################################################*/
/***** horizontal *****/
#menu_h.bg_1col {background:url('../images/site/menu_bg_1col.gif') no-repeat;}
#menu_h.bg_2col {background:url('../images/site/menu_bg_2col.gif') no-repeat;}
#menu_h.bg_3col {background:url('../images/site/menu_bg_3col.gif') no-repeat;}

/* common styling */
#menu_h {font-family:verdana; height:22px; margin-top:2px; z-index:100;}
#menu_h ul {padding:0; list-style:none; margin:0 auto 0 63px; z-index:100;}
#menu_h ul li {float:left; position:relative; height:22px; z-index:100;}
#menu_h ul li img {border:none; display:inline; margin:0; cursor:pointer; z-index:100;}
#menu_h ul li ul {display:none; background-color:#062348; width:140px; border-top:1px solid #304560; z-index:100;}

/* specific to non IE browsers */
#menu_h ul li:hover a {color:#fff;}
#menu_h ul li:hover ul {display:block; position:absolute; top:22px; left:-63px;}
#menu_h ul li:hover ul li {width:100%; display:block; margin:0; overflow:hidden;}
#menu_h ul li:hover ul li a {width:100%; display:block; padding:7px; margin:0; text-decoration:none; color:#9ca7b7; font:bold 10px "verdana";}
#menu_h ul li:hover ul li a:hover {background-color:#304560; color:#eff3f8; text-decoration:none;}

/***** vertical menu *****/
#menu_v {padding:0; font:normal 12px "verdana";}
#menu_v a {width:134px; padding:7px 0 7px 5px; text-decoration:none; font-weight:bold; color:#eff3f8; display:block; border-bottom:1px dashed #6a809b;}
#menu_v a:hover {background-color:#6a809b;}

#menu_v .anylinkcss {position:absolute; visibility:hidden; background-color:#6a809b; font:normal 10px "verdana"; line-height:20px; color:#eff3f8;
z-index:100; width:150px; text-align:left; border-top:1px solid #062348; border-bottom:1px solid #062348; border-right:1px solid #062348;}
#menu_v .anylinkcss a {width:100%; display:block; padding:1px 0; text-decoration:none; font-weight:bold; text-indent:5px; border:none;}
#menu_v .anylinkcss a:hover {background-color:#9ca7b7;}

/*################################################################# index/capa ###########################################################*/
#content_index {width:515px; padding:10px;}
#content_index p {padding-left:10px; text-align:justify;}

#rightbar.index {margin-bottom:-49px !important;}

#rightbar.index .label_mail {margin:0 -40px 0 0; width:30px; height:85px; float:right;}
#rightbar.index .label_sb {margin:86px -40px 0 0; width:30px; height:85px; float:right;}
/**+html #rightbar.index .mail_label {margin:0 -40px 0 10px; width:30px; height:85px; float:right;}*/
#rightbar.index img {border:none;}

#statement {margin-bottom:10px;}
#statement p, #statement h1 {color:#07864c; margin:0 0 .5em 0; text-align:justify;}
#statement h1 {font:25px "trebuchet ms","verdana"; line-height:20px;}

#highlight_box {float:left; width:240px; margin-bottom:10px; padding-right:10px; text-align:center; border:none;}

#home_right_box {text-align:center;}
#home_right_box img {border:none; margin:0 0 10px 0}

#index_footer {margin-top:10px; padding:10px 0 10px 10px; height:29px; background:url('../images/site/footer_index.gif') no-repeat; clear:both;}
#index_footer p {font-size:8pt; line-height:11pt; color:#888;}

/*################################################################# news  #################################################################*/
.news_box {margin:0; font:12px "trebuchet ms","verdana"; display:table;}
.news_box p {text-align:justify;}
.news_box img {float:left; padding:1px; margin:0 5px 0 0; border:1px solid #60789e; display:block;}

.news_box ul, .news_box ol{margin:0 0 .7em 0; list-style-position:inside; text-align:left !important;}
.news_box li{margin:0 0 .2em 0;}

.headline {margin:0; font:12px "trebuchet ms","verdana"; line-height:15px; display:table;}
.headline a {color:#000; text-decoration:none;}
.headline a:hover {color:#999; text-decoration:none;}
.headline img {float:left; padding:0 5px 0 0;}

span.date_small {font-style:italic; font-size:11px; color:#0488cc;}
span.author {font-style:italic; color:#33508c;}

div.news_legend {font:bold 14px "trebuchet ms","verdana"; text-align:center; margin-bottom:20px;}
div.news_legend img {vertical-align:middle; margin-left:10px;}

h2.bullet_ijs, .bullet_ij, .bullet_is, .bullet_js, .bullet_i, .bullet_j, .bullet_s {color:#102d67; font:19px "trebuchet ms","verdana"; padding-left:23px; display:inline;}
h2.bullet_ijs {background:url('../images/site/bullet_ijs.gif') left 4px no-repeat;}
h2.bullet_ij {background:url('../images/site/bullet_ij.gif') left 4px no-repeat;}
h2.bullet_is {background:url('../images/site/bullet_is.gif') left 4px no-repeat;}
h2.bullet_js {background:url('../images/site/bullet_js.gif') left 4px no-repeat;}
h2.bullet_i {background:url('../images/site/bullet_i.gif') left 4px no-repeat;}
h2.bullet_j {background:url('../images/site/bullet_j.gif') left 4px no-repeat;}
h2.bullet_s {background:url('../images/site/bullet_s.gif') left 4px no-repeat;}

#num_page {margin:5px; width:100%; text-align:right; border-top:1px solid #8595b5;}
#num_page a {color:#6a809b; text-decoration:underline; font:10px "verdana";}
#num_page a:hover {color:#999;}
#num_page .page_sel {font:bold 11px "verdana"; color:#000;}

/*################################################################# sodexo menu #########################################################*/
#one_col.sodexo {width:740px;}
#content_2col.sodexo {width:520px; padding:10px;}

#rightbar.sodexo {width:190px; padding:5px; float:right;}
#rightbar.sodexo p {font-size:11px; line-height:14px; padding-left:10px;}
#rightbar.sodexo img {margin:0 auto 0 auto; display:block;}

#content_2col.sodexo .normal {font:bold 12px "trebuchet ms"; color:#888;}
#content_2col.sodexo img {margin:0 5px 3px 0;}

#box_s, #box_md, #box_d {float:left; text-align:center; margin-bottom:10px;}
#box_s {width:171px; margin-left:-10px;} /* negative margin to avoid parent div's padding */
#box_d {width:150px; margin-right:-10px;} /* negative margin to avoid parent div's padding */
#box_md {width:208px; border-right:3px solid #ccc; border-left:3px solid #ccc;}

p.day {color:#0488cc; font:bold 12px "trebuchet ms";}
a.day {text-decoration:none; color:#0488cc;}
a.day:hover {background-color:#93bf20; color:#fff;}

a.day_selected {text-decoration:none; background-color:#0488cc; color:#fff;}
a.day_selected:hover {background-color:#93bf20;}

/*** old ***
.soy {color:#c93;}
.normal, div.normal {color:#888;}
*/

/*############################################################### contact us ###########################################################*/
#tb_contact {width:100%;}
#tb_contact td {text-align:left;}
#tb_contact .type_text,textarea {width:268px;}
#tb_contact .problem {color:#f00;}
#tb_contact .ok {color:#393; text-align:center;}

/*################################################################# magazine ###########################################################*/
.tb_magazine {float:left; width:120px; margin:0 5px 10px 0; padding:0; text-align:center;}
.tb_magazine img {border:none;}

/*############################################################### facilities ###########################################################*/
.facilities img.left {float:left; margin:0 5px 10px 0; padding:0;}
.facilities img.right {float:right; margin:0 0 10px 0; padding:0;}

/*############################################################### school events ###########################################################*/
#one_col.sciweek div.drop_title_bar {margin-top:10px; border-bottom:2px solid #9DB8FE; color:#5B73F9; font:bold 13px "trebuchet ms","verdana";} /* used for drop down content */
#one_col.sciweek div.drop_content {margin:5px; text-align:justify; overflow:auto;}
#one_col.sciweek span.drop_iconspan {float:right; cursor:hand; cursor:pointer;}
#one_col.sciweek p.infant {padding-left:5px; color:#000; font-weight:bold; background-color:#fff2b8;}
#one_col.sciweek p.junior {padding-left:5px; color:#fff; font-weight:bold; background-color:#8596b6;}
#one_col.sciweek p.senior {padding-left:5px; color:#fff; font-weight:bold; background-color:#9dc48e;}