/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face{
	font-family: "GeosansLight";
	src: url(../fuentes/GeosansLight.ttf);
}
a{
	cursor:pointer;
}
.logo{
    max-height: 280px;
    margin-bottom: 20px;
    max-width: 90%;
}
html{
	background: #2a2a2a;
}
body{
	float:left;
	font-family: "GeosansLight";
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 50%, rgba(0,0,0,1) 100%);
    background-image: url(../imagenes/fondo.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin:0;
}
.contenedor{
	float:left;
	padding:10vh 0;
    background-color: transparent;
    color: #fff;
    text-align: center;
    margin: 0 !important;
}
.contenedor p{
    font-size: 30px;
    float: left;
    text-align: center;
    width: 100%;
    margin: 12px 0;
}
.contenedor p.actividad{
	font-size:40px;
}
.contenedor p.proximamente{
	margin:60px 0;
	font-size:50px;
	font-weight:bold;
	font-family:sans-serif;
}
.contenedor p .amarillo{
	color:#e6b64d;
}
.informame{
	float:left;
	width:100%;
	margin-top:50px;
	font-size:30px;
}
.informame input{
	text-align:center;
	margin-left:12px;
	color:#000;
	min-height:20px;
}
.informame input::placeholder{
	font-style:italic;
}
.informame button{
    border: 1px solid #ccc;
    background-color: #000;
    margin-left: 12px;
    cursor: pointer;
    color: #fff;
    min-height: 24px;
}
a, a:hover{
	color:#e6b64d;
	text-decoration:none;
}
footer p{
	text-align:right;
}
.container{
	padding-left:0;
}
.informame label{
	font-size:14px;
	float:left;
	width:100%;
	cursor:pointer;
	margin-top:20px;
}
.contenedor #cond_legales p{
	font-size:18px;
	text-align:left;
}
#cond_legales{
    float: left;
    width: calc(80% - 20px);
    margin: 20px 10%;
    color: #333;
    background-color: #eee;
    padding: 20px 10px;
    max-height: 50vh;
    overflow-y: scroll;
    text-align:left;
}
#sesion_iniciada{
    position: fixed;
    background-color: #fff;
    float: left;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 20px;
    top: 20px;
    right: 20px;
    width:auto;
}
#sesion_iniciada a{
	color:#333;
}
#aviso{
    min-height: 20px;
    position: fixed;
    width: calc(100% - 24px);
    text-align: center;
    padding: 8px 20px 12px;
    right: 0;
    bottom: 0;
    font-size: 1.2em;
    z-index: 100;
    border-top: 1px solid;
    transition:ease-in-out all 0.4s;
    cursor:pointer;
    margin:0px;
}
#aviso.notificacion{
    background-color: #e9ffe9;
    color:green;
}
#aviso.advertencia{
    background-color: orange;
    color: #323232;
}
#aviso.error{
    background-color: #ffe9e9;
    color:red;
}
#aviso.info{
    background-color: #e0f6fd;
    color:#1b2c55;
}

@media screen AND (max-width:800px){
	.contenedor{
		padding-top:30px;
	}
	.contenedor p{
		font-size:18px;
		margin:6px 0;
	}
	.logo{
	    max-height: 120px;
	    margin-bottom: 0;
	    max-width: 90%;
	}
	.contenedor p.actividad{
	    font-size: 20px;
	    width: 70%;
	    margin: 0 15%;
	}
	.contenedor p.proximamente{
		font-size:20px;
	    margin: 30px 0;
	}
	.informame {
	    float: left;
	    margin-top: 20px;
	    font-size: 20px;
	    > input{
		    width: 90%;
		    font-size: 18px;
		    margin: 10px 5%;
		    min-height: 20px;
		    padding: 6px 0;
		}
		button{
			padding: 6px 12px;
			width:90%;
			margin: 10px 5%;
			text-transform: uppercase;
		}
		> label > input{
			margin:0;
			margin-right:12px;
		    vertical-align: bottom;
		}
	}
}