/* FOLHA DE ESTILOS GERAL DO SITE: AQUI DEVERÃO ENTRAR OS ESTILOS GENÉRICOS PARA O SITE*/
/* Definições dos elementos do site */
body{
	text-align: center;
	margin:0px;
	padding:0px;
	background: #f1f1f2;
}

div, td, select, input, textarea, a{
	font-family:arial,verdana, heveltica;
	font-size:12px;
	color: #58595B;
}

img{
	border:0px;
}

form, p {
	margin:0px;
	padding:0px;
}

h1{
	color: #4297D2;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-size: 16px;
}

h2{
	color: #4297D2;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-size: 14px;
}

a{
	outline: none;
	text-decoration: none;
}

b, .verTodas{
	font-weight: bold;
	color: #4297D2;
}
/* Fim das definições dos elementos do site */

/* Definições da estrutura do site */
#controlaConteudo{
	width:999px;
	position:relative;
	margin:auto;
	text-align:left;
}

#topo{
	background: url('/images/bg_topo.gif') repeat-x #fff;
	height: 145px;
	margin-bottom:5px;
}

#bannerTopo{
	float: left;
	margin-left: 30px;
	margin-top: 12px;
}

#divCanalAluno{
	float: right;
	text-align: left;
	margin: 10px 10px 0px 0px;
	height: 80px;
	width:250px;
}

#buscaTopo{
	float: right;
	margin-right:20px;
}

#btnBuscaTopo{
	margin-bottom:-2px;
}

#menuTopo{
	clear: both;
	padding: 0px 0px 0px 8px;/*15px*/
	height: 27px;
}

#menuTopo a{
	display: block;
	float: left;
	padding: 2px 9px 5px 9px;/*12px 5px 12px*/
	border-right:1px solid #ccc;
	color: #808285;
	text-decoration: none;
}
#menuTopo a:hover, #menuTopo .menuMarcado{
	background: url('/images/menu_topo_over.gif') repeat-x bottom center;
	color: #808285;
}

#breadCrumbs{
	padding: 4px 0px 0px 10px;
}

#lateral{
	background: url('/infantil/images/menu_baixo.gif') bottom center repeat-x #e8eff7;
	float:left;
	width:182px;
	margin: 0px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	display: inline;
}

#lateral h2{
	color: #a5ddea;
	background: url('/infantil/images/menu_topo.gif') #00ccff;
	font-size: 14px;
	margin: 0px 0px 7px 0px;
	padding:5px 0px 5px 15px;
}

#lateral ul{
	margin: 0px 0px 16px 0px;
	padding:0px;
	list-style-type: none;
}

#lateral ul li{
	border-bottom:1px dashed #ccc;
	padding: 0px 0px 2px 0px;
	margin: 2px 15px 4px 15px;
}

#lateral ul li a{
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

#lateral ul li a:hover,#lateral ul li .menuMarcadoLateral{
	font-weight: bold;
	background: url('/infantil/images/seta.gif') 0px 4px no-repeat;
}

#conteudo{
	margin: 0px 0px 0px 10px;
	float:left;
	width:795px;
	background:#fff;
	padding-bottom: 10px;
}
#texto{
	padding: 0px 10px 10px 10px;
}

#rodape{
	text-align: center;
	color:#58595B;
	font-size: 10px;
	clear:both;
	height: 30px;
	padding-top: 10px;
}

/* Fim das definições da estrutura do site */

/* Definições do contedo */
.floatLeft{
	float:left;
}

.floatLeftImg{
	float:left;
	margin-right:10px;
}

.floatRight{
	float:right;
}

.floatRightImg{
	float:right;
	margin-left:10px;
}

.center{
	text-align:center;
}

.clear{
	clear:both;
}

.block{
	display:block;
}

.none{
	display:none;
}

.quadroAtividades{
	float: right;
	background: #e8eff7;
	width: 182px;
	margin-left:5px;
	display: inline;
	background: url('/infantil/images/menu_baixo.gif') bottom center repeat-x #e8eff7;
}

.quadroAtividades div{
	padding: 0px 10px 20px 10px;
}

.quadroAtividades h2{
	color: #a5ddea;
	background: url('/infantil/images/menu_topo.gif') no-repeat #3d97d3;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 7px 0px;
	font-size: 12px;
}

.quadroAtividades ul{
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 7px 0px;
	list-style-type: disc;
}

.quadroAtividades ul li{
	padding: 0px 0px 4px 0px;
}

.maisInformacoes{
	font-size: 11px;
	float: left;
	margin: 0px 4px 0px 4px;
	padding: 5px;
	width: 173px;
}

.maisInformacoes div{
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.maisInformacoes a{
	font-weight: normal;
	font-size: 11px;
}

.borda{
	border:7px solid #c3d9f0;
}

#btnEnviarAmigo{
	float: right;
	margin: 5px 138px 0px 0px;
}

.tabelaForm{
	width: 560px;
}

.tabelaForm td{
	background:#fafafa;
	border:1px solid #eee;
	padding:3px;
	font-weight: bold;
	color: #4297D2;
}

.semFundo{
	background:none!important;
	border:none!important;
	padding:3px;
}

.input{
	margin:2px 5px 0px 0px;
}

/*Fim das definições do conteudo*/
