@charset "utf-8";
/* CSS Document */

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

    /*  index  */	
    .central{
        width:97%;
        margin:auto;	
    }
    .sec_social .face {
        margin: auto 14px;
    }
    .main_footer .local {
        width: 97%;
    }
    .sec_paciente {
        background: url(../imagens/inicial/paciente/bg_paciente_mob.jpg) no-repeat center top;
    }
    .sec_paciente .paciente {
        float: none;
        margin: 0 auto;
    }
    .sec_paciente a.bt_saiba {
        margin: 40px 0px 0px auto;
    }
    .sec_paciente .novidades {
        float: none;
        margin: 20px auto 0;
    }
    .sec_social .insta {
        float: none;
        display: block;
        margin: 0 auto;
    }
    .sec_social .face {
        float: none;
        display: block;
        margin: 34px auto;
    }
    .sec_social .youtube {
        float: none;
        display: block;
        margin: 0 auto;
    }
    .local .info1, .local .info2 {
        display: block;
        margin: 20px auto 0;
        float: none;
    }
    .main_footer {
        background: url(../imagens/base/background_rodape.jpg) center top no-repeat;
        background-size: 1746px;
    }
    .main_footer .social {
        margin-top: 40px;
    }

    /*  cirurgia  */
    .sec_cirurgia .historia {
        background: url(../imagens/interna/cirurgia/bg_cirurgia.png) no-repeat top left;
    }	
    .sec_cirurgia .title {
        text-align: center;
        display: block;
    }
    .sec_cirurgia h2 {
        display: block;
        text-align: center;
    }	
    .historia p {
        width: 95%;
        margin: 0 auto;
        max-width: 550px;
    }
    .seta {
        margin: 0 auto;
    }
    .patologias p {
        width: 95%;
        margin: 0 auto 50px;
    }
    .patologias .itens_patologia{
        width: 50%;
        margin-right: 0%;
    }
    .patologias .itens_patologia:nth-of-type(3n-1){
        float: right;
        margin-right: 0;	
    }
    .patologias .itens_patologia li {
        margin: 0 auto 25px;
    }

    /*  botão voltar  */	
    .detalhe_bottom a {
        margin-right: 25px !important;
    }
    a.btn_voltar:hover {
        margin-right: 35px !important;
    }

    /* micro cirurgia*/
    .microcirurgia .title {
        text-align: center;
        display: block;
    }
    .microcirurgia .subtitle {
        background: url(../imagens/interna/microcirurgia/chek.png) no-repeat left top 10px;
        margin: 0 auto 45px;
        display: block;
        width: 95%;
        max-width: 585px;
    }
    .microcirurgia p {
        width: 95%;
        margin: 0 auto 20px;
    }
    /* paciente */
    .sec_orientacoes h1 {
        text-align: center;
    }
    .sec_orientacoes h2 {
        margin-left: 20px;
        width: 95%;
    }
    .sec_amputacao .subtitulo {
        margin-left: 25px;
        width: 95%;
    }
    .orientacoes .pos li {
        width: 50%;
        line-height: 20px;
    }
    .orientacoes .pre li {
        width: 95%;
        margin: 10px auto;
        height: auto;
    }
    .orientacoes .pre li {
        width: 50%;
        height: 70px;
        line-height: 19px;
    }
    .orientacoes ul.pos, .orientacoes ul.pre {
        margin: 0 auto;
        display: block;
        width: 95%;
    }
    .sec_amputacao .bloco {
        width: 95%;
        max-width: 612px;
    }
    .sec_amputacao .img1, .sec_amputacao .img3 {
        float: none;
        margin: 11px auto;
    }
    .bloco .list._1 {
        width: 95%;
        margin: 35px auto 0px;
    }
    .sec_amputacao .img2 {
        float: none;
        margin: 10px auto;
    }
    .bloco.right {
        float: none;
    }
    .bloco .list._2 {
        width: 95%;
        max-width: 563px;
    }
    .bloco .list._3 {
        width: 95%;
        max-width: 470px;
        margin: 40px auto;
    }
    .bloco .list._4 {
        float: none;
        width: 95%;
        margin: 50px auto 0px;
    }

    /* novidade */

    .sec_novidades .novidades {
        max-width: 720px;
        margin: 0 auto;
        width: 95%;
    }


    /* contato */

    .sec_contato h1 {
        text-align: center;
    }
    .sec_contato .bloco_formulario {
        float: none;
        display: block;
        margin: 0 auto;
        width: 95%;
        max-width: 454px;
    }
    .sec_contato .right {
        margin: 50px auto 0;
        float: none;
        width: 95%;
        max-width: 454px;
    }
    .item_formulario, .txt_formulario, .item_select, .file_falso {
        max-width: 100%;
        width: 100%;
    }
    .sec_contato .btn_enviar {
        margin: 20px auto 0;
    }




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

    /*  index  */	
    .left {
        display: block;
        float: none;
        width: 95%;
        margin: 0 auto;
        max-width: 414px;
    }
    .sec_bemvindo img.img_benvindo {
        display: block;
        float: left;
        margin: 10px auto;
        width: 100%;
        max-width: 414px;
        position: relative;
    }
    .sec_bemvindo p {
        display: block;
        margin: 0 auto;
        max-width: 414px;
        width: 100%;
        overflow: hidden;
    }

    /*  sobre  */	
    .sec_sobre h1 {
        text-align: center;
    }
    .sec_sobre img.img_benvindo {
        float: none;
        margin: 0 auto;
        display: block;
        max-width: 414px;
        width: 95%;
    }
    .sec_sobre p {
        margin: 25px auto;
        max-width: 465px;
        width: 95%;
    }
    .sec_sobre h2 {
        text-align: center;
    }
    .sec_sobre p.text2 {
        max-width: 465px;
        width: 95%;
    }

    .microcirurgia .bx-wrapper, .sec_cirurgia .bx-wrapper {
        max-width: 490px !important;
    }

}

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

    /* paciente */
    .orientacoes .pre li {
        width: 95%;
        height: auto;
        margin: 5px auto;
    }
    .orientacoes .pos li {
        width: 95%;
    }
}

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

    .sec_bemvindo .detalhe_bottom a {
        margin-left: 20px;
    }
    ul#menu {
        display:none;	
    }
    li#bg_menu_mobile {
        margin-top: 45px;
    }
    .menumobile {
        display: block;
        text-align: center;
        width: 100%;
        background-color: #002c55;
        padding-bottom: 20px;
        text-transform:uppercase;
    }

    .menumobile li{
        display:block;
        background-color:#002c55;
    }
    .menumobile li a {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 56px;
        font: 12px "Lato_Light", Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding-top: 23px;
        text-decoration:none;
        -webkit-transition: background-color 400ms linear;
        -moz-transition: background-color 400ms linear;
        -o-transition: background-color 400ms linear;
        -ms-transition: background-color 400ms linear;
        transition: background-color 400ms linear;
    }
    .menumobile #bg_menu_mobile a{
        border-bottom: none;
        height: 56px;
        font: 13px "lato_regular", Arial, Helvetica, sans-serif;
        line-height:56px;
        padding: 0px 0px;
        background:#00376b center right 10% no-repeat;
        color:#fff !important;
        border: none;
        font-weight: bold;
    }
    .menumobile li a em {
        display:block;
        width:280px;
        margin:17px	 auto 0px;
        line-height:0px;
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
    .menumobile #bg_menu_mobile a em {
        border-bottom: 1px transparent solid;
    }
    .menumobile li .contato em {
        border-bottom: 1px transparent solid;
    }

    /* novidade */

    ul.paginator-nav {
        margin-right: 40px;
    }
    .sec_novidades .novidades {
        max-width: 480px;
    }
    #limit img {
        float: none;
        margin: 0 auto 20px;
        width: 95%;
    }
    .nov_titulo {
        width: 80%;
    }
    #limit {
        width: 95%;
    }

}

