@CHARSET "UTF-8";

body { font-family: Calibri,Tahoma; font-size: 14px; background:url(../../images/site/bg_verde.jpg) repeat}

html, body, #tudo {height: 100%;}
body > #tudo {height: auto; min-height: 100%;}
.clear{ clear:both}

#tudo{ position:relative;  background:url(../../images/site/bola.png) bottom left no-repeat;}
#cesta{ background:url(../../images/site/cesta.png) bottom right no-repeat; padding:10px; height:200px;}

#galeria{ margin:0 0 0 40px;}

#bgtopo{ background:url(../../images/site/bg_amarelo.jpg) repeat; height:460px;}
#bgtopo2{ background:url(../../images/site/curva2.png) no-repeat bottom center; height:460px;}
#site{ width:970px; margin:-460px auto 0 auto; position:relative;}
 #logo{ float:left; margin-left:10px;}
 #logo2{ float:right; margin:60px 170px 0 0}
 
#contt{background:url(../../images/site/bg_cont_t.png) no-repeat; height:14px; width:942px; margin:0 auto;}
#cont{background:url(../../images/site/bg_cont_c.png) repeat-y center; width:970px; padding:1px 0 0 0; min-height:550px;}
#contb{background:url(../../images/site/bg_cont_b.png) no-repeat; height:14px; width:942px; margin:0 auto;}

#boxmenu{height:72px;}
#menul{ width:18px; height:72px; background:url(../../images/site/menu_l.png) no-repeat; float:left}
#menur{ width:18px; height:72px; background:url(../../images/site/menu_r2.png) no-repeat right top; float:left}
#menu{ width:934px; height:72px; background:url(../../images/site/menu.png) repeat-x; float:left}

