.img-literatura{
    margin-left: 33%;
}

.busca-mobile{
    margin: 1%;
    margin-left: 33%;
    height: 40px;
}

.campoBusca input {
    background: #BAB4B4;
    border: 0px;
    color: #fff;
    width: 200px;
    height: 26px;
    padding: 5px 15px;
    transition: 0.4s;
    float: left;
    border-radius: 0px !important;
}



.btn{
    display: inline-block;
    padding: 0.8em 1.2em;

    background-color: #bbb;
    color: #fff;
    border: none;

    line-height: normal;
    font-size: 1em;
    text-decoration: none;
    border-radius: 4px;
}

.btn-danger{
    background: #ec1a29;
    color: #fff;
}


@media(max-width: 991px){

    body,html{
        overflow-x: hidden !important;
        width: 100% !important;
    }
}

@media (max-width: 1024px) {

    .conteudo {
        background: #fff !important;
    }

    body,html{
        overflow-x: hidden !important;
    }

    #cabecalho {
        width: 1024px !important;
        height: 100px;
        margin: 0px auto 0;
        background: #fff;
    }

    #corpo {
        width: 1024px !important;
        border: none;
        box-shadow: none;
        padding: 0px;
        height: auto;
        margin-bottom: 15px;
    }

    .menuTopo {
        height: 30px !important;
        margin: 0 auto;
        width: 740px !important;
        padding-top: 10px;
        background: #fff;
    }

    #bgRodape {
        width: 1024px !important;
    }

    #rodape .institucionalRp {
        float: left;
        margin-top: 28px;
        margin-bottom: 30px;
        padding: 20px !important;
        width: 1024px !important;
    }

    .boxHome li {
        position: relative;
        float: left;
        cursor: pointer;
        overflow: hidden !important;
        margin: 1.5% !important;
    }

    #bgCorpo {
        background: url(images/bgCorpo.png);
        background-repeat: repeat-x;
        background-position: bottom;
        width: 1024px !important;
        margin: 0 auto;
    }

    #rodape .webstorm img {
        bottom: 3px;
        position: absolute;
        right: 150px !important;
    }

    #rodape .webstorm p {
        display: block;
        margin-right: 240px;
    }

    #rodape .webstorm {
        float: right !important;
        height: 54px;
        line-height: 80px;
        position: relative;
        width: auto !important;
        margin-right: 50px !important;
    }

    .floater-menu {
        background: #fff;
        width: 1024px !important;
        height: 100px;
        opacity: 0.93;
        position: fixed;
        z-index: 999999;
        display: none;
        top: 0px;
        border-bottom: 1px solid #ccc;
    }

    header {
        width: 1024px !important;
        height: 160px;
        margin: 0 auto;
        float: none;
        z-index: 2;
        position: relative;
        background: url(images/baraTopo.jpg) center top no-repeat;
        background: none !important;
    }

    #bannerHomeTopo .bannerInterna img {
        width: 100% !important;
        height: auto !important;
    }


    .menuTopo li a.tituloMenuTopo {
        color: #515151;
        display: block;
        * float: left;
        font-family: "museo_sans500";
        font-size: 14px !important;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        width: auto !important;
        -webkit-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
        padding: 8px 9px;
    }

    #cabecalho .areaRestrita {
        float: right !important;
        margin: 0px !important;
        padding: 25px 25px 0px 25px !important;
        width: 170px;
    }

    .paginadeTexto {
        width: 95% !important;
        padding: 2% !important;
        font-size: 13px;
        color: #000;
        line-height: 16px;
        min-height: 500px;
    }

    h1.tituloSessao {
        font-family: "museo_sans500";
        text-transform: uppercase;
        font-weight: bold;
        font-size: 26px;
        text-align: center;
    }

    .serAssitencia .linha.linhaCheckbox label {
        border-left: 1px solid #ccc;
        float: right;
        margin: 0;
        padding: 8px 0 8px 10px;
        text-align: left;
        width: 400px;
    }

    #corpo #voltarTopo a {
        margin-bottom: 25px !important;
    }

    #bannerHomeTopo .bannerInterna img {
        width: 100% !important;
        height: auto !important;
        background-size: 100% auto !important;
        margin-top: 120px !important;
    }
}




@media (max-width: 1499px) {
    .flexslider .slides img {
        width: 100% !important;
        height: auto !important;
        -moz-user-select: none !important;
        margin: 0 auto !important;
    }
}

@media (min-width: 1501px) {
    .flexslider .slides img {
        width: 100% !important;
        height: 450px !important;
        -moz-user-select: none !important;
        margin: 0 auto !important;
    }
}

/**************************************************************/
/*
/* AJUSTES PARA MOBILE
 *
 */


