/* GLOBAL ELEMENT STYLES */

* {
 box-sizing: border-box;
}

:link {
 color: #00F;
}

:visited {
 color: #0E388C;
}

/* LAYOUT */

html {
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background-color:#FFFFFF;
 color: black;
 --whatwggreen: #333399;
 --body-width: 900px;
 --body-padding: 0px;
 --body-top-padding: 0px;
 --header-main-font-size: 72px;
}



hgroup > h1 p {
 font-size: var(--header-main-font-size);
  color: #00981B;
}




body {
font:70% Tahoma, Verdana, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
text-align : justify;
margin: 0;
}

.container {
	width: 900px;
	margin: 0px auto;
	font-size: 1.2em;
	
}


/* texto h2 */

h2 {
  color: #000066;
  text-align-last: center;
}


/* texto h3 */

h3 {
  color: #ACAC9D;
  text-align-last: right;
  margin: 2px;
  padding-top: 2px;
}


/* p */

p {
  color: #000066;
  text-align-last: center;
}



#container99 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 900px;
	max-height:90px;
	margin:0px auto 0px;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}



/* Caracteristicas de la cabecera */

header {
	width: 100%;
	height: 120px;
	}

header img {
	width: 100%;
	height: 120px;
}

footer {
	width: 100%;
	height: 50px;
	}

footer img {
	width: 100%;
	height: 50px;
}






.botones_de_enlaces {
 --space-between: 0px; /* espacioo entre botones */
 display: flex;
}

@media (max-width: 600px) {
 .botones_de_enlaces {
  --space-between: 0px;
 }
}

.botones_de_enlaces > a {
 padding: 10px;
 text-align: center;
 border: 8px solid rgba(58, 121, 8, 0.2);
 background: linear-gradient(var(--whatwggreen), #000B5B);
 background-clip: padding-box;
 text-decoration: none;
 color: white;
 font-size: 14px;
 letter-spacing: 0.3px;
 margin-left: var(--space-between);
 margin-right: var(--space-between);
 flex: 1;
}

@media (max-width: 600px) {
 .botones_de_enlaces > a {
  border-width: 4px;
  padding: 5px;
 }
}

.botones_de_enlaces > a:first-of-type {
 margin-left: 0;
}

.botones_de_enlaces > a:last-of-type {
 margin-right: 0;
}

.botones_de_enlaces > a:hover, .botones_de_enlaces > a:focus {
  transition: 0.2s;
  transform: scale(1.1);
  background:  #00981B;
}

.botones_de_enlaces > a:not([href]) {
  background: transparent;
  color: black;
  font-weight: bold;
  /* background: linear-gradient(var(--whatwggreen), #00981B);*/
}

.botones_de_enlaces > a:not([href]):hover, .botones_de_enlaces > a:not([href]):focus {
  transition: none;
  transform: none;
  /* background: linear-gradient(var(--whatwggreen), #00981B);*/
}



/* Adaptacion para pantalla hasta 1500px */
@media screen and (max-width: 900px) {
	.container {
		width: 100%;
	}
	section{
		width: 100%;
		height: auto;
	}

	
}
/* Adaptacion para pantalla hasta 700px */
@media screen and (max-width: 768px) {
	
	section {
		width: 100%
		height:auto;
		
	}

	nav ul li {
	float: left;
	padding: 5px 5px;
	
}
	footer {
		height: auto;
	}

}
/* Adaptacion para pantalla hasta 480px */
@media screen and (max-width: 480px){
	
	
	nav ul {
		width: 30%;
		height: auto;
	}
	nav ul li {
		width: 30%;
		float: right;
		height: auto;
	}
	footer {
		height: auto;
	}

}