/*===========RESET CSS============*/
*{margin:0;padding:0;font-size:100%;outline:none;font-weight:300;box-sizing:border-box;font-family: 'Roboto', sans-serif;
}
body{background-color:#FFF}
a{text-decoration:none;}
img{max-width:100%;}

/*PADR�O*/
.container{width:100%;min-height:100%;position:relative;margin-top:20px;}
/*INDEX*/

.cont_esq{width:90%;height:auto;float:left;margin-left:5%;margin-right:5%;}

/*CONT. DIREITA*/
.cont_dir{width:100%;max-width:90%;height:auto;margin:5%}
.cont_dir_tit{font-size:22px;color:#102b52; text-align:center;border-bottom-color:#ff9100;font-weight:400;padding-top:10px}
.cont_dir_caixa{width:100%;max-height:300px;height:300px;margin-top:10px;overflow:auto;text-align:center}

/*HEADER*/
.cabecalho{width:100%;height:135px; float:left;padding: 0%; background-color:#102b52;}
.linha{width:100%;height:2px; float:left;padding: 0%; background-color:#ff9100;}
.logo{width:auto; height:80px; float:left; margin:1%;margin-left:5%;cursor:pointer}
.logo_text{margin-top:10%; font-size:22px;font-weight:800;color:#FFF;min-width:230px} 

/*MENU*/
.btn_menu{float:right;margin-top:1%;width:50px; height:50px; background:url(../img/menu.png) no-repeat;cursor:pointer;border:0px}
/*MENU*/
.menu{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.9);top:0;left:0;display:none;z-index:999}
.menu ul{width:100%;float:left;text-align:center;}
.menu li{padding:1.1%;}
.menu li a{font-size:2em; color:#fff;padding:1.5% 3%;}
.menu li a:hover{border:1px solid;border-color:#00F}

.btn_close{font-size:3em;color:#fff;float:right;cursor:pointer;margin-right:5%;}

.tab_prin{width:100%;height:auto; font-size:12px;}
/*RODAPE*/
.foot{width:100%;bottom:0;position:relative}
.rodape{width:100%;bottom:0;height:auto;float:left;padding: 0%; background-color:#102b52;}
.rodape2{width:100%;bottom:0;height:50px; float:left;padding: 0%; background-color:#102b52;}

/*Tela Login*/
.tela_login{
margin-left:25%;
width:50%;


	}
.logar_btn{
background-color:#0d0354;	
border-radius:10px;
font-size:22px;
color:white;
font-weight:bolder;
margin-bottom:10px;


	}	

/*Tela Sucesso*/
.link_sucesso{
float:left;
width:300px;
height:40px;
margin:3%;
background-image: linear-gradient(to bottom, #102b52, white);
border-radius:10px;
	}
	

.link_sucesso:hover{
background-image: linear-gradient(to bottom, #ff9100, white);
	}	
.link_texto{
color:white;
font-weight:bolder;
font-size:28px;
text-align:center;
	}
	
.link_sair{
float:left;
width:100px;
height:40px;
margin:5%;
background-image: linear-gradient(to bottom, #ba0000, white);
border-radius:10px;
	}	
.link_sair:hover{
background-image: linear-gradient(to bottom, #530000, white);
	}		


/*VERIFICA*/
.verifica{
float:left;
margin-left:15%;	
margin-top:20px;
width:70%;
text-align:center;
	}
.verifica_btn{
background-color:#0d0354;	
border-radius:10px;
font-size:22px;
color:white;
font-weight:bolder;
margin-top:10px;
cursor:pointer;
margin-bottom:10px;
	}

/*Cadastro*/
.cadastro{
overflow-y:hidden;
overflow-x:hidden;
margin-top:30px;
	}

.btn_cadastrar{
background-color:#0d0354;	
border-radius:10px;
font-size:22px;
color:white;
font-weight:bolder;
float:right;
	}
			
.cadastro_titulos{
font-size:20px;
border-bottom:dashed 2px;
border-left:double 2px;
padding-left:30px;
	
	}	

/*Listagem de atleta*/
.listagem_atletas {
	font-size:14px;
	margin-left:8%;
	}
	
/*classificacao*/
.classificacao {
	font-size:14px;
	width:100%;
	margin-bottom:20px;
	overflow:auto;
	
	}	

/*FALE CONOSCO*/
.faleconosco{
width:50%;
margin-left:25%;
text-align:center;
	}
	
/*ADMIN*/
.admin{
width:100%;
height:30px;
font-size:24px;
background-color:#333;
color:#FFF;
font-weight:400;
text-align:left;
	}	
	
	
/*COMPETI�OES*/	
.lista{
padding-top:20px;	
padding-left:20%;
font-size:20px;	
float:left;
	}
	
.tabelas{
	font-size:14px;
	width:100%;
	margin-bottom:20px;
	overflow:auto;
	
	}

/*BUSCA SERVI�OS*/	

.ser_menus{
	width:80%;
	height:400px;
	margin-left:10%;
	margin-right:10%;
	background-color:#999;
	
	}
	
.menu_lateral a:link{
	text-decoration: none;
	color:#000;
	}
	
.menu_lateral a:visited{
	text-decoration: none;
	color:#000;
	}	
.menu_lateral a:hover {
	text-decoration: none; 
	color: #ff9100;
	}
.menu_lateral a:active {
	text-decoration: none;
	}
        
        /*SUMULAS*/
        .sum_direita{
            float:right;
            width:49%;
            
        }
        .sum_esquerda{
            float:left;
            width:49%;
            margin-right: 1%;
        }
        
/*CARREGANDO*/        
.carregando{
    background-color: whitesmoke;
    width: 100%;
    height: 100vh;
    position: fixed
}

		
/*MOBILE FIRST*/
/*SMALL DEVICES*/

@media screen and (min-width: 320px){
	 .cont_dir{position:}
	 
	}
@media screen and (min-width: 480px){
		 .cadastro{float:left;margin-left:10%;}
		 .tab_prin{width:100%;font-size:16px;}
		
		 
		 
	}
	
@media screen and (min-width: 640px){
	.cont_esq{width:100%;height:auto; max-width:64%;height:auto;float:left;margin-left:5%;margin-right:1%;}
	
   .cont_dir{width:100%;max-width:24%;height:auto;float:left;margin-right::5%;margin-left:1%;margin-top:10px;}
   .cadastro{float:left;margin-left:20%;}
   
	}
		
	
@media screen and (min-width: 768px){

	
	}		
	
@media screen and (min-width: 960px){
	.btn_menu{display:none}
	.btn_close{display:none}
	.menu{width:auto;height:0px;line-height:30px;float:right;display:block;position:absolute;padding-left:25%;margin-top:104px}
	.menu ul li{list-style-type:none}
	.menu li{padding:0;float:left;}
	.menu li a{font-size:2em;padding:15px;color:#FFF}
	.menu li a:hover{color:#ff9100;border:none; text-decoration:underline;}
	.listagem_atletas{margin-left:5%; margin-right:5%;width:100%;font-size:18px}	
.classificacao {margin-left:5%;margin-right:5%;}


	}
@media screen and (min-width: 1280px){
	
	
	}