/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

*:focus {
  outline: 0; }

body {
  line-height: 1em;
  color: black;
  background: #fff; }

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: "" ""; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: ""; }

img a {
  border: none; }

/* End Reset */
.section {
  margin-left: auto;
  margin-right: auto;
  width: 960px; }

.clearer {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

body {
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  line-height: 1.2em; }

strong {
  color: #cc0033;
  font-weight: bold; }

em {
  font-style: italic; }

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

h1 {
  color: #919191;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 1.2em;
  text-transform: uppercase; }

h2 {
  color: #666666;
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 0.9em; }

h3 {
  color: #666666;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 0.5em; }

p {
  margin-bottom: 1em; }

#header {
  margin-top: 1.5em; }
  #header .logo {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px; }
    body.debug #header .logo {
      background-color: #eeeeee;
      outline-color: #cccccc;
      outline-style: solid;
      outline-width: 2px; }
    #header .logo h1 {
      background: url(../images/iplan.png) no-repeat left top;
      height: 48px;
      margin-bottom: 1em;
      text-indent: -9999em;
      width: 180px; }
  #header #secondary {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px;
    color: #919191;
    font-size: 90%; }
    body.debug #header #secondary {
      background-color: #eeeeee;
      outline-color: #cccccc;
      outline-style: solid;
      outline-width: 2px; }
    #header #secondary ul, #header #secondary p {
      clear: right;
      float: right;
      margin-bottom: 0; }
    #header #secondary ul li {
      padding-left: 0; }
      #header #secondary ul li:before {
        content: '\007c';
        padding-left: 0.2em;
        padding-right: 0.2em; }
      #header #secondary ul li.first:before {
        content: " ";
        padding-left: 0;
        padding-right: 0; }
    #header #secondary a, #header #secondary li {
      color: #919191; }
    #header #secondary li.inicio a {
      background-image: url("../images/icons/pixel-icons-sprite.png");
      background-position: 0 4px;
      background-repeat: no-repeat;
      padding-left: 10px; }
    #header #secondary li.canales_de_atencion a {
      background-image: url("../images/icons/pixel-icons-sprite.png");
      background-position: 0 -179px;
      background-repeat: no-repeat;
      padding-left: 13px; }
    #header #secondary li.contacto a {
      background-image: url("../images/icons/pixel-icons-sprite.png");
      background-position: 0 -25px;
      background-repeat: no-repeat;
      padding-left: 10px; }
    #header #secondary li.acerca a {
      background-image: url("../images/icons/pixel-icons-sprite.png");
      background-position: 0 -56px;
      background-repeat: no-repeat;
      padding-left: 10px; }
    #header #secondary li.subscripciones a {
      background-image: url("../images/icons/pixel-icons-sprite.png");
      background-position: 0 -85px;
      background-repeat: no-repeat;
      padding-left: 10px; }

.nav ul.root li {
  float: left;
  padding-left: !inner_ul_menus_padding;
  padding-right: !inner_ul_menus_padding; }
  .nav ul.root li.first {
    padding-left: 0; }
  .nav ul.root li.last {
    padding-right: 0; }
.nav ul.root li.active a, .nav ul.root li.active span {
  font-weight: bold; }
.nav ul.root li.has-children a:after, .nav ul.root li.has-children span:after {
  color: #cc0033;
  content: '\25bc';
  font-weight: normal;
  font-size: 80%;
  padding-left: 0.3em;
  padding-right: 0.3em; }
.nav ul.root li.has-children .submenu li {
  display: block;
  float: none;
  padding-left: 0;
  padding-right: 0;
  white-space: normal; }
  .nav ul.root li.has-children .submenu li.active a, .nav ul.root li.has-children .submenu li.active span {
    font-weight: bold; }
.nav ul.root li.has-children .submenu a, .nav ul.root li.has-children .submenu span {
  padding: 0;
  background: transparent;
  font-weight: normal; }
  .nav ul.root li.has-children .submenu a:after, .nav ul.root li.has-children .submenu span:after {
    content: " ";
    padding: 0; }

