/*** CALENDARIO ***/

div.calendar {
  position: relative;
  z-index: 100;
}

.calendar, .calendar table {
  border: 1px solid #C4CDE2;
  font-size: 1em;
  color: #000;
  cursor: default;
  background: #FFFFFF;
  font-family: Lucida Sans Unicode,arial,verdana,sans-serif;
  border-radius: 7px;
}

.calendar table {
  width: 250px;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #859DD0;
  color: #ffffff;
  padding: 2px;
  font-size: 1.15em;
  font-family: Tahoma,Lucida Sans Unicode,sans-serif;
;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #C4CDE2;
  color: #000;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #C4CDE2;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #3366CC;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: #ffffff;
  color: #000000;
  border: 1px solid #999999;
  padding: 1px;
  border-radius: 8px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: #3366CC;
  color: #ffffff;
  border: 1px solid #666666;
  padding: 0px 0px 0px 0px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #DBE2F3;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: center;
  padding: 2px 2px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #cccccc;
  background: #DBE2F3;
}

.calendar tbody .rowhilite td {
  background: #ffffff;
}

.calendar tbody .rowhilite td.wn {
  background: #999999; 
  color: #ffffff;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #ffffff;
  padding: 0px 0px 0px 0px;
  border: 2px solid #859DD0; 
  color: #3366CC;
  font-weight: bold;
  border-radius: 8px;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #859DD0;
  color: #ffffff;
  padding: 0px 0px 0px 0px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 2px solid #3366CC;
  padding: 0px 0px 0px 0px;
  background: #859DD0;
  color: #ffffff;
  border-radius: 8px;
  margin: 0 !important;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
 color: #3366CC;
}
.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #E8EEFC;
  color: #000;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #C4CDE2;
  background: #E8EEFC;
  color: #000000;
  border-radius: 0 0 7px 7px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #666666;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #999999;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffffff;
  color: #000;
  font-size: smaller;
  border-radius: 6px;
}

.combo .label {
  width: 100%;
  text-align: center;
}

.combo .hilite {
  background: #3366CC;
  color: #FFFFFF;
  border-radius: 12px;
}

.combo .active {
  border-top: 1px solid #C4CDE2;
  border-bottom: 1px solid #C4CDE2;
  background: #efefef;
  font-weight: bold;
}


/*** FORMULARIO ***/ 



#datos {
     text-align: left; 
    padding-left: 5px;   	     
}

#destination, #datein, #dateout {
   font-size: 1em;
   border: 1px solid #859DD0;
   border-radius: 5px;
   padding: 0.2em 0em;
   margin-bottom: 0.2em;
   vertical-align: left;
   *top: 50%; 
   background: #FFFFFF;
   color: #3A82EF;
   font-weight: bold;
}
#datein, #dateout{
   text-align: lect;
}

.center {
   text-align: center;
} 
 
#b_blockdisplay2 .left {
   text-align: left;
   margin-right: 0;
   float: inherit;
} 
.right {
   text-align: right;
} 

.myButton{
	margin-top: 10px;
	border: 3px solid #3366CC;
	font-weight: bold;
	font-size: 9pt;
	font-family: Tahoma;
	background-color: #859DD0;
	color: #FFFFFF;
	
}

.myButton:hover{
	background-color: #3A82EF;
	border: 3px solid #3366CC;
	cursor: pointer;
}

.sin{
	font-size: 7pt;
	text-decoration: none;
}
.sin:hover{
  	cursor:pointer;
	*cursor: hand;
}

#b_blockdisplay1{
  text-align: left;
  margin: 10px 0 0 0;	
}
#b_blockdisplay2{
  text-align: left;
  display: none;
  margin-top: 10px;	
}

.opciones{
   margin: 2px 0px 5px 3px;
}

.opc_title{
   margin-top: 2px; 
   margin-bottom: 8px;
}

.opc { 
	display: block; 
	padding-left: 28px; 
	text-indent: -27px; 
} 
.opc_sp {
    display: block; 
	padding-left: 25px; 
	text-indent: -24px; 
	margin-top: 0px;
}
.in { 

	margin-right: 10px;
	vertical-align: middle;
	*overflow: hidden; 
} 
.in_sp { 

	margin-right: 10px;
	*wmargin-right: 8px;
	vertical-align: top;
	*vertical-align: middle;
	*overflow: hidden; 
	margin-top:0;

} 

/*** Estrellas ***/

.sp_estrellas {
    background: url(5estrellas.png) no-repeat transparent;
}
.estrella1 { height: 14px; width: 12px;}
.estrella2 { height: 14px; width: 26px;}
.estrella3 { height: 14px; width: 40px;}
.estrella4 { height: 14px; width: 52px;}