@import url("item.css"); /* el path es relativo a donde esta la css */
@import url("tables/visual4tab.css"); /* el path es relativo a donde esta la css */

#XmlHotelZone option.zone {
	background: #D8E1F0;
}

#XmlHotelZone option.opt {
	background:transparent url(../img/bullet.gif) no-repeat scroll 0.4em 0.4em;
	padding-left:15px;
}

/** RoomForm **/
input.ageFields { width:20px; margin:0px 2px; text-align:right; padding-right:2px; } 
#hotelRooms select { width:auto; margin:0px 2px } 
#hotelRooms tr th { padding:3px; font-size:8pt; font-weight:bold;}
#hotelRooms tr td { text-align:center; height:26px; padding-top:4px;}
#hotelRooms tr th.minors {width:192px;}
#hotelRooms tr th.action {width:11px;}
#hotelRooms tr td.action {text-align:right;}
/*checkAges*/
#hotelRooms tr.checkPart {
	background: url(../img/hotel-form-check-fields.gif) 2px 0px no-repeat;
	position:relative;
}

#hotelRooms tr.checkPart td{
	background: none
	
}

#hotelRooms tr td.minors { text-align:left;}
#hotelRooms span.edades {font-size:8pt; font-weight:bold;}

/** Fieldset emulator **/
/* NZ Web Hosting - www.nzwhost.com 
 * Fieldset Alternative Demo
*/

.fieldset {
  border: solid 2px #ff0000;
  background: #eee;
  margin: 15px 0px;
  position: relative;
  width:80%;
  padding: 15px 5px;
  margin-right:auto;
  margin-left:auto;
 }
  /*
.legend {
  border: solid 2px #ff0000;
  left: 0.5em;
  top: -0.6em;
  position: absolute;
  background: #ffff66;
  font-weight: bold;
  padding: 0 0.25em 0 0.25em;
}*/
  
  /** Forms **/
 .admin label, .view label, .formItem label{
    display: block;
    width: 150px;
    float: left;
    text-align: right;
    padding-right: 2px;
}

/** ShoppingBasket and CouponElement **/

table#shoppingBasket,
table.shoppingBasket {
    width:700px;
    margin-top:10px;
    margin:0px auto;
}

table#shoppingBasket thead tr, 
table.shoppingBasket thead tr,
table.couponElement thead tr{
    border-bottom:1px solid #000000;
}

table#shoppingBasket tfoot tr, 
table.shoppingBasket tfoot tr,
table.couponElement tfoot tr {
    border-top:1px solid #000000;
}

table#shoppingBasket thead th,
table.shoppingBasket thead th,
table.couponElement thead th  {
    text-align:center;
    font-weight:bold;
    font-size:120%;
    padding-bottom:5px;
}




table#shoppingBasket tbody td, 
table#shoppingBasket tfoot td,
table.shoppingBasket tbody td, 
table.shoppingBasket tfoot td,
table.couponElement tbody td, 
table.couponElement tfoot td 
 {
    padding: 4px 3px;
    font-size:90%;
	
}

table#shoppingBasket tbody td{
	vertical-align:bottom;
}

table#shoppingBasket tr.even,
table.shoppingBasket tr.even,
table.couponElement tr.even  {
    background: #D5E3E0;
}

table#shoppingBasket tr.odd,
table.shoppingBasket tr.odd,
table.couponElement  tr.odd
{
    background: none;
}



table#shoppingBasket .smallText,
table.shoppingBasket .smallText,
table.couponElement  .smallText
{
    font-size:80%;
    padding-left:10px;
}
 
table#shoppingBasket td.precio,
table.shoppingBasket td.precio,
table.couponElement td.precio {
    text-align:right;
} 

table#shoppingBasket td.regimen,
table.shoppingBasket td.regimen,
table.couponElement td.regimen
 {
    text-align:center;
}

table#shoppingBasket td.tipoHabitacion,
table.shoppingBasket td.tipoHabitacion,
table.couponElement td.tipoHabitacion 
{
    text-align:center;
}


