﻿@charset "utf-8";
/* CSS Document */
input,textarea{
    width:100%;
    display:block;
    color:#eee;
    max-height:200px;
    max-width:550px;
}

body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.container2 {	
}

#imgLogo{
    margin-top:-10px;
}
.sub-menu {
	width:25%; 
	float:left; 
	padding:0px ; 
	margin:0px;
}

.bannerInterno{
   width:100%;
   height:100%;
   padding-top:100px;
}
.navbar-fixed-top{
    border-bottom-color:#888;
}
.teste {
	background-color:#000000 !important;
}
.bg-menu {
	background-color:white;
    height:100px;
}
.texteira_ajuste{
    margin-left:10%;
}
padding-0 {
	margin:20px 0px 0px 0px !important;
}
.padding-20{
   padding-top:20px !important;
}
.fixo {
	overflow:hidden;	
}
.navbar-header {
	min-height: 80px;
}
.button-Mn {
	padding-top: 15px;
    padding-left:25px;
	padding-bottom: 10px;
	font-weight:bold;
    color:#cd9934;
}
.button-Mn-First {
	padding-top: 15px;
    padding-left:80px;
	padding-bottom: 10px;
	font-weight:bold;
    color:#cd9934;
}
.backgroundFundo{
    background-image:url("Imagens/bg_testeira.jpg");
    height:100%; 
    width:100%; 
    background-size:100% 100%;
    background-repeat:no-repeat; 
    margin:0px 0px ;
}
.rowRodapeDireitos{
   padding-top:35px;
}
.backgroundTotal{
    width:100%; 
    height:auto;
    background-image:url();
    background-size:100% 100%;
    background-repeat:no-repeat;
}
.logoDyarTexteira{
}
.texto_testeira{
    text-align:left;
}
.texto_rodape_direitos{
	text-align:right;
    margin-left:40px;
    font-size:x-small;
    color:black;
}
.bloco_texto_rodape{
	padding-top:15px;
    font-size:x-small;
}
.texto_rodape_first{
    color:black;
}
.texto_rodape{
    margin-top:-10px;
     color:black;
}
.imagem_rodape{
   padding-top:10px;
   padding-bottom:10px;
}
.imagem_sociais_rodape_first{
    margin-top:-5px;
    text-align:right;
}
.imagem_sociais_rodape{

    margin-top:-5px;
    margin-left:-20px;
}
@media(max-width:767px)
{
    .historiaContainer{
        margin-top:120px;
    }

   .bannerInterno{
   width:100%;
   height:100%;
   padding-top:0px;
   margin-top:150px;
}
    input,textarea{
    width:100%;
    display:block;
    max-height:150px;
    max-width:260px;
}

    .logoDyarTexteira{
    width:50%;
    text-align:center
}
    .rowRodapeDireitos{
        padding-top:10px;
    }
    .backgroundTotal{
    width:100%; 
    height:auto;
    background-image:url();
    background-size:100% 100%;
    background-repeat:no-repeat;
}
    .texto_testeira{
    text-align:center;
    margin-top:30px;
}
    .imagem_sociais_rodape_first{
    margin-top:0px;
    text-align:left;
    margin-left:23.5%;
     margin-bottom:10px;
}
.imagem_sociais_rodape{
    margin-top:0px;
    margin-left:0px;
    margin-bottom:10px;
}
    .texto_rodape_direitos{
	text-align:left;
    margin-left:0px;
    font-size:x-small;
    color:black;
} 
    .logoDyarTexteira{
         width:100%;
    }
    .blocoTesteira{
         padding-top:80px;
    }
     .texto_rodape {
        text-align: center;
        padding-top: 0px;
        margin-left:0px;
        padding-left: 0px;
    }
    .texto_rodape_first{
    text-align:center;
}
    .imagem_rodape {
        margin-top:10px;
      text-align:center;
    }
}


.color-branco {
	color:#FFFFFF;
}
.navbar-header {
	margin-top:10px !important;
	margin-left:20px !important;
}
.color-cinza a{
		color:#131313 !important;
}
.color-cinza {
		color:#131313 !important;
}
.navbar-inverse .navbar-nav>li>a {
		color:#cd9934 !important;
	}
