.clear_div:after {
  content: "";
  clear: both;
  display: block; }

/* --------------------------------------------  WEB  -------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////	HEAD	*/
#top_bg_ficha {
  padding: 110px 25px 30px;
  background-color: #811525;
  background-image: url(../img/fichas/bg_fichas.jpg);
  background-size: cover;
  background-position: center bottom;
  z-index: 8;
  position: relative; }
  #top_bg_ficha .box_central {
    padding: 0; }
    #top_bg_ficha .box_central h1 {
      margin: 0;
      font-weight: 400;
      font-size: 2.3em;
      color: white; }

body.osocial #top_bg_ficha, body.geventos #top_bg_ficha {
  padding: 340px 25px 30px; }
body.osocial #top_bg_ficha {
  background-color: #1e1f39;
  background-image: url(../img/fichas/bg_obrapu.jpg); }
@media only screen and (min-width: 675px) {
  body.osocial #the_head nav li, body.osocial #the_head.mobiledown nav li {
    text-shadow: 2px 2px 3px #121836; } }
body.geventos #top_bg_ficha {
  background-color: #173213;
  background-image: url(../img/fichas/bg_eventos.jpg); }
@media only screen and (min-width: 675px) {
  body.geventos #the_head nav li, body.geventos #the_head.mobiledown nav li {
    text-shadow: 2px 2px 3px #1b1b12; } }

/*/////////////////////////////////////////////////////////	HEAD	*/
/*/////////////////////////////////////////////////////////	SERVICIOS	*/
#pre_what_we_do p {
  width: 75%;
  text-align: center;
  margin: 15px auto;
  font-size: 1.2em;
  color: #747474; }
  @media only screen and (max-width: 595px) {
    #pre_what_we_do p {
      width: 80%; } }
  @media only screen and (max-width: 500px) {
    #pre_what_we_do p {
      width: 85%; } }

#service_box {
  position: relative;
  padding: 0 20px;
  background-color: #0c0c1c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0c0c33), to(#0c0c1c));
  background-image: -webkit-linear-gradient(top, #0c0c33, #0c0c1c);
  background-image: -moz-linear-gradient(top, #0c0c33, #0c0c1c);
  background-image: -o-linear-gradient(top, #0c0c33, #0c0c1c);
  background-image: -ms-linear-gradient(top, #0c0c33, #0c0c1c);
  background-image: linear-gradient(top, #0c0c33, #0c0c1c); }
  #service_box .box_central {
    padding: 0 0 20px;
    position: relative;
    z-index: 2;
    position: relative; }
    #service_box .box_central .edoble {
      float: left;
      position: relative;
      width: 66.66%;
      left: 0;
      top: 0; }
      #service_box .box_central .edoble h1 {
        font: 700 20px/18px "Open Sans", sans-serif; }
      #service_box .box_central .edoble .imag, #service_box .box_central .edoble .content {
        width: 50%; }
      #service_box .box_central .edoble .content {
        float: right;
        font: 300 13px/12px "Open Sans", sans-serif;
        background-color: #ffffff;
        padding: 25px 20px; }
      #service_box .box_central .edoble .imag {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: center center; }
      #service_box .box_central .edoble:after {
        content: "";
        width: 15px;
        height: 15px;
        background-color: #e91515;
        clear: both; }
      #service_box .box_central .edoble.opuesto .content {
        float: left; }
      #service_box .box_central .edoble.opuesto .imag {
        right: 0;
        left: auto; }
      #service_box .box_central .edoble#img_constrone .imag {
        background-image: url(../img/fichas/constructor.jpg); }
      #service_box .box_central .edoble#img_roadto .content {
        float: right; }
      #service_box .box_central .edoble#img_roadto .imag {
        background-image: url(../img/fichas/roadto.jpg); }
      #service_box .box_central .edoble#img_trenecil .imag {
        background-image: url(../img/fichas/trenecil.jpg); }
      #service_box .box_central .edoble#img_promanager .content {
        padding: 60px 20px; }
      #service_box .box_central .edoble#img_promanager .imag {
        background-image: url(../img/fichas/projectmanager.jpg); }
      @media only screen and (max-width: 550px) {
        #service_box .box_central .edoble#img_promanager .content {
          padding: 25px 20px; } }
      #service_box .box_central .edoble#img_planos .content {
        padding: 60px 20px; }
      #service_box .box_central .edoble#img_planos .imag {
        background-image: url(../img/fichas/planos.jpg); }
      @media only screen and (max-width: 550px) {
        #service_box .box_central .edoble {
          margin-top: 15px; }
          #service_box .box_central .edoble .imag, #service_box .box_central .edoble .content {
            float: none;
            width: 100%; }
          #service_box .box_central .edoble .imag {
            position: relative;
            display: block;
            height: 150px; }
          #service_box .box_central .edoble#img_constrone {
            margin-top: 0; } }
    #service_box .box_central .entres {
      position: absolute;
      left: 0;
      top: 0;
      width: 33.34%;
      height: 200px;
      background-image: url(../img/fichas/separadores/sepa1.gif);
      background-color: #0c0c33;
      background-size: cover; }
      #service_box .box_central .entres.var2 {
        background-image: url(../img/fichas/separadores/sepa2.gif); }
      #service_box .box_central .entres.var3 {
        background-image: url(../img/fichas/separadores/sepa3.gif); }
      #service_box .box_central .entres.var4 {
        background-image: url(../img/fichas/separadores/sepa4.gif); }
      #service_box .box_central .entres.var5 {
        background-image: url(../img/fichas/separadores/sepa5.gif); }
      #service_box .box_central .entres.var6 {
        background-image: url(../img/fichas/separadores/sepa6.gif); }
      @media only screen and (max-width: 675px) {
        #service_box .box_central .entres {
          display: none; } }
  #service_box .back_central {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    background-color: #ffffff;
    z-index: 1; }

