html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../layout/fundo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;

}

#geral{
	width:100%;
	height:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	display:table;

}

#pai{
	display:table-cell;
	vertical-align:middle;
}


#palco {
	width:745px;
	height:800px;
	position: relative;
	background-image:url(../layout/fdc.jpg);
	border: 5px groove #FFF;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#palcotexto {
	width: 745px;
	height: 800px;
	margin: 0 auto;
	position: relative;
	background-image:url(../layout/palcotexto.png);
}


#topo {
	width: 443px;
	height: 170px;
	clear: both;
	position: absolute;
	background-image: url(../layout/topo.png);
	z-index: 2;

}

#topo2 {
	width: 443px;
	height: 170px;
	clear: both;
	position: absolute;
	background-image: url(../layout/topo2.png);
	z-index: 2;

}

#centro {
	width: 745px;
	height: 580px;
	clear: both;
	background-image: url(../layout/centroBG.png);
	position: absolute;
	top: 150px;
	
}

#rodape {
	width: 745px;
	height: 48px;
	z-index: 3;
	clear: both;
	background-image: url(../layout/rodape.png);
	position: absolute;
	bottom: 0px;
	left: -2px;
}

#rodape2 {
	width: 745px;
	height: 48px;
	z-index: 3;
	clear: both;
	position: absolute;
	bottom: 0px;
	left: -2px;
}

/*Icones*/

#heartIcon {
	background-image: url(../layout/heartIcon.png);
	width: 103px;
	height: 150px;
	position: absolute;
	z-index: 5;
	top: 5px;
	left: 55px;
}

.heartBeat {
	-webkit-animation-fill-mode:both;
	-webkit-animation:heartBeat 2.5s ease-in;
	-moz-animation-fill-mode:both;
	-moz-animation:heartBeat 2.5s ease-in;
}

@-webkit-keyframes heartBeat {
	0%{opacity:0}
	20%{opacity:1;-webkit-transform:scale(1);}
	30%{-webkit-transform:scale(.8)}
	50%{-webkit-transform:scale(1)}
	55%{-webkit-transform:scale(.9)}
	60%{-webkit-transform:scale(1)}
	70%{-webkit-transform:scale(.8)}
	100%{-webkit-transform:scale(1)}
}

@-moz-keyframes heartBeat {
	0%{opacity:0}
	20%{opacity:1;-moz-transform:scale(1);}
	30%{-moz-transform:scale(.8)}
	50%{-moz-transform:scale(1)}
	55%{-moz-transform:scale(.9)}
	60%{-moz-transform:scale(1)}
	70%{-moz-transform:scale(.8)}
	100%{-moz-transform:scale(1)}
}

#iconBG {
	background-image: url(../layout/iconBG.png);
	width: 223px;
	height: 185px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

/* Títulos */

#titleBox {
	width:500px;
	height:105px;
	font-family:"Century Gothic", Verdana, Arial;
	text-align:left;
	position: absolute;
	left: 186px;
	top: 41px;
	padding: 12px;
	border-radius: 10px;

}


#subTitle {
	color: #484848;
	font-size: 20px;
	padding-top: 0px;
	line-height: 20px;
	margin-left: 30px;
}

#capTitle {
	font-size:18px;
	color:#fff;
	font-weight:bold;
	height:130px;
	line-height:20px;
	width:520px;
	margin-left:100px;
	position: absolute;
	z-index: 2;
	margin-top: 275px;
	background-image:url(../layout/horizontalPlane.png);
	padding-left: 20px;
	padding-top: 70px;
}
#firstHeading {
	width: 650px;
	height: 50px;
	line-height: 42px;
	color: #FFF;
	font-size: 38px;
	font-weight: bold;
	font-family: "Century Gothic", Verdana, Arial;
	text-align: right;
	padding-right: 20px;
	text-shadow: 3px 3px 3px #333;
	position: absolute;
	top: 100px;
	z-index: 1;
	padding-top: 50px;
}

