/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/*article a img{
	width: 30%;
}*/
img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* = === = Initializr Styles === === === === === === === === === === === === === === === === == Author: Jonathan Verrecchia - verekia.com / initializr / responsive - template === === === === === === === === === === === === === === === === === === === === === === === === == * /
/**/
body {
    font: 16px/26px
    Helvetica,
    Helvetica Neue,
    Arial;
}

.wrapper {
    width: 94% ;
    margin: 0 auto;
}

.banner_nosotros {
    width: 100% ;
    min-height: 100px;
    /*background: #F6F4D5;*/
}

.img_nosotros {
    width: 100% ;
}

nav.mini {
    display: none;
}
/************************ errores *********************/
label.error {
		color: red;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.4;
		margin-top: 0.5em;
		width: 100%;
		float: none;
}

@media screen and (orientation: portrait){
		label.error { margin-left: 0; display: block; }
}

@media screen and (orientation: landscape){
		label.error { display: inline-block; margin-left: 22%; }
}

em { color: red; font-weight: bold; padding-right: .25em; }

/* ===================
    ALL: Blue Theme
   =================== */

.header-container { /*border-bottom: 10px solid #23ACE0;*/
    background: url("../imagenes/header3.png");
    height: 8.75em;
}
.navegacion_top {
    float:right;
    width: 7rem;
    display: table;
    height:81px;
    right:2em;
}
#botones_top {
    /*float:left;*/
    display: table-cell;
    width:1.5rem;
    padding-right:0.2em;
    vertical-align:bottom;
}
.idioma {
     text-align:center;
    width: 3.375rem;
    /*float:left;*/
    padding-right:0.2em;
    height:81px;
    display:table-cell;
    font-size:0.8rem;
    vertical-align:bottom;
}
.idioma_activo {
    background-color: #FF361E;
    color:white;

}

.header-container_mini { /*border-bottom: 5px solid #23ACE0;*/
    background: white;
}


.footer-container {
    background: #494949;
}

.title {
    color: #5F6062;
}

#contenido_desarrollo {
  width: 100%;
  height:auto;
  overflow:hidden;
  clear: both;
}
.desarrollo_texto {
    display:block;
}

#desktop_desarrollo {
    display: block;
    width:100%;
    
}
div.contenedor_desarrollo {
    width:80%;
    float:left;
}
.titulo_desarrollo {
  width:100%;
}
div.desktop_desarrollo {
    width:100%;
    display: block;
    background-size:100% 100%;

    background-repeat:no-repeat;
}
div.slide_desarrollo {
   width:180px;
    float:right;   
    display: block;
    height:300px;
}    
.desktop_desarrollo aside {
    float:right;
    height:100%;
    width:30%;
    margin:0 4em;
    text-align:center;
    /*background-color: #DDD;*/
    font-size: 0.9rem;
}
.desktop_desarrollo aside div.fondo_opaco {
    opacity: 0.8;
    background-color: white;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    -moz-box-shadow:0 0 5px #aaa;
    -webkit-box-shadow:0 0 5px #aaa;
}
.desktop_desarrollo aside ul{
    text-align:left;
}

#btn_up{
    width:100%;
    height:20px;
    display: block;
};
#btn_up:hover #btn_down:hover {
    cursor:hand;
}
#carousel_derecha {
  height:80%;
  margin:0 auto;
  text-align:center;
}
#items_desarrollo {
   /*margin: 10px 0px 10px 0px;*//
   text-align:center !important;
   position:relativa !important;
   margin: 10px auto;
   overflow: hidden;
   width:74px;
}
.caroufredsel_wrapper {
    width: 74px; /* calculated on the fly */
    height: 100%; /* calculated on the fly */
    position: relative;
    margin:0.8em auto !important;
    text-align:center !important;
    overflow: hidden;
}

#items_desarrollo img {
    /*border: 1px solid #ccc;*/
    /*background-color: white;*/
    /*margin-left:20px;*/
    min-height: 122px;
}

#btn_down {
    width:100%;
    height:20px;
    display: block;
    cursor:hand;
}

#mobile_desarrollo {
    width:94%;
    margin:0 auto;
}

.contacto {
    display:block;
}

.negrita {
    font-weight:bold;
}
article.productos {
  padding:2%;
  width:80%;
  margin:0 auto;
  text-align:center;
}

article.productos p{
  text-align:left;
}
article.productos a{
  color: #404142;
  font-weight:900;
}


/* ==============
    MOBILE: Menu
   ============== */