@media(max-width: 768px){

    #bannerHomeTopo .bannerInterna img {
        width: 100% !important;
        height: auto !important;
        background-size: 100% auto !important;
        margin-top: 170px !important;
    }

    .conteudoInteiro .resultado ul {
        float: left !important;
        margin-bottom: 20px !important;
        margin-left: 2% !important;
        width: 95% !important;
    }

    .resultado h1{
        text-align: center !important;
    }


    h1.tituloSessao {
        font-family: "museo_sans500" !important;
        text-transform: uppercase !important;
        font-weight: bold !important;
        font-size: 26px !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    .infoAssistencias {
        float: right !important;
        color: #F7BC02 !important;
        width: 100% !important;
        min-height: 400px !important;
        padding-top: 20px !important;
    }

    .conteudo {
        margin: 0 0px !important;
        padding: 30px 0px !important;
        position: relative !important;
        vertical-align: top !important;
        width: 95% !important;
        float: left !important;
        margin: 2% !important;
    }

    ul.literatura li a {
        float: left !important;
        width: 95% !important;
        padding: 1% 3% !important;
    }

    body,html{
        overflow-x: hidden !important;
        width: 100% !important;
    }

    .brand{
        padding-top: 10px !important;
    }

    #cabecalho{
        display: none !important;
    }

    #bgCabecalho{
        width: 100% !important;
        /*height: 100px !important;*/
        background: #EC1A29 !important;
    }

    #cabealho-mobile{
        display: block !important;
        text-align: center;
    }

    .home-slider{
        margin-top: 125px !important;
    }

    .flexslider .slides img {
        width: 100% !important;
        height: auto !important;
        -moz-user-select: none !important;
        margin: 0 auto !important;
        margin-top: 0px !important;
    }

    #bgCorpo {
        background: url(images/bgCorpo.png) !important;
        background-repeat: repeat-x !important;
        background-position: bottom !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    #corpo {
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0px !important;
        height: auto !important;
        margin-bottom: 15px !important;
        background: #fff !important;
    }

    .boxHome li{
        position: relative !important;
        float: left !important;
        cursor: pointer !important;
        overflow: hidden !important;
        width: 30% !important;
    }

    /*.boxHome .foto img {*/
        /*display: block !important;*/
        /*margin-left: auto !important;*/
        /*margin-right: auto !important;*/
    /*}*/

    .boxBannerDir {
        width: 100% !important;
        float: left !important;
        margin-top: 70px !important;
    }

    #bannerConteudo {
        width: 100% !important;
    }

    #bannerConteudo img{
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .boxVideo {
        width: 100% !important;
        margin: 30px 0px !important;
        float: left !important;
        margin-bottom: 50px !important;
    }

    .boxVideo .box_video iframe{
        width: 100% !important;
    }

    #bgRodape {
        width: 100% !important;
    }

    #rodape {
        width: 100% !important;
        margin: 15px auto 0;
    }

    #rodape .institucionalRp {
        float: left !important;
        margin-top: 28px !important;
        margin-bottom: 30px !important;
        padding: 0px !important;
        width: 100% !important;
    }

    #rodape .institucionalRp li {
        float: left !important;
        margin-right: 0px !important;
        width: 100% !important;
        text-align: center !important;
        padding-bottom: 15px !important;
    }

    #rodape .institucionalRp li > div > a {
        width: 100% !important;
    }

    #rodape .institucionalRp li > div  {
        float: left !important;
        clear: both !important;
        margin-top: 10px !important;
        padding-left: 0px !important;
    }

    #rodape .itensMenuRodape {
        color: #6d6d6d !important;
        font-size: 14px !important;
        border: none !important;
        float: left !important;
        padding: 5px 0px !important;
    }

    .titulo-rodape{
        color: #4e4e4e !important;
    }

    #rodape .institucionalRp li a {
        color: #e1e1e1;
        font-size: 12px;
        border-bottom: 0px solid #757575 !important;
        padding: 0px 9px 10px;
        float: left;
    }

    hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: 20%;
        margin-right: 20%;
        border-style: solid;
        border-color: #b9b9b9;
        border-width: 1px ;
    }

    .logoRp, .webstorm{
        display: none !important;
    }

    .rodape-mobile{
        display: inline-block !important;
        width: 100% !important;
        text-align: center !important;
    }

    .powered-by{
        float: right;
        display: inline-block;
    }

    .powered-by img{
        float: right;
        margin-top: -15px;
    }
    .powered-by a{
        float: right;
        margin-top: 50px;
    }

    .floater-menu {
        display: none !important;
    }

    .paginadeTexto img{
        max-width: 100% !important;
    }

    .paginadeTexto h1{
        text-align: center !important;
        line-height: 25px !important;
    }

    .conteudoInteiro {
        position: relative !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 20px 0px 0px !important;
    }

    ul.literatura li {
        float: left !important;
        height: auto !important;
        margin: 25px 0 !important;
        width: 33% !important;
    }

    .serAssitencia .linha.linhaCheckbox label {
        border-left: 1px solid #ccc !important;
        float: right !important;
        margin: 0 !important;
        padding: 8px 0 8px 10px !important;
        text-align: left !important;
        width: 90% !important;
    }

    .blockSelect .linha {
        float: left !important;
        width: 100% !important;
        margin-right: 0% !important;
    }

    .serAssitencia .linha textarea {
        margin: 0px!important;
        width: 100%!important;
    }

}


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

    .img-literatura{
        margin-left: 26% !important;
    }

    header{
        position:relative;
        width:100% !important;
        height: auto !important;
        background: #ec1a29 !important;
    }

    .logo{
        position:relative;
        z-index:123;
        padding:10px;
        font:18px verdana;
        color:#6DDB07;
        float:left;
        width:15%
    }

    .logo a{
        color: #ffffff;
    }

    nav{
        position:relative;
        width:100%;
        margin:0 auto;
    }

    #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: #420c0c;}

    #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background: #ffffff !important;-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 li:hover > ul > li{height:35px}

    #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:40px;
        color:#ddd;
        font-size:12px;
        font-weight:700;
        background: #ec1a29;
    }

    .button{
        width:55px;
        height:46px;
        position:absolute;
        right:0;
        top:15px;
        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;
    }
}


