/* reset */

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}


*{
    margin: 0px;
    padding: 0px;
}

a{
    text-decoration: none;
}

ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

li{
    list-style: none;
}


/* Configura��o geral */
body{
    background: #f2f2f2;
}

#container{
    width:100%;
    height:auto;
    background-image: url("../images/layout/esse.jpg");
    background-repeat: no-repeat;
    background-position: top center;
}

*{
    font-family: "Calibri", "sans-serif";
}

/*==========================================================
Menu
==========================================================*/
.list-auto{
    list-style: none;
    float: left;
    width: 60%;
    height: 40px;
    margin-left: 20%;
    padding-top: 15px;
}

.list-auto li{
    display: inline;
    height: 25px;
    line-height: 25px;
    position: relative;
    float: left;
}

.list-auto li a{
    color: #a60069;
    text-decoration: none;
    padding: 0px 20px 0px 20px;
    display: block;
}

.list-auto li a:hover{
    text-shadow:0px 0px 1px #a60069;
}

.list-auto li:hover{
    background: #eaeaea;
}

.list-auto li ul{
    position: absolute;
    background: #eaeaea;
    display: none;
    padding-left: 30px;
}

.list-auto li:hover ul, menu li.over ul{
    display: block;
}

.list-auto li ul li{
    display: block;
    width: 200px;
    margin-left: -30px;
}

input#control-nav {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    opacity: 0;
}


/*===========================================================
Header
============================================================*/
#header{
    width: 100%;
    height: auto;
    box-shadow: 3px 3px 6px #d8d5d5;
}



#header img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

#meio{
    width: 75%;
    height: auto;
    margin-right: 12.5%;
    margin-left: 12.5%;
    background: #fff;
    display: table;
}

.meio-conteudo{
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.sub{
    width: 80%;
    margin: 0 auto;
    height: 30px;
    margin-bottom: 3.5em;
}

.sub ul li{
    float: left;
    background: #f0f0f0;
    height: 30px;
    box-shadow: 2px 2px 6px #a3a2a2;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 3px 3px 3px;
    margin-top: 0.5em;
    text-align: center;
    line-height: 30px;
}

.sub ul li a{
    color: #a60069;
}

/*===========================================================
Footer
============================================================*/
footer{
    background: #eaeaea;
}

#fim{
    width: 100%;
    height: 14px;
    background: #a60069;
    box-shadow: 2px 2px 6px #696969;
}

.mapa{
    width: 75%;
    height: auto;
    margin-right: 12.5%;
    margin-left: 12.5%;
    display: table;
    margin-top: 3em;
}

.ans{
    float: left;
}

.coluna{
    width: 25%;
    height: auto;
    float: left;
    min-height: 210px;
}

.coluna p{
    color: #000;
    font-size: 1.3em;
    padding-bottom: 0.6em;
    font-weight: bold;
}

.coluna li a{
    color: #000;
    line-height: 1.4em;
    font-weight: bold;
}

.coluna img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

.coluna h4{
    color: #a60069;
    text-align: center;
}

.direitos{
    width: 100%;
    margin-top: 2em;
    font-weight: bold;
    text-align: center;
}

.direitos li a, .direitos li{
    font-size: 1em;
    font-weight: 100;
    color: #9a98b1;
    text-align: center;
}

.direitos img{
    margin-bottom: 1.5em;
}

/*=============================================================
POPUP
==============================================================*/
/* POPUP*/
#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:800;
    background-color:#000;
    display:none;
}


#boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:50%;
    height: auto;
    display:none;
    z-index:880;
    background: #eaeaea;
    box-shadow: 3px 3px 8px #000;
    border-radius: 10px 10px 10px;
}

#boxes img{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    border-radius: 10px 10px 10px;
}


#boxes h1{
    text-align: center;
    color: #a60069;
    padding-top: 20px;
    text-shadow: 2px 2px 2px #000;
    font-size: 30px;
}

#boxes p{
    text-align: justify;
    color: #000;
    padding: 0px 20px 20px 20px;
    font-size: 20px;
}

