/**********************************************************************************************
 * @file: struct.css
 **********************************************************************************************/
body {
	color: #000;
	background-color: #FFF;
	text-align: center;
}

/**
 * Contenedor principal, este usa no utiliza una única imagen porque el body puede ser grande y ocupa menos así.
 */
#bodyPage {
   position: relative;
   /*top: -12px;*/
   margin: 0 auto;
   width: 830px;
   z-index: 1;
   /*margin-bottom: 0.5em; *//* spacing under dialog */
   text-align: left; /* Anula el del body. */
   color: #000;
   /*background-color: #FFFFFF;*/
}

#bodyPageTop {
   position: relative;
   height: 30px;
   background: transparent url( ../../images/theme/bodypage-background-vertical.png ) repeat-x top;
   z-index: 5;
}

#bodyPageTopLeft {
   float: left;
   height: 30px;
   width: 30px;
   background: transparent url( ../../images/theme/bodypage-background-esquinas.png ) no-repeat top left;
}

#bodyPageTopRight {
   float: right;
   height: 30px;
   width: 30px;
   background: transparent url( ../../images/theme/bodypage-background-esquinas.png ) no-repeat top right;
   z-index: 0;
}

#bodyPageBottom {
   position: relative;
   height: 30px;
   background: transparent url( ../../images/theme/bodypage-background-vertical.png ) repeat-x bottom;
   z-index: 5;
}

#bodyPageBottomLeft {
   float: left;
   height: 30px;
   width: 30px;
   background: transparent url( ../../images/theme/bodypage-background-esquinas.png ) no-repeat bottom left;
}

#bodyPageBottomRight {
   float: right;
   height: 30px;
   width: 30px;
   background: transparent url( ../../images/theme/bodypage-background-esquinas.png ) no-repeat bottom right;
}

#bodyPageLeft {
   position: absolute;
   top: 0;
   left: 0;
   width: 30px;
   height: 100%;
   background: transparent url( ../../images/theme/bodypage-background-horizontal.png ) repeat-y left;
   z-index: 1;
}

#bodyPageRight {
   position: absolute;
   top: 0;
   right: 0;
   width: 30px;
   height: 100%;
   background: transparent url( ../../images/theme/bodypage-background-horizontal.png ) repeat-y right;
   z-index: 1;
}

#bodyPageContent {
	float:left;
	margin: 0;
	text-align:center;
	width:852px
}

/**
 * Cabecera 
 */
#cabecera {
   min-height: 75px;
   position: relative;
   z-index: 6; /* La cabecera debe setar sobre el cuerpo, bug IE (ver #subcabecera) */
}
#subcabecera {
   /* Hay un bug grave en IE con z-index y los posicionamientos relativos. De ahí que el solapamiento del box de reservas
    con la barra de menú se simule haciendo que la parte inferior del menú sera un falso borde superior del cuerpo. */
    width: 100%;
   height: 4px;
   background-color: #666;
   overflow: hidden;
}

#menuSuperior {
   text-align: right;
}

#menuSuperior ul { 
   list-style-type: none;
}

#menuSuperior a {
   color: #606970;
   text-decoration: none;
   font-size: 10px;
}

#menuSuperior a:hover {
   text-decoration: underline;
}

#menuSobre {
   margin-bottom: 2px;

}

#menuSobre li {
   background: transparent url( ../../images/theme/lista-flecha-gris.gif ) no-repeat left center;
   padding-left: 10px;
   padding-bottom: 2px;
   margin-left: 10px;
   display: inline;
} 

#menuIdioma {
}

#menuIdioma li {
   background: transparent no-repeat left center;
   padding-left: 15px;
   padding-bottom: 2px;
   margin-left: 10px;
   display: inline;
}

li#idiES {
   background-image: url( ../../images/theme/lista-bandera-es.gif );
}
li#idiIT {
   background-image: url( ../../images/theme/lista-bandera-it.gif );
}
li#idiFR {
   background-image: url( ../../images/theme/lista-bandera-fr.gif );
}

