/* Texto y links */
/*

PRINCIPAL DE LOOK AND FEEL (no estructural y no fondos)
-font-family y color de body; y tamaño incial (reset de yui lo setea a 13px; es bastante pequeño)
-estilo de links: 
   para a comunes link, visited, hover, active: setea color y text-decoration
   para a de clases especiales : externos!  de emails; externos dentro de headers
   externos dentro de ids especificos; principalemente le setea paddings e incluso backgrounds!!!
   setea distintos paddng cuando estan activosy hover a todos lo demas!!! 
 -contenededores de texto: p dd y posiblemente li; line-heigth; el text-aling centrado para body
  luego los contenedores left; si se tiene un contenedor principal ok ; el text-align en el body
  afecta a TODOOOOOOOOOOOOOOOO; es mejor dejarlo center y setear a right por clase
  o id de contenedor
 -line-height tiene gran importancia visual!!!! es mejor seterlo para todos los contenedores
  finales: p, dd, li 
 -separación de parrafos!!!: margin-bottom; por ej 1em; tambien puede ser para tablas, fieldset y pre  
-heading: color si es que van a tener otro que el texto comun y pricipalmente tamaños; en general
 en porcetajes 
-margenes top y bottom de los headings (es especial h1 h2 y h3); en em (asi es propocional a la fuente!!!!
 moy bueno); pero esto croe que deberia hacerse despues de setearle el tamaño!!!
 */
   
   
/*robado de web de ff3!  excelente */
body {
	font-family: georgia, serif;
	/*font-size: 16px; */  
    /*line-height: 1.231; */	/*15px antes*/
	/*esto es lo que usa yui para que ande los
	porcentajes en IE... lo hace despues de setear el tamanio a 13px... si se setea a un num
	fijo, no anda el agrandado de texto... */
/*	font-size: 100%;  */ 
   /* *font-size: medium;  */ /*AHIIIII ESTA!!!! CON ESTO IE7 PONE EL TEXTO A 
	18px (O CASI) Y PERMITE HACER ZOOM DE TEXTO; PUTO IE!;  COPIADO DE
	YUI Reset; otros valores son xx-small,x-small,small,medium, large, x-large y xx-large
	igual tal vez la mejor solucion es panerlos en small y desues escalar todo lo que esta
	dentro de body (poniendo un div solo para eso) y setenado el porcentaje en este div...*/
	color: #807970;  /*vamos a ponerle el mismo color que los headings...*/
	color: #4b4740; /*poniendole el mismo que el azul mas fuerte en el fondo*/
	color: #5494c1; /*queda mal; poniendole un azul mas oscuro*/
	color: #215072; /*queda bien pero si se le da una fonta mas grande */

}

p, dd, li { line-height: 1.5;}
p { margin-bottom: 1em; /*se paracion de parrafos; tambine puede ser para tablas  y pre*/}
/*Links  */

a:link, a:visited {	text-decoration: none;	color: #0489b7;}

a:hover, a:active {	text-decoration: underline; color: #0489b7; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
	font-family: georgia,serif;
	font-weight: normal;
	color: #4b4740;
}

h1 { font-size: 185%; }
h2 { font-size: 170%; }
h3 { font-size: 150%; /*165*/}
h4 { font-size: 137%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

h1, h2, h3 {  /*para separar headings de otros contenidos */
	margin-top: 1em;
	margin-right: 0pt;
	margin-bottom: 1em;
	margin-left: 0pt;
}





















/* las columnas flotan a izquierda */
/* NO setear margin ni paddin ni bordes nunca a un elemento de clase col; en su lugar hacerlo
a el div internno de clase icolX */
*.col { float: left;
 
}
/* bordes comunes a todos los icols; se pueden cambiar para icols especificcos */
*.icol1, *.icol2, *.icol3 {
 border-left: solid gray 1px;
 border-top: solid gray 1px;
 border-bottom: solid black 3px;
 border-right: solid black 3px;
 background-color: white; }
/* divider que finaliza una secuencia de columnas y las pone en un una fila; debe ir siempre
despues de una secuecia de elemetnos col */
*.fin-fila {
clear: both; /* ESENCIAL */
height:4px;
border: solid gray 2px;
margin-top: 2px;
margin-bottom: 2px;
font-size:1px; line-height:1px; /*para IE 6*/
}
 

 
 
/*COLUMNAS-*/
/*ANCHOS*/ 
/*reglas para la columna de navegacion; NO PMB (padding, marging  o border), 
solo width, min-width, max-width ymin-heigth; opcionalmente tambien background*/

/*columas dentro del header */
#titulo-header.col {   width:100%;}

/* colmunas principales */
#nav.col {  	width: 15%;} /*primer fila*/
#main.col { 	width: 85%;}
#news.col { width: 100%;} /*segunda*/

/*columas en footer */
#col1-footer.col { width: 100%; }

/* ICOLS; aca si PMB: margin, padding y border*/
/*header*/
#titulo-header.col *.icol1{
 margin:5px;}
/*contenido principal */ 
#nav.col *.icol1 { 
 margin-top: 5px;
 margin-left: 5px;
 margin-bottom: 5px;
 }
