/**********************************************************************************************
 * base.css
 **********************************************************************************************/
* {
   font-family: Tahoma, "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin: 0;
   padding: 0;
}

.ie6fix {
/* Esto es un div que se pone para arreglar un problema de visualización con IE6 en la página de valoración. */
   display: none;
}

/* Los  que son para saltar contenido no los mostramos en pantalla. */
.saltoContenido {
   display: none !important;
}

.clear {
   clear: both;
}

a, img {
   border: 0;
}

a.action, span.action {
   font-weight: bold;
   text-decoration: underline;
   color: #000;
}

h1.semilla {
   display: none;
}

table {
   padding: 0;
   border-spacing: 0;
}

/**
* Secciones principales.
*/
div.tituloSeccion {
   color: #02662C;
   background: #D6D6D6 url("../../images/theme/dw/seccion-titulo-fondo.gif") repeat-x top;
   padding: 10px;
}

img.iconoSeccion {
   margin-right: 8px;
   vertical-align: middle;
}

img.iconoTitulo {
   margin-right: 8px;
   vertical-align: bottom;
}

h2.tituloSeccion {
   font-size: 14px;
   font-weight: bold;
   vertical-align: middle;
   display: inline;
   float: left;
   color: #02662C;
}

div.tituloSeccion .semilla {
   font-size: 10px;
   font-weight: bold;
   float: right;
}

div.tituloSeccion .semilla a {
   font-size: 10px;
   color: #666;
   text-decoration: none;
}

/**
 * Componentes.
 */
div.tituloComponente {
   color: #FFF;
   background: #528164 url( "../../images/theme/dw/componente-titulo-fondo.gif" ) repeat-x top;
   padding: 10px;
}

div.tituloComponente h2 {
   font-size: 14px;
   font-weight: bold;
}

div.contenidoComponente {
   border-left: 1px solid #CCC;
   border-right: 1px solid #CCC;
   padding: 10px 6px 10px 6px;
}

/**
 * Contenido del panel
 */
div.contenidoPanel {
   border-left: 1px solid #CCC;
   border-right: 1px solid #CCC;
   padding: 15px 15px 20px;
   position: relative;
}

div.contenidoPanelList {
   border-left: 1px solid #CCC;
   border-right: 1px solid #CCC;
   padding: 10px 0px 00px;
   position: relative;
}
/**
 * Buscadores.
 */
.contenedorBuscador {
   padding: 15px 10px 10px 20px;
   background:transparent url(../../images/theme/bg_panelA.gif) repeat-x scroll 0 0;
}

.contenedorLateral {
   padding: 15px 10px 10px 20px;
}

/**
 * Listado de acciones alternativas
 */
ul.action {
   list-style-type: none;
}

ul.action li {
   background: transparent url("../../images/theme/dw/icono-accion.gif") no-repeat;
   background-position: 8px center;
   border: 1px solid #CCC;
   padding: 8px 28px 8px;
   margin: 0 auto 6px auto;
   width: 80%;
}

ul.action li a {
   text-decoration: none;
   font-size: 12px;
   font-weight: normal;
   color: #666;
}

ul.action li a:hover {
   color: #000;
}

/**
 * Estilos de la paginación.
 */
div.paginacion {
   color: #FFF;
   background: #0D429A url("../../images/theme/dw/paginacion-fondo.gif") repeat-x;
   padding: 4px 6px;
   margin-bottom: 8px;
}

div.paginacion a {
   color: #FFF;
   font-weight: bold;
   text-decoration: none;
}

/* Estílo básico por defecto para las tablas */
table {
   margin-bottom: 18px;
   border: 1px solid #999;
   width: 100%;
   position: relative;
   border-collapse: collapse;
}

table caption {
   caption-side: top;
   text-align: left;
   position: relative;
   z-index: 5;
}

table caption span {
   position: relative;
   top: 0.4em;
   display: inline-block;
   padding: 2px 6px;
   margin-left: 6px;
   border: 1px solid #999;
   background-color: #FFF;
}

table thead th {
   background-color: #CCC;
   padding-top: 0.4em;
   padding-bottom: 0.4em;
   padding-left: 4px;
   text-align: left;
}

table tbody th {
   padding: 4px;
   padding-top: 0.4em;
   padding-bottom: 0.4em;
}

table tbody td {
   padding: 4px;
   padding-top: 0.4em;
   padding-bottom: 0.4em;
}

table tr.even {
   background-color: #EEE;
}

/**********************************************************************************************
 * @file: form.css
 **********************************************************************************************/
form p {
   margin-bottom: 8px;
}

form button.action {
   border: 0;
   background: transparent;
   font-weight: bold;
   cursor: pointer;
   text-decoration: underline;
   color: #000;
}

form fieldset {
   border: 0;
}

form legend {
   display: none;
}

form label .nota {
   color: #666;
   font-size: 10px;
   white-space: nowrap;
}

form label .nota2 {
   color: #FFF;
   font-size: 10px;
   white-space: nowrap;
}

form div.formPie {
   border-top: 1px solid #CCC;
   margin-top: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: right;
   clear: both;
}

form div.submit {
/*display: inline-block;*/
}

form .subform {
   padding: 8px;
   border: 1px solid #CCC;
   margin: 0.5em 0 1em;
}

form .subform legend {
   display: block;
   padding-left: 8px;
   padding-right: 8px;
   border: 1px solid #CCC;
}

input.submit, button.submit {
   border: 0;
   padding: 2px 10px;
   background-color: transparent;
   font: inherit;
   cursor: pointer;
   overflow: visible;
}

input[type="radio"] {
   vertical-align: middle;
}

/*form input {
   border: 1px solid #A7A6AA;
   padding: 2px;
} */

.formPie input.submit {
   padding: 4px 14px 4px 14px;
}

input.fecha {
   width: 6em;
}

input.zona {
   width:142px;
}

.nombreCampoHome {
   color: #FFF;
   font-weight: bold;
   display: inline-block;
}

.nombreCampoMultHome {
   color: #FFF;
   font-weight: bold;
   display: inline-block;
   min-width:100px;
}
.nombreCampoMultHome2 {
   color: #FFF;
   font-weight: bold;
}

.nombreCampo {
   color: #02662C;
   font-weight: bold;
   display: inline-block;
}

.botonInput {
   position: relative;
   top: 3px;
   cursor: pointer;
}

.botonInput button {
   cursor: pointer;
   border: 0;
   background: transparent;
}

.mandatory {
   color: #FF6600;
}

p.noLabel {
   padding-left: 16px;
}

label.comboPax {
   display: inline-block;
   width: 5em;
   margin-right: 20px;
   text-align: left;
}

label.white{
   color: #FFF;
}

p.distriRestricted {
   border: 1px solid #ff3333;
   color: #ff3333;
   font-weight: bold;
   padding: 0.5em;
}

/**
 * Adaptación para el buscador de barco.
 */
#frmBarco .nombreCampo {
   min-width: 100px;
}

/**
 * Adaptación para el buscador de vuelo.
 */
#frmAirSearcher .nombreCampo {
   min-width: 100px;
}

/**
 * Adaptación para el buscador de tren.
 */
#frmTrainSearcher .nombreCampo {
   min-width: 100px;
}

/**
 * Adaptación para el buscador de hotel.
 */
#frmHotelSearcher .nombreCampo {
   min-width: 100px;
}

/**
 * Adaptación para el buscador de vuelo + hotel.
 */
#frmMultSearcher .nombreCampo {
   min-width: 100px;
   /*color: #FFFFFF;*/
}

/**
 * Adaptación para el buscador de coche.
 */
#frmCoche .nombreCampo {
   min-width: 120px;
}

/**
 * Adaptación para el buscador genérico.
 */
#frmOtherSearcher .nombreCampo {
   min-width: 100px;
}

#frmOtherSearcher .nombreCampoHome {
   min-width: 100px;
}

#buscadorLateral form label {
   display: block;
}

#buscadorLateral form p.noLabel {
   padding-left: 0;
}

#buscadorLateral form label.comboPax {
   display: inline-block;
   margin-right: 0;
}

#buscadorLateral form input {
   max-width: 170px;
}

#buscadorLateral form select {
   max-width: 170px;
}

/**********************************************************************************************
 * @file: botonA.css
 **********************************************************************************************/
/** 
 * Caja redondeada para Boton A.
 */