table#shoppingBasket tr.total th,
table.shoppingBasket tr.total th,
table.couponElement tr.total th
 {
    text-align:right;
    
}

table#shoppingBasket tr.total td.cantidad,
table.shoppingBasket tr.total td.cantidad,
table.couponElement  tr.total td.cantidad 
{
    text-align:right;
    font-weight:bold;
    width:100px;
}


table#shoppingBasket tr.contract td, 
table.shoppingBasket tr.contract td,
table.couponElement  tr.contract td
{
   padding-top:5px;
}

table#shoppingBasket td.msgCancelacion, 
table.shoppingBasket td.msgCancelacion,
table.couponElement  td.msgCancelacion
{
   text-align:right;
   padding-right:5px;
   font-style:italic;
   
}

table#shoppingBasket tr.contract td div,
table.shoppingBasket tr.contract td div,
table.couponElement tr.contract td div
{
	border-top:1px dashed #999999;
	width:530px;
	margin:5px auto;
	 
	padding: 10px 5px 0px 10px;
	font-size:11px;
}

/** Coupon especific **/

div.couponItem {
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:1px dashed #999999;
}

table.couponReferences{
	width:350px;
	margin:10px 0px 10px auto;
}

table.couponReferences tr td{
	text-align:center;
	font-weight:bold;
	font-size:11pt;
}

div.couponGuestHotel
{
	width:700px;
	margin:0px auto;
}

table.couponClientName {
	float:left;
	width:30%;
}

table.couponHotelInfo {
	float:right;
	width:68%;
	margin-left:10px;
}


table.couponNights {
	margin:10px auto;
	clear:both;
	width:700px;
	
}

div.couponVat {
	margin:10px 5px;
	text-align:right;
	font-size:8pt;
	
}

/** Purchase Confirm **/
#personalDataForms { width: 710px; margin:0px auto; } 
#personalDataForms div#purchaseConfirmName { float:left; }
#personalDataForms div#purchaseConfirmPayment { float:right; }

/** PersonalData **/ 
 
div#purchaseConfirmName {
	width:333px;
	border:none;
	padding:0px;
}

div#purchaseConfirmName label {
	width:80px;
	padding:3px 0px 3px 3px;
}

div#purchaseConfirmName input {
    width:225px;
	padding:3px;
}

div#purchaseConfirmName .legend {
    border:0px;
	border-bottom:1px solid #000000;
	background:#ffffff;
	padding:5px 10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:120%;
}

div#purchaseConfirmName .formItem {
    padding:3px 5px;
}


/** PaymentInfo Data **/

div#purchaseConfirmPayment {
    width:370px;
    border:none;
    padding:0px;
}

div#purchaseConfirmPayment label {
    width:125px;
    padding:3px 0px 3px 3px;
}

div#purchaseConfirmPayment input{
    width:215px;
    padding:3px;
}

div#purchaseConfirmPayment select{
	padding:3px;
}


div#purchaseConfirmPayment select.ccType{
    width:auto;
} 

div#purchaseConfirmPayment select.ccYear{
    width:60px;
} 
div#purchaseConfirmPayment select.ccMonth {
	width:40px;
}

div#purchaseConfirmPayment .legend {
    border:0px;
    border-bottom:1px solid #000000;
    background:#ffffff;
    padding:5px 10px;
    margin-bottom:10px;
    font-weight:bold;
    font-size:120%;
}

div#purchaseConfirmPayment .formItem {
    padding:3px 5px;
}


/** GuestData **/

.guestDataMessage {
	background: #ffff94;
	width:500px;
	padding:10px;
	margin:10px auto;
	font-weight:bold;
	text-align:center;
}





#purchaseConfInfo .purchaseMessage {
	padding:10px;
	text-align:center;
	font-weight:bold;
	
}

#purchaseConfInfo .roomDetail
{
	font-size:8pt;
	padding: 3px 8px;
}
/** Purchase Confirm Form **/
#purchaseConfInfo .fieldset {
	border-style:dashed;
	border-width:1px;
	border-color:#333333;
}

