/* Created by TopStyle Trial - www.topstyle4.com */
@media screen and (min-width: 480px) {

body, html{
	margin: 0;
	padding: 0;
	height: 100%;
	/*border-top:	0.5em solid #000;*/
	}

#principal {
	position: relative;
	margin: auto;
	width: 100%;
	display: block;
}

/*--------------------------------------- IMAGENS DE CAPA---------------------------------------*/

/*----------------- CAPA HISTORIA -----------------*/
#capahistoria{
	background-image:url(../imagens/capa-historia2.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	display:table;
	margin: 5% auto 0 auto;
	width: 100%;
	height:700px;
	}

/*----------------- CAPA ATUAÇÃO-----------------*/
#capaatuacao{
	background-image:url(../imagens/capa-atuacao.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	display:table;
	margin: 5% auto 0 auto;
	width: 100%;
	height:700px;
	}
	
/*----------------- CAPA INDEX-----------------*/
#capaindex{
	background-image: url(../imagens/expo-id-3-pequena.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	display:table;
	margin: 5% auto 0 auto;
	width: 100%;
	height:700px;
}	
	

/*----------------- CAPA CRÉDITOS-----------------*/
	
#capacreditos{
	background-image:url(../imagens/capa-creditos.jpg);
	background-attachment:scroll;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	display:block;
	position:relative;
	height:60%;
	margin: 0 auto;
	margin-top:5%;
}

	
/*----------------- DIV EXPOSIÇÃO-----------------*/
#exposicao {
display:table; 
width:90%; 
margin:auto;
margin-top: 3%;
}

#tytleatua{
font-family: 'Barlow Condensed', sans-serif;
font-weight:600;
color:#c48f53;
font-size:4.5em;
text-align:center;
margin-top:0%;
margin-bottom: 0%;
}
	
#tytlehist{
font-family: 'Barlow Condensed', sans-serif;
font-weight:600;
color:#c48f53;
font-size:4.5em;
text-align:center;
margin-top:0%;
margin-bottom: 0%;
}

#tytleindex{
font-family: 'Barlow Condensed', sans-serif;
font-weight:600;
color:#2D717A;
font-size:4.5em;
text-align:center;
margin-top:0%;
margin-bottom: 0%;
}
	

/*--------------------- TEMAS----------------------*/
#temas{
display:table; 
width:85%; 
margin:auto; 
padding-top:0%; 
text-align:center;
}

/*--
#temas ul li{
display:inline-table;
width:80%;
height:300px;
margin-left:0;
margin-bottom:5%;
}
---*/


/*--------------------------------------- COMBOS ---------------------------------------*/
#combos {
/*background-color: #c48f53;*/
width: 100%;
display: table;
padding-left: 5%;
padding-right: 3%;
padding-top: 0%;
}


/*---------------------- COMBOS ATUALIDADES ----------------------*/

/*----------------- ITENS COMBO ATUALIDADES -----------------*/
#combos li.itenscombo {
background-color: #2B6A8E;
display: table;
width: 90%;
height: 50px;
float: left;
margin: 5% 2% 5% 2%;
}

/*---- ITENS COMBO ATUALIDADES parágrafos----*/
#combos li.itenscombo p{
font-family: 'Barlow Condensed', sans-serif;
font-size:60px;
font-weight: 600;
vertical-align: middle;
color: #fff;
text-decoration: none;
line-height: 1.5em;
/*background-color: lime;*/
padding: 0px 0px;
margin-bottom: 0px;
margin-top: 0px;
}


/*--------- ITENS COMBO ATUALIDADES DUAS LINHAS --------------*/
#combos li.itenscomboatualidadesduaslinhas {
background-color: #2B6A8E;
display: table;
width: 90%;
height: 50px;
float: left;
margin: 5% 2% 5% 2%;
}

/*---- ITENS COMBO ATUALIDADES DUAS LINHAS parágrafos  ----*/
#combos li.itenscomboatualidadesduaslinhas p{
font-family: 'Barlow Condensed', sans-serif;
font-size:60px;
font-weight: 600;
vertical-align: middle;
color: #fff;
text-decoration: none;
line-height: 1.5em;
/*background-color: lime;*/
padding: 0px 0px;
margin-bottom: 0px;
margin-top: 0px;
}