#logoWeb {
   text-align: left;
   position: absolute;
   top: 2em;
   left: 11px;
}

#agencia {
   text-align: right;
}

#cajaAgencia {
   width: 450px;
   margin-left: auto;
   text-align: left;
}

#cajaAgencia span.tituloAgencia {
   display: block;
   border-bottom: 1px solid #CCCCCC;
   color: #02662C;
   background-color: inherit;
   font-size: 11px;
   font-weight: bold;
   padding-bottom: 3px;
   margin-bottom: 2px;
}

#cajaAgencia label {
   display: inline-block;
   width: 10em;
   vertical-align: middle;
   margin-right: 6px;
}

#cajaAgencia input {
   width: 10em;
}

#cajaAgencia ul {
   list-style: none;
   background: #F5F5F5;
   padding: 0 4px;
}

#cajaAgencia ul li {
   display: inline-block;
   width: 48%;
   margin: 4px 0;
}

#cajaAgencia .value {
   background-color: #FFF;
   padding: 2px 6px;
}

#loginSubmit {
   display: inline-block;
   vertical-align: bottom;
}

#loginSubmit div.botonA {
   width: 100%;
}

#loginSubmit .botonBody {
   padding: 0;
}

#loginSubmit input.submit {
	border: 0;
	width: 100%;
	padding: 2px 10px 2px 10px;
	background-color: transparent;
	/*color: inherit;*/
   font: inherit;
	cursor: pointer;
	color: #FFF;
}

#aviso_servicio{
	background:url("../../images/theme/bg_adservice.gif") no-repeat scroll 336px top transparent;
	float:right;
	height:29px;
	padding-right:19px;
	text-align:right;
	width:500px;
}

#aviso_servicio_txt{
	padding:4px 10px 0 0;
}

#panelReserva h2.tituloSeccion { /* En la home se quiere más grande */
   font-size: 18px;   
   font-weight: normal;
}

/**
 * Pie
 */
/*#pie {*/
   /*color: #FFF;*/
   /*border-top: 6px solid #666;*/
   /*background: #0B3986 url( "../../images/theme/pie-fondo.png" ) repeat-x top;*/
   /*margin-bottom: 5px;*/
   /*padding: 16px 0 36px 0;*/
   /*text-align: center;*/
   /*clear: both;*/
/*}*/

/*#pie ul {*/
   /*list-style-type: none;*/
/*}*/

/*#pie ul li {*/
   /*font-size: 14px;*/
   /*display: inline;*/
/*}*/

/*#pie ul li a {*/
   /*color: #FFF;   *//* Explorer no hereda el color para los enlaces. */
   /*background: inherit;*/
   /*text-decoration: none;*/
   /*white-space: nowrap;*/
/*}*/

#menuProducto {
   margin-bottom: 12px;
}

#menuProducto a {
   font-size: 12px;
   margin-left: 8px;
   margin-right: 8px;
}

#menuPie {
   display: inline;
   margin-left: 30px;
   margin-right: 60px;
}

#copyright {
   margin-left: 60px;
   margin-right: 30px;
}

#pie ul li a:hover {
   text-decoration: underline;
}

/**
 * Cuerpo
 */
#cuerpo { 
   position: relative;
}

/**********************************************************************************************
 * @file: menu.css
 **********************************************************************************************/
#menuNavegacion {
   color: #FFF;
   background-color: #666;
   margin-top: 8px;
}

#menuNavegacion ul {
   list-style-type: none;
   color: #FFF;
   background-color: #666;
}

#menuNavegacion a, #menuNavegacion span {
   color: #FFF;
   background: inherit;
   cursor: pointer;
   font-weight: bold;
   text-decoration: none;   
}

#menuNavegacion a:hover {
   text-decoration: underline;
}

