*{
	margin:0px;
	padding:0px;
}

body{
	background:url(../imagens/bgtoy.jpg);
	background-attachment:fixed;
	/*BARRA DE ROLAGEM - IE*/
	scrollbar-face-color:#fffa9c;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color: #f90;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	margin:0!important;
	padding:0!important;	
}

.left{
	float:left;
	border:none;
}

.right{
	float:right;
}

.abc{
	margin:5px;
	padding:5px;
	background:#ffffcc;
}

#geral{
	margin:0 auto;
	width:778px;
	display:table;
}


#rodape{
	display:block;
	width:778px;
	height:43px;
	background:url(../imagens/rodape.jpg) no-repeat;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:50px;
}

#rodape2{
float:left;
	display:block;
	width:778px;
	height:43px;
	background:url(../imagens/rodape.jpg) no-repeat;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:50px;
}

/* ----- topo -----*/

#topo{
	width:778px;
	height:175px;
	display:block;
}

#logo{
	width:238px;
	height:175px;
}

/* ----- conteudo -----*/

#conteudo{
	width:778px;
	display:table;
	background-image:url(../imagens/esq_fundo.jpg);
	font:12px Trebuchet MS;
	color:#900;
}


#container,#containerOK{
	width:500px;
	border-right:solid 18px #FFFA9C;
	padding:10px;
	_padding:1px;	
	display:table;
	float: right ;
	background-color:#FFF;
}

#containerOK{
	height:600px;
}
#container #calendario {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	float: left;
	width: 500px;
	border: 2px solid #FFCC99;
	text-align: left;
	margin-bottom: 20px;
}

#container #calendario h1 {
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
	font-weight: bold;
	color: #006;
	text-decoration: underline;
	background-color: #FFFA9C;
	background-repeat: no-repeat;
	height: 25px;
	width: 500px;
	float: left;
	border-bottom:2px solid #ffcc99;
	padding-top: 10px;
}
#container #calendario h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006;
	float: left;
	text-align: left;
	margin: 0px;
	height: 17px;
	width: 415px;
	display: block;
	text-decoration: underline;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}

#container #calendario h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
	float: left;
	width: 70px;
	height: 30px;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	display: block;
}
#container #calendario img{
	float:left;
	margin-left:7px;
	margin-top:5px;
	}
#container #calendario h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
	float: left;
	width: 65px;
	height: 30px;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	display: block;
}

#container #calendario p { line-height:20px;}

#container  #tabela1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	float: left;
	width: 130px;
	height: 480px;
	text-align: center;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#container #tabela2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #990000;
	float: left;
	width: 365px;
	border: 2px solid #000000;
	height: 480px;
}

#container #tabela3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #990000;
	float: left;
	width: 365px;
	border: 2px solid #000000;
	height: 820px;
}
#container  #tabela4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	float: left;
	width: 130px;
	height: 820px;
	text-align: center;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#container h1{
	font-size:18px;
	background-color:#FFC;
	display:block;
	padding:3px;
}

#container h2{
	font-size:12px;
}

#container p, #container ol, #container ul, #container address{
	margin:20px;
	clear:both;
}

#container ul li{ padding:2px 5px;
margin:5px;
background:#FFFF99;
display:inline;
list-style:none;
}


address{
	font-style:normal;
	margin-top:-50px;
}
	

#container a{
	color:#900;
	text-decoration:none;
	font-weight:bold;
}

#flashes{
	float:left;
	width:540px;
}

/* ----- menu -----*/

#menu{
	width:200px;
	height:164px;
	display:block;
	float:left;
}

#menu li{
	list-style:none;
}

#menu h1{
	font-size:12px;
	background-color:#FFFA9C;
	width:80%;
}

#menu p{
	width:150px;
}

#menu h1, #menu p{
	margin:10px;
}

#menu a{
	width:238px;
	display:block;
	text-indent:-5000px;
}

#link1{
	height:32px;
	background-image:url(../imagens/link1.jpg);
}


#link1:hover{
	background-image:url(../imagens/link1_over.jpg);
}


#link2{
	height:33px;
	background-image:url(../imagens/link2.jpg);
}

#link2:hover{
	background-image:url(../imagens/link2_over.jpg);
}

#link3{
	height:32px;
	background-image:url(../imagens/link3.jpg);
}

#link3:hover{
	background-image:url(../imagens/link3_over.jpg);
}

#link4{
	height:33px;
	background-image:url(../imagens/link4.jpg);
}

#link4:hover{
	background-image:url(../imagens/link4_over.jpg);
}