#primary {
  cursor: default; }
  #primary a {
    cursor: default; }
  #primary ul.root {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px; }
    body.debug #primary ul.root {
      background-color: #eeeeee;
      outline-color: #cccccc;
      outline-style: solid;
      outline-width: 2px; }
    #primary ul.root a:hover {
      text-decoration: none; }
    #primary ul.root li {
      padding-left: 0.7em;
      padding-right: 0.7em; }
      #primary ul.root li .submenu {
        background: white;
        border-color: #919191;
        border-style: solid;
        border-width: 0.08em 0.08em 0.22em;
        left: -999em;
        margin-left: -0.7em;
        opacity: 0.95;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        position: absolute;
        -moz-box-shadow: 0.2em 0.2em 0.2em #919191;
        -webkit-box-shadow: 0.2em 0.2em 0.2em #919191; }
        #primary ul.root li .submenu.grouped {
          width: 40.2em; }
          #primary ul.root li .submenu.grouped .odd {
            clear: left;
            float: left;
            border-right: 0.1em solid #c1c1c1; }
          #primary ul.root li .submenu.grouped .even {
            clear: right;
            float: right; }
        #primary ul.root li .submenu ul.options li.even, #primary ul.root li .submenu ul.options li.odd {
          clear: none;
          float: none;
          border: 0; }
      #primary ul.root li ul.options {
        width: 20em; }
        #primary ul.root li ul.options li {
          margin-right: 0;
          padding-top: 0.5em;
          padding-right: 1em;
          padding-bottom: 0.5em;
          padding-left: 1em; }
          #primary ul.root li ul.options li:before {
            content: '\bb';
            color: inherit; }
      #primary ul.root li.has-children.hovered, #primary ul.root li.has-children:hover {
        background: #919191; }
        #primary ul.root li.has-children.hovered a, #primary ul.root li.has-children.hovered span, #primary ul.root li.has-children:hover a, #primary ul.root li.has-children:hover span {
          color: white;
          text-shadow: 0.1em 0.1em 0.1em #666666; }
          #primary ul.root li.has-children.hovered a:after, #primary ul.root li.has-children.hovered span:after, #primary ul.root li.has-children:hover a:after, #primary ul.root li.has-children:hover span:after {
            color: white; }
        #primary ul.root li.has-children.hovered .submenu, #primary ul.root li.has-children:hover .submenu {
          left: auto; }
          #primary ul.root li.has-children.hovered .submenu li a, #primary ul.root li.has-children.hovered .submenu li span, #primary ul.root li.has-children:hover .submenu li a, #primary ul.root li.has-children:hover .submenu li span {
            color: #666666;
            text-shadow: none;
            background: none; }
          #primary ul.root li.has-children.hovered .submenu li h2, #primary ul.root li.has-children:hover .submenu li h2 {
            background: #f1f1f1;
            color: #cc0033;
            font-weight: bold;
            font-size: 100%;
            margin-bottom: 0;
            padding-top: 0.2em;
            padding-bottom: 0.2em; }
          #primary ul.root li.has-children.hovered .submenu li.header, #primary ul.root li.has-children:hover .submenu li.header {
            text-indent: 1em;
            padding-left: 0;
            padding-right: 0; }
            #primary ul.root li.has-children.hovered .submenu li.header ul.options li, #primary ul.root li.has-children:hover .submenu li.header ul.options li {
              padding-left: 1em;
              padding-right: 1em; }
          #primary ul.root li.has-children.hovered .submenu li.hovered, #primary ul.root li.has-children.hovered .submenu li:hover, #primary ul.root li.has-children:hover .submenu li.hovered, #primary ul.root li.has-children:hover .submenu li:hover {
            background: transparent; }
        #primary ul.root li.has-children.hovered ul.options li.hovered, #primary ul.root li.has-children.hovered ul.options li:hover, #primary ul.root li.has-children:hover ul.options li.hovered, #primary ul.root li.has-children:hover ul.options li:hover {
          background: #919191;
          color: white; }
          #primary ul.root li.has-children.hovered ul.options li.hovered a, #primary ul.root li.has-children.hovered ul.options li.hovered span, #primary ul.root li.has-children.hovered ul.options li:hover a, #primary ul.root li.has-children.hovered ul.options li:hover span, #primary ul.root li.has-children:hover ul.options li.hovered a, #primary ul.root li.has-children:hover ul.options li.hovered span, #primary ul.root li.has-children:hover ul.options li:hover a, #primary ul.root li.has-children:hover ul.options li:hover span {
            color: white;
            text-shadow: 0.1em 0.1em 0.1em #666666; }
          #primary ul.root li.has-children.hovered ul.options li.hovered:before, #primary ul.root li.has-children.hovered ul.options li:hover:before, #primary ul.root li.has-children:hover ul.options li.hovered:before, #primary ul.root li.has-children:hover ul.options li:hover:before {
            content: '\bb ';
            color: white; }
  #primary a, #primary span {
    color: #666666; }

