/***********************************************/
/* estilo.css                            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, sans-serif;
	line-height: 1.166;
	margin: auto;
	padding: 0px;
	width:900px;
}

a:link, a:visited {
	color: #004A00;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color: #CC0000;
	font-weight: bold;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 114%;
 color: #CC0000;
}

h2{
 font-size: 95%;
 color: #CC0000;
 margin: 20px;
}

h3{
 font-size: 85%;
 color: #334d55;
}

h4{
 font-size: 95%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 90%;
 color: #334d55;
}

ul{
 list-style-type: none;
}

ul ul{
 list-style-type: none;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 85% Arial,sans-serif;
 color: #334d55;
}

caption {
	font-size: small;	
}				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/



#cabecera{
	display: none;
}

#contenido {
width: 100%;
background:#ffffff;
margin: 0;
border: none;
}






/***********************************************/
/*Component Divs                               */
/***********************************************/


/************* # etiqueta de cabecera del contenido de la pagina con los vinculos *************/

.cabecerahead{
	padding: 0px 0px 2px 2px;
	background: #eeeeee;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
}

/* valores de margen y fuente de los enlaces de la cabecera de pagina */
.textlinkmargen {
	font-size: 75%;
	margin-left: 15px;
	font-weight: bold;
	margin-right: 15px;
}

/* valores de margen y fuente de los enlaces de la cabecera de pagina en cronologia */
.linkcrono {
	font-size: 75%;
	margin-left: 10px;
	font-weight: bold;
	margin-right: 10px;
}
/************* # div de fondo del contenido de la pagina con los nombres *************/

.cabecerafond{
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 104%;
	font-weight: bold;
	text-align: center;
	padding: 2px 0px 2px 5px;
	background: #eeeeee;
	margin-right: 30px;
	margin-left: 30px;
}

.cabecerafond h3{ 
	font-size: 104%;
	font-weight: bold;
	color: #CC0000;	
}

/************** div estilos de texto e imagen, a la izq o a la dere, en la misma div ***************/

.rasgoizq {
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	text-align: justify;
	margin-left: 30px;
	margin-right: 30px;
}

.rasgoizq h3{
	padding: 30px 0px 5px 0px;
	font-size: 95%;
}

.rasgoizq img{
	float: left;
	padding: 0px 20px 0px 10px;
	margin: 0 0 5px 0;
}

.rasgodere {
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	text-align: justify;
	margin-right: 30px;
	margin-left: 30px;
}

.rasgodere h3{
	padding: 30px 0px 5px 0px;
	font-size: 95%;
}

.rasgodere img{
	float: right;
	padding: 10px 0px 0px 10px;
	margin: 0 0 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** div estilo de texto para el contenido ordinario  *****************/

.normaltext{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	text-align: justify;
	margin-right: 30px;
	margin-left: 30px;
}

.normaltext p{
	padding: 0px 0px 10px 0px;
}

.normaltext h3{
	padding: 5px 0px 5px 0px;
	font-size: 95%;
	margin-left: 10px;
}

.normaltext li{
	padding: 5px 0px 5px 0px;
}
/*************                      ***************/
/***********  #sitioInfo estilos    ***********/


#sitioInfo{
	display: none;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the Barranav in cases where they "touch" */



/***********                                            ***********/
/*********** #barranav estilo de texto y de los enlaces ***********/



#barranav {
	display: none;
	width: 1%;
}


.textoamari {
	display: none;
}

/*********** Fin #barranav estilo de texto y de los enlaces ***********/
/***********                                               ***********/