nav.mini ul {
    margin: 0;
    padding: 0;
}

nav.mini a {
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

nav.mini ul li a:hover,
nav.mini a:visited {
    color: #FFFFFF;
    border-bottom: 1px solid yellow;

}

nav.mini ul li a:hover {
    text-decoration: none;
}

nav #menu_principal ul {
    margin: 0;
    padding: 0;
}

nav #menu_principal a {
    display: block;
    margin-bottom: 2px;
    padding: 5px 0;
    float:left;
    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: #404142;
    border-bottom: 1px solid #404142;
}

nav #menu_principal a:hover,
nav #menu_principal a:visited {
    color: #404142;
    border-bottom: 1px solid #E5322C;

}
.pagina_actual {
    color: #404142;
    border-bottom: 1px solid #E5322C !important;
}

nav #menu_principal a:hover {
    text-decoration: none;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 10px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.footer-container footer {
    color: #9FA1A2;
    padding-top: 10px;
    padding: 10px 0;
    background: #494949;
    font-size:0.8em;
}
   aside.nosotros {
        display:none;
    }

/* = === === === === == ALL: IE Fixes === === === === === * /

.ie7 .title divlogo logo {
    padding-top: 20px;
}

/ * === === === === === === === === === === === === === === === === === === === === === === === === == Memo 's custom styles
   ========================================================================== */


#topcontrol {
    position: fixed;
    float:right;
    /*top:10px; */
    bottom: 5px; 
    right: 5px; 
    opacity: 1; 
    cursor: pointer;
    /*display:block;*/
 }

.contenido_nosotros {
    background-color:#F6F4D5;
}

