/*Estilo que se da a las barras que indican la acción a realizar en el ecommerce*/
.CabeceraAccion
{						
	background-color: #EFC21A;
	height: 30px;
	width: auto;
	padding-top: 3px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 14px;			
}

.LinkCabeceraAccion
{
	font-variant:normal;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}

.LinkCabeceraAccion:Hover
{
	font-variant:normal;
	color:Black;
	text-decoration:none;
	font-size:14px;
}

.PanelAccion
{
	border:1px solid black;
}




/*Estilos para el panel que muestra los servicios que se van a reservar en la pantalla inicial del ecommerce*/
/*----------------------------------------------------------------------------------------------------------*/
/*Label que muestra el nombre del servicio*/
.TituloPanelServicios
{
	border:1px solid black;
	font-weight:bold;
	font-size:medium;
}

/*Label que muestra los nombres de los campos del servicio (Establecimiento, Fecha, Cantidad)*/
.LabelNombreCampoPanelServicios
{
	font-size:small;
	font-weight:normal;
	color:Black;
}


/*Label que muestra los datos del servicio (Establecimiento, Fecha, Cantidad)*/
.LabelCampoPanelServicios
{
	font-size:small;
	font-weight:normal;
	color:Gray;
}

.LabelCampoPanelServiciosDefinido
{
	font-size:small;
	font-weight:normal;
	color:Green;	
}

.NombreServicios
{
	background-color:#993399;
	color:White;
	font-weight:bold;
}

.numeracionServicios
{
	color:White;
	font-weight:bold;
	background-color:#333330;
}

.tituloOpciones
{
	font-weight:bold;	
}

/*----------------------------------------------------------------------------------------------------------*/

/*Estilos para la tabla que envuelve a los servicios*/

.tablaServicios
{
 border:1px solid black; 
 background-image: url(img/fondoTablaServicios.png);
}


/*Estilos para el calendario*/

.RadCalendar_Hay a
{		
	text-decoration:none;
    color:Black;		
}
 
.RadCalendar_Hay table.rcMainTable
{
	padding: -10;
	text-decoration:none;
    color:Black;
    margin: 0;    
}
.RadCalendar_Hay .rcWeek th.HeaderClass
{
    border-bottom: 1px solid #573d08;   
}
.RadCalendar_Hay .DayClass 
{
	background-color:#FFFFCC;	
	padding:5px;			   
    text-align:center;   
    width:25px;
}

.RadCalendar_Hay .OtherDayClass 
{
	background-color:#FFFFCC;	
	padding:5px;		
	text-align:center;
	width:25px;
}

.RadCalendar_Hay .WeekendDayClass 
{
	background-color:#FFFFCC;			
	padding:5px;		  
    text-align:center;
    width:25px;
}

.RadCalendar_Hay .SelectedClass 
{
	background-color:#FF9966;	
	padding:5px;	
    text-align:center;
    width:25px;
}

.RadCalendar_Hay .HoverClass 
{
	background-color:#FF9966;	
	padding:5px;	
    text-align:center;
    width:25px;
}

.RadCalendar_Hay .TitleClass
{
	font-size:small;
	font-weight:normal;	
	background-color:#993399;
	color:White;
	
}

.RadCalendar_Hay .HeaderClass
{	
	font-weight:bold;	
	background-color:#EFC21A;
	text-align:center;	
}


/*Estilos mensaje de comprobar disponibilidad*/    
.MensajeDisponibilidadSI
{
	font-size:smaller;
	font-weight:bold;
	color:#EFC21A;
}

.MensajeDisponibilidadNO
{
	font-size:smaller;
	font-weight:bold;
	color:Red;
}

/*Estilos leyenda imagenes*/

.leyendaTexto
{
	font-size:small;	
	color:Gray;	
}

.leyenda
{
	font-size:small;	
	color:Gray;	
	font-weight:bold;
}


/*Estilos botones e-commerce*/
.LinkEliminarServicio
{
	color:White;
	text-decoration:none;
	font-weight:normal;
}

.LinkEliminarServicio:Hover
{
	color:White;
	font-weight:bold;
}

/*Estilo botones*/
.botonEccommerce
{
	color:#606060; 
	text-decoration:none;
	background-color:#f1d929;

	padding-left:7px;
	padding-right:7px;
	border:1px solid black;

	font-size:14px;
}

.botonEccommerce:Hover 
{	
	color:#000000;
	background-color:#f1d929;
}

/*estilo de la tabla de los datos de cliente*/
.tablaCliente
{
	background-color:#F7F8E0;
	padding:10;
}

/*Estilo table mensaje de error en el pago*/
.tablaError
{
	background-color:#F7F8E0;
	padding:10;
}

.datosServicio
{
	background-color:#F7F8E0;	
}

.datosEstablecimiento
{
	background-color:#F7F8E0;
}

.labelDatosEstablecimiento
{
	color:Black;	
}

.campoDatosEstablecimiento
{
	color:Gray;
}


.labelEstadoServicio
{
	font-weight:bold;
}

.campoEstadoServicio
{
	font-weight:normal;
}

.labelLocalizadorServicio
{
	font-weight:bold;
}

.campoLocalizadorServicio
{
	font-weight:normal;
}