/*--------- SUBTITULOS ATUALIDADES --------------*/
#combos li.subtytleatua {
display: table;
width: 90%;
height: 50px;
margin: 5% 2% 0% 2%;
/*--background-color: lime;--*/
}

/*---- SUBTITULOS DO COMBO ATUALIDADES parágrafos----*/
#combos li.subtytleatua p {
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;
font-size: 5em;
vertical-align: middle;
color: #2B6A8E;
text-decoration: none;
line-height: 1.2em;
padding: 0% 0%;
margin: 0% auto;
}


/*--------- SUBTITULOS DO COMBO ATUALIDADES -----------
#conteudo p.subtituloshistoria {
font-family: 'Barlow Condensed', sans-serif;
font-size: 3em;
vertical-align: middle;
color: #FFF;
text-decoration: none;
line-height: 2em;
padding: 0% 0%;
margin: 0% 0%;
text-align: center;
}
--*/



/*------- ITENS COMBO SOZINHOS ATUALIDADES --------*/
#combos li.itenscomboultimalinha {
background-color: #2B6A8E;
display: table;
width: 90%;
height: 50px;
float: left;
margin: 5% 2% 5% 2%;
}

/*---- ITENS COMBO SOZINHOS ATUALIDADES parágrafos----*/
#combos li.itenscomboultimalinha p{
font-family: 'Barlow Condensed', sans-serif;
font-size:60px;
font-weight: 600;
vertical-align: middle;
color: #fff;
text-decoration: none;
line-height: 1.5em;
/*background-color: lime;*/
padding: 15px 15px;
margin-bottom: 0px;
margin-top: 0px;
}


/*--------- LINKS ATUALIDADES--------------*/
#combos li.itenscombo a{
color: #fff;
font-size: 2em;
vertical-align: middle;
}

#combos li.itenscombo a:hover{
font-size: 2em;
vertical-align: middle;
}


/*---------------------- ITENS COMBO HISTORIA ----------------------*/

/*--------- ITENS COMBO HISTÓRIA --------------*/
#combos li.itenscombohistoria {
background-color: #C48F53;
display: table;
width: 90%;
height: 50px;
float: left;
margin: 5% 2% 5% 2%;
}

/*---- ITENS COMBO HISTORIA parágrafos----*/
#combos li.itenscombohistoria p{
font-family: 'Barlow Condensed', sans-serif;
font-size:60px;
font-weight: 600;
vertical-align: middle;
color: #fff;
text-decoration: none;
line-height: 1.5em;
/*background-color: lime;*/
padding: 0px 0px;
margin-bottom: 0px;
margin-top: 0px;
}


/*--------- ITENS COMBO HISTÓRIA DUAS LINHAS --------------*/
#combos li.itenscombohistoriaduaslinhas {
background-color: #C48F53;
display: table;
width: 90%;
height: 50px;
float: left;
margin: 5% 2% 5% 2%;
}

/*---- ITENS COMBO HISTORIA DUAS LINHAS parágrafos  ----*/
#combos li.itenscombohistoriaduaslinhas p{
font-family: 'Barlow Condensed', sans-serif;
font-size:60px;
font-weight: 600;
vertical-align: middle;
color: #fff;
text-decoration: none;
line-height: 1.5em;
/*background-color: lime;*/
padding: 0px 0px;
margin-bottom: 0px;
margin-top: 0px;
}

/*--------- SUBTITULOS HISTÓRIA --------------*/
#combos li.subtytleatuahistoria {
display: table;
width: 90%;
height: 50px;
margin: 30% 2% 0% 2%;
/*--background-color: lime;--*/
}

/*---- SUBTITULOS DO COMBO HISTÓRIA parágrafos----*/
#combos li.subtytleatuahistoria p {
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;
font-size: 5em;
vertical-align: middle;
color: #C48F53;
text-decoration: none;
line-height: 2em;
padding: 0% 0%;
margin: 0% auto;
}


/*--------- SUBTITULOS DO COMBO HISTORIA------------
#conteudo p.subtituloshistoria {
font-family: 'Barlow Condensed', sans-serif;
font-size: 3em;
vertical-align: middle;
color: #FFF;
text-decoration: none;
line-height: 2em;
padding: 0% 0%;
margin: 0% 0%;
text-align: center;
}
--*/



