/*!




    font-family: 'Baloo Tammudu 2', cursive;
    font-family: 'Roboto', sans-serif;




*/.barracontacto {
    padding: 1px 0 0
}
.barracontacto i {
    padding: 0!important
}
.barracontacto {
    padding: 0 5px 0 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .4)
}
.espacio{
	margin: 4% 0;}
.barramenu {
    background-color: rgba(255, 255, 255, .85)
}
.dropdown-menu {
    background-color: rgba(255, 255, 255, .85)!important;
    border-radius: 0!important;
    border-style: none!important
}
.dropdown-item:active {
    background-color: rgba(255, 255, 255, .85)!important
}
.barmenu {
    align-content: center!important;
    text-align: center!important
}
nav.navbar li {
    color: #fff!important
}
nav.navbar li:hover {
    background-color: #fff!important
}
nav.navbar li .active {
    color: #1486b8!important;
    display: inline-block;
    font-weight: 500;
    padding-bottom: 0;
    border-bottom: 2px solid #e67727
}
.modmenu a {
    text-decoration: none;
    display: inline-block;
    padding: 15px 20px;
    position: relative
}
.modmenu a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #e67727;
    transition: width .3s ease 0s, left .3s ease 0s;
    width: 0
}
.modmenu a:hover:after {
    width: 100%;
    left: 0
}
.modmenu a:hover {
    display: inline-block
}
.barracontacto a {
    padding: 0 0!important;
    margin: 5px 20px 3px!important;
    font-family: Roboto, sans-serif!important;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 21px;
    color: #1486b8!important
}
.barracontacto p {
    font-family: Ubuntu, sans-serif;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100
}
.buscar .form-control {
    display: block;
    width: 60%!important;
    height: calc(1.2em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-top: none!important;
    border-right: none!important;
    border-left: none!important;
    border-bottom: 2px solid #e67727;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.buscar .form-control:hover {
    width: 60%!important
}
.botonproyec {
    transition: transform .2s
}
.botonproyec:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}


#cifras {
    background-image: url(../imagenes/alagro_trama.png);
    background-repeat: repeat;
    padding: 60px 0 70px
}
#cifras h2 {
    color: #e67727;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: 110px;
    line-height: 80px;
    letter-spacing: 0
}
#cifras h3 {
    color: #e67727;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 33px
}
#cifras h4 {
    color: #1486b8;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 23px
}
#valores {
    padding: 7% 0
}
#valores h3 {
    color: #e67727;
    font-family: 'Baloo Tammudu 2', cursive;
    font-weight: 600;
    font-size: 30px;
    line-height: 23px;
    letter-spacing: 1px
}
#valores h2 {
    color: #1486b8;
    font-family: 'Baloo Tammudu 2', cursive;
    font-weight: 600;
    font-size: 58px;
    line-height: 60px
}
#nosotros {
    padding: 5% 3%;
    background-image: url(../imagenes/vaca.jpg);
    background-color: #1486b8;
    background-blend-mode: multiply;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed
}
#nosotros h2 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #fff;
    font-size: 50px;
    letter-spacing: 0;
    font-weight: 600
}
#nosotros p {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 300
}
#mision {
    background-image: url(../imagenes/alagro_trama.png);
    background-repeat: repeat;
    padding: 80px 0 80px
}
#mision h3 {
    color: #1486b8;
    font-family: 'Baloo Tammudu 2', cursive;
    font-weight: 600;
    font-size: 60px;
    line-height: 33px
}
#mision p {
    font-family: Roboto, sans-serif;
    color: #494949;
    font-size: 19px;
    font-weight: 300
}
.cajacif {
    padding: 0 30px!important
}
.iconmargen {
    margin: 10% 0
}
#nosotrosinicio {
    margin: 6% 0
}
#nosotrosinicio h2 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #1486b8;
    font-size: 55px;
    letter-spacing: 2px;
    font-weight: 300
}
#nosotrosinicio p {
    font-family: Roboto, sans-serif;
    color: #494949;
    font-size: 19px;
    font-weight: 300
}
.cajanosotros {
    margin: 4% 0;
    padding: 10px 40px 10px 10px
}
.cajanosotrosdos {
    margin: 2% 0;
    padding: 10px 10px 10px 10px
}
.zoom {
    overflow: hidden;
    border-radius: 75px
}
.imagen {
    transition: transform .5s
}
.zoom:hover .imagen {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}
.margenuno {
    margin: 4% 0 2%
}
.vidio {
    padding: 3% 2%;
    width: 100%;
    height: 74vh
}
.vidiodos {
    width: 100%;
    height: 74vh;
    padding: 0!important;
    margin-bottom: -8px
}
#nosotrosinicio .col-6 {
    padding-right: 0;
    padding-left: 0
}
.cajavidio {
    margin-top: 10%;
    margin-bottom: 2%
}
#lineas {
    background-image: url(../imagenes/alagro_trama.png);
    background-repeat: repeat;
    padding: 90px 0 140px
}
.comercial {
    background: #fff;
    padding: 3% 10%;
    margin: 0 1%;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
    transition: transform .5s
}
.comercial a {
    text-decoration: none!important
}
.comercial:hover {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}


