@import url(http://fonts.googleapis.com/css?family=Muli:400,300);
*{font-family: Muli, sans-serif;}
html{font-size: 14px;}
h2{font-size: 2.667rem;font-weight: 300;margin:0 0 2.5rem;}
p,ul{font-size: 1rem;font-weight: 300;}
.padding-100{padding-top:100px;padding-bottom:100px;}
.padding-top-100{padding-top:100px;}
.padding-bottom-100{padding-bottom:100px;}
.padding-50{padding-top:50px;padding-bottom:50px;}
.padding-top-50{padding-top:50px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-30{padding-top:30px;padding-bottom:30px;}
.padding-top-30{padding-top:30px;}
.padding-bottom-30{padding-bottom:30px;}
.img-center{margin-left:auto;margin-right: auto;}

header h3{text-align: center;}
header h3 a{display: block;font-size: 1.7rem;color:#333;text-decoration: none;}
header h3 a:hover{color:#333;text-decoration: none;}
.beneficios-formulario h2{margin: 20px 10px;}
.beneficios-formulario ul{padding-left: 22px}
.beneficios-formulario ul li{list-style-image: url(/images/bullet.jpg);}
.contact-form{background-color: #a6b979;padding:30px;}
.contact-form label{font-weight: 300;color:#fff;}
.contact-form label.error {width: 100%; padding: 5px 10px; background-color: #FFD9D9; color: #C70000; font-size: 12px;}
.contact-form input{border:0 none;border-radius: 0}
.contact-form button[type=submit]{margin: 0 auto;display: block;background-color: #ffcc00;border: 0 none;font-size: 1.6rem;font-weight: 400;padding: 10px 30px;}
.contact-form button[type=submit]:hover{background-color: #F3C000;}

.trabajos{background-color: #efefef;}

.premio h4{font-size: 1.9rem;font-weight: 300;}

.cta{background-color: #638417;}
.cta h3{color: #fff;margin:0;}

.clientes{background-color: #efefef;}

footer.main{background-color: #638417;}
footer.main p{color: #fff;margin: 0;}
/*=====================================
=            MEDIA QUERIES            =
=====================================*/

@media all and (max-width:640px){
	.col-mini{width:100%;display:block;}
	header h1{margin-bottom:0;margin-left: auto;margin-right: auto}
	header h1 img{margin: 0 auto;}
	header h3{text-align: center;margin-top:0;}
	.cta h3{text-align: center;}
	.cta input{margin:20px auto 0;display: block}
}
@media all and (min-width:768px){
	header h3{text-align: right;}
}
@media all and (min-width:992px){
	html{font-size: 18px;}
	.cta h3{margin:10px 0 0;}
}
@media all and (min-width:1200px){}



/*-----  End of MEDIA QUERIES  ------*/