/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	font-weight: bold;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/* definen las caracteristicas de los vinculos en webdianoia */
.linksmall{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.linksmalmargleft{
	font-size: 75%;
	font-weight: bold;
	padding-left: 40px;
	float: left;
}

.linksmalmargright{
	font-size: 75%;
	font-weight: bold;
	text-align: right;
	padding-right: 30px;
	float: right;
}

.linksmalmargright h3{
    font-weight: bold;
	font-size: 100%;
}
/*************** webdianoia owns *************/

/*************** cabecera *************/

/* define el color de fondo y el alto de la cabecera */
.colortabla {
display: none;
}



/* define la posicion de la etiqueta donde se encuentra el formulario de la cabecera */

.dere {
	float: right;
	position: absolute;
	width: 60%;
	text-align: right;
	padding-top: 3px;
	margin-top: -15px;
	padding-right: 10px;
	left: 35%;
} 

.dere_ad {
	float: right;
	position: absolute;
	width: 60%;
	text-align: right;
	padding-top: 3px;
	padding-right: 10px;
	left: 35%;
	margin-top: -17px;
}
/* define la fuente, el color y el margen del texto de la cabecera */
.textoblanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #ffffff;
	margin-left: 60px;
}

.textoblan {
	font-size: small;
	font-weight: bold;
	color: #ffffff;
	margin-left: 2px;
}


/* Oculta el ancaleje con nombre y le pone color blanco  */
.ocultar {
	display: none;
	color: #FFFFFF;
}

/* define la posicion del texto de la cabecera en relacion con la imagen  */
.lechu {
	padding: 0px 0px 0px 0px;
	float: left;
}

.sitios {
	padding: 0px 0px 0px 0px;
	float: left;
}

/*************** fin cabecera *************/


/***********************************************/
/*Lineas y ancho columnas                  */
/***********************************************/

/* define el color del texto de fondo de una linea */
.colorfondolinea {
	background-color: #eeeeee;
	background: #eeeeee;	
}


/* pretende definir el acho de columna */

.nocolorcolum {
	visibility: visible;
	width: 50%;
}

.nocolorcolum30 {
	visibility: visible;
	width: 30%;
}
.nocolorcolum4 {
	visibility: visible;
	width: 2%;
	text-align: center;
	padding-right: 1px;
	padding-left: 1px;
	font-weight: bold;
}

/*************** # estilos de titulos y subtitulos de las paginas **************/

/* define el texto del nombre del autor y titulo de la pagina */
.cabeceraexto {
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 104%;
	font-weight: bold;
	text-align: center;
}

/* definen el título y nombre del autor y ejercicios y secciones */
.cabecera_small {
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
}

/* controla el vinculo subir */
.subir {
display: none;
}


/* define la posicion y caracteristicas del texto en buscar  */
.buscar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
}

.buscar_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
}


/***********************************************/
/* Borde de imagen: ninguno     */
/***********************************************/

img {
	border: none;
}


/***********************************************/
/*Tablas          */
/***********************************************/

.tdcenter { 
	visibility: visible;
	text-align: center;
	font-size: medium;
	background-color: #eeeeee;
}


/* centra la tabla donde se encuentran datos */
.divtableacces {
	visibility: visible;
	width: 50%;
	margin-left: 130px;
	text-align: left;
	padding: 0px 0 0 4px;
}

.tablelog {
	visibility: visible;
	width: 80%;
	margin-left: 90px;
	text-align: left;
	padding: 0px 0 0 4px;
	margin-right: 30px;
}

.tablelog td {
	text-align: left;
	padding: 5px 0 5px 5px;
	font-size: 100%;
}

.tablelog hr {
	width: 50px;
	float: left;
}

/***********************************************/
/*Otros estilos de texto                     */
/***********************************************/

/* define la posicion y caracteristicas del texto en las citas */
.textrojocita {
	font-size: 100%;
	color: #660000;
	text-align: justify;
	margin-right: 40px;
	margin-left: 60px;
}

/* Definen otros valores del texto */
.texto {
	font-size: 80%;
	text-align: justify;
}

.textoc {
	font-size: 80%;
	text-align: center;
}

.textrojo{
	color: #660000;
}

.textrojobold {
	color: #660000;
	font-weight: bold;
}

.rojoboldsmall {
	font-size: 80%;
	color: #CC0000;
	font-weight: bold;
}

.textrojocaption {
	color: #660000;
	font-size: small;
}

/* color de texto rojo */
.rojo {color: #CC0000}

.textobold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
}


