*{margin: 0em;padding: 0em;}a{text-decoration: none;}body{font-family: 'Muli', sans-serif;margin: 0em auto;font-size: 1em;}img{border: 0em;}iframe{border: 0em;}.clear{clear: both;}
@font-face {
  font-family: 'mc';
  src:  url('../fonts/mc.eot?75apf1');
  src:  url('../fonts/mc.eot?75apf1#iefix') format('embedded-opentype'),
    url('../fonts/mc.ttf?75apf1') format('truetype'),
    url('../fonts/mc.woff?75apf1') format('woff'),
    url('../fonts/mc.svg?75apf1#mc') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mc' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-linkedin:before {
  content: "\e900";
}
.icon-brand:before {
  content: "\e900";
}
.icon-social:before {
  content: "\e900";
}
.icon-categoria:before {
  content: "\e901";
}
.icon-conversar:before {
  content: "\e902";
}
.icon-flecha_circ_right:before {
  content: "\e903";
}
.icon-flecha_left:before {
  content: "\e904";
}
.icon-flecha_right:before {
  content: "\e905";
}
.icon-asesoria:before {
  content: "\e906";
}
.icon-sobre:before {
  content: "\e907";
}
.icon-ayudando:before {
  content: "\e908";
}
.icon-personas:before {
  content: "\e909";
}
.icon-telefono:before {
  content: "\e90a";
}
.icon-phone:before {
  content: "\e942";
}
.icon-location:before {
  content: "\e947";
}
.icon-undo2:before {
  content: "\e967";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-loop2:before {
  content: "\ea2e";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}



@media all and (min-width: 300px){
  .margen{
    margin: 0em auto;
    max-width: 75em;
    width: 100%;
  }
  header{
  	background-color: #FFF;
  	padding: 0em; 
  }
  header .franja{
    background-color: #a0a0a0;
    text-align: center;
  }
  header .franja .redes{
    color: #fff;
  }
  header .franja .datos{
    padding: .5em 0em;
  }
  header .franja .datos a{
    color: #fff;
  }
  header figure{
    padding: 1em 0em;
    text-align: center;
    width: 100%;
  }
  header figure img{
    height: auto;
    max-width: 13.56em;
    width: 100%;
  }
  header #menures{
    background-color: #a0a0a0;
    color: #fff;
    cursor: pointer;
    font-size: 1.12em;
    padding: .3em 0em;
    text-align: center;
  }
  header nav{
    display: none;
    background-color: #ccc;
  }
  header nav a{
    border-bottom: 0.06em solid #a0a0a0;
    color: #707070;
    display: block;
    padding: .2em .3em ;
    transition: .3s;
  }
  header nav a:hover,header nav a#act{
    background-color: #fff;
  }
  .frase{
    background-color: #70A73C;
    padding: 1em 0.3em;
    color: #fff;
  }
  .frase .texto{
    text-align: center;
  }
  .frase .texto .icono{
    font-size: 2em;
    vertical-align: middle;
  }
  .frase .texto .sub{
    font-size: 1.25em;
  }
  .frase .btn{
    margin: 1em;
  }
  .frase .btn a{
    background-color: #c7d044;
    box-sizing: border-box;
    border-radius: .5em;
    color: #555;
    display: block;
    font-size: 1.12em;
    padding: .3em;
    margin: 0em auto;
    max-width: 18.75em;
    text-align: center;
    width: 100%;
  }
  .conte{
    padding: 1em 0em;
  }
  .conte .calugas {
    text-align: center;
  }
  .conte .calugas .caluga{
    color: #777;
    padding: 0em 0em 1em 0em;
    margin: 0em auto;
    max-width: 25em;
    vertical-align: top;
    width: 100%;
  }
  .conte .calugas .caluga img{
    height: auto;

    width: 100%;
  }
  .conte .calugas .caluga h3{
    font-weight: normal;
    font-size: 1.12em;
    padding: 0.5em 0em .5em 0em;
    text-align: left;
    width: 100%;
  }
  .conte .calugas .caluga p{
    text-align: justify;
  }
  .conte .calugas .caluga .btn{
    background-color: #000;
    border:0.06em solid #000;
    border-radius: .6em;
    color: #fff;
    display: block;
    margin: 1em auto;
    padding: .3em 0em .4em 0em;
    transition: .3s;
    text-align: center;
    width: 13.75em;
  }
  .conte .calugas .caluga .btn:hover{
    background-color: #fff;
    color: #000;
  }
  .conte .proyectos{
    background-color: #777;
    padding: 1em 0em;
  }
  .conte .proyectos h1{
    color: #c5d044;
    font-weight: normal;
    padding: 0em 0em .8em 0em;
    text-align: center;
  }
  .conte .proyectos .pro{
    color: #fff;
    padding: 0em 0em 2em 0em;
    margin: 0em auto;
    max-width: 18.75em;
    width: 100%;
    vertical-align: top;
  }
  .conte .proyectos .pro img{
    height: normal;
    margin: 0em auto;
    position: relative;
    max-width: 18.75em;
    width: 100%;
  }
  .conte .proyectos .pro h2 a{
    background-color: rgba(0,0,0,0);
    box-sizing: border-box;
    display: block;
    font-size: 1.25em;
    padding: 4em 0em 0em 0em;
    position: absolute;
    height: 11em;
    transition: .3s;
    max-width: 15em;
    text-align: center;
    width: 100%;
    z-index: -1;
  }
  .conte .proyectos .pro:hover h2 a{
    background-color: rgba(0,0,0,0.5);
    z-index: 99999;
  }
  .conte .proyectos .pro h2{
    font-size: 1em;
    font-weight: normal;
    /* margin: .3em 0.2em .5em 0.2em; */
    margin: 0em;
    padding: 0em;
    transition: .3s;
    text-align: left;
  }
  .conte .proyectos .pro h2 a{
    color: #fff;
  }
  .conte .proyectos .pro .texto{
    text-align: justify;
    padding: 0em .2em;
  }
  footer{
    border-top:0.12em solid #a0a0a0;
    margin: 2em 0em 0em 0em;
    padding: 2em 0em 0em 0em;
  }
  footer figure{
    padding: 0em 0em 1em 0em;
    text-align: center;
    width: 100%;
  }
  footer figure img{
    height: auto;
    max-width: 18.81em;
    width: 100%;
  }
  footer figure p{
    color: #666;
  }
  footer .menu_1,footer  .menu_2,footer  .datos{
    padding: 1em 0em;
  }
  footer .tit{
    color: #333;
    font-size: 1.5em;
    padding: 0em 0em 1em 0em;
  }
  footer .tit span{
    color: #70A73C;
    font-size: 1.5em;
    vertical-align: middle;
  }
  footer .menu_1 a{
    color: #707070;
    display: block;
    padding: .3em .3em .3em 1em;
  }
  footer .menu_1 a span{
    color: #70A73C;
  }

  footer .menu_2 a{
    color: #707070;
    display: block;
    padding: .3em .3em .3em 1em;
  }
  footer .menu_2 a span{
    box-sizing: border-box;
    border-radius: 100%;
    background-color: #70A73C;
    color: #fff;
    display: inline-block;
    font-size: 1.2em;
    height: 1.5em;
    padding: .24em 0em 0em 0em;
    text-align: center;
    vertical-align: middle;
    width: 1.5em;
  }
  footer .datos {
    color: #707070;
  }
  footer .datos .mapa{
    border:0.12em solid #666;
  }
  footer .datos .mapa iframe{
    height: 8em;
    width: 100%;
  }
  footer .datos span{
    box-sizing: border-box;
    border-radius: 100%;
    background-color: #70A73C;
    color: #fff;
    display: inline-block;
    font-size: 1.2em;
    height: 1.5em;
    padding: .24em 0em 0em 0em;
    text-align: center;
    vertical-align: middle;
    width: 1.5em;
  }
  footer .franja_foo{
    background-color: #000;
    padding: 1em 0em;
    text-align: center;
  }
  footer .franja_foo .izq{
    color: #fff;
  }
  footer .franja_foo .der{

  }
  .int .bg_tit{
    background-color: #70A73C;
    padding: .6em;
  }
  .int .bg_tit h1{
    color: #c5d044;
    font-size: 2em;
    font-weight: normal;
  }
  .int .bg_tit h1 .sub{
    border-bottom: 0.12em solid #fff;
  }
  .int .bg_tit h1 span.icono{
    color: #fff;
    font-size: 2em;
    vertical-align: middle;
  }
  .int .qs{
    padding: 1em 0em;
  }
  .int .qs p{
    color: #666;
    padding: .7em 0em;
    text-align: justify;
  }
  .int .servicios_izq{
    padding: 1em 0.3em;
    color: #666;
  }
  .int .servicios_izq p{
    padding: .8em 0em;
  }
  .int .servicios_der{
    padding: 1em 0.3em;
  }
  .int .servicios_der p{
    color: #666;
    font-style: italic;
  }
  .int .servicios_der input[type="text"]{
    background-color: #c0c0c0;
    border:0em;
    border-radius: .4em;
    box-sizing: border-box;
    color: #666;
    font-size: 1em;
    padding: .6em;
    margin: 1em 0em 0em 0em;
    width: 100%;
  }
  .int .servicios_der textarea{
    background-color: #c0c0c0;
    border:0em;
    border-radius: .4em;
    box-sizing: border-box;
    color: #666;
    font-size: 1em;
    height: 8em;
    padding: .6em;
    margin: 1em 0em 0em 0em;
    width: 100%;
  }
  .int .servicios_der input[type="submit"]{
    background-color: #000;
    border:0em;
    border-radius: .4em;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    float: right;
    margin: 1em 0em 0em 0em;
    padding: .6em;
    text-align: center;
    width: 13.75em;
  }
  .proyectos{
    padding: 1em 0.3em;
    text-align: center;
  }
  .proyectos p{
    color: #666;
    padding: 0em 0em 2em 0em;
    text-align: justify;
  }
  .proyectos .proyecto{
    display: inline-block;
    max-width: 18.75em;
    vertical-align: top;
    width: 100%;
  }
  .proyectos .proyecto .img_proy{
    position: relative;
    height: 9.81em;
    width: 18.75em;
  }
  .proyectos .proyecto img{
    height: auto;
    width:100%;
  }
  .proyectos .proyecto h3{
    background-color: rgba(0,0,0,0);
    box-sizing: border-box;
    color: #fff;
    font-size: 1.3em;
    font-weight: normal;
    padding: 2.5em 0em 0em 0em;
    position: absolute;
    height: 7.54em;
    width: 14.42em;
    transition: .3s;
    z-index: -1;
  }
  .proyectos .proyecto:hover h3{
    background-color: rgba(0,0,0,.5);
    z-index: 9999;
  }
  .proyectos .proyecto p{
    color: #444;
    padding: .7em .2em;
    text-align: left;
  }
  .proyectos .proyecto a.ver{
    box-sizing: border-box;
    background-color: #000;
    border-radius: .5em;
    color: #ffF;
    display: block;
    padding: .6em 0em;
    margin: .5em auto 2em auto;
    text-align: center;
    width: 13.6em;
  }
  .det{
    padding: 1.5em 0em;
  }
  .det h2{
    color: #444;
    font-size: 2em;
    font-weight: normal;
    margin: 0em 0em .8em 0em;
  }
  .det .det_izq .img{
    padding: 0em 0em 1em 0em;
    text-align: center;
  }
  .det .det_izq .img img{
    height: auto;
    max-width: 31.43em;
    width: 100%;
  }
  .det .det_der{
    padding: .7em 0.3em;
  }
  .det .det_der p{
    padding: .8em 0em;
    text-align: justify;
  }
  .det .otros{
    border-bottom: 0.04em solid #444;
    font-size: 1.5em;
    padding: 1em 0em .3em .3em;
  }
  .contacto_izq{
    padding: 1.5em 0.3em;
  }
  .contacto_izq p{
    color: #444;
    padding: 0em 0em 1em 0em;
  }
  .contacto_izq input[type="text"]{
    background-color: #c0c0c0;
    border:0em;
    border-radius: .4em;
    box-sizing: border-box;
    color: #666;
    font-size: 1em;
    padding: .6em;
    margin: 1em 0em 0em 0em;
    width: 100%;
  }
  .contacto_izq textarea{
    background-color: #c0c0c0;
    border:0em;
    border-radius: .4em;
    box-sizing: border-box;
    color: #666;
    font-size: 1em;
    height: 8em;
    padding: .6em;
    margin: 1em 0em 0em 0em;
    width: 100%;
  }
  .contacto_izq input[type="submit"]{
    background-color: #000;
    border:0em;
    border-radius: .4em;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    float: right;
    margin: 1em 0em 0em 0em;
    padding: .6em;
    text-align: center;
    width: 13.75em;
  }
  .contacto_der{
    padding: 1.5em 0.3em;
  }
  .contacto_der .mapa iframe{
    height: 10em;
    width: 100%;
  }
  .contacto_der .datos{
    color: #444;
    padding: 1em 0em;
    text-align: right;
  }
  .contacto_der .datos a{
    color: #444;
  }
}