.close{
    display:block;
    text-align:right;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 15px 15px 15px;
    border: none;
    margin-bottom: -18px;
    z-index:9999;
    position:relative;
    background: #a60069;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    margin-top: -20px;
}


/*===========================================================
Index
============================================================*/

.cooperado{
    width: 25%;
    float: left;
    margin-top: 2em;
    margin-bottom: 2em;
}

.cooperado img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 93%;
    box-shadow: 3px 3px 6px #696969;
}

.cooperado img:hover, .saex img:hover, .utilidade img:hover, .anterior:hover{
    box-shadow: 3px 3px 8px #444343;
}

.linksaex{
    width: 100%;
    clear: both;
    position: relative;
    margin-top: 2em;
}

.saex{
    width: 50%;
    float: left;
}

.saex img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 96%;
    box-shadow: 3px 3px 6px #696969;
    position: relative;
    z-index: 2;
}

.triplo{
    width: 100%;
    height: auto;
    min-height: 200px;
    clear: both;
}

.duplo{
    margin-top: 3em;
    width: 70%;
    height: auto;
    min-height: 150px;
    float: left;
}

.fatia{
    width: 48%;
    height: auto;
    min-height: 150px;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.fatia img{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 3px 3px 6px #696969;
    margin-bottom: 0.5em;
}


.fatia li a{
    font-size: 1.4em;
    line-height: 1em;
    color: #7c7979;
    font-weight: bold;
}

.fatia li a:hover{
    text-decoration: underline;
}

.single{
    margin-top: 3em;
    width: 29%;
    height: auto;
    min-height: 150px;
    float: left;
    margin-left: 1%;
}

.jornal{
    width: 100%;
    padding-left: 3%;
    float: left;
}

.jornal img{
    width: 50%;
    float: left;
    margin-right: 0.6em;
    box-shadow: 3px 3px 6px #696969;
}

.jornal p{
    color: #a60069;
    font-weight: bold;
    font-size: 1.15em;
}

.jornal h6{
    color: #000;
    float: right;
    padding-right: 1em;
}

.jornal li{
    color: #7c7979;
    padding-top: 2em;
    font-size: 0.9em;
}

.anterior{
    float: right;
    width: 30%;
    height: 25px;
    background: #a60069;
    color: #fff;
    box-shadow: 3px 3px 6px #696969;
    text-align: center;
    line-height: 25px;
    font-size: 0.9em;
    margin-bottom: 2em;
}

.anterior a{
    color: #fff;
}

.facebook{
    margin-left: 2em;
    margin-bottom: 10em;
}

.slide{
    width: 100%;
    height: 370px;
    clear: both;
}

#slideshow img{
    width: 98%;
    margin-left: 1%;
    display: block;
    box-shadow: 3px 3px 8px #696969;
}



/*===========================================================
Historia da Uniodonto
============================================================*/
.historia{
    width: 95%;
    margin: 0 auto;
    clear: both;
}

.historia h1{
    color: #9a9696;
    font-size: 2em;
    border-bottom: 1px solid #a60069;
    margin-bottom: 1em;
    padding-bottom: 0.2em;
}

.historia p{
    color: #9a9696;
    font-size: 1.2em;
    padding-bottom: 1em;
    text-align: justify;
}

/*===========================================================
Diretoria
============================================================*/
.diretoria{
    width: 90%;
    height: auto;
    display: table;
}

.diretoria p{
    min-height: 40px;
    height: auto;
    line-height: 40px;
    width: 100%;
    background: #f4f4f4;
    border: 1px solid #ccc;
    font-weight: bold;
    color: #a60069;
    padding: 0;
    margin: 0;
    padding-left: 10px;
}

.list-diretoria{
    width: 100%;
    height: auto;
    display: table;
    border: 1px solid #ccc;
    padding-left: 10px;
    margin-bottom: 40px;
}

.list-diretoria li{
    margin-left: 0px;
    padding-left: 20px;
    list-style-type: square;
    color: #7c7979;
    font-size: 1.2em;
    line-height: 1.5em;
}

