/********************************************************************
 ########################         RESET         #######################
*********************************************************************/
*
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
html, body
{
	height: 100%;	
}
body
{
	background:url(../imagens/bg-body.jpg);
}
img
{
	border: none;
	display: inline;
}
a img
{
	cursor: pointer;
}
/********************************************************************
 ####################         ESTRUTURA         #####################
*********************************************************************/
#page
{
	background: url(../imagens/bg-page.png) center repeat-y;
	height: 100%;
	position: relative;
}
body > #page
{
	height: auto;
	min-height: 100%;
}
#header .body, #main, #copyright 
{
	width: 980px;
	margin: auto;
}
#header
{
	background: url(../imagens/bg-header.png) repeat-x;
}
	#header .body
	{
		position: relative;	
		height:405px;
	}
		#company
		{
			position: absolute;
			top: 15px;
			left: -5px;
			z-index: 3;
		}
		#menu
		{
			 width: 970px;
			 background: url(../imagens/bg-menu.png) no-repeat;
			 padding: 12px 10px;
			 position: absolute;
			 top: 0px;
			 right: 0px;
			 z-index: 2;
		}
		#menu li
		{
			float: right;
			background: url(../imagens/bg-menu-li.png) right no-repeat;
			list-style: none;
			position: relative;
			z-index:100;
		}
		#menu li.last
		{
			background: none;	
		}
		#menu li a
		{
			font: normal normal 13px "Century Gothic", Verdana, sans-serif;
			color: #5c5c5c;
			display: block;
			padding: 14px 5px;
			text-transform:uppercase;
		}
		#fale-conosco
		{
			position: absolute;
			top: 70px;
			left: 300px;
			z-index: 1;
		}
		#frmPesquisa
		{
			position: absolute;
			width: 320px;
			top: 80px;
			right: 15px;
		}
		#frmPesquisa input
		{
			border: 1px solid #d7d7d7;
			padding: 2px;
			font: 13px "Century Gothic", Verdana, sans-serif;
			width: 260px;
			color: #b5b1b1;
			float: left;
			margin-top: 1px;
		}
		#frmPesquisa button
		{
			background: none;
			border: none;
			padding: 0px;
			float: left;
		}
		#banner
		{
			position: absolute;
			z-index: 1;
			right: 5px;
			bottom: 3px;
		}
		#fone
		{
			position: absolute;
			z-index: 1;
			left: 5px;
			bottom: 5px;
		}

#main
{
	padding-bottom: 75px;	
}
	#main .head, #main .body, #main .foot
	{
		width: 949px;
		padding: 0px 15px 0px 10px;
		margin-left: 5px;
	}
	#main .head
	{
		background: url(../imagens/bg-main-head.png) bottom no-repeat;
		height: 13px;
	}
	#main .body
	{
		background: url(../imagens/bg-main-body.png) repeat-y;
		z-index: 2;
		position: relative;
	}
	#main .foot
	{
		background: url(../imagens/bg-main-foot.png) top no-repeat;
		height: 16px;	
		z-index: 1;
	}