.float-left {
	float:left;	
}
.font15 {
	font-size:15px;
	font-weight:bold;
}
@media (max-width:1090px) {
	.nav>li>a {
		padding: 10px 5px !important;
		font-size:12px;
	}
	#imgLogo {
		max-width:180px !important;
		width:180px !important;
	}
	.acesso_restrito {
		visibility:hidden;
	}
}
@media (max-width: 767px) {
	.bg-menu {
		background-color:white;
		height:105px;
	}
     	#imgLogo {
		max-width:130px !important;
		width:130px !important;
	}
	.acesso_restrito {
		visibility:visible;
	}
	.navbar-collapse {
		background: black;
	}
	.button-Mn {
		padding-top: 5px;
		padding-bottom: 5px;
	}
    .navbar-inverse .navbar-nav > li > a {
        color: #cd9934 !important;
    }
    .navbar-inverse .navbar-nav > li > a:hover {
        color: white !important;
        transition: all .5s;
    }	
}
@media (max-width:767px) {
    .carousel {
        padding-top:165px;
    }
     .carousel-control
     {
         padding-top:165px;
     }
}
.col-lg-10{
    margin-left:0px;
}

.menuItensSmall{
    content:url();
}
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}
.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:1;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;

}
.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#eee;
background-color:rgba(0,0,0,0.8);
filter:alpha(opacity=0);
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
margin:130px 0 0;
padding:10px 14px;
opacity:1;
}
.hovereffect a.info:hover 
     {
          box-shadow: 0 0 40px 1px black;
     }
@media(max-width:767px) {
    .hovereffect a.info
     {
        margin: 125px 0 0;
     }
}


@import url(http://fonts.googleapis.com/css?family=Hind:400,300,500,600,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);

#cssmenu {
  height: 100px;
  width: auto;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  display: block;
  width: 100%;
  z-index: 500;
  height: 40px;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family:Arial, sans-serif, Futura Bk BT, Calibri, Helvetica, sans-serif;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  font-weight: normal;
  padding: 6px 20px;
  height:81px;
  margin-right:25px;
  color: #e5b325;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 22px;
  margin-top:20px;
  
}
#cssmenu > ul > li:hover > a {
  color: #bb921b;
}
#cssmenu li.has-sub::after {
  display: block;
  content: "";
  top: 40px;
  position: absolute;
  width: 0;
  height: 0;
  
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  border: 5px solid transparent;
  border-top-color: #68543b;
  display:none;
  
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;

}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  background-color:transparent;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: transparent;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: transparent;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
background-color:#FFFFFF;
  position: absolute;
  left: -9999px;
  top: 140px;
  opacity: 0;
  box-shadow:0px 0px 15px 1px #706e6e;
  -webkit-transition: opacity .6s ease, top .25s ease;
  -moz-transition: opacity .6s ease, top .25s ease;
  -ms-transition: opacity .6s ease, top .25s ease;
  -o-transition: opacity .6s ease, top .25s ease;
  transition: opacity .6s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 101px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 100%;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size:14px;
	/*font-family:'Roboto Slab';*/
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #f2f2f2;
  color: #000;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}




/*#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}*/
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 

  #cssmenu {
    width: auto;
	
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
	
  }
  #cssmenu ul {
    width: auto;
	
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
	height:30px;
	
  }
  #cssmenu > ul > li {
    float: none;
	
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
	background-color:none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
	background-color:none;
  }
  #cssmenu ul .has-sub::after {
    display: none;
	
  }
  #cssmenu ul li a {
    padding: 12px 20px;
	width:300px;
	
  }

  #cssmenu ul ul li a {
    border: 0;
    width: auto;
	background-color:none;
	color:#FFFFFF;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
	
  }
  #cssmenu ul ul li:hover > a {
   background-color:none;
    color: #edd900;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
	
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 7px;
    width: 22px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right: 20px;
    top: 25px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    right: 20px;
    top: 5px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
  
}

.nov-Text-img{
    margin-left:0%;
    text-align:left;
}
.p-nov-titulo{
    text-align:left;
    font-size:small;
    font-weight:900;
}
.p-nov-texto{
    margin-top:-2%;
    text-align:left;
 
    font-size:small;
}
.p-nov-leia{
    margin-top:-4%;
}
.a-nov-leia{
    text-decoration:none;
    color:#e5b347;
    font-size:10px;
}
.nov-selo{
    margin-bottom:10px;
}

