@font-face
     {
          /*font-family: 'SunSans-Regular';
          src: url('../Content/fonts/Susr_.ttf');*/
     }

header {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZWJmNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZTdlYmY1IiBzdG9wLW9wYWNpdHk9IjAuMDEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZWJmNSIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(231,235,245,0) 0%, rgba(231,235,245,0.01) 1%, rgba(231,235,245,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,235,245,0)), color-stop(1%,rgba(231,235,245,0.01)), color-stop(100%,rgba(231,235,245,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(231,235,245,0) 0%,rgba(231,235,245,0.01) 1%,rgba(231,235,245,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(231,235,245,0) 0%,rgba(231,235,245,0.01) 1%,rgba(231,235,245,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(231,235,245,0) 0%,rgba(231,235,245,0.01) 1%,rgba(231,235,245,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(231,235,245,0) 0%,rgba(231,235,245,0.01) 1%,rgba(231,235,245,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e7ebf5', endColorstr='#a6e7ebf5',GradientType=0 ); /* IE6-8 */

}

.comunicado-bg {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZWJmNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZTdlYmY1IiBzdG9wLW9wYWNpdHk9IjAuMDEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZWJmNSIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(231,235,245,0) 0%, rgba(231,235,245,0.01) 1%, rgba(231,235,245,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,235,245,0)), color-stop(1%,rgba(231,235,245,0.01)), color-stop(100%,rgba(231,235,245,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(231,235,245,0) 0%,rgba(231,235,245,0.01) 1%,rgba(231,235,245,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(231,235,245,0) 0%,rgba(231,235,245,0.01) 1%,rgba(231,235,245,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(231,235,245,0) 0%,rgba(231,235,245,0.01) 1%,rgba(231,235,245,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(231,235,245,0) 0%,rgba(231,235,245,0.01) 1%,rgba(231,235,245,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e7ebf5', endColorstr='#a6e7ebf5',GradientType=0 ); /* IE6-8 */

}
html {
    height: 100%;
    width:100%;
}

body {
    /*font-family: SunSans-Regular;*/
    font-size:13px;
    padding: 0;
    height: 100%;
     width:100%;
}

h1 {
    font-weight: 200;
    font-size: 20px;
    letter-spacing: -1px;
    color: #225378;
}

    h1 span {
        color: #12808e;
    }

.imgLogo {
    padding-top: 14px;
    width:auto;
    height: 112px;
}

#social {
    margin-bottom:5px;
}

.iconAR {
        width:30px; 
                margin-left:-10px;
        margin-top:-5px;
    }

.icon-titulo {
    width: 24px;
    margin-right: 5px;
    margin-top: -3px;

}
    .icon-titulo i {
        margin-right: 9px;
    }

    .icon-titulo span {
      background-color: #337AB7;
      color: #fff;
      padding: 7px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }


.mais-noticias {
    background:#fff;
  border: 1px solid #ececec;
  padding: 7px;
  border-radius: 14px;
  width: 50%;
  text-align:center;
  margin-bottom: -16px;
  position: absolute;
  margin-top: -17px;
  font-size:12px;
  font-weight:bold;
}

.titulo-galeria {
 position: relative;
  top: -43px;
  background:#00a3c6;
  padding: 4px;
  opacity: 0.8;
  filter: alpha(opacity=70);
  color: #fff;
  border-radius: 7px;
  font-size: 11px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
/* CAROUSEL ACESSO RAPIDO ----------------------------------------------------------------------- */


.banner_carrosel {
    position: relative;
    width: 101px;
    float: left;
    color: #1695A3;
    text-align: center;
    line-height: 14px;
   font-size: 12px;
}
.headerTab {
    margin-bottom: -3px;

}

    .headerTab ul li img {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }


.tabbable .tab-content .divicon{
    text-align: center;
    padding-left: 4px;
    /*background: #E4E4E4;*/
    }

    .tabbable .tab-content .divicon h6 {
        font-size:11px;
    }

 .tabbable .tab-content div a img{
   width:55%;
    }

 .tabbable .tab-content div a{
    color:#fff;
    background: #7b7b7b;
    display: inline-block;
    border-radius: 6px;
    font-size: 10px;
    height: 90px;
    line-height: 13px;
    width: 90px;
    padding: 0px;
   margin-top: 6px;
    }

  .tabbable .tab-content div a:hover{
      background: #00a3c6;
    }



    .headerTab .container, .headerTab .navbar-static-top .container, .headerTab .navbar-fixed-top .container, .headerTab .navbar-fixed-bottom .container {
        width: 100%;
    }


#CarouselAcessoRapido, #CarouselServicos {
    margin-bottom: 0px;
}

#CarouselServicos .carousel-inner ul {
    margin:0;
    margin: 0px 0 10px 0px;
}

#CarouselServicos .carousel-inner ul > li > a > img {
  width:80px;
    filter: alpha(opacity=70);
    opacity: .7;

}
#CarouselServicos .carousel-inner ul > li > a > img:hover {
  width:80px;
    filter: alpha(opacity=50);
    opacity: 100;

}
#CarouselServicos .carousel-inner ul > li > a:hover {
   background:none;

}




/* CABECALHO ----------------------------------------------------------------------- */
.tituloorgao {

}
.tituloorgao p {
    font-size:14px;
}
    .linhaTopo {
        height: 30px;
        background: #006c95;
        border-bottom: Solid 5px #49CCEC;
        width:100%;
    }

.mainTopo {
        height: 163px;
        margin-bottom:10px;
    }

        .mainTopo .logo {
            width: 192px;
            float: left;
            height: 100%;
            margin-left: 10px;
        }

        .mainTopo .ribbonArea {
            width: 672px;
            float: right;
                            margin-right:10px;
        }

            .mainTopo .ribbonArea .webmail {
                margin-top: -5px;
                float: right;
                width: 500px;
                background: #006c95;
                height: 35px;
                color: #fff;
                -webkit-border-bottom-right-radius: 6px;
                -webkit-border-bottom-left-radius: 6px;
                -moz-border-radius-bottomright: 6px;
                -moz-border-radius-bottomleft: 6px;
                border-bottom-right-radius: 6px;
                border-bottom-left-radius: 6px;
            }

                .mainTopo .ribbonArea .webmail .webmailLogin {
                    margin-top: 5px;
                    width: 340px;
                    float: left;
                    vertical-align: central;
                }

              .mainTopo .ribbonArea .webmail .ribbon {
                    padding-top: 4px;
                    background: #225378;
                    width: 135px;
                    float: right;
                    height: 22px;
                    text-align: center;
                    -webkit-border-bottom-right-radius: 6px;
                    -webkit-border-bottom-left-radius: 6px;
                    -moz-border-radius-bottomright: 6px;
                    -moz-border-radius-bottomleft: 6px;
                    border-bottom-right-radius: 6px;
                    border-bottom-left-radius: 6px;
                    color: #fff;
                    /*font-weight: bold;*/
                    padding-bottom: 4px;
                }

              .mainTopo .ribbonArea .webmail .ribbon a {
                        color: #fff;
                    }

       .mainTopo .ribbonArea .linkTopo {
                display: table;
                clear: both;
                width: 100%;
                text-align: right;
                color: #EB7F00;
                font-weight: bold;
                font-size: 0.9em;
            }

/* CORPO ----------------------------------------------------------------------- */

a {
    color: #006c95;
    text-decoration: none;
}

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

    a:visited {
     
        text-decoration: none;
    }

#tudo {
    /*min-height: 100%;*/
    position: relative;
    /*background-color:#eee;*/
}

#body {
    background-color:#fff;
    min-height: 100%;
    padding-bottom: 40px;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f4fa+1,f2f4fa+24&0.84+0,0+24 */
background: -moz-linear-gradient(top,  rgba(242,244,250,0.84) 0%, rgba(242,244,250,0.81) 1%, rgba(242,244,250,0) 12%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,244,250,0.84) 0%,rgba(242,244,250,0.81) 1%,rgba(242,244,250,0) 12%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,244,250,0.84) 0%,rgba(242,244,250,0.81) 1%,rgba(242,244,250,0) 12%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f2f4fa', endColorstr='#00f2f4fa',GradientType=0 ); /* IE6-9 */



margin-top:10px;
}

    #body  {
      
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        min-height: 100%;
    }

    
.area-infor-home {
    text-align: left;
    background: #f5f5f5;
    border: 1px solid #E6E5E5;
}

.area-infor, .area-servicos {
    text-align: left;
    font-size: 13px;
    line-height: 24px;
   border: solid 1px #e6e6e6;
}
.area-infor {
    padding: 1px 10px 14px 36px;
}
.area-servicos {
    background:#f5f5f5;
    padding: 6px;
    padding-bottom:28px;
}


.item-servico{
    background: #ccc;
    min-height: 117px;
    border: solid 3px #f5f5f5;
    padding: 0;

}
    .item-servico:hover {
        cursor:pointer;
        background:#e8e8e8;

    }

    
.area-infor.hab h2 {
    margin-left: -17px;
    color: #0075D8 !important;
}

.area-infor.vei h2 {
    margin-left: -17px;
    color: #D62028 !important;
}

.area-infor.inf h2 {
    margin-left: -17px;
    color: #FCB812 !important;
}

.area-infor.hab {
    list-style-image: url('../imagens/site/list-style.png');
}

.area-infor.vei{
    list-style-image: url('../imagens/site/list-style-red.png');
}

.area-infor.inf {
    list-style-image: url('../img/site/list-style-yellow.png');
}


    .area-infor h5, .area-servicos h5 {
    border-bottom: solid 2px #12808e;
    width: 99%;
    padding-bottom: 1px;
    font-size: 14px;
    margin-bottom: 0px;
    margin-left: 4px;
    font-weight: bold;
    color: #12808e;
    }

    .item-servico .titulo {
    font-size: 14px;

    color: #0a6b91;
    padding: 0;
    margin-top: -3px;
    letter-spacing: -1px;

    }
.item-servico .imagem {
         margin-top: 5px;
}

    .item-servico img {

        width:50px;
    }

    .item-servico .legenda {
    line-height: 10px;
    font-size: 9px;
    padding-left: 4px;
    padding-right: 4px;
    color: #000;

    }

    #body .informacoes {
        width: 160px;
    }

            #body  .corpo .conteudo {
                text-align: justify;
            }

        #body  .corpo .conteudo .form {
            font-size: 0.9em;
        }

         .conteudo #ServicosOnline a:visited {
            color: #fff;
        }

        #body  .corpo .conteudo .noticiasTicker a:visited {
            color: #1695A3;
           
        }

        #body  .corpo .conteudo .subtitulo {
            font-size: 20px;
            color: #006c95;
            font-weight:600;
            line-height:29px;
        }

        #body  .corpo .conteudo p {
            margin-bottom: 15px;
        }
        #body  .corpo .hora {

            margin-top:24px;
        }

        #body  .corpo .hora .AMais {
            font-size: 10px;
            color: #225378;
            font-weight: bold;
            border: 1px solid #cccccc;
            padding: 3px;
            background: #fff;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
        }

        #body .corpo  .hora .AMenos {
            font-size: 10px;
            color: #225378;
            font-weight: bold;
            border: 1px solid #cccccc;
            padding: 3px;
            background: #fff;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
        }
         #body  .corpo .hora .ARest {
            font-size: 10px;
            color: #225378;
            font-weight: bold;
            border: 1px solid #cccccc;
            padding: 3px;
            background: #fff;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
        }
        
        .AMais {
            font-size: 10px;
            color: #225378;
            font-weight: bold;
            border: 1px solid #cccccc;
            padding: 3px;
            background: #fff;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
        }

        .AMenos {
            font-size: 10px;
            color: #225378;
            font-weight: bold;
            border: 1px solid #cccccc;
            padding: 3px;
            background: #fff;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
        }
         .ARest {
            font-size: 10px;
            color: #225378;
            font-weight: bold;
            border: 1px solid #cccccc;
            padding: 3px;
            background: #fff;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
        }

        #body  .corpo .conteudo .ultimasnoticias {
            clear: both;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border: #ECECEC solid 1px;
            padding:23px 5px 10px 5px;
            font-size:12px;

            line-height:15px;
        }


        #body  .corpo .conteudo .form label {
            font-size: 0.9em;
            font-weight: bold;
        }

        #body  .corpo .conteudo .pagination a:visited {
            color: #1695A3;
            text-decoration: none;
        }


        #body .corpo .conteudo h1 {
            font-weight: 200;
            font-size: 22px;
            height: 25px;
            letter-spacing: 0px;
            color: #225378;
            margin-bottom: 10px;
            display: table;
            width: 100%;

        }

        #body  .corpo .conteudo h2 {
            font-weight: 200;
            font-size: 20px;
            height: 20px;
            color: #416e90;
            margin-bottom: 10px;
            display: table;
            width: 100%;
        }

            #body  .corpo .conteudo h2 a {
                color: #006c95;
                text-decoration: none;
            }

                #body  .corpo .conteudo h2 a:visited {
                    color: #006c95;
                    text-decoration: none;
                }

        #body  .corpo .conteudo h3 {
            font-weight: 200;
            font-size: 17px;
            height: 17px;
            color: rgb(107, 141, 173);
            margin-bottom: 10px;
            display: table;
            width: 100%;
        }

            #body  .corpo .conteudo h3 a {
                color: #1695A3;
                text-decoration: none;
            }

                #body  .corpo .conteudo h3 a:visited {
                    color: #1695A3;
                    text-decoration: none;
                }


        #body  .corpo .conteudo h2 span {
            font-weight: 500;
            color: #1695A3;
        }

