*{
	margin: 0;
	padding: 0;
}
/*Valores por defecto para el color del texto, tamaño, color de fondo y la familia*/
body {
    display: block;
    margin: 8px;
}
body{
	color:#fcfcfc;
	background-color:#7aa7ba ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.825em ;
}
/*se pone al final para ajustar y dejarlo bonito*/
h2{
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

p {
    line-height: 1.5em;
    text-align: justify;
    font-family: san-serif;
    font-size: 25px;
    color:white;
    margin-left: 30px;
    margin-right: 20px;
}
/*Propiedades del menu vamos a utilizar las etiquetas del menu*/
ul{
	list-style-type: none; /*eliminar el punto*/
	display: flex;/*sirve para indicar como se muestra el elemento*//*flex significa que se debe ajustar a la caja*/
	margin-top: 3em;/*ajustar el borde de arriba de la pagina*/
	flex-direction: row;/*como se muestran los elementos: en fila o en columna*//*row es horizontal y colum es vertical*/
	overflow:hidden;
	background-color: lightblue;
}
li{
	flex-grow: 1;/*todos los elementos tienen la misma longitud*/
}
a{
	display:block;/*funcionamiento de la etiquetaa como bloque*/
	padding: 1em;
	background-color:lightblue;
	text-align:center;
	margin-bottom: 0.2em;
	text-decoration:none; /*sin subrayado*/
	color:#000000;
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;

}
a:hover{background-color:black;
	border-width: thin;
}
/*propiedades de los dos elementos de la pagina*/
ul{
        padding: 0;
        list-style: none;
}
ul li ul.dropdown{
        min-width: 100%; /* Establece el ancho de la lista desplegable */
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
}
nav{
	position: fixed;
	width: 300px;
	height: 100%;
	background-color: #2d2d2d;
}
li, a{
	display: block;
	padding: 14px 16px;
	text-align: center;
	color:white;
	font-size: 25px;
	text-decoration: none; 
}
/*line que sirve para dividir*/
.line{
	height: 20px;
	width: 20px;
}
/*para centrar la pagina y no coger toda la ventana*/
#pagina{
	width:960px;
	margin:0 auto;}/*ajustar caja*/
#article; #table{
	border-bottom-color: #204656;
	background-color:1px solid #04587a;
	margin:3em 0;
	padding:20px;
	text-shadow:0 2px 0 black;
}
#divuno{
    margin: 0 auto;
    overflow: hidden;
}
  
  }
.estilo1{
	margin-left: 350px;}
.estilo2{
	margin-left: 220px;
	font-size: 18px;}
.estilo3{ background-color:#0E69A0 ;
	color:white;
	border: 20px ;
   	border-radius: 20px; 
	font-size: 30px;}
.img{ float:left; }
.imagen{ float: right; }
/*tabla*/
table{
	width:100%;
	background-color: #88B3F5;
	border: 2px solid #000;
	border-collapse: all;
	color: black;}
th, td {
	width:16%;
	text-align: center;
	vertical-align: middle;
	 border: 10px #000;
    border-radius: 20px;
	padding: 0.3em;
	background-color: white;}
.sr {background-color: red;}
.rd{background-color: #2F90B5;}
.rc{background-color: 	#92D0E8;}
.m{background-color: #0E69A0;}
.of{background-color: #778785;}
.fol{background-color: #2E5AE4;}
.sor{background-color: #e6f2ff;}
.sg{background-color:#586489 ;}
.mn{background-color:#B4CEE2 ;}
.em{background-color: #0F93F9;}
.app{background-color: #083A61;}
.sr{background-color: #08B9D9; }
.tut{background-color: #47d1d1;}
.ing{background-color: #4da6ff;}
.hor{background-color: white;}
.td{background-color: #1074A3;
}
th {
	background-color: white;
}