html, body {
              font-family     : Arial, sans-serif;
              margin          : 0;
              padding         : 0;
              border          : 0;
              position        : absolute;
              height          : 100%;
              min-width       : 100%;
              font-size       : 13px;
              color           : #ffffff;
              direction       : ltr;
            }

BODY.back {
             background               : url("../imagenes/fondo2.jpg") no-repeat center center fixed;
             font-family              : Verdana, Arial, Helvetica;
              font            : 14px/1.3 Arial,sans-serif;
     -webkit-background-size          : cover;
        -moz-background-size          : cover;
          -o-background-size          : cover;
             background-size          : cover;
}

BODY.front {
             background               : url("../imagenes/fondo1.jpg") no-repeat center center fixed;
             font-family              : Verdana, Arial, Helvetica;
              font            : 14px/1.3 Arial,sans-serif;
     -webkit-background-size          : cover;
        -moz-background-size          : cover;
          -o-background-size          : cover;
             background-size          : cover;
}

#titulo-ini {
              color           : #4D90FE;
              font-size       : 26px;
              border-width    : 2px;
              text-shadow     : 2px 2px 2px #CECECE;
              font-weight     : bold;
              text-align      : center;
            }


#shadow-letra {
              font-color      : #0B615E;
              font-size       : 25px;
              text-shadow     : 2px 2px 2px #D8D8D8;
              margin          : 5px 5px 30px 10px;
              padding         : 6px;
              text-align      : left;
            }


#shadow-letra2 {
              font-color      : #0B615E;
              font-size       : 20px;
              text-shadow     : 3px 3px 3px #D8D8D8;
              margin          : 5px 5px 30px 10px;
              padding         : 16px 16px 10px 16px;
              text-align      : left;
            }


#shadow-ama2 {
              color           : #FC6B2C;
              font-size       : 22px;
              #text-shadow     : 2px 2px 2px #D8D8D8;
              margin          : 5px 5px 30px 10px;
              padding         : 16px 16px 10px 16px;
              text-align      : center;
            }


#shadow-rojo {
              font-color      : #0B615E;
              font-size       : 14px;
              text-shadow     : 1px 1px 1px #9F1A32;
              margin          : 5px 5px 30px 10px;
              padding         : 16px 16px 10px 16px;
              text-align      : center;
            }


#grueso_hr
          {
            padding           :35px 5px 0px 0px;
            background-color  :#4D90FE;
   
          }
                