#body .noticiasTicker{
         padding-top: 10px;
    }


    #body .newsticker a:visited {
        color: #1695A3;
    }

      #body .newsticker li {
       list-style:none;
       margin-bottom:25px;
       margin-left:-30px;
    }


     #body  .corpo .conteudo #bodyeducacao{
           position:absolute;
           margin-top:30px;
           list-style:none;
           margin-left:30px;
     }
     #body  .corpo .conteudo #bodyeducacao a {
            color:#fff;
        }
        #body  .corpo .conteudo #bodyeducacao a:hover {
            color:#49CCEC;
        }
.areaAcessoRapido {
    text-align: center;
    background: #00a3c6;
    margin-left: -10px;
    margin-top: 15px;
    padding: 10px;
    padding-right:5px;
    margin-right: -1px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    list-style: none;
}

    .areaAcessoRapido li a {
        text-decoration: none;
        margin-bottom: 12px;
        width: 100%;
        height: 22px;
        background: #F5F5F5;
        color: #006C95;
        font-size: 12px;
        line-height: 22px;
        text-align: left;
        border: medium none;
        border-top-left-radius: 5px 5px;
        border-top-right-radius: 5px 5px;
        border-bottom-left-radius: 5px 5px;
        border-bottom-right-radius: 5px 5px;
        display: block;
        cursor: pointer;

    }
