body {
	margin: 0;
	padding: 0;
	background-color: #000000;
}

#barraaceptacion {
	display: none;
	position: fixed;
	left: 5px;
	right: 5px;
	bottom: 0px;
	padding-bottom: 10px;
	width: 95%;
	text-align: center;
	min-height: 40px;
	background-color: #000000;
	color: #FFFFFF;
	z-index: 99999;
	padding-top: 10px;
	padding-left: 5x;
	padding-right: 5px;
}



.inner {
	width:100%;
	position:absolute;
	padding-left:5px;
	background-color: #000000;
	font-family:arial;
	font-size:14px;
	top:20%;
}

.inner a.ok {
	padding:6px;
	color:#FFFF00;
	text-decoration:none;
}
.ok:link {
	padding: 6px;
	color: #84F7D1;
	text-decoration: underline;
}
.ok:hover {
	padding: 6px;
	color: #91FFE8;
	text-decoration: none;
}
.ok:visited {
	padding: 6px;
	color: #C2FF92;
	text-decoration: none;
}
.inner a.info {
	padding-left:5px;
	text-decoration:none;
	color:#000000;
}
.info:link {
	padding: 6px;
	color: #A5D8F9;
	text-decoration: underline;
}
.info:hover {
	padding: 6px;
	color: #A7DFFF;
	text-decoration: none;
}
.info:visited {
	padding: 6px;
	color: #92CAFF;
	text-decoration: none;
}
/*============================ MEDIA QUERIES ============================*/

/* Small screens | <1120px */
@media only screen and (max-width: 70em) {
	.container {
		width: 100%;
	}
	#barraaceptacion {
	display: none;
	position: fixed;
	left: 5px;
	right: 5px;
	bottom: 0px;
	padding-bottom: 10px;
	width: 85%;
	text-align: center;
	min-height: 40px;
	background-color: #000000;
	color: #FFFFFF;
	z-index: 99999;
	padding-top: 5px;
	padding-left: 5px;
	padding-right:5px;
}