@charset "utf-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #010101;	
	margin: 0px;
	padding: 0px;
	marginwidth: 0px;
	marginheight: 0px;
	topmargin: 0px;
	margin: 0 auto;
	padding: 0px;
	width: 100%;
}
#total {
	topmargin: 0px;
	marginwidth: 0px;
	marginheight: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	top: 0px;
	clip: rect(0px,0px,0px,0px);
	background-position: center;
	background-color: #010101;
	height: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(imgs/backSite.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#geral {
	float: center;
	width: 770px;
	clip: rect(0px,auto,0px,auto);
	margin: 0 auto;
	padding: 0px;
	background-color: #010101;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
#cabecalho {
	float: left;
	width: 770px;
}
#logo {
	float: left;
	height: 120px;
	width: 140px;
}
#banner {
	float: left;
	width: 630px;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 120px;
}
#miolo {
	float: left;
	width: 770px;
}

#menu {
	float: left;
	height: 320px;
	width: 225px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #FF0000;
	text-align: left;
	background-image: url(imgs/backmenu.jpg);
	background-repeat: no-repeat;
	
}
#q_cont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	height: 155px;
	width: 272px;
}

#tira {
	float: left;
	width: 770px;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(imgs/tira.jpg);
}

#conteudo {
	float: left;
	height: 320px;
	width: 545px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-image: url(imgs/backconteudo.jpg);
}
#lateral {
	float: left;
	height: 310px;
	width: 15px;
}


#tiraVideos {
	float: left;
	height: 10px;
	width: 770px;
	background-image: url(imgs/tiraVideos.jpg);
}
#conteudo_titulo {
	float: left;
	height: 320px;
	width: 545px;
}

<style>/* O z-index do div#mask deve ser menor que do div#boxes e do div.window */
#mask {position:absolute;
z-index:20;
background-color:#000;
display:none;
}

#boxes .window {
	position:fixed;
	width:340px;
	height:200px;
	display:none;
	z-index:10;
	padding:20px;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */


#boxes #janela {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/ambiente01.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}

#boxes #janela1 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/ambiente02.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}

#boxes #janela2 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/ambiente03.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela3 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/ambiente04.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela4 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/ambiente05.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela5 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/ambiente06.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela11 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/cultura01.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela12 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/cultura02.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela13 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/cultura03.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela14 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/cultura04.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela15 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/cultura05.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela16 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/cultura06.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela17 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/cultura07.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela18 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/cultura08.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela19 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/cultura09.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela21 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/pessoa01.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela22 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/pessoa02.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela23 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/pessoa03.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela24 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/pessoa04.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela25 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/pessoa05.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela26 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/pessoa06.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela27 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/pessoa07.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes #janela28 {
	width:540px;
	height:315px;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: transparent;
	background-image: url(fotos/pessoa08.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: bold;
	color: #000000;
}
#boxes {
	float: left;
	
}


#janela {
	height: 320px;
	width: 540px;
	float: left;
}

/* posiciona o link para fechar a janela */
.close {
display:block;
text-align:right;
}
</style>
#accordion {
	float: left;
	height: 320px;
	width: 545px;
}#conteudo1 {
	float: left;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#conteudo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 200px;
}
/*CLASSES
=========================================*/

.copy {line-height:1.5;
font-size: 20px;
}

.p {
background-color:#33FFFF;
}

.p texto {
font: Verdana, Arial, Helvetica, sans-serif 9px #000000;
}