/* reseteo universal */
*{
	border: 0;
	margin: 0;
	padding: 0;
	font-family: Arial;
	
}

h1 {font-size:20px; color: #3c5487; 
	text-decoration: none;
	}
	
h2{
	font-size:18px; color: #3c5487;
	text-decoration: none;
	
}	
	
h3 {
	text-decoration: none;
}

body{
	background:url(../img/fondo.jpg);
	background-attachment: fixed;
	
}
.fade{
	weight: 100%;
}
#hprincipal{
	background: #f2f2f2;
	box-shadow: 0px 0px 10px black inset;
	margin-top: 0.5em;
	overflow:hidden; /* Eliminamos errores de float */
	width:100%; /* Establecemos que el header abarque el 100% del documento */
	
}

.wrapper{
	/*border: red 0.5px solid;*/
	margin:auto; /* Centramos los elementos */
	max-width:1100px; /* Aqui le decimos que el ancho máximo sera de 1000px */
	width: 80%;
	overflow:hidden; /* Eliminamos errores de float */
}

#logo{	
	padding:0;
	padding-top: .5em;
	margin: 0;
	float:left;
	height: 100%;
}

#banner{
	color: #f2f2f2;
	display: inline-block;
	float:right;
	height: 100%;
	position: relative;
	vertical-align: bottom;
}

#contact_bar{
	background: #949898;
	/*border: 0.1em solid #57AABB8;*/
	box-shadow: 0px 0px 10px black inset;
	/*font-family: Arial;*/
	height: 2.5em;
	width:100%;
}

#bar_content{
	margin: auto;
	width: 90%;	
}

#bar_content p{
	font-family: Tahoma;
	font-size: 14px;
	margin: auto;
	overflow:hidden; /* Eliminamos errores de float */
	padding-top:.70em;
	text-align: center;
}

#menu{
	/*padding:1em;*/
	/*border: green 1px solid;*/
	/*height: 120px;*/
}

#Contenido_Principal{
	
	height: 98%;
	width: 98%;	
	background:url(../img/bg01.jpg) no-repeat center center;
	float: center;
	 margin:auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#Contenido_Areas{
	background: #999999;
	background:url(../img/areas-4.png); /* no-repeat center center;*/
	background-repeat: no-repeat;
	background-size: 100%; //propotional resize
	
}

#contenido{
	background: #F2F2F2;
	box-shadow: 0px 0px 10px black inset;
	height: auto;
	/*height: 35em;*/
	margin: auto;
	margin-bottom:5em;
	margin-top: 2em;
	/*text-align: center;*/
	width:80%;
	padding-bottom : 3em;
	padding-top: 2em;
}

#bg_home{
	background:url(../img/bg01_cont.jpg);
}

#foot{
	background:#949898;
	box-shadow: 0px 0px 10px black inset;
	height: 4em;
	padding-top: 1em;
	text-align: center;
	width:100%;
}

#keywords{
	font-size: 6px;
	color: #3c5487;
}
/***************************************************** NEWS */

#news_content{
	color: #000;
	/*height:95%;*/
	margin: auto;
	overflow:hidden;
	text-align: center;
	padding-top: 1em;
}

#box{
	margin: auto;
	overflow:hidden;
}

#news_content .box{
	/*background:#ccc;*/
	/*display : inline-block;*/
	height: 100%;
	padding:0.15em;
	width: 95%;
	margin: auto;
}

#news_content p {
	font-style : bold;
	font-size: 20px;
	margin: 2em;
	text-align: justify;
}
#news_content p a:link{
	text-decoration : none;
}

/***************************************************** TRAYECTORIA */

#bio{
	width:90%;
	height:100%;
	color: #000;
	margin: auto;
	padding-top: 1em;
	text-align: justify;
	line-height: 2;
}

#bio .box .cvimg{
	padding-top : 5em;
	padding-left: 1em;
	margin-left: 3em;
}

.publicaciones{
	margin-left: 1em;
	list-style: square;
}

.areas{
	margin-left: 2em;
	
}
/***************************************************** FORMULARIO */

form {
	width: 100%;
}

form div{
	margin: 0.5em;
}

iframe{
	border-radius: 0.5em;
}

input[type="email"], input[type="text"], textarea{
	background: #CCC;
	border-radius: 0.25em;
	color: #000;
	font-size: 1em;
	font-family: Tahoma;
	padding: 0.25em;
	width: 95%;
}

input[type="email"]:focus, input[type="text"]:focus, textarea:focus{
	background: #C6ECF9;
}

input[type="submit"]{
	background: #F2F2F2;
	border-radius: 0.25em;
	color #FFF;
	font-family: Tahoma;
	font-size: 1.25em;
	padding: 0.25em;
}
input[type="submit"]:hover{
	color: BLUE;
	cursor: pointer;
}

label{
	color: #000;
	cursor: pointer;
}

legend {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
}

textarea {
	color: #000;
	resize: none;
}

fieldset {
	/*border: 0.1em solid #3F4F77;*/
	border-radius: 0.5em;
	padding: 1em;
}

section#contacto, section#mapa{
	/*background: #011E30;*/
	color: #000;
	/*border-radius: 0.5em;*/
	display: inline-block;
	font-size: 14px;
	font-family: Tahoma;
	margin: 0 auto;
	min-height: 350px;
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
	width: 45%;
	height:100%;
}

article#info-contacto, article#contactanos{
	color: #000;
	/*border: 0.1em solid #3F4F77;*/
	border-radius: 1em;
	margin: 0.5em;
	min-height: 144px;
	padding: 0.5em;
	padding-top: 2em;
	
	text-align: left;
}

span.datos-contacto{
	color:#000;
	margin-left: 2em;
}

section#mapa {
	text-align: center;
}