@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,700|Roboto:300,400,900');
/*font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
 */
/*
Gris: #4d4d4d;
Azul: #002e6d;
Amarillo: #f9c122;
Naranja: #ff5100;
Gris claro: #cccccc;
Blanco: #fefefe;


Gris: #858585
Azul: #002e6d
 */
.telefonos a:link, .telefonos a:visited, .telefonos a:active{
  color:#fff !important;
}
footer table td{
  vertical-align: middle !important;
}

#proy-category a:hover{ 
  opacity:.9;
}

.facebook-link a:link, .facebook-link a:visited, .facebook-link a:active{
  color:#fff !important;
}

.gap-05{
  height:.5em;
}

@media(max-width:991px){  
  body{
    font-family: 'Roboto', sans-serif !important; 
    font-size: 14px;
    color:#666 !important;
  }

  .nav-facebook{
    background-color:#3b5998;
    color:#fff !important;
  }

  .nav-facebook a:link{
    color:#fff !important;
  }

  .navbar-light .navbar-toggler{
    border:0 !important;
  }

  .navbar-nav .nav-link{
    padding-left:.5em !important;
  }


  button:focus { 
    outline:none !important;
  }

  #proyecto-front{
    height:380px; 
    background-size:cover; 
    background-position:center;
  }

  .carousel-item{
  }

  p{
    text-align:justify;
  }
  /* GAPS */
  .gap-1{
    height: 1em;
  }

  .gap-2{
    height: 2em;
  }

  .gap-3{
    height: 3em;
  }

  .gap-4{
    height: 4em;
  }

  .img-container{
    position:relative;
    width:100%;
  }

  .img-container .strong{
    font-size:1.1em;
  }

  .img-caption{
    float:left;
    padding:1em;
    color:#fff;
    bottom:0;
    position:absolute;
    width:100%;
    font-family: 'Roboto Slab', serif;
    font-weight;300;
    font-size:.9em;
    background-image:url(img/000000-0.7.png);
    text-align:center;
  }

  .btn-mas{
    font-weight:900;
    background-color:#ff5100 !important;
    color:#fff !important;
    border-radius:0 !important;
    border:1px solid #ff5100 !important;
    font-size:.9em !important;
  }

  .btn-registro, .btn-enviar{
    font-weight:900;
    background-color:#ff5100 !important;
    color:#fff !important;
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .btn-enviar{
    border-radius:0 !important;
  }

  /* TABLES */
  .table th, .table td {
    border-top: none !important;
    border-left: none !important;
  }
  .fixed-table-container {
    border:0px;
  }
  .table th {
    border-bottom: none !important;
  }
  .table:last-child{
    border:none !important;
  } 
  /* END TABLES */

  /* ENDGAPS */
  .main-slider .slide{
    background-size: cover;
    background-position: center;
  }

  .bottom-info{
    bottom:1em;
    position:absolute;
    left:5em;
    z-index: 1000;
  }

  .bottom-info p{
    color:#fff;
  }

  #logo-slider{
    position:fixed;
    top:2em;
    left: 5em;
    z-index: 1000;
  }

  #logo-slider img{
    width: 15em;
  }


  /* NAVBAR */
  #navbar-front.navbar-default{
    /*padding-top:2.5em;*/
    font-size: .9em;
  }   

  #navbar-front.navbar-default .navbar-nav > li > a:link, 
  #navbar-front.navbar-default .navbar-nav > li > a:visited, 
  #navbar-front.navbar-default .navbar-nav > li > a:active{
    color:#fff;
    /*background-color: transparent !important;*/
  }   

  #navbar-front.navbar-default .navbar-nav > li > a:hover{
    border-bottom: 3px solid #fff;
  }   

  #navbar-front.navbar-default .navbar-nav .scrolled-nav-link > li > a:hover{
    border-bottom: 3px solid #fff;
  }   

  .navbar-light .navbar-nav .nav-link{
    color:#002e6d !important;
  }

  .nav > li > a{
    padding-bottom: .3em !important;
  }   

  #navbar-front.scrolled-nav{
    webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    background-color:#fefefe !important;
  }   

  #navbar-front .scrolled-nav-link{
    color:#002e6d !important;
  }   

  #navbar-page.navbar-default{
    padding-right:6em !important;
    font-size: .9em;
  }   

  #navbar-page.navbar-default .navbar-nav > li > a:link, 
  #navbar-page.navbar-default .navbar-nav > li > a:visited, 
  #navbar-page.navbar-default .navbar-nav > li > a:active{
    color:#002e6d !important;
  }   
  #navbar-page.navbar-default .navbar-nav > li > a:hover{
    border-bottom: 3px solid #002e6d;
  }   

  /* END NAVBAR */


  /* CAROUSEL */
  .carousel-caption{
    /*left:15em !important;*/
    /*top:8em;*/

  }

  .carousel-captions h3{
    font-weight: 300;        
    font-family: 'Roboto Slab', serif !important;
    text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
    text-align:center !important;
    font-size:2.1em !important;
    color:#fff !important;
  }

  .strong{
    font-weight: 700;
  }

  .carousel-captions p{
    color:#fff !important;
    text-align:center;
    font-size:1.4em;
    font-weight: 300;
    font-style: italic;
    font-family: 'Roboto Slab', serif !important;
    text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
  }

  .controles a:link, .controles a:visited, .controles a:active{
    color:#fff;
    text-decoration: none;
  }

  .controles a:hover{
    opacity: .5;
    text-decoration: none;
  }

  .controles{
    bottom:1em;
    position:absolute;
    right:10em;
    z-index:1000;
  } 

  #slider-controls-and-social-media{
    position:absolute;
    z-index:2;
    right:10em;
    bottom:0;
    font-family: 'Roboto', sans-serif !important; 
  }

  #slider-controls-and-social-media a:link, 
  #slider-controls-and-social-media a:visited,
  #slider-controls-and-social-media a:active{
    color:#fff;
    font-size:1.2em;
  }

  #slider-controls-and-social-media a:hover{
    opacity:.7;
    text-decoration:none;
  }

  #slider-controls-and-social-media i{
    font-size: 1.1em;
  }
  /* ENDCAROUSEL */

  .no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
  }

  #squares{
    background-color: #000;
  }

  #squares a img:hover{
    opacity: .1;
  }

  #squares .caption{
    text-align: center;
    color:#fff;
    width: 100%;
    position: absolute;
    top:5em;
    font-weight: bolder;
    font-size: 3em;
    display: none;
  }

  .italic-strong{
    font-weight:700;
    font-style:italic;
  }

  h1{
    font-size:2em !important;
  }

  h2{
    /*font-size:2.5em !important;*/
  }

  h3{
    font-size:2em !important;
  }

  /* PROYECTOS */
  section#proyectos{
    /*height: 100vh;*/
    background-color: #626262;
    background-image: url(img/bg_simbolo_boreas.png);
    background-repeat: no-repeat;
    background-position: bottom right;
  }

  #proyectos h1, #contacto{
    color:#fff;    	
    font-family: 'Roboto Slab', serif;
    font-weight:300;
    text-align:center;
  }

  #proyectos h2{
    color:#fff;
    font-family: 'Roboto Slab', serif;
    font-weight:100;
  }

  #proyectos p{
    color:#fff;
    font-weight: lighter;
  }

  /* END PROYECTOS */


  /* NOSOTROS */
  section#nosotros{
    /*background-color: #002e6d;*/
    background-image: url(img/bg_nosotros.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: bottom left;
  }

  #nosotros h1{
    color:#fff;    	
    font-family: 'Roboto Slab', serif;
    font-weight:300;
    text-align:center;
  }

  #nosotros h2{
    color:#fff;
    font-family: 'Roboto Slab', serif;
    font-weight:100;
  }

  #nosotros h3{
    font-weight:700;
    color:#fff;
    font-family: 'Roboto Slab', serif;
    text-align:center;
  }

  #nosotros p{
    color:#fff;
    font-weight: lighter;
  }





  /* ARIBUTOS */
  section#atributos{
    /*height: 100vh;*/
  }

  #atributos h1, #proy{
    font-weight:700;
    color:#002e6d;
    text-align: center;
    font-family: 'Roboto Slab', serif;
  }

  #atributos h2{
    text-align:center !important;
    color:#464646;
    font-family: 'Roboto Slab', serif;
  }

  #atributos p{
    color:#464646;
    text-align:justify;
  }
  /* END ATRIBUTOS */

  /* FOOTER */
  footer{
    background-color:#4d4d4d;
  }

  footer a:link, footer a:visited, footer a:active{
    color:#fff !important;
    background-color: transparent !important;
    text-decoration: none;
  }

  footer a:hover{
    border-bottom: 3px solid #fff;
    text-decoration: none;
  }

  footer table{
    border:0 !important;
  }

  footer strong{
    font-size:1.2em;
    font-weight:900;
  }

  footer p{
    color:#fff;
    font-size: 1em;
    text-align:center;
  }

  footer h2{
    text-align: right;
    color:#fff;
    font-size: 3em;
    font-weight: lighter;
  }

  footer h3{
    text-align: right;
    color: #fff;
  }
  /* END FOOTER */

  #blog h1{
    color:#002e6d;
    font-size:2em;
    font-family: 'Roboto Slab', serif;
  }

  #blog a:hover{
    text-decoration:none;
    opacity:.8 !important;
  }

  #blog h2, #blog h3, #blog h4, #blog h5, #proy-detail h4, #proy-category h3{
    color:#002e6d;
    font-family: 'Roboto Slab', serif;
  }

  h5 a:link, h5 a:visited, h5 a:active, h3 a:link, h3 a:visited, h3 a:active{
    color:#002e6d;
  }

  h3 a:hover{
    text-decoration:none;
  }


  #blog p{
    line-height:1.8em;
    text-align:justify;
  }

  #blog .fecha{
    font-family: 'Roboto Slab', serif;
    font-size:.9em;
    color:#666 !important;
    font-weight:700;
    padding:1em 0 1em 0;
  }

  #blog .btn-primary{
    padding:.3em 3em;
    font-family: 'Roboto Slab', serif;
    border-radius:.2em;
  }

  .btn-primary{
    background-color:#002e6d !important;
    border-color:#002e6d !important;
  }

  #map{
    background-image:url(/frontend/img/contacto/bg_1_contacto.jpg);
    background-size:cover;
    background-repeat:no-repeat;
  }

  #formulario{
    background-image:url(/frontend/img/contacto/bg_2_contacto.jpg);
    background-size:cover;
    background-repeat:no-repeat;
  }

  #formulario p{
    text-align:center;
  }

  #formulario h1{
    font-size:1.5em !important;
  }

  #formulario h4{
    font-size:.9em !important;
  }

  .form-control{
    border-radius:0 !important;
  }

  /**
  Proyectos pagina Interna
   **/
