﻿/* versión 20111207 VHA */

body
{
    margin: 0px;
    background-color: #ffffff;
}
.contenedormaster
{
    margin: 0px;
    width: 100%;
}

.banner
{
    padding: 0px;
    height: 66px;
    width: 100%;
    background-image: url('../Imagen/Jpg/banner_fnd.jpg');
    margin: 0px;
}

.bannertd01
{
    background-image: url('../Imagen/Jpg/banner_fnd.jpg');
    background-repeat: repeat-x;
    width: 100%;
    height: 48px;
    border: border-style:0px;
}

.bannertd02
{
    padding: 0px;
    margin: 0px;
    background-image: url('../Imagen/Jpg/su2_fnd_encabezado.jpg');
    background-repeat: no-repeat;
    width: 781px;
    height: 20px;
}

.bannertd03
{
    text-align: left;
    padding-left: 250px;
}
.bannertd04
{
    background-image: url('../Imagen/Jpg/su2_fnd2_encabezado.jpg');
    background-repeat: repeat-x;
}
.tablacontenido
{
    padding: 0px;
    height: 100%;
    width: 100%;
    margin: 0px;
    border-style: none;
}

.contenido
{
    padding: 15px;
    background-image: url('../Imagen/Jpg/fnd_tabla.jpg');
    background-repeat: repeat-y;
    text-align: left;
    vertical-align: top;
    background-color: #FFFFFF;
}

.tblCronograma
{
    text-align: justify;    
    font-size: 11px;
}

.menu01
{
    width: 207px;
    background-image: url('../Imagen/Jpg/menu_fnd1.jpg');
    background-repeat: repeat-y;
    background-color: #486587;
    vertical-align: top;
    text-align: left;
}

.menu2
{
    width: 207px;
    background-image: url('../Imagen/Jpg/menu_fnd1.jpg');
    background-repeat: repeat-y;
    background-color: #486587;
    vertical-align: top;
    text-align: left;
}


.TextBox
{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    background-color: #f8f8ff;
    border-right: lightblue 1px solid;
    border-top: lightblue 1px solid;
    border-left: lightblue 1px solid;
    border-bottom: lightblue 1px solid;
}


.menutitle
{
    font-family: "Century Gothic";
    color: #FF3300; /*background-color: #FBFADB;*/
    font-size: 13px;
    font-weight: normal;
    width: 100px;
    height: 20px;
    margin: 10px;
}
.menutitle2
{
    font-family: "Century Gothic";
    color: #663300; /*background-color: #FBFADB;*/
    font-size: 13px;
    font-weight: normal;
    width: 100px;
    height: 20px;
    margin: 10px;
}
.menusubtitle
{
    font-family: "Century Gothic";
    color: #666666;
    background-color: #FBFADB;
    font-size: 12px;
    font-weight: bolder;
    width: 100px;
    height: 15px;
    margin: 10px;
    text-decoration: underline;
    list-style-position: outside;
    list-style-type: circle;
    list-style-image: url(../Imagen/jpg/esq_03.jpg);
    text-indent: 5px;
}

.menu
{
    font-family: Verdana, Arial, Helvetica, sans-serif; /*background-color: #FBFADB;*/
    font-size: 9px;
    font-weight: normal;
    list-style-position: inside;
    width: 130px;
}

.Label
{
    font-family: Arial, Helvetica, sans-serif;
    color: #3C3C3C;
    font-size: 11px;
    font-weight: normal;
}
.LabelGrande
{
    font-family: Arial, Helvetica, sans-serif;
    color: #3C3C3C;
    font-size: 13px;
    font-weight: bold;
}

.Label_saludo
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
}

