body { font-family: 'Alegreya Sans', sans-serif; }

h1 { margin-top: 0px; font-size: 32px; font-weight: 700; color: #7BB342;}
h1 small { display: block; margin-bottom: 15px; }
p { font-size: 16px; font-weight: 400; color: #606161; }
a { color: #fff; }
a:hover { color: #fff; text-decoration: underline; }

.anchor {
    position: absolute;
    top: -80px;
}

.navbar-fixed-top { min-height: 80px; }

.navbar-nav > li > a {
    font-size: 16px;
    font-weight: 500;
    margin-top: 19px;
}

header { position: relative; margin-top: 80px; }

header > .carousel img { 
	min-width: 100%;
}

header#slider > .carousel h1 {
	font-size: 36px;
	font-family: 'Bitter', serif;
	font-weight: 400;
	color: #fff;
  	text-shadow: 1px 1px 0px #7BB342;
}

#quiensomos, #hogar, #industria, #arquitectura, #galeria, #contacto { 
	position: relative; 
	padding: 40px 0 40px 0; 
}

#quiensomos p {
	text-align: left;
}

#hogar, #industria, #arquitectura, #galeria { 
	background: rgba(230,230,230,1 );
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(0%, rgba(230,230,230,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0 ); 
}

/*.clientes { border: 2px solid; padding-bottom: 20px; }*/
.clientes img { margin-top: 10px; margin-bottom: 10px; }
.clientes p { color: #5A5B5C; font-weight: 500; font-size: 13px; margin-bottom: 0;}
.clientes p span.green { color: #83BD41; font-weight: 700; font-size: 14px; }
.clientes p span.bold { color: #5A5B5C; font-weight: 700; font-size: 14px; }

.columnas-5 { 
	width: 20%; 
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.reset-padding-gallery { padding-right: 1%; padding-left: 0; }
.reset-padding { padding-right: 0; padding-left: 0; }

#galeria .image {
	position: relative;
    left: 0;
    top: 0;
    float: left;
    padding: 0.5%;
}

#galeria .image img {
	position: relative;
  	float: left;
}

#galeria .image:hover {
	   z-index: 1;
   position: relative;
   background-color: rgba(0, 0, 0, 0.4); 
   background-color: #83BD41;

}


#contacto {	background-color: #83BD41; }
#contacto address { margin-left: 10px; }
#contacto address p { font-size: 16px; color: #fff;}
#contacto i { margin-right: 10px; }
#contacto h1, #contacto h1 small { color: #fff; margin-bottom: 20px;}
#contacto .formulario { padding-left: 0; padding-right: 25px; }

#contacto h3 { 
	font-family: 'Bitter', serif;
	font-size: 21px; 
	color: #fff; 
	font-weight: 700; 
	text-align: left; 
	margin-top: 0; 
}

#contacto h3 small { 
	font-family: 'Bitter', serif; 
	font-size: 18px; 
	color: #fff; 
	font-weight: 500; 
	text-align: left; 
}

#contacto .google-maps {
	position: relative;
    padding-bottom: 18%;
    height: 0;
    overflow: hidden;
}

#contacto .google-maps iframe { 
	position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

textarea.form-control {
    height: 58px;
}

.btn-grey { background-color: #5A5B5C; color: #fff; margin-top: 0px; }
.btn-grey:hover { color:#fff; text-decoration: underline; background-color: #484949; }

footer {
	background-color: #545454; 
	min-height: 35px;
	text-align: center;
}

footer p {
	color: #fff;
    font-size: 12px;
    padding-top: 9px;
    margin-bottom: 0;
    padding-bottom: 9px;
}

@media screen and (max-width: 1128px) and (min-width: 992px) {
	.carousel-caption { padding-bottom: 8%; }
	header#slider > .carousel h1 { font-size: 32px; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.carousel-caption { padding-bottom: 4%; }
	header#slider > .carousel h1 { font-size: 32px; }

	/*.clientes { min-height: 510px; border: 1px solid blue; }*/
	.nav > li > a {
		padding: 10px 12px;
	}
	.navbar-nav > li > a {
		font-size: 14px;
	}

	.columnas-5 { 
		width: 50%; 
		position: relative;
	    padding-right: 15px;
	    padding-left: 15px;
	    float: left;
	}
}

@media screen and (max-width: 767px) and (min-width: 480px) {
	.columnas-5 { 
		width: 50%; 
		position: relative;
	    padding-right: 15px;
	    padding-left: 15px;
	    float: left;
	}

	.col-sm-6 {
		width: 50%;
	}
}

@media screen and (max-width: 767px) {
	.navbar-nav > li > a {
		margin-top: 0;
	    font-size: 12px;
	    font-weight: 500;
	}

	h1 { font-size: 21px; }

	#contacto .formulario {
    padding-right: 0;
    padding-bottom: 15px;
	}

	#contacto address { padding-top: 15px; margin-left: 0;}

	p, #contacto address p { font-size: 14px; }
	footer p { font-size: 12px; }

	#quiensomos, #industria, #hogar, #arquitectura, #contacto { padding: 20px 0 20px 0; }

	.carousel-caption { padding-bottom: 5%; }
	header#slider > .carousel h1 { font-size: 28px; }
}

@media screen and (max-width: 620px) {
	#productos .producto { width: 18%; margin-right: 2%; margin-bottom: 2%;}

	.carousel-caption { padding-bottom: 2%; }
	header#slider > .carousel h1 { font-size: 24px; }
}

@media screen and (max-width: 520px) {
	#contacto .google-maps {
		height: 200px;
	}

	.carousel-caption { padding-bottom: 1%; }
	header#slider > .carousel h1 { font-size: 22px; }
}

@media screen and (max-width: 480px) {
	#productos .producto { width: 32%; margin-right: 1.3%; margin-bottom: 1.3%;}

	.carousel-caption { padding-bottom: 0%; }
	header#slider > .carousel h1 { font-size: 18px; }

	.columnas-5 { 
	width: 100%; 
	position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
	}
}

@media screen and (max-width: 330px) {
	.navbar-brand { width: 70%; }

	.carousel-caption { bottom: 10px; }
	header#slider > .carousel h1 { font-size: 14px; }
}