.areaAcessoRapido li a:hover {
            background: #006c95;
            color: #fff;
        }

#body  .corpo .conteudo .boxMaisNoticias {
            float: right;
            position: relative;
            width:40%;
            padding-left: 15px;
            padding-bottom: 10px;
        }
        
        .boxMaisNoticias {
            float: right;
            position: relative;
            width:40%;
            padding-left: 15px;
            padding-bottom: 10px;
        }

 #body  .corpo .conteudo .boxMaisNoticias img {
      padding-bottom: 5px;
}

.boxMaisNoticias img {
      padding-bottom: 5px;
}


.home-img-botao {
    color:#006c95;
    text-align:center;

}

.dados-destaque h5 {
    font-weight:bold;
    font-size: 16px;
}
.dados-destaque span {
    color:#006C95;
     text-align:justify;
     line-height: 17px;
     font-size:12px;
}

#nav-sociais li a {
    font-size:16px;
    background-color:#F5F5F5;
    border-radius:4px; 
    color:#454545;
}


#nav-sociais li a:hover {
    background-color:#ddd;
}


#nav-sociais li.active > a {
    background-color:#F0AD4E;
    color:#fff;
}
 /*li.active > li a:hover {

     background-color:#ccc;
}

 li.active > #nav-social-a:hover{

     background-color:#ccc;
}*/

