@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{
    font-family: 'Open Sans', sans-serif;
    color:#684287; /* coment */
}
#cabecalho{
    border-top: 2px solid #684287;
}

.txtAtendimento{
    padding-top: 10px;
    line-height: 26px;
    font-size: 26px;
}

.txtAtendimento a{
    color:#684287;
}
.txtAtendimento a:hover{
    text-decoration: none;
}
.txtAtendimento a span{
    font-size: 18px;
}

.txtAtendimento .icones-sociais{
    padding-top: 12px;
    padding-right: 20px;
}

.txtAtendimento .icones-sociais img{
    height: 26px;
    transition: all .5s;
}
.txtAtendimento .icones-sociais img:hover{
    opacity: .6;
}

/* MENU PRINCIPAL ------------------------------------------------------------ */
.navbar-salute{
    background-color: rgb(137,87,172);
    font-size: 22px;
    width: 100%;
    border: 0; 
    border-radius: 0; 
}

.navbar-salute .navbar-brand{
    padding: 10px;
}

.navbar-salute .navbar-toggle,
.navbar-salute .navbar-toggle:focus, 
.navbar-salute .navbar-toggle:hover
{
    background: #684287;
}

.navbar-salute .navbar-toggle .icon-bar{
    background: #FFF;
}

.navbar-salute .navbar-nav>li>a{
    padding-top: 30px;
    padding-bottom: 30px;
    color:#FFFFFF;
}

.navbar-salute .navbar-nav>li>a:hover,
.navbar-salute .navbar-nav>li>a:active,
.navbar-salute .navbar-nav>li>a:focus,
.navbar-salute .navbar-nav>.open>a,
.navbar-salute .navbar-nav>.open>a:hover,
.navbar-salute .navbar-nav>.open>a:active,
.navbar-salute .navbar-nav>.open>a:focus
{
    background: none;
    color: #D9CBE4;

}

.navbar-salute .navbar-nav .open .dropdown-menu{  
    background-color: rgb(137,87,172);   
    border: 0;
}    
.navbar-salute .navbar-nav .open .dropdown-menu>li>a{
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-salute .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-salute .navbar-nav .open .dropdown-menu>li>a:active,
.navbar-salute .navbar-nav .open .dropdown-menu>li>a:focus
{
    background: #AA89C5; 
}

/* BLOCOS HORARIOS  --------------------------------------------------------- */
#HorarioAtendimento .primeiro{
    padding-right: 0;
}
#HorarioAtendimento .segundo{
    padding-left: 0;
    padding-right: 0;
}
#HorarioAtendimento .terceiro{
    padding-left: 0;
}

.txtSabado, .txtSegSexta, .txtDomingo{
    color:#FFFFFF;
    font-size: 24px;
    padding: 35px 0;

    background: url(../img/icon-clock-1.png) no-repeat 106% 10px;
}
.txtSegSexta{
    background-color:#684287;   
}
.txtSabado{
    background-color: #8657AC;

}
.txtDomingo{
    background-color:#AA89C5;

}


#FotosAcademia img{
    width: 100%;
    margin-bottom: 10px;
}

.txtArticle{
    background: #F4F4F4;
    border-bottom: 4px solid #684287;
    padding-left: 52px;
    padding-right: 45px;
}
.txtArticleAnuncios{
    font-size: 18px;
    color: #999999;
}

.txtArticle h2{
    font-size: 30px;
    padding: 21px 0;
}
.txtArticle p{
    text-align: justify;
    font-size: 18px;
    color: #999999;


}
.rodape{
    padding: 17px;
}

.rodape p{
    font-size: 14px;
    padding-top: 10px;
    color: #663F85;   
}
.rodape img{
    padding: 61px;
}
#copy{
    font-size: 11px;
    color: #888888;  
}
.HistoriaSalute{ 
    font-size: 18px;
    margin-top: 0px;
    padding: 21px 50px;
    color: #999;
    background:#F7F7F7;
    border-bottom: 4px solid #684287;
}
.HistoriaSalute h2{
    font-size: 42px;
    padding-left: 0;
    color: #684287;
    margin-bottom: 28px !important;
}
.Proficionais{
    background: #F7F7F7; 
    padding: 20px;
    border-bottom: 4px solid #684287;
}
.ProficionalItem h3,.ProficionalItem a{
    color: #8557AC;
    font-size: 22px;
    font-weight:bold;
    margin-bottom: 0;
}
.cargo{
    color: #8557AC;
    font-size: 15px;
}


