/* ********************************************************************************************************************** */
/* SHARED *************************************************************************************************************** */
/* ********************************************************************************************************************** */
body                                                                { font-family: 'Didact Gothic', sans-serif; font-size:0.9rem; padding: 0;}
input, textarea, select                                             { font-family: 'Didact Gothic', sans-serif; font-size:0.9rem; }
/*
.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default                                 {background:none;}
*/

h1                                                                  { font-size: 2.5rem;}
h2                                                                  { font-size:  2rem;}
h3                                                                  { font-size:  1.7rem;}
h4                                                                  { font-size:  1.5rem;}
h5                                                                  { font-size: 1 rem; }
.bg_color_0                                                         { background-color: #FFF;}
.bg_color_1                                                         { background-color: #CCCCCC;}
.bg_color_2                                                         { background-color: #999999;}
.bg_color_3                                                         { background-color: #808080;}
.bg_color_4                                                         { background-color: #666666;}
.bg_color_5                                                         { background-color: #333333;}
.bg_color_6                                                         { background-color: #000;}
.fnt_color_0                                                        { color: #FFF;}
.fnt_color_1                                                        { color: #CCCCCC;}
.fnt_color_2                                                        { color: #999999;}
.fnt_color_3                                                        { color: #808080;}
.fnt_color_4                                                        { color: #666666;}
.fnt_color_5                                                        { color: #333333;}
.fnt_color_6                                                        { color: #000;}
.disponiblidad_abierta                                              { background-color: #00BB00; }
.disponiblidad_sindisponibilidad                                    { background-color: #FFFF00; }
.disponiblidad_cerrada                                              { background-color: #FF0000; }
.margin_2                                                           { margin:2px;}
.margin_5                                                           { margin:5px;}
.margin_5_tb                                                        { margin:5px 0;}
.margin_5_lr                                                        {margin:0 5px;}
.margin_10                                                          { margin:10px;}
.margin_15_tb                                                       { margin:15px 0;}
.margin_15_b                                                        { margin:0 0 15px 0;}
.margin_10_b                                                        { margin:0 0 10px 0;}
.border_all                                                         { border: 1px solid #000;}
.border_b                                                           { border-bottom: 1px solid #000;}
.padding_5                                                          { padding:5px;}
.padding_5_lr                                                       { padding:0 5px;}
.padding_10                                                         { padding:10px;}
.padding_10_tb                                                      { padding:10px 0;}
.padding_10_rlb                                                     { padding:0 10px 10px;}
.padding_top_5                                                      { padding-top: 5px;}
.text_center                                                        { text-align:center;}
.text_right                                                         { text-align:right;}
.text_justify                                                       { text-align:justify;}
.text_left                                                          { text-align: left;}
.clear                                                              { float:none; clear:both; margin:0;}
.float_right                                                        { float:right; }
.float_left                                                         { float:left; }
.display_inline                                                     { display:inline;}
.display_block                                                      { display:block;}
.display_inline_block                                               { display:inline-block;}
.font_bold                                                          { font-weight:bold;}
.display_none                                                       { display:none;}
.margin_auto                                                        { margin:auto;}
.shadow_border_rounded                                              { -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
                                                                      box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;
                                                                      -webkit-border-radius: 10px 10px 10px 10px;border: 0px none #000000;}
.shadow_border                                                      { -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);}
.shadow_border_10                                                   { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
.cursor_pointer                                                     { cursor:pointer;}
#logo_empresa_cabecera                                              { background-color:#FFF; height:26px; margin:0.6rem; }

/* ********************************************************************************************************************** */
/* PANEL DE CARGANDO *************************************************************************************************************** */
/* ********************************************************************************************************************** */
#loading_pannel                                                 { position:fixed; z-index:999; top:0px; right:0px; left:0px; bottom:0px; display:none; }
#loading_pannel #bg_loading_pannel                              { position:absolute; background-color:#000; opacity:0.5; width:100%; height:100%; text-align:center;  }
#loading_pannel span                                            { background-color: #FFFFFF; padding: 15px 0; position: absolute; text-align: center; width: 400px;
                                                                  z-index: 9999; margin:0 0 0 50%; left:-200px; top:25%; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
                                                                  -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
                                                                  border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;
                                                                  -webkit-border-radius: 10px 10px 10px 10px;border: 0px none #000000;}
#loading_pannel #procesando_petición                            { display:block;}

/* ********************************************************************************************************************** */
/* CONFIGURACIÓN DE BOTONES ********************************************************************************************* */
/* ********************************************************************************************************************** */
.actions_buttons                                                { }
input.jquery_button, 
a.jquery_button, 
button.jquery_button                                            { display:inline-block; border:none; cursor:pointer;}
input.icon_button, 
a.icon_button, 
button.icon_button                                              { background-repeat: no-repeat; background-position: 5px center;padding-left: 35px;}
input.icon_button_without_text, 
a.icon_button_without_text, 
button.icon_button_without_text                                 { border-radius:16px; background-position: 1px center;background-repeat: no-repeat; height:16px; width:16px;display:inline-block;}
.button_green                                                   { background-color: #AAFFAA; }
.button_red                                                     { background-color: #FFAAAA; }
.button_blue                                                    { background-color: #DFDFFF; }
.icon_add                                                       { background-image: url('images/add.png'); }
.icon_minus                                                       { background-image: url('images/minus.png'); }
.icon_save                                                      { background-image: url('images/save.png'); }
.icon_cancel                                                    { background-image: url('images/cancel.png'); }
.icon_edit                                                      { background-image: url('images/edit.png'); }
.icon_delete                                                    { background-image: url('images/delete.png'); }
.icon_back                                                      { background-image: url('images/back.png'); }
.icon_next                                                      { background-image: url('images/next.png'); }
.icon_search                                                    { background-image: url('images/search.png'); }
.icon_camera                                                    { background-image: url('images/camera.png'); }
.icon_question                                                  { background-image: url('images/questionmark.png'); }
.icon_mail                                                      { background-image: url('images/mail.png'); }
.icon_flag                                                      { background-image: url('images/flag.png'); }
.icon_upload                                                    { background-image: url('images/upload.png'); }
.icon_special                                                   { background-image: url('images/favs.addto.png'); }
.icon_print                                                     { background-image: url('images/print.png'); } 
.icon_download                                                  { background-image: url('images/download.png'); } 
.icon_rule                                                      { background-image: url('images/rule.png'); } 
.icon_parent                                                    { background-image: url('images/parent.png'); } 
.icon_send                                                      { background-image: url('images/mail.png'); } 
.icon_bell                                                      { background-image: url('images/bell.png'); } 
.icon_revisar                                                      { background-image: url('images/revisar.png'); } 
.icon_check                                                      { background-image: url('images/check.png'); }
.icon_print_tc                                                     { background-image: url('images/print.png'); }  








  
.button_num_top                                                 { margin: 0 5px; }
.button_num_top span                                            { border: 1px solid #FFF; border-radius: 15px 15px 15px 15px;display: inline-block;
                                                                  color: #FFF; margin: -5px 0 0 20px; padding: 0 5px 2px; position: absolute; }

/* ********************************************************************************************************************** */
/* MENU NAVEGACIÓN Y CABECERA ******************************************************************************************* */
/* ********************************************************************************************************************** */
header                                                          { }
nav                                                             { display:block; }
#menu                                                           {  background-color: #FFFFFF; color: #000000; display: block; font-weight:bold;
                                                                   left: 5px; right: 5px; z-index: 2; text-transform:uppercase; border-bottom:1px solid #000; padding:0.2rem 0 0 0;}
#menu li                                                        { border-right:1px solid #000;}
#menu #extended_li,
#menu #logo_li                                                  {display:none;}
#menu li a                                                      { color:inherit;}
#menu.fxd                                                       { background-color: #E8E8E8; color: #000; padding: 0 5px; text-transform: uppercase; font-weight:lighter; }
#menu.fxd a                                                     {}
#menu.fxd a.extra_data                                          {margin: 0rem 1rem; padding: 0 0.5rem;}
#menu.fxd #extended_li,
#menu.fxd #logo_li                                              {border-right: medium none; display: inline-block; text-transform: lowercase;}


#content_busqueda_inline                                            { margin:0.5rem 0; padding: 1.5rem 0;text-align: center; display:none;color:#000; text-transform:lowercase;}
#content_busqueda_inline form h3                                    { display:inline-block;}
#content_busqueda_inline form .body_content_busqueda_inline         { display:inline-block; margin:0 15px;}
#content_busqueda_inline form .body_content_busqueda_inline input   { background-position: right center; width: 100px; margin: 0 15px 0 0; background-image: url('img/date.png');
                                                                      background-repeat: no-repeat;cursor:pointer;}
#content_busqueda_inline form img                               { margin:0px 5px;}
#content_busqueda_inline form button                            { border:0.5px solid #000; padding: 6px 10px; cursor:pointer;}
#menu.fxd #content_busqueda_inline                              { box-shadow:0px 2px 5px #888888; left: 5px; position: fixed; right: 5px; top: 23px; background-color:#FFF;}


#content_busqueda_inline .page_prev span:active,
#content_busqueda_inline .page_next span:active                 { background-color:#FFF; color:#000;}




/* ********************************************************************************************************************** */
/* LAYOUT PAGE ********************************************************************************************************** */
/* ********************************************************************************************************************** */
#page                                                           { width:1010px; margin:auto;margin: 55px auto 50px; }
fieldset                                                        { border: 1px dotted #151515; padding:10px;  }
fieldset legend                                                 { font-size: 1.5rem; padding: 0 50px 0 10px; }
#info_extra_formulario                                          { font-style:oblique;margin: 0 0px 5px 10px;}


/* ********************************************************************************************************************** */
/* TABLAS ********************************************************************************************************** */
/* ********************************************************************************************************************** */
table                                                           { }
table tr th                                                     { }
table tr td                                                     { padding:0 10px 0 5px; text-align:center;}


/* ********************************************************************************************************************** */
/* LISTAS DE TABLAS ***************************************************************************************************** */
/* ********************************************************************************************************************** */
.titulos_listado                                                { text-transform:uppercase;}
.lista_elementos_tabla                                          {border-bottom: 1px solid #000; }
.lista_elementos_tabla li                                       {}
.lista_elementos_tabla li .td                                   { display: inline-block; margin: 5px 5px; float:left; }
.lista_elementos_tabla li .td strong                            {  }
.lista_elementos_tabla li .td_50                                { width:50px; }
.lista_elementos_tabla li .td_40                                { width:40px; }
.lista_elementos_tabla li .td_80                                { width:80px; }
.lista_elementos_tabla li .td_100                               { width:100px; }
.lista_elementos_tabla li .td_150                               { width:150px; }
.lista_elementos_tabla li .td_199                              { width:199px; }
.lista_elementos_tabla li .td_200                               { width:200px; }
.lista_elementos_tabla li .td_250                               { width:250px; }
.lista_elementos_tabla li .td_300                               { width:300px; }
.lista_elementos_tabla li .td_350                               { width:350px; }
.lista_elementos_tabla li .td_400                               { width:400px; }
.lista_elementos_tabla li .td_450                               { width:450px; }
.lista_elementos_tabla li .td_500                               { width:500px; }
.lista_elementos_tabla li .td_600                               { width:600px; }
.lista_elementos_tabla li .td_700                               { width:700px; }
.lista_elementos_tabla li .td_800                               { width:800px; }
.lista_elementos_tabla li .td_850                               { width:850px; }
.lista_elementos_tabla li .td_890                               { width:890px; }
.lista_elementos_tabla li .td_900                               { width:900px; }

.sortable li                                                    { cursor: move;}
.sortable li .content_li_item                                   { width: 100%; padding:10px 0 0 0;}

.li_short_anidado                                               { display: inline-block; width:100%; padding: 5px 0 0 0;}

.tongle_item                                                    { display: inline-block; width: 98%;}
.tongle_item .tongle_title                                      { background-position: right center; cursor: pointer; text-align: right; background-image: url('images/aloneoverflowdots.png');
                                                                  background-repeat: no-repeat; padding: 3px 30px; border-bottom: solid 1px #000;
                                                                  border-bottom-color: #999999; }
.tongle_item .tongle_content                                    { display: block;  border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;}

.estado_elemento_lista                                          { display: inline-block; float: left; margin: 9px 0; padding: 5px;}
.estado_elemento_lista.estado_lista_true                        { background-color: red;}
.estado_elemento_lista.estado_lista_false                       { background-color:  green; }


/* ********************************************************************************************************************** */
/* GESTIÓN DE FORMULARIOS *********************************************************************************************** */
/* ********************************************************************************************************************** */
input[type="text"]                                              { width:99%; }
input[type="password"]                                              { width:99%; }

textarea                                                        { width:99%; }
select                                                          { width:99%; }

#contendor_formulario                                           {}
#contendor_formulario .editor-label                             {width:172px;margin:1px;font-weight:bold;}
#contendor_formulario .ayuda_editor_label                       { display: block; font-weight: lighter; font-size: 0.7rem; font-style: oblique;
                                                                  color:#909090; }
#contendor_formulario .editor-field                             {width:235px;margin:1px;}
#contendor_formulario .editor-field input                       {margin:0;}
#contendor_formulario .editor-field-full                        { width:762px;margin:1px;}
#contendor_formulario .field-validation-error                   { color: #D50000; font-style: oblique; padding:0px 5px; display:block; }
#contendor_formulario .input-validation-error                   { border:solid red 2px;}

#contendor_formulario .ui-widget
{
    font-size:0.8rem;
}

#contendor_formulario .ui-tabs .lista_elementos_tabla li .td_890
{
    width:840px;
}

#contendor_formulario .ui-tabs .editor-field
{
    width: 225px;
    padding: 0 1rem 0 0;
}


#contendor_formulario .ui-tabs .content_especial_offer
{
    margin:0px;
}

/*
.ui-timepicker-minutes table tr td,
.ui-timepicker-hours table tr td {
    padding: 0.3rem;
    text-align: center;
    cursor:pointer;
}
*/




/* ********************************************************************************************************************** */
/* GESTIÓN DEL MENÚ DE IDIOMAS ****************************************************************************************** */
/* ********************************************************************************************************************** */

#menu_idiomas                                                   { padding: 0 10px;  }
#menu_idiomas.hide                                              { top:-15px; }
#menu_idiomas #btn_to_close_idiomas                             {}
#menu_idiomas ul                                                {text-decoration:none;}
#menu_idiomas ul li                                             {text-decoration:none; list-style:none; display:inline-block; margin:0 2px;}
#menu_idiomas ul li img                                         { margin: 0 5px;}
#menu_idiomas ul li.active_flag                                 { background-color: #FFFFFF; border-top: 3px solid #000000; border-left: 3px solid #000000;
                                                                  border-right: 3px solid #000000; padding: 0 20px;}
#menu_idiomas ul li.active_flag img                             {padding: 0 5px; width: 40px; }
#menu_idiomas .texto_idioma                                     {position: relative; top: -10px; color:#373737;}
#menu_idiomas ul li.active_flag .texto_idioma                   { font-size: 1.2rem; font-weight: bold; }


/* ********************************************************************************************************************** */
/* CONENEDOR DE NOTIFICACIONES ****************************************************************************************** */
/* ********************************************************************************************************************** */
#contenedor_notificaciones                                      { background-position: 10px center; bottom: 0; left: 0; padding: 20px 10px 20px 50px;
                                                                  position: fixed; right: 0; z-index: 9; background-color: #63B5FF;
                                                                  background-image: url('images/i.png'); background-repeat: no-repeat; }
#contenedor_notificaciones ul li                                { margin:5px; }
#contenedor_notificaciones #close_pnl_notificaciones            { cursor:pointer; position:absolute; top:0px; right:10px;}
#form_to_search                                                 { background: none repeat scroll 0 0 #FFFFFF; padding: 25px 30px; position: fixed; width: 300px; 
                                                                  right: -350px;}
#form_to_search.open                                            { right: 0; }
#form_to_search #button_to_close_search                         { background-position: left center; background-repeat: no-repeat; padding: 80px 12px; position: absolute; top: 0;
                                                                  cursor: pointer;left: 0;}
#form_to_search #button_to_close_search                         { background-image: url("images/bt_search.png"); }
#form_to_search.open #button_to_close_search                    { background-image: url("images/next.png"); padding: 30px 12px; }


/* PANEL DE EXTRAS ********************************************************************************************************** */
#pnl_extras_ocultos                                             { display:none; }
.imagenes_habitaciones                                          { text-align:center; float: left; margin: 5px; padding: 0 10px 2px 5px; width: 155px; height:155px; cursor:move;}
.primera_opcion                                                 { background: url("images/check.png") no-repeat scroll left top #A1FFA0; }
.img_list                                                       { margin: 5px 0 5px; height: 107px;}
.img_label_titulo{}
.img_titulo{}
.img_label_descripcion{}
.img_descripcion{}
.progressbar                                                    { width:770px; float:left;}

/* PANEL DE BÚSQUEDA ********************************************************************************************************** */
#buscar_content                                                 { position: fixed; top: 79px; right: 5px; padding: 10px; border-left: 1px solid #E0E0E0;
                                                                  border-bottom: 1px solid #E0E0E0; background-color: #E0E0E0; display: none; border-bottom-color: #333333;
                                                                  border-left-color: #333333; width:220px;  }
#buscar_content h3                                              { padding:0 0 0 10px;}                                                                  
#buscar_content .body_bucar_content                             { padding:0 5px;}
#buscar_content.fxd                                             { top: 30px;}
#buscar_content input                                           { display:block; margin:5px 0; width:100%;}
#buscar_content button                                          { float:right; display:block; margin:10px 0 0 0; padding:10px; border:1px solid #000;
                                                                  cursor:pointer; }



.cuerpo_detalle_reserva                                         { background-color: #EFEFEF; display: block; margin: 0.5rem; padding: 0.1rem 1rem 1rem 1rem;}
.cuerpo_detalle_reserva .square_content_detalle_reserva         { width:50%; float:left;}
.cuerpo_detalle_reserva .square_content_detalle_reserva h4      { margin:1rem;}
.cuerpo_detalle_reserva .square_content_detalle_reserva .content_datos_cuerpo_detalle_reserva
                                                                { margin:0.2rem;}
.table_row_reserva
{
    background-color: #95FA8F;
}
.reserva_cancelada                                              { background-color: #FFAEAE;}
.reserva_totales                                                { background-color:inherit;}

#content_reservas_tabla .ui-state-default, 
#content_reservas_tabla .ui-widget-content #content_reservas_tabla .ui-state-default, 
#content_reservas_tabla .ui-widget-header #content_reservas_tabla .ui-state-default{}
.table_row_reserva_result                                       { font-size:1rem; padding:1rem; margin:0.5rem;}
.table_row_reserva_result strong                                { font-size:1.2rem;}



.col_precio                                                     { float:left; text-align:center; border:solid 1px #000; padding:0.2rem;}
.col_precio .dia                                                { padding-bottom:0.2rem; border-bottom:1px dotted #000; }
.titulo_buscar_contenedor_busqueda                              { font-size:1.5rem;    text-transform:uppercase; padding:auto 3rem; display:inline-block;}
.page_prev, .page_next                                          { margin: auto 2rem; color: #666666;}


/* CREACIÓN DE LA LEYENDA */
.content_leyenda_part                                               { float:left; width:50%;}
.content_item_leyenda                                               { padding:0.2rem;}
.content_item_leyenda .content_legend                               { display: inline-block; margin: 0 0.5rem; padding: 0.3rem 1rem;}
.content_item_leyenda .text_with_icon                               { display: inline-block; margin: 0.2rem;}
.content_item_leyenda img                                           { float:left; display:inline-block; margin:0 0.5rem; }
#nota_claratoria                                                    { font-size: 0.8rem;font-style: oblique;margin: 3rem 0 0;}
#explica_funcionamiento_autogestión                                 {margin:0.5rem;}
.validation-summary-errors                                          {color:Red;font-size:1rem;border:solid red 1px;padding:1rem;margin:1rem;}

#extra_controls                                                     {text-align:right;}
#extra_controls a                                                   {display:inline-block; padding:0.5rem; }

/* GESTION DE LOS CONTENEDORES ESPCIALES PARA LAS OFERTAS*/
.content_especial_offer                                             {margin:3rem 0.5rem;}
.content_especial_offer h4                                          { font-size:1rem;}
.icon_oferta_especial                                               { float:left; margin: 0px -30px; width:30px;}
.content_alojamiento_disponible h2                                  {background-color:Gray;}
.content_alojamiento_disponible                                     { margin:2rem 0; padding:1rem;}


/* GESTIÓN DE LAS RESERVAS DIRECTAS POR LA WEB */
.precio_medio_tarifa_stroke                                         { text-decoration: line-through;}
.editor-label                                                       { display:block; margin-top: 1rem;}
.field-validation-error                                             {font-size: 0.8rem;color: Red;font-style: oblique;}

/* RESUMEN DE RESERVA */
.resumen_reserva                                                    { background-color: #F0F0F0; padding: 0.5rem; margin: 0.5rem 0;}
.resumen_reserva h5                                                 { font-size: 1.25rem; font-style: oblique; font-weight: normal;}
.resumen_reserva .precio_resumen                                    { float:right; font-size:1.25rem; font-weight:bold;}
.resumen_reserva .conten_elem_resumen                               { margin:0.5rem;}

/* CONDICIONES ESPECIALES 
Establece las condiciones especiales por tarifa localizada.
*/
.condiciones_especiales                                             { float:right; background-color:#FFF; width:95%; margin-bottom:0.5rem;}
.condiciones_especiales h4                                          { border-bottom:solid 0.2rem #000; padding:0.5rem;}
.condiciones_especiales .item_condicion                             { border-bottom: solid 0.1rem #000; padding:0.5rem 0.5rem 1rem 0.5rem;}
.condiciones_especiales .item_condicion a                           { margin-top:0; margin-bottom:0;}

/* División en columnas */
#contendor_formulario .columna_50                                   { width:45%; margin:0.5rem; float:left; }
#contendor_formulario .columna_50 .editor-label                     { width:100px;}
#contendor_formulario .columna_izquierda                            {}
#contendor_formulario .columna_derecha                              {}

/* Bono Reserva */
#bono_reserva                                                       {  }
#bono_reserva h2                                                      
{
    margin:0.5rem 0;
    font-size:1.5rem;
}
#bono_reserva table td
{
    border:solid 1px #000;
    padding:0.2rem;
}

#bono_reserva #precio_total_reserva
{
    font-size:1rem;
    font-weight:bold;
}

#bono_reserva #condiciones_reserva
{
    font-size:0.8rem;
}



#bono_reserva .editor-label
{
    font-weight:normal;
}
#bono_reserva .editor-field
{
    font-weight:bold;
}



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

.tbl_sin_disponibilidad tr, 
.tbl_sin_disponibilidad td, 
.tbl_sin_disponibilidad th 
{
    border:1px solid #000;
    width:0;
    height:0;
    padding:0px;
}

.th_item_data
{
    width:200px;
    background-color:Blue;
}


/* GESTIÓN DE EXTRAS */
.row_extras                                                                             { padding: 2rem 0;}
.row_extras .content_extra_row                                                          { padding: 1rem; background-color: #EEEEEE;}
.row_extras .content_extra_row:hover                                                    { background-color: #FFF; }
.cantidad_elementos                                                                     { width:100px;}
.ddl_cantidad_elementos                                                                 { width:60px;}


.topten-content
{
    background-position: -3px center;
    padding: 0.5rem;
    position: fixed;
    top: 8rem;
    background-color: Black;
    color: #FFF;
    text-align: center;
    width: 200px;
    background-image: url('images/back.png');
    background-repeat: no-repeat;
    right: -200px;
	 -webkit-transition: right 1s; /* Safari */
    transition: right 1s;
}

.topten-content:hover 
{
    right: 0px;
}

.padding_20 {
	padding: 0 20px 30px 20px;
}

.width_20prc 
{
    width: 20%;
    float:left;
}
.width_80prc 
{
    float:left;
    width: 80%;
}



/* ************************************************************************************************************
 * GESTIÓN DE LA TABLA DE RESERVAS
*************************************************************************************************************** */
#tabla_reservas {
	width: 100%;
}

#tabla_reservas thead {
	background-color: #CCC;
}


#tabla_reservas tr {
    border:solid 1px #000;
    padding: 1rem;
}

#tabla_reservas tr td {
    padding: .5rem;
}





#tabla_reservas tr th {
    padding: 1rem;
}

.resumen_compra  strong{
	font-size: 1.2rem;
}

.padding_05_rem {
	padding: 0.5rem;
}

/* =============================================================================================================================
TABLA DE RESERVAS
============================================================================================================================= */
.tabla-reservas {
    width:100%;
    padding: 0;
}

.tabla-reservas tr.top
{
    border-top: solid 1px #000;
    padding-top:1rem;
}


.tabla-reservas tr.bottom
{
    border-bottom: solid 1px #000;
}





.tabla-reservas th {
    background-color: #CCC;	
    padding: 1rem;
    border: solid 1px #000;
}
.tabla-reservas td {
    padding: 0.3rem;
    vertical-align: middle;
}


.tabla-reservas td.reservas_totales_resumen  {
    padding: 1rem;	
}