body 
{
	margin: 0px; border: 0px; padding: 0px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #787878;
}

body.mceContentBody
{
	margin: 0px; border: 0px; padding: 0px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #787878;
}

.BotonConEstilo {border:1px solid #DDDDDD;background-color:#AA0000;font-family: Arial;font-size:10px;height:19px;color:#FFFFFF;font-weight:bold;padding:0px 6px 0px 6px;}
.ComboConEstilo {font-family:Arial;font-size:10px;background-color:#EEEEEE;}
.TextBoxConEstilo {font-family:Arial;font-size:11px;border:1px solid #CCCCCC;background-color:#EEEEEE; padding-left:2px;}

/*
	El editor funciona mucho mejor cuando por defecto, p no tiene márgenes
*/
p { margin: 0; padding: 0; }

a
{
	text-decoration: none; color: #787878; font-weight: bold;
}

a:hover
{
	text-decoration: none; color: #AAAAAA; font-weight: bold;
}

a img
{
	border: none;
}

/*
	AgregarEstilo [Texto pequeño] = ParrafoGrisMini
	AgregarEstilo [Texto normal = ParrafoGrisNormal
	AgregarEstilo [Texto normal negrita] = ParrafoGrisNormalBold
*/
.ParrafoGrisComentario { font-size:10px; font-style: italic; color: #AAAAAA; }
.ParrafoGrisMini { font-size: 8pt; }
.ParrafoGrisNormal { font-size: 10pt; }
.ParrafoGrisNormalBold { font-size: 10pt; font-weight: bold; }

.TituloSeccion { font-size: 18px; font-weight: bold; color: #40949a; padding: 10px 0px 8px 0px; }

.TablaTexto { width: 95%; font-size: 10pt; color: #787878; }

.TablaSubMenu
{
	margin: 15px 0px 10px 0px;
}
.TablaSubMenu td 
{  
	background-color: #AA0000;
	border-left: solid 1px #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
	color: White;
	height: 20px;
	font-size: 8pt;
	vertical-align: middle;
}
.TablaSubMenu a
{
	text-decoration: none;
	font-weight: normal;
	color: White;
}

.TablaSubMenu a:hover
{
	text-decoration: underline;
	font-weight: normal;
	color: White;
}

/*
	Tabla listado
*/
.TablaListado
{
	border: solid 1px #FFFFFF;
}
.TablaListado thead td
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, Sans-Serif; BACKGROUND-COLOR: #40949a;
	height: 20px;
}
.TablaListado td
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #444444; FONT-FAMILY: Arial, Helvetica, Sans-Serif; BACKGROUND-COLOR: #f5f5f5;
	padding: 3px 10px 3px 10px;
	border-bottom: solid 1px #CCCCCC;
}
.TablaListado a
{
	FONT-WEIGHT: normal; COLOR: #40949a; FONT-FAMILY: Arial, Helvetica, Sans-Serif; text-decoration: none;
}
.TablaListado a:hover
{
	FONT-WEIGHT: normal; COLOR: #444444; FONT-FAMILY: Arial, Helvetica, Sans-Serif; text-decoration: underline;
}

.CabeceraRojaGris
{
	background: url('../../ContentOMatic/Contenidos/Imagenes/Fondos/FondoCabeceraRoja.gif') no-repeat;
	padding-left: 36px;
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	height: 20px;
}


/*
	Tabla listado validacion de reservas perfil hotel
*/
.TablaListadoValidacion
{
	border: solid 1px #FFFFFF;
}
.TablaListadoValidacion thead td
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #EEEEFF; FONT-FAMILY: Arial, Helvetica, Sans-Serif; BACKGROUND-COLOR: #40949a;
	height: 20px;
}
.TablaListadoValidacion thead a
{
	FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, Sans-Serif; text-decoration: none;
}
.TablaListadoValidacion thead a:hover
{
	FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, Sans-Serif; text-decoration: underline;
}
.TablaListadoValidacion td
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #444444; FONT-FAMILY: Arial, Helvetica, Sans-Serif; BACKGROUND-COLOR: #f5f5f5;
	padding: 3px 5px 3px 5px;
	border-bottom: solid 1px #CCCCCC;
}
.TablaListadoValidacion a
{
	FONT-WEIGHT: normal; COLOR: #40949a; FONT-FAMILY: Arial, Helvetica, Sans-Serif; text-decoration: none;
}
.TablaListadoValidacion a:hover
{
	FONT-WEIGHT: normal; COLOR: #444444; FONT-FAMILY: Arial, Helvetica, Sans-Serif; text-decoration: underline;
}


/*
	Tabla formulario
*/
.TablaFormulario
{
	border: solid 1px #FFFFFF;
	width: 80%;
	border-bottom: solid 1px #CCCCCC;
}
.TablaFormulario thead td
{
	background: url('../../ContentOMatic/Contenidos/Imagenes/Fondos/FondoCabeceraRoja.gif') no-repeat;
	padding-left: 36px;
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	height: 20px;
}
.TablaFormulario td
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #444444; FONT-FAMILY: Arial, Helvetica, Sans-Serif; BACKGROUND-COLOR: #f5f5f5;
	padding: 0px 11px 0px 0px;
}
.TablaFormulario .NombreCampoFormulario
{
	background: url('../../ContentOMatic/Contenidos/Imagenes/Separadores/separador_campo.gif') no-repeat;
	background-position: right 4px;
	padding: 2px 11px 0px 0px;	
	text-align: right;
	vertical-align: top;
}
.TablaFormulario tfoot td
{
	text-align: right; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;
}

/*
	Tabla catálogo
*/

.TablaCatalogo
{
	BACKGROUND-COLOR: #f5f5f5;
	border-bottom: solid 1px #CCCCCC;
	width: 100%;
}

.TablaCatalogo p
{
	background: url('../../ContentOMatic/Contenidos/Imagenes/Separadores/separador_campo.gif') no-repeat;
	background-position: left 4px;
	padding: 2px 0px 2px 12px;
	font-size: 12px;
	text-align: left;
}

.TablaCatalogoResumen
{
	BACKGROUND-COLOR: #f5f5f5;
	width: 100%;
}

.TablaCatalogoResumen p
{
	background: url('../../ContentOMatic/Contenidos/Imagenes/Separadores/separador_campo.gif') no-repeat;
	background-position: left 3px;
	padding: 2px 0px 2px 12px;
	font-size: 10px;
	text-align: left;
}

/*
	Tabla pasos para completar
*/
.PasosFormulario
{
	margin-bottom: 14px; border-bottom: dotted 1px #CCCCCC;
	width: 80%;
}
.PasosFormulario .NumeroActual
{
	background-color: #555555;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	width: 20px;
}
.PasosFormulario .TextoActual
{
	font-weight: bold;
	color: #555555;
	padding-right: 16px;
}
.PasosFormulario .NumeroPendiente
{
	background-color: #CCCCCC;
	color: White;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	width: 20px;
}
.PasosFormulario .TextoPendiente
{
	color: #CCCCCC;
	padding-right: 16px;
}

/*
	Menu estático
*/
.MenuEstatico
{
	background: url('../../ContentOMatic/Contenidos/Imagenes/Fondos/barraMenuSuperior.jpg') no-repeat;
	color: White;
	font-weight: normal;
	height: 24px;
	text-align: center;
}

.ItemMenuEstatico
{
	border-right: solid 1px White;
	padding-left: 8px;
	padding-right: 8px;
}

.UltimoItemMenuEstatico
{
	padding-left: 8px;
}

.MenuEstatico a
{
	text-decoration: none;
	font-weight: normal;
	color: White;
}

.MenuEstatico a:hover
{
	text-decoration: underline;
	font-weight: normal;
	color: White;
}

/*
	Menu Principal
*/
.MenuPrincipal
{
	margin-top: 10px;
	width: 230px;
}

.ItemMenuPrincipal
{
	background: url('../../ContentOMatic/Contenidos/Imagenes/Fondos/MenuPrincipalItem.gif') no-repeat; 
	padding-left: 26px; 
	height: 21px; 
	color: #FFFFFF;
}

.ItemMenuPrincipalSeleccionado
{
	background: url('../../ContentOMatic/Contenidos/Imagenes/Fondos/MenuPrincipalItemSel.gif') no-repeat; 
	padding-left: 26px; 
	height: 21px; 
	color: #880000;
}

.MenuPrincipal a
{
	text-decoration: none;
	font-weight: normal;
	color: White;
}

.MenuPrincipal a:hover
{
	text-decoration: underline;
	font-weight: normal;
	color: White;
}


/*
	Formularios
*/
.NombreCampo
{
	background: url('../../ContentOMatic/Contenidos/Imagenes/Separadores/separador_campo.gif') no-repeat;
	background-position: right 4px;
	padding: 2px 12px 0px 0px;	
	text-align: right;
	vertical-align: top;
}

/*
	Calendario
*/
.Calendario .ajax__calendar_container {
    border:1px solid #646464;
    background-color: White;
    color: red;
}

.Calendario .ajax__calendar_body thead td
{
	background: #888888;
	color: #EEEEEE;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}

.Calendario .ajax__calendar_body td
{
	padding: 0px 0px 0px 0px;
}

.GridOperador
{
}

.GridOperador .GridEstiloItem
{
	padding: 0px 4px 0px 4px;
}

/* Tabs */

.TabSeleccionado
{
	background-color: #888888; color: #FFFFFF; font-weight: bold; border-top: solid 1px #888888; border-left: solid 1px #888888; padding: 4px 12px 4px 12px;
}

.Tab
{
	border-top: solid 1px #888888; border-left: solid 1px #888888; border-right: solid 1px #888888; padding: 4px 12px 4px 12px;
}

/* Caja modal */

.FondoModal
{
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;

}

/* Paginador */

.PagerPaginaActual
{
	padding: 2px 4px 2px 4px;
	background-color: #666666;
	font-weight: bold;
	color: #ffffff;
}

.PagerNumeroPagina
{
	padding: 2px 4px 2px 4px;
	background-color: #ffffff;
	color: #666666;
	
}

/* ESTRUCTURA BANNER ROTATIVO --------------------------------------------------------------*/ 
#BANNER { width:715px; height:150px; overflow:hidden; padding:0 0 0 0}
#BANNER td { vertical-align:top;}
#BANNER td.Foto { padding:7px 0 0 0; width:166px;}
#BANNER td.Texto { color:#666; font-size:12px; padding:12px 0 0 0;}
#BANNER td.Boton { padding:12px 0 0 0;}
#BANNER td.Divider { width:10px;}
#BANNER td.Divider_min { width:5px;}

/* Clases Genericas -----------------------------------------------------------------------*/
.Oculto { display:none;}

/* Colores */
.ColorOcre { color:#ab0007;}