@font-face {font-family: "CentreForward W00 Thin";
  src: url("resources/css/cb768c53cb58f92e9ac8574eff486872.eot"); /* IE9*/
  src: url("resources/css/cb768c53cb58f92e9ac8574eff486872.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("resources/css/cb768c53cb58f92e9ac8574eff486872.woff") format("woff"), /* chrome、firefox */
  url("resources/css/cb768c53cb58f92e9ac8574eff486872.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("resources/css/cb768c53cb58f92e9ac8574eff486872.svg#CentreForward W00 Thin") format("svg"); /* iOS 4.1- */
}

.demo{
    font-family:"CentreForward W00 Thin" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "harrington";
  src: url("resources/css/harrington.ttf");
}

.subtitulo_index{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 35px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 35px;
    margin-left: auto;
    margin-right: auto;
}

body {
    background-color: #eeeeee;
    color: #222222;
}

button, input[type="reset"], input[type="submit"], input[type="button"] {
    color: #eeeeee;
}

.rf-tab-cnt{
    background: #F5EFC9;
}
.rf-tab-hdr-tabs{
    background-color: rgb(245, 239, 201);
}
.rf-p-hdr{
    background-color: rgb(136, 190, 40);
    border-color: rgb(254, 231, 65);
    color: rgb(245, 239, 201);
}
.rf-tab-hdr-act{
    color: rgb(245, 239, 201);
    background-color: rgb(0, 80, 0);
    background-image: none;
} .rf-tab-hdr-inact{
    background-image: none;
    color: rgb(136, 189, 41);
    background-color: rgb(0, 80, 0);
}
.rf-tab-hdr-dis {
    color: rgb(0, 102, 0);
    background-image: none;
    background-color: rgb(245, 239, 201);
}
#content{
    width: 100% !important;
}

#form_menutab .rf-p-b, #menu_elecciones .rf-p-b {
    padding: 3px 2px;
}
a:link {
    color: #005000;
}

a:visited {
    color: #CC0037;
}

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

#form_menutab input, #menu_elecciones input {
    cursor: pointer;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 2px;
    height: 25px;
    padding-top: 3px;
    border: 1px solid #005000;
    background: linear-gradient(#88be28,#005000);
    color: #f5efc9;
}

#form_menutab input.seleccionado, #menu_elecciones input.seleccionado{
    background: linear-gradient(#005000,#35c3b6);
    font-weight: bolder;
    border-color: #005000;
    border-style: solid;
    padding-top: 6px;
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    
}

#form_menutab input[type="submit"]:disabled, #menu_elecciones input[type="submit"]:disabled {
    color: rgb(0, 102, 0);
    border-color: #cccccc;
    background-color: #cccccc;
    background-image: url(/Surco/faces/rfRes/buttonDisabledBackgroundImage.png?v=4.0.0.Final&db=eAFjZGBkZOBm!P-f8f!Hjx8Z!585c4aBCQBP8glH&ln=org.richfaces.images);
    background-position: top left;
    cursor: not-allowed;
    cursor: crosshair;
}