#purchaseConfInfo .fieldsetInt .legend {
	border-style:solid;
	border-width:1px;
	border-color:#333333;
}

#purchaseConfInfo .formItem label 
{
	width:80px;
}

/*** FORMULARIO HOTELES LATERAL **/

#lateral fieldset { position:relative; }
#lateral #contentHeader { display:none;}
#lateral #contenido { padding:0px; margin:0px;}
#lateral form#hotels { width: 265px; }
#lateral  form#hotels fieldset { 
 padding:0px;
 margin:0px;
 border:none; 
} 

#lateral .admin label 
{
    width: 85px;
}

#lateral  form#hotels #addRoom {
	position:absolute;
	top:7px;
	right:5px;
	
}

/** ELEMENTOS FORMULARIO MENU LATERAL **/ 
#lateral  fieldset h2 span { display:none;}
#lateral  fieldset h2 {
	margin:13px 0px 13px 4px; 
	padding:0px; 
	/*width:110px;*/
    height:19px;
	
}

#lateral  fieldset#destino h2 {
    background: url(../img/titles/destino.png) no-repeat left top ;
        
}
#lateral  fieldset#fechas h2 {
    background: url(../img/titles/entrada.png) no-repeat left top;
        
}

#lateral  fieldset#habitaciones h2 {
    background: url(../img/titles/habitaciones.png) no-repeat left top;
}

/** Habitaciones **/
.removeRoom a span { display:none;}
.removeRoom a { 
	display:block; 
	background: url(../img/remove-room.png) no-repeat; 
	margin:0px auto;
	margin-top:3px; 
	width:11px; 
	height:12px; 
}
 
 /** Loader Hotel **/
 #hotelLoading{ position: absolute; right: 25px; top: 17px; }
 input.salida { border:none;}
 input.date { font-size: 8pt;}


/** GuestDetails **/

.guestDetails{
	border-top:1px dashed #999999;
	width:530px;
	margin:0px auto;
	margin-top:5px; 
	padding: 5px 5px 0px 10px;
	
}


.guestDetails  div.legend {
	background: url(../img/llave.gif) no-repeat scroll 70px; 
    width: 90px; float: left; 
	height: 46px;
	margin:0px;
	padding:0px;
	
}
div.guestDetails .legend span {
    font-weight:bold;
    font-size:115%;
}
.guestDetails  div.legend * {
	vertical-align:middle;
	
}



.guestDetails  div.legend  img.alpha{
    width:1px;
	height:46px;
    
}

.guestDetails  div.legend  {
    width:100px; 
	/*border:1px solid;*/
	float:left;
    
}

.guestDetails div.guestFom {
	margin-left:5px;
	padding-top:5px;
	width:420px; 
	/*border:1px solid;*/
	float:left;
}

/** CoolButtons **/
 
a.imgButton, 
table.v4Tab a.imgButton
{ 
  display:block;  
  margin:5px auto;
  padding:0px;
  
}

 a.imgButton span{ 
  display:none;  
}
 
a#addRoom { height:20px; width:71px;} 
a#addRoom {	background:url("../img/add-room.png") no-repeat scroll left top transparent; }
 
a.reservaMini { height:21px; width:49px;}
a.reservaMini {background: url(../img/buttons/reservar-mini.png) 0px -20px  no-repeat;}
a.reservaMini:hover {background:  url(../img/buttons/reservar-mini.png) 0px 0px  no-repeat;}

a.cancelarMini { height:22px; width:44px;}
a.cancelarMini {background: url(../img/buttons/borrar.png) 0px -22px  no-repeat;}
a.cancelarMini:hover {background:  url(../img/buttons/borrar.png) 0px 0px  no-repeat;}

a.cancelar { height:29px; width:78px;}
a.cancelar {background: url(../img/buttons/cancelar.png) 0px -29px  no-repeat;}
a.cancelar:hover {background:  url(../img/buttons/cancelar.png) 0px 0px  no-repeat;}