.botonA {
   display: inline-block;
   position: relative;
   margin-left: 2px;
   min-width: 6px;
   max-width: 394px;
   text-align: left;
}
 
.botonA .botonCont,
.botonA .botonTop,
.botonA .botonBot,
.botonA .botonBot div {
   background: transparent url( "../../images/theme/dw/botonA.gif" ) no-repeat;
}
 
.botonA .botonCont {
   position: relative;
   padding: 2px 0 0 0;
   background-position: top right;
   text-align: center;
}

.botonA .botonTop {
   position: absolute;
   top: 0;
   left: -2px;
   width: 2px;
   margin: 0;
   height: 100%;
  /* height: 200px;  IE6 no implementa !important y tomará esta altura, el resto usará 100% */
   background-position: top left;
}

.botonA .botonBot {
   position: relative;
   width: 100%;
   background-position: bottom right;
}

.botonA .botonBot,
.botonA .botonBot div {
   position: relative;
   left: 0;
   height: 2px;
   font-size: 1px;
}

.botonA .botonBot div {
   position: relative;
   left: -2px;
   width: 2px;
   margin: 0;
   background-position: bottom left;
}

.botonA .botonBody {
   padding: 0;
   background-color: transparent;
}

.botonA .botonCont * {
   color: #FFF;
   font-weight: bold;
}

/**********************************************************************************************
 * @file: botonB.css
 **********************************************************************************************/
/**
 * Caja redondeada para Boton B.
 */
.botonB {
   display: inline-block;
   position: relative;
   margin-left: 2px;
   min-width: 6px;
   max-width: 394px;
   text-align: left;
}
 
.botonB .botonCont,
.botonB .botonTop,
.botonB .botonBot,
.botonB .botonBot div {
   background: transparent url( "../../images/theme/dw/botonB.gif" ) no-repeat;
}
 
.botonB .botonCont {
   position: relative;
   padding: 2px 0 0 0;
   background-position: top right;
   text-align: center;
}

.botonB .botonTop {
   position: absolute;
   top: 0;
   left: -2px;
   width: 2px;
   margin: 0;
   height: 100%;
  /* height: 200px;  IE6 no implementa !important y tomará esta altura, el resto usará 100% */
   background-position: top left;
}

.botonB .botonBot {
   position: relative;
   width: 100%;
   background-position: bottom right;
}

.botonB .botonBot,
.botonB .botonBot div {
   position: relative;
   left: 0;
   height: 2px;
   font-size: 1px;
}

.botonB .botonBot div {
   position: relative;
   left: -2px;
   width: 2px;
   margin: 0;
   background-position: bottom left;
}

.botonB .botonBody {
   padding: 0;
   background-color: transparent;
}

.botonB .botonCont * {
   color: #FFF;
   font-weight: bold;
}

/**********************************************************************************************
 * @file: botonC.css
 **********************************************************************************************/
/**
 * Caja redondeada para Boton C.
 */
.botonC {
   display: inline-block;
   position: relative;
   margin-left: 7px;
   min-width: 16px;
   max-width: 374px;
   text-align: left;
}
 
.botonC .botonCont,
.botonC .botonTop,
.botonC .botonBot,
.botonC .botonBot div {
   background: transparent url( "../../images/theme/dw/botonC.gif" ) no-repeat;
}
 
.botonC .botonCont {
   position: relative;
   padding: 7px 0 0 0;
   background-position: top right;
   text-align: center;
}

.botonC .botonTop {
   position: absolute;
   top: 0;
   left: -7px;
   width: 7px;
   margin: 0;
   height: 100%;
  /* height: 200px;  IE6 no implementa !important y tomará esta altura, el resto usará 100% */
   background-position: top left;
}

.botonC .botonBot {
   position: relative;
   width: 100%;
   background-position: bottom right;
}

.botonC .botonBot,
.botonC .botonBot div {
   position: relative;
   left: 0;
   height: 7px;
   font-size: 1px;
}

.botonC .botonBot div {
   position: relative;
   left: -7px;
   width: 7px;
   margin: 0;
   background-position: bottom left;
}

.botonC .botonBody {
   padding: 0 7px 0 0;
   background-color: transparent;
}

.botonC .botonCont * {
   color: #02662C;
   font-weight: bold;
}

/**********************************************************************************************
 * @file: botonD.css
 **********************************************************************************************/
/**
 * Caja redondeada para Boton D.
 */
.botonD {
   display: inline-block;
   position: relative;
   margin-left: 2px;
   min-width: 6px;
   max-width: 394px;
   text-align: left;
}
 
.botonD .botonCont,
.botonD .botonTop,
.botonD .botonBot,
.botonD .botonBot div {
   background: transparent url( "../../images/theme/dw/botonD.gif" ) no-repeat;
}
 
.botonD .botonCont {
   position: relative;
   padding: 2px 0 0 0;
   background-position: top right;
   text-align: center;
}

.botonD .botonTop {
   position: absolute;
   top: 0;
   left: -2px;
   width: 2px;
   margin: 0;
   height: 100%;
  /* height: 200px;  IE6 no implementa !important y tomará esta altura, el resto usará 100% */
   background-position: top left;
}

.botonD .botonBot {
   position: relative;
   width: 100%;
   background-position: bottom right;
}

.botonD .botonBot,
.botonD .botonBot div {
   position: relative;
   left: 0;
   height: 2px;
   font-size: 1px;
}

.botonD .botonBot div {
   position: relative;
   left: -2px;
   width: 2px;
   margin: 0;
   background-position: bottom left;
}

.botonD .botonDody {
   padding: 0;
   background-color: transparent;
}

.botonD .botonCont * {
   color: #FFF;
   font-weight: bold;
}

/**********************************************************************************************
 * @file: botonE.css
 **********************************************************************************************/
/** 
 * Caja redondeada para Boton E.
 */
.botonE {
   display: inline-block;
   position: relative;
   margin-left: 2px;
   min-width: 6px;
   max-width: 394px;
   text-align: left;
}

.botonE_pt {
   display: inline-block;
   position: relative;
   margin-left: 2px;
   margin-top: 6px;
   min-width: 6px;
   max-width: 394px;
   text-align: left;
   float: right;
   
}

.botonE .botonCont,
.botonE .botonTop,
.botonE .botonBot,
.botonE .botonBot div {
   background: transparent url( "../../images/theme/dw/botonE.gif" ) no-repeat;
}


.botonE_pt .botonCont,
.botonE_pt .botonTop,
.botonE_pt .botonBot,
.botonE_pt .botonBot div {
   background: transparent url( "../../images/theme/dw/botonE.gif" ) no-repeat;
}
 
.botonE .botonCont {
   position: relative;
   padding: 2px 0 0 0;
   background-position: top right;
   text-align: center;
}

.botonE .botonTop {
   position: absolute;
   top: 0;
   left: -2px;
   width: 2px;
   margin: 0;
   height: 100%;
  /* height: 200px;  IE6 no implementa !important y tomará esta altura, el resto usará 100% */
   background-position: top left;
}

.botonE .botonBot {
   position: relative;
   width: 100%;
   background-position: bottom right;
}

.botonE .botonBot,
.botonE .botonBot div {
   position: relative;
   left: 0;
   height: 2px;
   font-size: 1px;
}

.botonE .botonBot div {
   position: relative;
   left: -2px;
   width: 2px;
   margin: 0;
   background-position: bottom left;
}

.botonE .botonEody {
   padding: 0;
   background-color: transparent;
}

.botonE .botonCont * {
   color: #FFF;
   font-weight: bold;
}
.botonE_pt .botonCont * {
   color: #FFF;
   font-weight: bold;
}
.botonE_pt .botonCont {
   position: relative;
   padding: 2px 0 0 0;
   *padding: 0px 0px 0px 0px;
   background-position: top right;
   text-align: center;
}

.botonE_pt .botonTop {
   position: absolute;
   top: 0;
   left: -2px;
   width: 2px;
   margin: 0;
   height: 100%;
  /* height: 200px;  IE6 no implementa !important y tomará esta altura, el resto usará 100% */
   background-position: top left;
}

.botonE_pt .botonBot {
   position: relative;
   width: 100%;
   background-position: bottom right;
}

.botonE_pt .botonBot,
.botonE_pt .botonBot div {
   position: relative;
   left: 0;
   height: 2px;
   font-size: 1px;
}