/*/////////////////////////////////////////////////////////	SERVICIOS	*/
/*/////////////////////////////////////////////////////////	LISTAS	*/
.box_colums {
  text-align: center; }
  .box_colums ul.col_one {
    display: inline-block;
    text-align: left;
    width: 250px;
    margin: 5px;
    vertical-align: top;
    padding-left: 0px; }
    @media only screen and (max-width: 800px) {
      .box_colums ul.col_one {
        width: 240px; } }
    @media only screen and (max-width: 595px) {
      .box_colums ul.col_one {
        width: 230px; } }
    @media only screen and (max-width: 550px) {
      .box_colums ul.col_one {
        width: 100%; }
        .box_colums ul.col_one li {
          margin: 0 auto;
          display: table; } }
    .box_colums ul.col_one li {
      font-size: 1.1em;
      padding: 10px 0 10px 35px;
      list-style: none;
      background-image: url(../img/recursos/check.png);
      color: #747474;
      background-position: left center;
      background-repeat: no-repeat; }

/*/////////////////////////////////////////////////////////	LISTAS	*/
/*/////////////////////////////////////////////////////////	GRANDES EVENTOS	*/
#two_columns {
  padding-top: 0; }
  #two_columns h2 {
    font-size: 1.9em;
    margin-bottom: 30px; }

#ev_sport,
#ev_gente,
#ev_otros {
  position: relative;
  margin: 0 auto;
  max-width: 1450px; }
  #ev_sport .box_central,
  #ev_gente .box_central,
  #ev_otros .box_central {
    padding-top: 0;
    padding-bottom: 0; }
  #ev_sport article,
  #ev_gente article,
  #ev_otros article {
    width: 55%;
    padding: 120px 35px;
    font-size: 13px;
    background-color: white;
    z-index: 5;
    position: relative;
    text-align: left; }
    #ev_sport article p,
    #ev_gente article p,
    #ev_otros article p {
      margin: 12px 0; }
    @media only screen and (max-width: 800px) {
      #ev_sport article,
      #ev_gente article,
      #ev_otros article {
        width: 65%; } }
    @media only screen and (max-width: 675px) {
      #ev_sport article,
      #ev_gente article,
      #ev_otros article {
        width: 72%; } }
    @media only screen and (max-width: 550px) {
      #ev_sport article,
      #ev_gente article,
      #ev_otros article {
        width: 80%; } }
    @media only screen and (max-width: 500px) {
      #ev_sport article,
      #ev_gente article,
      #ev_otros article {
        width: 95%; } }
    @media only screen and (max-width: 450px) {
      #ev_sport article,
      #ev_gente article,
      #ev_otros article {
        width: 98%; } }
    @media only screen and (max-width: 500px) {
      #ev_sport article,
      #ev_gente article,
      #ev_otros article {
        padding: 90px 35px;
        width: 100%; } }

#ev_sport .bg_izq, #ev_sport .bg_der {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30%;
  background-image: url(../img/geventos/match.jpg);
  background-size: cover;
  background-position: center center;
  z-index: 1; }
#ev_sport .bg_der {
  background-image: url(../img/geventos/instalacion-cubierta.jpg);
  width: 48%;
  right: 0; }
#ev_sport .bg_izq {
  left: 0; }

#ev_gente {
  background-image: url(../img/geventos/espectaculos.jpg);
  background-size: cover;
  background-position: 0 0; }
  #ev_gente .box_central {
    text-align: center; }
    #ev_gente .box_central article {
      margin: 0 auto;
      color: white;
      background-color: #0c0c33; }
      #ev_gente .box_central article h1 {
        color: white; }

#ev_otros .box_central {
  background-image: url(../img/geventos/congreso.jpg);
  background-size: cover;
  background-position: center center; }
  #ev_otros .box_central article {
    float: right; }

