body{
	margin: 0px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;		
	background: #000;	
	height: 73%;
}

.bg_video{
	position: fixed; 
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	z-index: -1000;
	/*  background: url(../resources/imagens/site/slider_img/bk3.jpg) no-repeat; */
	background-size: cover; 
}

div.container {
	display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
	flex-flow: column wrap;

	-moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    -webkit-justify-content: space-around;
	justify-content: space-around;	

	padding: 0;
	margin: 0;
	list-style: none;
}

header{
	display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

	-moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
	flex-flow: column wrap;

	-moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    -webkit-justify-content: flex-start;
	justify-content: flex-start;

	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;

    background-color: rgba(255, 255, 255, 0.8);
}

.content{
    display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;

	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;
}

.content1{
	display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;
	
	 -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;

	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;
	/*background: url(../img/bgslideshow.jpg) 0 0 repeat-x;*/	        
    text-align: center;
    background: rgba(0, 0, 0, 0.5);    
    /* padding: 0 11% 0% 11%;	 */    
}

.content2{
    display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;	
	
	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;

    background-color: rgb(1, 49, 98);
    border-top: 1px solid rgba(0, 0, 0, 0.5); 
    padding: 0.2% 9% 0.5% 9%;
    
}

.divLogo{
	position: relative;
    min-height: 1px;    
}

.divNomeOrgao{
	position: relative;
    min-height: 1px;    
    margin-top:15px;
    padding-left: 75px;    
}

.nomeOrgao {
    color: #444444;
    text-align: left;
    letter-spacing: -1.50px;
    font-size: 22px;
    font-weight: bold;
    line-height: 23px;        
}

.divContent1{
    display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

	-moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;

	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;

	margin: 10px 0px 100px 0px;
}

.divContent2{

    display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

	-moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	
	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;

	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;
			
	padding: 10px;	
	margin: 10px 20px;	
	text-align: justify;		
	/*max-width: 285px;	*/
	width: 285px;
}

.nomeTitulo{
	margin: 0;
	padding: 7vh 0 0 0;    
    color: #FFF;
    text-align: center;
    letter-spacing: -1.50px;
    font-size: 50px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.3);
    background: rgba(0, 0, 0, 0.5);  
    border-top: 1px solid rgba(255, 255, 255, 0.5); 
}

.nomeMenuSetc{
	color: #FFF;
    text-align: center;
    letter-spacing: 0px;
    font-size: 25px;
    font-weight: bold;
    line-height: 26px;	
}


.nomeMenu{
    color: #FFF;
    text-align: center;
    letter-spacing: 0px;
    font-size: 25px;
    font-weight: bold;
    line-height: 26px;		
    text-shadow: 0 0 10px rgba(255,255,255,0.5);
}

.nomeMenu2{
	margin-top: 10px;
}

#content1 .fa{
	text-shadow: 0 0 10px rgba(0,0,0,.5);
}

footer {
    color: white;
    background-color: #48546e;
    clear: left;
    text-align: center;
}

.divBackIcon{
	display: -ms-flexbox;
    display: -moz-flexbox;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;

	-moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;

	-moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
	align-content: center;

	-moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    -webkit-align-items: flex-start;
	align-items: flex-start;

	margin: 25px 0px 25px 0px;
	padding: 2%;
	font-size: 100px;	
	color: #FFF;
	width: 205px;
}

.divBackIcon2{
    font-size: 47px;
    margin-top: 38px;
}

.seta{
	margin: 0px 0px 0px 130px; 		
}

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

#indexHeader{
	background-color: rgb(1, 49, 98, 0.9);
	height: 115px;
}


.divisorMenu{
	display: flex;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	margin-top: 3.2vh;
	margin-left: 0.2vw;
	width:  85vw;
	height: 4px;
	border-radius: 4px;
	background-color: rgb(1, 49, 98, 0.7);
	
}

/*EFEITO MENU DE �CONES +====================================================================================================================================================================*/	
/*
.fx-menu-icon {
    position:relative;
    width:300px;
    height:200px;
    overflow:hidden;
    float:left;
    margin-right:20px;    	
}*/
.fx-menu-icon figure {
/*    margin:0;
    padding:0;*/
    position:relative;
    cursor:pointer;
    margin:-50px
}
.fx-menu-icon figure div {
	display:block;	
    position:relative;
    z-index:10;    
}
.fx-menu-icon figure div:link, .fx-menu-icon figure div:visited {
	text-decoration: none;
	}