.botonE_pt .botonBot div {
   position: relative;
   left: -2px;
   width: 2px;
   margin: 0;
   background-position: bottom left;
}

.botonE_pt .botonEody {
   padding: 0;
   background-color: transparent;
}
.botonE_pt .botonCont .botonBody a {

   text-decoration: none;
   padding: 2px 10px;

}


/**********************************************************************************************
 * @file: botonF.css
 **********************************************************************************************/
/** 
 * Caja redondeada para Boton F.
 */
.botonF {
   display: inline-block;
   position: relative;
   margin-left: 2px;
   min-width: 6px;
   max-width: 394px;
   text-align: left;
}
 
.botonF .botonCont,
.botonF .botonTop,
.botonF .botonBot,
.botonF .botonBot div {
   background: transparent url( "../../images/theme/dw/botonF.gif" ) no-repeat;
}
 
.botonF .botonCont {
   position: relative;
   padding: 2px 0 0 0;
   background-position: top right;
   text-align: center;
}

.botonF .botonTop {
   position: absolute;
   top: 0;
   left: -2px;
   width: 2px;
   margin: 0;
   height: 100%;
  /* height: 200px;  IE6 no implementa !important y tomará esta altura, el resto usará 100% */
   background-position: top left;
}

.botonF .botonBot {
   position: relative;
   width: 100%;
   background-position: bottom right;
}

.botonF .botonBot,
.botonF .botonBot div {
   position: relative;
   left: 0;
   height: 2px;
   font-size: 1px;
}

.botonF .botonBot div {
   position: relative;
   left: -2px;
   width: 2px;
   margin: 0;
   background-position: bottom left;
}

.botonF .botonFody {
   padding: 0;
   background-color: transparent;
}

.botonF .botonCont * {
   color: #02662C;
   font-weight: bold;
}

/**********************************************************************************************
 * @file: botonG.css
 **********************************************************************************************/
/**
* Caja redondeada para Boton G.
*/
.botonG {
   display: inline-block;
   position: relative;
   margin-left: 7px;
   min-width: 16px;
   max-width: 374px;
   text-align: left;
}
 
.botonG .botonCont,
.botonG .botonTop,
.botonG .botonBot,
.botonG .botonBot div {
   background: transparent url( "../../images/theme/dw/botonG.gif" ) no-repeat;
}
 
.botonG .botonCont {
   position: relative;
   padding: 7px 0 0 0;
   background-position: top right;
   text-align: center;
}

.botonG .botonTop {
   position: absolute;
   top: 0;
   left: -7px;
   width: 7px;
   margin: 0;
   height: 100%;
  /* height: 200px;  IE6 no implementa !important y tomará esta altura, el resto usará 100% */
   background-position: top left;
}

.botonG .botonBot {
   position: relative;
   width: 100%;
   background-position: bottom right;
}

.botonG .botonBot,
.botonG .botonBot div {
   position: relative;
   left: 0;
   height: 7px;
   font-size: 1px;
}

.botonG .botonBot div {
   position: relative;
   left: -7px;
   width: 7px;
   margin: 0;
   background-position: bottom left;
}

.botonG .botonBody {
   padding: 0 7px 0 0;
   background-color: transparent;
}

.botonG .botonCont * {
   color: #02662C;
   font-weight: bold;
}

/**********************************************************************************************
 * @file: boxA.css
 **********************************************************************************************/
/** 
 * Caja A.
 */
.boxA {
   position: relative;
   border: 1px solid #CCCCCC;
}

.boxATopLeft {
   background: transparent url("../../images/theme/dw/boxA-esquinas.gif") no-repeat top left;
   width: 5px;
   height: 5px;
   position: absolute;
   top: -1px;
   left: -1px;
}

.boxATopRight {
   background: transparent url("../../images/theme/dw/boxA-esquinas.gif") no-repeat top right;
   width: 5px;
   height: 5px;
   position: absolute;
   top: -1px;
   right: -1px;
}

.boxABottomLeft {
   background: transparent url("../../images/theme/dw/boxA-esquinas.gif") no-repeat bottom left;
   width: 5px;
   height: 5px;
   position: absolute;
   bottom: -1px;
   left: -1px;
}

.boxABottomRight {
   background: transparent url("../../images/theme/dw/boxA-esquinas.gif") no-repeat bottom right;
   width: 5px;
   height: 5px;
   position: absolute;
   bottom: -1px;
   right: -1px;
}

.boxATitle {
   background: #666 url("../../images/theme/dw/boxA-titulo-fondo.gif") repeat-x top;
   padding: 10px;
}

.boxATitle h3 {
   color: #FFF;
   font-size: 12px;
   font-weight: bold;
}

.boxASubtitle {
   margin: 10px 0;
   background: #CCC;
   padding: 6px;
}

.boxASubtitle h4 {
   color: #02662C;
   font-size: 11px;
   font-weight: bold;
   display: inline;
   vertical-align: bottom;
}

/**********************************************************************************************
 * @file: boxService.css
 **********************************************************************************************/
/** 
 * Esta es el mismo diseño que el boxService 
 */
.boxService {
   position: relative;
   border: 1px solid #CCCCCC;
   background-color: #FFF;
}

.boxServiceTopLeft {
   background: transparent url("../../images/theme/dw/boxService-esquinas.gif") no-repeat top left;
   width: 5px;
   float: left;
   height: 5px;
   position: absolute;
   top: -1px;
   left: -1px;
}

.boxServiceTopRight {
   background: transparent url("../../images/theme/dw/boxService-esquinas.gif") no-repeat top right;
   width: 5px;
   height: 5px;
   position: absolute;
   top: -1px;
   right: -1px;
}

.boxServiceBottomLeft {
   background: transparent url("../../images/theme/dw/boxService-esquinas.gif") no-repeat bottom left;
   width: 5px;
   height: 5px;
   position: absolute;
   bottom: -1px;
   left: -1px;
}

.boxServiceBottomRight {
   background: transparent url("../../images/theme/dw/boxService-esquinas.gif") no-repeat bottom right;
   width: 5px;
   height: 5px;
   position: absolute;
   bottom: -1px;
   right: -1px;
}

.boxServiceTitle {
   color: #FFF;
   background: #676767 url("../../images/theme/dw/boxService-titulo-fondo.gif") repeat-x top;
   padding: 4px 10px;
   min-height: 1em;
}

.boxServiceTitleBig {
   min-height: 4em;
}

.boxServiceTitle h3 {
   color: #FFF;
   font-size: 12px;
   font-weight: bold;
}

.boxServiceCont {
   position: relative;
}

.boxServiceSubtitle {
   margin: 10px 0;
   background: #CCC;
   padding: 6px;
}

.boxServiceSubtitle h4 {
   color: #02662C;
   font-size: 11px;
   font-weight: bold;
   display: inline;
   vertical-align: bottom;
}

#boxServiceTablelist{
	border:medium none;
	margin:0;
	padding:0;
	width:auto;
}

#boxServiceTablelist table {
	border:1px solid #E0E0E0;
	border-collapse:collapse;
	border:medium none;
	border-spacing:1px;
	width:100%;
	margin:0;
	padding:0;
}

#boxServiceTablelist table.hotels {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin: padding;
	background:#E0E0E0 none repeat scroll 0 0;
        border: solid 1px #CCCCCC;
}

#boxServiceTablelist .FFCO th {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin: padding;
	background:#E5E5E5 none repeat scroll 0 0;
}

#boxServiceTablelist th {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin: padding;
	background:#E5E5E5 none repeat scroll 0 0;
	color:#666666;
	height:28px;
	text-align:center;
}

#boxServiceTablelist td {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin: padding;
	background:#FFFFFF none repeat scroll 0 0;
	border-top:1px solid #E0E0E0;
	padding:5px 0 2px 5px;
	vertical-align:top;
}

#boxServiceTablelist .hotels td {
	/* border:1px solid #FFFFFF; */
	text-align:center;
}

#boxServiceTablelist td.indent {
	padding-left:0;
    width:30px;
    text-align: center;
}
#boxServiceTablelist td.indent a {
	/* background: transparent url(/images/theme/dw/icono-info.gif) no-repeat 0px 3px;*/
    padding-left: 11px;
    padding-bottom: 4px;
    text-align: center;
}
#boxServiceTablelist td.indent span{
    text-align: center;
}
#boxServiceTablelist td.indent select{
    text-align: center;
}

