BODY
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Tahoma,Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFFFCC;
    text-decoration:none;
}

TBODY
{
    FONT-SIZE: 11px;
    LINE-HEIGHT: 140%;
    FONT-FAMILY: Verdana,Tahoma,Arial,sans-serif;
    text-decoration:none;
}

.item0
{
    FONT-FAMILY: Verdana,Tahoma,Arial,sans-serif;
    FONT-SIZE: 12px;
    COLOR: #000000;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #FF9900 ;
}

.item1
{
    FONT-FAMILY: Verdana,Tahoma,Arial,sans-serif;
    FONT-SIZE: 12px;
    COLOR: #000000;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #FFCC00 ;
}

.separador
{
    COLOR: #000000;
    HEIGHT: 1px;
    BACKGROUND-COLOR: #000000;
}
.titulo
{
    FONT-FAMILY: Verdana,Tahoma,Arial,sans-serif;
    FONT-SIZE: 14px;
    COLOR: #000000;
    HEIGHT: 20px;
    BACKGROUND-IMAGE: url("../img/titulo.jpg");
}
.listado
{
    FONT-FAMILY: Verdana,Tahoma,Arial,sans-serif
    FONT-SIZE: 8px;
    BACKGROUND-COLOR: #FFFFFF ;
}

.letrachica
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Tahoma,Arial,sans-serif
}
.rotulo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Tahoma,Arial,sans-serif;
    BACKGROUND-COLOR: #FFCC66 ;

    TEXT-ALIGN: right;
}
.fondo01
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
    BACKGROUND-COLOR: #FEDFA2  ;
}
.fondo02
{
    COLOR: #000000;
    BACKGROUND-COLOR: #FFCC00  ;
}
.datos
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Tahoma,Arial,sans-serif;
    BACKGROUND-COLOR: #eeeeee
}
.consultas
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana,'Arial Narrow',Tahoma,Arial,sans-serif;
    BACKGROUND-COLOR: white ;
}
.amarillo
{
    COLOR: #000000;
    BACKGROUND-COLOR: #ffff00
}
.robado
{
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFF00 ;
}
.bloqueado
{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #FF3366 ;
}
.menu
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    WIDTH: 100%;
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.menu:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    WIDTH: 100%;
    COLOR: black;
    FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFCC66 ;
    TEXT-DECORATION: none
}

input {background-color: #FFFFFF;}

input.boton {
    background-color: #FFCC00 ;
    BACKGROUND-IMAGE: url("../img/fondo-boton.jpg");
    FONT-WEIGHT: normal;
}

input.selecciona { BACKGROUND-COLOR:  #FFFFCC; }

select {background-color: #FFFFFF; }

a:active {
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}


.contenedor {
  width: 100%;
  height: 100%;
  background-color: #EBEBEB;
  border: 1px solid #000000;
}


.TituloPago{
     font-family: 'Fascinate', 'Architects Daughter', serif;
     font-size: 30px;
}

.MenuPago {
  position: relative;
  border: 1px solid #FFFFFF;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #BDBDBD;
}
.PiePago {
  background-color: #E3F6CE;
}


.pagoconectividad {
      border:3px solid #98E3BA;
      width:320px;
      float:left;
      margin: 5px 5px 5px 5px;
      }
.pagoconectividad table{
      background:#DDCCDD;
      background-color: #98E3BA;
      border-collapse: collapse;
      }

.pagoreconexion {
      border:3px solid yellow;
      background:#FFFA99;
      width:520px;
      float:left;
      margin: 5px 5px 5px 5px;
      }
.pagoreconexion table{
      background:#DDCCDD;
      background-color: yellow;
      border-collapse: collapse;
      }

.cortes_cuenta {
      border:2px double orange;
      background:#orange;
      width:520px;
      float:left;
      margin: 5px 5px 5px 5px;
}
.cortes_cuenta table{
      background-color: orange;
      border-collapse: collapse;
      }


#tabla1 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  width: 100%;
  border-collapse: collapse;
}
#tabla1 th {
    font-size: 1.4em;
    text-align: left;
    padding: 3px 5px 3px 5px;
    color: #000000;
}
#tabla1 .titulocol {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-align: center;
    padding: 3px 5px 3px 7px;
    background-color: #A7C942;
    color: #000000;
}
#tabla1 tr.alt td {
    color: #000000;
    background-color: #F5ECCE;
}

/* TIPOS DE LETRA ESPECIALES */

/* latin */
@font-face {
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  src: local('Architects Daughter'), local('ArchitectsDaughter'), url(http://fonts.gstatic.com/s/architectsdaughter/v6/RXTgOOQ9AAtaVOHxx0IUBM3t7GjCYufj5TXV5VnA2p8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Fascinate';
  font-style: normal;
  font-weight: 400;
  src: local('Fascinate'), local('Fascinate-Regular'), url(http://fonts.gstatic.com/s/fascinate/v5/NnlsYos1mCtA9prs2JfnBVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
        font-family: "CodeBarra";
        src: local("Cdigo de barras - MRv1"), url("../fonts/BarrasMR.ttf") format("truetype");
}