BODY{
	 	background-color:#000;
		background-image:url(../images/portalbg.gif); background-position:center; background-repeat:repeat-y;
	 	text-align:center;
	 	margin:0;
	 	padding:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	img{ border:none}


	.portal-wrapper
	{
	 	background-color:#ccc;
		background-image:url(../images/portalbg.gif); background-position:center; background-repeat:repeat-y;	 
	 	margin:auto;
		padding:0px;
		text-align:left;
		background-color:#FFFFFF;		
	}
/*------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------       Cabezal	  ------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
	 .portal-top{
	  	 background-color:#E3AC54;
		 background-image:url(../images/cabezalBg.gif);
		 background-position:center 43px;
		 background-repeat:no-repeat;
		 color:#660000;
		 height:175px;
		text-align:center;
		margin:auto;
	  }
	 .portal-top ul{
	 		display:table;
			list-style:none;
			margin:auto;
			padding:0px;
			padding-top:5px;

	  }	  
	  .portal-top ul li{
			display:inline;
	  }
	  .portal-top a{
	      text-decoration:none;
			color:#660000;
		}
		.cabezal{color:#666666; text-align:center}		
		.content{color:#666666;text-align:center;}

/*------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------    Contenido estilos Generales   ------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/


		.content{
			margin-top:10px;
		}		
		
/*estilo para llamadas ejemplo tabla de costos abajo llamada sobre cobro de impuestos*/
		cite{ color:#990000; font-style:normal;}
		
/* Estilo de los labels de los inputs ejemplo: "funciones del evento:" */		
		.content .label-input{
				font-size:14px;
				color:#990000;
				margin-bottom:10px;
				font-weight:bold;
				
		}

		 		
/*Titulos */
/*No se definió h1 debido a que se maneja con imagenes*/
/* Titulo de segundo */						
		.content h2{
				font-size:14px;
				color:#990000;
		}

/* Titulo de tercervivel */				
		.content h3{
				font-size:14px;
				color:#333;
				margin-top:5px;
		}
/*Botonera*/
/*Define links con forma de botones*/				
/*ejemplo de uso: */
/*
	<div class="barra_botones" >
				<span class="boton"><a href="#">Registro evento</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<span class="boton"><a href="#">Agregar función</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<span class="boton"><a href="#">Modificar evento</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<span class="boton"><a href="#">Modificar función</a></span>&nbsp;				
	</div>
*/
      .barra_botones{
			margin:auto;
			margin-top:10px;
			line-height:40px;
			text-align:center;

       }
		 .barra_botones .boton{
		   background-color:#fff;
			border:1px solid #660000;
			line-height:30px;
			padding:1px;
         margin:auto;
		 }
		 .barra_botones .boton a{
		   background-color:#660000;
			border:1px solid #FFFFFF;			
			color:#FFFFFF;
			text-decoration:none;
			line-height:20px;
			padding-top:4px;
			padding-bottom:4px;			
			padding-right:15px;
			padding-left:15px;			
			font-size:12px;
			font-weight:bold;
		 }
	/*Barra para separar items dentro de una página*/
		 hr{
		 	width:800px;
			color:#999;
			margin:auto;
			padding:0px;
			height:1px;
		 }


		.cerrar-caja{
			color:#333;
		}
		/*     Tabla Estandar*/		 

		table{
			width:680px;
			border-collapse:collapse;
			text-align:center;
			margin:auto;
			margin-top:5px;
		}
/*Define los estilos para el encabezado*/
		table th{
			background-color:#990000; 
			color:#FFCC33;  
			border-collapse:collapse;
			height:20px;
		}

/*el ancho de cada celda debe darse por separado*/
		table td{
			
			text-align:center; 
			border:1px solid #ccc;
			vertical-align:top;
			padding:5px;
      }





/*------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------    Contenido estilos Consulta de eventos    ----------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/



      .consulta-eventos table{
			width:680px;
			text-align:center;
			margin:auto;
			margin-top:0px;
			padding-top:0px;
			vertical-align:top;	
			border:none;

		}
      .consulta-eventos table td{
			text-align:left;
			margin-top:0px;
			padding-top:0px;
         vertical-align:top;
			border:none


		}
				
      .consulta-eventos table .col1{
			width:609px;
			border:none;
			background-color:#FFFFFF;
		}
     .consulta-eventos table .col2{
			width:216px;
			border:none;
			background-color:#FFFFFF;
		}
      .consulta-eventos table th h1{
			background-color:#660000;
			color:#FFCC33;
			border:1px solid #FFCC33;
			text-align:left;
			font-size:12px;
			height:18px;
			margin:0px;
			padding:0px;
			padding-left:10px;
			padding-top:3px;
		}
      .consulta-eventos table th{
			background-color:#000000;
		}

      .consulta-eventos table .col1 h1{
				margin-right:35px;
		}			
      .consulta-eventos table td strong{
				color:#660000;
		}
		table.describe-eventos{margin-top:20px; width:310px;margin-left:0px; vertical-align:top; border:none}
		table.describe-precios{margin-top:20px; width:215px;margin-left:0px; border:none }		
		.describe-precios td.descripcion{ text-align:right}				
		.describe-eventos td, .describe-precios td{height:20px}		
		 
/* tabla-eventos*/
.tabla-eventos td{
	width:14.3%
}
.tabla-eventos td A{
   color:#CC6666;
}
.tabla-eventos .dia  {
   color:#CC9900;
	font-weight:bold;
}
.tabla-eventos strong{
   color:#990000;
}


/*----------------------------------------------------------------------------------------*/
/*---------------- CLASES AGREGAGAS POR JORGE OTÁROLA LUNA -------------------------------*/
/*----------------------------------------------------------------------------------------*/

.calendario
{
       width:100px;
       font-size:10pt;
       font-family:Arial;
}

.calendario table
{
       color: red;
       border-top-style: none;
       border-right-style: none;
       border-left-style: none;
       background-color: ghostwhite;
       border-bottom-style: none;
       padding-right:2px;

}
.calendario select
{
       background-color: red;
       color:White;
}
.calendario table a
{
       font-size:10pt;
}
.calendario a
{
       font-size:10pt;
}
.calendario td a
{
       font-size:10pt;
}
.calendario div
{
       font-size:10pt;
}
.calendario td a
{
       font-size:10pt;
}

.botoncalendario
{
       border-right: silver 1px solid;
       border-top: silver 1px solid;
       background-image: url(../images/cal.gif);
       border-left: silver 1px solid;
       width: 20px;
       border-bottom: silver 1px solid;
	   background-repeat: no-repeat;
       height: 20px;
}
.textCalendario
{
	width: 150px;
	border-right: black 1px solid;
	border-left: black 1px solid;
	border-bottom : black 1px solid;
	border-top: black 1px solid;
	height: 20px
}

.Error 
{
	text-align:center;
	margin:auto;
	margin-top:0px;
	padding-top:0px;
	vertical-align:top;	
	border:node;
}

.Error .Title
{
	font-size:14px;
	color:#990000;
	font-weight:bold;	
}

.Error .SubTitle
{
	font-size:12px;
	color:Black;
	font-weight:bold;	
}

.Error td
{
	border:none;
}