/************************** OBJETOS **************************************************/

body{ margin:0; padding:0; background-image:url(images/background.gif); background-repeat:repeat-x; background-position:top; font-family:Tahoma, Verdana; font-size:11px; }

a:link, a:visited{ color:#666666; text-decoration:none; }
a:hover{ color:#006699; text-decoration:underline; }
a.linkBrown:link, a.linkBrown:visited{ color:#990000; text-decoration:none; }
a.linkBrown:hover{ text-decoration:underline; }

input[type="text"], input[type="password"], input[type="file"]{ font-family:"Trebuchet MS", Tahoma, Arial; font-size:11px; border:1px solid #666666; padding:3px; }
input[type="button"], input[type="submit"]{ font-family:Tahoma, Verdana; font-size:11px; }
select { font-family:"Trebuchet MS", Tahoma, Arial; font-size:11px; border:1px solid #666666; }
textarea { font-family:"Trebuchet MS", Tahoma, Arial; font-size:11px; border:1px solid #666666; }

hr{ border-bottom:1px dotted #CCCCCC; }

/******************************* FAMILIAS ***********************************************/

#conteScroll{ overflow:auto; height:200px; scrollbar-base-color: #FFF; scrollbar-arrow-color: #CCC; scrollbar-3dlight-color: #FFF; scrollbar-darkshadow-color: #FFF; scrollbar-face-color: #FFF; scrollbar-highlight-color: #CCC; scrollbar-shadow-color: #CCC; scrollbar-track-color: #FFF; }

/******************************* ESTYLO DEL TEMPLATE ************************************/

.shadow-left{ background-image:url(images/shadow-left1.gif); background-repeat:repeat-y; background-position:right; }
.shadow-right{ background-image:url(images/shadow-right1.gif); background-repeat:repeat-y; background-position:left; }
.shadow-bottom{ background-image:url(images/shadow-bottom.gif); background-repeat:repeat-x; background-position:top; }
.cristal_head{ background-image:url(images/foreground.png); background-position:top; background-repeat:repeat-x; padding-right:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; }
.cristal_head1{ background-image:url(images/foreground1.png); background-position:top; background-repeat:repeat-x; padding-right:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; }
.cristal_head a{ color:white; text-decoration:none; }
.cristal_head a:hover{ text-decoration:underline; }
.cristal_menu{ background-image:url(images/cristal-menu.png); background-repeat:no-repeat; height:420px; padding:20px 10px 0px 40px; overflow:auto;font-size:10px; }
.cristal_menu a{ color:#000000; text-decoration:none; }
.cristal_menu a:hover{ color:#FF6600; text-decoration:none; }
.cristal_menu ul{ list-style:none; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:white;}
.cristal_menu li{ padding-top:4px; padding-bottom:3px; padding-left:10px; }
.cristal_menu ul ul{ list-style:none; margin:0; }
.cristal_menu ul ul ul{ list-style:none; font-weight:normal; margin:0; }
.cristal_menu ul li a{ color:#000000; text-decoration:none; }
.cristal_menu ul li a:hover{ color:#990000; }
.cristal_menu ul li ul li a, .cristal_menu ul li ul li ul li a{ color:#990000; text-decoration:none; }
.cristal_menu ul li ul li a:hover, .cristal_menu ul li ul li ul li a:hover{ text-decoration:underline; }

/******************************* FORMATO DEL DISPLAY DE IMAGENES ********************************/

#displayImage{ background-color:#000000; margin:0; padding:10px; font-family:"Trebuchet MS", Tahoma, Verdana; font-size:12px; color:white; }
#displayImage a{ color:#FFFFFF; text-decoration:none; }
#displayImage a:hover{ color:#CCCCCC; }
#backImage{ position:absolute; left:0; top:0; width:100%; * width:expression(documentElement.clientWidth); height:100%; * height:expression(documentElement.clientHeight); z-index:101; display:none; }
#backImageGal{ background-color:#FFFFFF; position:absolute; left:0; top:0; filter:alpha(opacity=80); z-index:100; width:100%; * width:expression(documentElement.clientWidth); height:100%; * height:expression(documentElement.clientHeight); display:none; }

/******************************** CALENDARIO *****************************************************/

#calendar{ font-family:"Trebuchet MS", Tahoma, Verdana; font-size:11px; border:1px solid #330066; width:200px; background-color:white; }
#calendar .headCalendar{ padding:0; font-weight:bold; }
#calendar .headCalendarTable{ background-color:#e2c9f1; padding:3px; width:175px; }
#calendar .bodyCalendar{ padding:0; }
#calendar .bodyCalendarDayName{ font-weight:bold; text-transform:uppercase; background-color:#CCCCCC; width:14%; height:20px; }
#calendar .bodyCalendarDay{ height:20px; cursor:default; }
#calendar .bodyCalendarDayOn{ height:20px; }
#calendar .bodyCalendarDayOn:hover{ background-color:#e2c9f1; cursor:default; font-weight:bold; }
#calendar .bodyCalendarDayOff{ height:20px; }
#calendar .bodyCalendarDayNon{ height:20px; background-color:#FFFFCC; cursor:default; }
#calendar .footCalendar{ padding:0; }

#calendar1{ font-family:"Trebuchet MS", Tahoma, Verdana; font-size:11px; border:1px solid #330066; width:200px; background-color:white; }
#calendar1 .headCalendar{ padding:0; font-weight:bold; }
#calendar1 .headCalendarTable{ background-color:#e2c9f1; padding:3px; width:175px; }
#calendar1 .bodyCalendar{ padding:0; }
#calendar1 .bodyCalendarDayName{ font-weight:bold; text-transform:uppercase; background-color:#CCCCCC; width:14%; height:20px; }
#calendar1 .bodyCalendarDay{ height:20px; cursor:default; }
#calendar1 .bodyCalendarDayOn{ height:20px; }
#calendar1 .bodyCalendarDayOn:hover{ background-color:#e2c9f1; cursor:default; font-weight:bold; }
#calendar1 .bodyCalendarDayOff{ height:20px; }
#calendar1 .bodyCalendarDayNon{ height:20px; background-color:#FFFFCC; cursor:default; }
#calendar1 .footCalendar{ padding:0; }

/******************************* FORMATO DE LA SOLICITUD DE DATOS ********************************/

#displayDates{ background-color:white; margin:0; padding:10px; }
#backDates{ position:absolute; left:0; top:0; width:100%; * width:expression(documentElement.clientWidth); height:100%; * height:expression(documentElement.clientHeight); z-index:101; display:none; }
#backDates input[type="text"]{ font-family:Tahoma, Verdana; font-size:11px; border:1px solid #999999; }
#backDatesForm{ background-color:black; position:absolute; left:0; top:0; filter:alpha(opacity=30); z-index:100; width:100%; * width:expression(documentElement.clientWidth); height:100%; * height:expression(documentElement.clientHeight); display:none; }

/******************************* INFORMACIÓN DE LA PAGINA ******************************************/

#inter{	margin:0px; padding:0px; }
#inter .back{ width:900px; height:440px; background-color:#FFFFFF; filter:alpha(opacity=75); position:absolute; z-index:1; }
#inter .table{ width:880px; height:420; position:absolute; z-index:2; margin:10px; }
#inter .contenido{ font-family:padding:10px; }
#inter .title{ font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; padding:10px; color:black; margin:0px; }
#inter .subtitle{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#990000; margin:0px; font-weight:bold;}
#inter .subtitle1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding:10px; color:black; margin:0px; }
#inter .textConte{ font-size:12px; color:#333333; }

/********************************** MENU TAB'S **********************************/

.tab{ font-size:10px; font-weight:bold; }
.tab a{ display:block; margin:0px 5px; color:#333333; text-decoration:none; }
.tab a:hover{ color:#006699; text-decoration:underline; }
.tabconte{  }

/************************************ MENUS DESPLEGABLES **************************************/

#menu_viajes { position:absolute; z-index:4; width:150px; display:none; }
#menu_contacto { position:absolute; z-index:5; width:150px; display:none; }
#menu_destino { position:absolute; z-index:3; width:150px; display:none; }
#menu_viajes .menu_item, #menu_contacto .menu_item, #menu_destino .menu_item{ border-bottom:1px dotted #CCCCCC; }
#menu_viajes a, #menu_contacto a, #menu_destino a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:black; text-decoration:none; }
#menu_viajes a:hover, #menu_contacto a:hover, #menu_destino a:hover{ color:#CC6600; text-decoration:none; }

/************************************ PAQUETES LIST **************************************/

#aspList { font-family:Tahoma, Verdana; font-size:10px; }
#aspList .aspListTitle{ font-weight:bold; color:#006078; text-decoration:none; }

/************************************ MENUS DE CONTENIDO **************************************/

ul.menuContenido{ margin:0; padding:0; list-style:none; }
ul.menuContenido li.menuOff{ margin:0; padding:0; }
ul.menuContenido li.menuOff a{ color:#990000; display:block; padding:3px; border-bottom:1px dotted #CCCCCC; text-decoration:none; }
ul.menuContenido li.menuOff a:hover{ text-decoration:underline; }
ul.menuContenido li.menuOn{ margin:0; padding:0; }
ul.menuContenido li.menuOn a{ color:#990000; display:block; padding:3px 3px 3px 15px; background:url(images/arrow_brown.gif) left no-repeat; border-bottom:1px dotted #CCCCCC; text-decoration:none; font-weight:bold; }

/********************************** MENUS DESPLEGABLES *****************************************/

#menu{ font-family:"Trebuchet MS", Tahoma, Verdana; font-size:11px; border:1px solid #999999; background-color:white; }
#menu .off{ padding:2px 2px 2px 5px; background-color:white; color:#999999; }
#menu .on{ padding:2px 2px 2px 5px; background-color:#EEEEEE; color:#666666; cursor:default; }
#divMenu{ overflow:auto; height:200px; }

/*********************************** CLASES ***************************************/

input[type="text"].inputLogin, input[type="password"].inputLogin{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666666; border:1px solid #999999; padding:2px; }
#Phones{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666666; }
#menuDest{ position:absolute; z-index:1; }
.formInputAutocomplete{ background:url(images/lightning.jpg) #FFFFFF right no-repeat; }