/* Global Styles */

body {
	margin:0px;
	}
	
td {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	}

h2{
	font: 15px Arial, Helvetica, sans-serif;
	font-weight:bold; color:#28150D; text-align: left; margin: 0 0 0px 0; padding: 0;
	text-decoration:none;
	}
h3 {
	font:14px Arial, Helvetica, sans-serif; text-align:left;
	color:#736c24;
	}

	
a {
	color:#2D4624; /* antes #7251BC*/
	}
	
a:hover {
	color: #5C743D;
	}

/* ID Styles */

#navigation td {
	border-bottom: 1px solid #cccccc;
	}
	
#navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #D5EDB3;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	background: #99CC66;
	color:#B1CB9A; /* antes #7251BC */
	}
	
#logo 	{
	font:24px Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF; background-image:url(../imagenes/bgtranparente.png);
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #2D4624; /* antes #7251BC */
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	background-color: #B1CB9A; /* antes #7251BC */
	}
	
/* Class Styles */

.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#517433; /* antes #7251BC */
	line-height:15px;
	letter-spacing:.08em;
	/* background-image:url(../imagenes/bg_btn.jpg); */
	}

.NombreEvento{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold; color:#28150D; text-align: left; margin: 0 0 0px 0; padding: 0;
	text-decoration:none;
	}
	
.TipoEvento{
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold; color:#2D432C; text-align: left; margin: 0 0 0px 0; padding: 0;
	text-decoration:none;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 16px;
	}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

.mas {
	font: 12px Arial, Helvetica, sans-serif;
	color:#4176AB;
	line-height:12px;
	letter-spacing:.1em;
	text-decoration: none;
	}

.box { 
  background: #B1CB9A; /* antes #7251BC */
}
.boxmorado { 
  background: #B1CB9A; /* antes #7251BC */
}
.boxtop { 
  background: url(../imagenes/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 5px; 
  background: url(../imagenes/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(../imagenes/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 5px; 
  background: url(../imagenes/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 5px 0px 5px;
}

.cajaarriba{ 
   width: 180px; 
   background-image:url(../imagenes/arriba.gif); 
   background-position: top center; 
   background-repeat: no-repeat; 
} 

.cajaabajo { 
   background-image:url(../imagenes/abajo.gif); 
   background-position: bottom left; 
   background-repeat: no-repeat; 
   padding: 5px 5px 5px 5px; 
} 


/* Este es el contenedor al que le pondremos bordes redondos */
div.round{
   width:180px;
   height:auto;
   background:#E7EEDF; /* antes #C7B9EA */
}

/* #ECF5FF En este contenedor va todo lo que queremos mostrar. No le damos margen vertical puesto ese lo generarán los span del borde */
div.contenido{ 
   margin:0 5px;
}
/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top, span.bottom{
   width:100%;
   height:6px; /* El alto debe ser la mitad de alto de la imagen GIF */
   display:block;
}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top {
   background:url(../imagenes/LC.gif) top left no-repeat; 
}
span.bottom{
   background:url(../imagenes/LC.gif) bottom left no-repeat;
}

span.top span, span.bottom span{
   width:6px; /* De acuerdo al tamaño de la imagen GIF */
   height:6px; /* De acuerdo al tamaño de la imagen GIF */
   float:right;
   font-size:6px; /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
}
span.top span{
   background:url(../imagenes/RC.gif) top right no-repeat;
}
span.bottom span{
   background:url(../imagenes/RC.gif) bottom right no-repeat;
}
 /* para el recuadro blanco */
 div.roundwhite{
   width:180px;
   height:auto;
   background:#FFFFFF; /* #E7EEDF;  antes #C7B9EA */
}
/* #ECF5FF En este contenedor va todo lo que queremos mostrar. No le damos margen vertical puesto ese lo generarán los span del borde */
div.contenidow{ 
   margin:0 5px;
}
/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.topw, span.bottomw{
   width:100%;
   height:6px; /* El alto debe ser la mitad de alto de la imagen GIF */
   display:block;
}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.topw {
   background:url(../imagenes/LCw.gif) top left no-repeat; 
}
span.bottomw{
   background:url(../imagenes/LCw.gif) bottom left no-repeat;
}

span.topw span, span.bottomw span{
   width:6px; /* De acuerdo al tamaño de la imagen GIF */
   height:6px; /* De acuerdo al tamaño de la imagen GIF */
   float:right;
   font-size:6px; /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
}
span.topw span{
   background:url(../imagenes/RCw.gif) top right no-repeat;
}
span.bottomw span{
   background:url(../imagenes/RCw.gif) bottom right no-repeat;
}


/* Este div es para que flote el titulo */
div.tit{
	width:200px;
	height:150px;
	background-repeat: no-repeat;
	background-position: 100px 30px;
	position: absolute;
	left: 21px;
}
.fondodetabla{
	background:#F2F7F3;
	}