.negrita {
	font-weight: bold;
}

.negritasize {
	font-weight: bold;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

.textrojob {
	font-weight: bold;
	color: #CC0000;
}

.textoboldcenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}

/* Definen otros valores del texto con margenes */

.textomargin {
	font-size: 80%;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 15px;
	margin-left: 35px;
}

.textomarginfrase {
	font-size: 100%;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 60px;
	margin-left: 60px;
}

/* Define valores del texto del glosariop */
.glossubraya {
	color: #660000;
	font-weight: bold;
}

/***********************************************/
/*Otros valorees de aplicacion diversa                   */
/***********************************************/

.alto { 
		height: 30px; 
}


.titulomargin {
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	padding-left: 30px;
}


/* Define los margenes de una etiqueta */

.normal {
	margin-right: 30px;
	margin-left: 30px;
}

/* color de texto rojo para titulos con margen */
.rojomarginblod {
	font-size: 80%;
	color: #CC0000;
	margin-left: 35px;
	font-weight: bold;
}

.relleno {
	margin: 0 82% 0 0;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 100%;	
}

/* posicion de la linea horizontal: desactivada */

/* hr {
	margin-left: 35px;
	margin-right: 15px;
} */


.separa {
	margin-left: 60px;
}

.separa3 {
	margin-left: 30px;
}

.separa34 {
	margin-left: 34px;
	color:#FFFFFF;
}

/* Oculta los signos separadores de los enlaces contigüos */
.inv {
	display: none;
}


/* define la posicion y valores de etiquetas a la izquierda y a la derecha al 45%  */

div.derecha {
    background-position : left bottom; 
} 

div.derecha {
    float : right; 
    position : relative; 
    width : 45%; 
    text-align : left; 
    margin : 0; 
    padding-bottom : 4px; 
} 
  
div.izquierda {
    background-position : left bottom; 
} 

div.izquierda {
    float : left; 
    position : relative; 
    width : 45%; 
    text-align : left; 
    margin : 0; 
    padding-bottom : 4px; 
} 
  
.izquierda ul li{ 
		display: block;
		font-size: 80%;
		text-align: left;
		padding: 3px 0px 3px 0px;
}  
  
.derecha ul li{ 
		display: block;
		font-size: 80%;
		text-align: left;
		padding: 3px 0px 3px 0px;
}  
  
/* define el color de fondo  */  
  
.fondo {
	background-color: #eeeeee;
	margin-left: 30px;
	margin-right: 30px;
} 

.fondoejer {
	background-color: #eeeeee;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 85%;
} 
.fondoejer h2 {
	padding: 3px 0 3px 0;
} 
.fondocentro {
	background-color: #eeeeee;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 2px;
	padding-top: 2px;
} 

.lista {
	list-style-type: decimal;
	background-color: #eeeeee;
	font-weight: bold;
	font-size: 80%;
} 

.coloretiqueta{
	font-size: 85%;
	color: #334d55;
	font-weight: bold;
	padding: 10px 0px 0px 10px;
}

/* centra cualquier etiquta con margenes de 20 px  */  
.centra {
	margin-right: 30px;
	margin-left: 30px;
} 

.centra h2{
	 padding: 5px 0px 5px 0px;
	 font-size: 80%;
	 margin-left: 10px;
}

.centra h3{
	 padding: 5px 0px 5px 0px;
	 font-size: 80%;
	 margin-left: 10px;
}

/* centra los contenidos de la region 'enlaces' en la barra de nav vertical  */  

.centrar {
	text-align: center;
	padding: 0px;
} 

/* centra los contenidos en general y define margenes de 30 px para la etiqueta */  
.centro {
	text-align: center;
	margin-right: 30px;
	margin-left: 30px;
} 

.centrofil {
	text-align: center;
	margin-right: 30px;
	margin-left: 30px;
	font-size: 90%;
} 

.divtest {
	padding-left: 80px;
	padding-right: 50px;
} 

/* codigos de Hermish */

/* Location es para poner en cada pagina 'estas en:' */

