html {
    height: 100%;
}

body {
	background:#eeeeee;
	width:100%;
	height:100%;
}

#contenidoInicio {
	overflow:auto;
}

.container {
	margin-top:20px;
	max-width:300px;
}
.container2 {
	position:absolute;
	top:30px;
	left:30px;
}
.divVideo {
	position:absolute;
	top:320px;
	width:100%;
	text-align:center;
}

#formulario {
	text-align:center;
}
#logo-ava {
	margin-bottom:20px;
}
#btnIngresar {
	margin-top:10px;
}

.loader {
  font-size: 10px;
  margin: 20% auto;
  text-indent: -9999em;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background: #3c5563;
  background: -moz-linear-gradient(left, #3c5563 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #3c5563 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #3c5563 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #3c5563 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #3c5563 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #3c5563;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #eeeeee;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.lista_encabezado {
	background:#3c5563;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:40px;
	box-shadow:0 5px 5px 1px rgba(0,0,0,0.8);
	z-index:5;
}
.lista_logo {
	margin-left:2%;
	float:left;
	height:100%;
	display:table;
}
#logo {
	font-family:'Stardos Stencil', cursive;
	font-size:15px;
	text-decoration:none;
	color:#eeeeee;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
#logo:hover {
	text-decoration:none;
	cursor:pointer;
}
#lista_usuario {
	margin-right:2%;
	float:right;
	height:100%;
	display:table;
}
#lista_usuario_value {
	font-family:'Stardos Stencil', cursive;
	font-size:15px;
	text-decoration:none;
	color:#eeeeee;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
#lista_usuario_value:hover {
	cursor:pointer;
}

.barraLateral {
	padding-left:0;
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	width:200px;
	background:#121414;
	overflow:auto;
	box-shadow:0 5px 5px 1px rgba(0,0,0,0.8);
	z-index:4;
}
.barraLateral ul {
	padding-left:0;
	list-style-type:none;
	position:absolute;
	top:30px;
	left:0;
	right:0;
}
.barraLateral ul li {
	font-family:'Stardos Stencil', cursive;
	color:#eeeeee;
	width:100%;
	list-style:none;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
}
.barraLateral ul li:hover {
	cursor:pointer;
}

#seccion1, #seccion2, #seccion3, #seccion4, #seccion5, #seccion6, #seccion7, #seccion8 {
	background:#121414;
}

.contenidoPrincipal {
	position:absolute;
	top:40px;
	left:200px;
	bottom:0;
	right:0;
	z-index:3;
	background:#ffffff;
}

#pPrincipal {
	width:100%;
	height:100%;
}


.nav {
	padding-left:0;
	position:absolute;
	top:0;
	left:0;
	width:300px;
	padding:0;
	margin:auto;
	display:block;
}
ul, ol {
	list-style:none;
}
.nav li {
	display:block;
}
.ulPrincipal {
	display:block;
	padding-left:0;
	height:55px;
	width:100%;
	font-family:'Stardos Stencil', cursive;
}
.itemPrincipal {
	padding-top:20px;
	display:block;
	padding-left:0;
	background:#3c5563;
	height:55px;
	width:100%;
	text-align:center;
	box-shadow:0 1px 1px 1px rgba(180,180,180,1);
}
.itemPrincipal a {
	display:block;
	text-decoration:none;
	color:#eeeeee;
}
.ulPrincipal li:hover {
	cursor:pointer;
}
.ulSecundario {
	padding-left:0;
	position:absolute;
	top:55px;
	width:100%;
	display:none;
	background:#bcc7cc;
}
.items {
	color:#3c5563;
	border: 1px solid rgba(180,180,180,1);
	padding-left:0;
	padding-top:15px;
	padding-bottom:15px;
	width:100%;
	display:block;
}
.items:hover {
	background:#eeeeee;
}
.ulPrincipal li:hover > .ulSecundario {
	display:block;
	cursor:pointer;
}

.contenedorBotones {
	position:absolute;
	top:0;
	left:302px;
	height:55px;
	right:0;
	overflow:auto;
	background:#ffffff;
}
.botonesPrincipal {
	font-family:'Stardos Stencil', cursive;
	margin-top:10px;
	margin-right:5px;
	height:35px;
	float:left;
	background:#bcc7cc;
	box-shadow:0 1px 1px 1px rgba(0,0,0,0.2);
}

.contenedorInformacion {
	position:absolute;
	top:65px;
	left:10px;
	right:10px;
	bottom:10px;
	overflow:auto;
	display:flex;
	align-items: center;
}
.contenedorInformacion img {
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
	padding-bottom:55px;
}