#footer
{
	border-top:1px solid #fff;
	background: url(../imagens/bg-footer.png);
	padding: 10px 0px;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
	#copyright
	{
		clear:both;
		text-align: right;
	}
		#copyright .logo
		{
			width: 130px;
			height: 35px;
			float: left;
			display: inline;
		}
		#copyright .text
		{
			padding: 11px 15px 11px 0px;
			display: block;
		}
		#copyright .text, #copyright .text a 
		{
			font-size: 10px;
			font-family: Arial, Helvetica, sans-serif;
			color: #fff;
		}
		
/*** Home ***/
#home .left
{
	width: 598px;
	margin-right: 5px;
	padding-bottom: 210px;
	position: relative;
	z-index: 100;
	float: left;
}
#home .left .box .conteiner .descricao
{
	height: 78px;
	overflow: hidden;
}
#home .right
{
	margin-left: 5px;
	width: 341px;
	float: left;
}



#mural2 .left
{
	width: 638px;
	margin-right: 5px;
	margin-top: 10px;
	position: relative;
	z-index: 100;
	float: left;
}
#mural2 .left .conteiner
{
	padding: 10px;
	background: url(../imagens/bg-mural2.png);
}
#mural2 .left .comentario .descricao
{
	background: url(../imagens/bg-comentario.png);
	padding: 10px;
}
#mural2 .right
{
	width: 300px;
	float: left;
}
#mural2 .right #mural
{
	border: none;	
}
#mural2 .right #mural .form
{
	padding: 0px;	
}


#blog
{
	background: url(../imagens/bg-mural2.png);
	padding: 10px;
}
#blog .left
{
	width: 225px;
	margin: 10px 15px 10px 5px;
	padding: 25px 15px;
	position: relative;
	float: left;
	background: url(../imagens/bg-blogs.png) repeat-y;
}
#blog ul li
{
	list-style: none;
	margin: 3px 0px;
}
#blog ul li a
{
	background: #F7F7F7;
	display: block;
	padding: 5px;
	color: #002777;
	font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #EDEDED;
}
#blog .left .titulo
{
	position: absolute;
	left:-5px;
	top:-10px;
}
#blog .left .footer
{
	position: absolute;
	left: 0px;
	bottom: -10px;
	width: 100%;
	height: 10px;
	background: url(../imagens/bg-blogs-foot.png) left; bottom no-repeat;
}
#blog .right
{
	width: 650px;
	float: left;
}
#blog .right .header
{
	background: url(../imagens/bg-comentario.png);
	position: relative;
	height: 69px;
	margin:10px 0px;
}
#blog .right .header .imagem
{
	border: 1px solid #cacaca;
	padding: 2px;
	background: #FFF;
	position: absolute;
	top: 5px;
	right: 5px;
}
#blog .right .header .professor
{
	color: #002777;
	font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 30px;
	right: 95px;
}
#blog .right .header .materia
{
	color: #cacaca;
	font: italic 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 50px;
	right: 95px;
}
#blog .box .data
{
	float: left;
	background:url(../imagens/bg-data.png) no-repeat;
	width: 38px;
	height: 41px;
	padding: 2px 7px 7px 2px;
}
#blog .box .data .dia, #blog .box .data .mes
{
	color: #fff;
	text-align: center;
}
#blog .box .data .dia
{
	line-height: 17px;
	font-size: 11px;
}
#blog .box .data .mes
{
	line-height: 24px;
	font-size: 11px;
}
#blog .box .titulo
{
	background: none;
	color: #002777;
	font: normal normal 20px "Century Gothic", Verdana, sans-serif;
	text-transform: none;
	padding-left: 55px;
}
#blog .box .conteiner .escritor
{
	color: #DA251C;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}
#blog .box .conteiner .descricao
{
	border: 1px solid #D3D3D3;
	border-left: none;
	border-right: none;
	padding: 10px 0px;
	margin: 5px 0px;
}
#blog .box .conteiner .veja-mais
{
	background: #EDEDED;
	display: block;
	padding: 5px;
	color: #DA251C;
	font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #D3D3D3; 
	text-align: right;
}
/********************************************************************
 ###################         COMPONENTES         ####################
*********************************************************************/

/*** clear ***/
.clear
{
	clear: both;	
}

/*** aulas ***/
#aulas
{
	width: 871px;
	height: 59px;
	padding: 41px 35px;
	position: relative;
	background: url(../imagens/bg-aulas.png) no-repeat;
	margin: 15px auto;
}
#aulas .titulo
{
	position: absolute;
	top: -10px;
	left: -15px;
}
#aulas .prev, #aulas .next
{
	position: absolute;
	top: 48px;
	cursor: pointer;
	z-index: 2;
}
#aulas .prev
{
	left: -20px;
}
#aulas .next
{
	right: -20px;
}
#aulas .carrossel
{
	width: 	870px;
	height: 60px;
	overflow: hidden;
}
#aulas .carrossel ul li
{
	list-style: none;
	float: left;
}
#aulas .carrossel ul li .aula
{
	margin: 0px 10px;
	display: inline;
	float: left;
	width: 120px;
	height: 60px;
}

/*** h1 ***/
.h1
{
	background:url(../imagens/bg-h1.png) left center no-repeat;
	color: #001c59;
	text-transform: uppercase;
	font: 14px "Century Gothic", Verdana, sans-serif;
	padding: 11px 0px 11px 38px;
	display: block;
}


/*** box ***/
.box
{
	padding: 10px;
}
.box .titulo
{
	color: #585757;
	font: 12px "Century Gothic", Verdana, sans-serif;
	padding-left: 25px;
	text-transform: uppercase;
	margin-bottom: 5px;
	display: block;
	background: url(../imagens/bg-h2.png) left center no-repeat;
}
.box .conteiner
{
	background: #f4f4f4 url(../imagens/bg-box-conteiner.png) top repeat-x;
	padding: 17px 10px 5px 10px;
	border: 1px dotted #b2b2b2;
	border-left: none;
	border-right: none;
}
.box .conteiner .imagem
{
	border: 2px solid #cacaca;
	padding: 2px;
	float: left;
	margin-right: 10px;
	background: #FFF;
}
.box .conteiner .imagem img
{
	float:left;	
}
.box .conteiner .descricao
{
	margin-bottom: 15px;
}
.box .conteiner .link
{
	color: #cc0404;
	font-weight: bold;
	display: block;
	text-align: right;
	border-top: 1px dotted #aaaaaa;
	padding-top: 5px;
}
.box .conteiner .imagem + .descricao + .link
{
	margin-left: 165px;
}


/*** frmNewsletter ***/
#frmNewsletter
{
	background: url(../imagens/bg-newsletter.png) left no-repeat;
	padding: 20px 10px 170px 325px;
	position: absolute;
	bottom: -75px;
	left: 0px;
	z-index: 2;
	text-align: right;
	width: 265px;
}

#frmNewsletter .titulo
{
	font: normal normal 12px "Century Gothic", Verdana, sans-serif;
	color: #575757;
	display: block;
	border-bottom: 1px solid #e1e1e1;
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#frmNewsletter input
{
	border: 1px solid #e1e1e1;
	padding: 2px;
	width: 200px;
	margin: 2px;
	color: #575757;
}
#frmNewsletter button
{
	background: none;
	padding: 0px;
	border: none;
	color: #cc0404;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	cursor: pointer;
	float: right;
}

#frmNewsletter .window
{
	width: 300px;
	background: #FFFFFF;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	display: none;
	border: 1px solid #999999;
	z-index: 3;
}

#frmNewsletter .window .window-title
{
	height: 20px;
	font-weight: bold;
	padding-left: 10px;
	position: relative;
	background:#FFCC33;
}

#frmNewsletter .window .window-close
{
	position: absolute;
	right: 0px;
	cursor: pointer;
	padding: 3px;
}
#frmNewsletter .window .window-message
{
	padding: 10px 10px 10px 80px;
	background: 5px center no-repeat;
	height: 60px;
	font-size: 13px;
	display: block;
}

/*** acontecimentos ***/
#acontecimentos
{
	background: url(../imagens/bg-acontecimentos.png) no-repeat;
	padding: 30px 8px 35px 8px;
	width: 325px;
	height: 336px;
	margin: 10px 0px;
	position: relative;
}
#acontecimentos .titulo
{
	position: absolute;
	top: -15px;
	left: 10px;
}
#acontecimentos .new
{
	background:url(../imagens/bg-new.png);
	padding: 14px;
	margin: 5px 0px;
}
#acontecimentos .new .titulo2
{
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 5px;
	display: block;
}
#acontecimentos .new .titulo2 a
{
	color: #002777;
	font-weight: bold;
}
#acontecimentos .new .titulo2 a:hover
{
	text-decoration: none;
}
#acontecimentos .new .resumo
{
	height: 26px;
	overflow: hidden;
	color:#3d3d3d;
}
#acontecimentos .link
{
	color: #cc0404;
	font-weight: bold;
	position:absolute;
	right: 15px;
	bottom: 10px;
}

/*** mural de recados ***/
#mural
{
	border-left: 1px dotted	#999999;
	padding-left: 5px;
}
#mural .conteiner
{
	padding: 15px 35px 50px 15px;
	height: 350px;
	position: relative;
	background: url(../imagens/bg-mural.png) no-repeat;
}
#mural .conteiner .link
{
	color: #cc0404;
	font-weight: bold;
	position:absolute;
	left: 15px;
	bottom: 20px;
}
#mural .conteiner .comentario
{
	height: 81px;
	overflow: hidden;
}
#mural .form
{
	padding: 20px 20px 50px 20px;	
}
#mural .form .titulo
{
	font: normal bold 14px "Century Gothic", Verdana, sans-serif;
	color: #001c59;
	margin: 5px 0px;
}
#mural .form input, #mural .form textarea
{
	width: 287px;
	padding: 3px;
	border: 1px solid #d3d3d3;
	background: #f5f5f5;
	margin: 5px 0px;
	color: #676767;
}
#mural .form button
{
	background: none;
	padding: 0px;
	border: none;
	color: #cc0404;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	cursor: pointer;
	float: right;
}
.comentario
{
	margin-bottom: 10px;
}
.comentario .titulo
{
	border-bottom: 1px solid #d3d3d3;
	padding: 5px 0px;
}
.comentario .titulo .nome, .comentario .titulo .email
{
	color: #002777;
	font: 11px Tahoma, Geneva, sans-serif;
}
.comentario .titulo .nome
{
	font-weight: bold;	
}
.comentario .descricao
{
	font: 11px Tahoma, Geneva, sans-serif;
	color: #3d3d3d;
	margin-top: 5px;
}


.galeria
{
	display: block;
	width: 100%;
	border-top: 1px dotted #aaaaaa;
	padding: 10px 0px;
	margin-top: 10px;
	list-style: none;
}
.galeria li
{
	float: left;
	width: 180px;
}
.box .conteiner
.galeria li .imagem
{
	margin: 5px 15px;
}	
.galeria .legenda
{
	margin: 5px 15px;
	height: 13px;
	overflow: hidden;
	width: 150px;
	display: block;
	color: #3d3d3d;
	text-align: center;
	font-weight: normal;
}
.grupo
{
	position: absolute;
	top: 15px;
	right: 30px;
	width: 600px;
}
.grupo li
{
	list-style: none;
	padding-left: 20px;
	float: right;
}
.grupo li .h1
{
	margin-top: -15px;
}
.grupo li a
{
	color: #585757;
	font-family:"Century Gothic",Verdana,sans-serif;
	font-size: 13px;
	background: url(../imagens/icon_seta.png) left no-repeat;
	padding-left: 10px;
	
}
.grupo li a:hover
{
	text-decoration:underline;
}


#frmContato
{
	border-top: 1px dotted #b2b2b2;
	position: relative;
	width: 100%;
	height: 460px;
	background: url(../imagens/bg-frmContato.png) left bottom no-repeat;
}
#frmContato #fieldset
{
	width: 495px;
	position: absolute;
	height: 335px;
	top: 25px;
	left: 15px
}
#frmContato #descricao
{
	width: 380px;
	height: 91px;
	position: absolute;
	right: 20px;
	top: 25px;
	overflow: hidden;
}

#imagem
{
	position: absolute;
	bottom: -11px;
	right: 7px;
}

#comentarios .titulo2
{
 	background: url(../imagens/bg-comentarios-titulo.png) no-repeat;
	padding: 34px 80px 27px 5px;
	width: 143px;
	text-align: center;
	float:right;
	color: #292929;
	font: normal bold 15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#comentarios .post
{
	border: 1px solid #D3D3D3;
	border-left: none;
	border-right: none;
	padding: 10px 0px 10px 110px;
	margin: 10px;
}
#comentarios .z1
{
	background: #F6F6F6 url(../imagens/bg-comentario-z1.png) 10px 10px no-repeat
}
#comentarios .z2
{
	background: #fff url(../imagens/bg-comentario-z2.png) 10px 10px no-repeat
}
#comentarios .post .nome
{
	font: normal bold 13px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0px;
	display: block;
}
#comentarios .post .data2
{
	font: italic normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #8E8E8E;
	display: block;
	padding: 5px 0px;
}
#comentarios .post .descricao2
{
	border-top: 1px solid #D3D3D3;
	padding: 5px 0px;
	
}
#comentarios .form
{
	margin: 25px 70px;
}
#comentarios .form .titulo3
{
	font: normal normal 20px "Century Gothic", Verdana, sans-serif;
	color: #E70000;
	margin-bottom: 10px;
	
}

/**** NUVEM ****/
#nuvem
{
	margin: auto;
	position: relative;
	bottom: 60px;
	width: 949px;
}
	#nuvem .titulo
	{
		display: block;	
		font: normal bold 16px "Century Gothic", Verdana, sans-serif;
		color: #434343;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	#nuvem .body
	{
		text-align: center;
	}
		#nuvem .body .tag1, #nuvem .body .tag2, #nuvem .body .tag3, #nuvem .body .tag4, #nuvem .body .tag5
		{
			display: inline;
			margin: 0px 5px;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 22px;
		}
		#nuvem .body .tag5
		{
			font-size: 10px;
			color:#222;
		}
		#nuvem .body .tag4
		{
			font-size: 12px;
			color:#444;
		}
		#nuvem .body .tag3
		{
			font-size: 14px;
			color:#666;
		}
		#nuvem .body .tag2
		{
			font-size: 16px;
			color:#888;
		}
		#nuvem .body .tag1
		{
			font-size: 18px;
			color:#aaa;
		}