/*Estilo para los titulos que son vinculos*/
A.titulo:link {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-position: center;
    background-color: #f5821f;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
A.titulo:visited {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-position: center;
    background-color: #f5821f;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
A.titulo:active {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-position: center;
    background-color: #f5821f;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
A.titulo:hover {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-position: center;
    background-color: #f5821f;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
A.titulo2:link {
    color: #f5821f;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-position: center;
    background-color: #eeeeee;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
A.titulo2:visited {
    color: #f5821f;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-position: center;
    background-color: #eeeeee;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
A.titulo2:active {
    color: #f5821f;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-position: center;
    background-color: #eeeeee;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
A.titulo2:hover {
    color: #f5821f;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-position: center;
    background-color: #eeeeee;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
/*Fin Estilo para los titulos que son vinculos*/
.botones {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.contenido_blanco {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #f5821f;
    text-decoration: none;
}

.contenido {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #222222;
    text-decoration: none;
}
.contenido_pequeno {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #222222;
    text-decoration: none;
}
.contenido_gris {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #888888;
    text-decoration: none;
}
.contenido_vinculo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0000FF;
    text-decoration: underline;
    cursor: hand;
}
.contenido_grande {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #222222;
    text-decoration: none;
}
.contenido_rojo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF0000;
    text-decoration: none;
}
.contenido_rojo_grande {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FF0000;
    text-decoration: none;
}
.contenido_azul_grande {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #f5821f;
    text-decoration: none;
}
.contenido_oculto {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0px;
    color: #222222;
    text-decoration: none;
    visibility: hidden;
}
.barra_delgada {
    font-size: 8px;
}

.titulo_tablas {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-position: center;
    background-color: #f5821f;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    text-align: center;	
}

.titulo {
    font-size: 16px;
    font-weight: bolder;
    color: #FFFFFF;
    text-decoration: none;
    background-position: center;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #7a7a7a;
}
.subtitulo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #f5cdad;
}
.tablas {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
.fondo_azul_oscuro {
    background-color: #d6dfef;
}
.fondo_blanco {
    background-color: #FFFFFF;
}
.fondo_gris_claro {
    background-color: #EEEEEE;
}
.fondo_azul_claro {
    background-color: #d6dfef;
}
.fondo_amarillo {
    background-color: #f5cdad;
}
.fondo_mensaje {
    background-color: #d6dfef;
    border: thin solid #CCCCCC;
}
.bandeja_verde {
    background-color: #E4F2E3;
}

.bandeja_temporal {
    background-color: #F8ECE0;
}

.bandeja_suplencia {
    background-color: #FFF5D7;
}

.bandeja_rojo {
    background-color: #FF4040;
}
.bandeja_rojo_claro {
    background-color: #FFF4F3;
}
.bandeja_naranja {
    background-color: #FFB340;
}
.bandeja_amarillo {
    background-color: #FFFF40;
}
.bandeja_grupo {
    background-color: #D2E1F8;
}
.menuBar
{
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2.gif);
    TEXT-ALIGN: center
}
.Bar2
{
    BORDER-RIGHT: #f5cdad 1px solid;
    BORDER-TOP: black 0px solid;
    FLOAT: left;
    BORDER-LEFT: black 0px solid;
    WIDTH: 100px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: black 0px solid;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2.gif);
    TEXT-ALIGN: center;
    vertical-align: bottom;
    height: 20px;
    padding-top: 2px;
    color: #222222;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.Bar
{
    BORDER-RIGHT: #f5cdad 1px solid;
    BORDER-TOP: black 0px solid;
    FLOAT: left;
    BORDER-LEFT: black 0px solid;
    WIDTH: 100px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: black 0px solid;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2.gif);
    TEXT-ALIGN: center;
    vertical-align: bottom;
    height: 20px;
    padding-top: 2px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #222222;
}
.BarInactivo
{
    BORDER-RIGHT: black 0px solid;
    BORDER-TOP: black 0px solid;
    FLOAT: left;
    BORDER-LEFT: black 0px solid;
    WIDTH: 100px;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: black 0px solid;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2.gif);
    TEXT-ALIGN: center;
    vertical-align: bottom;
    height: 20px;
    padding-top: 2px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: gray;
}
.menu
{
    BORDER-RIGHT: buttonhighlight thin outset;
    BORDER-TOP: buttonhighlight thin outset;
    VISIBILITY: hidden;
    BORDER-LEFT: buttonhighlight thin outset;
    WIDTH: 120px;
    LINE-HEIGHT: 140%;
    BORDER-BOTTOM: buttonhighlight thin outset;
    POSITION: absolute;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2.gif);
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    COLOR: #222222;
}
.menuItem
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 150%;
    CURSOR: hand;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2.gif);
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 0px solid;
    text-align: left
}
.menuItemInactivo
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 150%;
    CURSOR: default;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2.gif);
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 0px solid;
    text-align: left;
    color: gray
}
.menuItemAyuda
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 150%;
    CURSOR: help;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2.gif);
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 0px solid;
    text-align: left;
}
.ItemMouseOver
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 150%;
    CURSOR: hand;
    COLOR: highlighttext;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 0px solid;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2p.gif);
    text-align: left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    COLOR: #000000;
}
.ItemMouseOverInactivo
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 150%;
    CURSOR: default;
    COLOR: highlighttext;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 0px solid;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2p.gif);
    text-align: left;
    color: gray
}
.ItemMouseOverAyuda
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 150%;
    CURSOR: help;
    COLOR: highlighttext;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 0px solid;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2p.gif);
    text-align: left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    COLOR: #000000;
}
.ItemMouseOut
{
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2.gif);
    WIDTH: 110%
}
.Arrow
{
    FLOAT: right;
    FONT-FAMILY: Webdings;
    POSITION: absolute;
    WIDTH: 110%;
    TEXT-ALIGN: left
}
.barOver
{
    BORDER-RIGHT: blue 0px ridge;
    BORDER-TOP: blue 0px ridge;
    FLOAT: left;
    BORDER-LEFT: blue 0px ridge;
    WIDTH: 100px;
    height: 20px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: blue 0px ridge;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    background-image: url(imagenes/barra_r1_c2p.gif);
    TEXT-ALIGN: center;
    padding-top: 2px;
    color: #000000;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.fondo_gris {
    background-color: #EAEAEA;
}
.contenido_negrita {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #222222;
    text-decoration: none;
    font-weight: bold;
}

