@charset "utf-8"

/*css document*/

*{	 
	margin: 0px; 
	padding: 0px;
} 

@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);

body {	
	margin:0 auto;
}

#barra_superior {
	background-color: transparent;
	box-sizing:border-box;
	width: 100%;
	min-width: 270px;
	padding: 0 3%;
	min-height: 70px;
}

#logo{
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	display: inline-block;
}

img {
	max-height: auto;
	max-width:100%;
}

header {
	box-sizing:border-box;
	width: 100%;
	background-color: #244987;
	min-width: 270px;
	height: 200px;
	background-image: url(../images/banner.png);
	background-position:left;
	background-size:auto 230px;
	background-repeat: no-repeat;

}

/*headend*/

/*body*/

.contenido {
	width: 100%;
	padding: 3% 2%;
	margin: 0 auto;
	display: inline-block;
	box-sizing:border-box;
}

.pag {
	width: 55%;
	float: left;
	display: inline-block;
	padding: 15px;
	min-width: 270px;
	box-sizing:border-box;
}

.info {
	width: 100%;
	margin: 25px 0; 
	border: 2px solid red;
	border-radius: 5px;
	padding: 9px;
	font-family: "MS Sans Serif",sans-serif,serif;
	font-size: 14px;
	text-align: justify;
	position: static;
	box-sizing:border-box;
	line-height: 1.2em;
}

.titulos {
	width: 90%;
	color:  #333;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-left: 10px;
	box-sizing:border-box;
}

.imagen  {
	float: left;
	margin-right: 9px;
	box-sizing:border-box;
}

.strong {
	font-weight: bold;

}

.pag1 {
	width: 40%;
	display: inline-block;
	padding: 15px;
	background-color: #e5e5e5;
	min-width: 270px;
	float: right;
	box-sizing: border-box;
}

#i_form {
	width: 97%;
	margin: 25px 0; 
	padding: 9px;
	box-sizing:border-box;
	min-width: 270px;
}

/*bodyend*/

/*footer*/

footer {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 20px;
	background-color: #244987;
	box-sizing:border-box;
}

.foot {
	color: white;
	font-family: "MS Sans Serif",sans-serif,serif;
	font-size: 14px;
	line-height: 1.2em;
	padding: 20px;
}