html,body {
    height:100%;
    background-size: cover; 
    padding-top:5em;
}

/* USING BOOTSTRAP 3.0.3 */

.navbar-toggle {
  margin: 13px 15px 13px 0;

}
a {
    font-size: 18px;
    padding-bottom: 40px !important;
    padding-top: 40px !important;
    transition: all 0.4s ease;
  }

.navbar.shrink {
  min-height: 35px;
}


.navbar.shrink  a {
    font-size: 15px;
    padding-bottom: 15px !important;
    padding-top: 20px !important;
  }

  .navbar.shrink  img {
   width: 70px;
   height: 70px;
   transition: all 0.4s ease;
  }

.navbar.shrink .navbar-toggle {
    margin: 8px 15px 8px 0;
    padding: 7px 8px;
  }


.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}

.navbar-brand img{
width: 250px;
height: 250px;

}
.logos{
  display: inline-block;
  margin-left: 70px;
}

.div_proyecto{
	margin: 10px;
  display: inline-block;
  padding: 5px;
 background-color: grey;
 
}
.proyecto{

   padding: 5px;

}

.img-gris{
	-webkit-filter: grayscale(100%) blur(3px) ; 
	max-height: 200px;  
	max-width: 200px; 
	z-index:10; 
	transition:filter 0.2s;
	 -webkit-transition:-webkit-filter 1s;
}
.img-gris:hover{
filter: grayscale(0);
 z-index: 500;
-webkit-filter: grayscale(0);
}


.proyecto_titulo{
position: absolute;
			top:100px;
			color:#fff;
			background-color:#000;
			padding:2px ;
			opacity:0.5;
			font-weight:bold; width:190px; z-index:20; word-wrap: break-word;
}


.img-center {margin:0 auto;}

.patrocina{
  background-color: white;
  padding: 15px;
  margin: 5px;
  width: 100px;
  display: inline-block;
}


@media (min-width: 992px){
/*	.col-md-3 {
    width: 22%;
}*/
}



section {
    padding-top:110px;  
    padding-bottom:70px; 
}

#proyectos {
  background-color: #d4d4d4;
}

#servicios {
  background-color: #333333;
  color: white !important;
}

#patrocinio {
  background-color: grey;
  color: white !important;
}

.v-center {
    padding-top:10%;
    font-size:30px;
}

.glyphicon-search, .glyphicon-user, .glyphicon-stats, .glyphicon-play, .glyphicon-forward, .glyphicon-fast-forward, .glyphicon-step-forward {
    font-size: 50px !important;
}

.btn-servicios {
  padding: 20px 60px;
}

.collapse.in {
    margin-top: 20px;
}

/* FOOTER*/


#footer {
    border-top: 5px solid #ff0000;
    background: grey none repeat scroll 0% 0%;
    padding-top: 30px;
    margin-top: 60px;
    clear: both;
    color: #AAA;
    display: block;
}

#footer .widgettitle {
    margin: 0px;
    padding: 0px 0px 15px;
    border-bottom: medium none;
}
#footer h4 {
    color: #FFF;
}

#footer ul {
    list-style: outside none none;
}

#footer li {
    padding: 7px 0px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    margin: 0px;
}

#footer li a {
    color: #DDD;
}

#sub-floor {
    color: #AAA;
    background: #333333 none repeat scroll 0% 0%;
    padding: 10px 0px;
}