#boxServiceTablelist tr.odd td {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin: padding;
	background:#FFFFFF none repeat scroll 0 0;
}

#boxServiceTablelist tr.oddList td {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin: padding;
    border-bottom: 1px solid #ccc;
	background:#E5E5E5 none repeat scroll 0 0;
}
#boxServiceTablelist tr.odd2 td {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin: padding;
	background:#EEEEEE none repeat scroll 0 0;
}
.preTot{
    font-size: 16px;
    font-weight: bold;
    color: red;
}
.masInfo{
    background-image: url(../../images/theme/dw/icono-nota-peq.gif);
    background-repeat: no-repeat;
    text-decoration: none!important;
    padding: 0 5px 3px 2px;
}

.separacionCombo{
    padding-bottom: 5px;
}

.desplegable{
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.cabList{
}
.precio{
    text-align: center;
    width: auto;

}
.detallesLista{
    display: none;
}

#boxServiceTablelist .hotelList{
   margin-top: 10px;
   border: 1px solid #CCCCCC;
}


#BoxDispPeticion{
    background: #E5E5E5;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    color: #02662C;
    padding: 5px 0 5px 15px;

}

#BoxDispPeticion strong{
    color: #000;
    font-weight: bold;
}

#BoxDispPeticion span{
    padding-left: 15px;
}

/**********************************************************************************************
 * @file: boxRedirect.css
 **********************************************************************************************/
div.boxRedirect {
   margin: 5px 0 3px 0;
   padding: 8px 8px 8px 48px;
   border-top: 5px solid #02662C;
   border-bottom: 1px solid #CCC;
   background: transparent url("../../images/theme/dw/icono-info.gif") no-repeat;
   background-position: 8px 8px;
}

div.boxRedirect .titulo {
   font-size: 16px;
   font-weight: bold;
   color: #000;
}

div.boxRedirect p {
   margin: 4px 0 8px 0;
}

div.boxRedirect .titulo img {
   vertical-align: middle;
   margin-right: 6px;
   float: left;
}

div.boxRedirect .descripcion {
   font-size: 11px;
   color: #666;
}

/**********************************************************************************************
* @file: boxInfo.css
**********************************************************************************************/
/**
  * Div de información. Párrafo con el título y párrafo con la descripción.
  */
div.boxInfo {
   margin: 5px 0 3px 0;
   padding: 8px 8px 8px 48px;
   border-top: 5px solid #02662C;
   border-bottom: 1px solid #CCC;
   background: #FFF url("../../images/theme/dw/icono-info.gif") no-repeat 8px 8px;
}

div.boxInfo .titulo {
   font-size: 16px;
   font-weight: bold;
   color: #000;
}

div.boxInfo p {
   margin: 4px 0 8px 0;
}

div.boxInfo .titulo img {
   vertical-align: middle;
   margin-right: 6px;
   float: left;
}

div.boxInfo .descripcion {
   font-size: 11px;
   color: #666;
}

.error div.boxInfo {
   border-color: #C00;
}

/**********************************************************************************************
 * @file: cesta.css
 **********************************************************************************************/

.itemCesta {
   margin-bottom: 12px;
}

.tituloItemCesta {
   border-bottom: 1px solid #CCC;
}

.iconoItemCesta {
   margin-right: 6px;
}

.iconoDesplegar {
   display: inline-block;
   width: 10px;
   height: 10px;
   margin-left: 6px;
   cursor: pointer;
   background: transparent url("../../images/theme/dw/icono-desplegar.gif") no-repeat;
}

.iconoReplegar {
   display: inline-block;
   width: 10px;
   height: 10px;
   margin-left: 6px;
   cursor: pointer;
   background: transparent url("../../images/theme/dw/icono-replegar.gif") no-repeat;
}

.descripcionItemCesta {
   padding-top: 4px;
   padding-left: 6px;
   overflow: hidden;
}

.botoneraCesta {
   text-align: right;
}

.botoneraCesta a {
   text-decoration: underline;
   font-weight: bold;
   color: #02662C;
}

.botoneraCesta a {
   color: #02662C;
   font-weight: bold;
   text-decoration: none;
   padding-left: 16px;
   background: transparent url("../../images/theme/dw/flecha-derechaC.gif") no-repeat center left;
}

.botoneraCesta a:hover {
    color: #666;
    text-decoration: underline;
}


.desglose {
   width: 350px;
   border: 5px solid #CCC;
   background-color: #FFF;
   text-align: center;
}

.cab_desglose {
   width: 350px;
   height: 27px;
   margin: 0 auto;
   color: #FFF;
   font-weight: bold;
   background-color: #696969;
}

.detalldesglos {
   width: 350px;
   background-color: #FFF;
   color: #666;
   font-size: 11px;
}

.detalldesglos ul {
   margin: 0;
   padding: 0;
   width: 350px;
   height: 20px;
   list-style: none;
   border-bottom: 1px solid #ccc;

}

.detalldesglos li {
   float: left;
   height: 20px;
   padding: 0 5px 2px 0;
   text-align: left;
}

.detcol00 {
   width: 260px;
}

.detcol01 {
   width: 80px;
}

.dettotal {
   border-top: 3px solid #666;
   width: 350px;
   background-color: #FFF;
   margin-top: 3px;
}

.dettotal ul {
   margin: 0;
   padding: 0;
   width: 350px;
   list-style: none;
}

.dettotal li {
   float: left;
   height: 20px;
   padding: 0 5px 0 0;
   text-align: left;
}

.dettotcol00 {
   width: 80px;
}

.dettotcol01 {
   width: 165px;
   font-size: 11px;
   color: #02662C;
   font-weight: bolder;
}

.dettotcol02 {
   width: 85px;
   font-size: 12px;
   color: #CC0000;
   font-weight: bolder;
}


/**********************************************************************************************
 * @file: filtro.css
 **********************************************************************************************/
#componenteFiltro .contenidoComponente {
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
}

.frmFiltro input {
   vertical-align: middle;
}

.frmFiltro label {
   vertical-align: middle;
}

.frmFiltro .formPie {
   margin: 6px;
}

.filtro {
   margin-bottom: 0.2em;
}

.filtro h3 {
   color: #000;
   font-weight: bold;
   background: #A2A2A2 url("../../images/theme/dw/titulo-filtro-fondo.gif") repeat-x top;
   padding: 4px 4px 4px 10px;
   font-size: 12px;
}

.contenidoFiltro {
   padding: 10px 8px;
}

/**********************************************************************************************
* @file: service.css
**********************************************************************************************/
div.service {
   margin-bottom: 20px;
}

div.service_pt {
   margin-bottom: 50px;
}

.boxServiceTitle h3 {
   font-size: 12px;
   font-weight: bold;
   display: inline;
   line-height: 2.2em;
   float: left;
}

.serviceListTitle {
   padding: 4px;
}

.serviceListTitle h3 {
   color: #02662C;
   font-size: 14px;
   font-weight: bold;
   display: inline;
   float: left;
}

.serviceListTitle .subtitle {
   color: #666;
   font-size: 14px;
}

.serviceListTitle img {
   float: left;
   vertical-align: middle;
   margin-right: 6px;
}

div.serviceOffer {
   left: 2px;
   position: absolute;
   top: -10px;
   z-index: 10;
}

h3.serviceOffer {
   padding-left: 64px;
}

div.servicePrice {
   display: inline;
   float: right;
}

div.servicePrice span {
   margin: 0 0.5em;
}

div.servicePrice a {
   color: #FFF;
   text-decoration: underline;
   margin: 0 0.5em;
}

div.servicePriceValue {
   display: inline-block;
   vertical-align: middle;
}

div.servicePriceValue span {
   font-size: 16px;
   white-space: nowrap;
}

div.serviceImage {
   float: left;
   margin: 0 0 20px 8px;
   width: 138px;
   height: 148px;
   padding: 8px;
   background: #02662C url( "../../images/theme/dw/serviceImage-fondo.gif" ) no-repeat bottom;
}
div.serviceImage2 {
   float: left;
   margin: -12px 0px 0px 8px;
   *margin-top: -2px;
   width: 138px;
   height: 148px;
   padding: 8px;
   background: #02662C url( "../../images/theme/dw/serviceImage-fondo.gif" ) no-repeat bottom;
}