.ver_navegador { 
                  vertical-align   : center;
                  color            : rgb(53,53,53);
                  width            : 250px;
                  background       : transparent;
                  font-family      : Verdana, Helvetica;
                  font-size        : 8px;
                  font-weight      : bold;
                  line-height      : 1.3;
                  text-align       : center;
                  visibility       : visible;
                  margin           : 30px 0px 0px 15px;
                  position         : absolute;
                  padding          : 0px 0px 2px 0px;
                  white-space      : wrap;
                }

  button,

  input[type=button],

  input[type=submit] {

  font-family: Arial, sans-serif;

  }

  a,

  a:hover,

  a:visited {


  cursor: pointer;

  text-decoration: none;
  
  color: #FFFFFF;

  }

  a:hover {

  text-decoration: underline;

  }

  h1 {

  font-size: 20px;

  color: #262626;

  margin: 0 0 15px;

  font-weight: normal;

  }

  h2 {

  font-size: 14px;

  color: #262626;

  margin: 0 0 15px;

  font-weight: bold;

  }

  input[type=email],

  input[type=number],

  input[type=password],

  input[type=tel],

  input[type=text],

  input[type=url] {

  -moz-appearance: none;

  -webkit-appearance: none;

  appearance: none;

  display: inline-block;

  height: 36px;

  padding: 0 8px;

  margin: 0;

  background: #fff;

  border: 1px solid #d9d9d9;

  border-top: 1px solid #c0c0c0;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -moz-border-radius: 1px;

  -webkit-border-radius: 1px;

  border-radius: 1px;

  font-size: 15px;

  color: #404040;

  }

  input[type=email]:hover,

  input[type=number]:hover,

  input[type=password]:hover,

  input[type=tel]:hover,

  input[type=text]:hover,

  input[type=url]:hover {

  border: 1px solid #b9b9b9;

  border-top: 1px solid #a0a0a0;

  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);

  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);

  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);

  }

  input[type=email]:focus,

  input[type=number]:focus,

  input[type=password]:focus,

  input[type=tel]:focus,

  input[type=text]:focus,

  input[type=url]:focus {

  outline: none;

  border: 1px solid #4d90fe;

  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);

  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);

  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);

  }

  input[type=checkbox],

  input[type=radio] {

  -webkit-appearance: none;

  display: inline-block;

  width: 13px;

  height: 13px;

  margin: 0;

  cursor: pointer;

  vertical-align: bottom;

  background: #fff;

  border: 1px solid #c6c6c6;

  -moz-border-radius: 1px;

  -webkit-border-radius: 1px;

  border-radius: 1px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

  }

  input[type=checkbox]:active,

  input[type=radio]:active {

  background: #ebebeb;

  }

  input[type=checkbox]:hover {

  border-color: #c6c6c6;

  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);

  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);

  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);

  }

  input[type=radio] {

  -moz-border-radius: 1em;

  -webkit-border-radius: 1em;

  border-radius: 1em;

  width: 15px;

  height: 15px;

  }

  input[type=checkbox]:checked,

  input[type=radio]:checked {

  background: #fff;

  }

  input[type=radio]:checked::after {

  content: '';

  display: block;

  position: relative;

  top: 3px;

  left: 3px;

  width: 7px;

  height: 7px;

  background: #666;

  -moz-border-radius: 1em;

  -webkit-border-radius: 1em;

  border-radius: 1em;

  }

  input[type=checkbox]:checked::after {

  content: url(//ssl.gstatic.com/ui/v1/menu/checkmark.png);

  display: block;

  position: absolute;

  top: -6px;

  left: -5px;

  }

  input[type=checkbox]:focus {

  outline: none;

  border-color: #4d90fe;

  }

  .stacked-label {

  display: block;

  font-weight: bold;

  margin: .5em 0;

  }

  .hidden-label {

  position: absolute !important;

  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);

  height: 0px;

  width: 0px;

  overflow: hidden;

  visibility: hidden;

  }

  input[type=checkbox].form-error,

  input[type=email].form-error,

  input[type=number].form-error,

  input[type=password].form-error,

  input[type=text].form-error,

  input[type=tel].form-error,

  input[type=url].form-error {

  border: 1px solid #dd4b39;

  }

  .error-msg {

  margin: .5em 0;

  display: block;

  color: #dd4b39;

  line-height: 17px;

  }

  .help-link {

  background: #dd4b39;

  padding: 0 5px;

  color: #fff;

  font-weight: bold;

  display: inline-block;

  -moz-border-radius: 1em;

  -webkit-border-radius: 1em;

  border-radius: 1em;

  text-decoration: none;

  position: relative;

  top: 0px;

  }

  .help-link:visited {

  color: #fff;

  }

  .help-link:hover {

  color: #fff;

  background: #c03523;

  text-decoration: none;

  }

  .help-link:active {

  opacity: 1;

  background: #ae2817;

  }

  .wrapper {

  position: relative;

  min-height: 100%;

  }

  .content {

  padding: 0 44px;

  }

  .main {

  padding-bottom: 100px;

  }

  /* For modern browsers */

  .clearfix:before,

  .clearfix:after {

  content: "";

  display: table;

  }

  .clearfix:after {

  clear: both;

  }

  /* For IE 6/7 (trigger hasLayout) */

  .clearfix {

  zoom:1;

  }

  .google-header-bar {

  height: 71px;

  border-bottom: 1px solid #e5e5e5;

  overflow: hidden;

  }

  .header .logo {

  margin: 17px 0 0;

  float: left;

  height: 38px;

  width: 116px;

  }

  .header .secondary-link {

  margin: 28px 0 0;

  float: right;

  }

  .header .secondary-link a {

  font-weight: normal;

  }

  .google-header-bar.centered {

  border: 0;

  height: 108px;

  }

  .google-header-bar.centered .header .logo {

  float: none;

  margin: 40px auto 30px;

  display: block;

  }

  .google-header-bar.centered .header .secondary-link {

  display: none

  }

  .google-footer-bar {

  position: absolute;

  bottom: 0;

  height: 35px;

  width: 100%;

  border-top: 1px solid #e5e5e5;

  overflow: hidden;

  }

  .footer {

  padding-top: 7px;

  font-size: .85em;

  white-space: nowrap;

  line-height: 0;

  }

  .footer ul {

  float: left;

  max-width: 80%;

  padding: 0;

  }

  .footer ul li {

  color: #737373;

  display: inline;

  padding: 0;

  padding-right: 1.5em;

  }

  .footer a {

  color: #737373;

  }

  .lang-chooser-wrap {

  float: right;

  display: inline;

  }

  .lang-chooser-wrap img {

  vertical-align: middle;

  }

  .hidden {

  height: 0px;

  width: 0px;

  overflow: hidden;

  visibility: hidden;

  display: none !important;

  }

  .card {

  background-color: #f7f7f7;

  color           : #000000;

  padding: 20px 25px 30px;

  margin: 0 auto 25px;

  width: 304px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

  }

  .card *:first-child {

  margin-top: 0;

  }

  .rc-button {

  display: inline-block;

  min-width: 46px;

  text-align: center;

  color: #444;

  font-size: 14px;

  font-weight: 700;

  height: 36px;

  padding: 0 8px;

  line-height: 36px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  -o-transition: all 0.218s;

  -moz-transition: all 0.218s;

  -webkit-transition: all 0.218s;

  transition: all 0.218s;

  border: 1px solid #dcdcdc;

  background-color: #f5f5f5;

  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);

  background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);

  background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);

  background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);

  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);

  -o-transition: none;

  -moz-user-select: none;

  -webkit-user-select: none;

  user-select: none;

  cursor: default;

  }

  .card .rc-button {

  width: 100%;

  padding: 0;

  }

  .rc-button:hover {

  border: 1px solid #c6c6c6;

  color: #333;

  text-decoration: none;

  -o-transition: all 0.0s;

  -moz-transition: all 0.0s;

  -webkit-transition: all 0.0s;

  transition: all 0.0s;

  background-color: #f8f8f8;

  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);

  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);

  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);

  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);

  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);

  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);

  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);

  box-shadow: 0 1px 1px rgba(0,0,0,0.1);

  }

  .rc-button:active {

  background-color: #f6f6f6;

  background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);

  background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);

  background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);

  background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);

  background-image: linear-gradient(top,#f6f6f6,#f1f1f1);

  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);

  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);

  box-shadow: 0 1px 2px rgba(0,0,0,0.1);

  }

  .rc-button-submit {

  border: 1px solid #8730cb;

  color: #fff;

  text-shadow: 0 1px rgba(0,0,0,0.1);

  background-color: #2b3a8e;

  background-image: -webkit-linear-gradient(top,#2B7D90,#2b3a8e);

  background-image: -moz-linear-gradient(top,#2B7D90,#2b3a8e);

  background-image: -ms-linear-gradient(top,#2B7D90,#2b3a8e);

  background-image: -o-linear-gradient(top,#2B7D90,#2b3a8e);

  background-image: linear-gradient(top,#2B7D90,#2b3a8e);

  }

  .rc-button-submit:hover {

  border: 1px solid #a081c5;

  color: #fff;

  text-shadow: 0 1px rgba(0,0,0,0.3);

  background-color: #a081c5;

  background-image: -webkit-linear-gradient(top,#149695,#147F97);

  background-image: -moz-linear-gradient(top,#149695,#147F97);

  background-image: -ms-linear-gradient(top,#149695,#147F97);

  background-image: -o-linear-gradient(top,#149695,#147F97);

  background-image: linear-gradient(top,#149695,#147F97);

  }

  .rc-button-submit:active {

  background-color: #357ae8;

  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);

  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);

  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);

  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);

  background-image: linear-gradient(top,#4d90fe,#357ae8);

  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);

  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);

  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);

  }

  .rc-button-red {

  border: 1px solid transparent;

  color: #fff;

  text-shadow: 0 1px rgba(0,0,0,0.1);

  background-color: #d14836;

  background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);

  background-image: -moz-linear-gradient(top,#dd4b39,#d14836);

  background-image: -ms-linear-gradient(top,#dd4b39,#d14836);

  background-image: -o-linear-gradient(top,#dd4b39,#d14836);

  background-image: linear-gradient(top,#dd4b39,#d14836);

  }

  .rc-button-red:hover {

  border: 1px solid #b0281a;

  color: #fff;

  text-shadow: 0 1px rgba(0,0,0,0.3);

  background-color: #c53727;

  background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);

  background-image: -moz-linear-gradient(top,#dd4b39,#c53727);

  background-image: -ms-linear-gradient(top,#dd4b39,#c53727);

  background-image: -o-linear-gradient(top,#dd4b39,#c53727);

  background-image: linear-gradient(top,#dd4b39,#c53727);

  }

  .rc-button-red:active {

  border: 1px solid #992a1b;

  background-color: #b0281a;

  background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a);

  background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);

  background-image: -ms-linear-gradient(top,#dd4b39,#b0281a);

  background-image: -o-linear-gradient(top,#dd4b39,#b0281a);

  background-image: linear-gradient(top,#dd4b39,#b0281a);

  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);

  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);

  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);

  }

</style>

<style media="screen and (max-width: 800px), screen and (max-height: 800px)">

  .google-header-bar.centered {

  height: 83px;

  }

  .google-header-bar.centered .header .logo {

  margin: 25px auto 20px;

  }

  .card {

  margin-bottom: 20px;

  }

</style>

<style media="screen and (max-width: 580px)">

  html, body {

  font-size: 14px;

  }

  .google-header-bar.centered {

  height: 73px;

  }

  .google-header-bar.centered .header .logo {

  margin: 20px auto 15px;

  }

  .content {

  padding-left: 10px;

  padding-right: 10px;

  }

.hidden-small {

  display: none;

  }

  .card {

  padding: 20px 15px 30px;

  width: 270px;

  }

  .footer ul li {

  padding-right: 1em;

  }

  .lang-chooser-wrap {

  display: none;

  }

</style>

<style>

  pre.debug {

  font-family: monospace;

  position: absolute;

  left: 0;

  margin: 0;

  padding: 1.5em;

  font-size: 13px;

  background: #f1f1f1;

  border-top: 1px solid #e5e5e5;

  direction: ltr;

  white-space: pre-wrap;

  width: 90%;

  overflow: hidden;

  }

</style>

  <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400&lang=es" rel="stylesheet" type="text/css">

<style>

  .banner {

  text-align: center;

  }

  .banner h1 {

  font-family: 'Open Sans', arial;

  -webkit-font-smoothing: antialiased;

  color: #555;

  font-size: 42px;

  font-weight: 300;

  margin-top: 0;

  margin-bottom: 20px;

  }

  .banner h2 {

  font-family: 'Open Sans', arial;

  -webkit-font-smoothing: antialiased;

  color: #555;

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 20px;

  }

  .signin-card {

  width: 274px;

  padding: 40px 40px;

  }

  .signin-card .profile-img {

  width: 136px;

  height: 136px;

  margin: 0 auto 10px;

  display: block;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  }

  .signin-card .profile-name {

  font-size: 16px;

  font-weight: bold;

  text-align: center;

  margin: 10px 0 0;

  height: 1em;

  }

 .card #letra3 {
              font-color     : #4D90FE;
              font-size      : 14px;
              text-shadow    : 3px 3px 3px #D8D8D8;
              margin         : 5px 5px 30px 10px;
              text-align     : center;
            }

  .signin-card input[type=email],

  .signin-card input[type=password],

  .signin-card input[type=text],

  .signin-card input[type=submit] {

  width: 80%;

  display: block;

  margin-bottom: 10px;

  z-index: 1;

  position: relative;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  }

  .signin-card #Email,

  .signin-card #Passwd,

  .signin-card .captcha {

  direction: ltr;

  height: 44px;

  font-size: 24px;

  }

  .signin-card #Email + .stacked-label {

  margin-top: 15px;

  }

  .signin-card #reauthEmail {

  display: block;

  margin-bottom: 10px;

  line-height: 36px;

  padding: 0 8px;

  font-size: 15px;

  color: #404040;

  line-height: 2;

  margin-bottom: 10px;

  font-size: 14px;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  }

  .one-google p {

  margin: 0 0 10px;

  color: #555;

  font-size: 14px;

  text-align: center;

  }

  .one-google p.create-account,

  .one-google p.switch-account {

  margin-bottom: 60px;

  }

  .one-google img {

  display: block;

  width: 210px;

  height: 17px;

  margin: 10px auto;

  }

</style>

<style media="screen and (max-width: 800px), screen and (max-height: 800px)">

  .banner h1 {

  font-size: 38px;

  margin-bottom: 15px;

  }

  .banner h2 {

  margin-bottom: 15px;

  }

  .one-google p.create-account,

  .one-google p.switch-account {

  margin-bottom: 30px;

  }

  .signin-card #Email {

  margin-bottom: 0;

  }

  .signin-card #Passwd {

  margin-top: -1px;

  }

  .signin-card #Email.form-error,

  .signin-card #Passwd.form-error {

  z-index: 2;

  }

  .signin-card #Email:hover,

  .signin-card #Email:focus,

  .signin-card #Passwd:hover,

  .signin-card #Passwd:focus {

  z-index: 3;

  }

.toper {
             background-color         : #2b3a8e;
font-family: 'cosmoslight', arial, sans-serif;
    font-size               : 16px;
             color                    : #fff;
             text-align               : center;
             display                  : block;
             z-index                  : 100;
             position                 : absolute;
             left                     : 0;
             top                      : 0;
             height                   : 23px;
             padding-top              : 3px;
             width                    : 100%;
}

footer {
             background-color         : #2b3a8e;
             color                    : #fff;
             display                  : block;
             z-index                  : 100;
             position                 : absolute;
             left                     : 0;
             bottom                   : 0;
             height                   : 37px;
             width                    : 100%;
}



                

.B_registro {
    color                   : #FFFFFF;
    font-family             : Arial, sans-serif;
    font-size               : 18px;
    border                  : solid 1px #FFFFFF;
    padding                 : 5px 35px 5px 35px;
    -moz-border-radius      : 3px 3px 3px 3px;
    -webkit-border-radius   : 3px 3px 3px 3px;
    border-radius           : 3px 3px 3px 3px;
}

.B_registro:hover {
    color                   : #2b3a8e;
    font-weight             : bold;
    background              : #ffffff;
    text-decoration         : none;
    background              : -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background              : -moz-linear-gradient(top,  #fff,  #fff);
}


A.olvido  {
  color: #262626;
} 

/* Social */
#sn{list-style-type:none; margin:0 0 0 0; padding:35px 30px 0 0px; float:right;} 
#sn li{list-style-type:none; margin:0; padding:0 0px 0 10px; display:inline; background:transparent} 
#sn span{height:32px; width:32px; display:inline;display:inline-block}
.icon-img{background-position:0 0;}
.icon-img:hover{background-position:0 -32px !important;}