/* CSS Document */
/*Lo primero, todo el cuerpo que ocupe el 100%*/
html, body {   
   height: 100%;
}
 
/*Lo segundo, el container, con algura mínima del 100% y un margen inferior negativo igual al alto que queramos darle al pie*/
#container {
   min-height: 90%;
   margin-bottom: 0px;
   position: relative;
}
 
/*Lo tercero, el pie con la altura deseada (igual al margen negativo de antes)*/
#footer {
   height: 0px;
   position: relative;
}
 
/*Y terminamos con el clear, que ha de ser tan alto como el pie y "limpiar" todos los floats*/
.clear{
   height: 0px;
   clear: both;
}

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#fondo_app{
position:fixed;
top:0%;
left:0;
width:100%;
height:100%;
border:none;
}


.tabla_estilo_botonera {
	border-spacing: 0px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size:18px;
	width:99%;
	color: white;
	margin-bottom:15px;
	margin: 0px auto;
	
}

th {
	background-color: green;
	border: none;
	height: 40px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	color: white;
}

td {
	padding: 10px;
	border-bottom: 1px solid silver;
}


.tabla_estilo_1 {                   
	border-spacing: 0px;
	border-radius: 25px;
	-webkit-border-radius: 25px;	
	padding: 25px;
	font-size: 14px;
	width: 99%;
	background-color: white;
}

.tabla_estilo_titulo {
	border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 18px;
	width: 99%;
	background-color: green;
	color: white;
	margin-bottom:15px;
}

.tabla_estilo_2 {
	border-top: 0px; 
	border-bottom: 0px;                  
	border-spacing: 0px;
	border-radius: 25px 25px 0px 0px;
	-webkit-border-radius: 25px 25px 0px 0px;	
	padding: 25px;
	font-size: 14px;
	width: 99%;
	background-color: white;
}

.tabla_estilo_3 {
	border-top: 0px; 
	border-bottom: 0px;   
	border-spacing: 0px;
	padding: 25px;
	font-size: 14px;
	width: 99%;
	background-color: white;
}

.tabla_estilo_4 {
	border-top: 0px; 
	border-bottom: 0px;   	
	border-spacing: 0px;
	border-radius: 0px 0px 25px 25px;
	-webkit-border-radius: 0px 0px 25px 25px;	
	padding: 25px;
	font-size: 14px;
	width: 99%;
	background-color: white;
	
}

.tabla_estilo_1 a {
	
	font-weight: bold;
	color: blue;
}

.tabla_estilo_2 a {
	
	font-weight: bold;
	color: blue;
}
      
            
.textperiodo {
	
	font-size:16px;
	border: none;
	padding: 3px;
	width: 45px;
	text-align: center;
	margin-right: 2px;
	
}



/*
******************************* configurar css para menu socio **********************************
*/
.contenedor {
	
	/*max-width:1000px;*/
	width: 100%;
	margin:auto;
}

.contenedor p {
	margin-bottom:40px;
}

header nav {
	background:#f0f0f0;
	margin-bottom:10px;
}

header nav ul {
	list-style: none;
	overflow: hidden;
}

header nav ul li.li_1 {
	float: left;
}

header nav ul li.login {
	float: right;
}

header nav ul li a.c_1 {
	display: block;
	padding:10px;
	color: green;
	text-decoration: none;
	font-size: 16px;
	font-weight:bold;
	border-radius: 25px;
}

header nav ul li a.c_1:hover {
	background:#ccc;
	border-radius: 25px;
	color: white;
}


/* --- Clase que agregaremos cuando el usuario haga scroll --- */
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0px;
	/*max-width:1000px;*/
	left:0px;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}