/*/////////////////////////////////////////////////////////	GRANDES EVENTOS	*/
/*/////////////////////////////////////////////////////////	OBRA PUBLICA	*/
#feature_opu {
  padding-top: 0;
  text-align: center; }
  #feature_opu h2 {
    font-size: 1.9em;
    color: #090761;
    margin-bottom: 30px; }
  #feature_opu .boxico {
    width: 22%;
    display: inline-block;
    margin: 5px;
    padding: 0 10px 12px; }
    @media only screen and (max-width: 800px) {
      #feature_opu .boxico {
        width: 31%; } }
    @media only screen and (max-width: 595px) {
      #feature_opu .boxico {
        width: 45%; } }
    @media only screen and (max-width: 450px) {
      #feature_opu .boxico {
        width: 90%; } }
    #feature_opu .boxico h3 {
      clear: left;
      display: block;
      font-weight: 400; }
    #feature_opu .boxico .icon {
      width: 100%;
      height: 150px;
      display: block;
      background-image: url(../img/opublica/features/train.png);
      background-position: center center;
      background-repeat: no-repeat; }
    #feature_opu .boxico#f_air .icon {
      background-image: url(../img/opublica/features/plane.png); }
    #feature_opu .boxico#f_car .icon {
      background-image: url(../img/opublica/features/car.png); }
    #feature_opu .boxico#f_edif .icon {
      background-image: url(../img/opublica/features/tools.png); }
    #feature_opu .boxico#f_home .icon {
      background-image: url(../img/opublica/features/home.png); }
    #feature_opu .boxico#f_school .icon {
      background-image: url(../img/opublica/features/books.png); }
    #feature_opu .boxico:hover {
      -webkit-box-shadow: 0px 0px 4px 0px #30305c ;
      -moz-box-shadow: 0px 0px 4px 0px #30305c ;
      box-shadow: 0px 0px 4px 0px #30305c ; }

.full_division {
  position: relative;
  max-width: 1450px;
  margin: 0 auto; }
  .full_division .fifty {
    float: right;
    text-align: left;
    padding: 25px 0;
    width: 55%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .full_division .fifty article {
      font-size: 13px;
      padding: 40px 35px;
      max-width: 450px;
      text-align: left; }
      .full_division .fifty article p {
        margin: 12px 0; }
    .full_division .fifty .cvaling {
      width: 1px;
      height: 100%; }
    .full_division .fifty article, .full_division .fifty .cvaling {
      display: inline-block;
      vertical-align: middle; }
    @media only screen and (max-width: 695px) {
      .full_division .fifty {
        width: 50%; } }
    @media only screen and (max-width: 595px) {
      .full_division .fifty {
        width: 100%;
        padding: 0; }
        .full_division .fifty .cvaling {
          display: none; }
        .full_division .fifty article {
          display: block;
          margin: 0 auto; } }
  .full_division .bg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 45%;
    background-image: url(../img/opublica/colegio.jpg);
    background-size: cover; }
    @media only screen and (max-width: 695px) {
      .full_division .bg {
        width: 50%; } }
    @media only screen and (max-width: 595px) {
      .full_division .bg {
        width: 100%; } }
  .full_division#fi_school .fifty {
    float: none;
    text-align: right;
    height: 350px; }
  .full_division#fi_school .bg {
    background-position: left top; }
  @media only screen and (max-width: 595px) {
    .full_division#fi_school {
      padding-top: 280px; }
      .full_division#fi_school .fifty {
        height: auto; }
      .full_division#fi_school .bg {
        bottom: initial;
        background-position: right bottom;
        height: 280px; } }
  .full_division#fi_garage .fifty {
    height: 445px; }
  .full_division#fi_garage .bg {
    left: 0;
    right: auto;
    background-image: url(../img/opublica/carreteras.jpg);
    background-position: right top; }
  @media only screen and (max-width: 595px) {
    .full_division#fi_garage {
      padding-top: 280px; }
      .full_division#fi_garage .fifty {
        height: auto; }
      .full_division#fi_garage .bg {
        bottom: initial;
        background-position: right top;
        height: 280px; } }
  .full_division#fi_tren .fifty {
    height: 450px; }
  .full_division#fi_tren .bg {
    left: 0;
    right: auto;
    overflow: hidden;
    background: none; }
    .full_division#fi_tren .bg img {
      float: right;
      width: 695px;
      height: 450px; }
  @media only screen and (max-width: 595px) {
    .full_division#fi_tren .fifty {
      height: auto; }
    .full_division#fi_tren .bg {
      position: relative; }
      .full_division#fi_tren .bg img {
        width: 100%;
        height: auto; } }

/*/////////////////////////////////////////////////////////	OBRA PUBLICA	*/
/* --------------------------------------------  WEB  -------------------------------------------------------------*/