@charset "utf-8";
/* CSS Document */

/* index.php */
*{margin:0; padding:0;}
@import url('https://fonts.googleapis.com/css?family=Montserrat');
.principal{width: 100%; min-height:200px;}
.sidebar{width: 20%; min-height: 100%; background: #212528; border-right: 3px solid #1A57BD;float:left;}
.content{width: 79%; min-height: 100%; background: #fff;float:left;}
.logo{width:100%;height: 76px; }
.logo img{margin-left: 20px; width: 80%; }
.menu{width: 100%; min-height: 35px; margin-top: 35px;}
.menu li{padding-left: 30px;width: 100%; height: 45px; color: #000;  margin-bottom: 2px; text-align:left;font-family: montserrat; line-height:35px;}
.menu li a{text-decoration: none; font-size: 1.2em; color: #fff;}

/*login.php*/
.bg-login{background-image: url(../img/bg-login.jpg) ; width: 100% height: 100%;}
.login{background: #6295ea; width: 500px; height: 400px; margin:0 auto; position: relative; top: 150px; border-radius: 15px;}
.form{position:relative; top: 105px; left: 5px; width: 260px; height: 150px; margin: 0 auto; font-family: montserrat;  text-align:center;}
.botao-enviar {
    width: 100px;
    height: 30px;
    background: #000;
    border: 0;
    color: #fff;
    font-family: montserrat;
    border-radius: 10px;
	cursor: pointer;
	margin-top: 20px;
}

.imgconsultor{border-radius: 100px; width: 136px; height: 125px; margin-top: 20px;}
.titulo-ranking {
    margin: 15px auto 0 auto;
    width: 100%;
    height: 152px;
    text-align: center;
    font-family: montserrat;
    font-size: 1.5em;
}
.titulo-ranking h1 {
    line-height: 45px;
}
.titulo-ranking p {
    font-size: 0.8em;
    margin: 10px 10px;
}
.verlista{
	width: 50%;
	margin:10px auto;
}
.content-ranking{width: 100%; height: 100%}
.tb-ranking{margin:20px auto 0 auto; width: 50%;}
.tb-ranking td{padding: 10px;}
.listacompleta{width: 80%; height: 52px; display: block; background: #6295ea; text-align:center; text-decoration: none; font-family: montserrat; font-size: 0.8em; color:#fff; margin:50px auto 25px auto; font-weight:bold; line-height: 53px; border-radius: 10px; }
.coroa{width: 49px; height: 46px; position: absolute; left: 480px;}

.welcome {
    width: 100%;
    height: 25px;
    text-align: center;
    font-family: montserrat;
    margin-top: 30px;
}
.nav-mobile{
	display:none;
}

@media screen and (max-width: 600px) {
	.nav-mobile{
	display:block;
}
  .principal{width: 100%; min-height:200px; }
.sidebar{width: 100%; min-height: 80px; background: #212528; border-right: 3px solid #1A57BD;float:left;display:none;}
.content{width: 100%; min-height: 100%; background: #fff;float:left;}
.logo{width:100%;height: 76px; }
.logo img{margin-left: 60px; width: 80%; }
.menu{width: 100%; min-height: 35px; margin-top: 35px;}
.menu li{padding-left: 30px;width: 100%; height: 45px; color: #000;  margin-bottom: 2px; text-align:left;font-family: montserrat; line-height:35px;}
.menu li a{text-decoration: none; font-size: 1.2em; color: #fff;}
.tb-ranking{margin:20px auto 0 auto; width: 100%;}
.welcome {
    width: 100%;
    height: 25px;
    text-align: center;
    font-family: montserrat;
    margin-top: 30px;
}
/*Strip the ul of padding and list styling*/
ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
li {
    display:inline-block;
    float: left;
    margin-right: 1px;
}
/*Style for menu links*/
li a {
    display:block;
    min-width:140px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #2f3036;
    text-decoration: none;
}
/*Hover state for top level links*/
li:hover a {
    background: #afc7ef;
	color: #000;
}
/*Style for dropdown links*/
li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
/*Hover state for dropdown links*/
li:hover ul a:hover {
    background: #19c589;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
li ul {
    display: none;
}
/*Make dropdown links vertical*/
li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
    display: block;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #6295ea;
    text-align: center;
    padding: 10px 0;
    display: none;
	font-size: 25px;
	margin-left: -30px;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

 
/*Make dropdown links appear inline*/
    ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    ul li, li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    .show-menu {
        display:block;
    }


}