/* CSS Document */
html
{
background:#5EA551 url(Imagens/bg.jpg) top left repeat-x;
}

body
{
font-size:62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(Imagens/bg-plantas.gif) center top no-repeat;
color:#666;
margin:0px auto;
text-align:center;
line-height:2em;
}


/* itens globais */
.clear
{
clear:both;
}

.clear-left
{
clear:left;
}

.img-left
{
float:left;
margin:0 10px 5px 0;
}

/* links */
a:link,a:visited,a:active
{
color:#5EA551;
}

a:hover
{
text-decoration:none;
}

/* headings */
h1, h2, h3, h4, h5, h6
{
font-size:1.9em;
font-family:Arial, Helvetica, sans-serif;
color:#006633;
font-weight:normal;
margin:10px 0;
}

/* fotos com sombra */
img.foto
{
padding:10px;
border-top:1px solid #E4E4E4;
border-left:1px solid #E4E4E4;
border-right:3px solid #E4E4E4;
border-bottom:3px solid #E4E4E4;
}

/* lista de fotos */
ul.foto-lista
{
margin:2em 0 0 0;
padding:0 0 5em 0;
list-style:none;
}

ul.foto-lista li
{
float:left;
margin:0 0.5em 0.5em 0;
}

ul.foto-lista li a
{
padding:5px;
background-color:#fff;
border:1px solid #ccc;
display:block;
}

ul.foto-lista li a:hover
{
background:#009900;
border:1px solid #003300;
}


/* header */
#header
{
position:relative;
width:720px;
margin:0px auto;
height:157px;
}

#header h1
{
position:absolute;
width:130px;
height:56px;
margin:0px;
padding:0;
top:50px;
left:0px;
text-indent:-90000px;
}

#header h1 a
{
width:100%;
height:100%;
display:block;
cursor:pointer;
text-decoration:none;
background:url(Imagens/logo-novo.gif) left top no-repeat;
}

#header blockquote
{
position:absolute;
top:0; left:220px;
margin:0; padding-top:15px;
width:480px;
height:157px;
background:url(Imagens/bg_arvore.jpg) top right no-repeat;
text-align:left;
}

#header blockquote p
{
margin-top:30px;
padding-top:10px;
width:300px;
font-family:"Times New Roman", Times, serif;
font-size:1.4em;
color:#38A95D;
}

/* menu */
ul.menu
{
width:720px;
margin:10px auto 0px auto;
text-align:center;
padding:0;
list-style:none;
clear:both;
}

ul.menu li
{
float:left;
font-size:11px;
}

ul.menu li a
{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:5px 15px;
}

ul.menu li a:visited
{
color:#fff;
}

ul.menu li a:hover
{
background:#C2CDA3 url(Imagens/bg_hover.gif) bottom repeat-x;
color:#333;
}

ul.menu li a.selected, ul.menu li a.selected:visited, ul.menu li a.selected:hover, ul.menu li a.selected:active
{
background:#E5EDCF;
color:#80924D;
}

/* submenu */
#link2
{
background:#000;
}

/* conteúdo */
#content-wrapper
{
width:700px;
padding:20px 0 40px 0;
clear:left;
margin:0px auto;
background:#fff;
border:10px solid #E5EDCF;
font-size:1.2em;
}

.mainBanner
{
width:640px;
height:150px;
margin:0 auto;
margin-bottom:2em;
}

/* conteúdo principal */
#main-content
{
text-align:left;
float:left;
padding-left:20px;
width:400px;
}

#main-content h2
{
margin-bottom:1em;
}

#main-content h3
{
font-size:1.6em;
margin:1.8em 0 -0.4em 0;
}

#content-fotos
{
text-align:left;
float:left;
padding-left:20px;
width:650px;
}

#content-fotos h3
{
margin-top:1.8em;
}

#content-comunidade
{
text-align:left;
float:left;
padding-left:20px;
width:650px;
}

#content-comunidade h3
{
font-size:1.4em;
margin:2em 0 -0.4em 0;
}

#content-exalunos
{
text-align:left;
float:left;
padding-left:20px;
width:650px;
}

#content-exalunos h3
{
font-size:1.4em;
margin:2em 0 -0.4em 0;
}

#content-contato
{
text-align:left;
float:left;
padding-left:20px;
width:650px;
}

#content-localizacao
{
text-align:left;
float:left;
padding-left:20px;
width:650px;
}