div.serviceImage img {
   height: 138px;
   width: 138px;
}

div.serviceInfo {
   float: left;
   margin: 12px 12px 10px;
   width: 355px;
}
div.serviceInfo2 {
   margin: 12px 24px 10px;
   width: 365px;
   margin-left: 175px;
}
p.serviceDescriptionTitle {
   font-size: 12px;
   font-weight: bold;
   color: #02662C;
   margin-bottom: 0.5em;
}

p.serviceSelectionTitle {
   font-size: 11px;
   font-weight: bold;
   color: #02662C;
   margin-top: 1em;
   margin-bottom: 0;
}

p.serviceSelection {
   display: inline-block;
   border: 1px solid #CCC;
   margin-top: 3px;
   margin-bottom: 0;
   padding: 2px;
   float: left;
   clear: left;
}
p.serviceSelection2 {
   display: inline-block;
   border: 1px solid #CCC;
   margin-top: 3px;
   margin-bottom: 0;
   padding: 2px;
   clear: left;
}


span.serviceRoomOffer {
   margin-left: 2px;
   float: left;
   position: relative;
   top: 2px;
}

span.serviceRoom {
   padding-right: 6px;
}

span.serviceBoard {
   border-left: 1px solid #888;
   padding-left: 8px;
   padding-right: 6px;
}

span.serviceCupest {
    border-left: 1px solid #888;
    padding-left: 8px;
}

span.serviceCupestPC {
    border-left: 1px solid #888;
    padding-left: 8px;
    color: red;
    font-size: 12px;
    font-weight: bold;
}

span.serviceCupestDS {
    border-left: 1px solid #888;
    padding-left: 8px;
    color: green;
    font-size: 12px;
    font-weight: bold;
}

div.serviceInfoLink {
   margin-top: 6px;
   margin-right: 4px;
   display: inline-block;
}

div.serviceInfoLink a {
   text-decoration: none;
   padding: 0 6px;
}

div.service form {
   margin-top: 6px;
}

div.service form input.submit {
   padding: 4px 18px;
}

table.serviceList {
   border: 0;
}

table.serviceList thead th {
   font-weight: normal;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   text-align: left;
}

.disponible{
    color: green;
}

.peticion{
    color: red;
}

.disponible_lista{
    color: green;
    padding-bottom: 8px;
}

.peticion_lista{
    color: red;
    padding-bottom: 8px;    
}

#confirmado{
    color: green;
    font-weight: bold;
    font-size: 12px;
}

#enpeticion{
    color: red;
    font-weight: bold;
    font-size: 12px;
}

/**********************************************************************************************
 * @file: destination.css
 **********************************************************************************************/
#destinationContent {

}

#frmDestination {
   margin-top: 20px;
}

#frmDestination .nombreCampo {
   min-width: 75px;
}

#frmDestination select {
   width: 150px;
}

#codpai {
   min-width: 150px;
}

/**********************************************************************************************
 * @file: selectorZone.css
 **********************************************************************************************/
#selectorZoneContent {
}

#frmSelectorZone {
   margin-top: 1.5em;
}

div.legend {
   display: block;
   border: 1px solid #CCC;
   color: #02662C;
   font-size: 12px;
   font-weight: bold;
   padding: 2px;
   margin-bottom: 4px;
}

fieldset.columnaOrigen {
   width: 49.5%;
   float: left;
}

fieldset.columnaDestino {
   width: 49.5%;
   float: right;
}

/**********************************************************************************************
 * @file: selectorDiscount.css
 **********************************************************************************************/

#frmDiscount {
   margin-top: 1.5em;
}

div.legend {
   display: block;
   border: 1px solid #CCC;
   color: #02662C;
   font-size: 12px;
   font-weight: bold;
   padding: 2px;
   margin-bottom: 1em;
}

/**********************************************************************************************
 * @file: bookingHotel.css
 **********************************************************************************************/
div.hotelRoomOptions {
   position: relative;
   margin-left: 8px;
   margin-right: 12px;
}

span.hotelRoomOffer {
   background: transparent url("../../images/theme/dw/icono-oferta-peq.gif") no-repeat left center;
   margin-left: 2px;
   padding-left: 24px;
   line-height: 20px;
   display: inline-block;
   color: #9A191C;
}

td.hotelRoomCheck {
   width: 6%;
}

td.hotelRoomType {
   width: 30%;
}

td.hotelRoomTypeT {
   width: 15%;
}

td.hotelRoomTar {
   width: 15%;
}

td.hotelRoomBoard {
   width: 30%;
}

td.hotelRoomCupestPC{
    width: 18%;
    text-align: left;
    color: red;
}

td.hotelRoomCupestDS{
    width: 18%;
    text-align: left;
    color: green;
}

table td.hotelRoomPrice {
   width: 16%;
   padding-right: 20px;
   text-align: right;
   color: #970000;
   font-weight: bold;
}

.frmHotel .botonera {
   text-align: right;
   margin-top: 10px;
   margin-bottom: 20px;
}

.frmHotel .botonera a {
   display: inline-block;
   padding: 5px 18px;
   text-decoration: none;
}

.botoneraList{
   margin-top: 5px;
   text-align: right;
}
 /*
.precioTotList{
    background: #FFF none repeat scroll 0 0;
    color: #02662C;
    text-align: right;
    font-weight: bold;
    margin-top: 5px;
}
 */

/**********************************************************************************************
 * @file: bookingAir.css
 **********************************************************************************************/
.frmAir .botonera {
   text-align: right;
   margin-top: 10px;
}

.frmAir table caption span {
   display: none;
}

.vueloFecha {
   font-weight: normal;
   font-size: 80%;
}

.cambioFecha {
   color: #02662C;
   font-weight: bold;
   float: right;
}

.cambioFecha a {
   color: #666;
   text-decoration: none;
}

.cambioFecha a img {
   vertical-align: middle;
   float: none;
   margin: 0 4px;
}

#bookingAirContent table tbody td {
   color: #02662C;
}

td.airCheck {
   width: 6%;
   vertical-align: middle;
}

td.airDeparture {
   width: 21%;
   vertical-align: top;
}

td.airArrival {
   width: 21%;
   vertical-align: top;
}

td.airCompany {
   width: 21%;
   vertical-align: top;
}

td.airDuration {
   width: 21%;
   vertical-align: top;
}

td.airAvailability {
   width: 10%;
   vertical-align: top;
}

td.airDuration a {
   color: #02662C;
}

/* Tabla de precios */
.airPriceTable {
}

.airPriceTable table {
   margin-bottom: 0;
}

.airPriceTable p {
   margin-top: 0;
   float: right;
   border: 1px solid #999;
   border-top: 0;
   background: #CCC;
   padding: 4px;
}

.airPriceTable table th {
   text-align: center;
}

.airPriceTable table td {
   text-align: right;
}

.airPriceTable table td.airPriceType {
   text-align: center;
}

.airPriceTable table td.airPriceNum {
   text-align: center;
}

/**********************************************************************************************
 * @file: bookingTrain.css
 **********************************************************************************************/
.frmTrain .botonera {
   text-align: right;
   margin-top: 10px;
}

.frmTrain table caption span {
   display: none;
}

.trenFecha {
   font-weight: normal;
   font-size: 80%;
}
/* Definido en vuelo
.cambioFecha {
   color: #07275C;
   font-weight: bold;
   float: right;
}

.cambioFecha a {
   color: #666;
   text-decoration: none;
}

.cambioFecha a img {
   vertical-align: middle;
   float: none;
   margin: 0 4px;
}
*/

#bookingTrainContent table tbody td {
   color: #07275C;
}

td.trainCheck {
   width: 6%;
   vertical-align: middle;
}

td.trainDeparture {
   width: 14%;
   vertical-align: middle;
}

td.trainArrival {
   width: 14%;
   vertical-align: middle;
}

td.trainType {
   width: 20%;
   vertical-align: middle;
}

td.trainCompany {
   width: 18%;
   vertical-align: middle;
}

td.trainClass {
   width: 20%;
   vertical-align: middle;
}

td.trainDuration {
   width: 18%;
   vertical-align: middle;
}

/**********************************************************************************************
 * @file: bookingCar.css
 **********************************************************************************************/
.frmCar .botonera {
   text-align: right;
   margin-top: 10px;
}

.carDescription {
   border: 1px dotted #CCC;
   padding: 4px 8px 8px;
   margin-bottom: 8px;
}

