html {
	height: 100%;
}

body {
	background: black;
	margin: 0;
	padding: 0;
	height: 100%;
}

body.aventura {
	background: #1D1C29;	
}

ul, ul li {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#contenedor {
	background: url(../img/bg-aventura-01.png) no-repeat left 80px/*, url(../img/bg-aventura-02.png) no-repeat right bottom*/;
	height: 100%;
	position: relative;
	width: 100%;	
}

.contenido {
	margin: 0 auto;
	width: 450px;	
}

header {
	background: #363155 url(../img/textura.png) repeat-x bottom;
	box-shadow: 0 5px 10px #14131A;
	height: 80px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
}
	
	header h1 {
		display: none;	
	}
	
	#logo {
		height: 70px;
		padding: 11.5px;	
		width: 192px;	
	}
		
		#logo a {
			display: inline-block;	
		}
	
	header nav {
		left: 50%;
		margin: 14px 0 14px -55px;	
		position: absolute;
		width: 110px;
	}
	
		header nav a,
		header nav a:link,
		header nav a:visited,
		header nav a:active,
		header nav a:focus {
			background: transparent !important;
			color: #0C0C14;
			font: normal 18px Ubuntu, Helvetica, Helvetica, sans-serif;	
			text-shadow: 1px 1px 1px #444473;
			-webkit-transition: color 0.2s ease;
			transition: color 0.2s ease;
		}
		
		header nav a:hover {
			background: transparent !important;
			color: #00FFFF;	
		}
		
	#usuario {
		margin: 24px;		
	}
		
		#usuario a {
			color: #0C0C14;
			font: normal 18px Ubuntu, Helvetica, Helvetica, sans-serif;	
			text-decoration: none;	
			text-shadow: 1px 1px 1px #444473;
			-webkit-transition: color 0.2s ease;
			transition: color 0.2s ease;
		}
		
		#usuario a:hover {
			background: transparent !important;
			color: #00FFFF;	
		}
		
			#usuario .badge {
				background: url(../img/i-notificaciones.png) no-repeat center center;
				border-radius: 0;
				color: #00FFFF;
				font: normal 18px Ubuntu, Helvetica, Helvetica, sans-serif;	
				height: 30px;
				margin-left: 12px;
				padding: 0;
				text-shadow: 1px 1px 1px #444473;	
				width: 33px;
			}
		
#sidebar {
	height: 100%;
	left: 0;
	padding: 100px 20px 20px 20px;
	position: fixed;
	top: 0;
	width: 270px;
}	

#sidebar .contenido {
	background: #161624;
	border: black solid 4px;
	border-radius: 10px;
	box-shadow: 0 1px 1px -1px #29293C;
	height: 100%;
	position: relative;
	text-align: center;
	width: 100%;
}
	
	#mascara-mision {
		background: #090910;
		border-bottom: solid 1px #29294C;
		border-top: solid 1px #19192D;
		border-radius: 8px 8px 0 0;
		padding: 20px;	
	}
	
	#sidebar h2 {
		background: url(../img/textura.png) repeat-x top center;
		color: #00FFFF;
		font: normal 22px Ubuntu, Helvetica, Arial, sans-serif;
		margin: 5px 0 0 0;
		padding: 40px 0 0 0;
	}
	
	#sidebar a {
		background: #090910;
		border: solid 4px black;
		border-radius: 10px;
		bottom: 20px;
		box-shadow: inset 0 1px 1px -1px #29293C;
		color: black;
		left: 20px;
		padding: 10px;
		position: absolute;	
		text-decoration: none;
		text-shadow: 0 1px 1px #29293C;
		-webkit-transition: color 0.2s ease;
		transition: color 0.2s ease;
		width: 182px;
	}
	
	#sidebar a:hover {
		color: #00FFFF;
	}
	
.contenido-principal {
	margin:	0 0 0 270px;
	padding: 100px 20px 20px 20px;
	position: relative;
	width: auto;
	z-index: 300;
}

#parrafo-aventura p {
	color: #7474A3;
	font: normal 16px Varela, Helvetica, Arial, sans-serif;	
}

	#parrafo-aventura p b {
		color: #00FFFF;
		cursor: pointer;
		font: normal 16px Varela, Helvetica, Arial, sans-serif;	
	}
	
	#parrafo-aventura p b:hover {
		text-decoration: underline;	
	}
	
#bg-aventura {
	bottom: 0;
	height: 484px;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 674px;
}

	#bg-aventura img:first-child {
		bottom: 0;
		position: absolute;
		right: -5px;
		z-index: 200;
	}	
	
	#imagen-parrafo {
		bottom: 0;
		position: absolute;
		right: 0;
	}