/* HORARIOS ----------------------------------------------------------------- */
.table-horarios{
    background: #F8F8F8;
    font-size: 20px;
    width: 100%;
}
.table-horarios td, .table-horarios th{
    padding: 10px;
}
.table-horarios th{
    color: #000;
    font-size: 24px;
    font-weight: normal;
    border: 1px solid #DDD;
}
.table-horarios td{
    border-left: 1px solid #DDD;
}
.table-horarios tbody tr:hover{
    background: #AA89C5;
    color: #FFF;
    box-shadow: #AAA 2px 2px 10px;
}
.table-horarios tbody tr:hover td:first-child + td {
    border-left: 1px solid #AA89C5;
}
.table-horarios .tdClock{
    background: #00B6BD;
    color: #FFF;
}
.obs-horarios{
    font-size:13px;
    line-height:140%;
    color:rgb(119,119,119);

    padding: 15px;
    background-color:rgb(239,239,239);
    border-radius:10px ;

}
.txtviewProfissional{ 
    background:#F4F4F4;
    border-bottom: 4px solid #684287;

}

.txtviewProfissional h2{
    font-size: 34px;
    font-weight: bold;

}
.txtviewProfissional p{
    font-size: 18px;
    color: #999;
    text-align: justify;
}
.txtcargo{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    color: #8557AC;

}
.cargodescricao{
    padding-left: 10px;
    padding-right: 25px;
}
.atividades p{
    font-size: 18px;
    color: #999;
    text-align:justify;
}
.btn-matricula,.btn-matricula:hover,.btn-matricula:focus,.btn-matricula:active{
    background-color:rgb(104,66,135);
    font-size:44px;
    letter-spacing: -2px;
    color:#FFFFFF;
    font-family: 'Calibri' ,'Open Sans', sans-serif;
    border-radius: 15px;
    padding: 10px 23px;
    border-bottom: 3px solid #8859AE;
}
.btn-matricula:hover{
    background:#8657AC;
}
.txtcontato{
    background: #F4F4F4;
    text-align: justify;
    margin: 0 0 10px;
    padding-left: 47px;
    padding-right: 56px;
    border-bottom: 4px solid #684287;
}
.txtcontato p,.txtcontato label{
    font-weight: normal;
    color: #999999;
    font-size: 16px;
}
.txtcontato input,.txtcontato textarea {
    border: 2px solid #8859AE;
    padding: 20px 12px;
}
.txtcontato button,.txtcontato button:hover,.txtcontato button:focus,.txtcontato button:active{
    background-color: rgb(104,66,135);
    font-size: 24px;
    color: #FFFFFF;
    padding: 10px 25px 10px 25px;
}

.txtcontato button:hover{
    background:#8657AC;
}
.txtrodapelocalizacao h2{
    text-align: center;
    font-size: 34px;
    margin-top: 60px;
    padding: 21px 0;

}
.txtrodapelocalizacao p{
    text-align: center;
    font-size: 17px;
    color: #707070;
    margin: 0 0 10px;
}
/* Rodapé Rede sociais ----------------------------------------------------------- */

.rodaperedesociais a{
    font-size: 38px;
    color: #999999;
    padding:11px;
}

.rodaperedesociais a:hover{
    opacity: .6;
    text-decoration: none;
}
.rodaperedesociais a:active, .rodaperedesociais a:focus{
    text-decoration: none;
}





/* MOBILE QUERIES ----------------------------------------------------------- */
@media only screen and (min-width : 320px) {}

@media only screen and (min-width : 480px) {}

@media only screen and (min-width : 768px) {
    #FotosAcademia img{
        height: 445px;
        margin-bottom: auto;
    }

    #FotosAcademia .row div:first-child{
        padding-right: 0;
    }
    #FotosAcademia .meiofoto{
        padding-left: 0;
        padding-right: 0;
    }
    #FotosAcademia .row div:last-child{
        padding-left: 0;
    }
}

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

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

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

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

@media only screen and (max-width : 768px) {    
    .table-horarios{
        font-size: 14px;
    }
    .txtArticle{
        padding: 15px ;
    }
    .txtArticle h2{
        padding: 0; 
    }

    .txtArticleAnuncios{
        text-align: center;
    }

    .table-horarios th{
        font-size: 18px;
    }

    .txtSabado, .txtSegSexta, .txtDomingo{
        font-size: 14px;
        padding: 17px 0;
    }

    .txtcontato{
        padding-left: 15px;
        padding-right: 15px;
    }

    .HistoriaSalute{
        padding: 15px;
    }

    .rodape{
        padding: 20px;
        text-align: center;
    }


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

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