/* CSS Document */
  @font-face {
    font-family: BreeSerif;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/BreeSerif-R.otf);
}
  @font-face {
    font-family: BreeSerifLight;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/BreeSerif-L.otf);
}
body{
    font-size: 14px;
}

*{
    margin: 0px;
    padding: 0px;
}
*{
    box-sizing: border-box;
}
/* Barra da prefeitura */
.barra_prefeitura{
  background-color: #34558c;
  border-top: 4px solid #3E66A3;
  border-bottom: 2px solid #CCC;
  padding: 8px 0;
  display: block;
  box-shadow: 0 1px 2px 2px rgba(0,0,0,0.5);
  position: relative;
  z-index: 13;
}
.pull-right.article-index {
    margin-left: 20px;
}
a:hover{
  text-decoration: none;
  color:black;
}

h1{
    margin-bottom: 20px;
    /*50px = 3.571em*/
    font-size: 3.571em; 
    text-decoration: none;
}
h2{
    /*30px = 2.143em*/
    font-size: 2.143em;
}

h1 a.titulo{
  text-align: center;
  /*50px = 3.571em*/
  font-size: 3.571em;
}

h1,h2, h3, h4, h5, a,p,li {
    font-family: BreeSerif;
}

/* .pg-ext * {
    font-family: Arial, Helvetica, sans-serif !important;
} */

#menu_topo h1,#menu_topo h2,#menu_topo h3, .img_servico h1, .img_servico h2{
    text-shadow: 1px 1px #000;
}
a{
  color:#000;
}

/* Menu Topo */ 
.links{
    margin-top: 3.571em;
    float: right;
}
.links img{
    width: 35%;
}
#cssmenu{
    display: inline-block;
}
#opacidade{
    background-color: rgba(0,0,0, 0.7);
    width: 100%;
    height: 8.571em;
}

#opacidade h1{
    color: #2A5BA1;
    /*55px = 3.929em*/
    font-size: 3.929em;
}

#opacidade h2{
    color: white;
    /*30px = 1.875em*/
    font-size: 1.875em;
}
.veja_mais{
    color: #ddd;
    border-color: #ddd;
    font-size: 14px;
    padding: 8px 29px;
    margin-top: 23px;
}

.veja_mais:hover{
    border-color: #2A5BA1;
    color: #fff;
    transition: all .4s;
}
#logo_casacivil{
    width: 20%;
}

#menu_topo li a:focus {
    background: transparent;
    transition: all .4s;
}


#menu_topo {
    border: none;
    width: auto;
    background: #FFF;
    width: 100% !important; 
    height: 406px !important;
    background-image: url('../img/bg_menu-quem-somos.jpg'); 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: cover;
}

#menu_topo li a {
    padding-left: 0px;
    color:#ddd;
    /*50px = 3.571em*/
    padding: 3.571em 0.5em;
    font-size: 1em;
    transition: all .4s;
}

#menu_topo li > a:hover,
#menu_topo ul li:hover > a {
    text-decoration: none;
    background-color: rgba(0,0,0, 0.2);
    padding: 3.571em 0.5em;
    color: #2A5BA1;
    transition: all .4s;
}

#menu_topo li:hover li a {
    background: none;
    transition: all .4s;
}


#menu_topo li ul a {
    display: block;
    height: 30px;
    font-style: normal;
    margin: 0px;
    padding: 1px 6px 0px 6px;
    text-align: left;
}



/* Menu Topo Fim */



/* Menu Vertical  */


#verticalNav{
    display: block;

}
#opacidade_vertical{
    background-color: rgba(0,0,0, 0.5);
    width: 100%;
    height: 8.571em;
}

#opacidade_vertical h1{
    color: #2A5BA1;
    /*55px = 3.929em*/
    font-size: 3.929em;
}

#opacidade_vertical h2{
    color: white;
    /*30px = 1.875em*/
    font-size: 1.875em;
}



#menu_vertical li a:focus {
    background: transparent;
}

#menu_vertical {
    border: none;
    width: auto;
    background: #FFF;
    width: 100% !important; 
    height: 100% !important;
    /*background-image: url('../img/bg-topo.png'); */
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: cover;
}

#menu_vertical li a {
    padding-left: 0px;
    color:#ddd;
    /*50px = 3.571em*/
    padding: 3.571em 0.5em;
    font-size: 1em;
}