@media screen and (max-width:650px) {
    .microcirurgia .bx-wrapper, .sec_cirurgia .bx-wrapper {
        max-width: 240px !important;
    }
}

@media screen and (max-width:600px) {
    /* micro cirurgia */
    .sec_orientacoes h1 {
        display: block;
        text-align: center;
    }
    .sec_orientacoes h2 {
        margin-left: 20px;
    }
    .microcirurgia .subtitle {
        background: url(../imagens/interna/microcirurgia/chek.png) no-repeat left top 5px;
        max-width: 416px;
        line-height: 45px;
    }


    .sec_amputacao h1 {
        margin-left: 20px;
        width: 95%;
    }
    .sec_amputacao .subtitulo {
        width: 95%;
    }


}

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

    /* novidade */

    .sec_novidades .novidades {
        max-width: 235px;
        text-align: center;
    }
}

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

    header .slide {
        width: 290px !important;
        margin: 0 auto;
    }
    header .slide p.aspas {
        background: url(../imagens/base/aspas.png) no-repeat center top;
        padding: 40px 10px 0px;
        font-size: 16px;
        line-height: 35px;
    }
    header .slide p b {
        color: #fff;
        font-size: 24px;
    }
    .main_header .bx-viewport {
        width: 290px !important;
    }
    .main_header .social_lang {
        text-align: center;
        margin: 30px 0;
    }
    .main_header .social_lang .social_lang_content {
        max-width: 236px;
    }
    .main_header .social_lang li {
        margin-right: 29px;
        margin-bottom: 20px;
    }

    .main_header .social_lang li.sumiu{display:none;}

    .local .info1, .local .info2 {
        width: 230px;
        padding: 0;
        padding-top: 50px;
        text-align: center;
        background: url(../imagens/base/map.jpg) no-repeat top center;

    }
    .sumiu {
        display: none;
    }

    .main_footer {
        background: url(../imagens/base/background_rodape_mob.jpg) center center no-repeat;
        background-size: 100%;
    }
    /* contato */
    .sec_contato .info1, .sec_contato .info2 {
        width: 230px;
        padding: 0;
        padding-top: 50px;
        text-align: center;
        background: url(../imagens/base/map.jpg) no-repeat top center;
        margin: 0 auto 14px;
    }
}