#proy-page h1, #proy-detail h1{
  font-weight:300;
  color:#002e6d;
  font-family: 'Roboto Slab', serif;
}

#proy-page p{
  /*line-height:2.3em;*/
}

.secciones p{
  line-height:1.5em !important;
}

.w100{
  width:100%;
}


/**
hover effect
 */
.hovereffect {
  width:100%;
  height:100%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
}

.hovereffect .overlay {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  opacity:0;
  background-color:rgba(0,0,0,0.7);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
}

.hovereffect img {
  display:block;
  position:relative;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
}


.hovereffect a.info {
  text-decoration:none;
  display:inline-block;
  text-transform:uppercase;
  color:#fff;
  background-color:#002e6d;
  border-radius:5px !important;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  /*margin:50px 0 0;*/
  padding:7px 14px;
}

.hovereffect a.info:hover {
  box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
}

.hovereffect:hover .overlay {
  opacity:1;
  filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
}


.hovereffect h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-family: 'Roboto', sans-serif !important; 
  font-weight:900;
  font-size:1.1em !important;
  /*background: rgba(0,0,0,0.6);*/
}

.hovereffect h5{
  color:#fff;
  font-size:.8em !important;
}

/******************************************/
}
@media(min-width:992px){  
  body{
    font-family: 'Roboto', sans-serif !important; 
    font-size: 14px;
    color:#666 !important;
  }

  #proyecto-front{
    height:498px; 
    width:569; 
    background-size:cover; 
    background-position:center;
  }

  p{
    text-align:justify;
  }
  /* GAPS */
  .gap-1{
    height: 1em;
  }

  .gap-2{
    height: 2em;
  }

  .gap-3{
    height: 3em;
  }

  .gap-4{
    height: 4em;
  }

  .img-container{
    position:relative;
    width:100%;
  }

  .img-container .strong{
    font-size:1.1em;
  }

  .img-caption{
    float:left;
    padding:1em;
    color:#fff;
    bottom:0;
    position:absolute;
    width:100%;
    font-family: 'Roboto Slab', serif;
    font-weight;300;
    font-size:.9em;
    background-image:url(img/000000-0.7.png);
  }

  .btn-mas{
    font-weight:900;
    background-color:#ff5100 !important;
    color:#fff !important;
    border-radius:0 !important;
    font-size:.9em !important;
  }

  .btn-registro, .btn-enviar{
    font-weight:900;
    background-color:#ff5100 !important;
    color:#fff !important;
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .btn-enviar{
    border-radius:0 !important;
  }

  /* TABLES */
  .table th, .table td {
    border-top: none !important;
    border-left: none !important;
  }
  .fixed-table-container {
    border:0px;
  }
  .table th {
    border-bottom: none !important;
  }
  .table:last-child{
    border:none !important;
  } 
  /* END TABLES */

  /* ENDGAPS */
  .main-slider .slide{
    background-size: cover;
    background-position: center;
  }

  .bottom-info{
    bottom:1em;
    position:absolute;
    left:5em;
    z-index: 1000;
  }

  .bottom-info p{
    color:#fff;
  }

  #logo-slider{
    position:fixed;
    top:2em;
    left: 5em;
    z-index: 1000;
  }

  #logo-slider img{
    width: 15em;
  }


  /* NAVBAR */
  #navbar-front.navbar-default{
    background-color: transparent !important;
    border:0 !important;
    /*padding-top:2.5em;*/
    padding-right:6em !important;
    font-size: .9em;
  }   

  #navbar-front.navbar-default .navbar-nav > li > a:link, 
  #navbar-front.navbar-default .navbar-nav > li > a:visited, 
  #navbar-front.navbar-default .navbar-nav > li > a:active{
    letter-spacing:.1em;
    color:#fff;
    /*background-color: transparent !important;*/
  }   

  #navbar-front.navbar-default .navbar-nav > li > a:hover{
    border-bottom: 3px solid #fff;
  }   

  #navbar-front.navbar-default .navbar-nav .scrolled-nav-link > li > a:hover{
    border-bottom: 3px solid #fff;
  }   

  .nav > li > a{
    padding-bottom: .3em !important;
  }   

  #navbar-front.scrolled-nav{
    webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    background-color:#fefefe !important;
  }   

  #navbar-front .scrolled-nav-link{
    color:#002e6d !important;
  }   

  #navbar-page.navbar-default{
    padding-right:6em !important;
    font-size: .9em;
  }   

  #navbar-front .scrolled-nav-link:hover{
    border-bottom:3px solid #002e6d !important;
  }

  #navbar-page.navbar-default .navbar-nav > li > a:link, 
  #navbar-page.navbar-default .navbar-nav > li > a:visited, 
  #navbar-page.navbar-default .navbar-nav > li > a:active{
    color:#002e6d !important;
  }   
  #navbar-page.navbar-default .navbar-nav > li > a:hover{
    border-bottom: 3px solid #002e6d;
  }   

  /* END NAVBAR */


  /* CAROUSEL */
  .carousel-caption{
    right: 0 !important;
    left:15em !important;
    top:13em;

  }

  .carousel-caption h3{
    font-size: 4.5em !important;
    font-weight: 100;        
    text-align: left;
    font-family: 'Roboto Slab', serif;
    text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
    margin-left:-3.1em !important;
  }

  .strong{
    font-weight: 700;
  }

  .carousel-caption p{
    text-align: left;
    font-weight: 300;
    font-size: 2em;
    font-style: italic;
    font-family: 'Roboto Slab', serif;
    text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
    margin-left:-5.9em !important;
  }

  .controles a:link, .controles a:visited, .controles a:active{
    color:#fff;
    text-decoration: none;
  }

  .controles a:hover{
    opacity: .5;
    text-decoration: none;
  }

  .controles{
    bottom:1em;
    position:absolute;
    right:10em;
    z-index:1000;
  } 

  #slider-controls-and-social-media{
    position:absolute;
    z-index:2;
    right:5.7em;
    /*bottom:.6em;*/
    bottom:2em;
    font-family: 'Roboto', sans-serif !important; 
  }

  #slider-controls-and-social-media a:link, 
  #slider-controls-and-social-media a:visited,
  #slider-controls-and-social-media a:active{
    color:#fff;
    font-size:1.2em;
  }

  #slider-controls-and-social-media a:hover{
    opacity:.7;
    text-decoration:none;
  }

  #slider-controls-and-social-media i{
    font-size: 2em;
  }

  #social-media i{
    font-size:.9em;
  }

  #social-media span{
    letter-spacing:.1em;
    font-size:.8em;
  }

  .carousel-indicators{
    bottom: 1.3em !important;
  }

  /* ENDCAROUSEL */

  .no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
  }

  #squares{
    background-color: #000;
  }

  #squares a img:hover{
    opacity: .1;
  }

  #squares .caption{
    text-align: center;
    color:#fff;
    width: 100%;
    position: absolute;
    top:5em;
    font-weight: bolder;
    font-size: 3em;
    display: none;
  }

  .italic-strong{
    font-weight:700;
    font-style:italic;
  }

  h1{
    font-size:3em !important;
  }

  h2{
    font-size:2.5em !important;
  }

  h3{
    font-size:2em !important;
  }

  /* PROYECTOS */
  section#proyectos{
    /*height: 100vh;*/
    background-color: #626262;
    background-image: url(img/bg_simbolo_boreas.png);
    background-repeat: no-repeat;
    background-position: bottom right;
  }

  #proyectos h1{
    color:#fff;    	
    font-family: 'Roboto Slab', serif;
    font-weight:100;
  }

  #contacto{
    color:#fff !important;    	
    font-family: 'Roboto Slab', serif;
  }
  #contacto p{
    font-weight:300;
  }

  #proyectos h2{
    color:#fff;
    font-family: 'Roboto Slab', serif;
    font-weight:100;
  }

  #proyectos p{
    color:#fff;
    font-size: 1.15em;
    font-weight: lighter;
  }

  /* END PROYECTOS */


  /* NOSOTROS */
  section#nosotros{
    /*background-color: #002e6d;*/
    background-image: url(img/bg_nosotros.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: bottom left;
  }

  #nosotros h1{
    color:#fff;    	
    font-family: 'Roboto Slab', serif;
    font-weight:100;
  }

  #nosotros h2{
    color:#fff;
    font-family: 'Roboto Slab', serif;
    font-weight:100;
  }

  #nosotros h3{
    font-weight:700;
    color:#fff;
    font-family: 'Roboto Slab', serif;
  }

  #nosotros p{
    color:#fff;
    font-size: 1.15em;
    font-weight: lighter;
  }





  /* ARIBUTOS */
  section#atributos{
    /*height: 100vh;*/
    background-image: url(img/atributos_back.jpg);
    background-size: cover;
    background-position: center;
  }

  #atributos h1, #proy{
    font-weight:700;
    color:#002e6d;
    text-align: center;
    font-family: 'Roboto Slab', serif;
  }

  #atributos h2{
    color:#464646;
    font-family: 'Roboto Slab', serif;
  }

  #atributos p{
    color:#464646;
    text-align:left;
  }
  /* END ATRIBUTOS */

  /* FOOTER */
  footer{
    background-color:#4d4d4d;
  }

  footer a:link, footer a:visited, footer a:active{
    color:#fff !important;
    background-color: transparent !important;
    text-decoration: none;
  }

  footer a:hover{
    border-bottom: 3px solid #fff;
    text-decoration: none;
  }

  footer table{
    border:0 !important;
  }

  footer p{
    color:#fff;
    font-size: 1em;
  }

  footer h2{
    text-align: right;
    color:#fff;
    font-size: 3em;
    font-weight: lighter;
  }

  footer h3{
    text-align: right;
    color: #fff;
  }
  /* END FOOTER */

  #blog h1{
    color:#002e6d;
    font-size:2em;
    font-family: 'Roboto Slab', serif;
  }

  #blog a:hover {
    text-decoration:none;
    opacity:.8 !important;
  }

  #blog h2, #blog h3, #blog h4, #blog h5, #proy-detail h3, #proy-category h3{
    color:#002e6d;
    font-family: 'Roboto Slab', serif;
  }

  h5 a:link, h5 a:visited, h5 a:active, h3 a:link, h3 a:visited, h3 a:active{
    color:#002e6d;
  }

  h3 a:hover{
    text-decoration:none;
  }

  #blog p{
    line-height:1.8em;
    text-align:justify;
  }

  #blog .fecha{
    font-family: 'Roboto Slab', serif;
    font-size:.9em;
    color:#666 !important;
    font-weight:700;
    padding:1em 0 1em 0;
  }

  #blog .btn-primary{
    padding:.3em 3em;
    font-family: 'Roboto Slab', serif;
    border-radius:.2em;
  }

  .btn-primary{
    background-color:#002e6d !important;
    border-color:#002e6d !important;
  }

  #map{
    background-image:url(/frontend/img/contacto/bg_1_contacto.jpg);
    background-size:cover;
    background-repeat:no-repeat;
  }

  #formulario{
    background-image:url(/frontend/img/contacto/bg_2_contacto.jpg);
    background-size:cover;
    background-repeat:no-repeat;
  }

  .form-control{
    border-radius:0 !important;
  }

  /**
  Proyectos pagina Interna
   **/