#menuNavegacion ul ul {
   display: none;
   padding: 4px 24px 4px 8px;
   border: 1px solid #FFF;
   margin-top: 4px;
   position: absolute; 
   left: 0;
   top: 3em;
   cursor: default;
}


#menuNavegacion li {
   display: inline-block;
   padding: 1.5em 16px 1.3em 8px;
   position: relative;
}

#menuNavegacion li:hover ul {
   display: list-item;
   z-index: 10;
}

#menuNavegacion li.over ul {
   display: list-item;
   z-index: 10;
}

#menuNavegacion li li {
   display: list-item;
   white-space: nowrap;
   padding: 4px 0 4px 0;
   z-index: 10;
}

/**********************************************************************************************
 * @file: panelLayout.css
 **********************************************************************************************/
#panelLateral {
	float: left;
	width: 252px;
	margin-right: 4px;
	vertical-align: top;
}

#panelCentral {
	float: right;
	width: 734px;
	vertical-align: top;
	position: relative;
	clear: right;
	text-align: left;
}

#panelCentral_ext {
	float: left;
	width: 990px;
	vertical-align: top;
	position: relative;
	text-align: left;
}

/**********************************************************************************************
 * @file: basicLayout.css
 **********************************************************************************************/
#panelContenido {
    border-bottom: 1px solid #CCC;
}

/**********************************************************************************************
 * @file: homeLayout.css
 **********************************************************************************************/
.publiPanel {
    color: #FFF;
    padding: 20px 380px 20px 20px;
}

#panelPubliA {
    background: #0B3986 url( "../../images/theme/publiA-fondo.png" ) repeat-x top;
    height: 160px;
    margin-top: 1px;
}

#panelPubliB {
    background: #FFA30A url( "../../images/theme/publiB-fondo.png" ) repeat-x top;
    height: 180px;
}

#panelPubliC {
    color: #000;
    background-color: #FFF;
    height: 500px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

#panelReserva {
    background: #666;
    min-width: 351px;
    position: absolute;
    top: -4px;
    left: 416px;
}

#buscadores {
    padding: 10px 10px 10px 3px;
}

#pestanyas ul {
    list-style-type: none;
    position: relative;
    top: 1px;
}

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

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

#pestanyas li.tabOn {
    color: #02662C;
    background: #FFF url( "../../images/theme/tab-on.gif" ) repeat-x top;
}

#pestanyas li.tabOff {
    color: #FFF;
    background: #000 url( "../../images/theme/tab-off.gif" ) repeat-x top;
    cursor: pointer;
}

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

#pestanyas li.tabOff:hover a {
    color: #02662C;
}

#buscador {
    /*border: 1px solid #000;*/
}

#seccionOfertas {
    background: #E9E9E9 url( "../../images/theme/ofertas-fondo.jpg" ) repeat-x top;
}

#seccionOfertasContenido {
    margin: 10px;
}

#seccionOfertasContenido p {
    width: 310px;
    margin-bottom: 14px;
    font-size: 10px;
}

#seccionOfertasContenido p .tituloOferta {
    display: block;
    color: #970000;
    font-weight: bold;
    margin-bottom: 2px;
}

#seccionOfertasContenido p img {
    float: left;
    padding: 2px;
    border: 1px solid #CCC;
    margin-right: 14px;
}

#seccionOfertasContenido p a {
    display: inline-block;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    padding-left: 14px;
    background: transparent url( "../../images/theme/flecha1.gif" ) no-repeat center left;
}

#seccionOfertasContenido p a img {
    float: none;
    padding: 0;
    border: 0;
    margin-right: 0;
}

#seccionOfertasContenido p a:hover {
    color: #000;
    text-decoration: underline;
}

#seccionOfertasPie {
    border-top: 1px solid #FFF;
    background-color: #E9E9E9;
    text-align: right;
    padding: 4px 20px 10px 20px;
}

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

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

/**********************************************************************************************
 * @file: popup.css
 **********************************************************************************************/
 .contenidoPopup {
    margin: 0 26px;
}