body{
	margin:0;
	padding:0;
	font-family: 'roboto';
	-webkit-font-smoothing: antialiased;
}

a:link {
	text-decoration: none;
	color:#000;
}
a:visited {
	text-decoration: none;
	color:#000;
}
a:hover {
	text-decoration: none;
	color:#000;
}
a:active {
	text-decoration: none;
	color:#000;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v14/Hgo13k-tfSpn0qi1SFdUfSZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v14/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v14/d-6IYplOFocCacKzxwXSOCZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v14/mnpfi9pxYH-Go5UiibESIiZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}



@media only screen and (min-width: 300px) and (max-width: 400px) {


#esq{
	width:100%;

	background-color:#e9e9e9;

	position:relative;
	z-index:3;
	background-image:url(../admin/img/bckmenu.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#esq .logo{
	text-align:center;
	
}

#esq .menu{
	text-align:left;
    overflow:auto;
	font-weight:600;
	color:#000000;
	text-transform:uppercase;
	font-size:18px;

	
}

#esq .rodape{
	display:none;
	bottom:0;
	min-height:40px;
	max-height:40px;
	padding-bottom:10px;
	display:block;
	text-align:center;
	border:0;
}

.ac-menu,
.ac-menu ul,
.ac-menu li,
.ac-menu a,
.ac-menu span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	
}

.ac-menu li {
	list-style: none;
	
}

/* Accordian Style */

.ac-menu li > a {
	display: block;
	position: relative;
	min-width: 100%;
	text-decoration: none;
	text-align:left;
	margin-top:20px;
	font-weight:600;
	color:#16145f;
	text-transform:uppercase;
	font-size:11px;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	height:30px;
	
}

.ac-menu li .sembck {
	background:none;
}

.ac-menu > li:hover > a,
.ac-menu > li:target > a {
	color:#16145f;
	background-image:url(../admin/img/active.png);
	background-position:center right;
	background-repeat:no-repeat;
	
	
}

.ac-menu > li:target .sembck {
	
	background:none;
	
}



/* Sub-Menu */

.sub-menu li a {
	display: block;
	position: relative;
	min-width: 100%;
	text-decoration: none;
	text-align:left;
	margin-top:10px;
	font-weight:400;
	color:#16145f;
	text-transform:uppercase;
	font-size:11px;
	background:none;
}

.sub-menu li:hover a { 
  color:red;
 }



/* Accordian Function */

.ac-menu li > .sub-menu {
	background-image:url(../admin/img/blank.png);
	background-position:center right;
	background-repeat:no-repeat;
	height: 0;
	overflow: hidden;

	-webkit-transition: height .6s ease-in-out;
	-moz-transition: height .6s ease-in-out;
	-o-transition: height .6s ease-in-out;
	-ms-transition: height .6s ease-in-out;
	transition: height .6s ease-in-out;
}

.ac-menu li:target > .sub-menu {
	margin-left:15px;
	height: auto;
}

#pesquisa{

	}



#conteudoum{
	
	width:100%;
	min-height:100vh;
	background-color:#fff;
	display:block;
	overflow:auto;
	}

	
#conteudoum .espacogrid{
position:relative;
width:100%;	
padding-left:20px;	
padding-right:20px;	
padding-top:95px;	
padding-bottom:40px;

}


#regressar{
	position:fixed;
	padding-top:15px;
	float:left;
	margin-left:320px;
	z-index:3;
	width:100%;
	min-height:90px;
	opacity:0.8;
	}
	
#regressar .voltarbtn{
	color:#999;
	font-size:20px;
	margin-left:15px;
	padding-top:20px;
}

#conteudodois{
	position:relative;
	z-index:2;
	max-width:100%;
	min-height:100vh;
	background-color:#fff;
	overflow:auto;
	display:block;
	}
	
	#conteudodois img{
	
	max-width:100%;
	
	}
	


#conteudodois .espacogriddois{
position:absolute;
width:100%;	
padding-left:20px;	
padding-right:20px;	
padding-top:105px;	
padding-bottom:40px;

}

#conteudodois .titulomain{
    
	font-size:20px;
	color:#999;
	font-weight:600;
	 text-decoration:none;
}





#conteudodois a{
   
	font-size:30px;
	color:#000;
	font-weight:600;
}


#conteudodois .stampmain{
    margin-top:15px;
	font-size:14px;
	color:#999;
	font-weight:200;
}

#conteudodois .artigomain{
    margin-top:25px;
	font-size:16px;
	color:#666;
	font-weight:400;

}

#conteudodois .artigomain a{
    margin-top:25px;
	font-size:16px;
	color:#0c67a5;
	font-weight:400;

}

#conteudodois .artigomain hover > a{
    margin-top:25px;
	font-size:16px;
	color:#0c67a5;
	font-weight:800;

}

#conteudodois .artigomain li > a {
    
	text-decoration: none;
	font-size:16px;
	color:#5db4df;
	font-weight:400;
	

}