#breadcrumbs-bar {
  background-image: url("../images/backgrounds/background_gradient.png");
  background-position: center center;
  background-repeat: repeat-x;
  border-top-color: #c1c1c1;
  border-top-style: solid;
  border-top-width: 0.1em;
  border-bottom-color: #c1c1c1;
  border-bottom-style: solid;
  border-bottom-width: 0.1em;
  margin-top: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em; }
  #breadcrumbs-bar #breadcrumbs-group {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px; }
    #breadcrumbs-bar #breadcrumbs-group ul {
      font-size: 90%;
      font-weight: bold; }
      #breadcrumbs-bar #breadcrumbs-group ul li {
        padding-left: 0;
        display: inline;
        float: left;
        padding-left: !inner_ul_menus_padding;
        padding-right: !inner_ul_menus_padding; }
        #breadcrumbs-bar #breadcrumbs-group ul li:before {
          content: '\00bb \0020';
          padding-left: 0.2em;
          padding-right: 0.2em; }
        #breadcrumbs-bar #breadcrumbs-group ul li.first:before {
          content: " ";
          padding-left: 0;
          padding-right: 0; }
        #breadcrumbs-bar #breadcrumbs-group ul li.first {
          padding-left: 0; }
        #breadcrumbs-bar #breadcrumbs-group ul li.last {
          padding-right: 0; }

#body .main select {
  border:1px solid #666666;
  color:#666666;
}