.contenido1 {
    background-color: #d6dfef;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #222222;
    text-decoration: none;
    border: none;
}
.DisplayWindow{
    visibility: hidden;
    display: none;
    border-left: 1px #ccc solid;
    border-top: 1px #ccc solid;
    border-right: 2px #999 solid;
    border-bottom: 2px #999 solid;
    background: #FFFFFF;
    position: absolute;
    width: 288px;
    color: #666;
    height: auto;
    top: 200px;
    left: 350px;
}

.DisplayEntidades{
    visibility: hidden;
    display: none;
    border-left: 1px #ccc solid;
    border-top: 1px #ccc solid;
    border-right: 2px #999 solid;
    border-bottom: 2px #999 solid;
    background: #FFFFFF;
    position: absolute;
    left:450px;
    top:140px;
    width: 288px;
    color: #666;
    height: auto;
}

.DisplayFileUpload{
    visibility: hidden;
    display: none;
    border-left: 1px #ccc solid;
    border-top: 1px #ccc solid;
    border-right: 2px #999 solid;
    border-bottom: 2px #999 solid;
    background: #FFFFFF;
    position: absolute;
    width: 500px;
    color: #666;
    height: auto;
    top: "500px";
    left: "450px";
}

.DisplayInformacion{
    visibility: hidden;
    display: none;
    border-left: 1px #ccc solid;
    border-top: 1px #ccc solid;
    border-right: 2px #999 solid;
    border-bottom: 2px #999 solid;
    background: #FFFFFF;
    position: absolute;
    overflow: auto;
    width: 30%;
    color: #666;
    height: auto;
    top: 12%;
    left: 70%;
}

.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; 
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; 
    line-height: 31px; 
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px; 
    overflow: hidden;
    position: relative;
    background: #F5D0A9;
}

ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff;
}

ul.tabs li a:hover {
    background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { 
    background: #fff;
    border-bottom: 1px solid #fff; 
}

.tab_container {
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left; width: 100%;
    background: #fff;
}

.tab_content {
    padding: 20px;
    font-size: 1.2em;
}

div#round-extern{
    background: #fff;
    margin:0 auto;
    padding:0;
    border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius : 7px;
    behavior: url(/mercurio/ie-css3.htc); /* Ie */
}

div#tabla-round , .tabla_round{
    background:#D6DFEF;
    margin:0 auto;
    padding:0;
    border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius : 7px;
    behavior: url(/mercurio/ie-css3.htc); /* Ie */
}
.card{
   opacity: 0.9 !important; 
}
.LoginInterno{
    margin-right: -600px !important;
    margin-top: 120px !important;
    width: 100%;
    height: 350px;
    background: #83D600;
    border-radius: 0px 0px 500px;
    transition: 0.3s;
    opacity: 0.9;
}

.titulo_tablas_round {
    font-family: Arial,Verdana,Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #f5821f;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    text-align: center;
    margin:0 auto;
    padding:0;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
    behavior: url(/mercurio/ie-css3.htc); /* Ie */
}

.rojo {
    background-color: #FF3D3D;
}

.amarillo {
    background-color: #FFFF66;
}

.verde {
    background-color: #18DB66;
}

.gris {
    background-color: #808080;
    text-align: center;
}

.contenido_inputgroup{
    margin-left: 3em;
    margin-right: 3em;    
}  

.light-blue{
    background-color: #03a9f4; 
}

.light-green-darken-2{
    background:#689f38; 
}
.grecaptcha-badge{
    visibility: hidden !important;
}