#location {
	font-size:80%;
	margin-right:10px;
	background:#fff;
	padding:4px 1px 1px 1px
}

#location {
	border-top:1px solid #3c6fac
}



#location {
	border-top:1px solid #3c6fac
}


/* En el index, situa el vinculo al autor de la cita a la derecha */
.autor {
	text-align: right;
	font-size: 95%;
	margin-top: -10px;
	margin-bottom: -10px;
}

/* Color de fondo de la etigueta que va al final, despues de sitioInfo */

.blanca {
	background: #ffffff;
}


/***********************************************/
/* estilo.css                            */
/*Estilos del glosario*/
/***********************************************/

.gloslistatext{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	text-align: justify;
	margin-right: 20px;
	margin-left: 60px;
}

/* Glosario con etiquetas div*/

.celdater {
	float: left;
	width: 22%;
}

.celdadef {
	float: right;
	width: 78%;
}

.celdaterdef {
	float: left;
	width: 22%;
	text-align: left;
	font-size: 85%;
	margin-left: -10px;
}

.celdadefdef {
	float: right;
	width: 78%;
	text-align: justify;
	font-size: 80%;
	padding-bottom: 10px;
}

.centroglos {
	margin-left: 25px;
	margin-right: 25px;
	font-size: 100%;
}


/***********************************************/
/* estilo.css                            */
/* Fin Estilos del glosario*/
/***********************************************/


/***********************************************/
/* estilo.css                            */
/*Estilos del buscador sphider*/
/***********************************************/


/*Top categories*/
.main_cat1 {font-size: 95%; font-weight: bold; color:#0000FF}
.main_cat2 {font-size: 75%; font-weight: bold; color:#0000FF}
.cat1:visited {font-size: 95%; font-weight: bold; color:#5555AA}

/*Small urls*/
.url {
	color: #115599;
	font-size: 75%;
	margin-bottom: 5px;	
}


/*Page descriptions*/
.description{font-size: 80%;}

/* Formulario buscar */
td {font-family:arial,sans-serif; font-size: 85%; }

/* Title/link of pages */

.title {
	color:#0000FF;
	font-size:85%;
	font-weight: bold;
	margin-top:10px;
}



.searchBox{border:1px solid #113377;}

#result_report {
	text-align:center ;
	background-color:#eeeeee; 
}

.catBanner {
	padding:3px;
	margin-top:15px;
	background-color:#e5ecf9; 
	font-weight: bold
}
.webPageBanner {
	padding:3px;
	margin-top:20px;
	background-color:#e5ecf9; 
	font-weight: bold
}


/*main results table */

#other_pages {
	text-align:center;
	font-size: 80%;
}


#common_report {
		text-align:center;
}

#cat_table {
		width:600px;
		margin-top:20px;
		padding-top:10px;
		padding-bottom:20px;
		border-top:1px solid #AAAAAA;
		border-bottom:1px solid #AAAAAA;

}

#cat_main {
	font-weight: bold;
}

.divline{
	margin-top:20px;
	margin-bottom:-5px;
	border-bottom:1px solid #DDDDDD;
}

#sub_cat {
	font-size: 75%;
}

.form{
	margin-top:20px;
	width: 350px;
	margin-left: 180px;
	font-size: 80%;
	border: 1px;
	border-style: solid;
	padding-bottom: 5px;
	padding: 5px;
}

.formleft {
	float: left;
	width: 200px;
	text-align: right;
}

.formright {
	float: right;
	width: 200px;
}

.test {
	float: right;
	width: 200px;
}

.buscarbold {
		font-weight: bold;
		font-size: 110%;
}
/***********************************************/
/* estilo.css                            */
/*  Fin de Estilos del buscador sphider*/
/***********************************************/




/*********** estilo de la etiqueta que contiene el test ***********/
/***********                                               ***********/

.testcontent {
	margin-left: 100px;
	margin-right: 25px;
	font-size: 80%;
}

.testcontent h3 {
	font-size: 90%;
}

