css {
  
}

* {
  margin: 0;
  padding: 0;  
  
}  

body {
  margin: 0;
  padding: 0;  
  
  background-color      : white;

  background-size       : cover;
  background-repeat     : no-repeat;
  background-attachment : fixed;
  /*
  background-image      : url(recs/bg003.jpg);
  */
  
  x-background-image      :url( 'recs/dsg4/img204.jpg' );
  

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}


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



@media screen and (max-width:767px) {
  body {
    background-size       : cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;   
    
    
    background-position   : center top;
  }
}


#divFondo {
  
  display:block; 
  position:fixed; 

  x-width:200px; 
  x-height:200px; 

  width  : 100%; 
  height : 100%; 
  
  background-color:;

  margin: 0;
  padding: 0;  
  background-size       : cover;
  background-repeat     : no-repeat;
  background-attachment : fixed;
  background-image      : url( 'recs/dsg4/img204.jpg' );
  
  
}



a {
    background-color: transparent;
    text-decoration: none;
}


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    /*text-decoration: underline;*/
}

a:active {
    text-decoration: none;
    
    /*text-decoration: underline;*/
}

a:-webkit-any-link {
    cursor: pointer;
}



.widget-grid-gallery {
  margin: 0px 10px 20px 10px;
}

.x-widget-grid-gallery-item:before {
    content: "";
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-width: 0px;
    border-style: solid;
    
    background-color: transparent;
    border-color: transparent;

    color: transparent; 
    box-sizing: border-box;   
}










contact_form {
  display: block;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  
}  

input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb !important;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}

input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    
}

textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    flex-direction: column;
    resize: auto;
    cursor: text;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}


button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

.contact_form .contact_form-field {
    display: block;
    width: calc( 100% - 40px );
}

.x-contact_form .contact_form-field-select {
    display: block;
    width: calc( 100% - 0px );
}

.contact_form .contact_form-group .contact_form-field {
    border: 1px solid;
    padding: 17.5px 20px;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 4px;
    /*border-color: #2e292a;*/
    border-color: #7e797a;
}

.contact_form .contact_form-group .contact_form-field-select {
    border: 1px solid;
    padding: 17.5px 20px;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 4px;
    /*border-color: #2e292a;*/
    border-color: #7e797a;
    width: calc( 100% - 0px + 2px );

}


/*
option[default] {
  display: none;
}

/*
select:required:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}
*/
/*
.contact_form .contact_form-group .contact_form-field:invalid {
    border-color: blue;  
}
*/  
/*****************************************************************/
/*****************************************************************/
/***** TEXTOS
/*****************************************************************/
/*****************************************************************/



.texto_normal {
    font-weight: 300;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    color: #2e292a;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0px;
}


.texto_system_2 {
font-weight: 400;
font-style: normal;
font-family: 'Roboto', sans-serif;
color: #ffffff;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0px;
}


.texto_system_5 {
    font-weight: 300;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 60px;
    line-height: 1.2;
    letter-spacing: 0px;
}


.texto_system_6 {
    font-weight: 300;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    color: #3E4836;
    font-size: 50px;
    line-height: 1.3;
    letter-spacing: 0px;
}

.texto_system_7 {
    font-weight: 400;
    font-style: italic;
    font-family: 'Lora', serif;
    color: #ffffff;
    font-size: 50px;
    line-height: 1.5;
    letter-spacing: 0px;
}

.texto_system_8 {
    font-weight: 400;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    color: #323234;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: 0px;
}

.texto_system_9 {
    font-weight: 400;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    color: #323234;
    font-size: 22px;
    line-height: 0.8;
    letter-spacing: 0px;
}

.texto_system_10 {
    font-weight: 300;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    color: #717171;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0px;
}

.texto_system_14 {
    font-weight: 300;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    color: #2e292a;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0px;
}


.texto_system_511 {
    font-weight: 300;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    color: #2e292a;
    font-size: 50px;
    line-height: 1.5;
    letter-spacing: 0px;
}




.texto_centrado {
    text-align: center;
}

.texto_transicion_03 {
    transition: .3s;
}

.texto_separacion_1_2 {
    line-height: 1.2;
}

.color5_5 {
    color: #ffffff;
}