#conteudodois .artigomain  li:hover a {
    
	text-decoration: none;
	font-size:16px;
	color:#5db4df;
	font-weight:600;
	

}



#conteudodois .colaptitulof{
	font-size:16px;
	color:#000;
	font-weight:400;
	background-image:url(../admin/img/active.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
	padding-right:40px;
}

#conteudodois .colaptitulof:hover{
	font-size:16px;
	color:#000;
	font-weight:400;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
	padding-right:40px;
}

#conteudodois .colaptitulof:active{
	font-size:16px;
	color:#000;
	font-weight:400;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
	padding-right:40px;
}

#conteudodois .colapconteudo{
	text-align:justify; 
	margin-top:25px;
	font-size:16px;
	color:#666;
	font-weight:400;
	line-height:1.8;
}


#dta{
	width:100%;
	position:absolute;
	z-index:2;
	display:block;
	background-color:#fff;
	padding-left:10px;
	padding-right:20px;
	padding-top:27px;
	padding-bottom:20px;
	
	
}

#dta .imagensmain{

	text-align:center;
}

#dta .socialmain{
	margin-right:10%;
	margin-top:25px;
	
}



#dta .subblocos{
	margin-right:10%;
	margin-top:25px;
	text-align:right;
	
}

#dta .txsubblocos{
	float:right;
	 font-weight:400;
	  font-size:14px;
	  padding-right:27px;
	  color:#0c67a5;
}




.nav, .nav ul, .nav li {
    list-style: none;
	font-family: 'roboto';
	-webkit-font-smoothing: antialiased;
	background-color:transparent;
	font-weight:400;
	
	
}

.nav ul {
    padding: 0;
    margin: 0 0 0 18px;
	
	
}





.nav{
    padding: 0px;
    margin: 0px;
	background-color:transparent;
	margin-top:80px;
	overflow:auto;
	display:none;
}










.close2 active {
    color:#fff;
	background-color:transparent;
	
}








.nav a {
    color: #333;
    display: block;
    outline: none;
    width:100%;
    text-decoration: none;
	
	
}

.nav li > a > span {
    float: right;
    font-size: 25px;
    font-weight: bolder;
	background-color:#16145f;
}

.nav li > a:hover {
    color: #fff;
	background-color:#16145f;
}

.nav li > close > a:hover {
    color: #fff;
	background-color:#16145f;
}

.nav li > a:hover > span {
    color: #fff;
	background-color:#16145f;
}


.nav li > a > span:after {
   

}


.nav li.open > a > span:after {
   
}

.nav li.open > a:hover {
   
	background-color:#16145f;
}

.nav a:hover, .nav li.hover > a {
    background-color:#16145f;
    
}



.nav a:hover, .nav li.hover > a {
   background-color:#16145f;
    color: #f5f5f5;
}

.nav a:hover, .nav li .active > a {
   background-color:#16145f;
    color: #f5f5f5;
}

.nav > li.hover > a  {
  background-color:#16145f;
}

.nav li a {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 10px;
	
}

.nav > li > a {
    font-size: 16px;
    line-height: 20px;
    padding: 4px 10px;
	
	
}

.nav > ul.hover > a {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
	  background-color:#16145f;
	
}


#main {
  margin: 0px 0;
  position: relative;
  overflow:hidden;
}


/**
 * Grid container
 */
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
  background-color:#fff;
}

/**
 * Grid items
 */
#tiles li {
  width: 260px;
  background-color: #ffffff;
  	font-family: 'roboto';
	-webkit-font-smoothing: antialiased;

 margin-top:60px;
 margin-left:auto;
 margin-right:auto;
  cursor: pointer;
 

}

#tiles .imagemcarta{
width:260px;	
}


#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
  
}

#tiles li img {
  display: block;
}



#tiles li .stamp {
 min-heigth:20px;
 max-height:20px;
 font-weight:300;
 color:#666;
}

/**
 * Grid item text
 */
#tiles li .cardtitulo {
  color: #666;
  font-size: 15px;
  line-height: 20px;
  text-align: justify;
  font-weight: 200;
  margin: 7px 0 2px 0px;
  color:#000;
  font-weight:400;
  max-height:15px;
  min-height:15px;
  
  
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

footer {
  text-align: center;

}

footer a {
  color: #435DC5;
  text-decoration: none;
}

/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
  background-color: #0BC20B;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
  -webkit-transition: width 0.3s ease-out;
     -moz-transition: width 0.3s ease-out;
       -o-transition: width 0.3s ease-out;
          transition: width 0.3s ease-out;
}

/**
 * Placerholder css
 */