#link5{
	height:34px;
	background-image:url(../imagens/link5.jpg);
}

#link5:hover{
	background-image:url(../imagens/link5_over.jpg);
}

#calendario img{ border:1px solid #CC0000;
margin:0 2px 5px 0;
}

#calendario p{margin:10px 20px;}

#calendario{*margin-top:15px;
text-align:center;}

#atividades mes{
position:absolute;
margin-top:200px;}


/*--Classes--*/

.chamada{ font-size:22px;
font-family:"Trebuchet MS";
font-weight:bold;
}

.chamadaA{ font-size:18px;
font-family:"Trebuchet MS";
font-weight:bold;}

.chamadaB{ font-size:14px;
font-family:"Trebuchet MS";
font-weight:bold;}

#divisao{
	width:490px;
	margin:0 auto 2px auto;
	height:auto;
	background:#CCCCCC;
	border:2px solid #CCCCCC;
	margin-top: 20px;
}

#divisao p{margin:6px 20px;}

.risco{background:url(../imagens/risco.jpg) top repeat-y;}

.esquerda{ float:left;
width:170px;}

.direita{
	float:left;
	width:319px;
	margin-left:1px;
	height: auto;
}

.direita p{ font-size:11px;
line-height:12px;
text-align:left;}

.bottom{margin-bottom:1px;}

.lado{ padding-left:10px;}

.tamanhoA{height:560px;}
.tamanhoB{height:500px;}
.tamanhoC{height:520px;}
.tamanhoD{height:600px;}

.texto1{ font-size:12px;
line-height:14px;
text-align:left;}

.fotos img{ border:1px solid #CC0000;
margin:0 2px 5px 0;}

.fotos p{font-weight:bold;}

.fotos{
text-align:center;
margin-left:15px;
margin-top:20px;
}

.fotos_mes{
text-align:center;
}

.fotos_mes img{
border:1px solid #CC0000;
}


/*--Fim das Classes--*/



/* ----- formulario -----*/

label{
	float:left;
	clear:both;
}

input, select{
	height:20px;
}

input, select{
	float:left;
	clear:both;
	margin:0px;
	border:none;
	background-color:#F7F0D9;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:10px;
}

textarea{
	float:left;
	clear:both;
	margin:0px;
	border:none;
	background-color:#F7F0D9;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:10px;
	overflow:auto;
}
input{
	width:205px;
	margin-right:5px;
}

textarea{
	width:400px;
	height:150px;
}

.lado, .areamenor{
	clear:none;
}

.areamenor{
	width:70px;
}

.leglado{
	margin:0px 5px 00px 0px;
	clear:none;
}

#areafone, #areafax, #numerocriancas, #vencto{
	width:20px;
	margin-right:5px;
}

.checkbox{
	width:15px;
	height:15px;
	margin-top:-50px;
}

fieldset{
	width:400px;
	float:left;
	padding:15px;
	padding-top:1px;
	border:dashed 1px #CCC;
	margin-top:50px;
	background-color:#FEFEF2;
}

fieldset legend{
	font-size:20px;
}












	


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox{
	margin:-20px;
	display:table;
	cursor:default;
	list-style:none;
}

.hoverbox a
{
	cursor: default;
	position: relative;
}

.hoverbox a .preview, .hoverbox a .preview2
{
	display:none;
}

.hoverbox a:hover .preview, .hoverbox a:hover .preview2
{
	display:block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 220px;
	height: 170px;
}

.hoverbox .preview2
{
	border-color: #000;
	width: 200px;
	height: 250px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/



.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}
#geral #conteudo #container .hoverbox style1 .preview2 {
top: -50px;
	left: -38px;
}


.hoverbox li
{
	position:static;
}

.tab-atividades{
	background:#ffffe7;
	width:498px;
	color:#009;
	
}

.par{
	background:#FFC;
}

td{
	padding:8px;
	border:1px dashed #ebdfb6;
}

#oesp{
color:#000;
display:block;
font-size:10px;
margin-top:10px;
text-decoration:none;}


/*-------Script lbum de fotos---------*/
#jan, #fev, #mar, #abr, #mai, #jun, #jul, #ago, #set, #out, #nov, #dez, #nenhum{

	float:left;
	margin-bottom:200px;}
	
#nenhum{height:550px;}

.overflow{ height:535px;
width:500px;
overflow:auto;
margin-top:10px;}

#basefotos{
	width:530px;
	height:550px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
	overflow:hidden;
	margin-top:20px;
	background: url(../imagens/bgbasefotos.jpg) no-repeat;}

#basefotos img{
	padding:1px;
}