@media screen and (max-width:767px) {

  .texto_normal {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
  }

  .texto_system_5 {
    font-size   : 40px;
    line-height : 1.3;  
  }
  
  .texto_system_6 {
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 0px;
  }

  .texto_system_7 {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0px;  
  }
  
  
  .texto_system_10 {
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 0px;
  }

  .texto_system_14 {
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 0px;
  }
  
}

  

/*****************************************************************/
/*****************************************************************/
/***** 
/*****************************************************************/
/*****************************************************************/


#div_body_fondo {
  
  display   : block;
  position  : absolute;
  top              : 0px;
  left             : 0px;
  
  width            : 100vw;
  height           : 100vh;
  

  
  
  
  
  
  
  /*background       : blue url(recs/bg003.jpg) center center cover no-repeat fixed;;*/
  
}


.no_seleccion {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}





.ecam_super_seccion {
  
  clear:both;
  
  display: block;
  position : relative;
  
  
  width    : calc( 100% - 400px );
  padding-left  : 200px; 
  padding-right : 200px;
  
  height   : auto;
  
}  










.ecam_seccion_limpia {
  clear:both;
  display: block;
  position : relative;
  
  
  width    : calc( 100% - 0px );
  padding-left  : 0px; 
  padding-right : 0px;
  
  height   : auto;
  
}

.ecam_seccion_limpia_contenedor {
  background-color:fuchsia; 
  width  : 1180px; 
  height : 100%;
}


/**********************************/
/***** ..98
/***** *****/

.ECM_AUTO_PADDING_TOP {
  padding-top : 120px;  
}

@media screen and (max-width:767px) {
  .ECM_AUTO_PADDING_TOP {
    padding-top : 40px;
  }  
}




/**********************************/
/***** ..99
/***** ESPACIO DESPUES DE TITULOS ****/

.DIV_101_99 {
  display          : block;
  position         : relative;
  width            : 100%;
  clear            : both; 
  height           : 25px; 
  background-color : ; 
}



/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/


/**********************************/
/***** ..100 ..120
/***** UTILIZADO PARA MENU ****/

#DIV_101_100 {
  max-height:900px;
  
  background-color      : ;

  background-size       : auto;
  background-repeat     : no-repeat;
  background-attachment : fixed;
  /*
  background-image      :url(recs/bgweb011.jpg);
  */
  background-image      : url(recs/dsg4/img311.png);
  background-position   : calc(100% + 220px) top;
}

@media screen and (max-width:767px) {
  #DIV_101_100 {
    x-max-height:900px;
    background-size       : cover;
    background-attachment : scroll;
    x-background-image      : none; 
    x-opacity: 0.5;
  }
}





.DIV_101_120 {
  background-color:;
  
  
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; /* center; */ /* VERTICAL */
    
    
  position : relative;
  
  width         : calc( 100% - 20% );
  padding-left  : 10%; 
  padding-right : 10%;
  
  height         : auto;
  padding-top    : 40px; 
  padding-bottom : 20px;
}


/** lado izquierdo del menu **/
.DIV_101_120_210 {
  padding-right : 10%;
  
}


/** lado derecho del menu **/
.DIV_101_120_220 {
  background-color:;
  
  
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    
    
  position : relative;
  
  /*
  width         : calc( 100% - 20% );
  padding-left  : 10%; 
  padding-right : 10%;
  
  height: auto;
  padding-top    : 20px; 
  padding-bottom : 20px;
  */
  
}


#imgLogoImagen{
  height : 95px;
  
}

@media screen and (max-width:767px) {
  #imgLogoImagen {
    height : 75px;
  }
}









/* 
.DIV_101_120_220 a {

}
*/

/*
.xx-DIV_101_120_220 a:first-child {
  padding-left : 0px;
  padding-right : 10%;
}  
*/
.a_menu_preset_0 {
  
  color: #ffffff;
}
.a_menu_preset_0:hover {
  color: #041A4F; /*$a_menu_link_hover; /*#f75659;*/
  
}



.a_menu_preset_2 {
  color: #041A4F; /*$a_menu_link_hover; /*#f75659;*/
  
}
.a_menu_preset_2:hover {
  color: #675240;
  
}





.a_reference_link {

    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    
    text-decoration: none;
  

    padding: 0;
    

    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: block;
    /*text-align: left;*/
    transition: .3s;
    z-index: 1;
    
    color: #581422;
   
}





