.ir-arriba {
    display:none;
    padding:20px;
    background:#024959;
    font-size:20px;
    color:#fff;
    cursor:pointer;
    position: fixed;
    bottom:20px;
    right:20px;
    z-index: 2000;
}



.peque{
    font-size: 50%;
}
.subfooter{
	border-top:solid 1px #cb0d7c;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.section{
	
	/*border-bottom: dotted 1px #339BEB;*/
	min-height: 600px;
	border-top:solid 1px #000000;
}

.cleare{
	clear: both;
}





.lead{
	font-size: 180%;
}

.lead2{
	font-size: 130%;
}


.well{
	border: dotted 1px #999999;
	background-color: transparent;
	margin-left: 10%;
	margin-right: 10%;
	transition: all 0.5s ease 0s;
}

.well:hover{
	border: dotted 1px rgba(81, 48, 116, 1);
	background-color: rgba(81, 48, 116, .2)
}


.modal-body p{
	text-align: justify;
}

.modal-body h3{
	font-weight: 100;
	font-size: 180%;

}

.modal-body p{
	color: #7e7b82;


	}


.cuad{
	height: 90px;

	background-color: rgba(81, 48, 116, 1);
}

.ecofactory{
    height: 90px;
    background: url(../images/back_programa_ecofactory.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

    
}

.ecotannery{
    height: 90px;
    background: url(../images/back_programa_ecotannery.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

   
}

.pia{
    height: 90px;
    background: url(../images/back_programa_pia.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

   
}

.planta{
    height: 90px;
    background: url(../images/back_programa_planta.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

   
}

.iatf{
    height: 90px;
    background: url(../images/back_programa_iatf.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

   
}

.iso_14001{
    height: 90px;
    background: url(../images/back_programa_iso14001.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

   
}



.iso_9001{
    height: 90px;
    background: url(../images/back_programa_iso9001.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

   
}

.iso_22000{
    height: 90px;
    background: url(../images/back_programa_iso22000.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

   
}

.blc{
    height: 90px;
    background: url(../images/back_programa_blc.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

   
}


.procesos{
    height: 90px;
    background: url(../images/back_programa_procesos.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

   
}

.sspa{
    height: 90px;
    background: url(../images/back_programa_sspa.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);

   
}

.sedex{
    height: 90px;
    background: url(../images/back_programa_sedex.png) no-repeat center center;
    border-bottom: solid 4px rgba(81, 48, 116, 1);


}











.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #a0a0a0;
            border-radius: 10px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            background-color: rgb(81,48,116);  
              }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}























@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);



.box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    margin-top: 20px;

    text-align: right;
    display: block;
    margin-top: 60px;
    background-color: #ffffff;
    min-height: 530px;
}
.box-icon {
   
    border-radius: 20%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.info h4 {
    font-size: 26px;
   
    
    color: #000000;
}
.info > p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: center;
    min-height: 140px;
}

.info {
    text-align: center;
}
.info > a {
    text-decoration: none;
    color: #000000;
    transition: all 0.5s ease 0s;
    display:inline;
    border: solid 1px rgba(81, 48, 116, 1);

}
.info > a:hover {
    color: #fff;
    transition: all 0.5s ease 0s;
    background-color: rgba(81, 48, 116, 1);
}



#fecha{
    color: #fff;
}




#sectores{
    background: rgb(81,48,116);
    background: linear-gradient(180deg, rgba(81,48,116,1) 32%, rgba(25,7,45,1) 100%);
    
    
}


.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}

#servimg{
    margin: 0px auto;
    border-radius: 30px;
}


#cuadricula div{
    border: dotted 0px #fff;
    min-height: 60px;
    font-size: 80%;
    text-align: center;

}

#cuadricula div p{

padding-top: 10px; 
}

#cuadricula div img{

border-radius: 10px;
}


#perfiles div{
    padding-bottom: 40px;
}

.profile-userpic{

    border: solid 1px rgba(81, 48, 116, 1);

    border-radius: 0% !important;
    display: inline;
    filter: grayscale(100%);
  }

  .profile-userpic:hover{
    filter: grayscale(0%);

  }




  .espa{
      margin-right: 10px;
  }





#testimonials{
    padding-top: 20px;
    padding-bottom: 60px;
    border-top: solid 1px #2e6da4;
    border-bottom: solid 1px #2e6da4;
}

#testimonials h2{
    color: #000;font-weight:300;
}

  #testimonials .card {
    border: 0;
}

.card {
    text-align: center;
}

.card img {
    border-radius: 50%;
    width: 100%;
    max-width: 9rem;
    max-height: 9rem;
    margin: 0 auto;
}



#cifras_van{
    min-height: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    
    color: #fff;

    background: rgb(81,48,116);
background: linear-gradient(180deg, rgba(81,48,116,1) 35%, rgba(25,7,45,1) 100%);

}

#cifras_van h2{
font-weight: 200;
padding-bottom: 0px;
margin-bottom: 10px;
color: #fff;

}

.cifra{
    font-size: 50px;
    font-weight: 100;
}

.nombre_cifra{
    font-size: 18px;
    line-height: normal;

}


#momentos{
    min-height: 600px;
    padding-top: 30px;
    padding-bottom: 10px;
    background-color: rgb(255, 255, 255);
    color: #000000;

}


.carousel-caption{
    padding-bottom: 10%;
    color: #fff;
}

.carousel-caption h1{
    color: #fff;

}

.carousel-caption h5{
    color: #fff;
    text-transform: none;
    font-size: 150%;

}