/* FOOTER ----------------------------------------------------------------------- */

#footer {
    /*position: absolute;*/
    bottom: 0;
    min-height: 100px;
    width: 100%;
    clear: both;
    overflow: auto;
    font-size: 11px;
    border-top: Solid 4px #ddd;
    display:table;
    padding-top:20px;
    background:#f5f5f5;
    line-height: 18px;
}

#footer .about {
  background: #ddd;
  width: 100%;
  text-align: center;
  padding-top: 8px;
  color: #000;
}

#footer  ul {
  padding-left: 0;
  list-style-type:none;
}
#sliderIn {
    margin-top: 10px;
  margin-bottom: 10px;
  background: #000;
}

#footer .container > div > li{

    text-decoration:none;
    list-style:none;
}

#footer .container > div > li>a{
    font-size:14px;
    font-weight:bold;

}

/*#myCarousel_Noticias {
    width: 638px;
}*/

#sliderBanner {
    background: #fff;
}


.espacoTopo {
    padding-top: 0px;
    margin-bottom: -10px;
}

.tituloServicosOnline {
    background: #FFF;
    color: #225378;
    border: solid 1px #E3E3E3;
    font-weight: bold;
    position: relative;
    top: -20px;
    padding-top: 4px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.btn-vejamais {
  font-size: 12px;
  color: #fff;
  background-color: #f0ad4e;
  padding: 5px;
  border-radius: 4px 4px 0 0;
  padding: 6px;
}

.btn-vejamais:hover {
         background-color: #00a3c6;
         color:#fff;
    }

/* Sobrescrita de CSS do Bootstrap para customiza��o site DETRAN MA */


/* =============================== MENU TOPO ================================================*/

#menu {

        text-align: center;
    padding-left: 15px;
    /* border-bottom: Solid 2px #49CCEC; */
    position: absolute;
    margin-top: -25px;
}
 #menu a:hover {
        opacity:0.9;
        filter: alpha(opacity=90);
    }


 #menu #pai0 {
        background: #0075D8;
    }

