/* Hoja de estilos CSS predeterminada para un nuevo proyecto de aplicación Web*/
.lnk 			{text-decoration:none}
A 			{color: #000000; text-decoration:none; font-family: Arial}
A:visited 	{color: #000000; text-decoration:none; font-family: Arial}
A:hover 	{color: #5471a4; text-decoration:none; font-family: Arial}
A:active 	{color: #ffac00; text-decoration:none; font-family: Arial}


.lnkb 			{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
A.lnkb  			{color: #000000; text-decoration:none; font-family: Arial}
A.lnkb:visited 	{color: #000000; text-decoration:none; font-family: Arial}
A.lnkb:hover 	{color: #ffac00; text-decoration:none; font-family: Arial}
A.lnkb:active 	{color: #ffac00; text-decoration:none; font-family: Arial}

.lnkC 			{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight:bold }
A.lnkC  			{color: #000000; text-decoration:none; font-family: Arial}
A.lnkC:visited 	{color: #000000; text-decoration:none; font-family: Arial}
A.lnkC:hover 	{color: #ffac00; text-decoration:none; font-family: Arial}
A.lnkC:active 	{color: #ffac00; text-decoration:none; font-family: Arial}

.lnkImportante 			{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffff00; font-weight:bold }
A.lnkImportante  			{color: #000000; text-decoration:none; font-family: Arial}
A.lnkImportante:visited 	{color: #000000; text-decoration:none; font-family: Arial}
A.lnkImportante:hover 	{color: #ffac00; text-decoration: underline; font-family: Arial}
A.lnkImportante:active 	{color: #ffac00; text-decoration:none; font-family: Arial}


.textopie {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
.textocorrido { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.textopieblanco { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff}
.textocorridoColor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #092b8e; font-weight: normal}
.titularficha {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; font-weight:bold }
.subtitularfichaprod { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #5471a4; font-weight: bold }

p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}

BODY
{
    BACKGROUND-COLOR: FFFFFF;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 8px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin-left:0; margin-right:0; margin-top:0
}



A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	



ErrorItem {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FF0000; background-color: #FFFF66}


.albero {
	COLOR: #222222;
	FONT-SIZE: 8px; 
	FONT-FAMILY: tahoma;
	BACKGROUND-COLOR: #FDFDFE;
}

.tabella {
	BORDER-BOTTOM: #E8E8E8 1px solid; 
	BORDER-RIGHT: #E8E8E8 1px solid; 	
	BORDER-LEFT: #E8E8E8 1px solid; 
	BORDER-TOP: #E8E8E8 1px solid;
	BACKGROUND-COLOR: #CCCCDD;
}

TR.TituloProd {FONT-SIZE: 8px;FONT-WEIGHT: bold; COLOR:White; BACKGROUND-COLOR: Black;	text-align: left; PADDING-LEFT: 10px;}
TR.item {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
TR.alternateitem {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none;BACKGROUND-COLOR:Olive }

TD.header {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #006699;	text-align: left; PADDING-LEFT: 10px;}

.MiniCarrito {
	BORDER-BOTTOM: #E8E8E8 1px solid; 
	BORDER-RIGHT: #E8E8E8 1px solid; 	
	BORDER-LEFT: #E8E8E8 1px solid; 
	BORDER-TOP: #E8E8E8 1px solid; 
}
MiniCarrito TR.item {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
MiniCarrito TR.Header {FONT-SIZE: 12px;FONT-WEIGHT: bold; COLOR:White; BACKGROUND-COLOR: Black;	text-align: left; PADDING-LEFT: 10px;}
MiniCarrito TD.header {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #E8E8E8;	text-align: left; PADDING-LEFT: 10px;}

.texto{FONT-SIZE: 11px;}
.texto12{FONT-SIZE: 12px;}
.titulo{FONT-SIZE: 12px; font-weight:bold }
.field {color:#006699;	text-align : left;	font-size : 11px;}
.fieldInput{BORDER-RIGHT: #ff8000 1px solid; BORDER-TOP: #ff8000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #ff8000 1px solid; COLOR: #ff8000; BORDER-BOTTOM: #ff8000 1px solid; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #ffffff}
/****  ESTILOS PARA DATAGRID ****/
.datagrid {background : #D6D8ED;	border: 1px solid #828bcc;}
.datagrid TD.header {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #828bcc; PADDING-LEFT: 1px;}
.datagrid TD.headerOrdAsc {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #828bcc;	text-align: left; PADDING-LEFT: 10px;BACKGROUND-IMAGE: url(../images/orderAsc.gif);BACKGROUND-REPEAT: no-repeat}
.datagrid TD.headerOrdDesc {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #828bcc;	text-align: left; PADDING-LEFT: 10px;BACKGROUND-IMAGE: url(../images/orderDesc.gif);BACKGROUND-REPEAT: no-repeat;}
.datagrid TR.item {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #CCCC99;	text-align: left; PADDING-LEFT: 10px;}
.datagrid TR.pager {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #CC0000; BACKGROUND-COLOR: #c5cae7;	text-align: left; PADDING-LEFT: 10px;}
.datagrid TR.pagerNextPrev { text-align:right ; FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #CCCC99; PADDING-LEFT: 10px; font-size:10px;}
.datagrid TR.header A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none;text-align: left;PADDING-LEFT: 10px;}
.datagrid TR.header A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid TR.item A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid TR.item A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ff9900; TEXT-DECORATION: none}
.datagrid TR.pager A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid TR.pager A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagrid TD.item {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #828bcc;	text-align: left; PADDING-LEFT: 10px;}

/****  ESTILOS PARA DATAGRID ****/
.datagridCatalogo {background : #ffffff;	border: 1px solid #828bcc;}
.datagridCatalogo TR.field {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #FFFFFF; BACKGROUND-COLOR: #FFFFFF;	text-align: left; PADDING-LEFT: 10px;}
.datagridCatalogo TR.TituloProd {FONT-SIZE: 9px;FONT-WEIGHT: bold; COLOR:White; BACKGROUND-COLOR: #123BB9;	text-align: left; PADDING-LEFT: 10px;}

.datagridCatalogo TD.header {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #123BB9; PADDING-LEFT: 1px;}
.datagridCatalogo TD.headerOrdAsc {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #828bcc;	text-align: left; PADDING-LEFT: 10px;BACKGROUND-IMAGE: url(../images/orderAsc.gif);BACKGROUND-REPEAT: no-repeat;}
.datagridCatalogo TD.headerOrdDesc {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #828bcc;	text-align: left; PADDING-LEFT: 10px;BACKGROUND-IMAGE: url(../images/orderDesc.gif);BACKGROUND-REPEAT: no-repeat;}
/*.datagridCatalogo TR.item {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #FFFFFF; BACKGROUND-COLOR: #AAAAFF;	text-align: left; PADDING-LEFT: 10px;}*/
.datagridCatalogo TR.field {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #FFFFFF; BACKGROUND-COLOR: #FFFFFF;	text-align: left; PADDING-LEFT: 10px;}
.datagridCatalogo TR.pager {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #CC0000; BACKGROUND-COLOR: #c5cae7;	text-align: left; PADDING-LEFT: 10px;}
.datagridCatalogo TR.pagerNextPrev { text-align:right ; FONT-WEIGHT: bold; COLOR: #006699; BACKGROUND-COLOR: #CCCC99; PADDING-LEFT: 10px; font-size:10px;}
.datagridCatalogo TR.header A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none;text-align: left;PADDING-LEFT: 10px;}
.datagridCatalogo TR.header A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagridCatalogo TR.item A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagridCatalogo TR.item A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ff9900; TEXT-DECORATION: none}
.datagridCatalogo TR.pager A {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagridCatalogo TR.pager A:hover {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none}
.datagridCatalogo TD.item {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #006699;  PADDING-LEFT: 10px;}
.datagridCatalogo TD.field {FONT-SIZE: 10px;FONT-WEIGHT: bold; COLOR: #123BB9; BACKGROUND-COLOR: #dddddd;	text-align: left; PADDING-LEFT: 10px;}


.estado{
	COLOR: #003366;
	TEXT-ALIGN: justify;
	BACKGROUND-IMAGE: url(../images/estado.gif);
	PADDING-LEFT: 13px;
	PADDING-RIGHT: 10px;
	FONT-SIZE: 11px;
	BACKGROUND-REPEAT: no-repeat;
	background-position: left;
	
}
.estado A{
	COLOR: #ffffff;
	
	
}

.calendario {
	FONT-SIZE: 10px; 
	FONT-FAMILY: Arial;
	BORDER: #888888 1px solid; 

}

.error {  font-family: Arial; font-size: 12px; COLOR: Red;font-weight: bold}

.TablaReserva {
	width: 100%;
	BORDER-BOTTOM: #E8E8E8 1px solid; 
	BORDER-RIGHT: #E8E8E8 1px solid; 	
	BORDER-LEFT: #E8E8E8 1px solid; 
	BORDER-TOP: #E8E8E8 1px solid;
	BACKGROUND-COLOR: #DDDDDD;
}

.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #58566d; font-weight:bolder   }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.selectedDay {BACKGROUND-COLOR: #eeee88 ; background:#eeee88;  font-weight:bold }
.DiaPasado {BACKGROUND-COLOR: Gray ; background:Gray; }
.DiaFuturo {BACKGROUND-COLOR: #eeee88; background :#eeee88;}

.calendar
{
	border: 1px solid black;
	width:100px;
}

.calendarTitle
{
	background-color: #999999;
	
}

.calendarTitle,
.calendarTitle td
{
	color: #ffffff;
	font-weight: bold;
	font-size:10px;
}

.calendarNextPrev
{
	font-weight: normal;
	padding: 2px;
}

.calendarNextPrev a,
.calendarNextPrev a:visited,
.calendarNextPrev a:hover
{
	background-color: ButtonFace;
	border: outset 0px;
	color: ButtonText;
	padding: 0px ;
	text-align: center;
	text-decoration: none;
}

.calendarDayHeader
{
	background-color: #ffffe0;
	font-weight: bold;
}

.calendarDay
{
	color: #000000;
}

.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover
{
	color: #0000ff;
}

.calendarOtherMonthDay
{
	color: #808080;
}

.calendarOtherMonthDay a,
.calendarOtherMonthDay a:visited,
.calendarOtherMonthDay a:hover
{
	color: #8080c0;
}


.calendarWeekendDay
{
	background-color: #e0e0e0;
}

.calendarTodayDay
{
	background-color: #ffffc0;
}

.calendarSelectedDay
{
	background-color: #0000ff;
	color: #ffffff;
	font-weight: bold;
}

.calendarSelectedDay a,
.calendarSelectedDay a:visited,
.calendarSelectedDay a:hover
{
	color: #ffffff;
}

.calendarSelector
{
	background-color: #c0c0e0;
}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover
{
	color: #0000ff;
	text-decoration: none;
}