#proy-page h1, #proy-detail h1{
  font-weight:300;
  color:#002e6d;
  font-family: 'Roboto Slab', serif;
}

#proy-page p{
  line-height:2.3em;
}

.secciones p{
  line-height:1.5em !important;
}

.w100{
  width:100%;
}


/**
hover effect
 */
.hovereffect {
  width:100%;
  height:100%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
}

.hovereffect .overlay {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  opacity:0;
  background-color:rgba(0,0,0,0.7);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
}

.hovereffect img {
  display:block;
  position:relative;
  -webkit-transition:all .4s linear;
  transition:all .4s linear;
}


.hovereffect a.info {
  border-radius:5px !important;
  text-decoration:none;
  display:inline-block;
  text-transform:uppercase;
  color:#fff;
  /*background-color:transparent;*/
  background-color:#002e6d;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  margin:18px 0 0;
  padding:7px 14px;
}

.hovereffect a.info:hover {
  box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
}

.hovereffect:hover .overlay {
  opacity:1;
  filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
}


.hovereffect h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  font-family: 'Roboto', sans-serif !important; 
  font-weight:900;
  /*background: rgba(0,0,0,0.6);*/
}

.hovereffect h5{
  color:#fff;
}

/******************************************/
}

@media(min-width: 1400px){
  .space-1{
    height:1em;
  }
  .space-2{
    height:2em;
  }
  .space-3{
    height:3em;
  }
  .space-4{
    height:4em;
  }
}

.gmap_marker{
  color:#333 !important;
  font-weight:300;
}

#proy-detail p{
  text-indent:1em;
}