/*------- ITENS COMBO SOZINHOS HISTÓRIA --------*/
#combos li.itenscomboultimalinhahistoria {
background-color: #C48F53;
display: table;
width: 90%;
height: 50px;
float: left;
margin: 5% 2% 5% 2%;
}

/*---- ITENS COMBO SOZINHOS HISTORIA parágrafos----*/
#combos li.itenscomboultimalinhahistoria p{
font-family: 'Barlow Condensed', sans-serif;
font-size:60px;
font-weight: 600;
vertical-align: middle;
color: #fff;
text-decoration: none;
line-height: 1.5em;
/*background-color: lime;*/
padding: 15px 15px;
margin-bottom: 0px;
margin-top: 0px;
}


/*--------- LINKS HISTÓRIA--------------*/
#combos li.itenscombohistoria a{
color: #fff;
font-size: 2em;
vertical-align: middle;
}

#combos li.itenscombohistoria a:hover{
font-size: 2em;
vertical-align: middle;
}


/*-------------------------- IMAGENS VERTICAIS ---------------------------*/
	
#img-destaque{
	width:100%;
	display:block;
	margin: 10% 0;
}
/*-
#img_imagemlegenda{
	width:100%;
}
--*/

#img-destaque img{
margin:auto;
vertical-align:middle;
max-width: -webkit-fill-available;
}

#img-destaque p{
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-size:2.4em;
	text-align:center;
	margin:2% auto;
	padding:0;
}


/*-------------------------- IMAGENS HORIZONTAIS ---------------------------*/

#img-destaquehorizontal{
	width:100%;
	display:block;
	margin: 10% 0;
}

#imagemhorizontallegenda{
margin:auto;
vertical-align:middle;
max-width: -webkit-fill-available;
}

#imagemhorizontallegenda img.imagemhorizontal{
	max-width: 100%;
	max-height: 100%;
	vertical-align:middle;
	padding:0% 2% 0% 2%;
}

#imagemhorizontallegenda p{
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-size:2.4em;
	text-align:center;
	margin:2% 2%;
	padding:0;
}




/*--------------------------- CONTEUDO -------------------------------*/

#conteudo {
	width:100%;
	display: block;
}

#conteudo h3 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#FFF;
	font-size:8em;
	text-align:left;
	margin-top:8%;
	margin-left:4%;
	margin-right:4%;
	padding-top:4%;
}

#conteudo h4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:6em;
	text-align:left;
	margin:8% 4%;
	padding-top:4%;
}

#conteudo p {
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size:3.4em;
	text-align:left;
	margin-left:4%;
	margin-right:4%;
}


#conteudo p.legenda{
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:2.5em;
}

#conteudo p a {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:1em;
}

#conteudo p a:hover {
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:1em;
text-decoration: underline;
}

#conteudo p em{
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size: 0.9em;
}

#conteudo img{
	width:100%;
	margin-top:2em;
}

#conteudo img.imagempequena{
	width:70%;
	margin-top:1.8em;
	margin-left:15%;
	margin-bottom:1.8em;
}

/*---
#conteudosolo img.centro{
	width:90%;
	margin:4% 5% 0% 5%;
}---*/
	
#conteudosolo img{
	width:90%;
	margin:0% 7% 0% 7%
}


/*--------------------------- CONTEUDO SOLO-------------------------------*/

#conteudosolo{
	width:100%;
	height:100%;
	margin-top: 0%;
	padding-left: 5%;
	padding-right: 5%;
	}

#conteudosolo h3{
font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#2D717A;
	font-size:8em;
	text-align:left;
	margin-top: 10%;
}

#conteudosolo h4{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:3em;
	text-align:left;
	margin-top:0;
}


#conteudosolo p{
font-family: 'Roboto', sans-serif;
color:#000;
font-size:3.4em;
text-align:left;
margin-left:4%;
margin-right:4%;
}


#conteudosolo img{
width: 100%;
margin-left: auto;
margin-right: auto;
}