.a_menu_link {

    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    
    text-decoration: none;

  
    line-height: 21px;
    padding: 0;
    
    padding: 10px 20px;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: block;
    text-align: left;
    transition: .3s;
    z-index: 1;
    
  padding-left  : 20px; 
  padding-right : 20px;     
}

.a_menu_link:hover {
  
}


.a_menu_link_active {

    color: #666667; /*$a_menu_link_hover; /*#f75659;*/

}

.a_menu_link_active_2 {

    color: #675240;

}

@media screen and (max-width:767px) {
  
  .DIV_101_120 {
    background-color : ;
    width         : calc( 100% - 40px );
    padding-left  : 20px; 
    padding-right : 20px;  
  }

  .DIV_101_120_220 {
    border-top     : solid 1px silver;
    border-bottom  : solid 1px silver;
    /*padding-top    : 50px;*/
    margin-top     : 20px;*/
    

  }
  
  .a_menu_link {
    
    padding-left  : 10px; 
    padding-right : 10px;
        
  }
  
}



/**********************************/
/***** ..121
/***** UTILIZADO PARA PRESENTACION ****/

/** centro **/
.DIV_101_121_200 {
  background-color : ;
  
  display: block;
  position : relative;  
  /*width: 1180px;*/
  
  height: 750px; 
  /*padding-top : 130px;*/
  
}


.DIV_101_121_200_R0 {
  
}


.DIV_101_121_200_R0_C0 {
  width: 600px;
}


@media screen and (max-width:767px) {
  .DIV_101_121_200 {
    height: auto; 
    padding-top : 0px; /*100*/  
  }
  
  .DIV_101_121_200_R0_C0 {
    width: 100%; 
  }
  
  .texto_system_5 {
    font-size: 30px;
  }
  
}



/**********************************/
/***** ..130
/***** UTILIZADO PARA  ****/

.DIV_101_130 {
  display: block;
  position : relative;
  
  /*background-attachment : fixed;*/
  background-size       : cover;
  background-repeat     : no-repeat;
  background-color : rgba(0, 0, 0, 0.5) ;
  
  /*
  background-image      : url(recs/bgweb009.jpg);
  */
  
  width         : 100%;
  
/*
  width         : calc( 100% - 240px );
  padding-left  : 120px; 
  padding-right : 120px;
*/  
  
  
  height : 380px;
}




@media screen and (max-width:767px) {
  .DIV_101_130 {
    x-background-image      : url( 'recs/dsg4/img204.jpg' );
    
  }
}









.DIV_101_130 p {
  line-height : 380px;
}

.DIV_101_140 {
  background-color:;
  
  
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    
    
  position : relative;
  
  width         : calc( 100% - 20% );
  /*
  padding-left  : 15px; 
  padding-right : 15px;
  */
  padding-left  : 10%; 
  padding-right : 10%;
  
  height: auto;
  /*
  padding-top    : 120px; 
  padding-bottom : 120px;
  */
}






.DIV_101_141 {
  background-color:;
  
  
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    
    
  position : relative;
  
  width         : calc( 100% - 30px );
  padding-left  : 15px; 
  padding-right : 15px;
  
  height: auto;
  padding-top    : 120px; 
  padding-bottom : 40px;
}


@media screen and (max-width:767px) {
  
  .DIV_101_140 {
    width         : calc( 100% - 40px );
    padding-left  : 20px; 
    padding-right : 20px;  
  }
  
  .DIV_101_141 {
    padding-top    : 20px; 
    padding-bottom : 20px;
  }  
}







.DIV_101_142 {
  background-color:;
  
  
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    
    
  position : relative;
  
  width         : calc( 100% - 0px );
  padding-left  : 0px; 
  padding-right : 0px;
  
  height: auto;
  padding-top    : 0px; 
  padding-bottom : 0px;
}






/**********************************/
/***** ..143
/***** UTILIZADO PARA GALERIAS ****/


.DIV_101_143 {
  background-color:;
  
  
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    
    
  position : relative;
  
  width         : calc( 100% - 20% );
  padding-left  : 10%; 
  padding-right : 10%;
  
  height: auto;
  padding-top    : 20px; 
  padding-bottom : 20px;
}



.DIV_101_143_101 {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width:400px; height:auto;
  /*
  width  : calc( 400px + 20px );
  height : calc( 300px + 20px );
  */
  margin : 0px 10px 20px 10px;
  
}