.comercialdos {
    background: #fff;
    padding: 3% 100px;
    margin: 0 15%;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
  
}
.comercialdos a {
    text-decoration: none!important
}

#lineas h2 {
    font-family: 'Baloo Tammudu 2', cursive;
    font-size: 50px;
    color: #1486b8
}

#lineas h3 {
    font-family: 'Baloo Tammudu 2', cursive;
    font-size: 50px;
    color: #1486b8
}

#lineas h4 {
    font-family: 'Baloo Tammudu 2', cursive;
    font-size: 25px;
    color: #1486b8;
}

#lineas p {
	font-family: Roboto, sans-serif;
    color: #494949;
    font-size: 19px;
    font-weight: 300;
	
}
#tanq {
    background-image: url(../imagenes/alagro_trama.png);
    background-repeat: repeat;
    padding: 90px 0 140px
}

.tanques {
    background: #1486b8;
    padding: 5px 1%;
    margin: 2% 1%;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
    transition: transform .5s;
	border-radius: 30px;
}
.tanques a {
    text-decoration: none!important
}
.tanques:hover {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

#tanq h2 {
    font-family: 'Baloo Tammudu 2', cursive;
    font-size: 20px;
    color: #1486b8
}

#tanq h3 {
    font-family: 'Baloo Tammudu 2', cursive;
    font-size: 27px;
    color: #fff
}

#tanq h4 {
    font-family: 'Baloo Tammudu 2', cursive;
    font-size: 25px;
    color: #1486b8;
}

#tanq p {
	font-family: Roboto, sans-serif;
    color: #494949;
    font-size: 19px;
    font-weight: 300;
	
}

.proyectos {
    background: #1673aa;
    padding-top: 4%;
    padding-bottom: 2%;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    cursor: pointer
}
.proyectos:hover {
    background-color: #10557e
}
.beneficios {
    background: #469ad5;
    padding-top: 4%;
    padding-bottom: 2%;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    cursor: pointer
}
.beneficios:hover {
    background-color: #125f8d
}