/*---
#conteudosolo{
	width:100%;
	height:100%;
	padding:0 0%;
	display:block;
	overflow-y:scroll;
	text-align:center;
}

#conteudosolo h4{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:3em;
	text-align:left;
	margin-top:0;
}
---*/
#conteudosolo img.imagempequena3{
	width:70%;
	margin-top:1.8em;
	}

#conteudosolo img.imagempequena4{
	width:40%;
	margin-top:1.8em;
	}	
/*---
#conteudosolo img{
	width:100%;
	margin:1.5em auto;
}

img.oitentaanos{
	width:70%;
	margin-top:1.8em;
	margin-left:15%;
	margin-bottom:1.8em;
}
---*/

/*------------------------------ CONTEÚDO 2 ------------------------------*/
	
#conteudo2 {
	width:100%;
	display: block;
}
	
#conteudo2 h3 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#FFF;
	font-size:8em;
	text-align:left;
	margin-top:8%;
	margin-left:4%;
	margin-right:4%;
	padding-top:4%;
}

#conteudo2 h4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:6em;
	text-align:left;
	margin:8% 4%;
	padding-top:4%;
}
	
#conteudo2 p {
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size:3.4em;
	text-align:left;
	margin-left:4%;
	margin-right:4%;
}
	
#conteudo2 p.legenda{
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:2.5em;
}

#conteudo2 img{
	width:100%;
	margin-top:2em;
}

#conteudo2 img.imagempequena{
	width:70%;
	margin-top:1.8em;
	margin-left:15%;
	margin-bottom:1.8em;
}
	
	
/*------------------------------ CONTEÚDO 2a ------------------------------*/
	
#conteudo2a {
	width:100%;
	display: block;
}
	
#conteudo2a h3 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#FFF;
	font-size:8em;
	text-align:left;
	margin-top:8%;
	margin-left:4%;
	margin-right:4%;
	padding-top:4%;
}

#conteudo2a h4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:6em;
	text-align:left;
	margin:8% 4%;
	padding-top:4%;
}
	
#conteudo2a p {
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size:3.4em;
	text-align:left;
	margin-left:4%;
	margin-right:4%;
}
	
#conteudo2a p.legenda{
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:2.5em;
}

#conteudo2a img{
	width:100%;
	margin-top:2em;
}

#conteudo2a img.imagempequena{
	width:70%;
	margin-top:1.8em;
	margin-left:15%;
	margin-bottom:1.8em;
}

/*------------------------------ CONTEÚDO 3 ------------------------------*/
	

#conteudo3 {
	width:100%;
	display: block;
}
	
#conteudo3 h3 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#FFF;
	font-size:8em;
	text-align:left;
	margin-top:8%;
	margin-left:4%;
	margin-right:4%;
	padding-top:4%;
}

#conteudo3 h4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:6em;
	text-align:left;
	margin:8% 4%;
	padding-top:4%;
}
	
#conteudo3 p {
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size:3.4em;
	text-align:left;
	margin-left:4%;
	margin-right:4%;
}
	
#conteudo3 p.legenda{
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:2.5em;
}

#conteudo3 img{
	width:100%;
	margin-top:2em;
}

#conteudo3 img.imagempequena{
	width:70%;
	margin-top:1.8em;
	margin-left:15%;
	margin-bottom:1.8em;
}


/*------------------------------ CONTEÚDO 4 ------------------------------*/
	

#conteudo4 {
	width:100%;
	display: block;
}
	
#conteudo4 h3 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#FFF;
	font-size:8em;
	text-align:left;
	margin-top:8%;
	margin-left:4%;
	margin-right:4%;
	padding-top:4%;
}

#conteudo4 h4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:6em;
	text-align:left;
	margin:8% 4%;
	padding-top:4%;
}
	
#conteudo4 p {
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size:3.4em;
	text-align:left;
	margin-left:4%;
	margin-right:4%;
}
	
#conteudo4 p.legenda{
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:2.5em;
}

#conteudo4 img{
	width:100%;
	margin-top:2em;
}

#conteudo4 img.imagempequena{
	width:70%;
	margin-top:1.8em;
	margin-left:15%;
	margin-bottom:1.8em;
}


/*------------------------------ CONTEÚDO 5 ------------------------------*/
	