.DIV_101_143_101 img {
  transition: .3s;
  
  width  : 400px;
  height : 300px;
  object-fit: cover;
  
  /*
    max-width: 400px;
    height: auto;
  */
  /*
    max-width: 400px;
    max-height: 300px;
  */
  /*margin-left  : auto;*/
}


.DIV_101_143_101 img:hover {

    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
    
    

.DIV_101_143_101 div {
  width  : 400px;
  height : 300px; 
}
.DIV_101_143_101 p {
  /*display:none;*/
}  

@media screen and (max-width:767px) {
  
  .DIV_101_143 {
    background-color : ;
    width         : calc( 100% - 0px );
    padding-left  : 0px; 
    padding-right : 0px;
    padding-bottom : 0px;    
  }

  .DIV_101_143_101 {
    margin : 0px 0px 20px 0px;
    width  : calc( 100% - 0px );
    /*
    height : calc( auto + 20px ); 
    */
    /*
    
    height : calc( 300px + 20px );    
    */
    /*
    width  : 500px;
    height : 400px;
    */    
  }
  
  .DIV_101_143_101 img {
    
    width  : calc( 100% - 0px );
    height : 280px;
    /*min-height : 450px;*/
    /*max-height : 280px;*/
    
  }
  
  .DIV_101_143_101 div {
    
    width  : calc( 100% - 0px );
    height : 280px;
    /*min-height : 450px;*/
    /*max-height : 280px;*/
    
  }  
}




/**********************************/
/***** ..144
/***** UTILIZADO PARA TEXTOS ****/


.DIV_101_144 {
  background-color:;
  
  
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    
    
  position : relative;
  
  width         : calc( 100% - 20% );
  padding-left  : 10%; 
  padding-right : 10%;
  
  height: auto;
  padding-top    : 40px; 
  padding-bottom : 20px;
}

.DIV_101_144_001 p {
  
}


@media screen and (max-width:767px) {
  
.DIV_101_144 {
  padding-top    : 40px;

  width         : calc( 100% - 20px );
  padding-left  : 10px; 
  padding-right : 10px;
  
}
  
}











/**********************************/
/***** ..150
/***** UTILIZADO PARA GALERIAS ****/

  
.DIV_101_150 {
  background-color:; 
  width:1180px; 
  height: auto;
}

.DIV_101_152 {
  display  : block; 
  position : relative;
    
  
  background-color:; 
  width:100%; 
  height: auto;
}

.DIV_101_153 {
  display  : block; 
  position : relative;
    
  
  background-color:transparent; 
  width:100%; 
  height: auto;
  
  /*background-attachment : fixed;*/

  /*background-image      : url(recs/bgweb009.jpg);*/
}

@media screen and (max-width:767px) {
  
  .DIV_101_153 {
    /*background-color:red;*/
    background-size       : cover;
    background-repeat     : no-repeat;
    background-position   : center center;
    background-image      : url( 'recs/dsg4/bgweb012m.jpg' );    
  }
}






/***** IZQUIERDA 310 TEXTO Y DERECHA 320 FOTO 50/50 *****/

.DIV_101_300 {
  
  
}  

.DIV_101_310 {
  background-color:;
  
  display:inline-block; 
  position:relative; 
  float:left; 
  width: calc( 50% - 15% - 70px );
  padding-left  : 15%;  
  padding-right : 70px;  
  
  
  
  /*height:100%;*/
  /*
  min-height   : 360px;
  */
  
  padding-top    : 150px;
  padding-bottom : 150px;

  
  /*
  background: green url(recs/lider-1.jpg) center center no-repeat; 
  background-size : cover;
  */
}

.DIV_101_320 {
  background-color:;

  display  : inline-block; 
  /*
  position : relative; 
  float    : right;
  */
  
  position : absolute; 
  top      : 0px;
  bottom   : 0px;
  left     : 50%;
  right    : 0px;


  
  width      : 50%; 

  
  /*min-height : 750px;*/
  /*
  height     : inherit;
  */
  /* chanchitos */
  /*
  background      : green url(recs/mt-1005-content-bg01.jpg) center center no-repeat; 
  */
  
  background      : url( 'recs/dsg4/img205.jpeg' ) center center no-repeat; 
  
  background-size : cover;
  
}

@media screen and (max-width:767px) {
  
  .DIV_101_310 {
    display  : block;
    position : relative;
    
    float   : none;
    clear   : both;
    width   : 100%;  
    
    width         : calc( 100% - 40px );
    padding-left  : 20px;  
    padding-right : 20px; 
  

    padding-top    : 20px;
    padding-bottom : 20px;
  
  }
  
  .DIV_101_320 {
    display  : block;
    position : relative;
    left     : 0;
    float       : none;  
    clear       : both;
    width       : 100%;
    height      : 280px;

  }
  
}





/***** IZQUIERDA 410 FOTO Y DERECHA 420 TEXTO 50/50 *****/

.DIV_101_400 {
  
  
}  

.DIV_101_410 {
  background-color:;
  
  display  : inline-block; 
  /*
  position : relative;
  */
  position : absolute; 
  top      : 0px;
  bottom   : 0px;
  left     : 0px;
  right    : 0px;
  
  width      : 50%; 

  background      : url( 'recs/dsg4/img321.png' ) no-repeat;
  background-position : center center;
  background-size : auto auto; /* contain cover auto */
  
}

.DIV_101_420 {
  background-color:;

  display  : inline-block; 
  
  float : right; 
  width : calc( 50% - 15px - 10% );

  padding-left  : 15px;  
  padding-right : 10%;  
  
  padding-top    : 150px;
  padding-bottom : 150px;
 

  
}

@media screen and (max-width:767px) {
  
  .DIV_101_410 {
    display  : block;
    position : relative;
    left     : 0;
    float       : none;  
    clear       : both;
    width       : 100%;
    height      : 280px;
    background-position : top center;
    background-size : contain; /* 100% auto; /* contain cover auto */
    margin-top: 20px;
  }
  
  .DIV_101_420 {
    display  : block;
    position : relative;
    
    float   : none;
    clear   : both;
    width   : 100%;  
    
    width         : calc( 100% - 40px );
    padding-left  : 20px;  
    padding-right : 20px; 
  

    padding-top    : 20px;
    padding-bottom : 20px;
  }
  
}





/***** IZQUIERDA 510 FOTO Y DERECHA 520 TEXTO 50/50 *****/
/***** SE MANTIENE DIVISION                         *****/

.DIV_101_500 {
  
  
}  

.DIV_101_510 {
  background-color:;
  
  display  : inline-block; 
  position : absolute; 
  top      : 0px;
  bottom   : 0px;
  left     : 0px;
  right    : 0px;
  
  width      : 50%; 
  /*
  background      : url(recs/mt-1005-home-img01.jpg) center center no-repeat; 
  background-size : contain;
  */
}

.DIV_101_520 {
  background-color:;

  display  : inline-block; 
  
  float : right; 
  width : calc( 50% - 15px - 10% );

  padding-left  : 15px;  
  padding-right : 10%;  
  
  padding-top    : 150px;
  padding-bottom : 150px;
}








.DIV_101_530 {
  background-color:;
  
  display  : inline-block; 
  position : absolute; 
  top      : 0px;
  bottom   : 0px;
  left     : 0px;
  right    : 0px;
  
  width      : 50%; 

  background: url(recs/mt-1005-testimonials-icons-small.png?c=1) no-repeat;
  background-position: right 220px;
}

.DIV_101_540 {
  background-color:;

  display  : inline-block; 
  
  float : right; 
  width : calc( 50% - 15px - 10% );

  padding-left  : 15px;  
  padding-right : 10%;  
  
  padding-top    : 220px;
  padding-bottom : 220px;
}



@media screen and (max-width:767px) {
  .DIV_101_530 {
    background-position: right 100px;
  }
  
  .DIV_101_540 {
    padding-top    : 100px;
    padding-bottom : 100px;  
  }
}








  
  
#DIV_101_200 {
  
  
}  