/***********                                               ***********/
/*********** Fin estilo de la etiqueta que contiene el test ***********/



/***********                                             ***********/
/*********** estilo de la columnas de la lista de filosofos ***********/

#fotoizq {
	padding: 0px 0px 0px 0px;
	margin-left: 30px;
	font-size: 82%;
}


#fotoizq img{
	float: left;
	margin: 140px 0 0 0;
	
}


#coldere {
	float: right;
	background-color: #eeeeee;	
	padding: 0px 5px 0px 0px;
}

#coldere a
{
display: block;
padding: 2px;
width: 152px;
color:#004A00;
background-color: #cccccc;
}

#coldere h2{
	 	padding: 0px 0px 0px 0px;
		text-align: right;
}

#coldere h3{
	 	padding: 0px 0px 0px 0px;
		text-align: right;
		color: #cc0000;
}

#coldere ul li{ 
		display: block;
		text-align: left;
		padding: 2px 0px 2px 0px;
} 

#coldere a:hover{
	display: block;
	background-color:#FFFFFF;
	color:#CC0000;
} 

#colizq {
	float: right;
	margin-right: 20px;
	background-color: #eeeeee;	
	padding: 0px 5px 0px 0px;
}
#colizq a
{
display: block;
padding: 2px;
width: 152px;
color:#004A00;
background-color: #cccccc;
}

#colizq h2{
	 	padding: 0px 0px 0px 0px;
		text-align: right;
}

#colizq h3{
	 	padding: 0px 0px 0px 0px;
		text-align: right;
		color: #334d55;
}

#colizq ul li{ 
		display: block;
		text-align: left;
		padding: 2px 0px 2px 0px;
} 

#colizq a:hover{
	display: block;
	background-color:#FFFFFF;
	color:#CC0000;
} 

#colizq2 {
	float: right;
	margin-right: 20px;
	background-color: #eeeeee;	
	padding: 0px 5px 0px 0px;
}
#colizq2 a
{
display: block;
padding: 2px;
width: 152px;
color:#004A00;
background-color: #cccccc;
}

#colizq2 h2{
	 	padding: 0px 0px 0px 0px;
		text-align: right;
}

#colizq2 h3{
	 	padding: 0px 0px 0px 0px;
		text-align: right;
		color: #334d55;
}

#colizq2 ul li{ 
		display: block;
		text-align: left;
		padding: 2px 0px 2px 0px;
} 

#colizq2 a:hover{
	display: block;
	background-color:#FFFFFF;
	color:#CC0000;
} 
/*********** Fin estilo de la columnas de la lista de filosofos  ***********/
/***********                                                  ***********/


/***********  estilo de la columnas de la lista de textos  ***********/
#colizqtextos {
	float: left;
	margin-right: 20px;
	background-color: #eeeeee;	
	padding: 0px 5px 0px 0px;
	margin-left: 120px;
}

#colizqtextos a
{
display: block;
padding: 2px;
width: 182px;
color:#004A00;
background-color: #cccccc;
}


.imagen {
	float: left;
	margin: 150px 0 0 60px;
}

#colizqtextos ul li{ 
		display: block;
		text-align: left;
		padding: 2px 0px 2px 0px;
		font-size: 82%;
} 

#colizqtextos a:hover{
	display: block;
	background-color:#FFFFFF;
	color:#CC0000;
} 
/***********  Fin estilo de la columnas de la lista de textos  ***********/


/***********  Estilo de la columnas de la lista de Ejercicios  ***********/
/***********                                                   ***********/
.tablaejer {
	margin-left: 30px;
	margin-right: 30px;
	font-size: 95%;
	width: 92%;
}

.fotoizqejer {
	padding: 0px 0px 0px 0px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 82%;
}

div.derechaejer {
    background-position : left bottom; 
} 

div.derechaejer {
    float : right; 
    position : relative; 
    width : 45%; 
    text-align : left; 
    margin : 0; 
    padding-bottom : 4px; 
} 
  
div.izquierdaejer {
    background-position : left bottom; 
} 

