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

body {font-family: Segoe UI, Tahoma, Geneva, sans-serif; text-align: justify; color: #404040;}

h1, h2 {font-weight: 400; font-size: 1.9em; color: #195591; margin-bottom: 0.3em; text-align: left;}
h3 {display: block; background: #005179; font-size: .9em; color: #fff; padding: 7px 7px 7px 18px; margin-bottom: 0.5em; font-weight: lighter;}
article a {text-decoration: none;}
article a:hover {text-decoration: underline;}
article a:visited {color: #0000EE;}
ol {list-style-position: inside;}

.superior {width: 100%; height: 0px; background: #004F84;}
.wrapper {width: 85%; max-width: 1280px; margin: auto; overflow: hidden;}
.contenido p {margin-bottom: 1em; font-size: 1em; line-height: 1.6em;}
.imagen img {width: 100%; height: auto;}
.redes {display: inline-block; float: left;}
.face {display: inline-block; float: left; padding-top: 5px; padding-left: 10px;}

.frame {padding-bottom:56.25%; height:0; overflow:hidden; position:relative;}
.menu a {font-size: 0.84em;	display: block;	text-decoration: none; color: #004879; margin-bottom: 1em; padding-left: 18px;}
.menu a:hover {color: #FF3300;}
.flex .titulo1 {font-size: 1rem; margin-bottom: 0.3rem; color: #006BB3;}
.flex p { font-size: 0.9em; color: #323334; }
.flex .menu a {color: #004879; margin-bottom: .5em; text-decoration: none;}
.flex .menu a:hover {color: #FF3300; }

/*color para h4 1796C6 para tips 7FB3D5*/
iframe {position:absolute; height:100%; width:100%; left: 0;}

article {
	width:70%;
	padding:25px;
	float:left;
	box-sizing:border-box;
}

aside {
	width:30%;
  padding: 20px;
  box-sizing:border-box;
	float:left;
}

footer {
	width: 100%;
  padding: 15px;
  line-height: 1.6em;
  font-family: arial;
  background: #005179;
  color: #9BBDD5;
  font-size: 83%;
  text-align: center;
}



.search_bar {
  width: 30%;
  background: #004F84;
  float: left;
  padding: 7px 10px;
  box-sizing: border-box;
  position: relative;
}

.search_bar input {
  width: 100%;
  height: auto;
  border-radius: 50px;
  border: none;
  padding: 0px 10px 0px 25px;
  box-sizing: border-box;
  height: 30px;
}

.icon-search {
  position: absolute;
  bottom: 10px;
  right: 16px;
  color: #000000;
  text-decoration: none;
}




@media screen and (max-width: 950px){
	article {
		width:100%;
	}
	aside {
		width:100%;
	}
}