/******************************** ESTRUCTURA **************************************/
body {  text-align:center;
		font-size:1em;	
		margin:0; 
		background-color:#C4D0E5;
		/*background-image:url(../imagenes/fondo.gif);
		background-repeat:repeat;		*/
	 }
ul,li,ol {list-style-type:none;}
div#contenedor {
	width:48em;		
	position:relative;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	border-left:1px solid #427CE1;
	border-right:1px solid #427CE1;
	}
div#contenido {
	background-image:url(../imagenes/fondo_contenido.jpg);
	background-position:11em;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	}
div#izquierda {width:11em;float:left; margin-bottom:0em; }	
div#informacion {	
	width:71%;float:left; clear:right; margin-top:1px; padding-left:2em; 
	padding-top:0.5em; text-align:left;				 
	font-size:0.75em; color:#666; font-family:"Trebuchet MS", Verdana, Arial;
	line-height:1.6em;
}			
div#centro {width:65%; float:left;margin-left:0.1em; margin-right:auto;}
div#derecha {width: 33%; float:left;margin-left:auto;}
div.contenidos{background-color:#FFFFFF;}
div.contenidoTema{
	padding-left:10px;padding-right:10px;padding-top:15px;border: 1px solid #ccc;
}
/**************************** Estilos generales del sitio *************************************/
div#separador {clear:both;font-size:1px;}
div#informacion .resaltado {color:#4189DD;}
div#informacion h1.tituloPrincipal {margin-top:12px; font-size:1.45em;padding-left:2.8em; color:#ff9a00; padding-top:0.6em; background-image:url(../imagenes/DetalleTitulo.jpg); background-repeat:no-repeat; height:42px; }
div#informacion h1.tituloPrincipal.flotando {float:left;}
div.contenidoTema h1{text-align:left;margin-right:10px;font-size:1.8em;color:#4189DD;}
h2 {color:#FF9900; font-family:Arial, Helvetica, sans-serif; font-size:1.25em;margin-top:0px }
h3 {color:#006699; font-family:Arial, Helvetica, sans-ser if; font-size:1.2em;margin-top:0px }
div#informacion li {line-height:1.65em;}
ul.lista span {font-weight:bold;margin-left:-15px}
ul.lista li { list-style-type:none;
	   		  padding-left:15px;
			  margin-left:-15px;
			  background-image:url(../imagenes/lista.gif);
			  background-repeat:no-repeat;
			  background-position:0px 4px;			
			}
ol li{margin-bottom:1em;}
.negrita {font-weight:bold;}
ul.listaNaranja {list-style-type:none;margin:5px;}
ul.listaNaranja li {margin-left:5px;padding-left:14px; padding-bottom:1em; background-image:url(../imagenes/li.gif); background-repeat:no-repeat; background-position:0px 5px }
a img {border:1px solid #427CE1;}
img.mapaConceptual { border: 0;}
div#informacion ul.imagenes{text-align:center; margin:0; padding:0; list-style-type:none;}
div#informacion ul.imagenes li{ display:inline; background:none;  margin:0; line-height:110px;}

div#libros { clear:both; }
div#libros p { margin-left:2em; padding-top: 1.5em; padding-left:1em;}
.imagenLibro{ float:left; margin-right: 1em;}

div.imagenTapiz { float: left;}

div.textil{clear:both; }
div.textil span{ padding-left:1em; padding-top: 3em; }
.flecha{float:left; margin-right: 1em;}


table.tablametodos{border: 1px solid black;}
table.tablametodos th{ border: 1px solid black; }
table.tablametodos th.aliIzquierda{
padding: 10 40 10 10;
text-align:left;
}

#info_arquitectura{clear:both; height:37em;}
.imagen_arquitectura{float:left; margin-right: 1em; border:0; margin-top:3.5em; width:50%;}
#introduccion{font-size:0.9em; border: 1px solid #FF9A00; background-color:#FFFEDF; width:235px; margin-left:26em; visibility:hidden;}
#introduccion p{padding:0.5em;}
#introduccion ul{padding:0.5em;}
#cuerpo_trabajo{font-size:0.9em; border: 1px solid #FF9A00; background-color:#FFFEDF; width:235px; margin-left:26em; visibility:hidden; margin-top:-32em;}
#cuerpo_trabajo p{padding-left:1em;}
#cuerpo_trabajo ul{padding-left:1em;}
#conclusiones{font-size:0.9em; border: 1px solid #FF9A00; background-color:#FFFEDF; width:235px; margin-left:26em; visibility:hidden; margin-top:-28.5em;}
#conclusiones p{padding-left:1em;}
#conclusiones ul{padding-left:1em;}
.parrafo_inferior{margin-top: 2.8em;}
/************************** Solo para IE *******************/
* html #introduccion{margin-bottom:6em; margin-top:2em;}
* html #cuerpo_trabajo{margin-bottom:2em; margin-top:-39em;}
* html #conclusiones{margin-bottom:2em; margin-top:-34em;}
* html .parrafo_inferior{margin-top: 0.5em;}
* html #info_arquitectura{clear:both; height:33em;}
/************************************************************/


/****************************       Index     ********************************************************/
.textoIntro {float:left; width:60%; margin-top:20px;margin-right:20px;}
.imagen {float:left;padding-left:30px}
.imagen img {padding:1px; border:1px solid #427CE1; margin-top:10px;}
/**************************** Estilos presentaci� m�ulos ***************************************/
div.tres_columnas {background-color:#FFFFFF;border: 1px solid #ccc; width:100%; padding-top:25px;}
div.columna1 {text-align:left;}
div.columna ul {margin-left:0;padding-left:5px;}
div.columnacentrada {text-align:center;}
div.columna33 {float:left; width:32%; }
div.columna50 {float:left; width:49%; }
div.columna60 {float:left; width:59%; }
div.columna40 {float:left; width:39%; }
/****************************/
ul.listaPaleta {list-style-type:none;margin:3px;}
ul.listaPaleta li {padding-bottom:27px;margin-left:3px;padding-left:31px; background-repeat:no-repeat; background-position:0px 0px }
ul.listaPaleta li.lirojo {background-image:url(../imagenes/lirojo.gif); }
ul.listaPaleta li.liazul {background-image:url(../imagenes/liazul.gif);}
ul.listaPaleta li.liverde {background-image:url(../imagenes/liverde.gif);}
ul.listaPaleta li.liamarillo {background-image:url(../imagenes/liamarillo.gif);}
/****************************      Fondos pesta�s      ******************************************/
div.texto h1{position:relative;top:-10px;}
div#contenido.contenidos div.contenidos { background-position:37.5em 8px; background-repeat:no-repeat;}

div#contenido.contenidos div.contenidos.mod11 { background-image:url(../imagenes/detalle1-1blanco.jpg)}
div#contenido.contenidos div.contenidos.mod12 { background-image:url(../imagenes/detalle1-2blanco.jpg)}
div#contenido.contenidos div.contenidos.mod13 { background-image:url(../imagenes/detalle1-3blanco.jpg)}

div#contenido.actividades div.contenidos { background-position:34em 8px; background-image:url(../imagenes/actividades.jpg); background-repeat:no-repeat;}
div#contenido.bibliografia div.contenidos { background-position:34em 8px; background-image:url(../imagenes/bibliografia.jpg); background-repeat:no-repeat;}
div#contenido.competencias div.contenidos{ background-position:34em 8px; background-image:url(../imagenes/competencias.jpg); background-repeat:no-repeat;}
div#contenido.objetivos div.contenidos{ background-position:34em 8px; background-image:url(../imagenes/objetivos.jpg); background-repeat:no-repeat;}
div#contenido.metodologia div.contenidos{ background-position:34em 8px; background-image:url(../imagenes/metodologia.jpg); background-repeat:no-repeat;}
div#contenido.glosario div.contenidos{ background-position:34em 8px; background-image:url(../imagenes/glosario.jpg); background-repeat:no-repeat;}
/*************************** Listas pesta�s ***********************************************/
div.texto{border:0;}
div.texto ul {list-style-type:none;margin:5px;padding:0;}
div.texto ul li {margin-left:5px;padding-left:14px; background-image:url(../imagenes/li.gif); background-repeat:no-repeat; background-position:0px 5px }
div.texto ol li.lis{list-style-type:decimal;background-image:url(../imagenes/linoexiste>.gif);padding-left:0px;}
/**************************** Estilos pagina profesores ******************************************/	
div.profesores dt {border-bottom:1px solid #FFCC00;padding-bottom:0;margin-bottom:0; }			
div.profesores dd {position:relative; left:15em; width:30em;margin-bottom:20px; }
/*************************** Libro ***************************************************************/
div.t { border:1px solid #ccc; margin-bottom:15px;}
p.libro { margin-bottom: 8em;}

/***************************** Estilos para Quienes somos ****************************************/
.nombre{color:#333333;font-size:1.1em;}
.biografia{margin-top:-0.8em; text-align: justify;}

/***************************** Estilos para definicion de an�oras *******************************/

.anafora{cursor:pointer; color:#0000FF; text-decoration:underline;padding-left:5px;}
.anaforaverde{cursor:pointer; color:#009900; text-decoration:underline;padding-left:5px;}
.anaforarojo{cursor:pointer; color:#990000; text-decoration:underline;padding-left:5px;}
.anaforaazul{cursor:pointer; color:#000099; text-decoration:underline;padding-left:5px;}
.anaforanaranja{cursor:pointer; color:#FF9900; text-decoration:underline;padding-left:5px;}
.anaforaazulf{cursor:pointer; color:#0000FF; text-decoration:underline;padding-left:5px;}
.anaforamarron{cursor:pointer; color:#999900; text-decoration:underline;padding-left:5px;}
.anaforavioleta{cursor:pointer; color:#990099; text-decoration:underline;padding-left:5px;}
#def_anafora1{font-style:italic;margin-left:0.6em;}
#def_anafora2{font-style:italic;margin-left:0.6em;}
#def_anafora3{font-style:italic;margin-left:0.6em;}
#def_anafora4{font-style:italic;margin-left:0.6em;}
#def_anafora5{font-style:italic;margin-left:0.6em;}
#def_anafora6{font-style:italic;margin-left:0.6em;}
#def_anafora7{font-style:italic;margin-left:0.6em;}

.extra_info{visibility:hidden;}
/**************************** Estilos para definici� de marcadores ******************************/

.marcador{cursor:pointer; color:#0000FF; text-decoration:underline;padding-left:5px;}
#def_marcador1{font-style:italic;margin-left:0.6em;}
#def_marcador2{font-style:italic;margin-left:0.6em;}
#def_marcador3{font-style:italic;margin-left:0.6em;}
#def_marcador4{font-style:italic;margin-left:0.6em;}

/**************************** Estilos para las tablas con definiciones ****************************/

.tabla_definiciones{border-collapse:collapse; border:1px solid #999999; background-color:#FFFEDF; margin-top:2em; margin-bottom:2em;}
.tabla_definiciones td{border:1px solid #999999; padding:3px;}

/**************************** Estilos para los textos de autor **************************************/

.cita{font-size:0.9em;width:70%; font-style:italic;border-left:1px solid #666666;border-right:1px solid #666666; margin-left:4em;padding:1em;}
.referencia{margin-left:4em;}

/*************************** Lista ordenada con apartados *******************************************/

.apartados OL { counter-reset: item }
.apartados LI:before { content: counter(item) ". "; counter-increment: item }

/****************************************************************/

div.texto ul.plano li{background:none;}

.tabla_progresion{border-collapse:collapse; border:1px solid #999999;}
.tabla_progresion td{border:1px solid #999999; padding:3px;}