.example-tiles {
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

.example-tiles li {
  display: block;
  opacity: 1;
  list-style-type: none;
  float: left;
  margin: 5px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.example-tiles a,
.example-tiles a:hover {
  color: #555;
  background-color: #eee;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 280px;
  height: 280px;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  padding: 5px 8px;
  border-radius: 3px;
}

.example-tiles a:hover {
  background-color: #ddd;
}

.rodape{
	display:none;
}




}

@media only screen and (min-width: 400px) and (max-width: 814px) {


#esq{
	width:100%;

	background-color:#e9e9e9;

	position:relative;
	z-index:3;
	background-image:url(../admin/img/bckmenu.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#esq .logo{
	text-align:center;
	
}

#esq .menu{
	text-align:left;
    overflow:auto;
	font-weight:600;
	color:#000000;
	text-transform:uppercase;
	font-size:18px;

	
}

#esq .rodape{
	display:none;
	bottom:0;
	min-height:40px;
	max-height:40px;
	padding-bottom:10px;
	display:block;
	text-align:center;
	border:0;
}

.ac-menu,
.ac-menu ul,
.ac-menu li,
.ac-menu a,
.ac-menu span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	
}

.ac-menu li {
	list-style: none;
	
}

/* Accordian Style */

.ac-menu li > a {
	display: block;
	position: relative;
	min-width: 100%;
	text-decoration: none;
	text-align:left;
	margin-top:30px;
	font-weight:600;
	color:#16145f;
	text-transform:uppercase;
	font-size:11px;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	height:30px;
	
}

.ac-menu li .sembck {
	background:none;
}

.ac-menu > li:hover > a,
.ac-menu > li:target > a {
	color:#16145f;
	background-image:url(../admin/img/active.png);
	background-position:center right;
	background-repeat:no-repeat;
	
	
}

.ac-menu > li:target .sembck {
	
	background:none;
	
}



/* Sub-Menu */

.sub-menu li a {
	display: block;
	position: relative;
	min-width: 100%;
	text-decoration: none;
	text-align:left;
	margin-top:10px;
	font-weight:400;
	color:#16145f;
	text-transform:uppercase;
	font-size:11px;
	background:none;
}

.sub-menu li:hover a { 
  color:red;
 }



/* Accordian Function */

.ac-menu li > .sub-menu {
	background-image:url(../admin/img/blank.png);
	background-position:center right;
	background-repeat:no-repeat;
	height: 0;
	overflow: hidden;

	-webkit-transition: height .6s ease-in-out;
	-moz-transition: height .6s ease-in-out;
	-o-transition: height .6s ease-in-out;
	-ms-transition: height .6s ease-in-out;
	transition: height .6s ease-in-out;
}

.ac-menu li:target > .sub-menu {
	margin-left:15px;
	height: auto;
}

#pesquisa{

	}



#conteudoum{
	
	width:100%;
	min-height:100vh;
	background-color:#fff;
	display:block;
	overflow:auto;
	}

	
#conteudoum .espacogrid{
position:relative;
width:100%;	
padding-left:20px;	
padding-right:20px;	
padding-top:95px;	
padding-bottom:40px;

}


#regressar{
	position:fixed;
	padding-top:15px;
	float:left;
	margin-left:320px;
	z-index:3;
	width:100%;
	min-height:90px;
	opacity:0.8;
	}
	
#regressar .voltarbtn{
	color:#999;
	font-size:20px;
	margin-left:15px;
	padding-top:20px;
}

#conteudodois{
	position:relative;
	z-index:2;
	max-width:100%;
	min-height:100vh;
	background-color:#fff;
	overflow:auto;
	display:block;
	}
	
	#conteudodois img{
	
	max-width:100%;
	
	}
	


#conteudodois .espacogriddois{
position:absolute;
width:100%;	
padding-left:20px;	
padding-right:20px;	
padding-top:105px;	
padding-bottom:40px;

}

#conteudodois .titulomain{
    
	font-size:20px;
	color:#999;
	font-weight:600;
	 text-decoration:none;
}





#conteudodois a{
   
	font-size:30px;
	color:#000;
	font-weight:600;
}


#conteudodois .stampmain{
    margin-top:15px;
	font-size:14px;
	color:#999;
	font-weight:200;
}

#conteudodois .artigomain{
    margin-top:25px;
	font-size:16px;
	color:#666;
	font-weight:400;

}

#conteudodois .artigomain a{
    margin-top:25px;
	font-size:16px;
	color:#0c67a5;
	font-weight:400;

}

#conteudodois .artigomain hover > a{
    margin-top:25px;
	font-size:16px;
	color:#0c67a5;
	font-weight:800;

}

#conteudodois .artigomain li > a {
    
	text-decoration: none;
	font-size:16px;
	color:#5db4df;
	font-weight:400;
	

}

#conteudodois .artigomain  li:hover a {
    
	text-decoration: none;
	font-size:16px;
	color:#5db4df;
	font-weight:600;
	

}



#conteudodois .colaptitulof{
	font-size:16px;
	color:#000;
	font-weight:400;
	background-image:url(../admin/img/active.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
	padding-right:40px;
}