#conteudo5 {
	width:100%;
	display: block;
}
	
#conteudo5 h3 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#FFF;
	font-size:8em;
	text-align:left;
	margin-top:8%;
	margin-left:4%;
	margin-right:4%;
	padding-top:4%;
}

#conteudo5 h4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:6em;
	text-align:left;
	margin:8% 4%;
	padding-top:4%;
}
	
#conteudo5 p {
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size:3.4em;
	text-align:left;
	margin-left:4%;
	margin-right:4%;
}
	
#conteudo5 p.legenda{
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:2.5em;
}

#conteudo5 img{
	width:100%;
	margin-top:2em;
}

#conteudo5 img.imagempequena{
	width:70%;
	margin-top:1.8em;
	margin-left:15%;
	margin-bottom:1.8em;
}


/*------------------------------ CONTEÚDO 6 ------------------------------*/
	

#conteudo6 {
	width:100%;
	display: block;
	background-color: #2B6A8E;
}
	
#conteudo6 h3 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#FFF;
	font-size:8em;
	text-align:left;
	margin-top:8%;
	margin-left:4%;
	margin-right:4%;
	padding-top:4%;
}

#conteudo6 h4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:6em;
	text-align:left;
	margin:8% 4%;
	padding-top:4%;
}
	
#conteudo6 p {
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size:3.4em;
	text-align:left;
	margin-left:4%;
	margin-right:4%;
}
	
#conteudo6 p.legenda{
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:2.5em;
}

#conteudo6 img{
	width:100%;
	margin-top:2em;
}

#conteudo6 img.imagempequena{
	width:70%;
	margin-top:1.8em;
	margin-left:15%;
	margin-bottom:1.8em;
}


/*------------------------------ CONTEÚDO 7 ------------------------------*/
	

#conteudo7 {
	width:100%;
	display: block;
	background-color: #2B6A8E;
}
	
#conteudo7 h3 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#FFF;
	font-size:8em;
	text-align:left;
	margin-top:8%;
	margin-left:4%;
	margin-right:4%;
	padding-top:4%;
}

#conteudo7 h4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:300;
	color:#FFF;
	font-size:6em;
	text-align:left;
	margin:8% 4%;
	padding-top:4%;
}
	
#conteudo7 p {
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size:3.4em;
	text-align:left;
	margin-left:4%;
	margin-right:4%;
}
	
#conteudo7 p.legenda{
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:2.5em;
}

#conteudo7 img{
	width:100%;
	margin-top:2em;
}

#conteudo7 img.imagempequena{
	width:70%;
	margin-top:1.8em;
	margin-left:15%;
	margin-bottom:1.8em;
}




/*--------------------------- MODULOS APRESENTACAO-------------------------------*/

#modulos {
	width:750px;
	margin:7% auto;
	}
	
#modulos li#historia{
	background-image:url(../imagens/capa-historia2.jpg);
	background-repeat:no-repeat;
	background-position: center;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	font-size: 5.5em;
	width:750px;
	height:350px;
	margin: 5% 0;
	text-align: center;
	}
	
#modulos li#atuacao{
	background-image:url(../imagens/capa-atuacao.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: top;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	font-size: 5.5em;
	width:750px;
	height:350px;
	margin: 5% 0;
	text-align: center;
	}
	
	
#modulos li#historia a{
	text-align: center;
	width:1000px;
	height:230px;
	display: table-cell;
	vertical-align:middle;
	color:#C48F53;
	text-decoration: none;
}


#modulos li#atuacao a{
	text-align: center;
	width:1000px;
	height:230px;
	display: table-cell;
	vertical-align:middle;
	color:#2D717A;
	text-decoration: none;
}

/*-------	
#modulos li a{
	text-align: center;
	width:1000px;
	height:230px;
	display: table-cell;
	vertical-align:middle;
	color:#fff;
	text-decoration: none;
	}
	
-----*/
	
#modulos li a:hover{
	background-color: rgba(43,106,142,0.6);
}
	
#modulos p{
	display:block;
	margin:0 0;
	}
	




#id{
	background-image:url(./imagens/expo-id.JPG);
	background-attachment:scroll;
	background-size: 70%;
	background-repeat:no-repeat;
	background-position: center;
	display:block;
	position:relative;
	height:30%;
	margin: 0 auto;
	margin-top:5%;}
	



	
	


	
	