#DIV_101_210 {
  display:block; 
  position:relative; 
  float:left; 
  width:400px; 
  /*height:100%;*/
  min-height:360px;  
  background: url(recs/imgNosotros001.jpg?v=4) center center no-repeat;
  background-size : cover;
}


#DIV_101_220 {
  display:block; 
  position:relative; 
  float:right; 
  x-width:calc(100% - 400px - 120px ); 
  width: 600px;
  min-height:360px;
  background-color:;
}  




 

  
@media screen and (max-width:767px) {



  
  
  .DIV_101_130 {
    height : 190px; 
  }
  
  .DIV_101_130 p {
    line-height : 190px; 
  } 


  #DIV_101_210 {
  float:none;
  clear: both;
  width: 100%;
  
  }
  
  #DIV_101_220 {
  float      : none;  
  clear      : both;
  width      : 100%;
  padding-top: 20px;
  }
  
  .DIV_101_150 {
    background-color:; 
  }

  #DIV_101_200 {
    
  }
  
  #DIV_101_201 {
  
  }  
 
}


  
  
  

































  
  
  

.super_seccion {
  clear:both;
  
  display: block;
  position : relative; 

  width    : calc( 100% - 400px );
  height   : auto;

  
  background-color:;
  
  padding-top    : 120px;
  padding-bottom : 120px;

  padding-left  : 200px; 
  padding-right : 200px;


  background-size       : cover;
  background-repeat     : no-repeat;
  background-attachment : fixed;
  /*background-image      : url(recs/bgweb2.jpg);*/
  
}