.LabelH1
{
    font-family: arial;
    color: #3366cc;
    font-size: 15px;
    font-weight: bold; /*text-decoration: overline;*/
}
.Datos
{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333; /*background-color: #FBFADB;*/
    font-size: 11px;
    font-weight: normal;
}
.LabelDatos
{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333; /*background-color: #FBFADB;*/
    font-size: 12px;
    font-weight: bold;
}
.LabelFecha
{
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 13px;
    font-weight: bold;
}
.Errorlogin
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FF9900;
    font-size: 12px;
    font-weight: bold;
}
.LabelTitulo3
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: 600; /*background-color: #FBFADB;*/
    font-size: 12px;
    background-image: url(../Imagen/Login/line.gif);
    background-repeat: no-repeat;
    height: 30px;
    width: 100px;
}
.Indextexto
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: 300; /*background-color: #FBFADB;*/
    font-size: 12px;
}
.indexejecutivas
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: normal; /*background-color: #FBFADB;*/
    font-size: 10px;
    text-align: justify;
}
.direccion
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
}
.titleclien
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #00CCFF;
}
.LabelTitulo
{
    font-family: 'Century Gothic' , Verdana, Arial;
    color: #000066;
    font-weight: normal;
    font-size: 22px;
    background-image: url('../Imagen/jpg/Title_line.gif');
    background-repeat: repeat-x;
    height: 122;
    width: 100%;
    margin-bottom: 10px;
}
.LabelTitulo2
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #000066;
    font-weight: 600;
    font-size: 12px;
}
.LabelSubtitulo
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #333333;
    background-color: #f1ecec;
    font-size: 12px;
}
.LabelExplicativo
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FBFADB;
    font-size: 12px;
}
.bienvenidos
{
    font-family: Verdana;
    color: black;
    font-weight: normal;
    background-color: #e6e6fa;
    font-size: 9px;
    margin: 15px;
    vertical-align: middle;
    text-align: left;
    width: 100%;
}
.LabelError
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FE0000;
    font-size: 11px;
    white-space: nowrap;
}

.LabelWarning
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #6068A7;
    font-size: 11px;
    white-space: nowrap;
}

.LabelExito
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #2ED800;
    font-size: 11px;
    white-space: nowrap;
}
.GridView
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #330066;
    background-color: #0099FF;
    font-size: 11px;
}
.Button
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-variant: normal;
    color: #FFFFFF;
    background-color: #5f7c9e;
}
.Button2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: none font-variant: normal;
    color: #FFFFFF;
    background-attachment: fixed;
    background-image: url(../Imagen/Login/boton.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    height: 30px;
    width: 82px;
    list-style-image: url(/Imagen/Login/boton.png);
}
.Button3
{
    font-size: 10px;
    font-family: Verdana,Helvetica;
    font-weight: bold;
    color: white;
    width: 70px;
    height: 26px;
    border-right: white 1px solid;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-bottom: white 1px solid;
    background-color: #5f7c9e;
}
.Button4
{
    border: 1px outset #4fb6fe;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background-image: url('../Imagen/jpg/but04.gif');
    background-repeat: repeat-x;
}
.Volver
{
    border-style: none;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    color: #808080;
    background: url(../Imagen/Iconos/I_volver.gif) no-repeat left center;
}
.Imprimir
{
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    color: #808080;
    height: 30px;
    width: 90px;
    background: url(../Imagen/Iconos/I_imprimir.png) no-repeat left center;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.Acerca
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-variant: normal;
    color: #454040;
    font-weight: bold;
}
.HyperLink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #0066FF;
}
.azuldatos
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #1354b5;
}
.DropDownList
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    color: #333333;
    background-color: #f8f8ff;
}
.CheckBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #333333;
}
.ListBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    background-color: #FFFFCC;
}
.CheckBoxList1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #333333;
}
.RadioButton1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}
.Table
{
    border-right: gray thin solid;
    border-top: gray thin solid;
    border-left: gray thin solid;
    border-bottom: gray thin solid;
    background-color: #add8e6;
}
.HiddenField
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    background-color: #3399FF;
}
.Calendar
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #666666;
    background-color: #d6dfe0;
}
.Titlestyle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #666666;
    background-color: #CCCCCC;
}
.Panel
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #CCCCCC;
}
.Substitution
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}
.Gridh2
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    font-size: 11px;
    overflow: auto;
    margin-right: 100px;
}
.GridSuperior
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #666666;
    background-color: #d2d8e6;
}
.GridInferior
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #666666;
    background-color: #f6eac8;
}
.Gridh1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    background-color: #f7f8ff;
    border-top: lightblue 1px solid;
}
.fondoblanco
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}
.tabla
{
    background-position: left top;
    margin: 0px;
    border-right: #cccccc 3px double;
    border-top: 3px double;
    border-left: 3px double;
    border-bottom: 3px double;
}
.table
{
    border: 1px solid #CCCCCC;
    background-color: #f0f8ff;
}