#exposicao{display:table; position:relative; width:85%; margin:auto;}


#tytle{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#2B6A8E;
	font-size:9em;
	margin-left:0%;
	margin-top:15%;}
#tytlehist{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#c48f53;
	font-size:9em;
	text-align:center;
	margin-top:15%;}
#subtytlehist{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#c48f53;
	font-size:7em;
	margin:5% 0;}
#tytleatua{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#2d717a;
	font-size:9em;
	text-align:center;
	margin-top:15%;}
#subtytleatua{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#2d717a;
	font-size:7em;
	margin:5% 0;}



#textoinicio{
	font-family: 'Roboto', sans-serif;
	background-color:#fff;
	display:block;
	margin-top:0em;
	margin-right:0;
	padding:0em 0em;}
#textoinicio p{
	font-size:2.6em;
	text-align:left;
	color:#222;
	display:inline-block;
	width:90%;
	vertical-align:top;
	margin-right:0em;}




	

	
	
#creditos{
	width: 85%;
	margin: auto;
	font-family: 'Roboto', sans serif;
	position: relative;
	display: table;
	margin-top:5%;
	text-align: left;
}

#creditos h1{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color:#2B6A8E;
	font-size:9em;
	text-align:left;
	margin-left:0;
	margin-bottom: 0.625em;
}

#creditos h3 {
	text-align: left;
	font-size: 4.3em;
	font-weight: 500;
	margin-top:0.4em;
	margin-bottom: 0;
	margin-left:0;
	color: #2B6A8E;
}

#creditos h4 {
	text-align: left;
	font-size: 3.3em;
	font-weight: 500;
	margin-top:0.9em;
	margin-bottom: 0;
	margin-left:0;
	color: #2B6A8E;
}

#creditos p{
	text-align: left;
	font-size: 3.3em;
	font-weight: 400;
	color: #333;
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
}

#creditos img{
margin:12% auto; 
height:150px; 
display:block}



	

/* -------------- Faixa de titulo ----------------- */
#titulo {
	height: 17em;
	width: 100%;
	position: relative;
	float: right;
	padding: 1.5em 0;
	margin-top: 35.8em;
	margin-bottom: 1.875em;
	background-color: rgba(255,255,255,0.85);
	background-position: center center;
	z-index: 997;
}

.tituloimg{
	height: 15em;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	/*float: right;*/ 
	margin: auto; 
	/*margin-right: 5%;*/
	/*padding: 1.5625em;*/
}


/* -------------- Fundos ---------------- */
#backgroundindex {
	background-image: url(../imagens/background/fundoindex.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll; 
	background-position: top center;
	/*width: 100%;
	height: 100%;*/
	position: relative;
	background-size: contain;
	display: table;
}



/* -------------- box/divs de conteúdo ---------------- */
#apresentacao, #expo{
	background-color: rgba(255,255,255,0.95);
	background-attachment: scroll;
	width: 85%;
	margin: auto;
	font-family: "PT Sans", sans serif;
	position: relative;
	display: table;
	padding: 5.5em 0.625em;
	text-align: center;	
}

#expo h1 {
	font-size: 4em;
	color: #b13b3f;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0.625em;
}

#apresentacao h1 {
	font-size: 4em;
	color: #b13b3f;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0.625em;
}

#apresentacao p{
	font-size: 2.2em;
	font-weight: 400;
	color: #333;
	text-align: left;
	/*width: 520px;*/
	/*margin-right: 1.25em;*/
	margin:auto;
	margin-top: 0.75em;
	display: inline-block;
	vertical-align: top;
}



