/* talkinpeolple.net's CSS Document (Atticus y Scout)*/

/***********************************************/
/* Estilos de los diversos elementos generales de maquetación */
/***********************************************/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

a:link {color:#000;}

a:hover {color:#990066;}

a:visited {color:#4F0075;}

fieldset {
	padding: 2px;
	border: none;
	}

.labelfor {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	}
	

img {
	border:0;
	}


ul{
 list-style-type: none;
}

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

li{
 list-style-type: none;
}

#container
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-color: #FF9900;
	color: #000;
}

#top  {
	background-color: #F99500;
	width: 100%;
	height: 6.3em;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav  {
	float: left;
	width: 13.4%;
	margin-top: 0px;
	clear: both;
	left: 0px;
}

#content
{
	margin-left: 13.4%;
	padding: 1em;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #E2A7E2;
	height: 100%;
}

#footer	{
	clear: both;
	margin: 0px;
	background-color: #CC66CC;
	width: 100%;
	padding-top: 10px;
	height: 85px;

}

.footerleft {

	float: left;
	width: 95%;
	background-color: #CC66CC;
	font-family: Tahoma;
	font-size: x-small;
	color: #4F0075;
	line-height: 90%;
	padding: 5px;
	}

.footerrigth {
	float:right;
	width: 29%;
	background-color: #CC66CC;
	font-family: Tahoma;
	font-size: x-small;
	color: #4F0075;
	line-height: 90%;
	text-align: center;
	padding: 5px;
	}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/***********************************************/
/* Fin de los estilos de los diversos elementos generales de maquetación */
/***********************************************/



/***********************************************/
/* Estilos de los diversos elementos de navegación */
/***********************************************/

.logo {
	float: left;
	width: 13.6%;
	background-color: #F99500;
	text-align:center;
	height: 6.3em;
	top: 1px;
	border-right: 1px solid #FFB13E;
	}
	 

.logo1 
	{
	float: left;
	width: 14.9%;
	background-color: #FF9900;
	height: 6.3em;
	 }
	 
.logo1int 
	{
	float: left;
	width: 100%;
	background-color: #BF40BF;
	margin-left: 0px;
	margin-bottom: -30px;
	 }
	 


.logo1intb 
	{
	float: right;
	width: 60%;
	background-color: #BF40BF;
	margin-bottom: -30px;
	 }
	 


.logo2
	{
	float: left;
	width: 12.9%;
	background-color: #FF9900;
	height: 6.3em;
	 }
	 
.logo2int 
	{
	float: left;
	width: 100%;
	background-color: #BF40BF;
	margin-left: 0px;
	margin-bottom: -30px;
	 }
	 


.logo2intb 
	{
	float: right;
	width: 60%;
	background-color: #BF40BF;
	margin-bottom: -30px;
	 }
	 
.logo3 
	{
	float: left;
	width: 16.1%;
	background-color: #4F0075;
	margin-top: 0px;
	margin-left: 0px;
	top: 1px;
	height: 6.3em;
	margin-bottom: 8px;
	 }

.logo3int
	{
	float: left;
	width: 44.5%;
	background-color: #BF40BF;
	margin-left: 4px;
	margin-top: 10px;
	margin-bottom: -9px;
	 }
 
.logo3intb
	{
	float:right;
	width: 48.5%;
	background-color: #BF40BF;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: -9px;
	 }	
.logo3int img
	{
	text-align: center;
	margin-top: 5px;
	}

.logo3intb img
	{
	text-align: center;
	margin-top: 5px;
	}


	 
.logo4 
	{
	float: left;
	width: 18.2%;
	background-color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	top: 1px;
	height: 6.3em;
	 }

.logo4 img
	{
	text-align: center;
	}
	 
.logo5 
	{
	float: left;
	width: 13.6%;
	background-color: #4F0075;
	margin-top: 0px;
	margin-left: 0px;
	top: 1px;
	height: 6.3em;
	margin-bottom: 8px;
	 }

.logo5int
	{
	float: left;
	width: 44.5%;
	background-color: #BF40BF;
	margin-left: 4px;
	margin-top: 10px;
	margin-bottom: -9px;
	 }
 
.logo5intb
	{
	float:right;
	width: 48.5%;
	background-color: #BF40BF;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: -9px;
	 }	
.logo5int img
	{
	text-align: center;
	margin-top: 5px;
	}

.logo5intb img
	{
	text-align: center;
	margin-top: 5px;
	}
	
#logocont
	{
	border: 1px solid gray;	
	margin-left: 100px;
	width: 90%;
	height: 88px;
	}



/* Estilo de fuentes */

.homepage {
	color: #950095;
	font-weight: bold;
	font-size: 60%;
	font-family: Tahoma;
	text-align: center;
	}

.homepagetitle {
	color: #BA1410;
	font-weight: bold;
	font-size: 70%;
	font-family: Arial;
	margin-top: 10px;
	}

.homepagetitle2 {
	color: #FF9900;
	font-weight: bold;
	font-size: 70%;
	font-family: Arial;
	margin-top: 10px;
	}

.homepagetitleblak {
	color: #000000;
	font-weight: bold;
	font-size: 60%;
	font-family: Arial;
	margin-top: 10px;
	}
	
.homepagetitleneg {
	color: #000000;
	font-weight: bold;
	font-size: 70%;
	font-family: Arial;
	margin-top: 10px;
	}
	
.homepagetitlenar {
	color: #FFB13E;
	font-weight: bold;
	font-size: 70%;
	font-family: Arial;
	margin-top: 10px;
	}

/* Colores de fondo */

.fondoli1 {
	background: #FFB13E;
	padding-bottom: 4px;
	padding-top: 4px;
	}
	
.fondoli2 {
	background: #FFA620;	
	padding-bottom: 4px;
	padding-top: 4px;
	}
	
.fondodiv1 {
	background: #FFB13E;
	padding-bottom: 4px;
	padding-top: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: center;
	}
	
.fondodiv2 {
	background: #FFA620;	
	padding-bottom: 4px;
	padding-top: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;	
	text-align: center;
	}
	
	
/***********************************************/
/* Fin de los estilos de los diversos elementos de navegación */
/***********************************************/
	
	
	
	
/***********************************************/
/* Estilos de etiquetas div */
/***********************************************/

/* 1) Estilo de etiqueta div para el encabezado principal  */
.eoitit {
	width: 95%;
	margin:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	color: #4F0075;
	}
	
.eoitit h1 {
	font-size: 100%;
	}	

/* 2) Estilo de etiqueta div para la etiqueta de contenidos  */

.eoitext {
	width: 95%;
	margin:auto;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

/* 3) Estilo de etiqueta div para 40% de ancho, a la izquierda (izq) y a la derecha (dere) */

.izq {
	float: left;
	width: 40%;
	}
	
.dere {
	float: right;
	width: 40%;
	}
	
.formpad {
	text-align: center;
	padding-bottom: 0px;
	}

/***********************************************/
/* Fin de los estilos de etiquetas div */
/***********************************************/


/***********************************************/
/* Estilos de texto */
/***********************************************/

/* 1) Estilo de texto pequeño  */

.littletext {
	font-family: Verdana;
	font-size: x-small;
	font-weight: normal;
	}

/* 2a) Estilo de texto justificado con margen a la derecha de 130px  */

.margrn130 {
	margin-right: 130px;
	text-align: justify;
	}
	
/* 2b) Estilo de texto justificado con margen a la izquierda de 130px  */
	
.margrnleft130 {
	margin-left: 130px;
	text-align: justify;
	}
/***********************************************/
/* Fin de los estilos de texto  */
/***********************************************/

	
/***********************************************/
/* Estilos para las tablas accesibles */
/***********************************************/

/* Tabla1: tabla con bordes negros #333 */

.tabla1 {
	width: 100%;
	padding: 4px;
	border: 1px solid #333333;
	} 

.tabla1 td {
	border: 1px solid #333333;
	padding: 4px;
	}
.tabla1 th {
	border: 1px solid #333333;
	padding: 4px;
	}

/* Tabla2: tabla con bordes negros #333 y color de fondo #CC66CC */

.tabla2 {
	width: 100%;
	padding: 4px;
	border: 1px solid #333333;
	background-color: #CC66CC;
	} 

.tabla2 td {
	border: 1px solid #333333;
	padding: 4px;
	}
.tabla2 th {
	border: 1px solid #333333;
	padding: 4px;
	}

/* Tabla3: tabla sin color de borde y sin color de fondo */

.tabla3 {
	width: 100%;
	padding: 4px;

	} 

.tabla3 td {
	padding: 4px;
	}
.tabla3 th {
	padding: 4px;
	}

/***********************************************/
/* Fin de los estilos para las tablas accesibles */
/***********************************************/	


/***********************************************/
/* Estilos para imagenes (floating rigth, left) */
/***********************************************/

/* 1) Imagenes, con borde, a la derecha del texto */

.floatright {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #666;
	padding: 2px;
	}

/* 1a) Imagenes, sin borde, a la derecha del texto */

.floatrightnb {
	float: right;
	margin: 0 0 10px 10px;
	padding: 2px;
	}

/* 2) Imagenes, con borde, a la izquierda del texto */

.floatleft {
	float: left;
	margin: 0 10px 0 0 ;
	border: 1px solid #666;
	padding: 2px;
	}

/* 2) Imagenes, sin borde, a la izquierda del texto */

.floatleftnb {
	float: left;
	margin: 0 10px 0 0 ;
	padding: 2px;
	}

/* 3) Imagenes, con borde en la imagen y en el texto explicativo (caption) y a la derecha del otro texto */

.floatrightcap
{
float: right;
width: 103px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border: 1px solid #999;
}

div.floatrightcap img
{
border: 1px solid #999;
}

div.floatrightcap p { margin-top: 0; }

/* 4) Imagenes, con borde en la imagen y en el texto explicativo y a la izquierda del otro texto */

.floatleftcap
{
float: left;
width: 103px;
margin: 0 10px 10px 0;
background-color: #fff;
padding: 10px;
border: 1px solid #999;
}

div.floatleftcap img
{
border: 1px solid #999;
}

div.floatleftcap p { margin-top: 0; }

/* 5) Imagenes, con borde en la imagen y en el texto explicativo */

.cap
{
margin: 4px;
background-color: #E2A7E2;
}


div.cap p { margin-top: 0;
			margin-left: 0;
			font-size: xx-small;
			text-align: left; 
			}

/* 6) Imagenes agrupadas verticalmente, sin borde y alineadas a la derecha del texto */
.floatrightg
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}

.containingbox p { margin-top: 0;}

/* 6b) Imagenes agrupadas verticalmente, sin borde y alineadas a la izquierda del texto */
.floatleftg
{
float: left;
margin: 0 10px 10px 0;
clear: left;
}

.containingbox p {
	margin-top: 0;
	background-position: center;
}
/***********************************************/
/* Fin de los estilos para imagenes (floating rigth left, center) */
/***********************************************/

/***********************************************/
/* Estilos para alinear texto en etiquetas div y tr */
/***********************************************/

.center {
	text-align: center;	
	}

.centerbottom {
	text-align: center;
	padding-bottom: 5px;
	}

.centerpad {
	text-align: left;
	padding-top: 4px;
	}
	

.centeryear {
	text-align: center;
	margin-left: -35px;
	}
	
	
.centeryear ul li{
	text-align: center;
	color: #4A0176;
	font-weight: bold;
	font-size: 80%;
	background-color: #FF9900;
	margin-right: 5px;
	padding-bottom: 3px;
	}
	
.centerred {
	text-align: center;
	background-color: #BF40BF;	
	}
	

	
/***********************************************/
/* Fin de los estilos para alinear texto en etiquetas div y tr */
/***********************************************/



/***********************************************/
/* Estilos para los resultados del buscador */
/***********************************************/


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

/*Small urls*/
.url {
	color: #115599;
	font-size: 70%;
}


#results a:link {
	color:#000000;
	font-weight: bold;
}

