@charset "UTF-8";
@import url('./bootstrap/css/bootstrap.min.css');


@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


/****  Override da margem esquerda da span ****/
[class*="span"] {
    /*margin-left: 1% !important;*/
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
      font-family:Verdana;
}
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,
 article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
 output, ruby, section, summary, time, mark, audio, video {
  
    font-size:14px;
}
p{
        margin: 0 0 10px 0;
}
a:hover{
    text-decoration:none;
}

#MainPage{
    min-width:950px;
    overflow:auto;
}
#MainPageGestao{
    min-width:950px;
    overflow:auto;
}
.areaBanner{
     height:auto;
     min-width:950px;
}
.banner {
    position: relative;
    margin:auto;
}
.separadorCabecalho
{
    position: relative;
    width: 100%;
    margin:auto;
    min-height:0px !important;
    border-bottom:3px solid #4f78d5;
}

.header{
    margin-top:8px;
    width:100%;
    min-width:950px;
}
td {
    padding:0px !important;
}
.headerlogo{
    max-width:1200px;
    margin: 0 auto;

}
.headermenu{
    position:absolute;
    width:100%;
    top:150px;
}

#PageContent{
    position:relative;
    margin: auto;
    max-width:1180px;
    padding:0px 10px;
    min-height:60vh;

}
#PageGestaoContent {
    position:relative;
    margin: auto;
    max-width:1200px;
    min-height:78vh;
}
.logo{
    position:relative;
    padding:15px;
}

.headerlogo img {
    width: 250px;
}
.areaLogin,.areaLoginGestao{
    margin-top:0px;
}
.login a{
     display:block;
     color:#003081;
     text-align:center;
}
.user a{
     display:block;
     color:#003081;
     color:#003081;
     margin-top:3px;
     text-align:center;
     font-size:11px;
}
.login a[onclick] { 
      display:block;
      height:30px;
      background: transparent url(imagens/entrar.png) right no-repeat;
      color:transparent;
      width:100%;
      background-size: 25px 25px;
       background-position-x:center;

  }


.login a {
      display:block;
      height:30px;
      background: transparent url(imagens/sair.png) right no-repeat;
      color:transparent;
      width:100%;
      background-size: 25px 25px;
      background-position-x:center;
}
#FooterContent{
    background-color:#4f78d5;
}
/*.copyRight{
    text-align:center;
    color:#fff;
}*/

.footer span.copyRight {
    display: inline-block;
    text-align: center;
}

.footer .cookies {
    display: inline-block;
    text-align: right;
}

    .footer .cookies i {
        padding-right: 5px;
        color:#fff;
    }

    .footer .cookies a {
        color: #fff;
        text-decoration: none;
    }

        .footer .cookies a:hover {
            text-decoration: underline;
        }


/******* menu header ******/

.botaoMenu {
    padding: 10px;
    background-color: #4f78d5;
    color: #fff;
    margin-top:30px;
    cursor: pointer;
}
.botaoMenu:hover, .botaoMenu:hover{
    color: #fff;
}
.menuHeader 
{
    font-family:Verdana;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 5px 5px 0px 5px;
    list-style: none;
    float:left;
    border-bottom:0px;
  
}



.menuHeader img {
    display: none;
}
 ul{
    list-style-type:none;
    
}
.menuHeader li{
    float: left;
    padding:43px 10px 16px 10px;
    margin-right:5px;
}
.menuHeader li
.menuHeader li a, .menuHeader li a:visited,.menuHeader li a:link{
    color:#4f78d5;
    text-transform:uppercase;

}
.menuHeader li a span{
    font-size:12px;
}
.menuHeader li.selected{
    background-color:#4f78d5;
}
.menuHeader li.selected a{
    color:#fff !important;
}
.menuHeader li:hover a, .menuHeader li a:hover{
     color:#808080;
 }
/* retirar submenus */
.menuHeader li ul {
    display: none;
}


/******* menu principal ******/

.menuPrincipal 
{
    font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 5px 0px;
    list-style: none;
    float:left;
    margin-bottom:20px;
    
}

.menuPrincipal span {
    display: block;
    text-align:center;
    width: 100%;
    font-weight:bold;
    color:#4f78d5;
    text-transform:uppercase;
}

.menuPrincipal img {
    display: block;
    margin: 0 auto;
    max-width: 60px;

}
.menuPrincipal ul{
    list-style-type:none;
}
.menuPrincipal li{
    float:left;
    padding:5px 25px 5px 0px;
}
.menuPrincipal li:last-child{
    border-right:none;
}
.menuPrincipal li a, .menuPrincipal li a:visited,.menuPrincipal li a:link{
    color:#808080;
 
}
.menuPrincipal li a:hover{
    color:#003081;
 }
/*descriçao no menu*/
.menuPrincipal .descricao {
    MAX-WIDTH: 160px;
    font-size: 11px;
    text-align: justify !important;
    padding: 5px;
}

/******* menu principal ******/

.menuPrincipalServicos
{
    font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 5px 0px;
    list-style: none;
    float:left;
    margin-bottom:20px;
    margin-top:20px;
    
}

.menuPrincipalServicos span {
    display: block;
    /*text-align:center;*/
    width: 100%;
    /*font-weight:bold;*/
    color:#4f78d5;
    /*text-transform:uppercase;*/
    font-size:12px;
}