.fx-menu-icon figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.fx-menu-icon figure p {
    display:block;    
    font-size:14px;
    line-height:18px;
    margin:0;
    color:#fff;
    text-align:center; 

    display: -ms-flexbox;
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -o-flex;
    display: flex;

    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;  

}
.fx-menu-icon figure figcaption {
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -o-flex;
    display: flex;

    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;  


	/*top:0;*/
    left:0;
    width:215px;
    height:215px;
    padding: 20px;
    margin: 9px;
    background-color:#333333;
    text-align:center;
    backface-visibility:hidden;
    
    -moz-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    -o-transform:rotateY(-180deg);
    -webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg);

	-moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    -webkit-transition:all .5s;
	transition:all .5s;

    border-radius: 20px;
}

.fx-menu-icon figure div {
	backface-visibility:hidden;
	-moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    -webkit-transition:all .5s;
	transition:all .5s;
}
.fx-menu-icon figure:hover div,figure.hover div {
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
}
.fx-menu-icon figure:hover figcaption,figure.hover figcaption {
	-moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    -webkit-transform:rotateY(0);
	transform:rotateY(0);
}

/*SLIDE +========================================================================================================================================================================================*/

.crossfade > figure {
  animation: imageAnimation 100s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;  
  color: transparent;
  height: 140%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
  margin: 0px;    
}

.crossfade > figure:nth-child(1) {
	background-image: url(../resources/imagens/site/slider_img/bk1.jpg);
}

.crossfade > figure:nth-child(2) {
  animation-delay: 20s;
  background-image: url(../resources/imagens/site/slider_img/bk3.jpg);
}

.crossfade > figure:nth-child(3) {
  animation-delay: 40s;
  background-image: url(../resources/imagens/site/slider_img/bk4.jpg);
}

.crossfade > figure:nth-child(4) {
  animation-delay: 60s;
  background-image: url(../resources/imagens/site/slider_img/bk2.jpg);
}

.crossfade > figure:nth-child(5) {
  animation-delay: 80s;
  background-image: url(../resources/imagens/site/slider_img/bk5.jpg);
}

.crossfade > figure:nth-child(6) {
  animation-delay: 100s;
  background-image: url(../resources/imagens/site/slider_img/bk7.jpg);
}


@keyframes 
imageAnimation {  0% {
	 animation-timing-function: ease-in;
	 opacity: 0;
	}
	 8% {
	 animation-timing-function: ease-out;
	 opacity: 1;
	}
	 17% {
	 opacity: 1
	}
	 25% {
	 opacity: 0
	}
	 100% {
	 opacity: 0
	}
}

/*MOBILE CSS =====================================================================================================================================================================================*/
@media screen and (max-width: 768px) { 

	header{				
		padding: 1.4% 16% 1.4% 16%;
	}

	.nomeTitulo{
		font-size: 35px;
		line-height: 90%;
		margin: 0px;		
	}

	.divNomeOrgao{
		margin-top: 0;
		padding-left: 0;    
	}

	.nomeOrgao {		
		text-align: center;		
		font-size: 19px;
	}

	.content{
		padding: 0.3% 3% 0.3% 3%;
	}

	.divContent1{
		margin: 0px;
	}

	.divBackIcon{
		margin: 0 3% !important;
		font-size: 75px;	
		width: 110px;
		height: auto;			
	}

	.divBackIcon2{
		font-size: 38px;	
		margin-top: 0px !important;		
	}

	.seta{
		margin: 0px 0px 0px 98px; 
	}

	.nomeMenu{
	    letter-spacing: 0px;
    	font-size: 18px;
    	line-height: 95%;		
   	}

	.crossfade > figure {
		height: 150%;  
	}
	
	/*EFEITO MENU DE �CONES +====================================================================================================================================================================*/	
	
	.fx-menu-icon figure p {
	    font-size:0px;
	    line-height:0px;
	    margin:0;
	}
	.fx-menu-icon figure figcaption {
	    width:0px;
	    height:0px;
	    padding: 0px;
   		margin: 0px;
	}
}




/*prime faces select one menu*/
/* Container for the select */
.ui-selectonemenu {
    background-image: none !important;
    background-color: white !important;
    border-radius: 0.2em !important;
    border: 1px solid #c0c0c0 !important;
    box-shadow: none !important;
    margin-right: 1vw;
    margin-top: .5em;
    height: 35px;
    min-width: 3vw;
    color: #333;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    background-color: #fff !important;
    border-color: #005397 !important;
    border: none;
    background-image: none !important;
    border-radius: 0;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    border: none !important;
}
.ui-selectonemenu-items-wrapper {
    min-height: 350px !important;
    max-height: 600px;
    overflow-x: hidden;
    padding-right: 1em;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    border: 0 none;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    white-space: nowrap;
}
.ui-selectonemenu-panel .ui-selectonemenu-item {
    font-weight: normal;
    cursor: pointer;
}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    overflow: auto;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  text-decoration: none;
  background-color: #0088cc;
  background-color: #0081c2;
  background-position: 0px;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}