@import url(banner.css);
@import url(contenido.css);

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background: #f2f2f2;
	font-family: 'Open Sans', sans-serif;
}

header {
	color: #fff;
}

header a {
	color: #fff;
	text-decoration: none;
}

.logo-menu {
	background: #00171f;
}

.logo-menu h2 {
	font-weight: 300;
	font-size: 30px;
}

.logo-menu .menu a {
	display: inline-block;
	padding: 40px 20px;
}

.logo-menu .menu a:hover {
	border-bottom: 4px solid #ff9f1c;
	padding-bottom: 36px;
}

.submenu {
	background: #003459;
}

.submenu nav a {
	padding: 26px 20px;
	display: inline-block;
}

.submenu nav a:hover {
	text-decoration: underline;
}

/* MAIN */
#bienvenidos {
	text-align: center;
	font-size:1.2em;
}
h1 {
	float: center;
}

.principal{

	width:100%;

	padding:1em;

	background-color:#FFF;

	height:auto;

	font-size:2.0em;

	color:#334776;



}
.col1{

	background-color:#FFF;

	font-size:24px;

	padding:2em;

	color:#333;

	text-align:justify;
}



/* FOOTER */
footer {
	background: #00171f;
	color:#fff;
	padding: 40px 0;
}

footer .nav a {
	width: 100%;
	display: block;
	padding: 20px;
	color:#fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

footer .nav a:hover {
	text-decoration: underline;
}

footer .logo {
	background: #003459;
	color:#fff;
	padding: 25px;
	font-weight: 300;
	border-radius: 0 30px 0 30px;
	font-size: 30px;
	text-align: center;
}