input.search, input.fake-customers, input.login {
  font-size: 90%;
  border-color: #919191;
  border-style: solid;
  border-width: 0.1em; }
  input.search.blur, input.fake-customers.blur, input.login.blur {
    color: #919191; }

input.search, input.fake-customers {
  clear: right;
  float: right;
  width: 15em; }

input.fake-customers {
  text-align: right; }

input.search {
  background-image: url("../images/icons/pixel-icons-sprite.png");
  background-position: 0.5em -147px;
  background-repeat: no-repeat;
  padding-left: 2em; }

#body {
  margin-bottom: 1em; }
  #body .adspan {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px; }
  #body .three-columns .content {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 580px; }
  #body .three-columns .aside {
    overflow: hidden;
    display: inline-block;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px;
    margin-bottom: 1em; }
    #body .three-columns .aside {
      display: block; }
    body.debug #body .three-columns .aside {
      background-color: #f5f5f5;
      outline-color: #d3d3d3;
      outline-style: solid;
      outline-width: 2px; }
    #body .three-columns .aside .sidecol, #body .three-columns .aside .adcol {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 160px; }
    #body .three-columns .aside .widecol {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 340px; }
    #body .three-columns .bottom-ads {   }
    #body .three-columns .bottom-ads .left { width: 280px; margin-right: 10px; float: left; }
    #body .three-columns .bottom-ads .right {  width: 280px; margin-left: 10px; float: left; } 
    #body .three-columns .aside .sidecol, #body .three-columns .aside .widecol {
      margin-left: 0; }
    #body .three-columns .aside .adcol, #body .three-columns .aside .widecol {
      margin-right: 0; }
  #body .two-columns .content {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 760px; }
  #body .two-columns .sidecol {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 160px; }
  #body .one-column .content {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px; }
  #body .main {
    overflow: hidden;
    display: inline-block;
    margin-top: 1.2em; }
    #body .main {
      display: block; }
    body.debug #body .main .panel {
      background-color: #eeeeee;
      outline-color: #cccccc;
      outline-style: solid;
      outline-width: 2px; }
    #body .main object.media-player, #body .main object.media-player embed {
      margin-bottom: 1em; }
    #body .main .product-name, #body .main .sku-name {
      overflow: hidden;
      display: inline-block;
      display: block;
      margin-bottom: 1em; }
      #body .main .product-name, #body .main .sku-name {
        display: block; }
      #body .main .product-name img.logo, #body .main .sku-name img.logo {
        float: left;
        padding-right: 0.5em; }
      #body .main .product-name h1, #body .main .sku-name h1 {
        margin-bottom: 0;
        margin-top: 0.3em; }
        #body .main .product-name h1 strong, #body .main .sku-name h1 strong {
          color: #666666; }
        #body .main .product-name h1 em, #body .main .sku-name h1 em {
          font-style: normal;
          font-weight: normal; }
      #body .main .product-name p, #body .main .sku-name p {
        text-indent: 0;
        margin-bottom: 0;
        text-align: none; }
      #body .main .product-name .tagline, #body .main .sku-name .tagline {
        font-size: 75%;
        font-weight: bold;
        line-height: 1em;
        text-transform: uppercase;
        color: #CC0033; }
        #body .main .product-name .tagline em, #body .main .sku-name .tagline em {
          color: #919191;
          font-style: normal; }
    #body .main a.sku-name, #body .main a.product-name {
      color: inherit;
      text-decoration: inherit;
      cursor: inherit;
      cursor: pointer;
      cursor: hand; }
    #body .main ul.skus, #body .main ul.products {
      list-style: none; }
      #body .main ul.skus li, #body .main ul.products li {
        border-bottom-color: #919191;
        border-bottom-width: 0.1em;
        border-bottom-style: dotted;
        margin-top: 1em; }
    #body .main p {
      text-align: justify; }
    #body .main ul {
      list-style-type: disc;
      list-style-position: inside;
      margin-bottom: 1em; }
      #body .main ul li {
        margin-bottom: 0.3em; }
    #body .main img.embedded {
      clear: right;
      float: right;
      display: block;
      margin-left: 1em; }
    #body .main img.figure {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1em; }
    #body .main .collapsible-handle {
      cursor: pointer;
      cursor: hand; }
      #body .main .collapsible-handle.collapsed {
        background-image: url("../images/icons/icons-sprite.png");
        background-position: 0 0;
        background-repeat: no-repeat;
        padding-left: 20px; }
      #body .main .collapsible-handle.expanded {
        background-image: url("../images/icons/icons-sprite.png");
        background-position: 0 -50px;
        background-repeat: no-repeat;
        padding-left: 20px; }
    #body .main ul.grouping li.group {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 940px;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 1em; }
      #body .main ul.grouping li.group ul.categories li.category {
        display: inline;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        width: 160px; }
      #body .main ul.grouping li.group ul.categories li.first {
        margin-left: 0; }
      #body .main ul.grouping li.group ul.categories li.last {
        margin-right: 0;
        width: 220px; }
      #body .main ul.grouping li.group ul.categories h2 {
        color: #cc0033;
        font-size: 100%;
        text-transform: uppercase; }
      #body .main ul.grouping li.group ul.categories ul.highlighted-skus {
        font-size: 80%; }
        #body .main ul.grouping li.group ul.categories ul.highlighted-skus a {
          color: #919191; }
    #body .main ul ul {
      list-style-type: circle;
      margin-left: 2em;
      margin-top: 0.5em; }
    #body .main ul.grouping ul, #body .main ul.grouping ul ul {
      list-style-type: inherit;
      margin-left: 0;
      margin-top: 0; }
    #body .main .modal-panel {
      margin-left: 0;
      margin-right: 0;
      padding-left: 240px;
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 460px;
      padding-right: 240px; }
    #body .main input {
      border: 1px solid #666666;
      display: block;
      margin-bottom: 1em;
      width: 100%; }
      #body .main input.submit {
        background-image: url("../images/backgrounds/background_gradient.png");
        background-position: center center;
        background-repeat: repeat-x;
        display: inline;
        width: auto;
        margin-bottom: 0; }
      #body .main input.checkbox, #body .main input.radio {
        clear: left;
        float: left;
        border: 0;
        width: auto; }
      #body .main input.hidden {
        display: none; }
    #body .main label {
      width: 100%; }
    #body .main select {
      display: block;
      margin-bottom: 1em; }
    #body .main textarea {
      display: block;
      height: 10em;
      width: 100%; }
  #body ul.packs, #body ul.packs ul {
    list-style: none;
  }
  #body ul.sites, #body ul.sites ul {
    list-style: none;
    margin-left: 0; }
  #body ul.sites h2.collapsible-handle, #body ul.sites li.subscription {
    border-bottom-color: #919191;
    border-bottom-style: dotted;
    border-bottom-width: 1px; }
  #body ul.sites ul.product-offerings, #body ul.sites ul.subscriptions {
    margin-left: 2em; }
    #body ul.sites ul.product-offerings h3.subscription, #body ul.sites ul.subscriptions h3.subscription {
      clear: left;
      color: #cc0033;
      float: left;
      width: 70%; }
    #body ul.sites ul.product-offerings p.subscription-status, #body ul.sites ul.subscriptions p.subscription-status {
      float: left;
      clear: right;
      font-size: 90%;
      font-weight: bold; }
      #body ul.sites ul.product-offerings p.subscription-status span, #body ul.sites ul.subscriptions p.subscription-status span {
        background-image: url("../images/icons/information-balloon.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 20px; }
    #body ul.sites ul.product-offerings p.activa span, #body ul.sites ul.subscriptions p.activa span {
      background-image: url("../images/icons/status.png"); }
    #body ul.sites ul.product-offerings p.pendiente span, #body ul.sites ul.subscriptions p.pendiente span {
      background-image: url("../images/icons/status-away.png"); }
    #body ul.sites ul.product-offerings li.subscription.last, #body ul.sites ul.subscriptions li.subscription.last {
      border: 0; }
    #body ul.sites ul.product-offerings .subscription-detail, #body ul.sites ul.subscriptions .subscription-detail {
      background-image: url("../images/backgrounds/background_gradient.png");
      background-position: center center;
      background-repeat: repeat-x;
      -moz-border-radius: 0.2em;
      -webkit-border-radius: 0.2em;
      border-color: #c1c1c1;
      border-style: solid;
      border-width: 0.1em;
      font-size: 75%;
      margin-bottom: 1em;
      margin-left: 2em; }
      #body ul.sites ul.product-offerings .subscription-detail h4, #body ul.sites ul.subscriptions .subscription-detail h4 {
        font-weight: bold;
        margin: 0.4em; }
      #body ul.sites ul.product-offerings .subscription-detail .subscription-detail-panel, #body ul.sites ul.subscriptions .subscription-detail .subscription-detail-panel {
        border-top-color: #c1c1c1;
        border-top-style: solid;
        border-top-width: 0.1em;
        margin: 0.4em;
        padding-top: 0.4em; }
        #body ul.sites ul.product-offerings .subscription-detail .subscription-detail-panel .panel, #body ul.sites ul.subscriptions .subscription-detail .subscription-detail-panel .panel {
          float: left;
          margin: 1%;
          width: 48%; }
          #body ul.sites ul.product-offerings .subscription-detail .subscription-detail-panel .panel h5, #body ul.sites ul.subscriptions .subscription-detail .subscription-detail-panel .panel h5 {
            text-transform: uppercase; }
          #body ul.sites ul.product-offerings .subscription-detail .subscription-detail-panel .panel ul, #body ul.sites ul.subscriptions .subscription-detail .subscription-detail-panel .panel ul {
            list-style-type: disc;
            list-style-position: inside; }
    #body ul.sites ul.product-offerings .subscription-action-bar, #body ul.sites ul.subscriptions .subscription-action-bar {
      margin-left: 2em; }
      #body ul.sites ul.product-offerings .subscription-action-bar ul.actions li, #body ul.sites ul.subscriptions .subscription-action-bar ul.actions li {
        background-image: url("../images/icons/arrow-curve-000-left.png");
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 20px;
        float: left;
        margin-left: 1em;
        margin-right: 1em; }
      #body ul.sites ul.subscriptions .subscription-action-bar ul.actions li.link_to_application { background-image: url("../images/icons/ir-a-plataforma.png"); }
      #body ul.sites ul.product-offerings .subscription-action-bar ul.actions li.first, #body ul.sites ul.subscriptions .subscription-action-bar ul.actions li.first {
        margin-left: 0; }
      #body ul.sites ul.product-offerings .subscription-action-bar ul.actions li.last, #body ul.sites ul.subscriptions .subscription-action-bar ul.actions li.last {
        margin-right: 0; }
  #body em.info {
    color: #4b4b4b; }
  #body .sidecol .home-box, #body .widecol .home-box, #body .adcol .home-box {
    min-height: 298px; }
  #body .sidecol .box, #body .sidecol .home-box, #body .widecol .box, #body .widecol .home-box, #body .adcol .box, #body .adcol .home-box {
    background-image: url("../images/backgrounds/background_gradient.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border-color: #c1c1c1;
    border-style: solid;
    border-width: 1px;
    font-size: 75%;
    margin-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em; }
    #body .sidecol .box a, #body .sidecol .home-box a, #body .widecol .box a, #body .widecol .home-box a, #body .adcol .box a, #body .adcol .home-box a {
      color: #666666; }
    #body .sidecol .box h2, #body .sidecol .home-box h2, #body .widecol .box h2, #body .widecol .home-box h2, #body .adcol .box h2, #body .adcol .home-box h2 {
      padding-top: 1em;
      border-bottom-color: #919191;
      border-bottom-style: dotted;
      border-bottom-width: 1px; }
    #body .sidecol .box ul, #body .sidecol .home-box ul, #body .widecol .box ul, #body .widecol .home-box ul, #body .adcol .box ul, #body .adcol .home-box ul {
      list-style-position: outside;
      list-style-type: none;
      margin-bottom: 0; }
      #body .sidecol .box ul li, #body .sidecol .home-box ul li, #body .widecol .box ul li, #body .widecol .home-box ul li, #body .adcol .box ul li, #body .adcol .home-box ul li {
        border-bottom-color: #c1c1c1;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding-bottom: 0.5em;
        padding-top: 0.5em; }
        #body .sidecol .box ul li.last, #body .sidecol .home-box ul li.last, #body .widecol .box ul li.last, #body .widecol .home-box ul li.last, #body .adcol .box ul li.last, #body .adcol .home-box ul li.last {
          border: 0; }
      #body .sidecol .box ul.links-list li, #body .sidecol .home-box ul.links-list li, #body .widecol .box ul.links-list li, #body .widecol .home-box ul.links-list li, #body .adcol .box ul.links-list li, #body .adcol .home-box ul.links-list li {
        background-image: url("../images/backgrounds/right_arrow_dimmed.gif");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 9px;
         }
        #body .sidecol .box ul.links-list li:hover, #body .sidecol .home-box ul.links-list li:hover, #body .widecol .box ul.links-list li:hover, #body .widecol .home-box ul.links-list li:hover, #body .adcol .box ul.links-list li:hover, #body .adcol .home-box ul.links-list li:hover {
          background-image: url("../images/backgrounds/right_arrow.gif"); }
  #body .sidecol .home-box, #body .widecol .home-box, #body .adcol .home-box {
    background-image: url(../images/backgrounds/bubbles.png);
    background-position: bottom right;
    background-repeat: no-repeat; }
  #body ul.news-group-list, #body ul.news-list {
    list-style: none; }
    #body ul.news-group-list li.news-group, #body ul.news-list li.news-group {
      border-bottom-width: 1px;
      border-bottom-style: dotted;
      border-bottom-color: #c1c1c1; }
    #body ul.news-group-list ul.news-list, #body ul.news-list ul.news-list {
      margin-left: 1em; }
      #body ul.news-group-list ul.news-list li, #body ul.news-list ul.news-list li {
        margin-bottom: 1em; }
  #body p.news-item-browser {
    text-align: center; }
  #body ul.results {
    list-style-position: outside;
    list-style-type: none; }
    #body ul.results h4 {
      font-size: 110%; }
    #body ul.results p.url {
      color: #c1c1c1;
      font-size: 90%; }
    #body ul.results p.description {
      margin-bottom: 0; }
  #body dt {
    font-weight: bold;
    padding-left: 1em; }
  #body dd {
    padding-bottom: 1em;
    padding-left: 2em;
    text-align: justify; }
  #body blockquote, #body .errorExplanation {
    background-image: url("../images/backgrounds/background_gradient.png");
    background-position: center center;
    background-repeat: repeat-x;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border-color: #c1c1c1;
    border-style: solid;
    border-width: 1px;
    margin-left: 2em;
    margin-bottom: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em; }
    #body blockquote p, #body .errorExplanation p {
      margin-bottom: 0.5em; }