#menu_vertical li > a:hover,
#menu_vertical ul li:hover > a {
    text-decoration: none;
    background-color: rgba(0,0,0, 0.3);
    padding: 3.571em 0.5em;
    color: #2A5BA1;
}

#menu_vertical li:hover li a {
    background: none;
}
#menu_vertical li ul a {
    display: block;
    height: 15px;
    font-style: normal;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}



.artigos_menuVertical {
    width: 50%;
    display: block;
    float:right;
    clear:both;
    position:relative;
}

#verticalNav li{
    display:block !important;
}

/* Menu Vertical Fim */

/*Serviços */
.img_servico{
    height: 450px;
    background-image: url(../img/bg-servicos.png);
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: cover;
    color: white;
    font-family: BreeSerif-Regular;
    padding-top: 50px;
  }

.img_servico p{
    margin: 0px;
    color: #000;
    font-size: 0.929em;

}
.img_servico h2{
    color: white;
}

.img_servico h3 a{
    color: white;
    display: inline-block;
    /*22px*/
    font-size: 1.111em;
}
.img_servico h3{
    font-size: 18px;
    margin: 18px 0px 4px;
    width: 180px;
    display: table;
    padding-left: 10px;
}

.img_servico img{
    display: inline-block;
}

.img_servico .row section{
    /*133px*/
    height: 9.571em;
}
#leia_mais{
    text-decoration: underline;
    float: left;
    padding-left: 10px;
}
#leia_mais a{
    color: #eee;
    font-family: BreeSerifLight;
}


/*Noticias*/

.img_noticias{
    width: 100%;
    height: 450px;
    background-image: url(../img/bg-noticias.png);
    color: white;
    font-family: BreeSerif-Regular;
    background-position-y: -128px;
    background-size: initial;
}

.img_noticias h2{
    color: #0071BC;
    text-shadow: 0px 0px;
    margin: 25px 0px;
}

.ver_todas{
    color: #2A5BA1;
    text-align: center;
    text-decoration: underline;
}
.ver_todas:hover{
    color:#0071BC;
}
#ver_todas{
    margin: 35px 0px;
}

.img_noticias .gn_static_1

/* Rodapé */
.rodape a{
    margin: 0px -2px
}

/* Rodapé Fim */

/* Modulos */

/* Pagina interna */

.conteudo-interno{
  margin-right: 20px !important;
  margin-bottom: 20px;
  margin-top: 7px;
  border-radius: 5px;
}

.conteudo-interno h1 a {
    color: black;
    float:none;
    font-family: BreeSerif;
}

.conteudo-interno p, .conteudo-interno li,
.frase-home p{
  color: #000;  
  font-family: BreeSerifLight;
}

.conteudo-interno a{
  color: #103B68;  
  font-family: BreeSerifLight;
}

.conteudo-interno ul{
  list-style:disc outside none;
}

.conteudo-interno .icons{
    display: none
}

.conteudo-interno .page-header h1{
    display: none;
}
.page-header{

  margin-top: 10px;
  text-align: center;
  font-size: 20px;
  font-family: BreeSerif;
}

.identificador_secao{
  border-bottom: none;
}

div.article-info.muted {
    display: none;
}

ul.dropdown-menu {
    display: none;
}

/* Fale Conosco */
.img_footer{
    background-color: #444;
}
.img_footer h3{
    font-family: BreeSerifLight;
}
.img_footer h3, .img_footer p, .img_footer a{
    text-shadow: 0px 0px;
    color: #fff;
    margin:0px;
}
.img_footer p, .img_footer a{
    font-family: BreeSerifLight;
    font-size: 1.143em;
} 
.img_footer img{
    width: 38px;
}
.img_footer input, .img_footer textarea{
    margin: 7px 44px;
    padding-left: 7px;
}

.fale_conosco textarea {
    height: 100px;
}

#mapaSite {
    list-style: none;
    margin: 0;
}
#mapaSite ul {
    padding-left: 0;
    margin-top: 10px;

}
#mapaSite ul > li {
    display: block; 
}
#mapaSite a {
    border-bottom: 1px solid #0071BC;
    color: #FFF;
    display: block;
    margin: 0;
    padding: 4px 0;
}
#mapaSite a:hover{
    color: #0071BC;
    background-color: transparent;
}
#fale-conosco{
    margin-bottom: 10px;
}

