html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../layout/fundo3.png);
}

#geral{
	width:100%;
	height:100%;
	font-family:Verdana, Arial;
	font-size:12px;
	line-height:18px;
	display:table;
}

#pai{
	display:table-cell;
	vertical-align:middle;
}

#palco {
	background-image:url(../layout/palco2.png);
	width:745px;
	height:850px;
	margin:0 auto;
}

#topo {
	width:100%;
	height:200px;
	clear:both;
	float:left;
}

#centro {
	width:100%;
	height:500px;
	clear:both;
	float:left;
}

#rodape {
	width:100%;
	height:100px;
}

/* Títulos */

#titleBox {
	margin-left:20px;
	width:350px;
	height:150px;
	font-family:"Century Gothic", Verdana, Arial;
	float:left;
}

#mainTitle {
	color:#fff;
	font-size:30px;
	padding-top:10px;
	font-weight:bold;
	margin-bottom:0;
	padding-top:10px;
	
}

#subTitle {
	color:#beeaff;
	font-size:20px;
	padding-top:10px;
	line-height:20px;
	margin-left:20px;
	font-weight:bold;
	text-shadow:1px 1px 1px #900;
}

#capTitle {
	font-size:18px;
	color:#e22b38;
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;
	height:45px;
	background-color:#ffffff;
	line-height:22px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	width:370px;
	margin-left:50px;
	margin-right:auto;
	border-radius:6px;
	box-shadow:0px 3px 5px #c87278;
}

#firstHeading {
	background-image:url(../layout/firstHeadingBar.png);
	width:330px;
	height:60px;
	z-index:1;
	position:absolute;
	margin-top:190px;
	margin-left:20px;
	line-height:60px;
	color:#e22b38;
	font-size:18px;
	font-weight:bold;
	font-family:"Century Gothic", Verdana, Arial;
	padding-left:15px;
	
	
}

.secondHeading {
	font-family:"Century Gothic", Verdana;
	font-size:15px;
	font-weight:bold;
	color:#f40f1f;
	width:auto;
	margin:5px 0;
	padding:5px 0px 5px 10px;
	
	clear: both;
}

.thirdHeading {
	font-family:"Century Gothic", Verdana;
	font-size:13px;
	font-weight:bold;
	color:#fe786a;
	margin:5px 0;
	clear: both;
}

em{
	color:#a5190b;
}

strong{
	color:#93190c;
}
	

/* Fim Títulos */

#topo {
	background-image:url(../layout/topo2.png);
	width:745px;
	height:209px;
	float:center;
	clear:both;
}

#conteudo {
	width:700px; 
	height:500px;
	clear:both;
	padding-left:22.5px;
	display:table-cell;
	vertical-align:middle;
}

#apostila {
	width:50px;
	height:49px;
	background-image:url(../layout/PDF_icon.png);
	background-repeat:no-repeat;
	margin-left:40px;
	margin-top:83px;
	float:left;
	cursor:pointer;
	/*box-shadow:1px 1px 1px 1px #ccc;*/
	-webkit-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
}


#apostila:hover {
	background-image:url(../layout/PDF_icon_hover.png);
	
}

a #apostila {
	text-decoration:none;
}

/* Caixas de Texto */

.textoCentro {
	margin-top:10px;
	width:680px;
	height:auto;
	min-height:30px;
	background:rgba(255,255,255,1);
	padding:10px;
	clear: both;
	margin-bottom:5px;
}

.boxVideo {
	width:640px;
	height:360px;
	background:rgba(255,255,255,1);
	margin:auto;
	display:block;
	padding:10px;
	position:relative;
	box-shadow:3px 3px 3px #999;
	clear:both;
}

.boxVideo_menor {
	width:400px;
	height:260px;
	background:rgba(255,255,255,1);
	margin:auto;
	display:block;
	padding:10px;
	position:relative;
	box-shadow:3px 3px 3px #999;
	clear:both;
}



.colEsquerda {
	width:325px;
	height:auto;
	min-height:30px;
	background:rgba(255,255,255,1);
	padding:10px;
	float:left;
	margin-top:5px;
	margin-bottom: 5px;
}

.colDireita {
	width:325px;
	height:auto;
	min-height:30px;
	background:rgba(255,255,255,1);
	padding:10px;
	float:right;
	margin-top:5px;
}

.boxLista {
	background-color:#fee7e5;
	width:95%;
	border-radius:10px;
	box-shadow:0px 0px 5px #900;
	float:right;
	clear:both;
	max-height:250px;
	overflow:hidden;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom: 10px;
	margin-right:2px;
}

/* Fim dos Boxes */

/* Capitular */

#imageTopic {
	margin:0 auto;
	background-color:#fff;
	width:600px;
	height:300px;
	border-radius:25px;
	border:#fff solid 3px;
	overflow: hidden;
}

#blankNumIcon {
	position:relative;
	z-index:3;
	background-image:url(../layout/blankNumIcon2.png);
	width:200px;
	height:200px;
	font-size:100px;
	font-family:Impact, Arial;
	text-align:center;
	line-height:210px;
	color:#fff;
	opacity:0;
	margin-top:-120px;
	margin-left:auto;
	margin-right:auto;
}

/* Fim Capitular */

#progressBar {
	height:20px;
	float:right;
	padding:5px;
	font-family:"Century Gothic", Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	width: 150px;
	margin-right:2px;
	margin-top:93px;
	position:relative;
}

