@charset "utf-8";
/* CSS Document */
body, html {	
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: arial;
	background: #BDBDBD;
}
header, footer {
	margin: auto;
    width: 100%;
    background-color: #1C1C1C;
    color: white;
    margin-bottom: 10px;
    padding: 5px;
}
footer {
    margin-top: 10px;
    margin-bottom: 0px;
}
#main {
    border-left: 20px solid #1C1C1C;
    border-right: 20px solid #1C1C1C;
	margin: auto;
    width: 90%;
    height: auto;    
    display: -webkit-flex; /* Safari */
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;    
}

#main div {
    -webkit-flex-grow: 0; /* Safari 6.1+ */
    -webkit-flex-shrink: 0; /* Safari 6.1+ */
    -webkit-flex-basis: 40px; /* Safari 6.1+ */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 200px;
    height: auto;
    text-align: center;    
}
li {
	list-style: none;
	margin: 0px 0px 0px -40px;
	
}
a {
	display: block;
	text-decoration: none;
	color: black;	
}
a:hover {
	background-color: #666;
	color: white;
	border-right: 5px solid #DF0101;
	border-left: 5px solid #DF0101;	
}
p {
	color: #2E2E2E;
	font-size: 1.2em;
	border: 1px solid green;	
	margin: -16px 0px 0px -40px;
}
hr {
	margin: 0px 0px 0px -40px;
}
.desactivar {
  pointer-events: none;
  cursor: default;
  color: #A4A4A4;
}