html {
  /* background-image: url("../img/fondo.png"); */
}
body {
  /* background: #CEE3F6;*/
  width: 90%;
  margin: auto;
  font-family: Arial;
  }

#cont_principal {
  background: white;
  width: 90%;
  position: absolute;
}

#area_despliegue {
  background: white;
  margin-top: 0.5%;
  width: 60%;
  left: 25%;
  position: absolute;
}

/* #area_slider {
  background: green;
  margin-top: 5%;
  width: 50%;
  height: 100%;
  left: 23%;
  position: absolute;
} */

#menu_horiz {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  font-size: 1em;
}

#menu_horiz ul {   /*solo los elementos ul dentro de nav (menus) */
  list-style: none; /*se le quita el simbolo a la lista*/
  padding: 0;  /*espacio dentro de los elementos del ul */
  justify-content: center;
  }

#menu_horiz li {
  line-height: 2rem; /*altura de los li de todos elemento nav */
  position: relative;
  width: auto; /* antes 200px */
}

#menu_horiz li ul{
  position: absolute;
}

#menu_horiz a {
  text-decoration: none; /*quitarle el subrayado al enlace */
  display: block; /* para que abarque toda la altura del renglón */
  padding: 0 2rem; /*espacios entre elementos del menu*/
  transition: .5s; /*para que los cambios no sean tran bruscos*/
  color: #FFF;
}
#menu_horiz a:hover {
  background: rgba(0,0,0,.5);
}
/*primer nivel de menus*/
#menu_horiz >ul {
  background: #49A8FA;     /*overflow: hidden; */
  display: table;
  width: auto;  /*ancho del elemento */
}
#menu_horiz >ul >li {  /*solo aplica a los ul hijos del nav (segundo y tercer nivel NO)*/
  float: left;  /*aplicabla solo a los li del primer ul */
  width: auto;
}

/*segundo nivel de menus (submenus)*/
#menu_horiz li li {
  background: #A4A4A4;
  max-height: 0;
  transition: all .4s;
  overflow: hidden;
  width: 14em;
}

#menu_horiz li:hover li{
  max-height:500px;
  overflow: visible;
}

#marcologo{
    position: absolute;
    left: 1%;
    top: 1%
}

#logo{
    left: 10%;
    width: 10%;
    height:12%;
    position: fixed;
}

#mnulat{
  /* background: #dddddd; */
  top: 25%;
  left: 10%;
  width: 15%;
  height:20%;
  position: fixed;
}

#menu_later h2{
  color: #084B8A;
}

#menu_later ul{
  list-style: none;
  padding: 10;
  justify-content:center;
}

#menu_later li {
  line-height: 2rem;
  position: relative;
  width: auto;
}

#menu_later a{
  text-decoration:none;
  color: #2E2E2E;
}

#menu_later a:hover {
  font-style: italic;
  color: #084B8A;
}

#footer{
    top: 93%;
    width: 80%;
    left: 10%;
    text-align: center;
    position: absolute;
}

#images{
    width: 100%;
    top: 78%;
    position: absolute;
    text-align: center;
    color: rgb(0, 143, 213);
    font-size: .65em;
}

#footer a{
  font-size: 70%;
}

#footer p{
  font-size: 70%;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

#contenedor {
	width: 750px;
	border: solid 1px #000000;
	background: #FFC;
	padding: 8px;
	font-family:Verdana, Geneva, sans-serif;
	box-shadow: 6px 6px 6px 2px #000000;
	-moz-box-shadow: 6px 6px 6px 2px #000000;
	-ms-box-shadow: 6px 6px 6px 2px #000000;
	-o-box-shadow: 6px 6px 6px 2px #000000;
	-webkit-box-shadow: 6px 6px 6px 2px #000000;
}
#contenedor form {
	margin: auto;
}
#contenedor input {
	padding: 8px;
}

#contenedor textarea {
	padding: 8px;
}