#conteudodois .colaptitulof:hover{
	font-size:16px;
	color:#000;
	font-weight:400;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
	padding-right:40px;
}

#conteudodois .colaptitulof:active{
	font-size:16px;
	color:#000;
	font-weight:400;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
	padding-right:40px;
}

#conteudodois .colapconteudo{
	text-align:justify; 
	margin-top:25px;
	font-size:16px;
	color:#666;
	font-weight:400;
	line-height:1.8;
}


#dta{
	width:100%;
	position:absolute;
	z-index:2;
	display:block;
	background-color:#fff;
	padding-left:10px;
	padding-right:20px;
	padding-top:27px;
	padding-bottom:20px;
	
	
}

#dta .imagensmain{

	text-align:center;
}

#dta .socialmain{
	margin-right:10%;
	margin-top:25px;
	
}



#dta .subblocos{
	margin-right:10%;
	margin-top:25px;
	text-align:right;
	
}

#dta .txsubblocos{
	float:right;
	 font-weight:400;
	  font-size:14px;
	  padding-right:27px;
	  color:#0c67a5;
}




.nav, .nav ul, .nav li {
    list-style: none;
	font-family: 'roboto';
	-webkit-font-smoothing: antialiased;
	background-color:transparent;
	font-weight:400;
	
	
}

.nav ul {
    padding: 0;
    margin: 0 0 0 18px;
	
	
}





.nav{
    padding: 0px;
    margin: 0px;
	background-color:transparent;
	margin-top:80px;
	overflow:auto;
	display:none;
}










.close2 active {
    color:#fff;
	background-color:transparent;
	
}








.nav a {
    color: #333;
    display: block;
    outline: none;
    width:100%;
    text-decoration: none;
	
	
}

.nav li > a > span {
    float: right;
    font-size: 25px;
    font-weight: bolder;
	background-color:#16145f;
}

.nav li > a:hover {
    color: #fff;
	background-color:#16145f;
}

.nav li > close > a:hover {
    color: #fff;
	background-color:#16145f;
}

.nav li > a:hover > span {
    color: #fff;
	background-color:#16145f;
}


.nav li > a > span:after {
   

}


.nav li.open > a > span:after {
   
}

.nav li.open > a:hover {
   
	background-color:#16145f;
}

.nav a:hover, .nav li.hover > a {
    background-color:#16145f;
    
}



.nav a:hover, .nav li.hover > a {
   background-color:#16145f;
    color: #f5f5f5;
}

.nav a:hover, .nav li .active > a {
   background-color:#16145f;
    color: #f5f5f5;
}

.nav > li.hover > a  {
  background-color:#16145f;
}

.nav li a {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 10px;
	
}

.nav > li > a {
    font-size: 16px;
    line-height: 20px;
    padding: 4px 10px;
	
	
}

.nav > ul.hover > a {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
	  background-color:#16145f;
	
}


#main {
  margin: 0px 0;
  position: relative;
  overflow:hidden;
}


/**
 * Grid container
 */
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
 
}

/**
 * Grid items
 */
#tiles li {
  width: 320px;
  background-color: #ffffff;
  	font-family: 'roboto';
	-webkit-font-smoothing: antialiased;
 float:left; 
 padding:20px;
 margin-left:auto;
 margin-right:auto;
  cursor: pointer;
 

}

#tiles .imagemcarta{
width:320px;	
}


#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
  
}

#tiles li img {
  display: block;
}



#tiles li .stamp {
 min-heigth:20px;
 max-height:20px;
 font-weight:300;
 color:#666;
}

/**
 * Grid item text
 */
#tiles li .cardtitulo {
  color: #666;
  font-size: 15px;
  line-height: 20px;
  text-align: justify;
  font-weight: 200;
  margin: 7px 0 2px 0px;
  color:#000;
  font-weight:400;
  max-height:15px;
  min-height:15px;
  
  
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

footer {
  text-align: center;

}

footer a {
  color: #435DC5;
  text-decoration: none;
}

/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
  background-color: #0BC20B;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
  -webkit-transition: width 0.3s ease-out;
     -moz-transition: width 0.3s ease-out;
       -o-transition: width 0.3s ease-out;
          transition: width 0.3s ease-out;
}

/**
 * Placerholder css
 */

.example-tiles {
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

.example-tiles li {
  display: block;
  opacity: 1;
  list-style-type: none;
  float: left;
  margin: 5px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.example-tiles a,
.example-tiles a:hover {
  color: #555;
  background-color: #eee;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 280px;
  height: 280px;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  padding: 5px 8px;
  border-radius: 3px;
}

.example-tiles a:hover {
  background-color: #ddd;
}

.rodape{
	display:none;
}




}









@media only screen and (min-width: 1024px) and (max-width: 4224px) {

#esq{
	min-width:300px;
	max-width:300px;
	min-height:100vh;
	background-color:#e9e9e9;
	padding:10px;
	position:fixed;
	z-index:3;
	background-image:url(../admin/img/bckmenu.jpg);
	background-repeat:no-repeat;
	background-position:top cecenter;
}

#esq .logo{
	text-align:center;
	margin-top:10px;
}

