@charset "UTF-8";
@import url("estiloMenu-IJOID-3.css");
/* CSS Document */

*{
  box-sizing: border-box;
}
body {
	margin-left: 0;
	margin-top: 0px;
	background-color: #FFF;
	margin-right: 0px;
}
.fondo {
	width: 100%;
	text-align: center;
	height: auto;
	/* [disabled]background-image: url(imagenes/banner-IJOID.png); */
	/* [disabled]background-repeat:no-repeat; */
	background-color: #FEFEFE;
	background-size: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	position: relative;
	/* [disabled]min-width: 1000px; */
	margin-top: 0px;
}
.fondo .texto {
	font-family: 'Source+Sans+Pro', sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: 200;
	text-align: left;
	padding-left: 47px;
	padding-right: 30px;
	padding-top: 35px;
	height: auto;
	min-height: 1100px;
	width: 100%;
	max-width: 1000px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #DF6812;
	padding-bottom: 30px;
}
.fondo .pie {
	font-family: 'Source+Sans+Pro', sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: 200;
	text-align: justify;
	padding-left: 47px;
	padding-right: 30px;
	padding-top: 35px;
	padding-bottom:30px;
	height: auto;
	width: 100%;
	max-width: 1000px;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom:50px;
}
.fondo .texto2 {
	font-family: 'Source+Sans+Pro', sans-serif;
	font-style: normal;
	font-weight: 200;
	text-align: left;
	height: auto;
	font-size: 13px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #496090;
	line-height: 18px;
}
h1 {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #DF6812;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: -8px;
	margin-top: 25px;
}
h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight:400;
	color: #333;
	margin-top: 10px;
	margin-bottom: 5px;
}
.fondo .texto table tbody tr td ul li {
	line-height: 20px;
}
.fondo .texto .curiculum {
	font-size: 11px;
}
h4 {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: -5px;
	font-weight: 300;
}
h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	margin-top: 10px;
	/* [disabled]margin-bottom: -10px; */
	font-weight: 300;
	line-height: 16px;
}
h6 {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color:  #F57E28;
	font-weight:400;
	line-height: 22px;
	margin-bottom: -8px;
	margin-top: 25px;
}



.fondo .texto .textos h6 a {
	color: ##6788CF;
}
.fondo .texto .textos h6 a:hover {
	color: #6788CF;
}
.superior {
	font-size: 10px;
	vertical-align: super;
	font-weight: 300;
	line-height: 10px;
}
.biblio {
	display: list-item;
	margin-left: 0px;
}


.fondo .texto .textos {
	font-size: 13px;
	width: 76%;
	height: auto;
}
a:link {
	color:  #F57E28;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #DF6812;

}
a:hover {
	text-decoration: none;
	color: #7C97D3;
}
a:active {
	text-decoration: none;	
	color: #DF6812;
}
#lat {
	margin-left: 15px;
	background-color: transparent;
}
.fondo .texto .textos h2 a {
	color: F57E28;
}
.fondo .texto .textos h2 a:hover {
	color: #6788CF;
}
.foto {
	border: thin solid #6073A0;
	float: left;
	width: 224px;
	height: auto;
	margin-right: 100px;
	margin-bottom: 50px;
	padding-right: 10px;
	margin-top: 30px;
	margin-left: 50px;
}
.fotoDos {
	border: thin solid #CCC;
	float: left;
	width: 224px;
	height: auto;
	margin-right: 100px;
	/* [disabled]margin-bottom: 50px; */
	padding-right: 10px;
	margin-top: 1px;
	margin-left: 50px;
}
.fotoTres {
	border: thin solid #CCC;
	float: left;
	width: 200px;
	height: auto;
	margin-right: 50px;
	margin-bottom: 50px;
	/* [disabled]padding-right: 10px; */
	margin-top: 1px;
	margin-left: 0px;
}


.menu {
	/* [disabled]padding-top: 203px; */
	color: #FFF;
	width: 100%;
	max-width:1000px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	text-align: left;
	float:none;
	/* [disabled]min-width: 1000px; */
}
.fondo .menu header nav ul li a {
	color: #FFF;
}
.fondo .menu header nav ul li a:hover {
	color: #EDA265;
}
h5 {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight:400;
	color: #333;
	margin-top: 10px;
	margin-bottom: -10px;
}
.vol{
	width:100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	clear: left;
	}
.fondoazul {
	background-color: #3F5FAC;
	padding: 16px;
	color: #FFF;
	margin-top: 0px;
}
.fondo .texto .textos #si {
	height: auto;
	width: 100%;
}
.fondo .banner img {
	height: auto;
	width: 100%;
	margin-top:-33px;
}
#registro{
	display:none;
	margin-left:3%;
	font-size:10px;
	padding-bottom:2px;
	}
.fondo .texto .textos #fuera img{
	width:100%;
	height:auto;
	}
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	box-shadow:0px 4px 3px rgba(0,0,0,.3);
	padding-top:0px;
}
	
.menu-fijo {
	position:fixed;
	z-index:2000;
	top:0;
	box-shadow:0px 4px 3px rgba(0,0,0,.3);
	margin-top:33px;
	
	width: 100%;
	text-align: center;
	height: 33px;
	margin-right: 30px;
	margin-left: 790px;
	max-width: 180px;
	background-color: #3f5fac;
	padding-right: 20px;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #FFF;
	padding-top: 7px;
	float: right;
	clear: both;
	padding-left: 20px;

	}
.menu-fixed + contenido {
	padding-top:80px;
	}
.fondo .texto .textos ol li ol p img{
	width:100%;
	height:auto;
	}
@media only screen and (min-width: 320px) and (max-device-width: 800px) {

	.fondo .texto .textos{
		width:95%;
	}
	.fondo .texto {
		font-size: 12px;
		line-height: 18px;
		font-weight: 200;
		text-align: left;
		padding-left: 15px;
		padding-right: 5px;
		height: auto;
		margin-top:-50px;
		width:100%;
	}

	.fondo .arriba{
		display: none;}
	.fondo .banner img {
		height: auto;
		width: 100%;
		margin-top:20px;
	}
	.fondo .texto .textos .foto,.fondo .texto .textos div .fotoDos{
		margin-left:0px;
		}
	#registro{
		display:inherit;
	}
.fondo .pie {
	padding-left: 30px;
	margin-bottom:0px;
}
}