﻿
/* General */

body 
{
    text-align:center;
    background-color:#ffffff;
     font-family: Verdana, Geneva, sans-serif;
    font-size:9pt;
    margin:20px;
}

.body_menu
{
    background-color:#ffffff;
    font-family: Verdana, Geneva, sans-serif;
    color:#FFFFFF;
    font-size:9pt;
    text-align:left;
    margin:10px;
}
.botoncargar
{
    border-radius: 5px; 
    background: -webkit-linear-gradient(90deg, #1e62d0 5%, #3d94f6 100%);
    background: -moz-linear-gradient(90deg, #1e62d0 5%, #3d94f6 100%);
    background: -ms-linear-gradient(90deg, #1e62d0 5%, #3d94f6 100%);
    background: linear-gradient(180deg, #3d94f6 5%, #1e62d0 100%);
    font-size:10pt;
	font-family: Verdana, Geneva, sans-serif;
}
.palabra
    {
        font-family: Verdana, Geneva, sans-serif;
        color:#3d94f6;
    }
    .palabraMenu
    {
        font-family: Verdana, Geneva, sans-serif;
        color:#ffffff;
    }
    inputs:-webkit-input-placeholder 
    { 
        color:    #b5b5b5; 
    } 
 
    inputs-moz-placeholder 
    { 
    color:    #b5b5b5; 
    } 
    .inputs  
    { 
        width:225px;
        height: 15px; 
        padding: 15px 25px; 
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
        font-weight: 400; 
        font-size: 14px; 
        color: #9D9E9E; 
        text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0); 
        background: #FFF; 
        border: 1px solid #FFF; 
        border-radius: 0px; 
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); 
        -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); 
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); 
        } 
    .inputs:focus 
        { 
        background: #DFE9EC; 
        color: #414848; 
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); 
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); 
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); 
        outline:0; 
        } 
    .inputs:hover   
    { 
        background: #DFE9EC; 
        color: #414848; 
    } 
.css_button 
    {
    font-size: 13px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #337fed;
    padding: 9px 98px;
    text-shadow: 1px 1px 0px #1570cd;
    -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe;
    -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe;
    box-shadow: inset 1px 1px 0px 0px #97c4fe;
    cursor: pointer;
    color: #ffffff;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, #1e62d0 5%, #3d94f6 100%);
    background: -moz-linear-gradient(90deg, #1e62d0 5%, #3d94f6 100%);
    background: -ms-linear-gradient(90deg, #1e62d0 5%, #3d94f6 100%);
    background: linear-gradient(180deg, #3d94f6 5%, #1e62d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d94f6",endColorstr="#1e62d0");
}

.css_button:hover {
    background: -webkit-linear-gradient(90deg, #3d94f6 5%, #1e62d0 100%);
    background: -moz-linear-gradient(90deg, #3d94f6 5%, #1e62d0 100%);
    background: -ms-linear-gradient(90deg, #3d94f6 5%, #1e62d0 100%);
    background: linear-gradient(180deg, #1e62d0 5%, #3d94f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e62d0",endColorstr="#3d94f6");
}

.css_button:active {
    position:relative;
    top: 1px;
}
.body_lg 
{
    text-align:center;
    background-color:#FFFFFF;
}
/* Textos */

.TituloGrande { font-family: Verdana, Geneva, sans-serif;  font-size: 20pt; color: #737373; font-weight: bold; text-transform: uppercase }
.TituloPagina {  font-family: Verdana, Geneva, sans-serif; color: #737373; font-size: 14pt; font-weight: bold; text-transform: uppercase; letter-spacing:1px; text-align:center; }
.SubTitulo {   font-family: Verdana, Geneva, sans-serif; color: #737373; font-size: 10pt; font-variant:small-caps;  }
.LetraChica {  font-family: Verdana, Geneva, sans-serif; font-size: 10pt; color:Red; }
.WaterMarkText {  font-style: italic; color:Gray; }
.ajax__tab_tab { font-family: Verdana, Geneva, sans-serif; color: #737373; font-size: 9pt; }

/* Modal Popups */

.ModalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.ModalPanel { background-color:#DDEEF6; padding:20px; }

/* Tooltips formateados */

/*.TTArea {
/*position: relative; /* es la posición normal */
/*text-decoration: none !important; /* forzar sin subrayado */
/*color:#0080C0 !important; /* forzar color del texto */
/*font-weight:bold !important; /* forzar negritas */
/*}*/

.TTArea:hover 
{
/*    z-index:999; /* va a estar por encima de todo */
    /*background-color:Transparent; /* DEBE haber un color de fondo */
    font-weight:bold;
}

.TTArea .TTDisplay 
{
    display: none; /* el elemento va a estar oculto */
}
.TTArea:hover .TTDisplay 
{
    display: inline; /* (block) se fuerza a mostrar el bloque */
    position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
    padding:5px; /* la separación entre el contenido y los bordes */
    background-color: #2076B9; /* el color de fondo por defecto */
    color: #FFFFFF; /* el color de los textos por defecto */
    border:2px solid #FFFFFF; /* borde del tooltip */
    font-weight:normal;
}

/* Nivel Password*/
.MBajo 
{	
	width:130px; 
	height:20px; 		
	font-family: Arial; 
	font-size: 10pt; 
	color:#585858;
	border:2px solid #FFFFFF;
	background-color: #DF0101; 
}
.Bajo
{
	width:130px; 
	height:20px; 		
	font-family: Arial; 
	font-size: 10pt; 
	color:#585858;
	border:2px solid #FFFFFF;
	background-color: #FF0000;
}
.Medio
{
	width:130px; 
	height:20px; 		
	font-family: Arial; 
	font-size: 10pt; 
	color:#585858;
	border:2px solid #FFFFFF;
	background-color: #FF8000;
}
.Alto
{
	width:130px; 
	height:20px; 		
	font-family: Arial; 
	font-size: 10pt; 
	color:#585858;
	border:2px solid #FFFFFF;
	background-color: #74DF00; 
}
.Excelente
{
	width:130px; 
	height:20px; 		
	font-family: Arial; 
	font-size: 10pt; 
	color:#585858;
	border:2px solid #FFFFFF;
	background-color: #04B404;
}
/* # */