a.colocarReserva { height:29px; width:128px;}
a.colocarReserva {background: url(../img/buttons/colocar-reserva.png) 0px -29px  no-repeat;}
a.colocarReserva:hover {background:  url(../img/buttons/colocar-reserva.png) 0px 0px  no-repeat;}


a.confirmarReserva { height:29px; width:128px;}
a.confirmarReserva {background: url(../img/buttons/confirmar-reserva.png) 0px -29px  no-repeat;}
a.confirmarReserva:hover {background:  url(../img/buttons/confirmar-reserva.png) 0px 0px  no-repeat;}

a.formBuscar { height:29px; width:78px;}
a.formBuscar {background: url(../img/buttons/buscar.png) 0px -29px  no-repeat;}
a.formBuscar:hover {background:  url(../img/buttons/buscar.png) 0px 0px  no-repeat;}



/* ShoppingActions Links */


ul#regresarListado {
    margin:0px;
    padding:0px;
    width:700px;
    padding-bottom:8px;
    border-bottom:4px #333333 solid;
    margin:0px auto;
}

ul#shoppingCartActions{
    margin:0px;
    padding:0px;
}

ul#shoppingCartActions li{
    display:block;
    background:none;
    padding:5px;
}
ul#shoppingCartActions li.confirmar {
    float:right;
    padding-right:20px;
}
ul#shoppingCartActions li.cancelar{
    
    float:left;
    padding-left:20px;
}

/*** Elementos Agrupados **/
h2.hotelTitle { font-size:150%;}
table.roomDesc { margin-top:10px; }
table.roomDesc td.groupIndicatorActive, td.groupIndicatorActive{
	width:18px;
	background:url("../img/plus-small-listado.png") no-repeat scroll 50% 50% #F0F0F0;
/*	position:relative;*/
}

table.roomDesc td.groupIndicatorInactive, td.groupIndicatorInactive{
	width:18px;
	background:url("../img/plus-small-listado-inactive.png") no-repeat scroll 50% 50%;
/*	position:relative;*/
}


table.roomDesc td.precio a.groupIndicatorActive, td.precio a.groupIndicatorActive{
	background:url("../img/toggle-collapse.png") no-repeat scroll left 50%;
	/*	position:relative;*/
}

table.roomDesc td.precio a.groupIndicatorInactive, td.precio a.groupIndicatorInactive{
	background:url("../img/toggle.png") no-repeat scroll left 50%;
/*	position:relative;*/
}


table.roomDesc tbody td a.vDet {
	padding-right:0px;
	padding-left:17px;
	color:#000000;
	font-weight:bold;
	text-align:right;
}







 table.roomDesc  a.vMas { display:block; width:18px; height:18px; padding:0px; padding-top:4px;}
 table.roomDesc a.vMas span { display:none;}



table.roomDesc td.groupNormal, td.groupNormal {
	background:url("../img/flechaBgNormal.gif") no-repeat scroll 50% 50% #F0F0F0;
	width:18px;
}

table.roomDesc td.groupEnd, td.groupEnd {
	background:url("../img/flechaBgEnd.gif") no-repeat scroll 50% 50% #F0F0F0;
	width:18px;
}

/** roomCountImages **/
.roomCount{
	display:block;
	float:left;
	height:20px;
	width:23px;
	position:relative;
	overflow:hidden;
}

.roomCount img{
	position:absolute;
}


.roomCount1 img{
	top: 0px;
	
	/*background:url("../img/roomCount.png") no-repeat scroll 0 0 ;*/
}
.roomCount2 img{
	top: -20px;
	/*background:url("../img/roomCount.png") no-repeat scroll 0px -20px ;*/
}
.roomCount3 img{
	top: -40px;
	/*background:url("../img/roomCount.png") no-repeat scroll 0px -40px ;*/
}
.roomCount4 img{
	top: -60px;
	/*background:url("../img/roomCount.png") no-repeat scroll 0px -60px ;*/
}
.roomCount5 img{
	top: -80px;
	/*background:url("../img/roomCount.png") no-repeat scroll 0px -80px ;*/
}
.roomCount6 img{
	top: -100px;
	/*background:url("../img/roomCount.png") no-repeat scroll 0px -100px ;*/
}
.roomCount7 img{
	top: -120px;
	/*background:url("../img/roomCount.png") no-repeat scroll 0px -120px ; */
}
.roomCount8 img{
	top: -140px;
	/*background:url("../img/roomCount.png") no-repeat scroll 0px -140px ; */
}
.roomCount9 img{
	top: -160px;
	/*background:url("../img/roomCount.png") no-repeat scroll 0 -160px ; */
}