.carDescription  p {
   border-bottom: 1px solid #CCC;
   padding: 6px 0;
}

.carDescription  p strong {
   color: #02662C;
}

/**********************************************************************************************
 * @file: bookingFerry.css
 **********************************************************************************************/
.frmFerry .botonera {
   text-align: right;
   margin: 5px 10px 20px 0;
}

.frmFerry .botonera a {
   display: block;
   padding: 5px 12px;
   text-decoration: none;
}

.frmFerry .botonera img {
   vertical-align: middle;
}

.frmFerry table caption span {
   display: none;
}

#bookingFerryContent table tbody td {
   color: #02662C;
}

.ferryAlternativas {
   background-color: #BBB;
   padding: 1em 1.5em;
   margin-bottom: 0.5em;
}

.ferryAlternativas h4 {
   color: #02662C;
   font-size: 12px;
}

table.ferryAlternativa tr.odd {
   background-color: #F4ECD9;
}

table.ferryAlternativa tr.even {
   background-color: #E9D9B4;
}

td.ferryCheck {
   width: 6%;
   vertical-align: middle;
}

td.ferryPrice {
   width: 10%;
   vertical-align: top;
}

td.ferryDeparture {
   width: 22%;
   vertical-align: top;
}

td.ferryArrival {
   width: 22%;
   vertical-align: top;
}

td.ferryType {
   width: 22%;
   vertical-align: top;
}

td.ferryAccommodation {
   width: 20%;
   vertical-align: top;
}

td.airDuration a {
   color: #02662C;
}

/**********************************************************************************************
 * @file: bookingMult.css
 **********************************************************************************************/
div.avisoSeleccion{
   color: #02662C; 
}

.multServiceTitle {
   padding: 4px;
   margin-top: 0.5em;
}

.multServiceTitle h4 {
   color: #02662C;
   font-size: 18px;
   font-weight: bold;
   margin-left: 4px;
   margin-bottom: 0.5em;
}

.multServiceTitle .subtitle {
   color: #666;
   font-size: 14px;
}

.multServiceTitle img {
   float: left;
   vertical-align: middle;
   margin-right: 6px;
}

.multServicePrice {
   color: #02662C;
   font-size: 12px;
   font-weight: bold;
   display: inline;
   float: right;
   margin-bottom: 10px;
   margin-right: 6px;
}

.multServicePrice a {
   color: #FFF;
   text-decoration: underline;
   margin: 0 0.5em;
}

.multServicePriceValue {
   display: inline-block;
   vertical-align: middle;
}

.multServicePriceValue span {
   font-size: 16px;
}

#bookingMultContent .boxServiceCont {
   margin-bottom: 14px;
   border-bottom: 1px dotted #CCC;
}

#bookingMultContent div.serviceInfo {
   margin-top: 0;
}

#bookingMultContent div.serviceImage {
   background: #02662C;
   height: 138px;
   width: 138px;
   padding: 8px;
}

#bookingMultContent td.route {
   width: 14%;
   vertical-align: middle;
}

#bookingMultContent td.airDeparture {
   width: 19%;
   vertical-align: top;
}

#bookingMultContent td.airArrival {
   width: 19%;
   vertical-align: top;
}

#bookingMultContent td.airCompany {
   width: 19%;
   vertical-align: top;
}

#bookingMultContent td.airDuration {
   width: 19%;
   vertical-align: top;
}

#bookingMultContent td.airAvailability {
   width: 10%;
   vertical-align: top;
}

#bookingMultAlternative {
}

#bookingMultAlternativeContent {
   position: relative;
}

.bookingMultAlternativeContent {
   padding: 10px 15px 20px;
   border: 1px solid #07275C;
   position: relative;
}

.bookingMultAlternativeTabs {
   border-left: 1px solid #CCC;
   border-right: 1px solid #CCC;
   position: relative;
   z-index: 10;
}

.bookingMultTabs {
   list-style-type: none;
   position: relative;
   top: 1px;
   left: -1px;
}

.bookingMultTabs li {
   display: inline-block;
   width: auto;
   font-family: sans-serif;
   font-weight: bold;
   border-top: 1px solid #02662C;
   border-left: 1px solid #02662C;
   border-right: 1px solid #02662C;
   padding: 4px 6px 4px 6px;
}

.bookingMultTabs a {
   color: #FFF;
   font-family: sans-serif;
   text-decoration: none;
}

.bookingMultTabs li.tabOn a {
   color: #07285E;
}

.bookingMultTabs li.tabOff a {
   color: #FFF;
}

.bookingMultTabs li.tabOff:hover a {
   color: #07285E;
}

.bookingMultTabs li.tabOn {
   color: #07285E;
   background: #FFF url("../../images/theme/dw/tab-multi-on.gif") repeat-x top;
}

.bookingMultTabs li.tabOff {
   color: #FFF;
   background: #02662C url( "../../images/theme/dw/tab-multi-off.gif" ) repeat-x top;
   cursor: pointer;
}

.bookingMultTabs li.tabOff:hover {
   color: #07285E;
   background: #FFF url("../../images/theme/tab-on.gif") repeat-x top;
}

.bookingMultTabs li.tabOff:hover a {
   color: #07285E;
}

#frmMult .botonera {
   text-align: right;
   margin-top: 10px;
}

/**********************************************************************************************
 * @file: bookingOther.css
 **********************************************************************************************/
#bookingOtherContent table caption span {
   display: none;
}

td.otherPrice {
   text-align: right;
}

td.otherPrice strong {
   font-size: 120%;
   white-space: nowrap;
}

td.otherButton a.submit {
   display: block;
   padding: 1px 15px;
   text-decoration: none;
}

/**********************************************************************************************
* @file: bookingValuation.css
**********************************************************************************************/
.nomHotel{
   color: #02662C;
   font-weight: bold;
   margin-bottom: 0.8em;
}

.resumenServicio {
   margin: 0 30px 16px;
}

.resumenFecha {
   margin-bottom: 0.8em;
}

.resumenModalidad {
   margin: 0.5em 0 1em 0;
}

.resumenServicio div.submit {
   margin-left: 14px;
   float: right;
}

.resumenModalidad p {
   padding: 3px 0;
   margin: 0;
   float: left;
}

.resumenServicio p span.precio {
   font-size: 120%;
   font-weight: bold;
   color: #02662C;
}

.resumenModalidad strong {
   color: #333;
}

.resumenServicio strong {
   color: #333;
}

.resumenServicio input.submit {
   padding: 0;
}

.resumenNota {
   border: 1px solid #CCC;
   background: #F0F0F0;
   padding: 0.5em;
   margin: 0.5em 0;
}

.resumenNota img {
   margin-right: 12px;
   vertical-align: bottom;
}

.resumenCancelacion {
   border: 1px solid #970000;
   color: #970000;
   font-weight: bold;
   padding: 0.5em;
   margin: 0.5em 0;
}

.promoEspecial {
   border: 1px solid #000000;
   color: #000000;
   padding: 0.5em;
   margin: 0.5em 0;
}

.promoEspecial img {
   margin-right: 2px;
   vertical-align: bottom;
}

.promoEspecial a {
   color: #970000;
   text-decoration: none;
}

.resumenServicio h5 {
   color: #FFF;
   background-color: #666;
   font-size: 11px;
   font-weight: bold;
   padding: 2px;
   margin: 1em 0 0.5em;
}

.resumenTrayecto {
   margin-bottom: 1.5em;
}

.resumenTrayecto p {
   padding: 3px 0;
   margin: 0;
   color: #333;
   float: left;
}

.resumenSuplemento p {
   margin: 8px 0 0 0;
   float: left;
}

.resumenSuplemento div.submit {
   margin: 8px 0 0 0;
}

div.resumenAnyadirSuplemento {
   margin-top: 1.5em;
   padding: 8px;
   background-color: #CCC;
}

div.resumenAnyadirSuplemento div.submit {
   float: none;
}

#resumenPax {
   border-top: 6px solid #02662C;
}

#serviciosAlternativos {
   background: #E4E4E4;
   border-top: 6px solid #02662C;
   padding: 20px 20px 40px;
}

#serviciosAlternativos p {
   color: #02662C;
   font-weight: bold;
   margin-bottom: 1em;
}

#serviciosAlternativos ul {
   list-style: none;
}