.list-diretoria h2{
    font-size: 1.2em;
    padding-left: 20px;
    padding-top: 8px;
}

/*===========================================================
Especialidades
============================================================*/
.especialidade h2{
    color: #a60069;
    font-size: 1.18em;
}

/*===========================================================
Cooperado
============================================================*/
.texto, .lbl{
    width: 17%;
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: right;
    padding-right: 0.5em;
    color: #7c7979;
}

.label_especial, .lbl-especial{
    width: 17%;
    height: 30px;
    float: left;
    text-align: right;
    padding-right: 0.5em;
}

.inp2, .ipt{
    width: 73%;
    height: 30px;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 6px #ccc;
    border-radius: 6px 6px 6px;
}

.msg{
    width: 73%;
    height: 130px;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 6px #ccc;
    border-radius: 6px 6px 6px;
}

.espec{
    width: 73%;
    height: auto;
    float: left;
    display: table;
    color: #7c7979;
    font-size: 1.2em;
    line-height: 1.4em;
}

.botoes{
    width: 80%;
    padding-top: 20px;
    clear: both;
    margin-top: 30px;
    margin-left: 20%;
    margin-bottom: 50px;
}

.envio{
    width: 100px;
    height: 35px;
    background: #a60069;
    box-shadow: 0px 0px 6px #696969;
    border: none;
    border-radius: 6px 6px 6px;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
}

.limpa{
    width: 100px;
    height: 35px;
    background: #f5e5ea;
    box-shadow: 0px 0px 6px #696969;
    border: none;
    border-radius: 6px 6px 6px;
    color: #a60069;
    font-size: 1.2em;
    cursor: pointer;
}

.limpa:hover, .envio:hover{
    box-shadow: 0px 0px 8px #000;
}

/*===========================================================
Plano PF
============================================================*/
.carencia{
    border-collapse: collapse;
}

.carencia tr{
    border-bottom: 1px solid #ccc;
    height: 30px;
}

.title{
    font-weight: bold;
}

.trmax{
    width: 70%;
}

.trmin{
    width: 15%;
    text-align: center;
}

.toogle h6{
    color: #a60069;
    width: 80%;
    height: 30px;
    line-height: 30px;
    background: #f4f4f4;
    cursor: pointer;
    padding-left: 15px;
    font-size: 1.2em;
    margin-top: 10px;
    border: 1px solid #ccc;
}

.toogle h6:hover{
    background: #eaeaea;
}


.tgl, .tgl2, .tgl3, .tgl4, .tgl5, .tgl6, .tgl7, .tgl8, .tgl9, .tgl10, .tgl11, .tgl12,
.tglp1, .tglp2, .tglp3, .tglp4, .tglp5, .tglp6, .tglp7, .tglp8, .tglp9, .tglp10, .tglp11, .tglp12,
.tglu1, .tglu2, .tglu3, .tglu4, .tglu5, .tglu6, .tglu7, .tglu8, .tglu9, .tglu10, .tglu11, .tglu12,
.tglr1, .tglr2, .tglr3, .tglr4, .tglr5, .tglr6, .tglr7, .tglr8, .tglr9, .tglr10, .tglr11, .tglr12
{
    border: 1px solid #ccc;
    width: 81.5%;
    height: auto;
    margin-bottom: 20px;
}

.tglradio1, .tglradio2, .tglradio3, .tglradio4, .tglradio5, .tglradio6, .tglradio7, .tglradio8, .tglradio9, .tglradio10,
.tglradio11, .tglradio12, .tglradio13,  .tglradio14, .tglradio15, .tglradio16, .tglradio17, .tglradio18, .tglradio19,
.tglradio20, .tglradio21, .tglradio22, .tglradio23, .tglradio24,.tglradio25,
.tglurg1, .tglurg2, .tglurg3, .tglurg4, .tglurg5, .tglurg6
{
    border: 1px solid #ccc;
    height: auto;
    padding: 1em;
    width: 78%;
}