#menu #pai1 {
    background:#000;

    }
#menu #pai2 {
    background:#D62028;

    }
#menu #pai3 {
    background:#FCB812;

    }
#menu #pai4 {
    background:#67AC44;

    }

#menu #pai5 {
    background:#67AC44;

    }

#menu .dropdown > a {
   font-size: 16px;
    width: 145px;
    color: #fff;
    /* margin-left: 2px; */
    padding: 8px 0 5px 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;

    }

#menu .dropdown {
        margin-right:12px;
    }
.nav > li > a {

      background-color: #f5f5f5;

}

.dropdown-menu > li > a {
  text-align:left;
  font-size:14px;
}
    .dropdown-menu > li a:hover {
        color:#fff;
    }

/*.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #3d9bbf;
  color:#fff;
}*/
.nav .dropdown-toggle .caret {
  margin-left: 6px;
  border-top-color: #fff;
  border-bottom-color: #fff;
}



.nav-pills .dropdown-menu {
  position: absolute;
  top: 90%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;

  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.nav-pills .dropdown-menu a:hover {
    background:#3d9bbf;
}


/* =============================== FIM MENU TOPO ================================================*/


.alert-error {
    color: #225378;
    background-color: #8ac0e9;
    border-color: rgb(122,163,202);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}


.informacoes .table td {
    padding: 8px;
    line-height: 8px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table th {
    font-weight: bold;
    color: #225378;
    /*font-size:16px;*/
}


.informacoes .table {
    width: 100%;
    margin-bottom: 0px;
    font-size: 13px;
}

    .informacoes .table td {
        padding-left: 10px;
    }


.itemMenu {
    font-size: 16px;
}





    /*carousel topo*/


.carousel-caption {

    background: #000000;
    position: absolute;
    margin-bottom: -21px;
    padding: 3px;
    left: 0;
    right: 0;
    opacity: 0.8;


}

.carousel-indicators {
    position: absolute;
  margin-bottom: 50px;
}


#myCarousel_Noticias .carousel-inner .item {
    width: 100%;
   height: 300px;
   overflow-y:hidden;
}

#myCarousel_Banner .item {
    width: 100%;
   
}



#myCarousel_Banner .carousel-indicators {
    /*position: absolute;
    top: 285px;*/
    left: 0px;
    z-index: 5;
    margin: 0;
    list-style: none;
        bottom: 2px;
}

    #myCarousel_Banner .carousel-indicators .active {
        background-color: #225378;
 
    }

    #myCarousel_Banner .carousel-indicators li {
        display: block;
        float: left;
        width: 12px;
        height: 10px;
        margin-left: 5px;
        text-indent: -999px;
        background-color: #ccc;
        border-radius: 1px;
    }

#myCarousel_Banner :focus
{
	outline:none;
}

.carousel.fade {
    opacity: 1;
}

    .carousel.fade .item {
        -moz-transition: opacity ease-in-out .8s;
        -o-transition: opacity ease-in-out .8s;
        -webkit-transition: opacity ease-in-out .8s;
        transition: opacity ease-in-out .8s;
        left: 0 !important;
        opacity: 0;
        top: 0;
        position: absolute;
        width: 100%;
        display: block !important;
        z-index: 1;
    }

        .carousel.fade .item:first-child {
            top: auto;
            position: relative;
        }

        .carousel.fade .item.active {
            opacity: 1;
            -moz-transition: opacity ease-in-out .8s;
            -o-transition: opacity ease-in-out .8s;
            -webkit-transition: opacity ease-in-out .8s;
            transition: opacity ease-in-out .8s;
            z-index: 2;
        }
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    color: #ffffff;
        border-radius: 0;
   /*border-bottom-left-radius:0px;
   border-bottom-right-radius:0px;*/
}