#main.col *.icol1 { 
 margin-top: 5px;
 margin-left: 5px;
 margin-right: 5px;
 margin-bottom: 5px;

}
#news.col *.icol1 {
 margin-left: 5px;
 margin-right: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}
/*footer*/
#col1-footer.col *.icol1{
}






/* fin de columnas principales */
/*look and feel de columnas */
#news.col *.icol1{  background-color: transparent; }

/*navegacion*/
/*#nav.col *.icol1 { padding: 5px 0; } */
/*#nav.col *.icol1 h2 { font-size: 150%; margin: 0.5em 0; } */
#nav.col *.icol1 {padding: 15px 15px;}
#nav.col *.icol1 h2 { font-size: 140%; margin: 0.5em 0; }
#nav.col *.icol1 h3 { font-size:120%; margin: 0.5em 0; text-align: left;} 
#nav.col *.icol1 ul {text-align: left;  margin-left: 10px;}
/* backgrounds */
body { 
 padding: 5px;
 /* robado del forro */
 /*font-family: verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
 font-size: 10pt; */
/* background-color:#5494c1;  */ /*color del final de la imagen de fondo*/ /*white; */
 /* background-image: url("/images/bg/azul-deg-doble-fondo.png"); */ 
/* background-repeat: repeat-x; */ /* repeat-x; */
background-color:  #ccffff;
background-color:  #ff6666;
background-color: 	#ccffcc;  
background-color: #99cccc;
 }

blockquote {
 font-family: cursive;


} 
div.link-comments {
 font-size: 130%;
}
div.link-comments  a:link, div.link-comments a:visited {
text-decoration: none;	color: blue;
}
div.link-comments  a:hover, div.link-comments a:active 
{	text-decoration: underline; color: blue; }


div.mainbody{
 text-align: left;
 background-color: white;
 padding: 5px;

}

/* tipicamente para todo el contenido que no esta la pagina principal */
div.mainbody div.content {
width:800px; 
/* background-color:rgb(241,241,241); */

margin:25px 35px;

}
/* COMENTARIOS ... FLOJITO POR AHORA  */
div.comentarios {
 background-color: #99cccc;
 margin: 10px;
}
div.comentarios div.post {
	background-color:white; 
	margin:8px;
	padding: 5px;

}
div.comentarios div.post div.post-autor {
 float: left;
}
div.comentarios div.post div.post-fecha{
 float:right;

}
div.comentarios div.post div.post-message{
 clear: both;
/* background-color: rgb(200,200,200); */
 margin: 5px;
 padding: 10px;
 border: solid gray 1px;
 }
div.comentarios div.post div.post-message pre {
 font-family:  georgia, serif;

} 
div.comentarios div.div-form-comments {
	margin:8px;
	padding: 5px;


}
/* LO QUE SIGUE HAY QUE BORRARLO */
/* NEWS!!!!!!!!!!!! */

div.new {
 border-top: solid gray 1px;
 border-bottom: solid black 1px;
 
 margin-top: 15px;
 margin-bottom: 15px;
 margin-left: 25px;
 margin-right: 25px;
 
 padding-top: 25px;
 padding-bottom: 25px;
 
 padding-left: 35px;
 padding-right: 65px;

 background: white;
 text-align: justify; /*left; */
 /* background-image: url("azul-deg-fondo.png"); */ 
}
div.new h3 { 
 margin: 0;}
div.new *.fecha-new {
 text-align: right;
}