input.btn {
    float: right;
    height: 32px;
    font-weight: bold;
    border: 1px solid #777;
}
input::placeholder, textarea::placeholder{
    color: #0071BC;
}

textarea {
    /* overflow: auto; */
    height: 100px !important;
}

/* Notícias */
.noticia2 {
    border: 0px solid #CCCCCC;
    padding: 10px;
    width: 306px;
    height: 315px;
    overflow: hidden;
    margin-bottom: 2px;
}
.noticia a {
    text-decoration: none;
}
.noticia a:hover {
  text-decoration: underline;
}

.nome {
    color: #0F2767;
    font-size: 21px;
    font-weight: bold;
}

.noticia .titulo h2{
  color: white;
  font-size: 25px;
  padding-top: 35px;

}

.noticia p{
  color:#103B68;
  font-family: BreeSerif;
}

.leia-mais a{
    background-color: #AFB1B4;
    color: white;
    font-weight: bold;
    padding: 3px 6px;
}
.ver_mais{
    text-align: center;

}
.ver_mais a{
    background-color: #103B68;
    color:#FFF;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 15px;
    box-shadow: 3px 3px 6px #888;
}

.button-hover a:hover{
    color: white !important;
}
.button-hover:hover{
    margin: 0px 4px;
}


.gn_static_1{
  float: left !important;
  width: 304px !important;
  background-color: #2A5BA1 !important;
  margin:7px;
  padding: 50px 20px !important;
}

.gn_header_1 {
  display: none;
}

.img_noticias .gn_static_1 a{
    color: white;
    font-size: 27px;
}
    
/*PAGINA INTERNA NOTICIAS*/
.moduletable li{
    list-style: none !important;
    padding: 3px;
}
.moduletable h3{
    display: none;
}
.moduletable .mod-articles-category-date {
    float: left;
    font-family: BreeSerif;
}
.moduletable  .mod-articles-category-title {
    
}




.noticia {
    max-height: 300px;
    list-style: none;
    float: left;
}
p.data_noticia {
    color: #103B68;
    font-family: BreeSerifLight;
    display: inline;
    float: left;
    font-size: 1.111em;
    vertical-align: middle;
}

span.btn > a {
    color: #103B68;
    display: inline;
    font-size: 1.111em;
    font-family: BreeSerif;
}
div.noticia br {
    display: none;
}

p.data_noticia {
    display: inline;
    padding-top: 7px;
}
.conteudo-interno .container_12 .grid_4{
  width: auto;
}



/* PAGINAÇÂO */
.pagination ul > li > a, .pagination ul > li > span {
    display: inline-block;
    float: left;
    font-size: 13px;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #DFE2EB;
    border: 1px solid #5A5656;
    border-left-width: 0;
}

.pagination ul > li {
    display: inline;
}
.conteudo-interno ul {
    list-style: disc outside none;
}
div.content-category p.counter.pull-right {
    display: none;
}
div.pagination {
    display: inline-block;
    left: 30%;
    position: relative;
    border-radius: 4px;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-left-width: 1px;
}
li.pagination-end a.hasTooltip.pagenav, li.pagination-end span.pagenav {
    border-radius: 0px 4px 4px 0px;
}
/*PAGINAÇÃO FIM */


/* PAGINA INTERNA NOTICIAS FIM */

li.next , li.previous{
    text-align: center;
  display: none;
  font-weight: bold;
}

div.content-category p.counter.pull-right {
    display:none;
}

/* Fim Notícias */

.clearfix{
  margin-left: -25px;
}

input.button {
    position: relative;
    float: right;
    height: 28px;
    top: 3px;
    right: 15px;
}

.item-page div p, .item-page div li,
.frase-home p{
  font-size: 1.286em;
  /*margin: 0px 0px 20px !important; */
  list-style: initial;
    list-style-position: inside;
}

.item-page div ol li {
    list-style-type: lower-alpha;
  padding-left: 30px;
}

.jg_element_gal{
  padding-left:15px;
}

.barra_prefeitura {
    background-color: #34558c;
    border-top: 4px solid #3E66A3;
    border-bottom: 3px solid #CCC;
    padding: 8px 0;
    display: block;
    position: relative;
    z-index: 13;
}