.roomOccupancy { height:21px; width:53px; display:block; float:left; position:relative;	overflow:hidden;}
.roomOccupancy img {position:absolute;}
.roOc1_0 img{ top: -0px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 0px ;*/}
.roOc1_1 img{ top: -21px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -21px ;*/}
.roOc1_2 img{ top: -42px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -42px ;*/}
.roOc2_0 img{ top: -63px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -63px ;*/}
.roOc2_1 img{ top: -84px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -84px ;*/}
.roOc2_3 img{ top: -105px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -105px ;*/}
.roOc2_4 img{ top: -126px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -126px ;*/}
.roOc3_0 img{ top: -147px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -147px ;*/}
.roOc3_1 img{ top: -168px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -168px ;*/}
.roOc3_2 img{ top: -189px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -189px ;*/}
.roOc3_3 img{ top: -210px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -210px ;*/}
.roOc4_0 img{ top: -231px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -231px ;*/}
.roOc4_1 img{ top: -252px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -252px ;*/}
.roOc4_2 img{ top: -273px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -273px ;*/}
.roOc5_0 img{ top: -294px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -294px ;*/}
.roOc5_1 img{ top: -315px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -315px ;*/}
.roOc6_0 img{ top: -336px; /*background:url("../img/roomOccupancy.png") no-repeat scroll 0 -336px ;*/}


table.roomDesc td.ocupacion, td.ocupacion { align:center; width:90px; }
table.roomDesc td.ocupacion div, td.ocupacion div  {padding-top:3px; padding-bottom:3px; height:21px; }


.shoppingErrorMessage, .orderErrorMessage {
	width:80%;
	padding: 10px;
	margin: 10px auto;
    background: #FFDEDE;
    border: 1px solid #FF7F7F;
}



/*** DETALLES HOTEL ***/
body.hotelDet { background: #ffffff; width:}
body.hotelDet #wrapper{  width: 770px}
body.hotelDet #body { background: #ffffff;}

div.detallesHotel h2{
	font-size:120%;
	font-weight:bold;
	padding-bottom:5px;
	text-align:left;
	border-bottom:1px solid #000000;
	margin-bottom:10px;
	padding-top:10px;
}

#areaCentral #contenido.detallesHotel  {
	padding-left:15px;
	padding-right:15px;
}


/*** GALERIA IMAGENES HOTEL **/

#galeriaImagenes {
	width:690px;
	/*border:1px solid;*/
}

#imagenActiva{
	float:left;
	width:340px;
	text-align:center;
}

#imagenActiva img{
	text-align:center;
	border:6px solid #55A28E;
	margin:2px;
}

#imagenList{ float:right; width: 300px; }

 #galeriaImagenes .miniImg {
 	/*width:100px;*/
	height:67px;
	width:100px;
	border:3px solid #55A28E;
	margin:2px;
	margin:2px;
	cursor:pointer;
	
	
 }
 #galeriaImagenes ul {
 	width:330px;
	padding:0px;
	margin:0px;
	
 }
 
#imagenList li {
 	float:left;
	padding:0px;
	margin:0px;
	background:none;
	width:110px;
	text-align:center;
	
 }
.detallesHotel h3.title {
	padding:5px;
	margin:0px;
	padding-left:0px;
	background:none;
}  

 /* Info Hotel */

table.infoHotel {margin-bottom:10px;}
  table.infoHotel th { padding:8px; padding-top:0px; text-align:center;}
  table.infoHotel th.thead { text-align:center; }
  table.infoHotel td { padding-right:8px; text-align:center;}