#firstHeading2 {
	
	width: 710px;
	height: 50px;
	line-height: 30px;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	font-family: "Century Gothic", Verdana, Arial;
	text-align: right;
	padding-right: 20px;
	padding-top: 20px;
	position: absolute;
	text-shadow: 2px 2px 2px #333;
	top: 100px;
	z-index: 1;
	margin-top: 90px;

}


#firstHeading4 {
	width: 700px;
	height: 50px;
	line-height: 30px;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	font-family: "Century Gothic", Verdana, Arial;
	text-align: right;
	padding-right: 20px;
	padding-top: 20px;
	position: absolute;
	text-shadow: 1px 1px 0px #036;
	top: 100px;
	z-index: 1;
	margin-top: 90px;
}


.secondHeading 

{
	width: 700px;
	font-family: "Century Gothic", Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	width: auto;
	clear: both;
	background-image: url(../layout/h2.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left:10px;
	line-height: 22px;
}

.secondHeading2 {
	width: 610px;
	font-family: "Century Gothic", Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #263D66;
	clear: both;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 100px;
	margin-right: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #263457;
}


.secondHeading1 {
	
	font-family: "Century Gothic", Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	width: auto;
	margin: 5px 0;
	padding: 5px 0px 5px 10px;
	clear: both;
    background-image: url(../layout/titulo2.png); 
	border-radix: 5px 0px 5px 0px;  
	
}
.secondHeading3 {
	font-family: "Century Gothic", Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	width: auto;
	margin: 5px 0;
	padding: 5px 0px 5px 10px;
	clear: both;
	background-image:url(../layout/titulo2a.png);
}



.thirdHeading {
	font-family: "Century Gothic", Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #64a6b6;
	margin: 5px 0;
	clear: both;
}
	

/* Fim Títulos */


#meio {
	width: 100%;
	height: 30px;
	clear: both;
	background: #fff;
	margin: auto;
}

#conteudo {
	width: 745px;
	height: 580px;
	clear: both;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

#progressBar {
	height: 20px;
	padding: 5px;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: auto;
	position: absolute;
	bottom: 3px;
	right:10px;
	

}


#apostila {
	width: 50px;
	height: 50px;
	background-image: url(../layout/apostIcon.png);
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	position: absolute;
	bottom: 10px;
	right: 684px;
}


#apostila:hover {
	background-image:url(../layout/apostIconHover.png);
	color:#62ccff;
}

a #apostila {
	text-decoration: none;
}

/* Caixas de Texto */

.textoCentro {
	width: 670px;
	height: auto;
	min-height: 30px;
	padding: 10px;
	clear: both;
	margin: 5px auto;

}


.textoCentroTranspa {
	width:680px;
	height:auto;
	min-height:30px;
	padding:10px;
	clear: both;
	margin: 5px auto;
	
}




.boxVideo {
	width: 640px;
	height: 360px;
	background: rgba(255,255,255,1);
	margin: auto;
	display: block;
	padding: 5px;
	position: relative;
	box-shadow:3px 3px 3px #999;
	clear: both;
	border: 5px solid #22555E;
}

.esquerda {
	width: 320px;
	height: auto;
	min-height: 30px;
	padding: 10px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 26px;
	

}

.direita {
	width: 320px;
	height: auto;
	min-height: 30px;
	padding: 10px;
	float: right;
	margin-top: 5px;
	margin-right: 26px;

	
}


.direitaimagem {
	width: 320px;
	height: auto;
	min-height: 30px;
	padding: 10px;
	float: right;
	margin-top: 5px;
	margin-right: 26px;

}

.direitatransmeno01 {
	width: 150px;
	height: auto;
	min-height: 30px;
	padding: 10px;
	float: right;
	margin-top: 5px;
	border-radius: 10px;
}


.colDireitatrans {
	width: 200px;
	height: auto;
	min-height: 30px;
	background: rgba(255,255,255,1);
	padding: 10px;
	float: right;
	margin-top: 5px;
	margin-right: 26px;
	border-radius: 10px;
}