.legenda {
	font-size:11px;
	color:#333;
	margin-top:-15px;
}

.thumb {
	border-radius:20px;
	border:solid 5px #640909;
	background-color:#640909;
	overflow:hidden;
	-webkit-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	-webkit-zoom-in
}

.thumb_2 {
	border-radius:20px;
	border:solid 5px #fd2130;
	background-color:#fd2130;
	overflow:hidden;
	}


.boxLista .thumb {
	border-radius:20px;
	border:solid 5px #fd2130;
	background-color:#fd2130;
	overflow:hidden;
	-webkit-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
}

.thumb:hover {
	opacity:.5;
}

.floatLeft {
	float:left;
	margin-right:5px;
	margin-top:5px;
}

.floatRight {
	float:right;
	margin-left:5px;
	margin-top:5px;
}

.lightboxImage {}

.boxDestaque {
	background-color:#585896;
	width:70%;
	border:1px solid #0303c0;
	border-radius:5px;
	box-shadow:0px 0px 0px #999;
	clear:both;
	padding:0 10px;
	margin:0 auto;
	color:#fff7f3;
}

.boxDestaque_menor {
	background-color:#585896;
	width:25%;
	border:1px solid #0303c0;
	border-radius:5px;
	box-shadow:0px 0px 0px #999;
	clear:both;
	padding:0 10px;
	margin:0 auto;
	color:#fff7f3;
}

/*----Alerta do Navegador-------*/

#alertaBg{
	width:100%;
	height:100%;
	position:absolute;
	z-index:3;
	background-image:url(../layout/overlay.png);
	background-attachment:fixed;
}

#alertaContainer{
	width:600px;
	height:auto;
	min-height:200px;
	background-color:#101e2b;
	border-radius:30px;
	padding:10px;
	position:absolute;
	z-index:4;
}

#alertaConteudo{
	width:auto;
	height:auto;
	min-height:100px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:bottom right;
	border-radius:20px;
	padding:30px 30px;
	color:#333;
}

.alertaBgChrome {
	background-image:url(../layout/chromeIcon.png);
}

#alertaConteudo p{
	padding:5px;
	background-image:url(../layout/transparent.png);
	font-size:15px;
	text-align:center;
}

#alertaConteudo h1{
	color:#0a7be4;
	font-size:25px;
	text-align:center;
	margin:0;
	padding:0;
}

#alertaConteudo a {
	text-decoration:none;
}

#closeButtonAlerta {
	position:absolute;
	bottom:20px;
	right:20px;
	cursor:pointer;
}

#downloadButtonAlerta {
	max-width:300px;
	height:auto;
	padding:5px;
	border-radius:5px;
	cursor:pointer;
	color:#fff;
	margin:0 auto;
	font-weight:bold;
	border:solid 1px #036;
	text-align:center;
	text-decoration:none;
	font-family:"Century Gothic", Verdana, Arial;
	background: rgb(0,140,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,140,234,1) 1%, rgba(43,70,219,1) 38%, rgba(43,70,219,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,140,234,1)), color-stop(38%,rgba(43,70,219,1)), color-stop(100%,rgba(43,70,219,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,140,234,1) 1%,rgba(43,70,219,1) 38%,rgba(43,70,219,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,140,234,1) 1%,rgba(43,70,219,1) 38%,rgba(43,70,219,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,140,234,1) 1%,rgba(43,70,219,1) 38%,rgba(43,70,219,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,140,234,1) 1%,rgba(43,70,219,1) 38%,rgba(43,70,219,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008cea', endColorstr='#2b46db',GradientType=0 ); /* IE6-9 */
}

#downloadButtonAlerta:hover {
	background: rgb(0,173,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,173,242,1) 1%, rgba(46,117,232,1) 39%, rgba(46,117,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,173,242,1)), color-stop(39%,rgba(46,117,232,1)), color-stop(100%,rgba(46,117,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,173,242,1) 1%,rgba(46,117,232,1) 39%,rgba(46,117,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,173,242,1) 1%,rgba(46,117,232,1) 39%,rgba(46,117,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,173,242,1) 1%,rgba(46,117,232,1) 39%,rgba(46,117,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,173,242,1) 1%,rgba(46,117,232,1) 39%,rgba(46,117,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adf2', endColorstr='#2e75e8',GradientType=0 ); /* IE6-9 */


}

#alertaContainerGeral{
	z-index:3;
}

.txt_imagem{
	width:300px;
	height:0 auto;
	position:relative;
	
	}
.box_imagem{
	border-radius:20px;
   	border:solid 5px #640909;
	background-color:#640909;
	overflow:hidden;
	
}

/* -------------- TABELA -------------- */
table{
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-collapse:separate;
	margin:15px 0;
	}
	
td {
	padding:3px 8px 3px 8px;
	height:30px;
}

.table_titulo{
	background-color:#640909;
	color:#FFF;
	font-weight:bold;
}

.table_claro{
	background-color:#d0b5b5;
}

.table_escuro{
	background-color:#925252;
	color:#FFF;
}


#contaner{
	width:600px;
	max-height:250px;
	left:40px;
	padding-bottom:10px;
	position:relative;
	
	
}
.tabela_imagens{
	height:auto;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	border-collapse:separate;
	margin:15px 0;
	line-height:18px;
}

.tabela_imagens td{
	padding:5px 5px 5px 5px;
	height:auto;
}
/* -------------- TABELA -------------- */

.citacao{
font-size:11px;
color:#061449;
margin-left:40px;	
}