.flash-bar {
  background-image: url("../images/backgrounds/background_gradient.png");
  background-position: center center;
  background-repeat: repeat-x;
  -moz-box-shadow: 0.2em 0.2em 0.2em #c1c1c1;
  -webkit-box-shadow: 0.2em 0.2em 0.2em #c1c1c1;
  border-top-style: solid;
  border-top-width: 0.1em;
  border-bottom-style: solid;
  border-bottom-width: 0.1em;
  margin-top: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em; }
  .flash-bar h2 {
    font-size: 110%; }
  .flash-bar p {
    margin: 0; }
    .flash-bar p.msg {
      text-indent: 0; }
  .flash-bar ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-top: 1em; }
  .flash-bar .group {
    background-position: 10px top;
    background-repeat: no-repeat;
    padding-left: 35px; }
  .flash-bar.ok {
    border-color: #3da33d; }
    .flash-bar.ok .group {
      background-image: url("../images/icons/tick-circle.png"); }
    .flash-bar.ok h2, .flash-bar.ok p {
      color: #3da33d; }
  .flash-bar.info {
    border-color: #122f81; }
    .flash-bar.info .group {
      background-image: url("../images/icons/information-balloon.png"); }
    .flash-bar.info h2, .flash-bar.info p {
      color: #122f81; }
  .flash-bar.warn {
    border-color: #ff6e0f; }
    .flash-bar.warn .group {
      background-image: url("../images/icons/exclamation.png"); }
    .flash-bar.warn h2, .flash-bar.warn p {
      color: #ff6e0f; }
  .flash-bar.error {
    border-color: #d11242; }
    .flash-bar.error .group {
      background-image: url("../images/icons/cross-octagon.png"); }
    .flash-bar.error h2, .flash-bar.error p {
      color: #d11242; }

p.warning {
  background-image: url("../images/icons/exclamation.png");
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 20px; }

.banner {
  width: 100%;
  margin-bottom: 20px; }
  .banner img {
    display: block;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto; }

table.listado {
  -moz-box-shadow: 0 0.1em 0.4em #c1c1c1;
  -webkit-box-shadow: 0 0.1em 0.4em #c1c1c1;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-color: #919191;
  border-style: solid;
  border-width: 0.1em;
  width: 100%; }
  table.listado tr td {
    padding: 0.3em;
    border-color: white;
    border-style: solid;
    border-width: 0.1em; }
  table.listado tr.title {
    background-image: url("../images/backgrounds/background_gradient.png");
    background-position: center center;
    background-repeat: repeat-x; }
    table.listado tr.title th {
      border-bottom-color: #c1c1c1;
      border-bottom-style: solid;
      border-bottom-width: 0.2em;
      color: #cc0033;
      font-size: 90%;
      font-weight: bold;
      padding: 0.3em;
      text-align: center;
      text-shadow: 0em 0.1em 0.3em #c1c1c1;
      text-transform: uppercase; }
  table.listado tr.odd td {
    background-color: #f1f1f1; }
  table.listado tr.even td {
    background-color: #e1e1e1; }

abbr {
  background-image: url("../images/icons/question-small.png");
  background-position: right -3px;
  background-repeat: no-repeat;
  border-bottom: 1px dotted #666666;
  padding-right: 16px; }

.authenticityTokenWrapper {
  display: none; }

#footer-bar {
  font-size: 80%;
  background-image: url(../images/backgrounds/background_gradient_top.png);
  background-position: top center;
  background-repeat: repeat-x;
  border-top-color: #ddd;
  border-top-style: solid;
  border-top-width: 0.1em; }
  #footer-bar .quicknav {
    padding-top: 1em; }
  #footer-bar h1 {
    border-bottom-color: #666666;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #cc0033;
    font-weight: bold;
    font-size: 100%;
    margin-bottom: 0.5em;
    text-transform: uppercase; }
  #footer-bar h2 {
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase; }
  #footer-bar a {
    color: #666666; }
  #footer-bar li li {
    font-size: 80%;
    padding-bottom: 0.3em;
    padding-top: 0.3em; }
  body.debug #footer-bar li.group, body.debug #footer-bar #sellos {
    background-color: #eeeeee;
    outline-color: #cccccc;
    outline-style: solid;
    outline-width: 2px; }
  #footer-bar #products-qn {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px; }
    #footer-bar #products-qn ul.root li.group {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 100px; }
    #footer-bar #products-qn ul.root li.group_wholesale {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 200px; }
    #footer-bar #products-qn ul.root li.first {
      margin-left: 0; }
    #footer-bar #products-qn ul.root li.last {
      margin-right: 0; }
  #footer-bar #iplan-qn {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px; }
    #footer-bar #iplan-qn ul.root li.group {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 160px; }
    #footer-bar #iplan-qn ul.root li.first {
      margin-left: 0; }
    #footer-bar #iplan-qn ul.root li.last {
      margin-right: 0; }
  #footer-bar #customers-qn {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 340px; }
    #footer-bar #customers-qn ul.root li.group {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 160px; }
    #footer-bar #customers-qn ul.root li.first {
      margin-left: 0; }
    #footer-bar #customers-qn ul.root li.last {
      margin-right: 0; }
  #footer-bar #sellos {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    text-align: center; }
    #footer-bar #sellos .seal {
      padding-left: 0.4em;
      padding-right: 0.4em;
      padding-top: 0.4em; }

