:root {
    --mobile: true;
}

@font-face {
    font-family: 'Titillium Web';
    src: url(../fonts/TitilliumWeb-Regular.ttf);
}

@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/OpenSans-Regular.ttf);
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

html{
	height:100%;
}

body{
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:1rem;
	height:100%;
	background-color:rgb(46,46,46);
	background:url(../img/bkg1.svg) no-repeat top center fixed;
	background-size:cover;
	padding-top: 2.22em;
}

a {
	color: inherit; 
}

a:link {   
	text-decoration:none;   
}

#index_header_table{
	font-size:150%;
	width:100%;
	background:rgb(15,15,110);
	border:0px;
	border-collapse:collapse;
	position:fixed;
	top:0;
	box-shadow:0 0 0.5em rgba(0,0,0,0.5);
}

#index_menu_button_div,
#index_volver{
	background-color:rgb(15,15,110);
	width:1.5em;
	color:white;
	line-height:0em;
	display:inline-block;
	position:fixed;
	top:0px;
}

#index_menu_button_div{
	right:0;
	
}

#index_volver{
	left:0px;
}


#index_menu_button_div:hover,
#index_volver:hover{
	cursor:pointer;
	color:#666;
}

#index_volver_icon,
#index_menu_icon{
	width: 1em;
	height: 1em;
	margin:0.24em;
	fill: currentColor;
}

#index_page_title{
	color:white;
	letter-spacing:0.1em;
	line-height:1.5em;
	white-space:nowrap;
	overflow:hidden;
	padding:0px 1.6em;
	display:block;
}

#index_menu{
	display:none;
	position:fixed;
	width:100%;
	top:2.22em;
	background-color:white;
	color:#444;
	box-shadow:0 0.25em 0.5em rgba(0,0,0,0.5);
}

#index_menu a{
	display:block;
	padding:1em;
}

#index_menu a:hover{
	background-color:rgba(15,15,110,0.5);
}

#index_menu_icon:hover{
	cursor:pointer;
	color:white;
}

#index_menu_button:checked ~ #index_menu{
	display:block;
}

#index_contenido_table{
	width:100%;
	height:100%;
	border:0px;
	border-collapse:collapse;
	position:fixed;
}

#index_contenido{
	border:0px;
	height:100%;
	width:100%;
	position:relative;
	overflow:auto;
}

#index_list{
	background-color:red;
	border:1px solid blue;
	width:100%;
	display:inline-block;
	vertical-align:bottom;
	float:left;
}

.warning{
	background-color:red;
	color:white;
	padding:0.5em;
}

.ancho_variable{
	text-align:left;
	position:relative;
	display:inline-block;
	background-color:white;
	overflow:hidden;
	width:100%;
}