.seccion {
  background-color:;

  clear:both;
  position : relative;
  
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: top;

/*
  width    : calc( 100vw - 30px - 20px );
*/
  width    : calc( 100% - 30px );
  padding-left  : 15px; 
  padding-right : 15px;

  
  height   : 900px;
  padding-top    : 70px;
  padding-bottom : 70px;

  background-size       : cover;
  background-repeat     : no-repeat;
  background-attachment : fixed;
  /*background-image      : url(recs/bgweb2.jpg);*/
}

@media screen and (max-width:767px) {
  .seccion {
  padding-top    : 20px;
  padding-bottom : 40px;
  
  }
  
}



.contenedor {
  background-color: blue; 
  
  width  : 1180px;
  
  height : auto;
  /*
  padding-left: auto;
  padding-right: auto;  
  */
  
  
}  

#seccion_1_contenedor_leyenda {
  
  padding-left : 0px; 
  padding-top  : 160px;
  
}



#menu001 {
  display  : block;
  position : relative; 
  width    : 100%; 
  height   : 95px;

  
  background-color:;
  
  padding-top    : 0px;
  padding-bottom : 0px;

  /*background-size       : contain;*/
  /*background-attachment : fixed;*/

  
  background-repeat     : no-repeat;
  background-image      : url(recs/ecoi_iso_blanco_001.png);
  
}







