body {background: url(../images/pe-bg-body.jpg) repeat-x; font: 12px/1.3em Arial, Helvetica, sans-serif;}
.clear {clear: both; height: 0; font-size: 0; visibility: hidden;}
p {margin: 0 0 1.3em 0;}
a {text-decoration: none; color: #577ec1;}

#wrap { width: 900px; margin: 0 auto; background: url(../images/bg-middle.jpg) repeat-y;}
#wrap-inner { background: url(../images/pe-bg-wrap.jpg) no-repeat;}

#top {text-align: center;}
#busca {text-align: right; padding: 0 50px 0 0; margin: 4px 0;}
#busca input {text-align: left; width: 100px;}
#busca input.busca {width: 50px;}

#left {width: 198px; float: left;}
#left-inner {padding: 90px 0 0 30px;}
#main {margin: 0 0 0 198px;}
#main-inner {padding: 0;}

#left #user {text-align: right; padding: 0 25px 0 0; color: #577ec1; font-size: 11px;}
#left #user input {width: 80px; margin: 0 0 4px 0;}
#left #user input#enviar {width: 40px;}
#left #user label { display: block;}

#left #menu {margin: 20px 0;}

#left ul { line-height: 1.8em; padding: 0 0 10px 0;}
#left ul li { display: block; padding: 0 0 0 10px;}
#left ul li a {font-size: 11px; text-transform: none; color: #fff;}


#left ul#fale {margin: 10px 0 0 0;}
#left ul#fale li a { text-transform: uppercase; font-size: 10px; color: #466190;}

#menu-inst { background: url(../images/bg-menu-escolas-inst.gif) right repeat-y;}
#menu-cole { background: #577ec1 url(../images/bg-menu-escolas-cole.gif) right repeat-y;}
#menu-alun {background: #77a1ec url(../images/bg-menu-escolas-alun.gif) right repeat-y;}

#menu-inst .instHeader, #menu-cole .coleHeader, #menu-alun .alunosHeader {font-size: 12px; text-transform: uppercase; color: #fff; padding: 4px 10px;}

#menu-inst .instHeader {background: url(../images/bg-menu-escolas-instHeader.gif);}
#menu-cole .coleHeader {background: url(../images/bg-menu-escolas-coleHeader.gif);}
#menu-alun .alunosHeader {background: url(../images/bg-menu-escolas-alunHeader.gif);}
#menu-alun .last {/* background: url(../images/bg-menu-escolas-last.gif) bottom; text-indent: -999px */}

#menu-horiz { height: 54px; background: url(../images/bg-menu-horiz.jpg) no-repeat;}
#menu-horiz li {float: left;}
#menu-horiz li a {display: block; padding: 21px 56px 18px 56px; text-transform: uppercase;}
#menu-horiz li a:hover, #menu-horiz li#active a { color: #fff; background: url(../images/bg-menu-horiz-over.jpg) repeat-x;}

.bannerHome {margin: 0 0 30px 0;}

.box { width: 302px; float: left; margin: 10px 4px 0 0; }
.box h4 {background: url(../images/pe-box-top.gif) no-repeat; padding: 10px 10px 10px 30px; font-size: 16px; color: #fff;}
.box-inner { background: url(../images/pe-box-middle.gif) repeat-y;  }
.box-inner2 { background: url(../images/pe-box-bottom.gif) bottom no-repeat; padding: 15px 20px 30px 20px;}
.box ul li { border-bottom: 1px solid #819ed1; padding: 6px 0;}

.box-big { width: 623px; float: left; margin: 10px 4px 0 0; }
.box-big h4 {background: url(../images/pe-box-big-top.gif) no-repeat; padding: 10px 0; font-size: 16px; color: #fff; text-align: center;}
.box-big .box-inner { background: url(../images/pe-box-big-middle.gif) repeat-y;  }
.box-big .box-inner2 { background: url(../images/pe-box-big-bottom.gif) bottom no-repeat; padding: 15px 20px 30px 20px;}
.box-big .box ul li { border-bottom: 1px solid #819ed1; padding: 6px 0;}

#interna h1 { font-size: 16px; color: #fff; text-align: center; padding: 30px 0; width: 607px; background: url(../images/pe-bg-titulo.gif) no-repeat; margin: 0 0 20px 0;}

#interna h2 {font-size: 18px; color: #16294a; font-weight: bold; margin: 0 0 4px 0;}


#interna table td { vertical-align: top; padding: 10px;}


#footer {height: 56px; background: url(../images/pe-bg-footer.jpg) repeat-x; }