/*---- Basada casi completamente en http://webhost.bridgew.edu/etribou/  a quien le estamos muy agradecidos. This css file is public domain, the text and content of the site are undoer a ccommons licence ----*/

/*---- Layout * presentacion visual o maquetacion  ----*/ /*----  comentarios   ----*/

div  /*----  para todos los divs  ----*/
{
	padding: 0;
	margin: 0;
}

body /*----  solo para el body  ----*/
{
	padding: 50px;
	margin: 0;

}


#pageFrame /*----  espacio de las columnas no ocupado por los "inner" o datos ----*/
{
	background-color: #fff;
	color: #000;
	min-width: 10px;
}



#masthead a{ /*----  links dentro de masthead  ----*/
	display: inline;
	border: none;
	text-decoration: none;
  	
}


#leftcolumn   /*----  columna  izquierda   ----*/
{
	margin-right: -200px; /*----  ?? carajo  ----*/
}
#leftColumn
{
	float: left; 
	width: 200px;
	height: 0px;
	z-index: 3;


	/*/*/ /*/margin: 0 0 0 2px; /*  Netscape hack to get the borders to line up -  correccion para alinear bordes para netscape */
}
#rightColumn   /*----  columna  derecha  ----*/
{
	float: right;
	width: 5px; /*----  Regula el ancho de la columna derecha !!! aleluya lo encontre jajajaaja  ----*/
}
#contentColumn  /*----  columna central o de contenido ----*/
{
	width: auto;
	margin-left: 199px;
}
#masthead, #innerLeftColumn, #innerContentColumn, #innerRightColumn /*---- interior 2 columnas head y contenido  padding y back color ----*/
{
	padding: 10px;
	background-color: #FFFFFF;

}

 #innerFooter  /*---- pie , padding y back color  ( esto si el PIE usa back o padding distinto ----*/
{
	padding: 10px;

}

#footer /*---- pie ?? clear ?----*/
{
	clear: both;
}

#innerContentColumn  /*---- contenido FIXES O ARRGLEOS DE BUGS DE navegadores   ----*/
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug - Resuelve el problema de flotacion de IE win32 */
	margin-right: 10px;  /* lo cambie de 200 a 10 y no cambio nada ? */
	/*/*/ /*/margin: 0 0 0 2px; /*  Netscape hack to get the borders to line up -correccion para alinear bordes para netscape*/
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix - Arregla Opera, que se rompe con el truco para arreglar visualizacion en IE !!*/
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case- sigue la rueda de IE related problems */
}
#masthead, #footer
{
	z-index: 10;
}

/*---- Borders - Bordes ----*/

#pageFrame /*---- caja entera ( externa )  de la pagina  ----*/
{
	border: solid 2px #000;
	background-color: #fff;

}
#footer, #masthead, #innerLeftColumn, #contentColumn, #innerContentColumn  /*- casi todas las cajas internas NO TOCAR en lo posible -*/
{
	border: solid 0px #000;
}

#footer /*-  pie o footer */
{
	border-top-width: 1px;
	background-color: #CCCCCC;
}
#masthead /* encabezado */
{
	border-bottom-width: 1px;
}

#masthead a img {border: 0; /*---- IMAGENES TODAS CON LINKS  mastheead ---*/
    
       }
#masthead img a:hover img {border: 0; /*---- IMAGENES TODAS CON LINKS  SOBR  masthead ---*/
  
	}
#innerLeftColumn, #innerContentColumn
{
	border-right-width: 1px;
}




#contentColumn
{
	border-left-width: 1px;
	
}


 /*---- MENU DEL ENCABEZADO  ----*/
 ul#navlist_menuhead
{
border: 6px solid #993300;
padding: 0 0 0 20px;
margin: 0;
background-color: #993300;
font-family: verdana,sans-serif;
font-size: 12px;
font-weight: bold;
}
 


ul#navlist_menuhead li
{
display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #993300;
}

#navlist_menuhead #active
{
float: right;
margin-right: 10px;
background-color: #ccc;
}

#navlist_menuhead a, #navlist_menuhead a:visited
{
	text-decoration: none;
	border: 1px solid #990000;
	padding: 0 8px 1px 8px;
	margin: 0 2px;
	background-color: none;
	color: #FFFFFF;
	font-weight: bold;
}

