/* Esto es sólo mi paleta de colores, cada clase de la agenda tiene sus propios colores si la clase lo requiere */
.cc2626{COLOR:#cc2626}.b3aba2{COLOR:#b3aba2}.7a6c55{COLOR:#7a6c55}.6c6a59{COLOR:#6c6a59}.aca89d{COLOR:#aca89d}
.d1a45a{COLOR:#d1a45a}.6c732f{COLOR:#6c732f}.ca8f00{COLOR:#ca8f00}.982e25{COLOR:#982e25}.928771{COLOR:#928771}
.8f8f89{COLOR:#8f8f89}.b5b38a{COLOR:#b5b38a}.038CA3{color:#038CA3}.99141B{color:#99141B}.F29400{color:#F29400}
.1b4e96{color:#1b4e96}.2f7978{color:#2f7978}.cd2021{color:#cd2021}.5f8c76{color:#5f8c76}.8f609f{color:#8f609f}
.a2c23f{color:#a2c23f}.63b5a4{color:#63b5a4} 

/* Estos son unos hacks para el mizilla y el ie */
* + HTML DL {HEIGHT: 1%} * + HTML #contentHome {HEIGHT: 1%} * + HTML #head {HEIGHT: 1%}
* {-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}

/* Aquí empiezan realmente los estilos del contenido de la agenda, que carga en el iframe "contenido" en la página "agenda.htm" */
body {
	width:470px !important; font-family:Arial, Helvetica, sans-serif; font:16px/1.4em; /* por el ancho de la columna "Col1"*/
	margin:0; padding:0; height:100%; color:#000
	} * html body {font:100.01%/1.4em}/* otro hack*/
.Autor{
	padding-top:10px; font-weight: normal; font-size:90%; COLOR: #666; line-height:normal
	}

.Mail{
	font-weight: normal; font-size:90%; COLOR: #666; line-height:normal
	}
.BlogComents{
	font-weight: normal; font-size:95%; COLOR: #666; line-height:120%;  text-align:justify; 
	background:url(../images/bg-dotted.gif) repeat-x 50% bottom; padding:5px 0px
	}.BlogComents img{margin-right:5px; margin-bottom:0px}
.tituloPost {background:url(../images/bg-dotted.gif) repeat-x 50% bottom; margin-bottom:5px; padding-bottom:5px; 
	padding:10px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#000000
	}
.blogCol {
	font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size:95%; COLOR: #666;
	line-height:120%; text-align:justify
	}.blogCol img{float:left; margin-right:10px; margin-bottom:5px}

.rowSeparator {
	height:10px; background-image:url(../images/bgRowSeparator.gif); background-position:left center; 
	background-repeat:repeat-x; height:1px; 
	}
div.agregar a{ text-decoration:none; color:#000}
div.agregar a:hover{text-decoration:none; color:#cc2626}
.hide{display:none}
.show{display:yes}