.tgl p, .tgl2 p, .tgl3 p, .tgl4 p, .tgl5 p, .tgl6 p, .tgl7 p, .tgl8 p, .tgl9 p, .tgl10 p, .tgl11 p, .tgl12 p,
.tglp1 p, .tglp2 p, .tglp3 p, .tglp4 p, .tglp5 p, .tglp6 p, .tglp7 p, .tglp8 p, .tglp9 p, .tglp10 p, .tglp11 p, .tglp12 p,
.tglu1 p, .tglu2 p, .tglu3 p, .tglu4 p, .tglu5 p, .tglu6 p, .tglu7 p, .tglu8 p, .tglu9 p, .tglu10 p, .tglu11 p, .tglu12 p
{
    padding-left: 15px;
    padding-right: 15px;
    width: 80%;
}

.tglr1 p, .tglr2 p, .tglr3 p, .tglr4 p, .tglr5 p, .tglr6 p, .tglr7 p, .tglr8 p, .tglr9 p, .tglr10 p, .tglr11 p, .tglr12 p
{
    padding-left: 15px;
    padding-right: 15px;
    width: 680px;
}

/*===========================================================
Inscri��o PF
============================================================*/

.especialidade a{
    color: #a60069;
    text-decoration: underline;
}

/*===========================================================
Porque Contratar
============================================================*/
.especialidade li{
    list-style-type: square;
    color: #7c7979;
    font-size: 1.2em;
    margin-left: 5%;
    line-height: 1.4em;
}

/*===========================================================
Fale Conosco
============================================================*/
.carregando{
    color:#696969;
    display:none;
    width: 300px;
    height: 40px;
    line-height: 40px;
    margin-left: 100px;
}

.seleciona{
    width: 60%;
    height: 30px;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 6px #ccc;
    border-radius: 6px 6px 6px;
}

.seleciona2{
    width: 60%;
    height: 30px;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 6px #ccc;
    border-radius: 6px 6px 6px;
    margin-top: -20px;
}

.box-home{
    margin-top: -10px;
}

.box{
    display: none;
    margin-top: 20px;
}

.form-contato{
    background: #fff;
}

.lembrete{
    width: 70%;
    background: #bff9c2;
    min-height: 100px;
    height: auto;
    font-size: 1em;
    color: #258f2a;
    text-align: center;
    box-shadow: 3px 3px 6px #258f2a;
    border-radius: 12px 12px 12px;
    margin-left: auto;
    margin-right: auto;
}

.sucesso{
    width: 70%;
    background: #bff9c2;
    min-height: 100px;
    height: auto;
    font-size: 2.2em;
    color: #258f2a;
    text-align: center;
    box-shadow: 3px 3px 6px #258f2a;
    border-radius: 12px 12px 12px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
}

.erro{
    width: 70%;
    background: #f0d4da;
    min-height: 100px;
    height: auto;
    font-size: 2.2em;
    color: red;
    text-align: center;
    box-shadow: 3px 3px 6px red;
    border-radius: 12px 12px 12px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
}

.lembrete p{
    padding: 10px 20px 10px 20px;
    color: #258f2a;
}

.lembrete a{
    padding-bottom: 10px;
}

/*===========================================================
Porque a Uniodonto
============================================================*/
.escolha{
    float: left;
    margin-right: 10px;
}

/*===========================================================
Unidade M�vel
============================================================*/
.movel{
    float: left;
    margin-right: 10px;
    box-shadow: 3px 3px 6px #696969;
    width: 45%;
}

.movel2{
    float: left;
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    box-shadow: 3px 3px 6px #696969;
    margin-bottom: 30px;
}

/*===========================================================
Edi��es Anteriores
============================================================*/
.edicao{
    width: 23%;
    float: left;
    border: 1px dashed #ccc;
    height: 270px;
    margin-bottom: 30px;
}

.edicao:hover{
    background: #f4f4f4;
}

.edicao img{
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 1em;
    display: block;
    box-shadow: 3px 3px 6px #696969;
}

.edicao p{
    font-size: 0.9em;
    color: #a60069;
    text-align: center;
    font-weight: bold;
    padding-top: 0.6em;
}

