@charset "utf-8";
/* CSS Document */

*	{ border:none; margin:0px; padding:0px; }

body	{ background:url(../graph/bg.jpg); background-color:#64039a; font-family:sans-serif,Verdana, Arial, Helvetica; color:#000000; font-size:12px; text-align:justify;}

#geral	{ width:760px; background:#FFFFFF; margin:0px auto; padding-top:10px; text-align:justify; }

h1 { font-size:16px; font-weight:bold; }
h2 { font-size:14px; font-weight:bold; margin-bottom:10px; }
h3,h4 { font-size:11px; font-weight:bold; margin-bottom:10px; text-transform:uppercase; }
p { font-size:12px; }

/* Menu Home Esquerda */
a#escola { float:left; text-indent: -5000px; overflow: hidden; width: 80px; height: 80px; background: url(../menu/escola.jpg); background-repeat:no-repeat; }
a#escola:hover { width: 80px; height: 80px; background-position: -80px 0px; }

a#cursos { float:left; text-indent: -5000px; overflow: hidden; width: 80px; height: 80px; background: url(../menu/cursos.jpg); background-repeat:no-repeat; }
a#cursos:hover { width: 80px; height: 80px; background-position: -80px 0px; }

a#galeria { float:left; text-indent: -5000px; overflow: hidden; width: 80px; height: 80px; background: url(../menu/galeria.jpg); background-repeat:no-repeat; }
a#galeria:hover { width: 80px; height: 80px; background-position: -80px 0px; }

a#links { float:left; text-indent: -5000px; overflow: hidden; width: 80px; height: 80px; background: url(../menu/links.jpg); background-repeat:no-repeat; }
a#links:hover { width: 80px; height: 80px; background-position: -80px 0px; }

a#novidade { float:left; text-indent: -5000px; overflow: hidden; width: 80px; height: 80px; background: url(../menu/novidade.jpg); background-repeat:no-repeat; }
a#novidade:hover { width: 80px; height: 80px; background-position: -80px 0px; }

a:link, a:visited{ color:#64039a; text-decoration:none; }
a:hover, a:active{ color:#64039a; text-decoration:none; }

/* Menu Site */
#logo { position:relative; float:left; width:160px; height:100px; background:url(../graph/logo.jpg); background-color:#FFFFFF; margin-right:40px; }
#sitemenu { position:relative; float:left; width:760px; height:100px; background:#FFFFFF; }
#sitemenu ul{ position:relative; float:left; width:480px; height:80px; padding-top:0px; text-align:center; margin-top:20px; margin-bottom:20px; background:#FFFFFF; }
#sitemenu li{ display:inline; text-indent:0px; list-style:none; margin: 0px 0px; background:#FFFFFF; }
#apoio{ float:right; width:60px; height:80px; }
#apoio p { font-size:9px; color:#CCCCCC; margin:0px; text-align:left; }

/* Barra separadora do MENU */
#titulo { position:relative; float:left; width:745px; height:25px; background:url(../graph/barra.jpg); border-top:25px #FFFFFF solid; text-transform:uppercase; color:#FFFFFF; padding-top:10px; padding-left:15px; }

/* Corpo do Site */
#corpo { clear:both; position:relative; float:left; width:720px; padding:20px; background:#FFFFFF; }
#spacer { margin-top:30px; }
#corpo h1 { color:#330066; font-weight:bold; border-bottom:1px dashed #64039a; margin-bottom:10px; margin-top:10px; }
#corpo h2 { color:#CC3300; font-weight:bold; }
#corpo p { margin-bottom:20px; }

#portfolio { width:700px; height:100px; text-align:center; }
.fotov { border:0px; border-style:solid;  max-width:50px; border-color:#666666; margin-right:10px; }
.fotoh { border:0px; border-style:solid;  max-width:80px; border-color:#666666; margin-right:10px; }

#programacao { width:580px; background:#FFFFFF; border:1px solid #64039a; margin:10px auto; padding:10px; } /*largura total 600px*/
#programacao basica { }
#programacao completa { }
#programacao fotojornalismo { }
#programacao iluminacao { }
#programacao h2 { background-color:#64039a; margin-bottom:20px; }
#programacao h3,h4 { color:#64039a; }
.data{color:#999999; font-size:9px;}
.credito{font-size:9px; color:#999999; }

/* galeria */
#galeria_foto{
position:relative;
clear:both;
width:430px;
margin:0px auto;
background:#E7D7F2;
}

#foto{
width:400px;
margin:10px auto;
}

/* Links */
#dicalinks { margin:0px auto; }
a#boxlinks { padding:5px 15px; background:#F3F3F3; margin-bottom:3px; color:#64039a; text-decoration:none; }
a#boxlinks:hover { padding:5px 10px; background:#E4E4E4; margin-bottom:3px; color:#64039a; text-decoration:none; border-left:7px #990066 solid; }


/* Formulario */
form { width:450px; margin:0px auto; }
form fieldset{ width:390px; background-color:#f4f4f4; font-size:11px; padding:10px 30px; margin-bottom:10px; border:none; }
form legend{ background-color:#64039a; font-size:12px; color:#FFFFFF; font-weight:bold; border:1px solid #999999; padding:20px; }
form input{ width:300px; height:23px; border:1px solid #CCCCCC; padding-top:7px; padding-left:10px; }
form label{ width:300px; line-height:25px; margin-left:0px; }
form textarea{ width:340px; height:90px; border:1px solid #CCCCCC; padding-top:7px; padding-left:10px; }
form select{ border:1px solid #CCCCCC; }
#full { width:100%; padding:0px; }


/* Rodape */
#rodape { position:relative; clear:both; float:left; width:680px; background:#FFFFFF; text-align:center; padding:40px; }
#rodape h1 { font-size:9px; color:#666666; text-align:center; }
#rodape h2 { float:right; font-size:9px; color:#666666; }
#rodape a { font-size:9px; color:#666666; text-decoration:none; }


#banner { background:#FFFFFF; width:840px; height:220px; margin:0 auto; }