/* responsividade */
.navbar-default .navbar-toggle {
    background-color: #ddd !important;
    padding: 11px 12px;
    margin-top: 28px
}
.navbar-default {
  background-color: transparent;
}

#mapaSite ul ul {
    display: none;
}



/*MEDIA QUERYS*/
@media screen and (min-width: 768px) {

    body{
        font-size: 10px !important;
    }

    #cssmenu{
        float: none;
    }

    .img_noticias {
        height: 645px;
        background-size: cover;
    }


}

@media screen and (min-width: 992px) {

    body{
        font-size: 13px !important;
    }

    #cssmenu{
        float: none;
    }

    .img_noticias{
        height: 450px;
        background-size: initial;
    }

}


@media screen and (min-width: 1200px) {

    body{
        font-size:14px !important;
    }

    #cssmenu{
        float: none;
    }

}

/*MENU RESPONSIVO */
a#menuToggler { color: #FFF; text-decoration: none; }
a:hover, a:focus { color: #000; text-decoration: none; }


/* the visibility toggler */
#menuToggler { display: none; }

/* our menu (Typical horizontal menu) */
ul.menu { margin: 0; }

  /* second level */
  ul.menu ul { left: -9999em; opacity: 0; position: absolute; /*300px*/width: 21.429em; background:rgba(0,0,0, 0.7); margin: 0; padding: 0; top: 40px; }
  ul.menu ul ul { background: rgba(0,0,0, 0.7); }

  ul.menu > li { display: inline-block; vertical-align: middle; position: relative; /* top level links only in order to avoid overriding */ }
  ul.menu > li > a { display: inline-block; vertical-align: middle; padding: 0px 10px; }
  ul.menu > li > a:hover,
  ul.menu > li:hover > a { background: #e6e6e6; }

  /* setting the visibility */
  ul.menu > li:hover > ul { 
    opacity: 1;
    top: 120px;
    z-index: 9;
    left: 0;
    background-color: rgba(0,0,0, 0.7);
    font-size: 1em; 
  }
#menu_topo li ul li > a{
    text-decoration: none;
    background-color: rgba(0,0,0, 0.3);
    padding: 1.571em 0.5em;
}
#menu_topo li ul li:hover > a {
    padding: 1.571em 0.5em;
    color: #2A5BA1;
}
ul.menu ul ul{
  width: 10.286em;
  
}
ul.menu ul ul a{
  text-align: center;
}
small, .small{
  font-size: 100% !important;
}


  ul.menu > li > ul > li:hover ul { opacity: 1; top: 0px; /*300px */left: -10.271em; }

/* second and third level */
ul.menu ul > li { display: block; padding: 5px 0px; position: relative;}
ul.menu ul > li a { display: block; padding: 15px 15px; }
ul.menu ul > li a:hover,
ul.menu ul > li:hover a { background: #bfbfbf; }
ul.menu ul ul li a:hover { background: #a6a6a6; }

@media screen and (max-width: 768px) {
    
    body{
        font-size: 12px !important;
    }
    
    .img_noticias{
        height: auto !important; 
    }

    .img_servico {
        height: auto !important;
    }

    #cssmenu, .veja_mais{
        float: right;
    }
    #logo_casacivil{
        width: 131px;
        margin-top: -3px;
        margin-left: 20px;
        z-index: 9999;
    }
    .banner{
        /*background-position: -317px 0px !important;*/
    }

    #opacidade h1, #opacidade h2{
        text-align: right;
    }

    .img_servico{
        height:670px;
    }

    .img_noticias{
        height: 900px;
        background-size: cover;
    }
    #mapaSite{
       
    }
/*    .globalnews{
        margin: 0 auto !important;
        width: 89%;
    }*/
/*    .orca-menu {
        height: 220px !important;
    }*/

    #opacidade{
            background-color: rgba(0,0,0, 0.0);
    }
    .navbar-default{
        padding: 0px;
    }
}






@media screen and (max-width:700px){

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#333}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff;}
#cssmenu a,#cssmenu a:hover {padding:17px !important;}
ul.menu > li:hover > ul {top:0px;}
ul.menu ul > li {
    padding: 5px 10px;
}
ul.menu ul ul > li {
    padding: 5px 20px;
}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}


.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:25px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