div.izquierdaejer {
    float : left; 
    position : relative; 
    width : 45%; 
    text-align : left; 
    margin : 0; 
    padding-bottom : 4px; 
} 
  
.izquierdaejer ul li{ 
		display: block;
		font-size: 100%;
		text-align: left;
		padding: 3px 0px 3px 0px;
}  
  
.derechaejer ul li{ 
		display: block;
		font-size: 100%;
		text-align: left;
		padding: 3px 0px 3px 0px;
}  

/***********                                                      ***********/
/*********** Fin Estilo de la columnas de la lista de Ejercicios  ***********/


/*********** estilo de las tablas de cronologia  ***********/

#tablacrono {
	margin-left: 30px;
	margin-right: 30px;
	border: 1px;
	border-style: solid;
	border-color: #000000;
	font-size: 95%;
}

#tablacrono ul li{
	display: list-item;
	text-align: left;
	padding: 2px 0px 2px 0px;
	margin-left: -40px;
	list-style-type: none;
} 

#tablacrono h2 {
	padding-left: 0px;
	margin-left: 0px;
	}

#tablacrono td {
	padding: 5px;
}

.cronofilo {
	width: 25%;
}

.cronoarte {
	width: 35%;
}

.cronosiglo {
	width: 11%;
}


/*********** Fin estilo de las tablas de cronologia  ***********/

/*********** estilo de las tablas de datos  ***********/
.tabladato {
	margin:auto;
	width:60%;
	border-style: solid;
	font-size: 95%;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
}

.tabladato ul li{
	display: list-item;
	text-align: left;
	padding: 2px 0px 2px 0px;
	margin-left: -40px;
	list-style-type: none;
} 

.colder {
	width: 25%;
}

.colcen {
	width: 35%;
}

.colizq {
	width: 11%;
}


/*********** Fin estilo de las tablas de datos  ***********/

/***********  Estilo de colores fondo tablas de datos ***********/

.gris {
	background-color: #CCCCCC;
}

.oliva {
	background-color: #CCCC99;
}

.naranja {
	background-color: #FFCC99;
}

.azul {
	background-color: #99CCFF;
}

.rosa {
	background-color: #FFCCFF;
}


/***********  Fin estilo de colores fondo tablas de datos ***********/

/*********** estilo de la etiqueta de presentacion de los filosofos  ***********/

.presentacion {
		margin-left: 60px;
		margin-right: 60px;
		font-size: 80%;
		color: #660000;
		text-align: justify;
}

.legendrojob {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #CC0000;
}
/*********** Fin estilo de la etiqueta de presentacion de los filosofos  ***********/


/*********** Nuevo estilo de texto con numeros en funcion de etiqueta  ***********/
/***********                                                            ***********/
#nuevotext{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	text-align: justify;
	margin-right: 30px;
	margin-left: 30px;
}

#nuevotext p{
	padding: 0px 0px 10px 0px;
}

.nuevotext{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	text-align: justify;
	margin-right: 30px;
	margin-left: 30px;
}

.nuevotext li{
	padding: 5px 0px 5px 0px;
}

.nuevotext h3{
	font-size: 100%;
}

.nuevotext img{
	float: right;
	padding: 3px 5px 3px 10px;
}

.nuevotextiz{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	text-align: justify;
	margin-right: 30px;
	margin-left: 30px;
}

.nuevotextiz li{
	padding: 5px 0px 5px 0px;
}

.nuevotextiz h3{
	font-size: 100%;
}

.nuevotextiz img{
	float: left;
	padding: 3px 10px 3px 5px;
}
         /*********** Clase que se aplica a la etiqueta h3 en nuevotext  ***********/                                               
.numero {
	font-size: 100%;
	font-weight: bold;
	float: left;
	padding-right: 5px;
}
/***********                                                            ***********/
/*********** Fin del Nuevo estilo de texto con numeros en funcion de etiqueta  ***********/

/***********  color del borde y padding de fieldset   ***********/
.color {
	padding: 0 10px 5px 10px;
}


/*********** estilo del mapa del sitio para tres columnas ***********/