.convocatorias {
    background: #469ad5;
    padding-top: 4%;
    padding-bottom: 2%;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    cursor: pointer
}
.convocatorias:hover {
    background-color: #125f8d
}
.plan {
    background: #1673aa;
    padding-top: 4%;
    padding-bottom: 2%;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    cursor: pointer
}
.plan:hover {
    background-color: #10557e
}
#beneficios h3 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    line-height: 35px
}
#beneficios h4 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #fff;
    font-size: 50px;
    font-weight: 300;
    line-height: 35px
}
#beneficios a {
    text-decoration: none!important
}
.paddingbot {
    margin-bottom: 40px
}
.paddingbotdos {
    margin-bottom: 10px
}
#municipios {
    margin: 10% 0
}
#municipios h2 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #469ad5;
    font-size: 60px;
    font-weight: 500
}
#municipios h3 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #606060;
    font-size: 45px;
    font-weight: 300
}
#socio {
    background-image: url(../imagenes/leche_alagro.jpg);
    background-color: #1486b8;
    background-blend-mode: multiply;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 7% 0 7%
}
#servicio {
    background-image: url(../imagenes/leche_alagro.jpg);
    background-color: #1486b8;
    background-blend-mode: multiply;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 4% 0 3%
}
#socio h2 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 3%
}
#servicio h2 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 0%
}
#socio .form-control {
    background: rgba(255, 255, 255, .39);
    border: none!important;
    border-radius: 0!important;
    margin: 6px 0;
    font-family: Roboto, sans-serif;
    font-weight: 100;
    -webkit-text-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
    -moz-text-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36);
    text-shadow: 0 3px 15px 0 rgba(0, 0, 0, .36)
}
#socio .enviarform {
    border: none!important;
    background: #469ad5!important;
    align-content: center;
    border-radius: 10px!important;
    padding: 2px 10%!important;
    color: #fff;
    margin: 16px 0;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 300;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}