.tableline
{
    width: 70%;
    border-right: #3399cc 1px dotted;
    border-top: #3399cc 1px dotted;
    border-left: #3399cc 1px dotted;
    border-bottom: #3399cc 1px dotted;
}
.fecha
{
    font-family: "Century Gothic";
    color: #000066;
    font-size: 12px;
}
.TablaDatos
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000066;
    font-size: 11px;
    height: 75px;
    width: 308px;
    background-attachment: fixed;
    background-image: url(../Imagen/jpg/fnd_datos.gif);
    background-repeat: no-repeat;
}
.TableNombre
{
    background-color: #d2d8e6;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: #000066;
    border-bottom: lightblue 1px outset;
    font-style: normal;
    font-family: Verdana;
}
.Piepag
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    vertical-align: middle;
    text-align: center;
    background-image: url(../Imagen/jpg/pie_pagina_fnd.jpg);
    font-weight: bold;
    color: #FFFFFF;
    height: 21px;
}
.Ayuda
{
    font-family: Helvetica;
    font-size: 12px;
    color: white;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    text-indent: 50px;
}

.t2
{
    width: 70%;
}

.fondo
{
    width: 70%;
}

.SaltoDePagina
{
    page-break-before: always;
}

.tablaMetodologo
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000066;
    font-size: 11px;
    height: 75px;
    width: 98%;
    background-attachment: fixed;
    background-image: url(../Imagen/jpg/fnd_datos.gif);
    background-repeat: no-repeat;
}

.filaMetodologo
{
    background-color: #5D8DAE;
    color: #fff;
}

.celdaMetodologo
{
    border-color: #000066;
    border-style: solid;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
}

/* estilos para control ajax: PasswordStrength */
.barIndicatorBorder
{
    border: solid 1px #c0c0c0;
    width: 200px;
}

.barIndicator_poor
{
    background-color: gray;
}

.barIndicator_weak
{
    background-color: cyan;
}

.barIndicator_good
{
    background-color: lightblue;
}

.barIndicator_strong
{
    background-color: blue;
}

.barIndicator_excellent
{
    background-color: navy;
}

.TextIndicator_TextBox
{
    background-color: #FFFFFF;
    color: Orange;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox_Handle
{
    width: 16px;
    height: 14px;
    background-image: url(images/Question.png);
    overflow: hidden;
    cursor: help;
}

/* fin estilos para control ajax  */

.btnLlamado
{
    background: url(../Imagen/Iconos/telephone.png) no-repeat;
    background-position: left;
    border-style: none;
    height: 25px;
    font-weight: bold;
    cursor: pointer;
    padding-left: 20px;
}

.tablaForo
{
    width: 98%;
    font-family: Verdana;
}

.tablaForoFecha
{
    font-size:8pt;
    text-align:left;
    padding-left:3px;
    background-color: #2687BF;
	color: #ffffff;
}

.tablaForoImagen
{
    padding-top: 5px;
    width: 10%;
    text-align:center;
    vertical-align:middle;
    font-size:7pt;
    font-weight: bold;
}

.tablaForoComentario
{
    width: 90%;
    font-size:9pt;
    padding-left: 7px;
    padding-top: 5px;
    vertical-align: top;
}
