body.abertura:before {
    content: "";
    position: absolute;
    /* background-image: url(../pag/img/abert_vermelho.jpg); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

body.apresentacao-unidade:before {
    content: "";
    background: url(../pag/img/apresentacao_unidade.jpg) no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    background-position: bottom center;
    background-repeat: repeat-x;
    position: fixed;    
}

.row.cards > div:nth-child(1) .card-cap .bg {
    background-image: url(../pag/img/card-bg03.jpg);
    background-repeat: no-repeat;
}
.row.cards > div:nth-child(2) .card-cap .bg {
    background-image: url(../pag/img/card-bg02.jpg);
}
.row.cards > div:nth-child(3) .card-cap .bg {
    background-image: url(../pag/img/card-bg03.jpg);

}
.row.cards > div:nth-child(4) .card-cap .bg {
    background-image: url(../pag/img/card-bg04.jpg);
}

/*----------------------------------------------*/




/*--------------------- DIV EXPANSÍVEL -----------------*/

.verde .expande-vertical .cont {
    border-color: #e63973;
}

.verde .expande-vertical .cont .imagem-link:hover:after {
    background-color: rgba(0,112,186,0.1);
}

/*--------------------- APARECE LATERAL -----------------*/

.verde .aparece-lateral .cont {
    border-color: #83C1EA;
}

.verde .aparece-lateral .cont .descricao {
    background-color: rgba(30, 66, 90, 0.8);
}

/*--------------- flip-horizontal ----------------------*/

.verde .flip-horizontal .back {
    background-color: #fff0f2;
}


.padding20 {
	padding: 20px 0 20px 0 !important;
}

.border1 {
	border: 1px solid #83C1EA;
}

#tela1-2-2 .expande-vertical .cont.clicado .descricao {
    height: 270px;
}
@media (min-width: 1200px)  {
    #tela1-2-2 .expande-vertical .cont.clicado .descricao {
        height: 180px;
    }    
}

@media screen and (max-width: 767px) {
    #tela1-2-2 .expande-vertical .cont.clicado .descricao {
        height: auto;
    }
    div.navbar-collapse {
    background-color: #4fb286;
    }  

}



/*------------------ APARECE FADE -----------------*/

#tela-2-3-6.fadeIn {
    margin-bottom: 0;
    height: auto !important;
}

#tela-2-3-6.aparece-fade .descricao,
#tela-2-3-6.fadeIn .descricao {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 50px;
}

@media (max-width: 1024px)  {
     #tela-2-3-6.fadeIn .descricao {
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 30px;
        font-size: 12px;
    }
    #tela-2-3-6.fadeIn h2 {
        font-size: 18px;
        margin: 10px 0;
    }
}

@media (max-width: 992px)  {
    #tela-2-3-6.fadeIn .descricao {
        padding-top: 20px;
    }
}
@media (max-width: 980px)  {
    #tela-2-3-6.fadeIn .descricao {
        padding-left: 12%;
        padding-right: 12%;
        padding-top: 40px;
        font-size: 14px;
    }
    #tela-2-3-6.fadeIn h2 {
        font-size: 22px;
        margin: 20px 0;
    }
}
@media (max-width: 600px)  {
    #tela-2-3-6.fadeIn .descricao {

        padding-top: 40px;
    }
}
@media (max-width: 480px)  {

    #tela-2-3-6.fadeIn {
        margin-bottom: 20px;
    }
    #tela-2-3-6.fadeIn .descricao {
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 30px;
        font-size: 11px;
    }
    #tela-2-3-6.fadeIn h2 {
        font-size: 18px;
        margin: 10px 0;
    }

}
/*--------------------------------------------------*/

span.hipertexto > img {
    margin: 0 auto;
    display: block;
}

.imgChamaBox {
	cursor: pointer;
}



/*-------------------- ANIMAÇÃO SVG ------------------------------*/

.aparece {    
	opacity: 0;
    transform: translateX(-20px);
	transition: all .3s ease;
	display: none;
}

.aparece.in {
	opacity: 1;
    transform: translateX(0px);
	display: block;
}

svg g.grupo {
    cursor: pointer;
}

svg .aparece a {
    cursor: pointer;
}


svg g tspan.hipertexto_modal {
    cursor: pointer;
}


g .topicos {
	font-weight: bold;
	}

/*-------------------- ESTILO - FONTE ------------------------------*/

/*opensans_bold {
	font-weight: bold;
	}*/
	
	
.opensans_italic{
	font-style: italic;
	}
	
.opensans_bold_italic {
	font-weight: bold;
	font-style: italic;
}


/*-------- SEM BORDA ------------*/
.noBorder {
	border:0px !important;	
}

/*--------- PILLS IMG ------------*/

.pills.pills-img .nav-pills {
    margin-bottom: 5px;
}

.pills.pills-img .nav.nav-pills > li > a {
    border: 0px solid #83C1EA;
    background-color: transparent;
    margin: 0;  
    padding: 0;
}

.pills.pills-img .nav.nav-pills > li > a > img {
    width: 50%;
    /*transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transform-origin: bottom;*/
}