.obligatorios {
    font-size:0.8em;
    color:red;
}

  article.desarrollo {
    float:left;
    padding-top: 0.5em;
    display:block;
    width:100%;
   }

 article.desarrollo_texto {
    float:left;
    padding-top: 0.5em;
    padding-bottom:0.5em;
    display:block;
    width:100%;
   }

   article.desarrollo img{
     width:122px;
     height:auto;
     display:block;
     margin-left: auto;   
     margin-right: auto; 
   }

    .wrapper {
        width: 100%; /* 1140px - 10% for margins */
        margin: 0 auto;
        max-width:1024;
    }

    .main-container {
        width: 100%; /* 1140px - 10% for margins */
        margin: 0 auto;
    }

    .contenido-global
    {
        width: 100%; /* 1140px - 10% for margins */
        margin: 0 auto;
        max-width:1140px;
        background: #E5E5E5;
        overflow:hidden;
    }

    .header-container-mini {
        display: block;
           /*border-bottom: 5px solid #23ACE0;*/
        text-align:center;
        height:auto;
        background: #949494;
        position:relative;
     }

    .banner_nosotros {
      display:none;
  }
  .contenido_nosotros {
      background-color:#E5E5E5;
    }
    .footer-container-mini{
           /*border-bottom: 5px solid #23ACE0;*/
        display: block;  
        text-align:center;
        color:#9FA1A2;
        font-size: 0.6em;
        background: #494949;
        padding-top: 2em;
    }

    .footer-container-mini a,
     .footer-container-mini a:hover,
     .footer-container-mini a,:visited{
        color:white;
    }
   #botones_mini li {  
       display: inline; 
       font-family: Arial;  
       font-size:0.7em;  
       text-decoration: none;  
    
       padding: 0 3px;  
       color: #ffffff;   
   }
   article.botones_pie  {  
       display: block; 
       float:left;
       width:30%;
       line-height:1.5
   }
   .botones_pie a {  
       float:left;
       font-family: Arial;  
       font-size:0.8em;  
       text-decoration: none;  
       padding: 0 3px;  
       color: #9FA1A2; 
       border-bottom: 1px solid #9FA1A2;  
       /*border-bottom-style: solid;
       border-bottom: solid #9FA1A2;  
       border-bottom-width:thin;*/
       line-height:1em;
       
   }
   /*.botones_pie a:visited*/
   .botones_pie a:hover
    {
       color: #9FA1A2;
       border-bottom: 1px solid #E5322C;
   }
   .contenido_pie {
        margin: 0 auto;
        width:90%;
        max-width:900px;
        height:2.5em;
   }
   section.menu_pie {
        width:37%;
        display: block;
        float:left;
   }
   section.logo_pie {
        width:12%;
        display: block;
        float:left;
        boder:0;
   }
   section.datos_pie{
        float:left;
        display:block;
        width:19%;
       font-family: Arial;  
       font-size:0.8em;  
       text-decoration: none;  
       padding: 0 3px;  
       color: #9FA1A2;   
       line-height:1.5;
   }section.reservado{
        float:left;
        display:block;
        width:30%;
       font-family: Arial;  
       font-size:0.8em;  
       text-decoration: none;  
       padding: 0 3px;  
       color: #9FA1A2;   
       line-height:1.5;
   }

   article {
        text-align:justify;
   }
   article.clientes {
        text-align:center;
        margin:0px auto;
        display:block;
        width:98%;
   }
   article.clientes img{
        text-align:center;
        margin:0px auto;
        display:block;
        padding:2em;
   }
   .titulo {
        background-color: #D6D6D6;
        font-family: Arial, "MS Trebuchet", sans-serif;
        font-size:1.2rem;
        font-weight: normal;
        margin: 0.5em auto;
        width:95%;
        text-align:center;
        line-height:1.5;
        
   }
   article.contacto {
        width:96%;
        margin:2%;
        margin-bottom:0;
   }
   .contacto_comentario {
        width:96%;
        margin:2%;
        margin-bottom:0;
   }
   .contacto_comentario textarea {
        margin-bottom: 1em; 
        width:100%;   
        line-height:2;
        background: rgba(255, 255, 255, 0.9);
        background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
        background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
        border:1px solid #aaa;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -moz-box-shadow:0 0 3px #aaa;
        -webkit-box-shadow:0 0 3px #aaa;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;     

   }
    .botones_formulario {
        float:right;
        margin-right:4%;
        height:2.5em;
        width:200px;
    }

   .contacto_comentario input[type=reset] {
        margin-right:0.8em;
        background: rgba(248, 11, 11, 0.9);
        background: -moz-linear-gradient(90deg, #EC8B65, #FC0909);
        background: -webkit-gradient(linear, left top, left bottom, from(#F57C2B), to(#EE1F1F), color-stop(0.2, #FA0B0B));
        border:1px solid #aaa;
        height:2.5em;
        width:80px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -moz-box-shadow:0 0 3px #aaa;
        -webkit-box-shadow:0 0 3px #aaa;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;     
   }

   .contacto_comentario input[type=submit] {
        background: rgba(167, 206, 56, 0.9);
        background:-moz-linear-gradient(90deg, #A7CE38, #688020); /* Firefox */
        background:-webkit-gradient(linear, left top, left bottom, from(#688020), to(#A7CE38), color-stop(0.2, #A7CE38)); /* Webkit */
        border:1px solid #aaa;
        height:2.5em;
        width:80px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -moz-box-shadow:0 0 3px #aaa;
        -webkit-box-shadow:0 0 3px #aaa;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;     
   }
   .informes {
    font-size:0.8em;
    
}

   .contacto 
   input:not([type]), 
   input[type="color"], 
   input[type="date"], 
   input[type="datetime"], 
   input[type="datetime-local"], 
   input[type="email"], 
   input[type="month"], 
   input[type="number"], 
   input[type="password"], 
   input[type="tel"], 
   input[type="text"], 
   input[type="time"], 
   input[type="url"], 
   input[type="week"] {
        margin-bottom: 1em; 
        width:100%;   
        line-height:2;
        background: rgba(255, 255, 255, 0.9);
        background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
        background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
        border:1px solid #aaa;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -moz-box-shadow:0 0 3px #aaa;
        -webkit-box-shadow:0 0 3px #aaa;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;     
    }
    .error {
        color: red;
        font-size:0.8em;
    }

    .placeholder { color: #aaa; }

 section.nosotros article {
        /*break-inside: avoid-column;
        -webkit-column-break-inside: avoid;
*/
        
    }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 430px) {
     .navegacion_top {
        display:none;
     }
     .contenido_nosotros {
        background-color:#E5E5E5;
        font-size:0.9em;
    }
   .contacto 
   input:not([type]), 
   input[type="color"], 
   input[type="date"], 
   input[type="datetime"], 
   input[type="datetime-local"], 
   input[type="email"], 
   input[type="month"], 
   input[type="number"], 
   input[type="password"], 
   input[type="tel"], 
   input[type="text"], 
   input[type="time"], 
   input[type="url"], 
   input[type="week"] {
        font-size:0.8em;
        margin-bottom: 1em; 
        width:100%;   
        line-height:1;
        background: rgba(255, 255, 255, 0.9);
        background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
        background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
        border:1px solid #aaa;
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        -moz-box-shadow:0 0 1px #aaa;
        -webkit-box-shadow:0 0 1px #aaa;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;     
    }

   .divlogo {
      margin: 0 auto;
      padding-top:0.2em;
      text-align:center;
      display:inline-block;
      float:none;
      width:100%;
      height:auto;
   }
   .divlogo img {
       max-height:50px;
       max-width:100px;
       height:auto;
   }
   nav.mini {
        display:inline;
        position:relative;
        min-height:1.5em;
   }
   nav#menu_principal {
        display:none;
   }
   #botones_mini {
        text-align: center;  
        padding: 0; 
        position: relative;
        width: 100%; 
        background-color: #494949;
   }  
   #botones_mini li {  
       display: inline; 
       font-family: Arial;  
       font-size:0.7em;  
       text-decoration: none;  
    
       padding: 0 3px;  
       color: #ffffff;   
   }

   .header-container{
        display: none;
    }
    .footer-container{
        display: none;
    }
   aside.nosotros {
        display:none;
    }
    .wmuSlider .wmuSliderWrapper article img {
       max-width: 80%;
       width: auto;
       height: auto;
     }

     article.productos {
      padding:2% 0%;
      width:96%;
      margin: 0 auto;
      text-align:center;
    }


}

   
@media only screen and (min-width: 431px) and (max-width: 479px) {
     .navegacion_top {
        display:none;
     }

   .divlogo {
      margin: 0 auto;
      padding-top:1em;
      text-align:center;
      display:inline-block;
      float:none;
      width:100%;
      height:auto;
   }
   nav.mini {
        display:inline;
        position:relative;
        min-height:1.9em;
   }
   nav#menu_principal {
        display:none;
   }
   #botones_mini {
        text-align: center;  
        padding: 0; 
        position: relative;
        width: 100%; 
        background-color: #494949;
   }  
   #botones_mini li {  
       display: inline; 
       font-family: Arial;  
       font-size:0.8em;  
       text-decoration: none;  
    
       padding: 5px;  
       color: #ffffff;   
   }
   .header-container{
        display: none;
    }
    .footer-container{
        display: none;
    }
   
   aside.nosotros {
        display:none;
    }
    .wmuSlider .wmuSliderWrapper article img {
       max-width: 90%;
       width: auto;
       height: auto;
     }

     article.productos {
      padding:2%;
      width:96%;
      margin: 0 auto;
      text-align:center;
    }
 }