#serviciosAlternativos li {
   display: inline-block;
   margin-right: 0.5em;
   margin-bottom: 0.5em;
}

#serviciosAlternativos li a {
   text-decoration: none;
   display: block;
   padding: 2px 20px 4px 16px;
}

#serviciosAlternativos li a img {
   margin-right: 3px;
}

#valuationContent a.submit {
   display: block;
   padding: 1px 15px;
   text-decoration: none;
}

#valuationContent input.submit {
   padding: 0 15px;
   text-decoration: none;
}

#frmValuation .botonera {
   text-align: right;
   margin: 16px 0;
}

#frmValuation .botoneraLink {
   display: inline-block;
   margin-left: 10px;
}

/* Modifica estilos predefinidos para esta página */
#valuationContent div.boxASubtitle span.precio {
   vertical-align: bottom;
   margin-left: 16px;
   float: right;
   color: #02662C;
   font-weight: normal;
}

#valuationContent div.boxATitle h3 {
   float: left;
}

#valuationContent div.boxATitle span.precio {
   float: right;
   color: #FFF;
   font-size: 150%;
   font-weight: normal;
}

#valuationContent div.boxATitle span.precio strong {
   font-size: 100%;
}

#valuationContent div.boxASubtitle h4 {
   float: left;
}

/**********************************************************************************************
 * @file: bookingPaxData.css
 **********************************************************************************************/
#paxDataContent #valuationContent .resumenServicio {
   margin: 16px;
}

#paxDataContent p.descripcion {
   margin-top: 1em;
   margin-bottom: 0.5em;
}

div.paxDataPax {
   display: block;
   color: #02662C;
   background-color: #CCC;
   padding: 4px 0 4px 8px;
   margin: 5px 0;
}

div.paxDataRoom {
   border: 1px solid #CCC;
   padding: 4px;
   margin: 10px 10px 10px;
}

#frmPaxData .nombreCampo {
   min-width: 85px;
}

#frmPaxData fieldset {
   margin: 15px 10px;
}

#frmPaxData fieldset .subform {
   margin: 0.5em 0 1em;
}

#frmPaxData .nombreCampo {
   color: #000;
   font-weight: normal;
}

#frmPaxData .dosCol {
   display: inline-block;
   width: 45%;
}

#frmPaxData .submit {
   padding: 0 14px;
   text-decoration: none;
}

#frmPaxData .botonera {
   text-align: right;
   margin: 16px 0;
}

#frmPaxData .botoneraLink {
   display: inline-block;
   margin-left: 10px;
}

#paxDataContent .boxA {
   margin-bottom: 1.5em;
}

/**********************************************************************************************
 * bookingData.css 
 **********************************************************************************************/
#bookingDataContent p.descripcion {
   margin-top: 1.5em;
   margin-bottom: 0.5em;
}

#bookingDataContent p.condiciones {
   margin-top: 1em;
   margin-bottom: 0.5em;
}

#bookingDataContent p.condiciones input {
   vertical-align: middle;
}

#bookingDataContent p.condiciones label {
   vertical-align: middle;
}

#bookingDataContent p.condiciones a {
   margin-top: 1em;
   margin-bottom: 0.5em;
   color: #000;
   text-decoration: underline;
   font-weight: bold;
}

div.dataPercon {
   display: block;
   color: #02662C;
   background-color: #CCC;
   padding: 4px 0 4px 8px;
   margin: 5px 0;
}

div.dataPaxSelect {
/*border: 1px solid #CCC;*/
   background: #F0F0F0;
   padding: 4px;
   margin: 10px 10px 10px;
}

div.dataPaxSelect select {
   min-width: 160px;
}

div.dataPrecioPago {
   margin: 15px 10px 0 10px;
   padding: 6px;
   border: 2px solid #CCC;
   font-size: 125%;
   font-weight: bold;
   color: #02662C;
   display: inline-block;
}

div.dataPrecioPago .precio {
   font-size: 120%;
   margin-left: 0.5em;
   color: #970000;
}

#frmData .nombreCampo, #frmPayment .nombreCampo, #frmEnd .nombreCampo,#frmOp .nombreCampo {
   min-width: 90px;
}

#frmData fieldset, #frmPayment fieldset,#frmEnd fieldset, #frmOp fieldset {
   margin: 15px 10px;
}

#frmData .nombreCampo, #frmPayment .nombreCampo,#frmEnd .nombreCampo, #frmOp .nombreCampo {
   color: #000;
   font-weight: normal;
}

#frmData .dosCol, #frmPayment .dosCol, #frmEnd .dosCol, #frmOp .dosCol {
   display: inline-block;
   width: 45%;
}

#frmData .submit, #frmPayment .submit, #frmEnd .submit, #frmOp .submit {
   padding: 0 14px;
   text-decoration: none;
}

#frmData .botonera, #frmPayment .botonera {
   text-align: right;
   margin: 16px 0
}

#frmData .botoneraLink, #frmPayment .botoneraLink {
   display: inline-block;
   margin-left: 10px;
}

#frmEnd .descripcion, #frmOp .descripcion {
   padding: 0 14px;
   text-decoration: none;
}

/**********************************************************************************************
 * @file: bookingPaymnet.css
 **********************************************************************************************/
#paymentContent p.descripcion {
   margin-top: 1.5em;
   margin-bottom: 0.5em;
}

#paymentContent p.condiciones {
   margin-top: 1em;
   margin-bottom: 0.5em;
}

#paymentContent p.condiciones input {
   vertical-align: middle;
}

#paymentContent p.condiciones label {
   vertical-align: middle;
}

#paymentContent p.condiciones a {
   margin-top: 1em;
   margin-bottom: 0.5em;
   color: #000;
   text-decoration: underline;
   font-weight: bold;
}

#paymentContent div.boxASubtitle span.precio {
   vertical-align: bottom;
   margin-left: 16px;
   float: right;
   color: #07275C;
   font-weight: normal;
}

#paymentContent div.boxATitle h3 {
   float: left;
}

#paymentContent div.boxATitle span.precio {
   float: right;
   color: #FFF;
   font-size: 150%;
   font-weight: normal;
}

#paymentContent div.boxATitle span.precio strong {
   font-size: 100%;
}

#paymentContent div.boxASubtitle h4 {
   float: left;
}

/**********************************************************************************************
* @file: bookingEnd.css
**********************************************************************************************/

div.locata {
   margin-top: 1em;
   margin-bottom: 1em;
   text-align: center;
}

div.locata p.locataValue {
   font-size: 20px;
}

strong.locataValue {
   display: inline-block;
   border: 1px solid #CCC;
   padding: 6px 40px;
   margin-left: 0.5em;
   font-weight: bold;
   font-size: 20px;
}

p.locataInfo {
   margin-top: 1.5em;
   text-align: center;
}

strong.loccan  {
   margin-top: 1.5em;
   text-align: center;
   font-size: 14px;
   color: red;
}

#endContent div.boxA {
   margin-top: 2em;
}

#endContent div.boxA div.boxATitle h3 {
   float: left;
}

#endContent div.boxA div.boxATitle span.precio strong {
   font-size: 100%;
}

#endContent div.boxA div.boxATitle span.precio {
   color: #FFFFFF;
   float: right;
   font-size: 150%;
   font-weight: normal;
}

#endContent div.boxASubtitle h4 {
   float: left;
}

#endContent div.boxASubtitle span.precio {
   color:#02662C;
   float: right;
   font-weight: normal;
   margin-left: 16px;
   vertical-align: bottom;
}

#endContent .botonera {
   text-align: right;
   margin: 16px 0;
}

#endContent .botoneraLink {
   display: inline-block;
   margin-left: 10px;
}

/**********************************************************************************************
 * @file: card.css
 **********************************************************************************************/
.contenidoFicha {
   border-left: 1px solid #CCC;
   border-right: 1px solid #CCC;
   padding: 25px 15px;
}

.contenidoFicha h1.serviceTitle {
   color: #07275C;
   font-weight: bold;
   font-size: 18px;
   /*margin-top: 20px;*/
   /*margin-bottom: 10px;*/
}

.cardInfo {
   margin: 20px 12px 20px 8px;
}

.cardInfo h4 {
   color: #02662C;
   font-weight: bold;
   margin-top: 20px;
   margin-bottom: 10px;
}

.cardInfo p {
   margin-bottom: 0.5em;
}