#copyright-bar {
  font-size: 80%;
  background-image: url(../images/backgrounds/background_gradient_top.png);
  background-position: top center;
  background-repeat: repeat-x; }
  #copyright-bar p {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    padding-bottom: 1.5em;
    padding-top: 1em;
    text-align: center; }

#body .main .contenedor_compra_online { border-bottom: 0.1em dotted #919191; margin-bottom: 1.5em; }
#body .main .contenedor_compra_online .pasos { float: left; color:#B9B9B9; font-size:160%; font-weight:bold; margin-bottom: 10px; }
#body .main .contenedor_compra_online a.link_demo { color: #666666; text-decoration: underline; float: right; font-size: 75%; background-image: url('/images/icons/plus.png'); background-repeat: no-repeat; padding-left: 15px; margin-top: 25px; }

#body .main .buy {  }
#body .main .buy .textos { background-color: #cc0033; color:#ffffff; height:23px; padding-top: 7px; cursor: pointer; max-width: 120px; float: left; }
#body .main ul.skus .buy, #body .main ul.products .buy { clear: right; float: right; margin-top: 0px; }
#body .main .buy .comprar {color:#cc0033; padding-top: 0.5em; float: left; margin-left: 10px; }
#body .main .buy .imagen { float: left; }
#body .main .buy .precio { color:#ffffff; font-size:130%; font-weight:bold; padding-right:2px; }
#body .main .buy .desde { color: #ffffff; font-size: 80%; padding-left:2px; }
#body .main .buy .pesos {  color: #ffffff;  font-size: 105%;  font-weight: bold; }

