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


#element::-webkit-scrollbar { 
    display: none; 
}
body {	
	overflow:scroll;
	overflow-x:hidden;
	padding:0%;
	margin:0px;
	font-family:'Droid Sans', Sans-serif;
	font-size:1rem;
	color:#1A1A1A;
}



header { 
	width:100%;
	height:110px;	
	/*background-color:#128c30;*/ /*paulo*/
	
	padding:0px;
	margin:0px;
	margin-top:0%;
	position:fixed;
	z-index:1;
	border-bottom:1px solid #0E7227;

}



.izquierda {
	margin-top:200px;
	
	height:100%;
	width:29%;
	
}

.medio {
	margin-top:200px;
	
	height:100%;
	width:39%;
	
}

.derecha {
	margin-top:200px;
	
	height:100%;
	width:29%;
	
}



body div div {
	float:left;
	display:inline-block;
	margin:0.5%;	
	height:80%;
}


footer { 
	width:100%;
	clear:both;
	background-color:#3E9600;
	height:30%;

}


/*Settin de imagenes*/
img {
	max-width:100%;
	min-height:50%;
	margin:0;
	padding:0;
}

/*Setting de Header*/
.header_div_mid{
	
	/*background-color:#0a0a0a;*/ /*paulo*/
    background-color: #0a0a0a;
	/*border-bottom:rgba(62,150,0,1.00) 1px solid;*/ /*paulo*/
	/*border-top:rgba(255,255,255,.3) 1px solid;*/ /*paulo*/
	margin:0px;
	height:90px;
	width:100%;
	box-sizing:border-box;
	float:left;
	display:block;
	padding-left:3%;
	padding-bottom:0;
	}
.logo_ligaempresas{
	max-height:105%;
	max-width:105%;
	height:auto;
	padding-left:100px;
	padding-right:10px;
	width:auto;
	margin:0;
    position:relative;
    top:-17px; left:-100px;
		}


.iniciar_sesion{
	float:right;
	margin-right:20px;
	margin-bottom:0px;
		
	display:inline-block;
	padding:0px;
	/*ANIMACION*/
-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
			}
.iniciar_sesion a{
	text-decoration:none;
	border:#FFA600 2px solid;
	border-radius:5px;
	position:relative; top:30%;
	color:#FFA600;
	padding:0.5%, 0.5%, 0.5%, 0.5%;
	margin-bottom:0px;
	font-size:1.2rem;
	/*ANIMACION*/
-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
		
	}
		
.iniciar_sesion a:hover{
	font-size:1.3rem;
	transform: scale(2,3);
			
		}
		
/*Barra de NAVEGACION*/

.navbar{
    width:100%;
    background-color:rgba(18,140,48,0.64);
    margin:0px;

    padding:0px;
    z-index:-1;

    height:0%; 
    position:relative; 


/*ANIMACION*/
	-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
	}
header:hover > .navbar {
	display:block;
	opacity:1;
	background-color:rgba(18,140,48,.95); top:0;}

	
.navbar ul {padding:0;margin:0;}			
.navbar ul li {
	font-family:'roboto', sans-serif;
	color:white;
	height:100%;
	list-style:none;
	display:inline-block;
	margin:0;
	padding:1%;
	width:25%;
	text-align:center;
    float:left;
	position:relative;
	font-weight:900;
	font-size:1rem;
	background-color:rgba(89,147,104,.90);
	border-left:rgba(255,255,255,.2) 1px solid;
	box-sizing:border-box;
	
	/*ANIMACION*/
	-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
	
	
	}

.navbar ul li:hover {
	background-color:rgba(12,96,33,.95);
	}
.navbar ul li:active {
	background-color:#0E7227;
	color:rgba(69,150,89,1.00);}
	

	
.navbar ul a {	
	height:100%;
	text-decoration:none;
	color:rgba(255,255,255,1.00);
	
	}

.navbar ul a:active {
	color:rgba(69,150,89,1.00);}	



.header_derecha{
margin:0px;
padding:0px;
float:right;
width:100%;}	
	
.link_canchas{
	/*background-color:rgba(12,96,33,.95);*/
    background-color:#0a0a0a;
	width:100%;
	height:26%;
	margin:0px;
	padding:0px;
	/*ANIMACION*/
-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
		
	}
		
.link_canchas a {
	color:rgba(255,255,255,1.00);
	text-decoration:none;
	position:relative; top:10px;
	font-size:0.8rem;			
	float:right;
	margin-right:12px; 
	/*ANIMACION*/
-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
		}
			
.link_canchas a:hover{
	color:rgba(255,255,255,0.91);
	font-size:0.85rem;
	margin-right:9px;}
.link_canchas a:active{
	color:rgba(255,255,255,0.91);
	font-weight:bold;
	margin-right:9px}
			
.link_canchas a img {
    float:right;
    height:27px;
    width:auto;
    position:relative; top:-10px;}



/*Aqui el intento de MEDIA QUERIE */

@media screen and (max-width: 720px) {

    header {
        display: none;
    }

    .responsive_navbar {
        display: none;
        background-color: rgba(18,140,48,0.0);
        margin: 0px;
        opacity: 1;
        padding: 0px;
        z-index: -1;
        height: 0%;
        position: relative;
        top: 0px;
        scale: (1,1);
    }

    .responsive_logo {
        display: block;
    }

    .navbar ul li {
        font-family: 'roboto', sans-serif;
        color: white;
        height: 100%;
        list-style: none;
        display: inline-block;
        float: left;
        margin: 0;
        padding: 1%;
        width: 100%;
        text-align: center;
        position: relative;
        top: 0%;
        font-weight: 900;
        font-size: 1rem;
        background-color: rgba(0,0,0,0.93);
        border-left: none;
        box-sizing: border-box;
    }


    .responsive_navbar {
        position: fixed;
        z-index: 1000;
    }

    header {
        width: 100%;
        height: 130px;
        background-color: #3E9600;
        margin-bottom: 2%;
        margin-top: 0%;
        display: none;
        position: fixed;
        text-wrap: suppress;
    }

    .izquierda, .medio, .derecha {
        background-color: white;
        height: auto;
        width: 100%;
        margin-top: 35px;
    }

    .link_canchas {
        display: none;
        position: fixed;
        bottom: 0%;
        background-color: rgba(0,0,0,.95);
        width: 100%;
        height: 30px;
        margin: 0px;
        padding: 0px;
        /*ANIMACION*/
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .medio {
        background-color: white;
        height: auto;
        width: 100%;
    }

    .derecha {
        background-color: white;
        height: auto;
        width: 100%;
    }

    body div {
        float: left;
        display: inline-block;
        margin: 0%;
        height: 80%;
    }

    footer {
        width: 100%;
        clear: both;
        background-color: #3E9600;
        height: 30%;
    }

    .menu_bar {
        display: block;
    }

    .navbar ul li span {
        color: white;
        opacity: .8;
    }

    .menu_bar span {
        float: right;
    }

    .menu_bar {
        display: block;
    }

    .menu_bar {
        display: block;
        margin-bottom: 100px;
    }
}