.edicao li{
    list-style: none;
    font-size: 0.8em;
    color: #7c7979;
    text-align: center;
}

/*====================================================
Escrt�rios Regionais
======================================================*/
/* Modal */
.modalDialog, .modalDialog2, .modalDialog3, .modalDialog4, .modalDialog5 {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    overflow:scroll; /* activa scroll da p�gina se a modal for muito comprida */
}
.modalDialog:target, .modalDialog2:target, .modalDialog3:target, .modalDialog4:target, .modalDialog5:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div, .modalDialog2 > div, .modalDialog3 > div, .modalDialog4 > div {
    width: 50%;
    height: auto;
    position: relative;
    margin: 5% auto;
    border-radius: 10px;
    background: #fff;
    box-shadow: 1px 1px 30px #000;
}

.modalDialog .close, .modalDialog2 .close, .modalDialog3 .close, .modalDialog4 .close {
    background: #a60069;
    color: #fff;
    line-height: 30px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: 0px;
    width: 15px;
    height: 30px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 20px;
    padding: 0px 5px 0px 5px;
    box-shadow: 0px 0px 3px #fff;
}
.close:hover { background: #a60069; }

.ans{
    width: 130px;
    height: 35px;
    background: #000;
    border: 1px solid #fff;
    float: right;
    margin-top: 20px;
}

.ans p{
    color: #fff;
    line-height: 35px;
    font-size: 1em;
    font-weight: 100;
}

.ans img{
    width: 25px;
    margin-left: 0px;
    padding: 5px 5px;
    float: left;
}

.an img{
    height: 20px;
    width: 141px;
    margin-top: 30px;
}

/*--------- modal ------------*/

.modal-covid {
    display: block;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content/Box */
.modal-content-covid {
    background-color: #fefefe;
    margin: 100px auto;
    padding: 10px 15px 10px 15px;
    border: 1px solid #888;
    width: 50%;
    z-index: 999;
}

.close2 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    z-index: 999;
}

.close2:hover,
.close2:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.img-popup{
    width: 100%;
    height: auto;
    display: table;
}

@media screen and (max-width: 1130px) {
    .modal-content-covid {
        margin: 20% auto;
        width: 80%;
    }

}
@media screen and (max-width: 570px) {
    .modal-content-covid {
        margin: 30% auto;
    }
}

.linkLGPD{
    color:#a60069;
    text-decoration:none; 
}

.cx-cookies{width:80%;padding-top:15px;padding-bottom:15px;margin-left:10%;margin-right:10%;background:#eaeaea;margin-top:0;margin-bottom:0;display:table;position:fixed;z-index:300;bottom:10px;box-shadow:0 0 3px #666;border-radius:5px}.cx-cookies p{width:96%;margin-left:2%;margin-right:2%;text-align:justify}.actCk{color:#fff;background:#a60069;float:right;width:100px;height:30px;font-weight:700;border:none;border-radius:5px;cursor:pointer;margin-right:20px}.rcsCk{color:#666;background:0 0;float:right;width:100px;height:30px;font-weight:700;border-radius:5px;cursor:pointer;border:2px solid #666;margin-right:3%}.clear-ln{margin:0;display:none}@media screen and (max-width:650px){.cx-cookies{width:100%;margin-left:0;margin-right:0}.rcsCk{margin-right:5px}.clear-ln{width:100%;display:block;height:10px;clear:both}}          

/*Icone idss*/

.margin_icon_ans {
    margin-right: 10px;
}
.iconeIDSS {
    padding: 5px 15px !important;
    left: 1% !important;
    background:#a60069 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    display:table !important;
    position:fixed !important;
    z-index:300 !important;
    bottom:10px !important;
    border-radius: 50px !important;
}

.iconeIDSS a {
    color: #fff !important;
    align-items: center !important;
    display: flex !important;
    text-decoration: none !important;
    font-size: 0.8rem;
}

.iconeIDSS:hover {
    background-color: #93035e !important;
    transition: 0.5s !important;
}

.text-white {
    color: #fff !important;
}