#esq .menu{
	text-align:left;
	margin-top:20px;
	margin-left:10px;
	font-weight:600;
	color:#000000;
	text-transform:uppercase;
	font-size:12px;
}

#esq .rodape{
	position:fixed;
	bottom:0;
	min-height:40px;
	max-height:40px;
	width:300px;
	margin-left:-10px;
	padding-bottom:10px;
	display:block;
	text-align:center;
	border:0;
	padding-top:10px;
	background-color:#ded5d4;
	
}

.ac-menu,
.ac-menu ul,
.ac-menu li,
.ac-menu a,
.ac-menu span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

.ac-menu li {
	list-style: none;
}

/* Accordian Style */

.ac-menu li > a {
	display: block;
	position: relative;
	min-width: 100%;
	text-decoration: none;
	text-align:left;
	margin-top:10px;
	font-weight:600;
	color:#16145f;
	text-transform:uppercase;
	font-size:11px;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	height:30px;
}

.ac-menu li .sembck {
	background:none;
}

.ac-menu > li:hover > a,
.ac-menu > li:target > a {
	color:#16145f;
	background-image:url(../admin/img/active.png);
	background-position:center right;
	background-repeat:no-repeat;
	
}

.ac-menu > li:target .sembck {
	
	background:none;
	
}



/* Sub-Menu */

.sub-menu li a {
	display: block;
	position: relative;
	min-width: 100%;
	text-decoration: none;
	text-align:left;
	margin-top:10px;
	font-weight:400;
	color:#16145f;
	text-transform:uppercase;
	font-size:11px;
	background:none;
}

.sub-menu li:hover a { 
  color:red;
 }



/* Accordian Function */

.ac-menu li > .sub-menu {
	background-image:url(../admin/img/blank.png);
	background-position:center right;
	background-repeat:no-repeat;
	height: 0;
	overflow: hidden;

	-webkit-transition: height .6s ease-in-out;
	-moz-transition: height .6s ease-in-out;
	-o-transition: height .6s ease-in-out;
	-ms-transition: height .6s ease-in-out;
	transition: height .6s ease-in-out;
}

.ac-menu li:target > .sub-menu {
	margin-left:15px;
	height: auto;
}

#pesquisa{
	position:fixed;
	top:0;
	float:right;
	margin-right:20px;
	z-index:2;
	width:100%;
	min-height:90px;
	background-image:url(../admin/img/blur.png);
	background-repeat:repeat;
	margin-top:20px;
	}

#conteudoum{

	position:relative;
	z-index:0;
	width:100%;
	min-height:100vh;
	background-color:#fff;
	padding-left:300px;
	overflow:auto;
	}
	
#conteudoum .espacogrid{
position:relative;
width:100%;	
padding-left:20px;	
padding-right:20px;	
padding-top:95px;	
padding-bottom:40px;

}

#regressar{
	position:fixed;
	padding-top:15px;
	float:left;
	margin-left:320px;
	z-index:2;
	width:100%;
	min-height:90px;
	opacity:0.8;
	}
	
#regressar .voltarbtn{
	color:#999;
	font-size:20px;
	margin-left:15px;
	padding-top:20px;
}

#conteudodois{
	position:relative; 
	z-index:0; 
	min-height:100vh;
	float:right;
	width:100%;
	min-height:100vh;
	background-color:#fff;
	padding-left:300px;
	overflow:auto;
	}
	


#conteudodois .espacogriddois{
position:relative;
width:100%;	
padding-left:20px;	
padding-right:390px;	
padding-top:105px;	
padding-bottom:40px;

}

#conteudodois .titulomain{
    
	font-size:20px;
	color:#999;
	font-weight:600;
	 text-decoration:none;
}





#conteudodois a{
    
	font-size:30px;
	color:#000;
	font-weight:600;
}


#conteudodois .stampmain{
    margin-top:15px;
	font-size:14px;
	color:#999;
	font-weight:200;
}

#conteudodois .artigomain{
    margin-top:25px;
	font-size:16px;
	color:#666;
	font-weight:400;

}

#conteudodois .artigomain a{
    margin-top:25px;
	font-size:16px;
	color:#0c67a5;
	font-weight:400;

}

#conteudodois .artigomain hover > a{
    margin-top:25px;
	font-size:16px;
	color:#0c67a5;
	font-weight:800;

}

#conteudodois .artigomain li > a {
    
	text-decoration: none;
	font-size:16px;
	color:#5db4df;
	font-weight:400;
	

}

#conteudodois .artigomain  li:hover a {
    
	text-decoration: none;
	font-size:16px;
	color:#5db4df;
	font-weight:600;
	

}