#results a:active {
	color:#CC0000;
	font-weight: bold;
}
#results a:visited {
	color:#660066;
	font-weight: bold;	
}
/*hr{color:#000066}*/

/*Page descriptions*/
.description{
	font-size: 85%;
	color: #000000;
}

/* */
td {font-family:arial,sans-serif; font-size: 13px; }

/* Title/link of pages */
.title{
	color:#000000; 
	font-size:90%;
	font:Tahoma;
}



.searchBox{
		margin-top:5px;
		border:1px solid #113377;
		width: 60%;
}

#result_report {
	text-align:center ;
	padding:3px;
	background-color:#E2A7E2; 
	font-weight: bold;
	margin-bottom:14px;
	margin-right:10px;
	margin-left:10px;
}

.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 */
#results{
	margin-right:10px;
	margin-left:10px;
}

h1 {
	text-align: center;
	font-family: Verdana, Ariel;
	font-size:24px;
	color: #000066;
	}

#other_pages {
	text-align:center;
}

#powered_by {
	margin:0 auto;
	margin-top:20px;
	padding-top:5px;
	font-size:8px;
	text-align:center;
	margin-right:10px;
	margin-left:10px;
}

#common_report {
		text-align:center;
}

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

}

#cat_main {
	font-weight: bold;
}



#sub_cat {
	font-size:75%;
}

/***********************************************/
/* Fin de los Estilos para los resultados del buscador */
/***********************************************/

.marg {
	margin-bottom: 0px;
	width: 100%;
	}

/***********************************************/
/* Estilos de color de fondo */
/***********************************************/
.morado {
	background-color:#CC66CC;
}


/***********************************************/
/* Fin de los Estilos de color de fondo */
/***********************************************/


/* Estilos de fuente de la portada */


.style32 {
	font-size: 80%;
	font-family: Tahoma;
}

/***********************************************/
/* Estilos de was */
/***********************************************/
.wasbox {
	width: 90%;
	}


/***********************************************/
/* Fin de los Estilos de was */
/***********************************************/
.img_right {
	float: right;
}
.cursiva {
	font-weight: bold;
}
.blanco {
	color: #FFF;
}