.frase-home{
    padding-top: 60px;
    font-size: 18px;
}




/* * Lightbox */ 
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:black;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  /* height:200px; */
  display:none;
  z-index:9999;
  /* padding:20px; */
}
 
#boxes #dialog2 {
  /* background:#FFF;  */
  width:800px;
  position:absolute;
  left:50%!important;
  top:50%!important;
  margin-top:-250px;
  margin-left:-400px;
}

#boxes #dialog2 h1{
  text-align:center;
  color:rgb(223, 120, 31);
  margin:0;
  margin-top:10px;
}

#boxes #dialog2 a.link-form{
  width:100%;
  height:100%;
  display:block;
}

#boxes #dialog2 button{
  margin-top:20px;
}

#boxes #dialog2 p{
  margin-top:20px;
  text-align:center;
  font-weight:normal;
}
 
.close{display:block; text-align:right;}

#dialog2 .close{
    position: absolute;
    right: 10px;
    top: 10px;
    opacity:1 !important;
}

.modal {
    top: 20%;
}

.modal-dialog{
        width: 537px!important;
}

/* Social */
.s2s_supra_contenedor .social2s_credits {
    font-size: 9px;
    display: none;
}

.s2s_supra_contenedor{
  display:inline-block;
}

.s2s_supra_contenedor i{
      color: #FFF;
    font-size:20px;
}

.s2s_wapp .btn{
  background: #1865AC!important;
  color:#FFF!important;
}

.s2s_wapp .btn:hover{
  color: #FFF!important;
  background: #114C82!important;
  text-decoration:none;
}

.blog .s2s_supra_contenedor{
  display:none;
}

.s2s_wapp .wapp_link{
  background:#34a641!important;
}

/* Salvador Social */
#mapaSite a {
    border-bottom: 1px solid #336bb7;
    color: #fff;
    font-size: 14px;
    padding: 9px 0;
}

#mapaSite .active{
    background-color: rgb(51, 107, 183);
}

.principal a{
    font-size: 14px;
    font-weight: 300;
}
#mapaSite a:hover {
    border-bottom: 1px solid #fff;
    color: #fff;
    background-color: #336bb7;
}
.orca-menu{
    background-color:#2A5BA1;
    height: 90%;
    padding: 0px;
}
.principal:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.principal {
    display: inline-block;
}

.miolo{
   width: 100%;
   margin:auto;
}
.miolo .topo{
    height:220px;
    background-color:#1875ba;
    position:relative;
}
.miolo .titulo_topo
 {
    position:absolute; 
    top: 103px;
    left: 256px;
    font-family:arial;
    color:white;
    font-style:bold;
    font-size:25px;
}
.miolo .menu li{
    /*background-color: #286090;*/
}
.miolo .ano
 {
    position:absolute; 
    top: 76px;
left: 823px;
    font-family:arial;
    color:white;
    font-style:bold;
    font-size:45px;
}
.miolo .menu{
    height:40px;
    padding-top: 2px;
    padding-bottom:  2px;

}
.miolo .menu table{
    width:100%;
    text-align: center;
    height: 40px;
}

.miolo .menu table td{
    border:1px solid #9cd5ff;
    font-size: 12px;
    font-weight: bold;
    color:#fff;
    cursor: pointer;
}
.miolo .menu table td:hover{
    background-color:#4169E1;

}
.miolo .menu table td a{
    color:#fff;
}



.miolo .principal{
    min-height:525px;
    /*background-color:#69BAE4;*/
}
.miolo .principal .imagens{
    float:left;
    width:409px;
    min-height:520px;
    background-color:#89bdcc;
    overflow: hidden;
}
.miolo .principal .conteudo{

    float:left;
    width:100%;
    background-color:#fff;
    font-size:12px;
    text-align: center;
    padding-top: 20px;
    padding-left:30px;
}

.miolo .principal .conteudo ul{
    color:#000;
    font-weight: bold;
}

.miolo .principal .conteudo ul li{
    /*margin-bottom: 25px;*/
    margin-bottom: 15px;
    text-align: left;
}
.miolo .principal .conteudo ul li a{
    color:#506c74;
}

.displayNone{
    display:none!important;
}

.nav>li>a:focus{
    background:initial;
}

#covid{

    background-image: url(../img/banner-covid.png);
    background-size: cover;
    height: 117px;
}