.colUnica {
	width:200px;
	height:auto;
	min-height:30px;
	background:rgba(255,255,255,1);
	padding:10px;
	margin:5px auto;
}

.colTres {
	width:185px;
	height:auto;
	padding:10px;
	margin:5px;
	float:left;
	background:rgba(255,255,255,1);
	display:inline;
}

.boxLista {
	width: 85%;
	border-left: solid #175458 20px;
	float: right;
	padding-left: 10px;
	-webkit-animation:pisca 2s infinite linear;
	-moz-animation:pisca 2s infinite linear;
	margin-bottom:5px;
	max-height:250px;
}

@-webkit-keyframes pisca {
	0%{border-left-color:#175458;}
	50%{border-left-color:#2fa9b1;}
	100%{border-left-color:#175458;}
}

@-moz-keyframes pisca {
	0%{border-left-color:#175458;}
	50%{border-left-color:#2fa9b1;}
	100%{border-left-color:#175458;}
}

.boxLista ul {
	padding-left:20px;
}

.boxCita {
	background-color: #fcf7da;
	width: 80%;
	float: right;
	border: 3px solid #f6d26b;
	border-radius: 20px 0 0 20px;
	float: right;
	clear: both;
	max-height: 300px;
	overflow-y: scroll;
	padding: 10px;
	margin-bottom: 10px;
	color: #625712;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	background-image: url(../layout/citaBG.png);
}

/* Fim dos Boxes */

/* Capitular */

#boxCapitular {
	width: 700px;
	height: 535px;
	position: relative;
	margin: 0 auto;

}


#capCaption {
	width: 330px;
	padding: 10px 10px 5px;
	background-color: rgba(255,255,255,.9);
	min-height: 30px;
	height: auto;
	top: 0;
	position: absolute;
	z-index: 5;
	font-size: 30px;
	font-family: "Century Gothic", Verdana, Arial;
	color: #fdb800;
	word-spacing: 5px;
	font-weight: bold;
	line-height: 35px;
}
/* Fim Capitular */

#progressBar {
	height: 20px;
	padding: 5px;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: auto;
	position: absolute;
	bottom: 11px;
	left: 452px;
	border-radius: 10px;
}
.legenda:link {
	text-decoration:none;
	font-weight:bold;
}

.legenda:hover {
	color:#ffb900;
}

.legenda {
	font-size:11px;
	color:#333;
	margin-top: 0px;
}

.thumbContainer {
	border:3px solid #61a6ab;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -2px 2px 2px rgba(0, 0, 0, .1), 2px -2px 2px rgba(0, 0, 0, .1), -2px -2px 2px rgba(0, 0, 0, .1);
	overflow:hidden;
	cursor:pointer;
	background: #fff;
	position:relative;
	display:inline-block;
	min-height:100px;
	max-height:250px;
	height:auto;
}

.thumb {
}

.thumbLeft {
}

.thumbRight {
}

.thumbOverlay {
	background-color:rgba(24, 89, 94, .5);
	width:100%;
	height:100%;
	z-index:10;
	position:absolute;
	cursor:pointer;
	opacity:0;
}

.thumbIcon {
	background-image:url(../layout/zoomIcon.png);
	width:50px;
	height:50px;
	z-index:10;
	position:absolute;
	cursor:pointer;
	opacity:0;
}

.thumbYoutube {
	-webkit-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
}

.thumbYoutube:hover {
	opacity:.5;
}

.floatLeft {
	float: left;
	margin-right: 5px;
}

.floatRight {
	float:right;
	margin-left:5px;
}

.lightboxImage {}

.boxDestaque {
	background-color:#fbf1b0;
	width:90%;
	border:3px solid #b3d8fa;
	border-radius:20px;
	box-shadow:0px 0px 5px #999;
	clear:both;
	padding:10px;
	margin:0 auto;
	color:#9f8d1a;
}

.zoomIcon {
	background-image:url(../layout/zoomIcon.png)
}

.listaCorrect {
	list-style-image: url(../layout/bulletCorrect.png);
	margin-bottom: 3px;
	margin-left: 20px;
}

/* Tabela */

.tabela01 {
	border:1px solid #c1ba8b;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#fff;
	font-size:11px;
	color:#726900;
}

.tabela01 td{
	border-bottom:1px solid #efebcc;
	border-left:1px solid #efebcc;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	margin:0;
	padding:3px;
}

.tabela01 .linha {
	background-color:#fbf9ea;
}

.tabela01 .linhaTit {
	background:#dad39c;
	color:#726900;
	font-weight:bold;
	font-size:13px;
	font-family:"Century Gothic", Verdana, Arial;
}

.tabela01 .linhaSubTit {
	font-size:12px;
	text-align:center;
	font-weight:bold;
}

.tabela02 {
	border:1px solid #5cb4c5;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#fff;
	font-size:11px;
	color:#3d6870;
}

.tabela02 td{
	border-bottom:1px solid #95e0ee;
	border-left:1px solid #95e0ee;
	border-top:1px thin #fff;
	border-right:1px thin #fff;
	margin:0;
	padding:3px;
}

.tabela02 .linha {
	background-color:#ddf7fc;
}

.tabela02 .linhaTit {
	background:#3d6870;
	color:#e7fafe;
	font-weight:bold;
	font-size:13px;
	font-family:"Century Gothic", Verdana, Arial;
}

.tabela02 .linhaSubTit {
	font-size:12px;
	text-align:center;
	font-weight:bold;
}

.boxBigTable {
	height:450px;
	width:680px;
	overflow:hidden;
	background:rgba(207,80,80,.5);
	border:1px solid #fff;
	padding:10px;
	margin:0 auto;
}

.referencias {
	padding-left:20px;
	text-indent:-20px;
	color:#4f4f4f;
}

.tooltip {
	cursor:pointer;
}

/*Boxes Especiais*/

.desqAtention {
	width:85%;
	border-left:solid #F00 30px;
	float:right;
	padding-left:10px;
}



.box {
	margin-top: 5px;
	width: 600px;
	min-width: 100px;
	max-width: 630px;
	height: auto;
	min-height: 30px;
	padding: 10px;
	clear: both;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	border-radix:10px;
	border: 4px groove #066;
	background-image: url(../layout/box.png);
}


.box1 {
	margin-top: 5px;
	width: 240px;
	min-width: 100px;
	max-width: 630px;
	height: auto;
	min-height: 30px;
	padding: 15px;
	clear: both;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../layout/boxcoluna1.png);
	border-radix:10px;
	border: 2px groove #D6D7CE;
	
}

.box2 {
	margin-top: 5px;
	width: 600px;
	min-width: 100px;
	max-width: 630px;
	height: auto;
	min-height: 30px;
	padding: 10px;
	clear: both;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	border-radix:10px;
	border: 4px groove #FFF;
	background-image:url(../layout/box2.png);
}



a {
	color: #2B7962;
}

.citacao2
{
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #313A66;
	padding-left: 30px;
}


h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color:#AD5118;
	line-height: 18px;
}

h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #9F590B;
	line-height: 18px;
}



.tabela_conteudo01 
{
	font-family: Verdana, Geneva, sans-seri;
	font-size: 12px;
	color:#FFF;
	padding-left: 8px;
	line-height: 20px;
	font-weight: bold;
	background-color:#3E6A50;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}


.tabela_conteudo02
{
	font-family: Verdana, Geneva, sans-seri;
	font-size: 11px;
	color:#24602F;
	padding-left: 8px;
	line-height: 20px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin: 10px;
	background-color:#ABC9B4
}

.tabela_conteudo03
{
	font-family: Verdana, Geneva, sans-seri;
	font-size: 12px;
	color:#000000;
	padding-left: 8px;
	line-height: 20px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin: 10px;
	background-color: #E1ECE3;
}



strong {
	color: #511D1A;
}

ul {
	list-style-image: url(../layout/bulletMenor.png);
	
}

.imagem
{
	border:groove;
	border-color:#990000;
	border-radius:10px;
}