@charset "CP850";
/*****************************************************
                 RESET Y GLOBALES                                         
***************************************************/
body {
  background-color: #204173;
  font-family: sans-serif;
  font-size: 12px; }

h2 {
  font-family: sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #292929;
  padding-bottom: 15px; }

h3, h4 {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #292929;
  padding-bottom: 15px; }

h3 {
  font-family: sans-serif;
  font-size: 16px;
  padding-bottom: 0px;}

h4 {
  font-size: 14px;
  line-height: 18px;
  }

p {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #292929;
  padding-bottom: 10px; }

a {
  font-family: sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #636363;
  padding-bottom: 10px; }
  a:hover {
    color: #00488c; }

.destacado {
  font-family: sans-serif;
  font-size: 22px;
  line-height: 28px; }

.leermas, form#ingreso .ingresar, .button {
  padding: 5px 8px;
  font-family: sans-serif;
  font-size: 12px;
  text-align: center; }
  .leermas:hover, form#ingreso .ingresar:hover {
    color: white; }

.button {
	margin-right: 2px;
	margin-top: 2px; 
	padding-top: 5px;}

.separar {
  display: block;
  width: 100%;
  border-top: 1px solid #dddddd;
  margin: 60px 0 15px 0; }

/*****************************************************
                    LAYOUT                                           
***************************************************/
#wrapper {
  width: 940px;
  height: auto;
  margin: 0 auto;
  padding: 20px 10px;
  background: white; }


a#logo {
  display: block;
  width: 330px;
  height: 80px; }

#datos {
  height: 80px;
  padding-left: 20px;
  border-left: 1px solid #D0BFBF; }
  #datos p {
    display: block;
    width: 330px;
    font-size: 14px;
    line-height: 26px;
    color: #636363;
    text-align: right; }
    #datos p span {
      color: #f14f11; }

#content {
  width: 900px;
  height: auto;
  padding: 10px 20px 35px 20px; }

.boxLeft {
  position: relative;
  width: 470px;
  padding: 20px;
  float: left;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #dddddd; }

.boxRight {
  position: relative;
  width: 320px;
  padding: 20px;
  float: right;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #dddddd; }

#menu {
  width: 940px;
  height: 41px;
  padding: 20px 25px 0 25px; }
  #menu ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #menu ul li {
      display: block;
      margin-left: 6px;
      float: left; }
      #menu ul li a {
        position: relative;
        display: block;
        height: 27px;
        padding: 8px 10px 5px 10px;
        -webkit-border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px;
        border-top: 1px solid #00488c;
        border-left: 1px solid #00488c;
        border-right: 1px solid #00488c;
        font-family: sans-serif;
        font-size: 14px;
        color: white; }
        #menu ul li a:hover {
          background: white;
          color: #636363; }
        #menu ul li a.salir {
          background: url(../images/bg-salir.png) repeat-x left bottom;
          border: none; }
          #menu ul li a.salir:hover {
            background: white;
            color: #636363;
            border-top: 1px solid #00488c;
            border-left: 1px solid #00488c;
            border-right: 1px solid #00488c; }

#info {
  width: 705px;
  height: auto;
  margin: 0 auto; }
  #info #infoTop {
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd; }

table.tabla tr:nth-child(2n+1), table.tabla2 tr:nth-child(2n+1) {
  background: #eaf5fb; }
table.tabla tr:hover, table.tabla2 tr:hover {
  background: #39a2db;
  color: white; }
table.tabla th, table.tabla2 th {
  padding: 10px;
  background: #00488c;
  font-family: sans-serif;
  color: white;
  font-size: 14px; }
  table.tabla th:first-child, table.tabla2 th:first-child {
    padding-left: 20px; }
  table.tabla th:last-child, table.tabla2 th:last-child {
    padding-right: 20px; }
table.tabla td, table.tabla2 td {
  padding: 10px; }
  table.tabla td:first-child, table.tabla2 td:first-child {
    padding-left: 20px; }
  table.tabla td:last-child, table.tabla2 td:last-child {
    padding-right: 20px; }

table.tabla2 td {
  font-size: 11px; }
table.tabla2 tr.anterior {
  background: white; }
  table.tabla2 tr.anterior td {
    color: #39a2db;
    text-align: center; }

table.resumenCuenta td {
  padding: 10px;
  border: 5px solid white;
  font-size: 11px;
  background: white; }
table.resumenCuenta td:nth-child(2n+1) {
  background: #eaf5fb; }

table.pasos td {
  padding: 15px;
  border: 5px solid white;
  font-size: 14px;
  line-height: 19px;
  text-align: right;
  background: #dddddd; }
  table.pasos td strong {
    font-weight: normal;
    font-size: 20px; }
table.pasos .azul {
  color: white;
  background: #00488c; }

.colLeft {
  width: 400px;
  float: left; }

.colRight {
  width: 280px;
  float: right; }

/*****************************************************
                INGRESO                                 
***************************************************/
form#ingreso label {
  width: 150px;
  text-align: left;
  display: block;
  float: right;
  padding-top: 5px; }
form#ingreso input[type=password], form#ingreso input[type=text] {
  width: 125px;
  padding: 5px;
  height: 15px;
  border: 1px solid #636363;
  background: white;
  margin-bottom: 10px;
  float: left; }
form#ingreso .ingresar {
  margin-top: 40px;
  margin-right: 75px;
  font-size: 16px; }

#tipoIngreso a {
  color: #292929;
  font-size: 11px; }
