@charset "UTF-8";
@import url('./bootstrap/css/bootstrap.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:12px !important;
}
p{
        margin: 0 0 10px 0;
}
a:hover{
    text-decoration:none;
}

#MainPageGestaoNova{
    width:100%;
    /*overflow:auto;*/
    min-width:900px;
    overflow:auto;
}


.separadorCabecalhoNova
{
    position: relative;
    width: 100%;
    height:39px;
    margin:auto;
    min-height:0px !important;
    border-bottom:1px solid #fff;
    background-color:#032256;
}

.headerNova{
    /*margin-top:8px;*/
    width:100%;
    /*padding:0 1%;*/
    /*min-width:950px;*/

     position:relative;
     z-index:1000;
     background:#fff;
     /*min-width:800px;*/
}
td {
    padding:0px !important;
}
.headerlogoNova{
    width:100%;
    margin: 0 auto;
    height:100px;
    background-color:#cdcdcd;
}

#PageGestaoNovaContent {
    /*position:absolute;*/
    position:relative;
    width:100%;
    /*top:150px;*/
    margin: auto;
    /*padding:0px 1%;*/
    min-width:900px;
   
}
.areaGestao{
     min-height:75vh;
     width:98%;
      margin: 0px auto;
    /*padding:0px 1%;*/
    min-width:800px;
}
.logo{
    position:relative;
    padding:0.5% 1% 0.5% 1%;
    width:78%;
    float:left;
}

.headerlogoNova img{
   max-width:250px;
   max-height:80px;
}
.areaLoginGestaoNova{
    padding:1%;
    width:18%;
    /*margin-top:18px;*/
    float:left;
}
.login a{
     display:block;
     color:#003081;
     text-align:center;
}
.user a{
     display:block;
     color:#003081;
     color:#003081;
     margin-top:3px;
     text-align:center;
}
.login a[onclick] { 
      display:block;
      height:40px;
      background: transparent url(imagens/entrar.png) right no-repeat;
      color:transparent;
      width:100%;
      background-size: 30px 30px;
      background-position-x:center;

  }


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

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

.BotaoMenuNova {
   color: #fff;
    cursor: pointer;
    text-align: center;
    width: 15%;
    display: block;
    height: 19px;
    padding:10px 0px;

}
.BotaoMenuNova:hover, label.BotaoMenuNova:hover{
    color: #fff;
    background-color:#032256;
    opacity:0.5;
}

#check_botaoMenu:checked + div.areaMenu {
    display:block !important;
}
.separadorCabecalhoNova{
    /*position:fixed;*/
    width:100%;
    z-index:9000;
}
.separadorCabecalhoNova >input {
	position:absolute;
	left:-999em
}
.areaMenu   {
    position:absolute;
    display:table;
    font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    margin: 0;
	width:20%;
    min-width:300px;
    list-style: none;
    float:left;
    margin-bottom:20px;
    z-index:99;
    /*background-color:#4f78d5;*/
    display:none;
    border-top:1px solid #fff;
	/*border:1px solid #000;*/
	/*background:red;*/
	max-height:99em;
	opacity:1;
	height:auto;
    height:79vh;
    background-color:#d1d1d2;
	overflow-x:hidden;
    overflow-y:auto;
	/*transition:opacity 1.5s linear, max-height 1.5s linear;*/
}
/******* menu principal ******/

.menuPrincipalGestao ul li>span  {
    display: block;
    /*text-align:center;*/
    width: 100%;
    font-weight:bold;
    color:#032256;
    /*text-transform:uppercase;*/
    font-size:14px;
    padding-top:10px;
}
.menuPrincipalGestao ul li a span  {
    display: block;
    /*text-align:center;*/
    width: 80%;
    /*font-weight:bold;*/
    color:#032256;
    /*text-transform:uppercase;*/
    font-size:12px;
    float:left;
    padding-left:5px;
}
.menuPrincipalGestao img {
    display: block;
    margin: 0 auto;
    width: 5%;
    float:left;

}
.menuPrincipalGestao ul {
    display:table;
    list-style-type:none;
    margin-bottom:20px;
    margin-left:0px;
    /*height:500px;*/
    width:100%;
    /*background-color:#4f78d5;*/
}
/*.menuPrincipalDashBoard ul {
    border-top:1px dashed #fff;
    padding-top:10px;
}*/
.menuPrincipalGestao ul li{
    display:inline-block;
    padding:5px 2%;
    float:left;
    width:98%;
}
/*.menuPrincipalNova li:hover{
    opacity:7;
}*/

.menuPrincipalGestao ul li ul{
    padding-left:3%;
    width:97%;
 
}
.menuPrincipalGestao li:last-child{
    border-right:none;
}
.menuPrincipalGestao li:hover{
    /*color:#003081;*/
    opacity:0.7;
 }
/*descriçao no menu*/
.descricao {
    MAX-WIDTH: 260px;
    font-size: 11px;
    text-align: justify !important;
    padding: 5px;
}
/* retirar submenus */
/*.menuPrincipal li ul {
    display: none;
}*/


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

@media (min-width: 1200px) {

}

@media (min-width: 979px) and (max-width: 1200px){
    
}
/* Portrait tablet to landscape and larger */
@media (min-width:768px){
       
}
 
/* Portrait tablet to landscape and smaller */
@media (max-width: 979px) {
    
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body{
        padding-left:0px;
        padding-right:0px;
    }
   
}

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

}