.cardInfo .facilityList {
   padding: 6px 10px 6px 0;
   border: 1px dotted #CCC;
}

.cardInfo ul.facility {
   list-style: none;
}

.cardInfo ul.facility li {
   background: transparent url("../../images/theme/dw/estilo-listaA.gif") no-repeat left center;
   padding-left: 18px;
   padding-bottom: 2px;
   margin: 4px 5px 4px 10px;
   display: inline-block;
}

#googleMap {
   padding: 6px 10px;
   border: 1px dotted #CCC;
}

img.googleMap {
   vertical-align: middle;
   margin-right: 6px;
}

#mapCanvas {
   height: 250px;
}

.mapWaiting {
   background: url("../../images/theme/dw/loadingBarB.gif") no-repeat center center;
}

.googleMapInfo {
   margin-top: 10px;
}

.googleMapServiceName {
   font-size: 14px;
   color: #02662C;
   margin-bottom: 2px;
}

.googleMapAddress {
   font-size: 10px;
   color: #000;
}

/**********************************************************************************************
* @file: popuphotel.css
**********************************************************************************************/
.gallery {
   position: relative;
}

.galleryImage {
   width: 110px;
   height: 66px;
   padding: 2px;
   border: 1px solid #CCC;
   margin-top: 5px;
   margin-right: 5px;
   float: left;
   cursor: pointer;
}

#popupHotelBack {
   position: absolute;
   top: 4px;
   right: 6px;
   cursor: pointer;
}
/**********************************************************************************************
* @file: popup.css
**********************************************************************************************/
.popupInfo {
   margin: 20px 12px 20px 8px;
}

.popupInfo h4 {
   color: #02662C;
   font-weight: bold;
   margin-top: 20px;
   margin-bottom: 10px;
}

.popupInfo p {
   margin-bottom: 0.5em;
}

.popupInfo ol {
   padding: 0 2em;
}

.popupInfo ol li {
   margin-bottom: 0.5em;
}

.popupInfo .popupImage {
   border: 1px solid #CCC;
   padding: 15px;
   margin-right: 15px;
   float: left;
}

.popupInfo .botonera {
   margin-top: 2em;
   display: inline-block;
}

.popupInfo .botonera a {
   text-decoration: none;
   padding: 0 14px;
}

.popupInfo ul.facility {
   list-style: none;
}

.popupInfo ul.facility li {
   background: transparent url("../../images/theme/dw/estilo-listaA.gif") no-repeat left center;
   padding-left: 18px;
   padding-bottom: 2px;
   margin: 4px 5px 4px 10px;
   display: inline-block;
}

/**********************************************************************************************
 * @file: operativa.css
 **********************************************************************************************/

.contenedorContenidos {
   margin: 0 0 16px 0;
}

.resumenContenidos {
   margin: 0.5em 0 1em 0;
   color: #666666;
   font-weight: bold;
}

.contenidoImpar {
   border-bottom: 1px dotted #CCCCCC;
   padding: 5px 0 10px 15px;
}

.contenidoPar {
   border-bottom: 1px dotted #CCCCCC;
   padding: 5px 0 10px 15px;
   background: #EBEBEB none repeat scroll 0 0;
}

.contenedorContenidos div.submit {
   margin-right: 35px;
   float: right;
   min-width: 150px;
}

.frmOperativa .submit {
   padding: 0.3em 14px;
   text-decoration: none;
}

.frmOperativa p {
   float: left;
   margin-bottom: 8px;
}

.frmOperativa h4 {
   float: left;
   margin-bottom: 5px;
}

.contenedorSistema {
   margin: 0 0 16px 0;
}

.resumenSistema {
   margin: 0.5em 0 1em 0;
   color: #666666;
   font-weight: bold;
}

.sistemaImpar {
   border-bottom: 1px dotted #CCCCCC;
   padding: 5px 0 10px 0;
   width: 48%;
   float: left;
   margin-right: 10px;
}

.sistemaPar {
   border-bottom: 1px dotted #CCCCCC;
   padding: 5px 0 10px 0;
   background: #EBEBEB none repeat scroll 0 0;
   width: 48%;
   float: left;
   margin-right: 10px;
}

.contenedorSistema div.submit {
   float: right;
   min-width: 100px;
}

.frmOperativaSistema .submit {
   padding: 0.3em 14px;
   text-decoration: none;
}

.frmOperativaSistema p {
   float: left;
   margin-bottom: 8px;
   padding-left: 10px;
}

.frmOperativaSistema h4 {
   float: left;
   margin-bottom: 5px;
   padding-left: 10px;
}

.groupbusreserva {
   float: left;
   text-align: left;
   width: 100%;
}

.subgroupbusreserva {
   padding: 5px 0 5px 12px;
   border-bottom: 1px dotted #CCCCCC;
   color: #666666;
   font-family: Tahoma, "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   float: left;
   width: 98%;
}

.contenido {
   float: left;
}

.contenido2 {
   float: left;
   padding-left: 10px;
}

.botonbuscar {
   float: right;
   padding: 5px;
}

.resumenReservas {
   margin: 0 20px 0;
}

.resumenReservas table {
   width: 95%;
}

.resumenReservas div.submit {
   width: auto;
}

.noRst {
   color: red;
   font-size: 12px;
   padding: 20px;
}

#operativeStatusContent a.submit {
   display: block;
   padding: 1px 15px;
   text-decoration: none;
}

#operativeStatusContent .botonera {
   text-align: right;
   margin: 16px 0;
}

#operativeStatusContent .botoneraLink {
   display: inline-block;
   margin-left: 10px;
}

#operativeStatusContent div.boxA div.boxATitle span.precio strong {
   font-size: 100%;
}

#operativeStatusContent div.boxA div.boxATitle span.precio {
   color: #FFFFFF;
   float: right;
   font-size: 150%;
   font-weight: normal;
}

#nota{
    display: none;
    padding: 5px;
}
/*==============================
   FONT FACE
==========================================================================================================*/
@font-face {
    font-family: 'YanoneKaffeesatzBold';
    src: url('../../font/yanonekaffeesatz-bold.eot)');
    src: url('../../font/yanonekaffeesatz-bold.eot?#iefix') format('embedded-opentype'),
         url('../../font/yanonekaffeesatz-bold.woff') format('woff'),
         url('../../font/yanonekaffeesatz-bold.ttf') format('truetype'),
         url('../../font/yanonekaffeesatz-bold.svg#YanoneKaffeesatzBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'YanoneKaffeesatzLight';
    src: url('../../font/yanonekaffeesatz-light.eot');
    src: url('../../font/yanonekaffeesatz-light.eot?#iefix') format('embedded-opentype'),
         url('../../font/yanonekaffeesatz-light.woff') format('woff'),
         url('../../font/yanonekaffeesatz-light.ttf') format('truetype'),
         url('../../font/yanonekaffeesatz-light.svg#YanoneKaffeesatzLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'YanoneKaffeesatzRegular';
    src: url('../../font/yanonekaffeesatz-regular.eot');
    src: url('../../font/yanonekaffeesatz-regular.eot?#iefix') format('embedded-opentype'),
         url('../../font/yanonekaffeesatz-regular.woff') format('woff'),
         url('../../font/yanonekaffeesatz-regular.ttf') format('truetype'),
         url('../../font/yanonekaffeesatz-regular.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'YanoneKaffeesatzThin';
    src: url('../../font/yanonekaffeesatz-thin.eot');
    src: url('../../font/yanonekaffeesatz-thin.eot?#iefix') format('embedded-opentype'),
         url('../../font/yanonekaffeesatz-thin.woff') format('woff'),
         url('../../font/yanonekaffeesatz-thin.ttf') format('truetype'),
         url('../../font/yanonekaffeesatz-thin.svg#YanoneKaffeesatzThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
                font-family: 'YanoneKaffeesatzBold';
                src: url('../../font/yanonekaffeesatz-bold.eot');
                src: local('YanoneKaffeesatzBold'),
					 url('../../font/yanonekaffeesatz-bold.woff') format('woff'),
					 url('../../font/yanonekaffeesatz-bold.ttf') format('truetype'),
					 url('l../../font/yanonekaffeesatz-bold.svg#webfonta36nFpyE') format('svg');font-weight: normal;font-style: normal; /** used ie7 in ie9 ) **/
}

/*==========================================================================================================*/