.menuPrincipalServicos img {
    display: block;
    margin: 0 auto;
    max-width: 45px;

}
.menuPrincipalServicos ul{
    list-style-type:none;
}
.menuPrincipalServicos li{
    max-width:275px;
    float:left;
    padding:5px 10px 5px 10px;
    /*border-right:1px solid #4f78d5;*/
    text-align:center;
}
.menuPrincipalServicos li:last-child{
    border-right:none;
}
/*.menuPrincipalServicos li a, .menuPrincipalServicos li a:visited,.menuPrincipalServicos li a:link{
    color:#808080;
 
}
.menuPrincipalServicos li a:hover{
    color:#003081;
 }*/
/*descriçao no menu*/
.menuPrincipalServicos .titulo {
    height:40px;
}
.menuPrincipalServicos .descricao {
    font-size: 11px;
    padding: 5px;
    color:#373737;
    text-align:justify;
}
/* retirar submenus */
/*.menuPrincipal li ul {
    display: none;
}*/


/* Media Queries */
/* Large desktop */

@media (min-width: 1200px) {
  .botaoMenu{
       display:none;
   }
    .footer span.copyRight {
        width: 60%;
        padding-left: 19%;
    }

    .footer .cookies {
        width: 19%;
        padding-right: 1%;
    }
}

@media (min-width: 979px) and (max-width: 1200px){
    .botaoMenu{
       display:none;
   }
    .footer span.copyRight {
        width: 60%;
        padding-left: 19%;
    }

    .footer .cookies {
        width: 19%;
        padding-right: 1%;
    }
}
/* Portrait tablet to landscape and larger */
@media (min-width:768px){
       /*#PageGestaoContent{
            width:900px;
        }*/
    .footer span.copyRight {
        width: 60%;
        padding-left: 19%;
    }

    .footer .cookies {
        width: 19%;
        padding-right: 1%;
    }
}
 
/* Portrait tablet to landscape and smaller */
@media (max-width: 979px) {
    .botaoMenu{
       display:none;
   }
    #PageGestaoContent{
        width:950px;
    }
    .footer span.copyRight {
        width: 60%;
        padding-left: 19%;
    }

    .footer .cookies {
        width: 19%;
        padding-right: 1%;
    }
    
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .logo{
        width:250px;
        float:left;
    }
       .botaoMenu{
           display:inline-block;
           margin-top:20px;
           margin-left:40px;
        }
       #PageGestaoContent{
         width:950px;
       }
   .menuHeader{
       width:100%;
       margin-bottom:5px;
   }

    .menuHeader li {
        float:none;
        width:95%;
        padding:5px;
        background-color:#fff;
        border:1px solid #4f78d5;
    }

    .menuHeader{
        z-index:99;
    }
    .footer span.copyRight {
        width: 60%;
        padding-left: 19%;
    }

    .footer .cookies {
        width: 19%;
        padding-right: 1%;
    }

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body{
        padding-left:0px;
        padding-right:0px;
    }
    .logo{
        width:250px;
        float:left;
    }
   /*.menuHeader {
       display:none;

   }*/

  .botaoMenu{
           display:inline-block;
           margin-top:0px;
        }
   .menuHeader{
       width:100%;
       margin-bottom:5px;
       /*border:1px solid #4f78d5;*/
   }

    .menuHeader li {
        float:none;
        width:95%;
        padding:5px;
        background-color:#fff;
        border:1px solid #4f78d5;
    }

    .menuHeader{
        z-index:99;
    }

   .areaLoginGestao{
       margin-top:0px !important;
       position:absolute;
       top:5px !important;
       left:700px !important;
       width:250px !important;
   }
   .areaLogin{
       margin-top:0px !important;
       position:absolute;
       top:5px !important;
       left:700px !important;
       width:250px !important;
   }

   .login a{
     color:#003063;
     margin:10px 10px 3px 10px;
     text-align:center;
    }
    .user a{
        color:#003063;
        color:#003063;
        margin:2px 10px 10px 10px;
        text-align:center;
    }
    .footer span.copyRight {
        width: 60%;
        padding-left: 19%;
    }

    .footer .cookies {
        width: 19%;
        padding-right: 1%;
    }

}

/* Landscape phones and down */
@media (max-width: 480px) {

    .logo{
        width:250px;
        float:left;
    }

    .botaoMenu{
           display:inline-block;
           margin-top:0px;
        }

   .areaLoginGestao{
       margin-top:0px !important;
       position:absolute;
       top:5px !important;
       left:700px !important;
       width:250px !important;
   }
   .areaLogin{
       margin-top:0px !important;
       position:absolute;
       top:5px !important;
       left:700px !important;
       width:250px !important;
   }
   .login a{
     /*color:#003063;
     margin:10px 10px 3px 10px;
     text-align:center;*/
}
    .user a{
        color:#003063;
        color:#003063;
        margin:2px 10px 10px 10px;
        text-align:center;
    }
    .footer span.copyRight {
        width: 60%;
        padding-right: 2%;
        padding-left: 0;
    }

    .footer .cookies {
        width: 19%;
    }

}

.avisoCookies {
    position: fixed;
    height: 70px;
    width: 98%;
    bottom: 0px;
    background-color: #f0f0f0;
    color: #003063;
    font-size: 14px;
    z-index: 99;
    text-align: center;
    padding: 1%;
    display: none;
    opacity: 0.9;
}

.avisoCookies.cookieVisivel {
    display: block;
    text-align: center;
}

.avisoCookies a {
    color: #007bff !important;
    padding-right: 10px;
}

.avisoCookies span {
    color: #333;
}

.avisoCookies a:hover {
    text-decoration: underline;
}