#tablamapa {
	margin-left: 30px;
	margin-right: 30px;
	font-size: 95%;
	width: 97%;
}

.margen10 {
	margin-left: 10px;
}

.colmapa {
	float: right;
	margin-right: 10px;
	background-color: #eeeeee;
	padding: 0px 5px 0px 0px;
	font-size: 80%;
	width: 30%;
}

.colmapa h2 {
	font-size: 100%;
}

.colmapa li {
	padding-bottom: 3px;
	padding-top: 3px;
}

.colmapa a {
	display: block;
	padding: 2px;
	width: 85%;
	background-color: #cccccc;
	}

.colmapa a:link
{
color: #004A00;
text-decoration: none;
}

.colmapa a:hover
{
background-color: #fff;
color: #CC0000;
text-decoration: underline;
}

.margen10small {
	margin-left: 10px;
	font-size: 80%;
}  

.colmapablan {
	float: right;
	margin-right: 10px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	width: 30%;
}

.colmapablan ul li{
	display: block;
	text-align: left;
	padding: 3px 0px 3px 0px;
	margin-left: -10px;
} 

.colmapablan2 {
	float: right;
	margin-right: 10px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	width: 42%;
}

.colmapablan2 ul li{
	display: block;
	text-align: left;
	padding: 3px 0px 3px 0px;
	margin-left: -30px;
} 
/*********** otros estilos  ***********/

.margen100 {
	margin-left: 100px;
	margin-right: 100px;
}  


.cita {
	font-size: 80%;
	color: #660000;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: justify;
}  

.cita h3 {
	font-size: 100%;
}  
/*********** estilo de la tabla con los resultados de los tests  ***********/

#tablatest {
	margin-left: 30px;
	margin-right: 30px;
	border: 1px;
	border-style: solid;
	border-color: #000000;
	font-size: 95%;
}
#tablatest td {
	padding: 3px 0 3px 0;
}
/*********** Fin estilo de la pagina inicial de los enlaces  ***********/

/*********** estilo de los marcos para rodear texto  ***********/

dl.marco {
	padding: 8px;
	margin: 3em 2%;
	border: 1px solid #ccc;
}

dt.marco {
	padding: 8px;
	margin: 3em 2%;
	border: 1px solid #ccc;
}

dl dt span {
	padding: 4px 8px;
	border: 1px outset #ccc;
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #fff;
}

dl.marco dt {
	margin: -1em 2% 0px 2%;
}

dl.marco dd {
	margin: 10px 5px 5px 5px;
}

.glosmarco {
	padding: 0px 8px 0px 8px;
	margin: 2% 30px 2% 30px;
	border: 1px solid #ccc;
	text-align: justify;
	font-size: 83%;
}

.frasemarco {
	padding: 8px;
	border: 1px solid #ccc;
}

/*********** Fin del estilo de los marcos para rodear texto  ***********/


/*********** estilo del ejercicio completa la frase  ***********/
.campo {
 width: 84px;
 height: 15px;
 border: 1px Solid #84AA00;
 background: #ffffff;
 background-image: url(f1.jpg);
 background-repeat: no-repeat;
 padding: 2px;
 color: #004A00;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 90%;
}

/*********** Fin del estilo del ejercicio completa la frase  ***********/

.pad {
	padding: 10px 8px 0 8px;
}

.bordes {
	border: 1px solid #ccc;
	padding: 0px 10px 10px 10px;
	font-size: 80%;
	text-align: justify;
	margin-right: 30px;
	margin-left: 30px;
}
.bordes2 {
	border: 1px solid #ccc;
	padding: 0px 10px 10px 10px;
	font-size: 80%;
	text-align: justify;
	margin-right: 30px;
	margin-left: 40px;
}

.bordetop {
	border: 1px solid #fff;
	margin-top: 24px;
	height: 20px;
}

.bordetop a:link {
	color: #ffffff;
}
.bordetop a:visited {
	color: #ffffff;
}
.bordetop a:hover {
	background-color: #000000;
}