.pills.pills-img .nav.nav-pills > li.visited {
    opacity: .5;
}

.pills.pills-img .nav-pills > li.active {
    background-color: #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
	transform: translate(0px, -10px);
	-webkit-transform: translate(0px, -10px);
}

.pills.pills-img .nav-pills > li:hover {
    transform: translate(0px, -10px);
	-webkit-transform: translate(0px, -10px);
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}

.pills.pills-img .tab-content .texto-tab {
    border: 1px dashed #e05d73 !important;
}


/*-------- CARROSSEL NOVO MODELO ---------------*/
.verde .carousel.novoModelo {
    background-color: transparent;
	border: 0px;
}

.carousel-indicators .active {
    background-color: rgb(251, 200, 217);
    border-color: #E63973;
}

.carousel.novoModelo .carousel-indicators {
    background-color: transparent;
    border-top: 1px solid #d6d6d6;
    bottom: 0;
    left: 30%;
    margin-bottom: 0;
    width: 100%;
	height: 0px;
}

.carousel.novoModelo .carousel-caption {
    position: absolute;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel.novoModelo .conteudo > div:last-child {
    padding-left: 0px;
}

.verde .carousel.novoModelo .caixa-carrossel > div {
    background-color: #FFFFFF;
    padding: 15px;
    border: 2px solid #E63973;
}

.caixa-carrossel div > *:last-child, .caixa-carrossel div > *:last-child p {
    margin-bottom: 0px;
}

@media screen and (max-width: 980px) {
	.carousel.novoModelo .conteudo div:last-child.caixa-carrossel {
    	padding-left: 15px;
	}
}

@media screen and (max-width: 980px){
	.carousel.novoModelo .conteudo .img-car, .carousel.novoModelo .conteudo .ico-cont  {
    	padding-left: 15px;
	}
	
	.carousel.novoModelo .conteudo div:last-child.infoSVG, .carousel.novoModelo .conteudo div:last-child.icones.simulacao {
		padding-left: 5px;
	}
		
}
@media screen and (max-width: 640px) {
    .carousel.novoModelo .conteudo .img-car  {
        padding-left: 0px;
    }
    
}
@media screen and (max-width: 980px) {
	.carousel .conteudo div:last-child {
		padding-left: 5px;
	}
}


/*--------------- HIPERTEXTO TSPAM -----------------*/
.verde .container a:link, .container a:visited, .container a:hover, .container tspan.hipertexto_modal, .container tspan.hipertexto_external {
	text-decoration:underline;	
}



/*------------ CAIXAS - 2.2.4 --------------*/
.verde .caixa-azul > div {
    padding: 15px;
    border: 2px solid #2457a0;
}

.verde .caixa-cinza > div {
    padding: 15px;
    border: 2px solid #7a7a7a;
}

.verde .caixa-verde > div {
    padding: 15px;
    border: 2px solid #3d7f2a;
}

/* --- DESTAQUE CADEADO 1_3_14 ----- */

.caixa-destaque-cadeado {
    background-color: #f1f9ff;
    border: 1px solid #abd1f1;
}

/* 2_2_16 */

.verde > li.intranet > a {
	border: 0;
}

.tab-content .texto-tab.intranet {
    padding: 20px;
    border: 0 !important;
}

.verde .nav.nav-pills > li.extranet > a {
	border: 0;
}

.tab-content .texto-tab.extranet {
    padding: 20px;
    border: 0 !important;
}


.verde > li.intranet.active > a, li.intranet.active > a:hover,  li.intranet.active > a:focus {
    background-color: #ededed;
    text-decoration: underline;
	color: #e63973;
	border: 2px dashed #99CC66;
}

.verde li.extranet.active > a, li.extranet.active > a:hover, li.extranet.active > a:focus {
    background-color: #ededed;
    text-decoration: underline;
	color: #e63973;
	border: 2px solid #0099CC;
}

.caixa2_2_16 ul.nav-stacked {
    padding-left: 0;
}
.caixa2_2_16 ul li:before {
    content: "";
    top: 0;
    padding-right: 0;
}
.caixa2_2_16 ul li > a {
     display: block;
     text-align: center;
}
/*.caixa2_2_16 ul li > a.unselected {
    border: 2px solid #FFF;
}
*/

.caixa-intranet {
    background-color: #FFFFFF;
    padding: 15px;
    border: 2px dashed #99CC66;
}

.caixa-extranet {
    background-color: #FFFFFF;
    padding: 15px;
    border: 2px solid #0099CC;
}


#tela-2-2-11,
#tela-2-2-15 {
    z-index: inherit;
}


/* FULL POPOVER CSS FOR ALL POPOVERS */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #0070ba;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #0070ba;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  color: #fff;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #0070ba;
  border-bottom: 1px solid #0070ba;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #0070ba;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #0070ba;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #0070ba;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #0070ba;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #0070ba;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #0070ba;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #0070ba;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #0070ba;
}




/* COLOCAR NO CSS DO FRAMEWORK SE FOR APROVADO */
.abertura-topico label,
.encerramento-topico label {
	display: none;
}

.abertura-topico h1,
.encerramento-topico h1 {
	margin-top: 30px;
}