/* tabela de turmas */
table#turmas
{
width:360px;
}

table#turmas caption,table#turmas th
{
display:none;
}

table#turmas td
{
padding:5px;
border:1px solid #fff;
background:#F1F9DD;
}

/* Efeitos Dia das Mães */
#main-content-mae h2#bobcontent1-title,#bobcontent2-title,#bobcontent3-title,#bobcontent4-title,#bobcontent5-title,,#bobcontent6-title,#bobcontent7-title,
#bobcontent8-title,#bobcontent9-title,#bobcontent10-title,#bobcontent11-title,#bobcontent12-title,#bobcontent13-title,#bobcontent14-title,
#bobcontent15-title,#bobcontent16-title,#bobcontent17-title,#bobcontent18-title,#bobcontent19-title,#bobcontent20-title,#bobcontent21-title,
#bobcontent22-title,#bobcontent23-title,#bobcontent24-title,#bobcontent25-title,#bobcontent26-title,#bobcontent27-title,#bobcontent28-title,
#bobcontent29-title,#bobcontent30-title,#bobcontent31-title,#bobcontent32-title,#bobcontent33-title,#bobcontent34-title,#bobcontent35-title,
#bobcontent36-title,#bobcontent37-title,#bobcontent38-title,#bobcontent39-title,#bobcontent40-title,#bobcontent41-title,#bobcontent42-title,
#bobcontent43-title,#bobcontent44-title,#bobcontent45-title,#bobcontent46-title,#bobcontent47-title,#bobcontent48-title,#bobcontent49-title,#bobcontent50-title
{
color:#5EA551;
text-decoration:underline;
font-size:13px;
color:#666;
cursor:hand;
cursor:pointer;
margin:0 0 0.5em 0;
}


/* conteúdo secundário - barra lateral direita */
#sidebar
{
text-align:left;
float:right;
padding-right:20px;
width:220px;
}

#inner-sidebar
{
text-align:left;
float:right;
padding-right:20px;
width:180px;
}

#inner-sidebar ul.subNav
{
padding:0;
margin:40px 0 0 0;
list-style:none;
}

#inner-sidebar ul.subNav li
{
margin-bottom:10px;
}

#inner-sidebar ul.subNav li a
{
padding-left:30px;
}

#inner-sidebar ul.subNav li a.current
{
text-decoration:none;
font-weight:bold;
color:#666;
background:url(Imagens/avisos_seta.gif) left center no-repeat;
cursor:default;
}

/* quadro de avisos */
#avisos
{
float:right;
text-align:left;
width:222px;
background:url(Imagens/avisos_top.jpg) left top no-repeat;
font-size:0.9em;
}

#avisos h3
{
position:relative;
width:174px;
height:57px;
background:url(Imagens/avisos_titulo.jpg) 25px 25px no-repeat;
margin-bottom:25px;
}

#avisos h3 span
{
display:none;
}

#avisos p.item-aviso
{
padding:0 30px 0 25px;
text-indent:30px;
background:url(Imagens/avisos_seta.gif) 20px 5px no-repeat;
}

#avisos p.aviso-final
{
width:222px;
padding-top:40px;
background:url(Imagens/avisos_bottom.jpg) left bottom no-repeat;
}

/* rodapé */
#footer
{
width:720px;
margin:0 auto;
padding:1em 0;
color:#fff;
}

#footer a
{
color:#fff;
}#main-content-mae {

text-align:left;
float:left;
padding-left:20px;
width:600px;
}

/* Form Contato */
#contato
{
margin:0 0 30px 0;
}

#contato label
{
width:180px;
display:block;
}

#contato p
{
margin:0 0 1.5em 0;
}

#contato p.hidden-input
{
display:none;
}

#contato input
{
width:230px;
font-size:1.2em;
background:#fff;
color:#333;
border:1px solid #ccc;
}

#contato textarea
{
width:235px;
height:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
background:#fff;
color:#333;
border:1px solid #ccc;
}

#contato input:focus, #contato textarea:focus
{
background:#ececec;
color:#000;
}

#contato input.button
{
width:5em;
font-size:1.1em;
background:#5ea551;
color:#fff;
font-weight:bold;
border:1px solid #2a641f;
}

#contato input.button:hover
{
background:#2a641f;
}

#contato .numeroPessoas
{
float:left;
margin-right:20px;
}

#contato .numeroPessoas label
{
display: inline;
}

#contato .numeroPessoas input
{
width:20px;
}