#socio .enviarform:hover {
    background-color: #297db8!important
}
#aliados {
    margin: 8% 0
}
#aliados h3 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #469ad5;
    font-size: 40px;
    letter-spacing: 2px;
    font-weight: 600
}
.aliados {
    margin: 5% 0 10%
}
#pie {
    background-image: url(../imagenes/alagro_leche.jpg);
    background-repeat: no-repeat;
	background-size: cover;
    background-position: center bottom;
    padding: 3% 0 0
}
#pie h4 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #469ad5;
    font-size: 35px;
    letter-spacing: -1px;
    font-weight: 300;
    line-height: 30px
}
#pie h5 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #469ad5;
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 300;
    line-height: 20px
}
.padddostop {
    margin-top: 15px
}
.footer {
    background: #1673aa;
    margin: 15px 0 0;
    padding: 15px 0 1px
}
.footer a {
    color: #fff
}
.footer a:hover {
    color: #8fc1de;
    text-decoration: none
}
.footer p {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 100;
    letter-spacing: 1px
}
.redes {
    width: 60px;
    height: 60px;
    transition: transform .5s
}
.redes:hover {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}
.integramos {
    padding: 10px 50px 40px
}
#plandeaccion {
    background-image: url(../imagenes/alagro_trama.png);
    background-repeat: repeat;
    padding-top: 6%;
    padding-bottom: 6%
}
.planaccion h3 {
    font-family: Roboto, sans-serif;
    color: #e67727;
    font-size: 59px;
    font-weight: 500
}
.plandeaccion h3 {
    color: #469ad5;
    font-family: 'Baloo Tammudu 2', cursive;
    font-size: 55px;
    letter-spacing: -1px;
    font-weight: 700
}
.fortalecimiento {
    padding-top: 4%;
    padding-bottom: 2%
}
#plandeaccion h4 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #1673aa;
    font-size: 30px;
    font-weight: 500;
    line-height: 28px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease
}
#plandeaccion h4:hover {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}
#plandeaccion a {
    text-decoration: none!important
}
#beneficiosasociados {
    background-image: url(../imagenes/alagro_trama.png);
    background-repeat: repeat;
    padding: 9% 0
}
#beneficiosasociados h3 {
    color: #469ad5;
    font-family: 'Baloo Tammudu 2', cursive;
    font-weight: 300;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: -1px
}
#beneficiosasociados h2 {
    color: #e67727;
    font-family: 'Baloo Tammudu 2', cursive;
    font-weight: 600;
    font-size: 58px;
    line-height: 60px
}
.products {
    margin-bottom: 3%;
    margin-top: 0
}
#productos {
    margin: 3% 0;
    padding: 5% 0
}
#productos h2 {
    color: #469ad5;
    font-family: 'Baloo Tammudu 2', cursive;
    font-weight: 500;
    font-size: 50px;
    line-height: 38px;
    letter-spacing: 1px
}
#productos h3 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #469ad5;
    font-size: 39px;
    font-weight: 500;
    padding: 30px 0 0
}
#productos h6 {
    font-family: Roboto, sans-serif;
    color: #469ad5;
    font-size: 19px;
    font-weight: 500
}
#productos p {
    font-family: Roboto, sans-serif;
    color: #424242;
    font-size: 19px;
    font-weight: 300
}
#informesgestion h3 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #469ad5;
    font-size: 29px;
    font-weight: 400;
    padding: 30px 0 0
}
#informesgestion h5 {
    font-family: 'Baloo Tammudu 2', cursive;
    color: #e67727;
    font-size: 39px;
    font-weight: 600
}
#informesgestion a {
    text-decoration: none!important;
    color: #424242;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 300;
    height: 35px
}
#informesgestion a:hover {
    color: #e67727
}
#informesgestion li {
    list-style: none
}
#articulouno {
    background-repeat: repeat;
    padding: 9% 0
}
#articulouno h2 {
    color: #1673aa;
    font-family: Roboto, sans-serif;
    font-size: 40px;
    font-weight: 400
}
#articulouno p {
    color: #424242;
    font-family: Roboto, sans-serif;
    font-size: 19px;
    font-weight: 300
}
.imagenblog {
    float: left;
    width: 65%;
    margin: 0 30px 0 0
}
.piedefoto {
    font-size: 12px!important
}
.piedefotodos {
    font-size: 16px!important
}
.piedefotodos a {
    text-decoration: none!important;
    color: #1673aa
}
.baseblog {
    background: #fff;
    -webkit-box-shadow: 0 13px 13px 2px rgba(22, 45, 59, .11);
    -moz-box-shadow: 0 13px 13px 2px rgba(22, 45, 59, .11);
    box-shadow: 0 13px 13px 2px rgba(22, 45, 59, .11);
    padding: 5px 45px 65px!important;
    border-top: 6px solid #e67727
}
#articulouno a {
    text-decoration: none!important;
    color: #1673aa
}
.baseblogotros {
    background: #fff;
    -webkit-box-shadow: 0 13px 13px 2px rgba(22, 45, 59, .11);
    -moz-box-shadow: 0 13px 13px 2px rgba(22, 45, 59, .11);
    box-shadow: 0 13px 13px 2px rgba(22, 45, 59, .11);
    padding: 25px 15px!important;
    border-top: 6px solid #1673aa
}
.baseblogotros h3 {
    color: #e67727;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 300
}
.baseblogotros p {
    font-family: Roboto, sans-serif;
    font-size: 14px!important;
    font-weight: 300
}
.baseblogotros h2 {
    font-family: Roboto, sans-serif;
    font-size: 17px!important;
    font-weight: 500!important
}
#iconosarriba h4 {
    font-family: Roboto, sans-serif;
    color: #1673aa;
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: 14px
}
#iconosarriba h5 {
    font-family: Roboto, sans-serif;
    color: #e67727;
    font-size: 15px!important;
    font-weight: 300!important;
    line-height: 10px
}
#iconosarriba a {
    font-family: Roboto, sans-serif!important;
    color: #1673aa!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 14px!important;
    text-decoration: none!important;
    letter-spacing: 0!important
}
.iconsup {
    background: #9f2a2c;
    padding: 0!important;
    margin: 0!important
}
.redesdos {
    transition: transform .5s
}
.redesdos:hover {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}
#iconsines a {
    margin: 20px 0 5px!important
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}