#conteudodois .colaptitulof{
	font-size:18px;
	color:#000;
	font-weight:600;
	background-image:url(../admin/img/active.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
}

#conteudodois .colaptitulof:hover{
	font-size:18px;
	color:#000;
	font-weight:600;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
}

#conteudodois .colaptitulof:active{
	font-size:18px;
	color:#000;
	font-weight:600;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
}

#conteudodois .colapconteudo{
	text-align:justify; 
	margin-top:25px;
	font-size:16px;
	color:#666;
	font-weight:400;
	line-height:1.8;
}


#dta{
	min-width:350px;
	max-width:350px;
	min-height:100vh;
	background-color:#fff;
	padding-left:10px;
	padding-right:20px;
	padding-top:27px;
	padding-bottom:20px;
	position:absolute;
	z-index:3;
	right:0;
}

#dta .imagensmain{
	margin-top:85px;
	text-align:center;
}

#dta .socialmain{
	margin-right:5px;
	margin-top:25px;
	text-align:right;
}



#dta .subblocos{
	margin-right:5px;
	margin-top:25px;
	text-align:right;
	
}

#dta .txsubblocos{
	float:right;
	 font-weight:400;
	  font-size:14px;
	  padding-right:27px;
	  color:#0c67a5;
}
















.nav, .nav ul, .nav li {
    list-style: none;
	font-family: 'roboto';
	-webkit-font-smoothing: antialiased;
	background-color:transparent;
	font-weight:400;
	
}

.nav ul {
    padding: 0;
    margin: 0 0 0 18px;
	
}





.nav{
    padding: 4px;
    margin: 0px;
	background-color:transparent;
}










.close2 active {
    color:#fff;
	background-color:transparent;
	
}








.nav a {
    color: #333;
    display: block;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
	
}

.nav li > a > span {
    float: right;
    font-size: 19px;
    font-weight: bolder;
	background-color:#16145f;
	text-decoration:none;
}

.nav li > a:hover {
    color: #000;
	background-color:#16145f;
	cursor:pointer;
}

.nav li > close > a:hover {
    color: #fff;
	background-color:#16145f;
}

.nav li > a:hover > span {
  
	background-color:#16145f;
}




.nav li.open > a:hover {
     color:#fff;
	background-color:#16145f;
	text-decoration:none;
}

.nav a:hover, .nav li.hover > a {
    background-color:#16145f;
     text-decoration:none;
	  color:#000;
}



.nav a:hover, .nav li.hover > a {
   background-color:#16145f;
    color: #000;
	text-decoration:none;
}

.nav a:hover, .nav li .active > a {
   background-color:#16145f;
    color: #f5f5f5;
}

.nav > li.hover > a  {
  background-color:#16145f;
}


/* links child */
.nav li a {
    font-size: 12px;
    line-height: 18px;
    padding: 2px 10px;
	 text-decoration:none;
	  color:#000;
}



/* links principais sem child */
.nav > li > a {
    font-size: 14px;
    line-height: 14px;
    padding: 4px 10px;
	
	color: #000;
	
}



.nav > ul.hover > a {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
	  background-color:#16145f;
	  text-decoration:none;
	      color: #000;

	
}
#main {
  margin: 0px 0;
  position: relative;
  overflow:hidden;
}


/**
 * Grid container
 */
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

/**
 * Grid items
 */
#tiles li {
  max-width: 300px;
  background-color: #fff;
  	font-family: 'roboto';
	-webkit-font-smoothing: antialiased;
 float:left; 
 margin-left:30px;
 
 margin-right:auto;
  cursor: pointer;
 

}


#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
  
}

#tiles .imagemcarta{
width:300px;	
}

#tiles li img {
  display: block;
}



#tiles li .stamp {
 heigth:20px;
 height:20px;
 font-weight:300;
 color:#666;
}

/**
 * Grid item text
 */
#tiles li .cardtitulo {
  color: #666;
  font-size: 15px;
  line-height: 20px;
  text-align: justify;
  font-weight: 200;
  margin: 7px 0 2px 0px;
  color:#000;
  font-weight:400;
  max-height:85px;
  min-height:85px;
  
  
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

footer {
  text-align: center;

}

footer a {
  color: #435DC5;
  text-decoration: none;
}

/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
  background-color: #0BC20B;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
  -webkit-transition: width 0.3s ease-out;
     -moz-transition: width 0.3s ease-out;
       -o-transition: width 0.3s ease-out;
          transition: width 0.3s ease-out;
}

/**
 * Placerholder css
 */

.example-tiles {
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

.example-tiles li {
  display: block;
  opacity: 1;
  list-style-type: none;
  float: left;
  margin: 5px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.example-tiles a,
.example-tiles a:hover {
  color: #555;
  background-color: #eee;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  height: 200px;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  padding: 5px 8px;
  border-radius: 3px;
}

.example-tiles a:hover {
  background-color: #ddd;
}





}




@media only screen and (min-width: 814px) and (max-width: 1024px) {
#esq{
	min-width:280px;
	max-width:280px;
	min-height:100vh;
	background-color:#e9e9e9;
	padding:10px;
	position:fixed;
	z-index:3;
	background-image:url(../admin/img/bckmenu.jpg);
	background-repeat:no-repeat;
	background-position:top cecenter;
}

#esq .logo{
	text-align:center;
	margin-top:10px;
}