/* -----
#videos{
	background-color: rgba(255,255,255,0.95);
	background-attachment: scroll;
	width: 85%;
	margin: auto;
	font-family: "PT Sans", sans serif;
	position: relative;
	display: table;
	padding: 5.5em 0.625em;
	text-align: center;
}
	 
#videos h1{
	font-size: 4em;
	color: #b13b3f;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0.625em;
}

		#videos h3{
			font-size: 2.8em;
			color: #444;
			font-weight: 400;
			margin-top: 1em;
			margin-bottom: 0.1em;
			text-align: left;
		}

#maisvideos{
	font-size: 2em;
	font-weight: 400;
	width: 10em;
	margin: auto;
	margin-top: 1.25em;
}
#maisvideos a{
	display:block;
	width: 10em;
	height:-0.625em;
	padding:0.625em;
	text-align:center;
	color:#fff;
	background-color:#b13b3f;
	text-decoration:none;
}
#maisvideos a:hover{
	background-color: #d6484e;
}


	.videohome {
		display: block;
		margin: 1.25em auto;
		border: none;
		}
	
			.videoframe{
			display: block;
			margin: 1.25em 0;
			border: none;
			}

.caixafilme{
	float: left;
	margin: 1em 1.3em;
	display: inline-table;
}
.linkpdffilmes{margin-top:3em; margin-left:0.3em; float:left; display:block; width:40%; font-family:"Pt Sans"; font-size:3em; color:#b13b3f; text-decoration:none;}

#linkpdffilmesimg{width:300px; border: 2px solid #999;}


#eventos{
	background-color: rgba(255,255,255,0.95);
	background-attachment: scroll;
	width: 85%;
	margin: auto;
	font-family: "PT Sans", sans serif;
	position: relative;
	display: table;
	padding: 5.5em 0.625em;
	text-align: center;
}

#eventos h1{
	font-size: 4em;
	color: #b13b3f;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0.625em;
}

#eventos h4{
	font-size: 2.3em;
	color: #444;
	margin: 0 0;
	margin-top: 0.3125em;
	text-align: left;
}

#eventos p{
	font-size: 2em;
	font-weight: 400;
	color: #333;
	text-align: left;
	/*width: 320px;
	margin-right: 1.25em;
	margin-top: 0;
	margin-bottom: 0;
	/*vertical-align: top;	
	
	#dez, #jan, #fev{
	display: inline-table;
	margin-top: 0.75em;
	/*width: 340px;*/*/
	

}






/*
#jogos{
	background-color: rgba(255,255,255,0.95);
	background-attachment: scroll;
	width: 85%;
	margin: auto;
	font-family: "PT Sans", sans serif;
	position: relative;
	display: none;
	padding: 5.5em 0.625em;
	text-align: center;
}

#jogos h1{
	font-size: 4em;
	color: #b13b3f;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0.625em;
}

*/




/*#creditos, #legislacao{
	background-color: rgba(255,255,255,0.95);
	background-attachment: scroll;
	width: 85%;
	margin: auto;
	margin-top:28em;
	font-family: "PT Sans", sans serif;
	position: relative;
	display: table;
	padding: 5.5em 0.625em;
	text-align: center;
}

#creditos h1, #legislacao h1{
	font-size: 4em;
	color: #b13b3f;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0.625em;
}

#creditos h4 {
	text-align: left;
	font-size: 2.3em;
	font-weight: 400;
	margin-top:0.625em;
	margin-bottom: 0;
	color: #b13b3f;
}

#creditos p, #legislacao p{
	text-align: left;
	font-size: 2.3em;
	font-weight: 400;
	color: #333;
	margin:0 0;
}
#legislacao p {margin-bottom:1.4em;}

#coluna1, #coluna2 {
	/*width: 380px;
	margin: 0 2.5%;
	display: inline-table;
}

#colunalegislacao{ margin:0 2.5%; display:inline-table;}

#legislacao h2{font-size:2.5em;}

#legislacao a{
	text-align: left;
	font-size: 2.7em;
	font-weight: 400;
	margin-top:10%;
	margin-bottom: 0;
	color: #b13b3f;}

#legislacao a:hover{ color:#d6484e;}*/




/* -------------- Divisórias -------------
hr {
	width:80%;
	background-color:#b13b3f;
	border: 1px;
	height: 1px;
}


.tracomobile {
	width:80%;
	background-color:#b13b3f;
	border: 1px;
	height: 1px;
}
--- */


/*#rodape{
	background-image:url(../imagens/faixarodapefinal.png);
	background-position: center;
	background-size: cover; 
	width: 100%;
	height: 3.4375em;
	margin-left: 0;
	margin-top: 0;
}*/



}