@media only screen and (min-width: 480px) {
/* ====================
    INTERMEDIATE: Menu
   ==================== */
    .navegacion_top {
        display:none;
     }
   .header-container-mini {
        display:none;
   }
    .footer-container{
        display: none;
    }
    .footer-container-mini{
        font-size:0.8em;
    }
   nav#mini {
        display:none;
   }
   .header-container{
        display: block;
    }
    .divlogo {
      margin-left: 1em;
      padding-top:1em;
      text-align:center;
      display:inline-block;
      float:none;
      width:100%;
      height:auto;
   }
      .divlogo img {
      max-width:170px;
      height:auto;
   }

    nav#menu_principal {
        width:100%;
    }
    nav#menu_principal a {
        float: left;
        width: 13%;
        margin: 0 1%;
        padding: 2px 2%;
        padding-top:5px;
        margin-bottom: 1em;
        text-align:center;
        color: #404142;
        border-bottom: 1px solid #5F6062;
        text-decoration: none;
    }

    nav#menu_principal li:first-child a {
        margin-left: 0;
    }

    nav#menu_principal li:last-child a {
        margin-right: 0;
    }

    nav#menu_principal a:hover{
        color: #404142;
        border-bottom: 1px solid #E5322C;
    }
    nav#menu_principal a:visited {}

    nav#menu_principal a:hover {
        text-decoration: none;
    }

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
}

@media only screen and (min-width: 650px) {
     .navegacion_top {
        display:none;
     }
     article.clientes {
        float:left;
        text-align:center;
        margin:0px auto;
        display:table-cell;
        height:180px;
        width:47%;
        margin:1%;
   }

   article.clientes img {
     max-width:98%
     height:auto;
     display:table-cell;
   }
   section.desarrollo {
      /*display:table;*/
   }
   article.desarrollo{
    display:block;
    float:left;
    width:20%;
    margin-right:1%;
    height:200px;
   }
   article.desarrollo_texto {
    display:block;
    float:left;
    width:76%;
    margin-left:1%;
    min-height:200px;
    height:auto;
    vertical-align:text-bottom;
    /*border: 1px solid #aaa;*/
   }

   article.desarrollo_texto p{ vertical-align: middle; text-align: left;}
 
   aside.nosotros {
    }

   article.productos {
      padding:3%;
      width:96%;
      margin: 0 auto;
      text-align:center;
    }
}