.menu_flex {
  
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    
  float:right;
  
  position : relative; 
  width    : calc( 100% - 120px - 500px ); 
  height   : 100%;

  
  background-color:;
  
  padding-top    : 0px;
  padding-bottom : 0px;

  /*
  background-size       : contain;
  background-repeat     : no-repeat;
  background-attachment : fixed;
  background-image      : url(recs/bg003.jpg);
  */
  
}
.menu_flex span {
  
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;
color: #ffffff;
text-decoration: none;

line-height: 21px;

font-size: 16px;


transition: .3s;
cursor:pointer;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

.menu_flex span:hover {
    color: #013473;
    /*
    background-color: #2e292a;
    border-color: #2e292a;
*/
}





























/*****************************************************************/
/*****************************************************************/
/***** SECCION 2
/*****************************************************************/
/*****************************************************************/


.seccion_2_cuadro {
  display:block;
  position:relative;
  
  width:300px; 
  height:auto;
  
  background-color :;
  /*background-size       : cover;*/
  background-repeat     : no-repeat;
  /*background-attachment : fixed;*/
  
  /*background-image      : url(recs/bg003.jpg);*/
  background-position   : center 30px;
  padding-left : 20px;
  padding-right : 20px;
  
}




.seccion_2_cuadro_titulo {
  /* position : absolute; top : 120px; */
  
  position : relative;
  padding-top : 150px;
  width: calc( 100% - 0px );
  
}

.seccion_2_cuadro_titulo_p50 {
  position : relative;
  padding-top : 90px;
  width: calc( 100% - 0px );
}



.seccion_2_cuadro_leyenda {
  /* position : absolute; top : 170px; */
  
  width: calc( 100% - 0px );
  position : relative;
  padding-top : 30px; 
}  



@media screen and (max-width:767px) {

  .seccion_2_cuadro {
    width:100%; 
  }
  
}




/*****************************************************************/
/*****************************************************************/
/***** SECCION 3
/*****************************************************************/
/*****************************************************************/


.seccion_3_cuadro {
  display     : block;
  position    : relative;
  
  width         : 260px; 
  padding-left  : 20px;
  padding-right : 20px;

  height         : auto;
  padding-top    : 10px;
  padding-bottom : 10px;
  
  
  
  background-color :;
  /*background-size       : cover;*/
  background-repeat     : no-repeat;
  /*background-attachment : fixed;*/
  
  /*background-image      : url(recs/bg003.jpg);*/
  background-position   : center 0px;
  
  
  
}

.seccion_3_cuadro_imagen {
  display      : block;
  width        : 180px;
  height       : 180px;
  
  
  margin-left  : auto;
  margin-right : auto;
  
  
  background-color      :;
  background-repeat     : no-repeat;
  background-position   : center center;
  
  /*border: blue 1px solid;*/
}


.seccion_3_cuadro_img {
  display       : block;
  margin-left   : auto;
  margin-right  : auto;
  margin-top    : auto;
  margin-bottom : auto;
}


.seccion_3_cuadro_titulo {
  /* position : absolute; top : 120px; */
  
  position : relative;
  padding-top : 20px;
  width: calc( 100% - 0px );
  
}

.seccion_3_cuadro_titulo_p50 {
  position : relative;
  padding-top : 90px;
  width: calc( 100% - 0px );
}



.seccion_3_cuadro_leyenda {
  width: calc( 100% - 0px );
  position : relative;
  padding-top : 0px; 
}  



@media screen and (max-width:767px) {

  .seccion_3_cuadro {
    width:100%; 
  }
  
}












































/*****************************************************************/
/*****************************************************************/
/***** SECCION 4 ( nuestras obras )
/*****************************************************************/
/*****************************************************************/

.seccion_4_cuadro {
  display:block;
  position:relative;  
  clear:both; 
  width:373px; 
  height:295px; 
  background-color:silver;
  margin: 20px;
  
  background-size       : cover;
  background-repeat     : no-repeat;
  /*background-attachment : fixed;*/
  cursor:pointer;
}  

.seccion_4_cuadro_hover {
  display:block; 
  position:absolute; 
  top:0px; 
  bottom:0px; 
  width:100%; 
  height:100%; 
  
  
}

.seccion_4_cuadro_hover:hover {
  background-color:rgba(0, 55, 138, 0.5);
  background : rgba(0, 55, 138, 0.5) url('recs/zoom48w.png') center center no-repeat; 
}



/*
.xxx:hover {
  background-color:rgba(0, 55, 138, 0.5);
  background : rgba(0, 55, 138, 0.5) url('recs/zoom48w.png') center center no-repeat; 
}
*/


/*****************************************************************/
/*****************************************************************/
/***** SECCION 4 ( #contact_form )
/*****************************************************************/
/*****************************************************************/


.DIV_101_620 {
  background-color: ;
  clear:both;
  
  display         : flex;
  flex-direction  : row;
  flex-wrap       : wrap;
  justify-content : center;
  align-items     : top;
  
  position        : relative; 

  
  
  
  width         : calc( 100% - 30px );
  padding-left  : 15px; 
  padding-right : 15px;

  height : auto;
  padding-top    : 25px;
  padding-bottom : 25px;


  
}


.contact_form {
  width         : 50%;
}



.DIV_101_620_001 {
  clear           : both;
  
  display         : flex;
  flex-direction  : row;
  flex-wrap       : wrap;
  justify-content : center;
  align-items     : top;
  
  position        : relative; 

  
  
  
  width         : calc( 100% - 30px );
  padding-left  : 15px; 
  padding-right : 15px;

  height : auto;
  padding-top    : 0px;
  padding-bottom : 0px;
  
}



@media screen and (max-width:767px) {
  
  .contact_form {
    width         : 100%;
  }
}



/*****************************************************************/
/*****************************************************************/
/***** SECCION 90 ( pie )
/*****************************************************************/
/*****************************************************************/
.seccion_90_contenedor {
  
  display          : block; 
  width            : 100%; 
  padding          : 70px 0px 10px 0px; 
  background-color : #2A2A2A;
  
}



.seccion_90_contenedor_iconos {
  background-color:;


  clear           : both;
  
  display         : flex;
  flex-direction  : row;
  flex-wrap       : wrap;
  justify-content : center;
  align-items     : top;
  
  position        : relative; 

  
  
  
  width         : calc( 100% - 30px );
  padding-left  : 15px; 
  padding-right : 15px;
  
  
  /*
  width    : calc( 100% - (( 65px * 3 ) + ( 20px * 2 )) * 2 );
  padding-left  : 120px; 
  padding-right : 120px;
  */
  
  height : auto;
  /*
  height   : calc( 100% - 140px );
  padding-top    : 70px;
  padding-bottom : 70px;
  */
  padding-top    : 25px;
  padding-bottom : 25px;

  
  background-size       : cover;
  background-repeat     : no-repeat;
  background-attachment : fixed;
  /*background-image      : url(recs/bgweb2.jpg);*/
}

.seccion_90_icono {
  background-color:red;
  display : block;
  width   : 65px;
  height  : 65px;
  margin  : 0px 10px 0px 10px;
  
  
  background-size       : cover;
  background-repeat     : no-repeat;
  /*background-attachment : fixed;*/
  /*
  background-image      : url(recs/bgweb2.jpg);
  */
  cursor:pointer;
}  


.seccion_90_icono_arroba {
  background : transparent url('recs/icons52-arroba.png?v=1') center center no-repeat; 
}
.seccion_90_icono_fono {
  background : url('recs/icons52-fono.png?v=1') center center no-repeat; 
}
.seccion_90_icono_puntero {
  background : url('recs/icons52-puntero.png') center center no-repeat; 
}



.seccion_90_contenedor_leyenda_copyright {
  padding-top    : 25px;
  padding-bottom : 25px; 
}






@media screen and (max-width:767px) {

  .seccion_90_contenedor {
    padding        : 20px 0px 10px 0px;  
  }
  .seccion_90_contenedor_iconos {
    padding-top    : 10px;
    padding-bottom : 10px; 
  }
  .seccion_90_contenedor_leyenda_copyright {
    padding-top    : 10px;
    padding-bottom : 10px;  
  }  
}







/*****************************************************************/
/*****************************************************************/
/***** DIV_CONTROL_ARRIBA
/*****************************************************************/
/*****************************************************************/


#DIV_CONTROL_ARRIBA {
display:block; 
position:fixed; 
right:calc( 65px + 20px ); 
bottom:-25px; width:65px; 
height:65px; 
background-color:; 
background: url(recs/icons52-flecha-arriba.png) center center no-repeat; 
cursor:pointer;
}

