/* === CONFIG === */
/* === FRAMEWORK === */
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: ""; }
  .clearfix:after {
    clear: both; }

@media (min-width: 0px) {
  body::before {
    content: 'mobile';
    display: none; } }
body {
  font-size: 14px; }

.wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.42857em;
  padding-right: 1.42857em; }

img {
  max-width: 100%; }

.no-js .responsive-image {
  display: none; }

.grid {
  display: block;
  padding: 0;
  margin: 0 -0.71429em;
  text-align: left;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  text-rendering: optimizespeed; }

.grid > .grid {
  overflow: hidden;
  margin-right: 0;
  margin-left: 0; }

.grid-cell {
  width: 100%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0.71429em;
  /* controls vertical positioning of units */
  vertical-align: top;
  /* keeps unit content correctly aligned */
  text-align: left;
  /* reset text defaults */
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto; }
  .lt-ie8 .grid-cell {
    behavior: url(/content/themes/_Breakpoint/js/boxsizing.htc); }

.grid-center {
  text-align: center; }

.grid-cell-center {
  display: block;
  margin: 0 auto; }

/* === NORMALIZE === */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* === NAV === */
.active {
  display: block; }

.toggleMenu {
  background: #283e8a;
  padding: 10px 15px;
  color: #fff; }

header .nav {
  display: none; }

.nav {
  list-style: none;
  width: 100%;
  *zoom: 1;
  background: #283e8a;
  margin: 0;
  padding: 0; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav li {
    position: relative;
    list-style: none; }
    .nav li a {
      padding: 1.28571em 1.07143em;
      color: #fff;
      font-size: 0.85714em;
      text-decoration: none;
      display: block; }
      .nav li a:hover {
        background-color: #2b4396; }
    .nav li ul {
      width: 100%;
      margin: 0;
      padding: 0; }
      .nav li ul a {
        padding-left: 3em; }
      .nav li ul ul a {
        padding-left: 4em; }

@media (min-width: 41.25em) {
  body::before {
    content: "tablet"; }

  .wrapper {
    width: 44.28571em; }

  .toggleMenu {
    display: none; }

  .nav {
    display: block; }
    .nav a {
      padding: 1.07143em 1.42857em; }
    .nav > li {
      float: left; }
      .nav > li > .parent {
        background-image: url("../img/downArrow.png");
        background-repeat: no-repeat;
        background-position: 98% 50%;
        padding-right: 1.42857em; }
    .nav > li.hover > ul {
      left: 0; }
    .nav li ul {
      position: absolute;
      left: -9999px; }
      .nav li ul a, .nav li ul ul a {
        padding-left: 1.07143em; }
    .nav li li.hover ul {
      left: 100%;
      top: 0; }
    .nav li li a {
      display: block;
      background: #283e8a;
      position: relative;
      z-index: 100;
      border-bottom: 1px solid #29408e; }
    .nav li li li a {
      z-index: 200;
      border-bottom: 1px solid #29408e; }

  .footer .nav a {
    font-size: 0.78571em; } }
.lt-ie9 .wrapper {
  width: 44.28571em; }
.lt-ie9 .toggleMenu {
  display: none; }
.lt-ie9 .nav {
  display: block; }
  .lt-ie9 .nav a {
    padding: 1.07143em 1.42857em; }
  .lt-ie9 .nav > li {
    float: left; }
    .lt-ie9 .nav > li > .parent {
      background-image: url("../img/downArrow.png");
      background-repeat: no-repeat;
      background-position: 98% 50%;
      padding-right: 1.42857em; }
  .lt-ie9 .nav > li.hover > ul {
    left: 0; }
  .lt-ie9 .nav li ul {
    position: absolute;
    left: -9999px; }
    .lt-ie9 .nav li ul a, .lt-ie9 .nav li ul ul a {
      padding-left: 1.07143em; }
  .lt-ie9 .nav li li.hover ul {
    left: 100%;
    top: 0; }
  .lt-ie9 .nav li li a {
    display: block;
    background: #283e8a;
    position: relative;
    z-index: 100;
    border-bottom: 1px solid #29408e; }
  .lt-ie9 .nav li li li a {
    z-index: 200;
    border-bottom: 1px solid #29408e; }
.lt-ie9 .footer .nav a {
  font-size: 0.78571em; }

/* === FORMALIZE === */
.input_tiny {
  width: 50px; }

.input_small {
  width: 100px; }

.input_medium {
  width: 150px; }

.input_large {
  width: 200px; }

.input_xlarge {
  width: 250px; }

.input_xxlarge {
  width: 300px; }

.input_full {
  width: 100%; }

.input_full_wrap {
  display: block;
  padding-right: 8px; }

input[type="search"]::-webkit-search-decoration {
  display: none; }

input:invalid,
button:invalid,
a.button:invalid,
select:invalid,
textarea:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
input:focus,
button:focus,
a.button:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: #0066ff 0 0 5px 0;
  -moz-box-shadow: #0066ff 0 0 5px 0;
  box-shadow: #0066ff 0 0 5px 0;
  z-index: 1; }

input[type="file"]:focus, input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

button,
a.button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #dddddd url('../img/button.png?1378413919') repeat-x;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(#ffffff, #dddddd);
  background-image: -moz-linear-gradient(#ffffff, #dddddd);
  background-image: -o-linear-gradient(#ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  display: inline-block;
  font: bold 12px / 1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  margin: 0;
  padding: 3px 10px;
  text-shadow: white 0 1px 1px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
  *padding-top: 2px;
  *padding-bottom: 0; }
  button:hover,
  a.button:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover,
  input[type="button"]:hover {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));
    background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
    background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
    background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
    background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
    text-decoration: none; }
  button:active,
  a.button:active,
  input[type="reset"]:active,
  input[type="submit"]:active,
  input[type="button"]:active {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#dddddd, #eeeeee);
    background-image: -moz-linear-gradient(#dddddd, #eeeeee);
    background-image: -o-linear-gradient(#dddddd, #eeeeee);
    background-image: linear-gradient(#dddddd, #eeeeee);
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
    box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
    border-color: #999999 #bbbbbb #dddddd; }
  button::-moz-focus-inner,
  a.button::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner {
    border: 0;
    padding: 0; }

a.button {
  *padding-bottom: 3px; }

button {
  *padding-top: 1px;
  *padding-bottom: 1px; }

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  outline: 0;
  margin: 0;
  padding: 2px 3px;
  text-align: left;
  font-size: 13px;
  font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
  height: 1.8em;
  vertical-align: top;
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto; }
  textarea[disabled],
  select[disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="email"][disabled],
  input[type="month"][disabled],
  input[type="number"][disabled],
  input[type="password"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="text"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  input[type="week"][disabled] {
    background-color: #eeeeee; }

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #888888;
  cursor: default; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #888888; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888888; }

input.placeholder_text,
textarea.placeholder_text {
  color: #888888; }

textarea,
select[size],
select[multiple] {
  height: auto; }

select[size="0"],
select[size="1"] {
  height: 1.8em;
  *height: auto; }

@media (-webkit-min-device-pixel-ratio: 0) {
  select[size],
  select[multiple],
  select[multiple][size] {
    background-image: none;
    padding-right: 3px; }

  select,
  select[size="0"],
  select[size="1"] {
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px; }

  ::-webkit-validation-bubble-message {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    border: 0;
    color: white;
    font: 13px / 17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: black 0 0 1px;
    min-height: 16px; }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666666;
    border-color: #666666; } }
textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%; }

optgroup {
  color: black;
  font-style: normal;
  font-weight: normal;
  font-family: Arial, "Liberation Sans", FreeSans, sans-serif; }
  optgroup::-moz-focus-inner {
    border: 0;
    padding: 0; }

.ie6_button,
* html button,
* html a.button {
  background: #dddddd url('../img/../img/button.png?1378413919') repeat-x;
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  font: bold 12px / 1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  text-decoration: none;
  overflow: visible;
  vertical-align: top;
  width: auto; }

* html a.button {
  position: relative;
  top: 3px;
  padding-bottom: 2px; }

* html button {
  padding-top: 1px;
  padding-bottom: 1px; }

.ie6_input,
* html textarea,
* html select {
  background: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top; }

* html select {
  margin-top: 1px; }

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
  color: #888888; }

.ie6_input_disabled {
  background: #eeeeee; }

/* === BASE CUSTOM STYLES === */
/* ----- CUSTOM VARIABLES ----- */
/* ----- TAG REDEF ----- */
html, body {
  font-family: Verdana, Geneva, sans-serif; }

a {
  color: #283e8a; }

a:hover {
  text-decoration: none; }

/* ----- HEADER ----- */
.header {
  background-color: #283e8a;
  color: white;
  /*margin-bottom:em(10px); */ }
  .header .logo {
    margin: 0.75em auto;
    display: block; }
  .header .topbar {
    text-align: center;
    padding: 0.71429em 0; }
    .header .topbar .grid-cell {
      text-align: center; }

.lang {
  padding: 26px 0; }
  .lang .grid-cell {
    text-align: right; }

/* ----- HOME SLIDESHOW ----- */
.home_slideshow {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  z-index: 1; }
  .home_slideshow #pager_prev,
  .home_slideshow #pager_next {
    display: none;
    position: absolute;
    top: 45%;
    z-index: 50;
    width: 2.14286em;
    height: 2.14286em;
    background-image: url(../img/home_slideshow/arrows.png);
    background-repeat: no-repeat; }
  .home_slideshow #pager_prev {
    left: 1em; }
  .home_slideshow #pager_next {
    right: 1em;
    background-position: -30px 0; }

.home_slides {
  overflow: hidden; }
  .home_slides .home_slide {
    display: none; }
    .home_slides .home_slide .texto {
      position: absolute;
      top: 0.75em;
      left: 51%;
      width: 45%; }
      .home_slides .home_slide .texto h5 {
        margin-bottom: 0.35714em; }
      .home_slides .home_slide .texto p {
        font-size: 0.85714em;
        margin-top: 0.35714em;
        display: none; }
    .home_slides .home_slide:first-child {
      display: block; }
    .home_slides .home_slide img {
      width: 100%;
      max-width: 100%;
      height: auto;
      width: auto;
      /* ie8 fix*/ }

#pager {
  margin: 10px auto 0 auto;
  z-index: 50;
  width: 70px; }

#pager A {
  float: left;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #c2cbe1;
  width: 10px;
  height: 10px;
  line-height: 10px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

#pager A.activeSlide {
  background: #c2cbe1; }

#pager A:focus {
  outline: none; }

/* ---- BREADCRUMBS ---- */
#breadcrumbs {
  font-size: 0.78571em;
  font-style: italic;
  margin: 0; }

/* ---- MAIN CONTENT ---- */
.main {
  padding-bottom: 1.42857em;
  position: relative; }

.main ul {
  overflow: hidden; }

h1, h2, h4 {
  font-weight: normal; }

h1 {
  background-color: #283e8a;
  color: white !important;
  padding: 5px;
  font-size: 1.5em !important; }

.h1 {
  text-align: center;
  background-color: #283e8a;
  color: white !important;
  padding: 5px;
  font-size: 1.2em !important; }

h2 {
  color: #283e8a;
  font-size: 1.2em;
  font-weight: bold; }

h2.hilighted {
  background-color: #283e8a;
  color: white;
  padding: 5px; }

h3 {
  color: #283e8a;
  font-size: 1.1em; }

h4 {
  color: #879ac7;
  font-size: 1em; }

/* ---- FEATURED BOXES ---- */
.featbox {
  background-size: 100%;
  position: relative;
  min-height: 300px;
  border: 0.71429em solid #283e8a;
  margin: 1.78571em auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 5px 5px 5px #888; }
  .featbox h1 {
    margin-top: 0.57143em;
    font-weight: normal;
    font-size: 1.2em; }
    .featbox h1 a {
      color: #FFF;
      text-decoration: none; }
  .featbox h3, .featbox p, .featbox ul {
    margin: 0.75em; }
  .featbox ul {
    padding-left: 0.75em; }
  .featbox:hover {
    border-color: #666; }
  .featbox:hover h1 {
    background-color: #666; }
  .featbox .icono {
    position: absolute;
    top: -1.42857em;
    right: 0;
    width: 54px;
    height: 60px; }

.featbox.usuarios {
  background: url(../img/usuarios-fondo.jpg) bottom center no-repeat; }
  .featbox.usuarios .icono {
    background: url(../img/icono_usuarios.png) no-repeat; }

.featbox.usar_ventanas {
  background: url(../img/por-que-usar-ventanas-eficientes-fondo.jpg) bottom center no-repeat; }
  .featbox.usar_ventanas .icono {
    background: url(../img/icono_por-que-usar-ventanas.png) no-repeat; }

.featbox.simulador {
  background: url(../img/fondo-conozca-mas-sobre-la-etiqueta.jpg) bottom left no-repeat; }
  .featbox.simulador .icono {
    background: url(../img/icono_simulador.png) no-repeat; }

.featbox.comprar {
  background: url(../img/comprar-fondo.jpg) bottom center no-repeat; }
  .featbox.comprar .icono {
    background: url(../img/icono_adquirir-programa.png) no-repeat; }

.parrafo_resaltado {
  background-color: #4f69a9;
  color: #fff !important;
  padding: 10px;
  position: relative;
  margin-top: 50px;
  margin-left: 30px;
  margin-right: auto;
  padding-left: 50px; }
  .parrafo_resaltado img {
    position: absolute;
    top: -41px;
    left: -41px; }

/* ---- SIMULADOR 00 ---- */
.frmSimulador {
  margin-left: auto;
  margin-right: auto; }
  .frmSimulador th, .frmSimulador td {
    padding: 8px;
    color: white !important; }
  .frmSimulador td {
    background-color: #879ac7; }
  .frmSimulador th {
    background-color: #283e8a; }

.resultado_simulador_holder {
  position: relative;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto; }

.resultado_simulador {
  position: absolute;
  font-size: 2em;
  top: 20px;
  right: 20px; }

.errorbox {
  margin: 10px auto;
  padding: 0 10px 10px 10px;
  border: 1px solid red; }

/* -- REGISTRO USUARIO -- */
.empresa_asociada {
  display: none; }

/* -- ZONA PRIVADA -- */
.tbl_precios td, .tbl_precios th {
  background: #EAEAEA;
  border: 1px solid #CCC; }

/* -- LISTADO DE LICENCIATARIOS -- */
.tbl_licenciatarios th {
  background-color: #283e8a;
  color: #FFF; }
  .tbl_licenciatarios th a {
    color: #FFF; }
.tbl_licenciatarios td {
  background-color: #dae0ee; }

/* -- PREGUNTAS FRECUENTES -- */
.pregunta {
  margin: 1em 0;
  display: inline-block;
  font-weight: bold; }

.respuesta {
  display: none;
  border: 1px solid #EAEAEA;
  padding: 0 1em;
  background-color: #EFEFEF; }

/* ----- ENLACES ----- */
.enlace {
  text-align: center;
  margin: 0.71429em 0; }
  .enlace img {
    border: 0.07143em solid #eaeaea; }

.enlace img {
  display: block;
  margin-bottom: 10px; }

.enlace .link_description {
  font-size: 0.85714em; }

/* ----- CONTACTO ----- */
.wpcf7-text {
  width: 100%; }

#map_canvas {
  width: 100%;
  height: 22.85714em; }
  #map_canvas img {
    max-width: inherit; }

/* ----- CARRUSEL DE LOGOS ----- */
#logoParade {
  width: 100%;
  height: 120px;
  position: relative;
  margin: 10px auto 10px auto; }

#logoParade div.scrollableArea div {
  float: left; }

.bookmark {
  text-align: center;
  margin-right: 50px;
  max-width: 200px; }
  .bookmark img {
    height: 75px; }
  .bookmark span {
    display: block;
    margin: 0; }

/* ----- FOOTER ----- */
.footer {
  /*margin-top: 0.75em;*/
  background-color: #283e8a;
  color: white;
  overflow: hidden; }
  .footer a {
    color: white;
    font-size: 0.71429em; }
  .footer .seal {
    margin: 7px 0; }

/* -- MISC -- */
.chromeframe {
  margin: 0;
  padding: 0.35714em;
  text-align: center;
  background-color: #FF9; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.relativepos {
  position: relative; }

.indicator-hint {
  font-size: 11px !important; }

.pdf-link {
  background: url(../img/logoPDF.gif) left no-repeat;
  padding-left: 20px;
  display: inline-block;
  height: 16px; }

/* === TABLET STYLES === */
@media (min-width: 41.25em) {
  body::before {
    content: "tablet"; }

  .wrapper {
    width: 44.28571em; }

  .fluid2 {
    width: 25%; }

  .fluid10 {
    width: 75%; }

  /*
  @font-face {
  	font-family: "Rotis Semi Sans";
  	src: url(../fonts/rotissemsan.eot);
  	src: local("Rotis Semi Sans"), url(../fonts/rotissemsan.ttf) format('opentype');
  }
  */
  .header {
    height: 3.28571em; }

  .header .logo {
    margin-left: 0.71429em; }

  #pager {
    margin: -20px auto 0 auto; }

  .featbox {
    width: 420px;
    height: 300px; }
    .featbox p {
      font-size: 12px !important;
      /*line-height:220% !important;*/ }
    .featbox li {
      margin-bottom: 0.71429em;
      /*line-height:280% !important;*/ }
    .featbox.usar_ventanas li {
      /*line-height:230% !important;*/ }

  .main {
    padding-top: 4.64286em;
    -webkit-box-shadow: 3px 0px 3px rgba(60, 60, 60, 0.3), -3px 0px 3px rgba(60, 60, 60, 0.3);
    -moz-box-shadow: 3px 0px 3px rgba(60, 60, 60, 0.3), -3px 0px 3px rgba(60, 60, 60, 0.3);
    box-shadow: 3px 0px 3px rgba(60, 60, 60, 0.3), -3px 0px 3px rgba(60, 60, 60, 0.3); }

  .main {
    color: #444; }
    .main p, .main li, .main td, .main span, .main .errorbox {
      font-size: 12px;
      color: #444;
      line-height: 150%; }
    .main li {
      margin-bottom: 0.5em; }
      .main li ul, .main li ol {
        margin-top: 0.5em;
        overflow: hidden; }
        .main li ul li, .main li ol li {
          margin-bottom: 0; }

  .parrafo_resaltado {
    width: 60%;
    margin-left: auto; }

  /* ---- SIMULADOR 08 ---- */
  .resultado_simulador {
    font-size: 3.5em; }

  /* -- MISC -- */
  .alignright {
    float: right; }

  .alignleft {
    float: left;
    margin-bottom: 0.71429em;
    margin-right: 0.71429em; } }
.lt-ie9 {
  /*
  @font-face {
  	font-family: "Rotis Semi Sans";
  	src: url(../fonts/rotissemsan.eot);
  	src: local("Rotis Semi Sans"), url(../fonts/rotissemsan.ttf) format('opentype');
  }
  */
  /* ---- SIMULADOR 08 ---- */
  /* -- MISC -- */ }
  .lt-ie9 .wrapper {
    width: 44.28571em; }
  .lt-ie9 .fluid2 {
    width: 25%; }
  .lt-ie9 .fluid10 {
    width: 75%; }
  .lt-ie9 .header {
    height: 3.28571em; }
  .lt-ie9 .header .logo {
    margin-left: 0.71429em; }
  .lt-ie9 #pager {
    margin: -20px auto 0 auto; }
  .lt-ie9 .featbox {
    width: 420px;
    height: 300px; }
    .lt-ie9 .featbox p {
      font-size: 12px !important;
      /*line-height:220% !important;*/ }
    .lt-ie9 .featbox li {
      margin-bottom: 0.71429em;
      /*line-height:280% !important;*/ }
    .lt-ie9 .featbox.usar_ventanas li {
      /*line-height:230% !important;*/ }
  .lt-ie9 .main {
    padding-top: 4.64286em;
    -webkit-box-shadow: 3px 0px 3px rgba(60, 60, 60, 0.3), -3px 0px 3px rgba(60, 60, 60, 0.3);
    -moz-box-shadow: 3px 0px 3px rgba(60, 60, 60, 0.3), -3px 0px 3px rgba(60, 60, 60, 0.3);
    box-shadow: 3px 0px 3px rgba(60, 60, 60, 0.3), -3px 0px 3px rgba(60, 60, 60, 0.3); }
  .lt-ie9 .main {
    color: #444; }
    .lt-ie9 .main p, .lt-ie9 .main li, .lt-ie9 .main td, .lt-ie9 .main span, .lt-ie9 .main .errorbox {
      font-size: 12px;
      color: #444;
      line-height: 150%; }
    .lt-ie9 .main li {
      margin-bottom: 0.5em; }
      .lt-ie9 .main li ul, .lt-ie9 .main li ol {
        margin-top: 0.5em;
        overflow: hidden; }
        .lt-ie9 .main li ul li, .lt-ie9 .main li ol li {
          margin-bottom: 0; }
  .lt-ie9 .parrafo_resaltado {
    width: 60%;
    margin-left: auto; }
  .lt-ie9 .resultado_simulador {
    font-size: 3.5em; }
  .lt-ie9 .alignright {
    float: right; }
  .lt-ie9 .alignleft {
    float: left;
    margin-bottom: 0.71429em;
    margin-right: 0.71429em; }

/* === DESKTOP STYLES === */
@media (min-width: 61.25em) {
  body::before {
    content: "desktop"; }

  .wrapper {
    width: 67.14286em; }

  .header .topbar {
    text-align: right; }
    .header .topbar .grid-cell {
      text-align: right; }

  .home_slides .home_slide .texto p {
    display: block; }

  .featbox.usuarios {
    margin-left: 20px; }

  .featbox.usar_ventanas {
    margin-left: 20px; }

  .featbox.simulador {
    margin-right: 20px; }

  .featbox.comprar {
    margin-right: 20px; }

  .content-wide {
    width: 100%; }

  .content-narrow {
    width: 66.66667%; }

  .sidebar {
    width: 33.33333%; }

  .feature {
    width: 33.33333%; }

  .fluid2 {
    width: 16.66667%; }

  .fluid3 {
    width: 25%; }

  .fluid4 {
    width: 33.33333%; }

  .fluid5 {
    width: 41.66667%; }

  .fluid6 {
    width: 50%; }

  .fluid8 {
    width: 66.66667%; }

  .fluid10 {
    width: 83.33333%; }

  /* ---- SIMULADOR 12 ---- */
  .resultado_simulador {
    font-size: 4em; }

  /* ---- MENU USUARIO ---- */
  .user_pages {
    position: absolute;
    top: 20px;
    right: 20px; } }
.lt-ie9 {
  /* ---- SIMULADOR 12 ---- */
  /* ---- MENU USUARIO ---- */ }
  .lt-ie9 .wrapper {
    width: 67.14286em; }
  .lt-ie9 .header .topbar {
    text-align: right; }
    .lt-ie9 .header .topbar .grid-cell {
      text-align: right; }
  .lt-ie9 .home_slides .home_slide .texto p {
    display: block; }
  .lt-ie9 .featbox.usuarios {
    margin-left: 20px; }
  .lt-ie9 .featbox.usar_ventanas {
    margin-left: 20px; }
  .lt-ie9 .featbox.simulador {
    margin-right: 20px; }
  .lt-ie9 .featbox.comprar {
    margin-right: 20px; }
  .lt-ie9 .content-wide {
    width: 100%; }
  .lt-ie9 .content-narrow {
    width: 66.66667%; }
  .lt-ie9 .sidebar {
    width: 33.33333%; }
  .lt-ie9 .feature {
    width: 33.33333%; }
  .lt-ie9 .fluid2 {
    width: 16.66667%; }
  .lt-ie9 .fluid3 {
    width: 25%; }
  .lt-ie9 .fluid4 {
    width: 33.33333%; }
  .lt-ie9 .fluid5 {
    width: 41.66667%; }
  .lt-ie9 .fluid6 {
    width: 50%; }
  .lt-ie9 .fluid8 {
    width: 66.66667%; }
  .lt-ie9 .fluid10 {
    width: 83.33333%; }
  .lt-ie9 .resultado_simulador {
    font-size: 4em; }
  .lt-ie9 .user_pages {
    position: absolute;
    top: 20px;
    right: 20px; }