@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */
   .titulo {
        background-color: #D6D6D6;
        font-family: Arial, "MS Trebuchet", sans-serif;
        font-size:1.5rem;
        font-weight: normal;
        margin: 0.5em auto;
        width:90%;
        text-align:center;
        line-height:1.5;
    } 
    .footer-container-mini{
        display:none;
    }
    .footer-container{
        display:block;
    }

    .header-container {
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
    }

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }
    .divlogo {
      margin-left: 1em;
      padding-top:2em;
      text-align:center;
      display:inline-block;
      float:left;
      width:17%;
      height:auto;
   }
  .divlogo img {
      max-width:155px;
      height:auto;
   }

    nav#menu_principal {
        float: left;
        padding-top:3em;
        width: 63%;
    }
    .navegacion_top {
        margin-top:0.5em;
        width: 17%;
        float:right;
        display:block;
    }

/* ============
    WIDE: Main
   ============ */

   section.nosotros {
        float: left;
        width: 98%;
    }
    section.nosotros h2{
        font-size:1.2em;
    }

    aside.nosotros {
        display:none;
    }

    section.nosotros{
        widht:98%;
    }
    section.nosotros article{
        overflow:hidden;
        float: left;
        width:45%;
        margin-left:2em;
        line-height:1.2;
        font-weight:normal;
    }

    section.contacto {
      width:90%;
      max-width:900px;
      margin:0 auto;
    }

    article.contacto {
        float:left;
        width:46%;
        margin:2%;
        margin-bottom:0;
   }
   .contacto_comentario {
        width:96%;
        margin:2%;
        margin-bottom:0;
   }
   .contacto_comentario textarea {
        width:100%;   
   }
   #topcontrol {
      display:none;
   }
   article.productos {
      padding:2%;
      width:46%;
      height: 500px;	
      float: left;
      text-align:center;
      height: 510px;
  }   

}

@media only screen and (min-width: 900px) {
   .divlogo {
      margin-left: 1em;
      padding-top:2em;
      text-align:center;
      display:inline-block;
      float:left;
      width:17%;
      height:auto;
   }
  .divlogo img {
      max-width:190px;
      height:auto;
   }

    nav#menu_principal {
        float: left;
        padding-top:3em;
        width: 62%;
    }
    .navegacion_top {
        margin-top:0.5em;
        width: 17%;
        float:right;
        display:block;
    }
   article.productos {
      padding:2%;
      width:46%;
      height: 490px;	
      float: left;
      text-align:center;
      height: 490px;
  }   
}  

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */
    

    .wrapper {
        width: 94%; /* 1140px - 10% for margins */
        margin: 0 auto;
        max-width:1140px
    }
    .divlogo {
      margin-left: 1em;
      padding-top:2em;
      text-align:center;
      display:inline-block;
      float:left;
      width:19%;
      height:auto;
   }
  .divlogo img {
      max-width:230px;
      height:auto;
   }
       .contenido_nosotros {  
        display: block;  
    }  
    .contenido-nosotros-texto {  
        display: table;  
        width: 100%;  
    }
    .contenido-nosotros-principal {  
        display: table-cell;  
        width: 78%;  
        padding-right: 1%;  
    }  

    section.nosotros {
        width: 100%;
        display: block;
    }

  .banner_nosotros {
      display:block;
      width:100%;
      height:auto;
  }
/*
    aside.nosotros {
        display: inline-block;
        vertical-align: 50%;
        padding:2em;
        float: right;
        width: 15%;
        margin:auto;
        border: 1px solid #ddd;
        text-align:center;
        height:auto;
    }*/
    aside.nosotros img  {
        display: block;
        margin: auto;
     }   

      
    article.clientes {
        float:left;
        text-align:center;
        margin:0px auto;
        display:table-cell;
        height:180px;
        width:30%;
        margin:1%;
   }

   article.clientes img {
     max-width:98%
     height:auto;
     display:table-cell;
   }
      #topcontrol {
      display:none;
   }

   article.productos {
      padding:2%;
      width:46%;
      float: left;
      text-align:center;
      height:487px;
  }   
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don'
    t show links
    for images,
    or javascript / internal links * /

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; / * h5bp.com / t * /
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}