#tipoIngreso .leermas, #tipoIngreso form#ingreso .ingresar, form#ingreso #tipoIngreso .ingresar {
  color: white; }

/*****************************************************
                NOTIFIACIONES                                  
***************************************************/
#notificacion {
  width: 860px;
  padding: 20px;
  margin-bottom: 30px;
  background: #fcdb42;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcdb42 0%, #ffd200 52%, #ecc201 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcdb42), color-stop(52%, #ffd200), color-stop(100%, #ecc201));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcdb42 0%, #ffd200 52%, #ecc201 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcdb42 0%, #ffd200 52%, #ecc201 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcdb42 0%, #ffd200 52%, #ecc201 100%);
  /* IE10+ */
  background: linear-gradient(top, #fcdb42 0%, #ffd200 52%, #ecc201 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcdb42', endColorstr='#ecc201',GradientType=0 );
  /* IE6-9 */ }
  #notificacion h2 {
    display: block;
    height: 100%;
    padding-right: 25px;
    float: left;
    padding-bottom: 0; }
  #notificacion .nota {
    width: 670px;
    padding-left: 30px;
    border-left: 2px solid #292929;
    float: left; }
    #notificacion .nota h3 {
      padding-bottom: 5px; }
    #notificacion .nota p {
      font-size: 12px;
      line-height: 16px;
      padding-bottom: 0;
      color: #3c3939; }
  #notificacion.rojo {
    background: #f8393f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f8393f 0%, #c71318 48%, #c71318 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8393f), color-stop(48%, #c71318), color-stop(100%, #c71318));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8393f 0%, #c71318 48%, #c71318 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8393f 0%, #c71318 48%, #c71318 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8393f 0%, #c71318 48%, #c71318 100%);
    /* IE10+ */
    background: linear-gradient(top, #f8393f 0%, #c71318 48%, #c71318 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8393f', endColorstr='#c71318',GradientType=0 );
    /* IE6-9 */ }
    #notificacion.rojo h2, #notificacion.rojo h3, #notificacion.rojo p {
      color: white; }
  #notificacion.azul {
    background: #206fba;
    /* Old browsers */
    background: -moz-linear-gradient(top, #206fba 0%, #00488c 48%, #00488c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #206fba), color-stop(48%, #00488c), color-stop(100%, #00488c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #206fba 0%, #00488c 48%, #00488c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #206fba 0%, #00488c 48%, #00488c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #206fba 0%, #00488c 48%, #00488c 100%);
    /* IE10+ */
    background: linear-gradient(top, #206fba 0%, #00488c 48%, #00488c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#206fba', endColorstr='#00488c',GradientType=0 );
    /* IE6-9 */ }
    #notificacion.azul h2, #notificacion.azul h3, #notificacion.azul p {
      color: white; }

/*****************************************************
                    FOOTER                                       
***************************************************/
#footer {
  width: 900px;
  height: auto;
  padding: 0px 20px 100px 20px; }
  #footer p.copyright {
    font-size: 12px;
    color: #858585; }
  #footer .telConsultas {
    position: relative;
    width: 480px;
    height: 70px;
    padding: 15px;
    float: left;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #dddddd;
    margin-bottom: 30px; }
    #footer .telConsultas p {
      color: #4e4e4e; }
  #footer .seguridad {
    position: relative;
    width: 330px;
    height: 70px;
    padding: 15px;
    float: right;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background: #c71318;
    margin-bottom: 30px; }
    #footer .seguridad p {
      display: block;
      width: 270px;
      font-size: 12px;
      line-height: 16px;
      color: white;
      margin-top: 0;
      padding-bottom: 0; }