/*
REGRAS DE ESTILO
Desenvolvido por Daniel Mendes
Versão 1.0 - 09/02/2009
Colégio Fênix/Anglo © Direitos Reservados
*/

/* Regras Gerais */
* { margin: 0; padding: 0; }
body { background: #EBEDF2 url(../imagens/layout/layout.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #555555; }
h1, h2 { font-family: Arial, Helvetica, sans-serif; }
p, ul, ol { margin-bottom: 1em; line-height: 140%; }
a { color: #333333; }
a:hover { text-decoration: none; color: #3F5295; }
img { border: 3px solid #848C8F; }
a img:hover { border: 3px solid #3F5295; }
img.esquerda { float: left; margin: 3px 20px 0 0; }
img.direita { float: right; margin: 3px 0 0 20px; }
img.semborda { border:0; }
input, select, textarea { font-size:13px; padding:1px; width:120px; border:#657AA0 1px solid; background:#D1D8E3; color:#374155; }
textarea{ width:300px; height:120px; }
button { border:2px outset #EBEDF2; background:#C1C8D3; color:#374155; padding:2px; margin:2px; }
#fim { clear:both; }
hr { clear:both; color:#8799B6; margin:12px 0; }
table, td { border:0; padding:3px; }

/* Topo */
#topo { width: 1003px; height: 129px; margin: 0 auto; padding: 30px 0 40px 0; }
#topo img { border:0; margin-left:20px; }

/* Menu Horizontal */
#menu { width: 900px; height: 70px; margin: 0 auto; }
#menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; }
#menu li { display: inline; }
#menu a { display: block; float: left; height: 43px; padding: 13px 30px 0 30px; text-decoration: none; font: bold 1.2em Arial, Helvetica, sans-serif;color: #333333; }
#menu a:hover { text-decoration: underline; }
#menu .atual a { background: bottom center url(../imagens/layout/seta.gif) no-repeat; }

/* 2 Colunas Lado a Lado */
#ladolado { width: 960px; margin: 0 auto; }

/* Submenu ou Lista de Arquivos */
#submenu { float: left; width: 180px; }
#submenu .titulo { height: 28px; padding-top: 7px; background: url(../imagens/layout/submenu1.gif) no-repeat; font-size: 1.4em; color: #333333; text-align: center; }
#submenu .centro { background: url(../imagens/layout/submenu2.jpg) repeat-x; }
#submenu ul { margin: 0; padding: 8px 15px 0 15px; list-style: none; }
#submenu li { padding: 5px 8px; border-bottom: 1px solid #949EA4; }
#submenu li.arquivo a { background: url(../imagens/layout/arquivo.gif) no-repeat left center; padding-left:15px; }
#submenu li.arquivo a:hover { font-weight:bold; }
#submenu li:hover { background: #C0C5D5;}
#submenu li.link a:hover { font-weight:bold; background: url(../imagens/layout/link.png) no-repeat left center; padding-left:15px; }


/* Ajuda da Lista de Arquivos */
.ajuda { padding: 2px 20px ; font-size: 10px; text-align:center; border:none; background:none; line-height: 11px; }
.ajuda a { color: #666666; }

/* Setor do Aluno */
#aluno { float:right; background:url('../imagens/layout/aluno.jpg'); width:372px; margin-bottom:5px; margin-right:15px; }
#aluno p { padding:7px 10px; margin:0; color:#374155; }
#aluno input { height:15px; width:65px; border:#657AA0 1px solid; background:#D1D8E3; color:#374155; }
#aluno button { font-size:8px; height:19px; padding:0; margin:0 2px; }
img.cadeado, img.cadeado:hover { border:0; vertical-align:middle;  }
img.alunoSala, img.alunoSala:hover { border:0; float:right; width:88px; height:35px; margin:0 15px 0 -10px; }

/* Página de Conteúdo */
#pagina { width: 770px; float: right; margin: 0 auto; background: #D4D9DD url(../imagens/layout/pagina2.gif) repeat-y; }
#pagina .titulo { padding: 30px 30px 0 30px; background: url(../imagens/layout/pagina1.gif) no-repeat;}
#pagina .titulo p { font-size: 2em; border-bottom: 1px solid #8799B6; color: #333333; }
#pagina .titulo a { text-decoration:none; }
#pagina .centro { padding: 0 30px; }
#pagina .assinatura { text-align:right; font-weight:bold; margin-right:10px; }
#pagina .baixo { height: 20px; background: url(../imagens/layout/pagina3.gif) no-repeat left bottom; }
#pagina .bloco { clear:both; text-align:justify; vertical-align:middle; }
#pagina .ajuda { background:#D1D8E3 url('../imagens/layout/icone_ajuda.jpg') no-repeat left center; border:1px solid #848C8F; width:150px; margin:5px; min-height:30px; padding:3px 3px 3px 32px; text-align:justify; font-size:12px; }
#pagina .publicacoes { background:#D1D8E3; float:left; width:300px; padding: 20px 15px; border: 1px solid #848C8F; margin: 30px 10px; }
#pagina .convenio{ float:left; width:350px;  padding:20px 0; height:200px; }
#pagina .convenionome { text-transform:uppercase; font-size:12px; color:#3F5295; display:block; }
#pagina .banner { margin-top: 15px; }
#pagina .formulario { width:70px; float:left; padding:2px; clear:both }

/* Listas de Fotos */
#fotos { margin-top:40px; }
#fotos .slot { float:left; width:236.5px; text-align:center; display:inline}
#fotos .imagem {  }
    /* Listas de Fotos - Eventos */
#fotos .evento { text-transform:uppercase; display:block; font-size:12px; margin-top:3px; }
#fotos .data { display:block; }
#fotos .comentario { display:block; padding: 2px 20px; font-size:12px; line-height:13px; text-align:justify; color:#333333; }

#mais { clear:both; text-align:center; background:#8799B6; padding: 3px 0; margin:5px 0; }
#mais h3 { color:#3F5295 }
    /* Listas de Fotos - Aprovados */
#fotos .aprovado { float:left; height:200px; width:236.5px; text-align:center; display:inline}
#fotos .rosto { width:93px; height:93px; border: 3px solid #8799B6; }
#fotos .aluno { text-transform:uppercase; text-decoration:overline underline; font-size:12px; color:#3F5295; display:block; }
#fotos .curso { display:block; }
#fotos .ano { font-size:10px; }

/* Banners de Publicidade */
#publicidade { min-width: 1003px; clear: both; padding: 30px 0 30px; background: url(../imagens/layout/publicidade.jpg) repeat-x left bottom; }

/* Assinatura e Direitos */
#assinatura { min-width: 1003px; padding: 25px 0 5px 0; background: #6A7591 url(../imagens/layout/assinatura.jpg) repeat-x; color: #EBEDF2; }
#assinatura p, #assinatura a { text-align: center; font-size: 11px; color: #EBEDF2; }