#esq .menu{
	text-align:left;
	margin-top:30px;
	margin-left:10px;
	font-weight:600;
	color:#000000;
	text-transform:uppercase;
	font-size:12px;
}

#esq .rodape{
	display:none;
	
}

.ac-menu,
.ac-menu ul,
.ac-menu li,
.ac-menu a,
.ac-menu span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

.ac-menu li {
	list-style: none;
}

/* Accordian Style */

.ac-menu li > a {
	display: block;
	position: relative;
	min-width: 100%;
	text-decoration: none;
	text-align:left;
	margin-top:10px;
	font-weight:600;
	color:#16145f;
	text-transform:uppercase;
	font-size:11px;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	height:30px;
}

.ac-menu li .sembck {
	background:none;
}

.ac-menu > li:hover > a,
.ac-menu > li:target > a {
	color:#16145f;
	background-image:url(../admin/img/active.png);
	background-position:center right;
	background-repeat:no-repeat;
	
}

.ac-menu > li:target .sembck {
	
	background:none;
	
}



/* Sub-Menu */

.sub-menu li a {
	display: block;
	position: relative;
	min-width: 100%;
	text-decoration: none;
	text-align:left;
	margin-top:10px;
	font-weight:400;
	color:#16145f;
	text-transform:uppercase;
	font-size:11px;
	background:none;
}

.sub-menu li:hover a { 
  color:red;
 }



/* Accordian Function */

.ac-menu li > .sub-menu {
	background-image:url(../admin/img/blank.png);
	background-position:center right;
	background-repeat:no-repeat;
	height: 0;
	overflow: hidden;

	-webkit-transition: height .6s ease-in-out;
	-moz-transition: height .6s ease-in-out;
	-o-transition: height .6s ease-in-out;
	-ms-transition: height .6s ease-in-out;
	transition: height .6s ease-in-out;
}

.ac-menu li:target > .sub-menu {
	margin-left:15px;
	height: auto;
}

#pesquisa{
	position:fixed;
	top:0;
	float:right;
	margin-right:20px;
	z-index:2;
	width:100%;
	min-height:90px;
	background-image:url(../admin/img/blur.png);
	background-repeat:repeat;
	}

#conteudoum{
	position:relative;
	z-index:0;
	width:100%;
	min-height:100vh;
	background-color:#fff;
	padding-left:280px;
	overflow:auto;
	}
	
#conteudoum .espacogrid{
position:relative;
width:100%;	
padding-left:20px;	
padding-right:20px;	
padding-top:95px;	
padding-bottom:40px;

}

#regressar{ 
	position:fixed;
	padding-top:15px;
	float:left;
	margin-left:320px;
	z-index:2;
	width:100%;
	min-height:90px;
	opacity:0.8;
	}
	
#regressar .voltarbtn{
	color:#999;
	font-size:20px;
	margin-left:15px;
	padding-top:20px;
}

#conteudodois{
	
	width:100%;
	
	background-color:#fff;
	padding-left:300px;
	overflow:auto;
	padding-right:20px;
	
	position:absolute; 
	z-index:0; 
	min-height:100vh;
	float:right;
	}
	


#conteudodois .espacogriddois{
position:relative;
width:100%;	
padding-left:20px;	
padding-right:40px;	
padding-top:105px;	
padding-bottom:40px;

}

#conteudodois .titulomain{
    
	font-size:20px;
	color:#999;
	font-weight:600;
	 text-decoration:none;
}





#conteudodois a{
    
	font-size:30px;
	color:#000;
	font-weight:600;
	min-width:100%;
}


#conteudodois .stampmain{
    margin-top:15px;
	font-size:14px;
	color:#999;
	font-weight:200;
}

#conteudodois .artigomain{
    margin-top:25px;
	font-size:16px;
	color:#666;
	font-weight:400;

}

#conteudodois .artigomain a{
    margin-top:25px;
	font-size:16px;
	color:#0c67a5;
	font-weight:400;

}

#conteudodois .artigomain hover > a{
    margin-top:25px;
	font-size:16px;
	color:#0c67a5;
	font-weight:800;

}

#conteudodois .artigomain li > a {
    
	text-decoration: none;
	font-size:16px;
	color:#5db4df;
	font-weight:400;
	

}

#conteudodois .artigomain  li:hover a {
    
	text-decoration: none;
	font-size:16px;
	color:#5db4df;
	font-weight:600;
	

}



#conteudodois .colaptitulof{
	font-size:18px;
	color:#000;
	font-weight:400;
	background-image:url(../admin/img/active.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
}

