﻿/******************************************************************************
 * ShowDialog
 ******************************************************************************/
.contenedor_showDialog
{
    padding-left: 10px;
    padding-top: 10px;
    background-color: #f1f1f1;
}

/******************************************************************************
 * Base
 ******************************************************************************/
body { margin:0px 0px 0px 0px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-image:url(fondo_web_gvft.gif)}
textarea { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

/******************************************************************************
 * Master
 ******************************************************************************/

table.fondo
{
    background-image: url(fondo_web_gvft.gif);
    background-repeat: repeat-x;
    color: #ffffff;
    font-size:10px;
}
table.pie
{
    background-image: url(degradado_inferior.jpg);
    background-repeat: repeat-y;
    background-color: #343434;
    width: 100%;
    height: 31px;
}
td.cabecera
{
    
    height: 130px;
    background-repeat: repeat-x;
}
.logo
{
    width: 301px;
    height: 130px;
}
td.contenido
{
    width: 950px;
    background-color: #f1f1f1; 
    
}
.div_contenido
{
    font-size: 11pt;
    width: 950px;
    float: left;
    color: #666666;
    margin: 10px 0px 10px 0px;       
    min-height: 355px;
}
.div_contenido_int
{
    padding-right: 20px;
    padding-left: 20px;
}
.div_superior_interior
{
    padding-top: 20px;
}

.titulo_pag
{
    background-image: url(barra_gris.jpg);
    height: 28px;
    background-repeat: repeat-x;
    color: #005079;
    font-size: 11pt;
    text-transform: uppercase;
    padding-top: 2px;
    padding-left: 10px;
    width: 940px;
}
.esquina_titulo
{
    background-image: url(esquina_gris.jpg);
    height: 28px;
    width: 10px;
    background-repeat: no-repeat;
    font-size: 4px;
}

a.pie {    color: #ffffff;    text-decoration: none;}
a.pie:visited {    color: #ffffff;    text-decoration: none;}

.menu_idiomas
{
    height: 18px;
    text-align: right;
    font-size: 11px;
    padding-right: 15px;
    padding-top: 5px;
}
.menu_publico
{
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 18px;
}
.menu_interior
{
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;   
}
a.idioma
{
    color: #ffffff;
}
a.idioma:visited
{
    color: #ffffff;
}

a.menu_interior{text-decoration: none;color: #666666;}
a.menu_interior:hover
{
    text-decoration: none;
    color: #005079;
}
a.menuPrincipal{text-decoration: none;color: #ffffff;}
.fondo_menu_principal
{
    height: 487px;
    background-image: url(fondo_portada.jpg);
    width: 950px;
    background-repeat: no-repeat;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -12px;
}
.menu_principal
{
    padding-left: 60px;
    height: 370px;
    color: #ffffff;
}
.titulo_menu_principal
{
    color: #ffffff;
    padding-top: 40px;
    font-weight: bold;
    padding-left: 40px;
    font-size: 14px;
}
/******************************************************************************
 * Login
 ******************************************************************************/
a.NoTengoClavesAcceso
{
    color: #005079;
    text-decoration: none;
}
div.SolicitarClaves
{
    border-right: #696969 1px solid;
    padding-right: 20px;
    border-top: #696969 1px solid;
    padding-left: 20px;
    padding-bottom: 20px;
    border-left: #696969 1px solid;
    padding-top: 10px;
    border-bottom: #696969 1px solid;
    
    margin-bottom: 10px;
}
div.RecordarClaves
{
    border-right: #696969 1px solid;
    padding-right: 20px;
    border-top: #696969 1px solid;
    padding-left: 20px;
    padding-bottom: 20px;
    border-left: #696969 1px solid;
    padding-top: 10px;
    border-bottom: #696969 1px solid;
    
    margin-bottom: 20px;
}
div.tituloLogin
{
    font-weight: bold;
    font-size: 13pt;
    height: 40px;
}
div.subtituloLogin
{
    font-weight: bold;    
    height: 40px;
}
.div_login
{
    height: 150px;
    padding-top: 20px;
}
.div_login_error { padding-bottom:10px; }
.lbl_login_error { color:#FF0000;}

.div_entrar {  }
.lbl_login { color:#005079;font-weight:bold; font-size: 11px; }

.txt_login { border:solid 1px #333333; width:200px; padding-top:2px; padding-bottom:2px; }
.btn_login
{
    background-color: #272727;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    width: 148px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-right: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
    border-bottom: #c0c0c0 1px solid;
}
.div_PedirClavesAcceso{font-weight: bold;}

/******************************************************************************
 * Contenido
 ******************************************************************************/
.pregunta_usuario
{
    font-size: 11pt;
    text-transform: uppercase;
    font-weight: bold;
}
.si
{
    border-right: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
   
    color: #ffffff;
    border-bottom: #c0c0c0 1px solid;
   
    background-color: #272727;
    text-decoration: none;
    padding-right: 13px;
    padding-left: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.no
{
    border-right: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
   
    color: #ffffff;
    border-bottom: #c0c0c0 1px solid;
   
    background-color: #005079;
    text-decoration: none;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.bloque_resaltado
{
    width: 90%;
    color: #ffffff;
    background-color: #005079;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.div_boton_enlace_bot_muy_peq
{
    background-image: url(img/gv/boton_01.jpg);
    color: #ffffff;    
    padding-bottom: 1px;
    padding-top: 4px;
    text-align: center;
    font-size: 10px;
    height: 21px;
    background-repeat: no-repeat;
    width: 45px;
}
.div_boton_enlace_bot_peq
{
    background-image: url(img/gv/boton_02.jpg);
    color: #ffffff;    
    padding-bottom: 1px;
    padding-top: 4px;
    text-align: center;
    font-size: 10px;
    height: 21px;
    background-repeat: no-repeat;
    width: 88px;
}
.div_boton_enlace_bot_med
{
    background-image: url(img/gv/boton_03.jpg);
    color: #ffffff;   
    padding-bottom: 1px;
    padding-top: 4px;
    text-align: center;
    font-size: 10px;
    height: 21px;
    background-repeat: no-repeat;
    width: 118px;
}
.div_boton_enlace_bot_grande
{
    background-image: url(img/gv/boton_04.jpg);
    color: #ffffff;   
    padding-bottom: 1px;
    padding-top: 4px;
    text-align: center;
    font-size: 10px;
    height: 21px;
    background-repeat: no-repeat;
    width: 153px;
}
.div_boton_enlace_bot_muy_grande
{
    background-image: url(img/gv/boton_05.jpg);
    color: #ffffff;   
    padding-bottom: 1px;
    padding-top: 4px;
    text-align: center;
    font-size: 10px;
    height: 21px;
    background-repeat: no-repeat;
    width: 174px;
}
.div_boton_enlace_bot_xl
{
    background-image: url(img/gv/boton_06.jpg);
    color: #ffffff;   
    padding-bottom: 1px;
    padding-top: 4px;
    text-align: center;
    font-size: 10px;
    height: 21px;
    background-repeat: no-repeat;
    width: 260px;
}
.div_boton_web_cam
{
    background-image: url(img/gv/boton_webcam_01solo.jpg);
    color: #ffffff;
    padding-bottom: 1px;
    padding-top: 4px;
    font-size: 10px;
    height: 22px;
    background-repeat: no-repeat;
    width: 182px;
    padding-left: 7px;
    margin-top: 10px;
}
a.bonton_enlace_bot
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
a.bonton_enlace_bot:visited
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
a.bonton_enlace_bot:hover
{
    color: #ff8c00;
    text-decoration: none;
    font-weight: bold;
}
.div_boton_enlace
{
    color: #ffffff;
    background-color: #cdd9df;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 7px;
    padding-top: 7px;
    border-right: #808080 1px solid;
    border-top: #808080 1px solid;
    border-left: #808080 1px solid;
    border-bottom: #808080 1px solid;
    text-align: center;
    font-size: 12px;
}
a.bonton_enlace
{
    color: #005079;
    text-decoration: none;
    font-weight: bold;
}
a.bonton_enlace:visited
{
    color: #005079;
    text-decoration: none;
    font-weight: bold;
}
a.bonton_enlace:hover
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

/******************************************************************************
 * Recordar clave
 ******************************************************************************/

.div_intro1_recordarclave {  }
.div_intro2_recordarclave { margin-top:15px; }
.div_intro3_recordarclave { margin-top:15px; }
.div_intro4_recordarclave
{
    margin-top: 15px;
    margin-bottom: 30px;
}
.lbl_recordarclave {  }

a.lnk_recordarclave:link { color:#872D71; text-decoration:none; }
a.lnk_recordarclave:visited { color:#872D71; text-decoration:none; }
a.lnk_recordarclave:active { color:#872D71; text-decoration:none; }
a.lnk_recordarclave:hover { color:#872D71; text-decoration:underline; }

/******************************************************************************
 * Solicitar claves
 ******************************************************************************/

.intro_solicitarclaves {  }
.div_intro_solicitarclaves { margin-bottom:20px; margin-right:100px; }
.table_solicitarclaves { margin-left:25px; }

.td_enviar_solicitarclaves { padding-left:230px; padding-top:20px; padding-bottom:20px; }

/******************************************************************************
 * Listado Integrantes
 ******************************************************************************/
.listado_integrantes
{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12px;
}
.nombre_campo
{
    font-weight: bold;
    color: #005079;
}

/******************************************************************************
 * Valoracion forfait
 ******************************************************************************/
.valoracion_forfait{ font-size: 12px;}
.cabecera_valoracion
{
    border-right: #696969 1px solid;
    padding-right: 10px;
    border-top: #696969 1px solid;
    padding-left: 30px;
    padding-bottom: 15px;
    border-left: #696969 1px solid;
    padding-top: 15px;
    border-bottom: #696969 1px solid;
    background-color: #cdd9df;
    margin-top: 10px;
    margin-bottom: 20px;
   
}

td.titulo_producto
{
    background-color: #005079;
    height: 22px;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    
}
.precio_producto
{
    font-weight: bold;
    font-size: 14px;
}

/******************************************************************************
 * Control Reservas Listado
 ******************************************************************************/

.tablaReservas  { font-size:12px; padding-bottom:5px; margin-bottom:6px; color:#3F3F3F; text-decoration:none;}

.lbl_datos_reserva{font-size:100%;color:#3F3F3F;font-weight:normal;text-decoration:none;}


/******************************************************************************
 * Control ReservaCabeceraServicio
 ******************************************************************************/
.div_Servicio_Forfait{font-size: 12px;}
.txt_reserva_cabecera_servicio_titulo {}
.txt_reserva_cabecera_servicio_importe {  }
.div_Servicio_Forfait_forfait
{
    font-weight: bold;
    font-size: 12px;
}
.div_Servicio_Forfait_seguro{
    font-weight: bold;
    
}
.div_Servicio_Forfait_add_seguro
{
    margin-top: 15px;
    
}

.td_linea
{    
    border-bottom: #cdd9df 1px solid;
    padding-bottom: 5px;
    padding-top: 5px;
}
.div_Servicio_Forfait_Total
{
    margin-top: 5px;
}
.td_DescPrecioTotal
{
    background-color: #cdd9df;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-right: 5px;
}
.td_PrecioTotal
{
    color: #ffffff;
    background-color: #005079;
    font-weight: bold;
    padding-right: 5px;
    width: 100px;
}


/******************************************************************************
 * Control ReservaContinuar
 ******************************************************************************/

.div_reserva_continuar
{
    clear: both;
    float: left;
    height: 25px;
    background-color: #005079;
    color: #ffffff;
    font-weight: bold;
    width: 760px;
    margin-right: 5px;
    padding-top: 7px;
    padding-right: 10px;
    text-align: right;
}
.lbl_reserva_continuar {  }
.importe_reserva_continuar
{
    
}


/******************************************************************************
 * Control ReservaConfirmar
 ******************************************************************************/

.div_reserva_confirmar
{
    clear: both;
    float: left;
    height: 25px;
    background-color: #005079;
    color: #ffffff;
    font-weight: bold;
    width: 99%;
    margin-right: 5px;
    padding-top: 7px;
    padding-right: 10px;
    text-align: right;
}
.div_reserva_condiciones_generales
{
    clear: both;
    float: left;
    width: 765px;
    height: 30px;
    line-height: 28px;
    margin-top: 5px;
    text-align: right;
    padding-right: 10px;
}
.lbl_reserva_confirmar {  }
.importe_reserva_confirmar {  }
.lbl_condiciones_generales { }

a.lnk_condiciones_generales:link {  color:#005079; text-decoration:underline; }
a.lnk_condiciones_generales:visited {  color:#005079; text-decoration:underline; }
a.lnk_condiciones_generales:active {  color:#005079; text-decoration:underline; }
a.lnk_condiciones_generales:hover {  color:#005079; text-decoration:underline; }

.val_conf_reserva
{
    color: #ff0000;
    font-weight: bold;
    padding: 2px;
}

/******************************************************************************
 * Control ReservaFicha
 ******************************************************************************/

.div_gris_claro { border:solid 6px #EFEFEF;}
.ficha_reserva_th_a
{
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 11px;
    font-weight: bold;
    background-color: #cdd9df; 
}
.ficha_reserva_td_a { padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px; font-size: 11px; font-weight: normal; color: #333333; background-color: #E7E7E7; border: 1px solid #E7E7E7;}

.linkBlanco:link    {font-size:100%; color: #FFFFFF; text-decoration:none; font-weight:bold; width:100%; height:100%;}
.linkBlanco:visited {font-size:100%; color: #FFFFFF; text-decoration:none; font-weight:bold; width:100%; height:100%;}
.linkBlanco:active 	{font-size:100%; color: #FFFFFF; text-decoration:none; font-weight:bold; width:100%; height:100%;}
.linkBlanco:hover 	{font-size:100%; color: #FFFFFF; text-decoration:underline; font-weight:bold; width:100%; height:100%;}

.linkGris:link      {font-size:100%; color: #999999; text-decoration:none; font-weight: bold; width:100%; height:100%;}
.linkGris:visited 	{font-size:100%; color: #999999; text-decoration:none; font-weight:bold; width:100%; height:100%;}
.linkGris:active 	{font-size:100%; color: #999999; text-decoration:none; font-weight:bold; width:100%; height:100%;}
.linkGris:hover 	{font-size:100%; color: #999999; text-decoration:none; font-weight:bold; width:100%; height:100%;}

.BotonAzul{background-image:url('img/Iconos/boton_azul_col.jpg'); border:solid 1px #333334; vertical-align: middle; text-align: center; height:16px; width:220px; padding-top: 4px; padding-bottom:4px;}
.BotonGris{background-image:url('img/Iconos/boton_gris_col.jpg'); border:solid 1px #CECECE; vertical-align: middle; text-align: center; height:16px; width:120px; padding-top: 4px; padding-bottom:4px;}
.BotonRojo{background-image:url('img/Iconos/boton_rojo_col.jpg'); border:solid 1px #333334; vertical-align: middle; text-align: center; height:16px; width:120px; padding-top: 4px; padding-bottom:4px;}
.BotonNaranja{background-image:url('img/Iconos/boton_naranja_col.jpg'); border:solid 1px #333334; vertical-align: middle; text-align: center; height:16px; width:120px; padding-top: 4px; padding-bottom:4px;}
.BotonVerde{background-image:url('img/Iconos/boton_verde_col.jpg'); border:solid 1px #333334; vertical-align: middle; text-align: center; height:16px; width:120px; padding-top: 4px; padding-bottom:4px;}

.ficha_reserva_titulo_forma_pago { font-size:110%; color:#1C546D; }
.ficha_reserva_texto_forma_pago { font-size:100%; color:#1C546D; }
.ficha_reserva_titulo_seleccion_forma_pago { font-size:130%; color:#1C546D; }



.div_caja_ficha
{
    padding:5px;
    border-left: #E7E7E7 1px solid;
    border-right: #E7E7E7 1px solid;
    border-bottom: #E7E7E7 1px solid;
    border-top: #E7E7E7 1px solid;
}

/******************************************************************************
 * Control Incidencia
 ******************************************************************************/

.div_incidencia
{      
    margin: 16px;
    padding: 16px;
   
}
.div_incidencia_td { background-color:#E6E6E6; padding:15px; }
.td_incidencia_titulo
{
    padding-right: 0px;
    padding-top: 10px;
}
.div_incidencia_titulo
{
    background-image: url(img/gv/d_tit_error.jpg);
    color: #ffffff;
    background-repeat: repeat-y;
    height: 28px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 18px;
    padding-right: 0px;
    padding-left: 16px;
    padding-bottom: 6px;
    padding-top: 10px;
}


.incidencia_titulo
{     
    font-size: 18px;    
}

.div_incidencia_descripcion
{
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.incidencia_descripcion
{  
    font-size: 13px;
   
}

.incidencia_boton
{
    background-color: #666666;
    border: solid 1px #333333;
    color: #FFFFFF;
    height: 25px;
    width: 105px;
    font-size: 11px;
}

.div_incidencia_img{}
.div_incidencia_cont{}

/******************************************************************************
 * Control ReservaFin
 ******************************************************************************/

.td_reserva_fin_titulo
{
     padding-right: 0px;
    padding-top: 10px;}
    
    .div_reserva_fin_titulo
{
    background-image: url(img/gv/d_tit_ok.jpg);
    color: #ffffff;
    background-repeat: repeat-y;
    padding: 6px 0px 6px 16px;
    height: 28px;
    margin-left: 0px;
    margin-right: 0px;
}
.div_reserva_fin { }

.div_reserva_fin_tit{background-color:#3E1434;height:30px;width:100%;padding:10px 0px 0px 10px;}
.lbl_reserva_fin_tit {  }

.lbl_reserva_fin_loc { font-size:18px; font-weight:bold; }

.div_reserva_fin_txt{margin-top:12px;}
.lbl_reserva_fin { font-size:13px; }

a.lnk_reserva_fin:link { font-size:13px; font-weight:bold; text-decoration:underline; }
a.lnk_reserva_fin:visited { font-size:13px; font-weight:bold; text-decoration:underline; }
a.lnk_reserva_fin:active { font-size:13px;  font-weight:bold; text-decoration:underline; }
a.lnk_reserva_fin:hover { font-size:13px; font-weight:bold; text-decoration:underline; }

.lbl_reserva_fin_tel { color:#7E2B69; font-size:200%; font-weight:bold; }
.div_reserva_fin_tel { border:solid 1px #7E2B69; background-color:#FFFFFF; padding:10px; width:200px; height:30px; text-align:center; }

/******************************************************************************
 * Control Error
 ******************************************************************************/

.errorGeneral
{
    border: 1px solid #3D1433;
    padding: 16px;
    height: 324px;
    width: 800px;
    background-color: #f1f1f1;
    text-align: left;
}
.errorLogo{background-repeat:no-repeat;background-position:left top;padding-top:20px;}
.errorFondo{background-repeat:no-repeat;width:484px;height:29px;padding-top:4px;font-size:20px;font-weight:bold;}
.errorTexto{margin-top:16px;font-size:13px;font-weight:bold;}
.errorBotones{margin-top:32px;margin-bottom:6px;}

.div_error_link{width:125px;height:20px;text-align:center;}
.error_link:link{color:#3D1433;font-size:11px;font-weight:bold;text-decoration:none;}
.error_link:active{color:#3D1433;font-size:11px;font-weight:bold;text-decoration:none;}
.error_link:visited{color:#3D1433;font-size:11px;font-weight:bold;text-decoration:none;}
.error_link:hover{color:#3D1433;font-size:11px;font-weight:bold;text-decoration:underline;}

/******************************************************************************
 * Pasos
 ******************************************************************************/

.div_paso_activo_bloque_primer_paso { background-image:url('img/gv/pasos_izq_act.jpg'); height:65px; width:140px; }
.div_paso_activo_bloque_ultimo_paso { background-image:url('img/gv/pasos_derecha_act.jpg'); height:65px; width:140px; }
.div_paso_inactivo_bloque_primer_paso { background-image:url('img/gv/pasos_izq_desact.jpg'); height:65px; width:140px;}
.div_paso_inactivo_bloque_ultimo_paso { background-image:url('img/gv/pasos_derecha_desact.jpg'); height:65px; width:140px;}

.div_paso_activo_bloque
{
    background-image: url(img/gv/pasos_centro_act.jpg);
    height: 65px;
    width: 140px;
    background-repeat: no-repeat;
}
.div_paso_inactivo_bloque { background-image:url('img/gv/pasos_centro_desact.jpg'); height:65px; width:140px;background-repeat: no-repeat;}

.div_paso_activo_numero { clear:both; float:left; width:35px; height:30px; text-align:right; margin-top:10px; margin-bottom:10px; padding-right:7px; border-right:dotted 1px #FFFFFF; }
.div_paso_inactivo_numero { clear:both; float:left; width:35px; height:30px; text-align:right; margin-top:10px; margin-bottom:10px; padding-right:7px; border-right:dotted 1px #ffffff; }

.div_paso_activo_texto { float:left; width:80px; margin-top:10px; margin-bottom:10px; padding-left:7px; padding-right:7px; }
.div_paso_inactivo_texto { float:left; width:80px; margin-top:10px; margin-bottom:10px; padding-left:7px; padding-right:7px; }

.lbl_paso_inactivo_numero { color:#ffffff; font-weight:bold; font-size:200%; }
.lbl_paso_activo_numero { color:#FFFFFF; font-weight:bold; font-size:200%; }
.lbl_paso_inactivo_texto { color:#ffffff; font-weight:bold; font-size:100%; }
.lbl_paso_activo_texto { color:#FFFFFF; font-weight:bold; font-size:100%; }

.primer_paso { border-left:solid 1px #C9C9C9; }
.ultimo_paso { border-right:solid 1px #C9C9C9; }

.div_paso_flecha { clear:both; width:165px; height:11px; text-align:center; margin-top:-1px; }

.div_pasos { margin-left:90px; margin-top:1px; clear:both; }

/******************************************************************************
 * Contacto
 ******************************************************************************/

.intro_contacto { color:#3F3F3F; font-size:110%; }
.div_intro_contacto { margin-left:15px; margin-top:15px; margin-bottom:20px; }
.lbl_contacto { color:#872D71; font-size:110%; font-weight:bold; }
.txt_contacto { border:solid 1px #999999; padding-top:2px; padding-bottom:2px; font-size:110%; width:250px; overflow:hidden; }
.table_contacto { margin-left:20px; }
.td_enviar_contacto { padding-left:230px; padding-top:10px; padding-bottom:10px; }