
/* *************************************
* *********** empresa **********
* ************************************ */
.box-empresa1 {
    background: #f1f2f2;
    padding: 0 0 40px 0;
}

.box-empresa1 h2{
    font-size: 22px;
    padding: 15px 0 10px 30px;
    margin: 0 0 0 20px;
    font-weight: 500;
    text-transform: uppercase;
    background: #FF3336 ;
    width: 540px;
    height: 50px; 
    color: #fff;
}

.box-empresa1 h3{
    font-size: 22px;
    padding: 10px 90px 10px 90px;
    font-weight: 700;
}

.box-empresa2 {
    background: #fff;
    padding: 30px 0 50px 0;
}

.box-empresa2 .img-responsive {
    margin: 0 auto;
}

.box-empresa2 h3{
    font-size: 26px;
    font-weight: 700;
}

.box-empresa2 p{
    font-size: 16px;
    padding: 10px 90px 10px 90px;
    font-weight: 500;
}

.box-empresa3 {
    background: #f1f2f2;
    padding: 60px 0 80px;
}

.box-empresa3 p{
    font-size: 16px;
    padding: 10px 90px;
    font-weight: 500;
}


/* *************************************
* *********** actividades **********
* ************************************ */
.box-actividades1 {
    background: #477d44;    
    color: #fff;
}

.box-actividades1 h2{
    font-size: 22px;
    padding: 15px 0 10px 50px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    background: #FF3336 ;
    width: 560px;
    height: 50px; 
}

.box-actividades1 h3{
    font-size: 30px;
    padding: 25px 0 0 0;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.box-actividades1 h4{
    font-size: 20px;
    padding: 20px 0 0 0;
    margin: 0;
    font-weight: 500;
}

.box-actividades1 p{
    font-size: 12px;
    padding: 0 0 0 0;
    margin: 0;
    font-weight: 300;
}

.bg-actividades-instalaciones1 {
    background: #477d44;    
    padding: 0 20px 0 50px;
    height: 600px;
}

.bg-actividades-instalaciones2 {
    background: linear-gradient(90deg, rgba(71,125,68,0) 0%, rgba(71,125,68,0) 41%, rgba(71,125,68,1) 70%, rgba(71,125,68,1) 100%), url('../img/home/actividades-instalaciones.jpg') no-repeat left center;
    height: 600px;
}

.box-actividades2 {
    background: #389fac;
    color: #fff;
}

.box-actividades2 h3{
    font-size: 30px;
    padding: 0;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.box-actividades2 p{
    font-size: 22px;
    padding: 25px 0 0 0;
    margin: 0;
    font-weight: 500;
    line-height: 25px; 
}

.bg-actividades-servicios1 {
    background: linear-gradient(90deg, rgba(56,159,172,1) 0%, rgba(56,159,172,1) 30%, rgba(56,159,172,0) 59%, rgba(56,159,172,0) 100%), url('../img/home/actividades-servicios.jpg') no-repeat right center;
    height: 600px;
}

.bg-actividades-servicios2 {    
    background: #389fac;
    padding: 145px 0 0 125px;
    height: 600px;
}

.box-actividades3 {
    background: #f89b32;        
    color: #fff;
}

.box-actividades3 h3{
    font-size: 30px;
    padding: 0 0 0 0;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.box-actividades3 h4{
    font-size: 28px;
    padding: 25px 0 0 0;
    margin: 0;
    font-weight: 700;    
}

.box-actividades3 p{
    font-size: 22px;
    padding: 0 0 0 0;
    margin: 0;
    font-weight: 300;
}

.bg-actividades-productos1 {
    background: #f89b32;
    padding: 85px 0 0 0;
    height: 600px;
}

.bg-actividades-productos2 {
    background: linear-gradient(90deg, rgba(248,155,50,0) 0%, rgba(248,155,50,0) 41%, rgba(248,155,50,1) 70%, rgba(248,155,50,1) 100%), url('../img/home/actividades-productos.jpg') no-repeat left center;
    height: 600px;
}

.box-actividades4 {
    background: #192432;
    color: #fff;
}

.box-actividades4 h3{
    font-size: 30px;
    padding: 0;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.box-actividades4 p{
    font-size: 22px;
    padding: 15px 0 0 0;
    margin: 0;
    font-weight: 500;
}

.bg-actividades-obras-civiles1 {
    background: linear-gradient(90deg, rgba(25,36,50,1) 0%, rgba(25,36,50,1) 30%, rgba(25,36,50,0) 59%, rgba(25,36,50,0) 100%), url('../img/home/actividades-obras-civiles.jpg') no-repeat right center;
    height: 600px;
}

.bg-actividades-obras-civiles2 {
    background: #192432;
    padding: 180px 0 0 120px;
    height: 600px;
}

/* *************************************
* *********** clientes **********
* ************************************ */
.box-clientes {
    background: #fff;
    padding: 80px 0 60px 0;
}

.box-clientes .mb10 {
    padding: 0 0 40px 0;
}

.box-clientes h3{
    margin: 0 auto 60px 0;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
}

.box-clientes img{
    margin: 0 auto;
}


/* *************************************
* *********** novedades **********
* ************************************ */
.box-novedades {
    background: #F1F2F2;
    padding: 50px 0 70px 0;
}

.box-novedades h3{
    margin: 0 auto 60px 0;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
}

.box-novedades .post{
    background: #fff;
    padding-bottom: 15px;
}

.box-novedades .post img{
    width: 100%;
    height: 240px;
    background: #ccc;
    margin: 0 auto;
    padding: 0; 
}

.box-novedades .post a:link,
.box-novedades .post a:visited{
    margin: 0 0 0 0;
    padding: 0;
    display: block;
}

.box-novedades .post .titulo:link,
.box-novedades .post .titulo:visited{
    color: #565656;
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    margin: 0 0 0 0;
    padding: 15px 20px;
}

.box-novedades .post a:hover{
    cursor: pointer;
    color: #444;
    text-decoration: none;
}

.box-novedades .post p{
    padding: 0 20px 25px 20px;
    margin: 0 auto;
}

.btn-mas-info {
    background: #ED3538;
    color: #fff;
    border: 0;
    text-align: center;
    border-radius: 0px;
    padding: 10px 10px;
    font-weight: 700;
    width: 90px;
    height: 35px;
    border-radius: 5px;
    margin: 0 auto;
}

.btn-mas-info:hover {
    background: #fa1c1f;
    color: #fff;
}