.ddmenu > li {float: left;}
.ddmenu > li > a {display: block;font-size:22px; font-family:Calibri, Tahoma, Arial; text-shadow: 0.5px 1px #333; color:#ffffff; text-decoration:none; margin:0 7px;}
.ddmenu > li > .ddmenu-hover {background:url(../../images/site/menu_hover_l.png) left no-repeat; color:#5d4d4d; text-shadow:none;}
.ddmenu > li ul {display: none;	list-style: none;position: absolute;margin: -1px 0 0 20px;	z-index: 90;;background:#bade3e; padding:10px;}
.ddmenu > li ul a {	display: block;padding: 5px;font-size:15px; text-decoration: none; color:#333; font-weight:bold}
.ddmenu > li ul li a.first {border-top: 1px solid #545454;}
.ddmenu > li ul a.ddchildhover {background-color: #91b714;}
.ddmenu > li > .ddmenu-hover span{ background:url(../../images/site/menu_hover_r.png) right no-repeat;}

<!-- #menu ul li a:active{ background:url(../../images/site/menu_active_r.png) right no-repeat; color:#ffffff;} -->
<!-- #menu ul li a:active span{ background:url(../../images/site/menu_active_l.png) left no-repeat;} -->
.ddmenu > li span {display:block;padding:13px 15px;}

.last{float:left; display:block;padding:15px 12px; border:0 !important;}

#banner{ width:900px; height:250px; margin:0 0 0 33px}

#box{ padding:30px;}
#noticias{ width:290px; background:url(../../images/site/bg_box.png) no-repeat bottom center; height:275px; padding-bottom:30px}
 #noticias ul li{ list-style:disc; color:#454642; background:none!important; font-size:15px; line-height:18px; text-align:justify; border-bottom:1px solid #666}

#eventos{ width:290px; background:url(../../images/site/bg_box.png) no-repeat bottom center; height:305px; margin-left:17px;}
 #eventos ul li{  border-bottom:1px solid #666; background:none!important; color:#454642; font-size:15px; line-height:18px; text-align:justify}
 #eventos ul { padding:5px 30px 5px 20px; margin:10px 0 0 10px}
#dicas{ width:290px; background:url(../../images/site/bg_box2.png) no-repeat bottom center; position:relative; height:175px; margin:0 0 10px 17px;}
 #dicas ul li{ list-style:none; background:none!important; color:#454642; font-size:15px; line-height:18px; padding:10px 0;text-align:justify}
 #dicas ul { padding:5px 30px 5px 20px; margin:10px 0 0 10px;}
 #dicas ul li span{ font-weight:bold}
 .mural ul li span{ font-weight:bold}

 .fotos li{ list-style:none!important; width:150px; height:170px; padding:5px; background:url(../../images/site/bg_gal.png); float:left; margin-bottom:10px!important; color:#454642;}
 .videos li{ list-style:none!important; border: 1px solid silver; float:left; }
 
 .mural ul li{ list-style:none!important; padding:5px; border: 1px solid silver; float:none!important; color:#454642; font-size:15px; line-height:18px; margin:10px 0; text-align:justify}
 
 .vertodos{ position:absolute;bottom:9px; right:25px;}
 .envieseu{ position:absolute;bottom:9px; left:25px;}

#parceiros{ width:300px; background:url(../../images/site/bg_parceiros2.png) no-repeat; height:113px;}

#box h3{ background:url(../../images/site/bg_h3.png) no-repeat; height:45px; font-weight:normal; color:#ffffff; padding:0 60px; font-size:22px; line-height:40px; font-style:italic;text-shadow: 0.5px 1px #333;}
#box div{ float:left}

#texto{ padding:0 40px}
#texto li{ list-style:disc; margin:2px 0 0 40px;font-size:17px; line-height:21px; letter-spacing:0.5px;}
#texto ol{ list-style:decimal}
#texto h5{ font-size: 13px; text-align:center; font-weight: bold;}
#texto strong{ font-weight:bold}
#texto em{ font-style:italic}

#texto p{ padding:5px 0; text-indent:120px; font-size:17px; line-height:21px; letter-spacing:0.5px; text-align:justify}
#texto div{ padding:0 20px;}
#texto table tr td{ padding:5px;}

.videos li{ background:url(../../images/site/bgvideo.png); width:190px; height:130px; color:#ffffff}
.videos li span{ width:190px; height:130px; display:block}

h3{ background:url(../../images/site/h3.png) no-repeat; width:825px; height:45px; font-weight:normal; color:#ffffff; padding:0 60px; font-size:22px; line-height:40px; font-style:italic;text-shadow: 0.5px 1px #333;}
h3.caps{ text-transform:capitalize}

h4{ font-size:18px; font-weight:bold; margin:10px 0}

#bola{ background:url(../../images/site/bola.png); width:184px; height:359px; position:absolute; left:0; margin-bottom:-20px}

#rodlogos{margin:5px 0 5px 20px;}
#rodlogos img{ float:left;}
#rodlogos p{ float:left; margin:15px 180px;}

#contato{font-size:14px; width:520px; } 
#txtnome,#txtemail,#txtass,#txtfone { width:350px; height:25px; color:#512A43; font-size:12px;padding:0px 5px;}
#txtmensagem{ width:350px; height:170px; padding:5px; color:#512A43; font-size:11px;}
#contato label, input { display: block; float: left;margin-bottom:10px;}
#contato label { text-align: right; width: 120px; padding-right: 10px; padding-bottom: 10px; }
#contato br { clear: left; }
#textcontato{ text-align:center; font-size:13px; padding:10px; line-height:20px;}
#enviar{ float:right;width:64px; height:22px; font-size:12px; margin:25px;}

#matricula br { clear: both; }
#matricula label.error { display:none!important}
#matricula label{ float: left; width:70px; padding:0 5px; text-align:right}
#matricula .button{ margin:10px 260px; width:80px}
#matricula{  padding:0 40px;}
#matricula #aluno,#bairro,#email,#endereco,#resp{ width:313px}
#matricula #celresp,#numero,#nascimento,#cel,#fone,#turno{ width:126px}
#matricula #b{ width:213px}
#matricula #escola,#serie{ width:115px}
#matricula .error{ border:1px solid red; }
#matricula #form{ width:615px; margin:30px auto}


#mask {
  position:absolute;
  left:-210px;
  top:-450px;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  display:none;
  z-index:9999;
  padding:20px;
  border:2px solid green;
}
#boxes br{ clear:both}
#boxes #dialog {
  width:402px; 
  padding:10px;
  background-color:#ffffff;
  font-size: 14px;
}
#boxes #dialog h1 {
  font-size: 17px;
}
#boxes #dialog input[type=text],textarea {
	font-size: 17px;
	width:300px;
	float:left;
}
#boxes label{float:left; width:60px;}
#boxes #dialog .error{ width: 300px; color:red}

.close{display:block; text-align:right;}