#body em.nota { color: #666666; font-size: 80%; }

label.error { color: #cc0033; }

/******************************************************************/
/** Casos de Exito */
#body .main .stories-list { list-style: none; }
#body .main .stories-list li { border-bottom: 1px dotted #ccc; }

img.quote-picture { float: left; clear:left; margin-right: 1em; }

.quote p { font-size: 105%; font-style: italic; display: inline; line-height: 1.5em; color: #666666; }
.quote .tick { font-size: 220%; font-weight: bold; display: inline; color: #ccc; line-height: 0; margin-left: 0.1em; margin-right: 0.1em; vertical-align: middle; }
.quote-author-reference { float:right; color: #666666; font-size: 80%; }

p.customer { margin-top: 1em; }
p.customer strong { color: #333333; }
img.customer-logo { float: right; clear:right; margin-left: 1em; }

.caso-de-exito .stories-list a { font-size: 105%;  font-weight: bold;  margin-bottom: 0.5em; color: #cc0033; }
.caso-de-exito h4 { font-size: 105%;  font-weight: bold;  margin-bottom: 0.5em; }
.caso-de-exito h5 {  color: #cc0033;  font-size: 105%;  font-weight: bold; padding-top: 20px; padding-bottom: 15px; }
/******************************************************************/
.accesos-datacenters-denegados { color: #cc0033; }