.titulo-solicite{
    font-weight:900;
    color:#565454;
    font-size:large;
    padding-bottom:20px;
    padding-top:0px;
}

@media(max-width:767px)
{
    .nov-selo{
    margin-top:20px;
    margin-bottom:10px;
}

.nov-Text-img{
    margin-left:0%;
    text-align:left;
}
.p-nov-titulo{
    margin-top:10px;
    font-size:small;
    font-weight:900;
}
.p-nov-texto{
    margin-top:0%;
    font-size:small;
}
.p-nov-leia{
    margin-top:0%;
}
.a-nov-leia{
    text-decoration:none;
    color:#e5b347;
    font-size:10px;
}
.titulo-solicite{
    margin-top:20px;
}

}


.menu-superior {
	margin: auto; 
	height: 30px; 
	text-align: right;
}

@media (max-width:767px){
	.menu-superior{width:100%}
}

@media (min-width:768px){
	.menu-superior{width:750px}
}

@media (min-width:992px){
	.menu-superior{width:970px}
}

@media (min-width:1200px){
	.menu-superior{width:1170px}
}

.menu-superior-item {
	float:right; 
	margin:15px 10px;
    font-weight:bold;
    color:#02649a;
}


.menu-superior-icone-instragram a {
	float:right; 
	margin:15px 10px;
}

.menu-superior-icone-instragram a img {
    content: url('imagens/instagram_icone_CE_16.png');
}


.menu-superior-icone-instragram a img:hover {
    content: url('imagens/instagrambranco_icone_CE_16.png');
}


.menu-superior-icone-flicker a {
	float:right; 
	margin:15px 10px;
}

.menu-superior-icone-flicker a img {
    content: url('imagens/flickr_icone_CE_16.png');
}


.menu-superior-icone-flicker a img:hover {
    content: url('imagens/flickrbranco_icone_CE_16.png');
}



.menu-superior-icone-issu a {
	float:right; 
	margin:15px 10px;
}

.menu-superior-icone-issu a img {
    content: url('imagens/issuuc_icone_CE_16.png');
}


.menu-superior-icone-issu a img:hover {
    content: url('imagens/issuubranco_icone_CE_16.png');
}



.menu-superior-item a{
	color:#02649a;
}

.menu-superior-item a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.menu-superior-item a:active{
	color:#FFFFFF;
	text-decoration:none;
}

.menu-superior-item a:focus{
	color:#FFFFFF;
	text-decoration:none;
}

.menu-superior-tel {
	float:right; 
    font-weight:bold;
	margin:7px 10px;
	padding-left:20px;
    color:#02649a;
}

.menu-superior-numero{
	font-size:24px; 
	font-weight:bold;
    color:#02649a;
}

@media (max-width:767px) {

    .menu-superior {
        margin: auto;
        text-align: right;
    }

    .menu-superior-item {
        margin: 19px 5px;
        font-size: 11px;
    }

        .menu-superior-item a:hover {
            color: #FFFFFF;
        }

        .menu-superior-item a:active {
            color: #FFFFFF;
        }

    .menu-superior-tel {
        margin: 11px 5px;
        padding-left: 10px;
    }

    .menu-superior-numero {
        font-size: 18px;
        font-weight: bold;
    }
}


#botaorestrito{
    background-color:#808080;
    height:30px !important;
    width:210px;
    color:white;
    border-color:transparent;

}

#botaorestrito:hover{

    background-color:#575454;

}

#botaorestritousuario{

    background-color:#e5b347;
    height:30px !important;
    width:210px;
    font-weight:bold;
    color:black;
    border-color:transparent;

}

#botaorestritousuario:hover{

    background-color:#cd9934;

}

#Entrar{
   background-color:#808080;
   margin-top:-10px;
   width:190px;
}

#Entrar:hover{

    background-color:#575454;
}

#Sair
{
   background-color:black;
   margin-left:10px;
   color:#e5b347;
   border-color:transparent;
   width:190px;
}

#Sair:hover{
    background-color:#282828;
}
.texto-submenu2{

    font-size:10px;
    font-weight:600;
    color:#575454;
}

.texto-submenu2:hover{
    color:#e5b347;
}

.linkIntena{
    text-align:left;
}

@media (max-width:767px) {
    .linkIntena {
        text-align: center;
    }
}


    


