/* ========================================================================== Utilities ========================================================================== */ 
* {
    font-family:  'Open Sans',  serif;
 }
 .u-btn {
    box-shadow:  0px 5px 5px #d8d8d8;
     display:  block;
     text-decoration:  none;
     padding:  0.5em 2em;
     color: white;
     background-color: #09395F;
 }
 .u-btn-bottom {
    background-color: #09395F;
     bottom: 0;
     box-shadow:  0px 5px 5px #d8d8d8;
     color: white;
     display:  block;
     left: 20%;
     padding:  0.5em 0.5em;
     position:  absolute;
     text-decoration:  none;
 }
 .u-wrap {
    margin:  auto;
     max-width:  1100px;
     position:  relative;
 }
 .u-smalltitle {
    font-size:  14pt;
     text-align:  center;
 }
 .u-strong {
    font-weight:  bold;
     text-transform:  none;
 }
 .u-title {
    font-size:  18pt;
     text-align:  center;
 }
 /* ========================================================================== HEADER AND MAIN MENU ========================================================================== */ 
 .Header {
    display:  block;
     margin:  auto;
     max-width:  1100px;
     overflow:  hidden;
     position:  relative;
 }
 .Header-imageContainer {
    margin: 1em 0em 0em 0em;
 }
 .Header-imageContainer img {
    width:  280px;
 }
 .MainMenu {
    display:  block;
     margin:  auto;
     overflow:  hidden;
     position:  relative;
     width:  1100px;
 }
 .MainMenu-list {
    background:  #0C618A;
     background:  -moz-linear-gradient(top,  #0C618A 0%,  #0C618A 49.5%,  #09395F 50.5%,  #09395F 100%);
     background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #0C618A),  color-stop(49.5%,  #0C618A),  color-stop(50.5%,  #09395F),  color-stop(100%,  #09395F));
     background:  -webkit-linear-gradient(top,  #0C618A 0%,  #0C618A 49.5%,  #09395F 50.5%,  #09395F 100%);
     background:  -o-linear-gradient(top,  #0C618A 0%,  #0C618A 49.5%,  #09395F 50.5%,  #09395F 100%);
     background:  -ms-linear-gradient(top,  #0C618A 0%,  #0C618A 49.5%,  #09395F 50.5%,  #09395F 100%);
     background:  linear-gradient(to bottom,  #0C618A 0%,  #0C618A 49.5%,  #09395F 50.5%,  #09395F 100%);
     border-radius:  5px;
     box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.5);
     list-style-type:  none;
     text-align:  center;
 }
 .MainMenu-item {
    display:  inline-block;
     margin-left:  -6px;
     text-align:  center;
 }
 .MainMenu-item {
    background:  #0C618A;
     background:  -moz-linear-gradient(top,  #0C618A 0%,  #0C618A 49.5%,  #09395F 50.5%,  #09395F 100%);
     background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #0C618A),  color-stop(49.5%,  #0C618A),  color-stop(50.5%,  #09395F),  color-stop(100%,  #09395F));
     background:  -webkit-linear-gradient(top,  #0C618A 0%,  #0C618A 49.5%,  #09395F 50.5%,  #09395F 100%);
     background:  -o-linear-gradient(top,  #0C618A 0%,  #0C618A 49.5%,  #09395F 50.5%,  #09395F 100%);
     background:  -ms-linear-gradient(top,  #0C618A 0%,  #0C618A 49.5%,  #09395F 50.5%,  #09395F 100%);
     background:  linear-gradient(to bottom,  #0C618A 0%,  #0C618A 49.5%,  #09395F 50.5%,  #09395F 100%);
 }
 .MainMenu-item-active {
    background:  #0F7DB3;
     background:  -moz-linear-gradient(top,  #0F7DB3 0%,  #0F7DB3 49.5%,  #1060A0 50.5%,  #1060A0 100%);
     background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #0F7DB3),  color-stop(49.5%,  #0F7DB3),  color-stop(50.5%,  #1060A0),  color-stop(100%,  #1060A0));
     background:  -webkit-linear-gradient(top,  #0F7DB3 0%,  #0F7DB3 49.5%,  #1060A0 50.5%,  #1060A0 100%);
     background:  -o-linear-gradient(top,  #0F7DB3 0%,  #0F7DB3 49.5%,  #1060A0 50.5%,  #1060A0 100%);
     background:  -ms-linear-gradient(top,  #0F7DB3 0%,  #0F7DB3 49.5%,  #1060A0 50.5%,  #1060A0 100%);
     background:  linear-gradient(to bottom,  #0F7DB3 0%,  #0F7DB3 49.5%,  #1060A0 50.5%,  #1060A0 100%);
 }
 .MainMenu-item:hover {
    background:  #0F7DB3;
     background:  -moz-linear-gradient(top,  #0F7DB3 0%,  #0F7DB3 49.5%,  #1060A0 50.5%,  #1060A0 100%);
     background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #0F7DB3),  color-stop(49.5%,  #0F7DB3),  color-stop(50.5%,  #1060A0),  color-stop(100%,  #1060A0));
     background:  -webkit-linear-gradient(top,  #0F7DB3 0%,  #0F7DB3 49.5%,  #1060A0 50.5%,  #1060A0 100%);
     background:  -o-linear-gradient(top,  #0F7DB3 0%,  #0F7DB3 49.5%,  #1060A0 50.5%,  #1060A0 100%);
     background:  -ms-linear-gradient(top,  #0F7DB3 0%,  #0F7DB3 49.5%,  #1060A0 50.5%,  #1060A0 100%);
     background:  linear-gradient(to bottom,  #0F7DB3 0%,  #0F7DB3 49.5%,  #1060A0 50.5%,  #1060A0 100%);
 }
 .MainMenu-item a {
    color:  #fff;
     display:  block;
     padding:  0.6em 2.5em;
     text-decoration:  none;
 }
 /* ========================================================================== INICIO PAGE ========================================================================== */ 
 .Overview {
    overflow:  hidden;
 }
 .Overview-item {
    float:  left;
     overflow:  hidden;
     padding:  1em;
     width:  30%;
 }
 .Overview-item p {
    color: #333;
     font-size:  11pt;
 }
 /* ========================================================================== NOSOTROS PAGE ========================================================================== */ 
 .Aboutus-item {
    margin-top: 2em;
     padding:  0.5em;
 }
 .Aboutus-imageContainer,  .Aboutus-itemImageContainer {
    margin: 0;
     text-align:  center;
 }
 .Aboutus-imageContainer img {
    width:  250px;
 }
 .Aboutus-itemContent {
    float: left;
     width:  50%;
 }
 /* ========================================================================== CONTACTO PAGE ========================================================================== */ 
 .Contacto-form,  .Contacto-content {
    float: left;
     width:  50%;
 }
 .Contacto-contentList {
    list-style: none;
     padding:  0;
 }
 .Contacto-contentListItem {
    font-size:  13pt;
     text-align:  center;
 }
 .Contacto-form input,  .Contacto-form textarea,  .Contacto-form select {
    display:  block;
     font-size:  11pt;
     margin: 0;
     padding:  0;
     padding: 0.5em;
     width:  500px;
 }
 .Contacto-form label {
    display:  block;
     margin-top:  1em;
 }
 .Contacto-form select {
    width:  520px;
 }
 .Contacto-form textarea {
    height:  150px;
     resize: none;
 }
 .Contacto-formRequired {
    color: red;
 }
 .Contacto-form .submit {
    margin: 1em 0em 1em 0em;
     padding: 0.5em 2em 0.5em 2em;
 }
 .Contacto-formQuote {
    color: red;
     display:  block;
     font-size:  10pt;
 }
 /* ========================================================================== EQUIPOS ========================================================================== */ 
 .Equipos {
    text-align:  center;
 }
 .Equipos-container {
    margin: 0 auto;
     overflow:  hidden;
     text-align:  center;
     width:  800px;
 }
 .UPS {
    width:  1000px;
 }
 .Equipos-imageContainer img {
    width:  300px;
 }
 .Equipos-item {
    background:  white;
     box-shadow:  0px 5px 10px #d8d8d8;
     float: left;
     margin:  0.5em;
     text-align:  center;
     width:  30%;
 }
 .UPS .Equipos-item {
    width:  23%;
 }
 .Equipos-itemImageContainer {
    height:  300px;
     margin: 0;
 }
 .Equipos-itemImageContainer img {
    margin-top: 4em;
     width:  240px;
 }
 .Equipos-itemImageDescription {
    background:  #E6E6E6;
 }
 .more {
    display:  block;
     text-align:  center;
     cursor:  pointer;
     margin:  1em 0em;
 }
 .morehidden {
    display:  none;
 }
 .show,  .hidden {
    z-index:  9999;
 }
 .hidden p,  .hidden a {
    display:  none;
 }
 /* ========================================================================== EQUIPOS ========================================================================== */ 
 .Productos {
    text-align:  center;
 }
 .Productos-container {
    margin: 0 auto;
     overflow:  hidden;
     text-align:  center;
     width:  800px;
 }
 .Productos-imageContainer img {
    width:  300px;
 }
 .Productos {
    display:  block;
     left:  0;
     margin: 0 auto;
     overflow:  hidden;
     padding:  0;
     position:  relative;
     text-align:  center;
     top:  0;
     width:  1000px;
 }
 .Productos .articulo {
    float:  left;
     height:  320px;
     margin-top:  2%;
     overflow:  hidden;
     padding:  1em;
     position:  relative;
     width:  200px;
 }
 .Productos .articulo:nth-child(odd) {
    margin-left:  1%;
     margin-right:  1%;
 }
 .Productos .imagen img {
    max-height:  159px;
 }
 .Productos .imagen .fit {
    width:  80%;
 }
 .Productos .imagen {
    text-align:  center;
     height:  159px;
     position:  relative;
 }
 .Productos .informacion .titulo_Productos {
    background-color:  #09395F;
     text-align:  center;
 }
 .Productos .informacion .titulo_Productos h4 {
    color:  #fff;
     margin: 0;
 }
 .Productos .informacion .texto p {
    font-size:  10pt;
     text-align:  justify;
 }