#navlist_menuhead a:hover {
	background-color: #993300;
	padding: 0 8px 1px 8px;
	color: #000000;
	border: 1px solid #FFFFFF;
}


/*---- Pie para todas las paginas  ----*/
	#innerFooter
{
	text-align: center;
	font-size: 8pt;

}

#innerFooter a /*---- links  ---*/
{
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}

 #innerFooter a:hover  /*---- mouse sobre  ---*/
{
	background-color: #990000;
	color: #fff;
}

 #innerFooter a:visited  /*---- ya visitado  ---*/
{
	text-decoration: none;	

	
}


/*---- Visual Elements - Elementos visuales textos, listas, imágenes, márgenes, etc ----*/



body /*----  CUERPO generales, color y margenes de caja principal  ----*/

{

	padding: 3px 10% 5px 3px;  /*----margenes arriba + der izq  costados  + abajo de la caja ----*/
	margin: 0;
	
	background-color: #990000;

}


h1, h2, h3, h4, h5, h6 { /*---- encabezados propiedades compartidas por  TODOS  ---*/
	text-decoration: none;
	color: #000;
	margin-top: 1.0em;
	
	}
h1 {
    font-family: Arial, Helvetica, sans-serif; 
	color: #990000;
	margin-top: 1.0em;
	
	
	}


h1 { /*---- encabezados 1   ---*/
	font-size: 1.15em;
	margin-top: 3.0em;
	margin-bottom: 0.8em;
	letter-spacing: 0.2ex;

}

h2 {  /*---- encabezados 2  ---*/
	font-size: 1em;
		
}


h3 { /*---- encabezados 3  ---*/
	
	font-size: 0.9em;
	}
	

h4 {  /*---- encabezados 4   ---*/
	
	font-size: 0.7em;
	
}
h5 {  /*---- encabezados 5   ---*/
	
	font-size: 0.6em; 
}
     


a, #contentColumn a {
	color: #003366;
	text-decoration: underline;
	font-weight: bold;

	
	}
	
	
a:hover, #contentColumn a:hover { /*---- TODOS LOS LINKS CON MOUSE SOBRE ELLOS  ---*/
	text-decoration: none;
	background: #990000; 
    color: #fff;
	border-bottom-width: 0px;
	
	}
	
	
 a:visited, #contentColumn a:visited /*----  TODOS LOS LINKS ya visitado  ---*/
{
	border-bottom-width:0.1em;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	font-weight: normal;
	text-decoration: none;
	
}	
	
	

p { /*---- parrafos  ----*/
		font-size: 1em;
		margin-bottom: 0.5em;
		margin-top: 0.3em;
		
}

 ul /*---- cualquier lista  ----*/
	{
	font-size: 0.8em;
	margin: 8px;
	padding: 8px;
	list-style-type: square;
	display: compact;
	margin-bottom: 2em;
  	
	}
	
	 ul li /*----items de cualquier lista    ----*/
	{
	
	margin-bottom: 5px;
    	
	}
	




em {
	font-weight: bold;
	color: #990000;
{ /*---- enfasis ---*/
	word-spacing: normal;
	font-weight: bold;
	color: #000;
	font-style: normal;


}


small { /*---- tipografias chicas  ---*/
{
	word-spacing: normal;
	color: #000;
	font-style: normal;
	font-size: 7.5pt;
}
  


 /*---- IMAGENES TODAS ----*/
 img, #masthead img{border: 0;  
     
	   
       }
 
  img:hover {border: 5px solid #000000;  /*---- IMAGENES TODAS SIN LINK SOBRE ----*/
       background: #fff;
	   text-decoration: none;
	   
       }
 
a img {border: none; /*---- IMAGENES TODAS CON LINKS  ---*/
       background: #fff;
	   text-decoration: none;
	   
       }
a img:hover {border: none; /*---- IMAGENES TODAS CON LINKS  SOBRE ---*/
       background: none;
	   text-decoration: none;
	}
	
.idseccion {
	color: #990000;
	font-weight: bold;

}

.tauro; #contentColumn .tauro; #innerContentColumn .tauro; p .tauro {
	color: #990000;
	font-weight: bold;

}

.importante
{
	border: none;
	font-weight: bold;
	color: #FF0000;
}