/*  Para los videos  */
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
 
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #666666;
    font-weight: 300;
}


/* El submenu no se mostrará en la versión móvil  */
.bloque_submenu {
    display:  block;
}


.bloque_elementos {
    padding-bottom: 0px;
}

.bloque_elementos {
    margin: 0 auto;
    padding: 18px 34px;
}

.section:first-child .bloque_elementos {
    padding-top: 36px;
}

.section:last-child .bloque_elementos {
    padding-bottom: 36px;
}

.section.section-backend-bottom .bloque_elementos {
    padding-top: 0px !important;
    padding-bottom: 36px;
}

[class^="column-"] {
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 17px;
}

.mz_rtl [class^="column-"] {
    float: right;
}

.column-1-12 {
    width: 8.3%;
}

.column-2-12 {
    width: 16.6%;
}

@media screen and (max-width: 1100px) {
  .column-2-12 {
      width: 33%; 
	  padding: 10px 0px;
  }
}
@media screen and (max-width: 700px) {
  .column-2-12 {
      width: 50%; 
  }
}




.column-1-4,
.column-3-12 {
    width: 25%;
}


@media screen and (max-width: 900px) {
  .column-1-4,
  .column-3-12 {
      width: 50%; 
  }
}




.column-1-3,
.column-4-12 {
    width: 33.3%;
}
@media screen and (max-width: 700px) {
  .column-4-12 {
      width: 100%; 
  }
}



.column-5-12 {
    width: 41.6%;
}

.column-1-2,
.column-6-12 {
    width: 50%;
}
@media screen and (max-width: 700px) {
  .column-1-4,
  .column-3-12,
  .column-1-2,
  .column-4-12,
  .column-6-12  {
      width: 100%; 
  }

  .bloque_elementos,
  .gridrow
    {
      padding: 10px 0px;
	}

  .column-2-12
    {
      width: 50%; 
  }
}
@media screen and (max-width: 500px) {
  .column-2-12
    {
      width: 100%; 
  	  padding: 5px 0px;
  }
.bloque_submenu {
    display: none;
}
}



.column-7-12 {
    width: 58.3%;
}

.column-2-3,
.column-8-12 {
    width: 66.6%;
}

.column-9-12 {
    width: 75%;
}

.column-10-12 {
    width: 83.3%;
}

.column-11-12 {
    width: 91.6%;
}

.column-1,
.column-12-12 {
    width: 100%;
}

.gridrow {
    clear: both;
    margin: -18px -17px;
}

.gridrow:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}