/**agregado de fontfaces*/

@font-face {
    font-family: 'ITCFranklinGothicStdDemi';
    src: url('itcfranklingothicstd-demi-webfont.eot');
    src: url('itcfranklingothicstd-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('itcfranklingothicstd-demi-webfont.woff') format('woff'),
         url('itcfranklingothicstd-demi-webfont.ttf') format('truetype'),
         url('itcfranklingothicstd-demi-webfont.svg#ITCFranklinGothicStdDemi') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{height: 100%;}
body{
	margin:0px;
	padding:0px;
	font-family:  'Open Sans', sans-serif;
	color:#010101;
	background-color:#6F6F6E;
	height: 100%;
	font-size:13px;
	background:url(../images/bgpattern.png);
}
.bloque_texto{
	text-align:justify;
	padding-left:20px; 
	padding-top:35px;
}

.contendor_directora{ 
float:left;
height:200px;
margin-left:100px;
margin-top:-60px;
}

a.base-tesis{ 
		background:url(../images/base-tesis.png);
		display:block;
		width:202px;
		height:76px;
}

a:hover.base-tesis{ 
		background-position:0 -76px
}


a.base-casos{ 
		background:url(../images/casos.png);
		display:block;
		width:202px;
		height:76px;
}

a:hover.base-casos{ 
		background-position:0 -76px
}

a.entorno{ 
		background:url(../images/img_entorno.png);
		display:block;
		width:202px;
		height:76px;
}

a:hover.entorno{ 
		background-position:0 -76px
}


a.observatorio{ 
		background:url(../images/observatorio.png);
		display:block;
		width:202px;
		height:76px;
}

a:hover.observatorio{ 
		background-position:0 -76px
}

#head1{float: left;height:253px;position:relative;}
#header{
float: left;clear:both;
}
h1{margin:0px; color: #030077}
.fright{float: right;}
.m13{margin:13px;}
.m8{margin:8px;}

.wrapper{
	width:990px;
	margin:0px auto;
	position:relative;
}

.pagina{	
margin-top:5px;
	clear: both;
	overflow: hidden;
	border: 1px solid #DCDCDC;
	border-radius: 1px 1px 1px 1px;
	box-shadow: 0 0 4px 1px #DCDCDC;
	min-height:780px;
	background-color: #FFF;
	padding-bottom:30px;
}


#menu {
	background: #020088;
background: -moz-linear-gradient(top,  #020088 0%, #000015 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#020088), color-stop(99%,#000015));
background: -webkit-linear-gradient(top,  #020088 0%,#000015 99%);
background: -o-linear-gradient(top,  #020088 0%,#000015 99%);
background: -ms-linear-gradient(top,  #020088 0%,#000015 99%);
background: linear-gradient(to bottom,  #020088 0%,#000015 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020088', endColorstr='#000015',GradientType=0 );

	float:left;
	clear: both;	
	height: 51px;
	width: 990px;
	text-shadow:0px 0px 4px rgba(0,0,0,0.7);
}

.inner{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	height:60px;
}
.subfooter{
	margin-top:40px;
	padding-left:95px;

	padding-top:40px;

    background: url("../images/fceunl.png") no-repeat transparent;
    z-index: 1000;
	font-size: 11px;
	font-family:'ITCFranklinGothicStdDemi';
	color: #999;
	font-weight: lighter;
	line-height: 1.5em;
}

#footer{
background:url(../images/footer-background.png) repeat-x;
width:100%;
height:64px;
}

/*interno*/
h1.principal{
	font-family:'ITCFranklinGothicStdDemi',Arial;font-size: 19px;color:#010101;margin-bottom:20px;font-weight: lighter;
}
.derecha h3{
	background-color:#666767;color:#FFF;line-height: 35px;height: 35px;padding-left:15px;font-size: 16px; margin:0px; 
}
.paginaComun{padding:10px;}
.c150{width: 152px;float: left;}
.c500{width:540px;float: left;font-size: 15px;color:#666;line-height: 1.5em;text-align: justify;}
.derecha {float: right;width: 202px;margin-top:0px;margin-right:20px;}
.derecha ul{list-style: none;margin:0px;padding:5px;}

.derecha ul li a{
	color: #174eff;
	text-decoration: none;
	line-height: 2em; 
	display:block; 
	width:185px;	
	padding:5px;
	
	}

.derecha ul li a:hover{
	color:#fff;
	background-color: #174eff}

.c700{float:left;width:700px;text-align: justify;}
.info{color:#666;font-size: 11px;}
.izquierda{
	float: left;width: 700px;
}
.contenido{
	float:left;width: 750px;
}
.fijo{
	position:absolute;
	top:5px;left:0px;
	z-index: 9999;
}
.paginaVieja h2{color:#666;font-size: 16px;font-family:'ITCFranklinGothicStdDemi',Arial; }
.paginaVieja a{color: #d2691e;}
.paginaVieja p{line-height: 1.5em;}
.paginaVieja ol{line-height: 1.5em;}
.paginaVieja {margin-left:9px;}

.paginaVieja .tabla{
	background-color: #EEE;
}
.paginaVieja .tabla td{border-bottom:1px solid #CCC;}
.paginaVieja .tabla tr.cebra{background-color: #f7f7f7}



/**formato para paginas*/


.fondo_marron_claro{
	background-color:#EEEEDD;
}

.tabla_contenido{ 
	width:600px;
}

.tabla_contenido .titu{
	background-color: #d2691e;
	color:#FFFFFF;
}


.tabla_contenido a{
	color: #d2691e;
}

.cols2 {
    float: left;
    width: 300px;
	margin-left:50px;
}

.div_contenido {
    background-color: #F1F1E4;
    border: 1px solid #530000;
    margin: 0 10px 10px;
}

.div_contenido h1 {
    background-image: url("../images/backtitulo.jpg");
    color: #FFFFFF;
    font-size: 10px;
    margin: 0;
    padding: 3px;
}


.boton {
    background-color: #EEEEDD;
    border: 1px solid #D1CA94;
    color: #996633;
    font-size: 10px;
    font-weight: bold;
    margin: 2px;
    padding: 3px;
}

.contenido a {
    color: #990000;
	text-decoration:none;
}
.contenido a:hover { 
	text-decoration:underline;
}

#listado{
width: 800px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#listado ul li{
float: left;
width: 45%; list-style-type:none;
margin-left:10px
}

.nombre_testimonio{ 
	font-weight:bold;
}

.header_red {
    background-image: url("../images/backtitulo.jpg");
    color: #FFFFFF;
}
.tabla_contenido {
	border-color: #d2691e;
}

#idiomas{ text-align:right;
}

#idiomas a{ 
	color:#666;
	text-decoration:none
}

#idiomas a:hover{ 
	text-decoration:underline
}

.observatorio-icon{
    background-image: url("../images/observatorio-icon.png");
    background-repeat: no-repeat;
    background-position: center left;    
}

.derecha ul.observatorio-icon li a{
width: 103px;	
margin-left: 85px;

}
.mensajeInfo{
margin:10px;	
}

.contenido a,.derecha a{
	color:#174eff;
	transition:all 0.4s linear;	

	font-weight: bold;
	padding:4px 10px;
	border-radius:4px;
	
}
.contenido a:hover,.derecha a:hover{color:
#FFF;background-color: #174eff;text-decoration: none;}

.marcoImportante{
	border:2px solid #174eff;
	padding:1px;
	background-color: #174eff;
	border-radius:5px;
}
.marcoImportante a.importante{
	background-color: #174eff;
	padding:8px 1px;
	font-size: 14px;
	text-align: center;
	width:auto;
	color:#eee;
	
}
.marcoImportante a.importante:hover{
	text-shadow:1px 1px 3px rgba(0,0,0,0.6);
}