@media screen and (max-width:767px) {
  #DIV_CONTROL_ARRIBA {
    right:calc( 10px + 20px ); 
  }  
}

/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/





.boton_largo {
  font-size: 16px;
  padding: 16px 20px;
  min-width: 180px; 
}  



.boton_link {
  text-decoration: none;
  display: inline-block;
  cursor: pointer;


 
position: relative;
text-align: center;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: .3s;
line-height: 24px;
border-radius: 5px;
border: 2px solid;



font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;
color: #ffffff;
background-color: transparent;
border-color: #ffffff;

}

.boton_link:hover {
  color            : #ffffff;
  background-color : black; /*$a_menu_link_hover; /*#2e292a;;*/
  border-color     : black; /*$a_menu_link_hover; /*#2e292a;;*/
}






.boton_link_2 {
  text-decoration: none;
  display: inline-block;
  cursor: pointer;


 
position: relative;
text-align: center;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: .3s;
line-height: 24px;
border-radius: 5px;
border: 2px solid;



font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;
color: #ffffff;
background-color: black;
border-color: black;

}

.boton_link_2:hover {
  color            : black;
  background-color : transparent;
  border-color     : black;
}





/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/



#conGoogleMap {
  height:500px;
}

@media screen and (max-width:767px) {
  #conGoogleMap {
    height:380px;
  }
}







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

  .x-seccion {
    
    padding-left  : 90px; 
    padding-right : 90px;
    
    width    : calc( 100vw - 180px - 20px );
  }  
 
}





@media only screen and (max-width: 960px) {

  .seccion {
    /*
    padding-left  : 90px; 
    padding-right : 90px;
    */
    /*width    : calc( 100vw - 180px - 20px );*/
  }  
  
  .contenedor {
    
    /*width  : calc( 100vw - 30px);*/
    
  }
  
  #x-seccion_1_contenedor_leyenda {
    padding-left : 0px; 
    padding-top  : 400px;
  }  
  
  
}


  
@media only screen and (max-width: 767px) {
  .xx-body {
    /* The file size of this background image is 93% smaller
       to improve page load speed on mobile internet connections */
    background-image: url(recs/bg004.jpg);
  }
}



.lang_es {
  display:none; !important
}
.lang_en {
  display:block; !important
}