@media screen and (max-width:450px) {
    .patologias .itens_patologia {
        width: 100%;
        min-height: 375px;
    }

    /* paciente */
    .sec_amputacao h1 {
        margin: 0 auto;
        text-align: center;
    }
    .sec_amputacao .subtitulo {
        margin: 15px auto;
        text-align: center;
    }

    .bloco h2 {
        float: none !important;
        margin: 0 auto;
    }
    .sec_amputacao .img2 {
        margin: 25px auto 10px;
    }
    .sec_amputacao .img1, .sec_amputacao .img3 {
        margin: 25px auto 10px;
    }
}


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

    .sec_sobre h1 {
        font-size: 26px;
    }
    .sec_sobre h1 strong {
        font-size: 32px;
    }
    .sec_sobre h2 {
        font-size: 22px;
    }
    .sec_sobre .quest {
        font-size: 18px;
    }
    .sec_sobre a.bt_saiba {
        margin: 30px auto 60px;
    }
    .sec_paciente .paciente {
        width: 290px;
        text-align: center;
    }
    .paciente ul {
        font-size: 14px;
    }
    .paciente li {
        background: url(../imagens/inicial/paciente/1.jpg) no-repeat top center;
        padding: 40px 0px 0px 0px;
    }
    .paciente li.dois {
        background: url(../imagens/inicial/paciente/2.jpg) no-repeat top center;
    }
    .paciente li.tres {
        background: url(../imagens/inicial/paciente/3.jpg) no-repeat top center;
    }
    .sec_paciente a.bt_saiba {
        margin: 40px auto 0px;
    }


    .novidades .bx-pager.bx-default-pager {
        display: none;
    }
    .novidades .bx-prev, .novidades .bx-next {
        display: block;
    }
    /* cirurgia */
    .seta {
        width: 296px;
    }
    .historia .localize {
        width: 125px;
        margin: 40px auto 0px 3px;
    }
    .sec_cirurgia .bt_locais {
        width: 185px;
        margin: 10px 0px 30px;
        padding: 20px 0px 0px 65px;
        background: #033c70 url(../imagens/interna/cirurgia/map.png) no-repeat left 35px center;
    }
    /* micro cirurgia */
    .microcirurgia .localize{
        width: 125px;
        margin: 40px auto 0px 3px;
    }
    .sec_microcirurgia .bt_locais {
        width: 185px;
        margin: 10px 0px 30px;
        padding: 20px 0px 0px 65px;
        background: #033c70 url(../imagens/interna/cirurgia/map.png) no-repeat left 35px center;
    }
    .bx-prev {
        top: 340px;
        left: calc(50% - 30px);
    }
    .bx-next {
        top: 340px;
        right: calc(50% - 30px);
    }
}

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

    .main_footer {
        background: url(../imagens/base/background_rodape_mob.jpg) center top no-repeat;
        background-size: auto 100%;
    }


}