@media (min-width: 769px) {
    .rodape-mobile{
        display: none;
    }
}


@media(max-width: 767px){
    ul.linhas li {
        float: left !important;
        width: 100% !important;
        margin: 15px 0px !important;
    }
}


@media(max-width: 700px){


    .boxHome .titulo span {
        z-index: 1;
        position: relative;
        font-size: 16px;
        color: #ffffff;
        line-height: 2.1em;
        padding-left: 62px !important;
        font-weight: 100;
    }


        .boxHome li {
            position: relative !important;
            float: left !important;
            cursor: pointer !important;
            overflow: hidden !important;
            width: 100% !important;
        }

    .boxHome .foto img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .busca-mobile{
        margin: 1%;
        margin-left: 30%;
        height: 35px;
    }

    .img-literatura{
        margin-left: 43%;
    }

    .literatura  div img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .paginadeTexto {
        width: 100% !important;
        padding: 0% !important;
        font-size: 13px !important;
        color: #000 !important;
        line-height: 16px !important;
        min-height: 500px !important;
    }

    ul.literatura li {
        float: left !important;
        height: auto !important;
        margin: 25px 0 !important;
        width: 100% !important;
    }

    .blockLeft {
        float: left !important;
        width: 100% !important;
        margin-right: 0% !important;
    }

    .serAssitencia .linha textarea {
        margin: 0px !important;
        width: 100% !important;
    }
    .blockSelect .linha {
        float: left !important;
        width: 95% !important;
        margin-right: 0% !important;
    }

    .conteudo .faleConoscoCont, .conteudoInteiro .faleConoscoCont {
        margin: 0 auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .conteudo .faleConoscoCont .linha label, .conteudoInteiro .faleConoscoCont .linha label {
        margin-top: 5px !important;
        font-size: 13px !important;
        text-align: center !important;
        margin-left: 11px !important;
        color: #1b1b1b !important;
        margin-bottom: 11px !important;
        font-weight: bold !important;
    }

    .faleConoscoCont .colDir .telefone {
        color: #eb1a29;
        font-size: 24px;
        padding-left: 0px !important;
        margin-top: 12px;
        background: url(images/foneContato.jpg) no-repeat;
        background-position-x:10% !important;
        height: 30px;
        text-align: center !important;
        width: 90% !important;
        margin-left: 8%;
    }

    .faleConoscoCont .colDir {
        width: 100% !important;
        float: left !important;
        margin-top: 0px !important;
    }

    .serAssitencia .linha {
        float: left !important;
        width: 98% !important;
        margin-top: 10px !important;
    }

}

@media (max-width: 580px) {
    .busca-mobile {
        margin: 1%;
        margin-left: 25%;
        height: 40px;
    }
}

@media (max-width: 480px) {
    .busca-mobile {
        margin: 1%;
        margin-left: 20%;
        height: 40px;
    }
}

@media (max-width: 420px) {
    .busca-mobile {
        margin: 1%;
        margin-left: 18%;
        height: 40px;
    }
}


@media (max-width: 360px) {

    .busca-mobile {
        margin: 1%;
        margin-left: 15%;
        height: 40px;
    }


    .img-literatura{
        margin-left: 38%;
    }

    .boxHome li{
        position: relative !important;
        float: left !important;
        cursor: pointer !important;
        overflow: hidden !important;
        width: 100% !important;
    }

    .boxHome .foto img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .boxHome .titulo span {
        z-index: 1 !important;
        position: relative !important;
        font-size: 16px !important;
        color: #ffffff !important;
        line-height: 2.1em !important;
        padding-left: 45px !important;
        font-weight: 100 !important;
    }

    .boxHome {
        width: 98% !important;
        overflow: hidden !important;
        float: left !important;
        margin-top: 40px !important;
    }

}



@media (max-width: 320px) {

    .busca-mobile {
        margin: 1%;
        margin-left: 8%;
        height: 40px;
    }

    .img-literatura {
        margin-left: 35%;
    }
}

@media (max-width: 220px) {

    .boxHome .titulo span {
        z-index: 1 !important;
        position: relative !important;
        font-size: 12px !important;
        color: #ffffff !important;
        line-height: 2.1em !important;
        padding-left: 45px !important;
        font-weight: 100 !important;
    }
}