.setaDown {
    padding: 5px 30px;
    background-image: url('../img/site/seta_down.png');
    background-repeat: no-repeat;
    background-position: 10px 8px;
}

.setaUp {
    display: block;
    padding: 5px 30px;
    background-image: url('../img/site/seta.png');
    background-repeat: no-repeat;
    background-position: 10px 8px;
}

/*ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;    
}*/





/* =============================== MENU ACCORDION ================================================*/

#MenuAccordion {
    margin: 0;
    padding: 0;
    /*margin-top: 15px;*/
    margin-left: 5px
}

    #MenuAccordion ul {
        padding: 0;
        margin: 0 0 0 25px;
    }


.accordion-heading {
    background: rgb(106,165,216); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhYTVkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(106,165,216,1) 0%, rgba(0,107,149,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,165,216,1)), color-stop(100%,rgba(0,107,149,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(106,165,216,1) 0%,rgba(0,107,149,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(106,165,216,1) 0%,rgba(0,107,149,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(106,165,216,1) 0%,rgba(0,107,149,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(106,165,216,1) 0%,rgba(0,107,149,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aa5d8', endColorstr='#006b95',GradientType=0 ); /* IE6-8 */
    color: #fff;
    font-size:16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.accordion-body li {
    background: rgb(0,107,149); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmI5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,107,149,1) 0%, rgba(0,107,149,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,107,149,1)), color-stop(100%,rgba(0,107,149,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,107,149,1) 0%,rgba(0,107,149,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,107,149,1) 0%,rgba(0,107,149,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,107,149,1) 0%,rgba(0,107,149,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,107,149,1) 0%,rgba(0,107,149,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b95', endColorstr='#006b95',GradientType=0 ); /* IE6-8 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 ); /* IE6-8 */
    border-top: solid 1px rgb(122,163,202);
    margin-left: -25px;
    padding: 5px;
    list-style: none;
}

.accordion-heading a {
    color: #fff !important;
}

.accordion-body li:hover {
    background: #416e90;
}

.accordion-body li a {
    color: #d1d1d1;
}

    .accordion-body li a:hover {
        color: #fff;
    }


.accordion-inner {
    padding: 0;
    border-top: none;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 6px 10px;
}



.accordion-group {
    margin-bottom: 1px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


.media-body {
    font-size:12px;
}
.media-body h4 {
font-size:14px;
color: #337AB7;
}

hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

.page-header {
    padding-bottom: 0;
       margin: -3px 0 10px;
    border-bottom: 1px solid #eee;
}
.page-header h1 {
    font-size:20px;
}

.breadcrumb {
    background-color: transparent;
    margin-bottom: 20px;
        padding-bottom: 0;
        padding-left: 0;

}

#menu-credenciados{
  list-style-image: url('../img/site/list-style.png');
font-size: 15px;
    line-height: 30px;
    padding: 12px 10px 14px 36px;

}

.area-home {
    background:#f5f5f5;
}
.area-home span {
       color: #225378;
       font-size:20px;
  
    }
.area-titulo {
        background:#E0E0E0;
        padding: 3px 12px;
}
.area-titulo img {
        width: 30px;
    position: absolute;
    left: 2px;
    top: 2px;

}


.legenda_municipios img {
    margin-right:10px;
}
.legenda_municipios {
    list-style: none;
    line-height: 22px;
}


.filter-table {
        padding: 20px;
    margin-top: 10px;
    background: #f5f5f5;
    border: solid 1px #ececec;
    border-radius: 4px;
    color:#12808e;
    font-size:16px;
}

.form-control{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#tituloForm{
	font-weight: 200;
    font-size: 20px;
    height: 20px;
    color: #416e90;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

#dadosForm{
	font-weight: 200;
    font-size: 17px;
    height: 17px;
    color: rgb(107, 141, 173);
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

#opcoesUF{
	font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}

.ui-selectoneradio label{
	cursor: pointer;
    display: inline;
    margin: 0 16px 0 8px;
    /* vertical-align: middle; */
}

label{
	
	display: inline;
    /* max-width: 100%; */
    /* margin-bottom: 5px; */
    font-weight: normal;
	
}

.subtitlePage {
    text-transform: uppercase;
    color: #0b83de;
    font-size: 17px;
    font-weight: bold;
}