@font-face
{
    font-family: 'Swiss721BT-Roman';
    src: url('../fonts/Swiss721BT-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/Swiss721BT-Roman.woff') format('woff'), url('../fonts/Swiss721BT-Roman.ttf') format('truetype'), url('../fonts/Swiss721BT-Roman.svg#Swiss721BT-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}



*
{
    margin: 0;
}

html, body
{
    height: 100px;
}

a
{
    text-decoration: none;
}

img
{
    border: 0 none;
}


/***** Generico *****/

.login-page h3, .control-group label, .control-group a, .control-group span, .sucess-content p
{
    display: block;
    color: #007D9F;
}

.control-group input[type = text], .control-group input[type = password], .control-group select
{
    width: 99%;
    height: 28px;
    color: #000000;
    padding: 2px 4px;
    -webkit-box-shadow: inset 4px 0 5px 0 #DDD;
    -moz-box-shadow: inset 4px 0 5px 0 #DDD;
    box-shadow: inset 4px 0 5px 0 #DDD;
    border: 1px solid #CCC;
    border-radius: 2px;
}

.control-group label
{
    margin-bottom: 5px;
}

.control-group select
{
    background: url(../images/icon_select.png) no-repeat right center #FFF;
    height: 34px;
}

.site-content img
{
    position: absolute;
    top: -37px;
    left: 0;
}

.default-bia {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-cadu {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-compromisso {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-diagsanofi {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-emfrente {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-essencial {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-fazbem {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-juntos {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-mbv {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-nn {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-papraros {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-sas {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-sig {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-viverlupus {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.default-bemperto {
    background: url(/images/fundo-hol.jpg) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.rel-bem-estar
{
    background: url(../images/bg4.png) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.bem-estar
{
    background: url(../images/bg3.png) no-repeat scroll 0 0 #FFF;
    background-size: contain;
    width: 100%;
    min-height: 100%;
}

.rel-bem-estar .bem-estar > img
{
    position: absolute;
    right: 5%;
    top: 10%;
    max-width: 100%;
    height: auto;
}

.site-container
{
    min-height: 100%;
}

.site-container:after
{
    content: "";
    display: block;
}

.site-content
{
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    display: table;
    float: right;
    width: 50%;
    max-width: 600px;
    min-height: 300px;
    margin: 25% 5% 15%;
    clear: both;
    padding: 32px 25px 40px;
}

.site-content > div
{
    vertical-align: top;
}

/***** index *****/
.login-page .login-container
{
    display: inline-block;
    width: 58%;
    height: 250px;
    padding-right: 3%;
}

.login-page .cadastrar-container
{
    display: inline-block;
    width: 35%;
    height: 250px;
    padding-left: 3%;
    border-left: 1px solid #007D9F;
}



.login-page h3
{
    padding: 0 0 15px 15px;
    font: normal 16px/18px 'Swiss721BT-Roman' , arial;
}

.login-container .control-group
{
    padding: 8px 0;
}

.login-container .control-group label, .formulario .control-group .form-crf span 
{
    width: 100%;
    font: normal 16px/18px 'Swiss721BT-Roman', arial;
}

.login-container .control-group a
{
    width: 100%;
    padding-top: 5px;
    font: normal 11px/14px 'Swiss721BT-Roman' , arial;
}

.login-container .control-group input
{
    width: 100%;
}

.login-container .control-group button, .cadastrar-container .control-group button, .formulario .control-group button
{
    background: #007D9F;
    display: block;
    width: 100%;
    height: 32px;
    text-align: center;
    font: normal 16px/18px 'Swiss721BT-Roman' , arial;
    color: #FFF;
    cursor: pointer;
    border: 0 none;
}

.button
{
    background: #007D9F;
    display: block;
    width: 100%;
    height: 32px;
    text-align: center;
    font: normal 16px/18px 'Swiss721BT-Roman' , arial;
    color: #FFF;
    cursor: pointer;
    border: 0 none;
}

.cadastrar-container h3
{
    margin-bottom: 34px;
}

/***** Formulario *****/

.formulario .site-content
{
    padding: 32px 15px 40px;
}

.formulario .control-group
{
    display: inline-block;
    padding: 10px 6px;
}

.formulario .control-group label
{
    font: 500 16px/18px 'Swiss721BT-Roman' , arial;
}

.formulario .control-group span
{
    display: inline-block;
    width: auto;
    font: 500 11px/14px 'Swiss721BT-Roman' , arial;
}

span #lblDocumento {
    width: 100%;
    font: normal 16px/18px 'Swiss721BT-Roman', arial;
}

.formulario .control-group input[type = 'radio'], .formulario .control-group input[type = 'checkbox']
{
    display: inline-block;
    width: auto;
    margin: 0 2px;
    vertical-align: middle;
}

.formulario .control-group button
{
    max-width: 260px;
}

.formulario .form-nome, .formulario .form-email, .formulario .form-instit-generico
{
    width: 280px;
}

.formulario .form-crm
{
    width: 110px;
}

.formulario .form-uf, .formulario .form-uf-generico
{
    width: 60px;
    margin-top: 23px;
}

.formulario .form-checkbox input, .formulario .form-checkbox span
{
    display: inline;
}

.formulario .form-checkbox > div
{
    margin-bottom: 15px;
}

.formulario .form-tel span
{
    margin-bottom: 5px;
}

.formulario .form-espec
{
    width: 230px;
}

.formulario .form-crf {
    width: 185px;
}

.formulario .form-tipo
{
    width: 260px;
}

.formulario .form-ddd
{
    width: 40px;
}

.formulario .form-tel
{
    width: 200px;
}

.formulario .form-tel-generico 
{
    width: 195px;
    padding-right: 30px;
}

.formulario .form-tipo, .formulario .form-uf-generico
{
    padding-right: 20px;
}

.formulario .form-checkbox
{
    display: block;
}

.formulario .form-button
{
    display: table;
    width: 100%;
    margin-top: 15px;
    padding: 0;
    text-align: right;
}

.buttonForm
{
    background: #007D9F;
    display: block;
    width: 100%;
    height: 32px;
    text-align: center;
    font: normal 16px/18px 'Swiss721BT-Roman' , arial;
    color: #FFF;
    cursor: pointer;
    border: 0 none;
    width: 260px;
    float: right;
}

.formulario .form-button button
{
    width: 260px;
    float: right;
}


/***** Sucess *****/

.sucess-content
{
    padding: 18% 0;
    text-align: center;
}

.sucess-content p
{
    font: normal 16px/18px 'Swiss721BT-Roman' , arial;
}


/***** Footer *****/

.footer-container
{
    clear: both;
}

.footer-txt
{
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 45px;
    font: normal 10px/12px 'Swiss721BT-Roman' , arial;
}

.footer-menu
{
    background: #007D9F;
    padding: 15px 45px;
    color: #FFF;
    text-align: center;
}

.footer-menu a
{
    padding: 0 5px;
    font: normal 11px/12px 'Swiss721BT-Roman' , arial;
    color: #FFF;
    border-left: 1px solid #FFF;
}

.footer-menu a:first-child
{
    border: 0 none;
}

/***** Responsive *****/

@media only screen and (max-width: 999px)
{
    .login-page .login-container
    {
        width: 100%;
    }
    .login-page .cadastrar-container
    {
        width: 100%;
        height: auto;
        margin-top: 50px;
        border-left: 0 none;
    }
    .rel-bem-estar .bem-estar > img
    {
        top: 2%;
    }
    .site-content
    {
        margin-top: 230px;
    }
}

@media only screen and (max-width: 700px)
{
    .rel-bem-estar .bem-estar > img
    {
        position: relative;
        display: block;
        margin: 0 auto;
        padding-top: 25px;
    }
    .site-content
    {
        float: none;
        margin: 100px 2% 200px;
        padding: 3% 4%;
        width: 90%;
    }
}

@media only screen and (max-width: 360px)
{
    .formulario .form-nome
    {
        width: 250px;
    }
}