#conteudodois .colaptitulof:hover{
	font-size:18px;
	color:#000;
	font-weight:400;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
}

#conteudodois .colaptitulof:active{
	font-size:18px;
	color:#000;
	font-weight:400;
	background-image:url(../admin/img/idle.png);
	background-position:center right;
	background-repeat:no-repeat;
	min-width: 100%;
	display:inline-block;
	height:35px;
	padding-top:7px;
}

#conteudodois .colapconteudo{
	text-align:justify; 
	margin-top:25px;
	font-size:16px;
	color:#666;
	font-weight:400;
	line-height:1.8;
}


#dta{
	display:none;
	
}

#dta .imagensmain{
display:none;
	margin-top:85px;
	text-align:center;
}

#dta .socialmain{
display:none;
	margin-right:5px;
	margin-top:25px;
	text-align:right;
	width:100%;
}



#dta .subblocos{

	margin-right:5px;
	margin-top:25px;
	text-align:right;
	
}

#dta .txsubblocos{
display:none;
	float:right;
	 font-weight:400;
	  font-size:14px;
	  padding-right:27px;
	  color:#0c67a5;
}

#dta .socialmain{
display:none;

}
















.nav, .nav ul, .nav li {
    list-style: none;
	font-family: 'roboto';
	-webkit-font-smoothing: antialiased;
	background-color:transparent;
	font-weight:400;
	
}

.nav ul {
    padding: 0;
    margin: 0 0 0 18px;
	
}





.nav{
    padding: 4px;
    margin: 0px;
	background-color:transparent;
}










.close2 active {
    color:#fff;
	background-color:transparent;
	
}








.nav a {
    color: #333;
    display: block;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
	
}

.nav li > a > span {
    float: right;
    font-size: 19px;
    font-weight: bolder;
	background-color:#16145f;
	text-decoration:none;
}

.nav li > a:hover {
    color: #000;
	background-color:#16145f;
	cursor:pointer;
}

.nav li > close > a:hover {
    color: #fff;
	background-color:#16145f;
}

.nav li > a:hover > span {
  
	background-color:#16145f;
}



.nav li.open > a:hover {
     color:#fff;
	background-color:#16145f;
	text-decoration:none;
}

.nav a:hover, .nav li.hover > a {
    background-color:#16145f;
     text-decoration:none;
	  color:#000;
}



.nav a:hover, .nav li.hover > a {
   background-color:#16145f;
    color: #000;
	text-decoration:none;
}

.nav a:hover, .nav li .active > a {
   background-color:#16145f;
    color: #f5f5f5;
}

.nav > li.hover > a  {
  background-color:#16145f;
}


/* links child */
.nav li a {
    font-size: 12px;
    line-height: 18px;
    padding: 2px 10px;
	 text-decoration:none;
	  color:#000;
}



/* links principais sem child */
.nav > li > a {
    font-size: 14px;
    line-height: 14px;
    padding: 4px 10px;
	
	color: #000;
	
}



.nav > ul.hover > a {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
	  background-color:#16145f;
	  text-decoration:none;
	      color: #000;

	
}
#main {
  margin: 0px 0;
  position: relative;
  overflow:hidden;
}


/**
 * Grid container
 */
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
  
}

/**
 * Grid items
 */
#tiles li {
  width: 340px;
  background-color: #ffffff;
  	font-family: 'roboto';
	-webkit-font-smoothing: antialiased;
 float:left; 
 padding:20px;
 margin-left:auto;
 margin-right:auto;
  cursor: pointer;
 
 

}


#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
  
}

#tiles .imagemcarta{
width:295px;	
}

#tiles li img {
  display: block;
}



#tiles li .stamp {
 min-heigth:20px;
 max-height:20px;
 font-weight:300;
 color:#666;
}

/**
 * Grid item text
 */
#tiles li .cardtitulo {
  color: #666;
  font-size: 15px;
  line-height: 20px;
  text-align: justify;
  font-weight: 200;
  margin: 7px 0 2px 0px;
  color:#000;
  font-weight:400;
  max-height:85px;
  min-height:85px;
  
  
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

footer {
  text-align: center;

}

footer a {
  color: #435DC5;
  text-decoration: none;
}

/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
  background-color: #0BC20B;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
  -webkit-transition: width 0.3s ease-out;
     -moz-transition: width 0.3s ease-out;
       -o-transition: width 0.3s ease-out;
          transition: width 0.3s ease-out;
}

/**
 * Placerholder css
 */

.example-tiles {
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

.example-tiles li {
  display: block;
  opacity: 1;
  list-style-type: none;
  float: left;
  margin: 5px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.example-tiles a,
.example-tiles a:hover {
  color: #555;
  background-color: #eee;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  height: 200px;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  padding: 5px 8px;
  border-radius: 3px;
}

.example-tiles a:hover {
  background-color: #ddd;
}




}


p {
line-height:19px;
}