/*RESET*/
@charset "utf-8";a{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

/*GENERALES*/
body { margin:0px; background-color:#FFF; overflow-x: hidden}
p, b, a, i, u, h1, h2, h3, h4, h5, h6, ul ,li, input, textarea, select, span { font-family: 'Montserrat', sans-serif;
    font-family: 'Roboto', sans-serif; }
b { font-weight:700}
.clear0 { clear:both; height:0px}
.clear5 { clear:both; height:5px}
.clear10 { clear:both; height:10px}
.clear15 { clear:both; height:15px}
.clear20 { clear:both; height:20px}
.clear30 { clear:both; height:30px}
.clear40 { clear:both; height:40px}
.clear50 { clear:both; height:50px}
::selection {color:#CCC;background:#444;}
::-moz-selection {color:#EEE;background:#444;}
*:focus { outline:none}


.opTodo { display: none}
.fb-share-button { width: 25px !important; height:25px !important; overflow:hidden !important; background:transparent !important; background-image: url(../img/fb.svg)}


header { width: 100%; position: fixed; height: 80px; background-color: #FFF; top: 0px; left: 0px; z-index: 99999;
    background-image: url(../img/fondoHeader.jpg); background-repeat: no-repeat; background-size: cover; 
    background-position:  cover;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .logo { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); height: 55px; cursor: pointer;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}
header nav { position: absolute; top: 50%; transform: translateY(-50%); left: 200px; text-align: left;}
header nav div { display: inline-block; margin: 0px 13px; vertical-align: middle; cursor: pointer; padding: 0px 6px;}
header nav div .acc-open-menu { width: 30px; }
header nav div p { font-family: 'Montserrat', sans-serif; color: #89db2a; letter-spacing: 1px;}
header nav div:hover p { text-decoration: underline}
header .redes { position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
header .redes li { display: inline-block; vertical-align: middle; margin: 0px 3px; cursor: pointer; 
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .redes li:hover { opacity: 0.7;}
header .redes li img { width: 30px;}
header .redes li.botContacto { display: none;}

header .back { position: absolute; top: 50%; left: 10px; width: 34px; top: 22px; cursor: pointer; display: none;}



.contMenuMob { position: absolute; left: 210px;}
.contMenuMob .acc-open-menu2 { width: 30px; height: 80px; position: absolute; top: 0px; cursor: pointer; display: none;}
.contMenuMob .menuMob { position: absolute; top: 80px; background-color: #FFF; left: -20px; display: none}
.contMenuMob .menuMob li { padding: 15px 25px; width: 170px; border-bottom: 1px solid rgb(219, 219, 219); cursor: pointer;}
.contMenuMob .menuMob li p { color: #89db2a; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 1px; }
.contMenuMob .menuMob li:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#509346+0,9ac341+100 */
background: #509346; /* Old browsers */
background: -moz-linear-gradient(left,  #509346 0%, #9ac341 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #509346 0%,#9ac341 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #509346 0%,#9ac341 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509346', endColorstr='#9ac341',GradientType=1 ); /* IE6-9 */

}
.contMenuMob .menuMob li:hover p { font-weight: 600; color: #FFF;}






.slider { width: 100%; height: 560px; overflow: hidden; margin-top: 80px; background-color:#EEE;}
.slider div { position: relative; width: 100%; height: 560px; overflow: hidden;}
.slider div img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.slider div p { position: absolute; z-index: 999; color: #FFF; font-size: 32px; font-weight: 700; width: 600px; left: 50%; transform: translateX(-50%); bottom: 80px; text-align: center; font-family: 'Montserrat', sans-serif; line-height: 41px; letter-spacing: 1px;}


.nosotros { width: 100%; height: auto; padding: 95px 0px; text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#144a90+0,1489b5+100 */
background: #144a90; /* Old browsers */
background: -moz-linear-gradient(left,  #144a90 0%, #1489b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #144a90 0%,#1489b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #144a90 0%,#1489b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144a90', endColorstr='#1489b5',GradientType=1 ); /* IE6-9 */
}
.nosotros h3 { width: 90%; margin: auto; margin-bottom: 15px; color: #89db2a; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 42px; letter-spacing: 3px; }
.nosotros p { color: #FFF; font-weight: 300; font-size: 18px; line-height: 31px; width: 90%; margin: auto; max-width: 600px; letter-spacing: 1px;}


.mapa { width: 100%; height: auto; padding: 70px 0px; text-align: center}
.mapa .elmapa { display: inline-block; vertical-align: top; width: 300px; margin-right: 20px;}
.mapa .elmapa img { width: 100%;}
.mapa .elmapamob { display: none; vertical-align: top; width: 300px; margin-right: 20px;}
.mapa .elmapamob img { width: 100%;}
.mapa .textos { display: inline-block; vertical-align: top; width: 500px; text-align: left; width: 320px}
.mapa .textos .tit { color: #89db2a; font-family: 'Montserrat', sans-serif; font-size: 20px; margin-bottom: 3px; }
.mapa .textos .desc { font-weight: 300; font-size: 16px; line-height: 20px;}
.mapa .textos .tandil { margin-top: 96px;}
.mapa .textos .benito { margin-top: 28px}
.mapa .textos .chavez { margin-top: 28px}




.servicios { width: 100%; height: auto; position: relative; margin-top: 70px; text-align: center; padding: 90px 0px; padding-top: 110px; background-image: url(../img/combustible.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center center; }
.servicios h3 { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 42px; letter-spacing: 3px; color: #085996; background-color: #f2f2f2; padding: 26px 60px; position: absolute; left: 50%; top: 0%; transform: translate(-50%,-50%);}
.servicios .combustible { display: inline-block; vertical-align: bottom; width: 240px}
.servicios p {display: inline-block; vertical-align: bottom; color: #FFF; font-size: 24px; line-height: 36px; text-align: left; width: 400px; font-weight: 300; margin-left: 40px;}



.destacados { width: 100%; height: auto; padding: 60px 0px; background-color: #f9f9f9;}
.destacados .cu { width: 480px; height: auto; margin: 30px auto}
.destacados .cu img { width: 80px; display: inline-block; margin-right: 20px;  vertical-align: top;}
.destacados .cu .txt { display: inline-block;  vertical-align: top; width: 360px}
.destacados .cu .txt .tit { color:#2f91bc; font-size: 20px; font-weight: bold; margin-bottom: 4px; margin-top: 32px;}
.destacados .cu .txt .desc { font-size: 16px; line-height: 23px; font-weight: 300; letter-spacing: 1px;}

.dest2 { padding-bottom: 110px}



.agro { width: 100%; height: auto; position: relative; margin-top: 10px; text-align: center; padding: 90px 0px; padding-top: 110px; background-image: url(../img/agro.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center right }
.agro .agro2 { display: inline-block; vertical-align: middle; width: 130px}
.agro p {display: inline-block; vertical-align: middle; color: #FFF; font-size: 24px; line-height: 36px; text-align: left; width: 400px; font-weight: 300; margin-left: 40px;}




.staff { width: 100%; height: auto; position: relative;  text-align: center; padding: 90px 0px; padding-top: 110px; background-color: #FFF; }
.staff h3 { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 42px; letter-spacing: 3px; color: #FFF;  padding: 26px 60px; position: absolute; left: 50%; top: 0%; transform: translate(-50%,-50%);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#144a90+0,1489b5+100 */
background: #144a90; /* Old browsers */
background: -moz-linear-gradient(left,  #144a90 0%, #1489b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #144a90 0%,#1489b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #144a90 0%,#1489b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144a90', endColorstr='#1489b5',GradientType=1 ); /* IE6-9 */}
.staff .cu { width: auto; height: auto; display: inline-block; vertical-align: middle;  margin: 0px 20px; }
.staff .cu .txt { width: auto; height: auto; display: inline-block; vertical-align: middle;}
.staff .cu .foto { width: 198px; height: auto; text-align: right; display: inline-block; vertical-align: middle;}
.staff .cu .foto img { width: 100%;}
.staff .cu.martin .txt {  text-align: right;  margin-right: 16px;}
.staff .cu.joaquin .txt {  text-align: left;  margin-left: 16px;}
.staff .cu .txt .nombre { color: #1468a2; font-size: 22px; line-height: 25px; font-weight: 600; margin-bottom: 4px; }
.staff .cu .txt .cargo { color: #89db2a; font-size: 18px; font-weight: 300; margin-bottom: 7px;}
.staff .cu .txt .data { font-size: 14px; line-height: 20px;}
.staff .cu .txt .data a { color: #333;}
.staff .cu .txt .data a:hover { text-decoration: underline}






.blog { width: 100%; height: auto; padding: 95px 0px; text-align: center; position: relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#144a90+0,1489b5+100 */
background: #144a90; /* Old browsers */
background: -moz-linear-gradient(left,  #144a90 0%, #1489b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #144a90 0%,#1489b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #144a90 0%,#1489b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144a90', endColorstr='#1489b5',GradientType=1 ); /* IE6-9 */
}
.blog h3 { width: 90%; margin: auto; margin-bottom: 15px; color: #89db2a; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 42px; letter-spacing: 3px; }

.blog .listadoBlog { width: 80%; margin:auto; margin-top: 30px; z-index: 9999; position: relative;}
.blog .listadoBlog .cu { width: 100%; height: auto; display: inline-block; vertical-align: top; margin: 0px 12px; text-align: left; margin-top: 15px; cursor: pointer; margin-bottom: 30px; overflow: hidden;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.blog .listadoBlog .cu .in {width: 100%; height: auto; min-height: 344px;   background-color: #FFF; margin:auto; padding-bottom: 0px; position: relative; }
.blog .listadoBlog .cu .in img { width: 110%; margin-left: -5%; height: auto;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s; }
.blog .listadoBlog .cu .titulo { color: #89db2a; font-size: 21px; line-height: 22px; font-weight: 700; width: 84%; margin: auto; margin-bottom: 6px; margin-top: 20px;}
.blog .listadoBlog .cu .cont { font-size: 13px; line-height: 19px; font-weight: 300; width: 84%; margin: auto; margin-bottom: 6px; margin-top: 6px; font-style: italic; margin-bottom: 14px; color: #333;}
.blog .listadoBlog .cu .bot { width: 100%; display: inline-block;  text-align: center; margin:auto; opacity: 0; position: absolute; bottom: 10px; left: 0;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.blog .listadoBlog .cu .bot p { color: #FFF; font-size: 13px; width: auto; display: inline-block; letter-spacing: 3px; text-align: center; padding: 10px 20px; font-weight: lighter;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#509346+0,9ac341+100 */
        background: #509346; /* Old browsers */
        background: -moz-linear-gradient(left,  #509346 0%, #9ac341 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #509346 0%,#9ac341 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #509346 0%,#9ac341 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509346', endColorstr='#9ac341',GradientType=1 ); /* IE6-9 */}
/* .blog .listadoBlog .cu:hover { margin-top: 0px;} */
.blog .listadoBlog .cu:hover .in img { width: 100%; margin-left: 0%; }
.blog .listadoBlog .cu:hover .bot{ opacity: 1;}
.blog .franja { width: 100%; height: 200px; position: absolute; bottom: 0; background-color: #424241; z-index: 0}

.listadoBlog .slick-dots { bottom: -10px;}
.listadoBlog .slick-next {    right: -60px;}
.listadoBlog .slick-next:hover {    right: -60px; opacity: 0.6;}
.listadoBlog .slick-prev{    left: -60px;}
.listadoBlog .slick-prev:hover {    left: -60px; opacity: 0.6;}






.contacto { width: 100%; height: auto; padding: 80px 0px; text-align: center; position: relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#509346+0,9ac341+100 */
background: #509346; /* Old browsers */
background: -moz-linear-gradient(left,  #509346 0%, #9ac341 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #509346 0%,#9ac341 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #509346 0%,#9ac341 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509346', endColorstr='#9ac341',GradientType=1 ); /* IE6-9 */

}
.contacto h3 { width: 90%; margin: auto; margin-bottom: 35px; color: #FFF; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 42px; letter-spacing: 3px; }
.contacto form { width: 400px; height: auto;  margin: auto; position: relative;}
.contacto .campo { width: 96%; padding: 7px 10px; border: none; margin-bottom: 8px; border-bottom: 2px solid #FFF;}
.contacto .elText { width: 96%; padding: 7px 10px; border: none; margin-bottom: 8px; height: 120px; resize: none; border-bottom: 2px solid #FFF;}
.contacto .btnSend { float: right; color: #FFF; padding: 8px 20px; border: none; font-weight: 300; font-size: 14px; letter-spacing: 1px; margin-right: -5px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#144a90+0,1489b5+100 */
background: #144a90; /* Old browsers */
background: -moz-linear-gradient(left,  #144a90 0%, #1489b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #144a90 0%,#1489b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #144a90 0%,#1489b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144a90', endColorstr='#1489b5',GradientType=1 ); /* IE6-9 */
-moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}
.contacto .btnSend:hover { padding: 8px 24px;}

.contacto .lado { position: absolute; text-align: left; right: -330px; width: 300px; top: 0;}
.contacto .lado p { color: #FFF; font-weight: 300; font-size: 15px; line-height: 25px; margin-bottom: 26px;}
.contacto .lado p span { font-weight: 600}
.contacto .lado p a { color: #FFF;}
.contacto .lado p a:hover { text-decoration: underline}
.contacto .lado .redes { margin-top: -5px}
.contacto .lado .redes li { width: 26px; height: auto; margin-right: 8px; float: left;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.contacto .lado .redes li:hover { opacity: 0.7}


footer { width: 100%; height: auto; padding: 60px 0px; text-align: center;}
footer img { width: 120px; text-align: center}



.gracias { width: 100%; top: 80px; bottom: 0px; position: absolute;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#509346+0,9ac341+100 */
background: #509346; /* Old browsers */
background: -moz-linear-gradient(left,  #509346 0%, #9ac341 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #509346 0%,#9ac341 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #509346 0%,#9ac341 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509346', endColorstr='#9ac341',GradientType=1 ); /* IE6-9 */
}
.gracias .info { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; text-align: center}
.gracias .info img { width: 100px;}
.gracias .info .lin1 { color: #FFF; font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 28px; padding: 12px 30px; letter-spacing: 1px; margin-top: 20px; margin-bottom: 16px; line-height: 36px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#144a90+0,1489b5+100 */
background: #144a90; /* Old browsers */
background: -moz-linear-gradient(left,  #144a90 0%, #1489b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #144a90 0%,#1489b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #144a90 0%,#1489b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144a90', endColorstr='#1489b5',GradientType=1 ); /* IE6-9 */ }
.gracias .info .lin2 { color: #FFF; font-weight: 300; font-size: 18px; line-height: 26px;}




.clientes { width: 100%; height: auto; padding: 60px 0px; text-align: center;}
.clientes h3 { width: auto;  color: #FFF; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 42px;
     letter-spacing: 3px;  color: #144b90; display: inline-block; padding: 25px 35px;
     background-color: #f9f9f9; margin-bottom: 36px;
    }
.clientes .logosClientes { width: 90%; max-width: 800px; height: auto; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-around;}
.clientes .logosClientes img { width: 28%; height: auto; margin: 20px 0px;}






.cadaNoticia { width: 100%; height: auto; margin-top: 80px; position: relative; margin-bottom: 30px;}
.cadaNoticia .back { position: absolute; z-index: -1; width: 100%; height: 170px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#144a90+0,1489b5+100 */
    background: #144a90; /* Old browsers */
    background: -moz-linear-gradient(left,  #144a90 0%, #1489b5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #144a90 0%,#1489b5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #144a90 0%,#1489b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144a90', endColorstr='#1489b5',GradientType=1 ); /* IE6-9 */ }
.cadaNoticia .columnas2 { width: 1160px; margin:auto; display: flex; justify-content: space-around;}
.cadaNoticia .columnas2 .news { width: 800px; background-color: #f9f9f9; margin-top: 30px;}
.cadaNoticia .columnas2 .news img { width: 100%; height: auto}
.cadaNoticia .columnas2 .news .txt { box-sizing: border-box; padding: 40px;}
.cadaNoticia .columnas2 .news .txt span { color: #308bb9; font-size: 16px; font-weight: 300; letter-spacing: 2px;;}
.cadaNoticia .columnas2 .news .txt h2 { color: #89db2a; font-size: 50px; line-height: 54px; margin-top: 10px; margin-bottom: 8px; font-weight: bold;}
.cadaNoticia .columnas2 .news .txt p.bajada { color: #7c7c7c; font-size: 14px; line-height: 23px; margin-bottom: 20px;}
.cadaNoticia .columnas2 .news .txt p { color: #333; font-size: 16px; line-height: 29px;}



.cadaNoticia .columnas2 .relacionadas { width: 300px; background-color: #f9f9f9; box-sizing: border-box; padding: 20px; display: inline-table; margin-top: 200px;}
.cadaNoticia .columnas2 .relacionadas h5 { width: 100%; color: #FFF; font-size: 16px; font-weight: 700; font-family: 'Montserrat', sans-serif; text-align: center;padding: 15px 0px; letter-spacing: 2px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#144a90+0,1489b5+100 */
background: #144a90; /* Old browsers */
background: -moz-linear-gradient(left,  #144a90 0%, #1489b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #144a90 0%,#1489b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #144a90 0%,#1489b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144a90', endColorstr='#1489b5',GradientType=1 ); /* IE6-9 */ 
}
.cadaNoticia .columnas2 .relacionadas .cu {  width: 100%; margin-top: 26px;}
.cadaNoticia .columnas2 .relacionadas .cu img {  width: 100%; height: auto;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.cadaNoticia .columnas2 .relacionadas .cu .title { font-size: 18px; line-height: 23px; font-weight: bold; margin-top: 10px; margin-bottom: 3px; color: #444;}
.cadaNoticia .columnas2 .relacionadas .cu span { color: #9ac341; font-weight: 300; letter-spacing: 2px; font-size: 11px;}
.cadaNoticia .columnas2 .relacionadas .cu:hover img { opacity: 0.8;}


.cadaNoticia .columnas2 .news .barraInferior { width: 100%; display: flex; justify-content: space-between; margin-top: 70px;}
.cadaNoticia .columnas2 .news .barraInferior .volver {}
.cadaNoticia .columnas2 .news .barraInferior .volver img { width: 20px; display: inline-block; vertical-align: middle;}
.cadaNoticia .columnas2 .news .barraInferior .volver p {display: inline-block; vertical-align: middle; margin-left: 6px; letter-spacing: 2px; font-weight: 300; font-size: 15px;}
.cadaNoticia .columnas2 .news .barraInferior .share {}
.cadaNoticia .columnas2 .news .barraInferior .share p {display: inline-block; vertical-align: middle; margin-right: 6px; letter-spacing: 2px; font-weight: 300; font-size: 15px;}
.cadaNoticia .columnas2 .news .barraInferior .share img { width: 25px; display: inline-block; vertical-align: middle; margin:0px 1px}




@media screen and (max-width: 2500px) {
.blog .listadoBlog .cu .in {min-height: 400px;   }
}

@media screen and (max-width: 1900px) {
    .blog .listadoBlog .cu .in {min-height: 360px;   }
    }


    @media screen and (max-width: 1600px) {
        .blog .listadoBlog .cu .in {min-height: 350px;   }
    
    }


@media screen and (max-width: 1400px) {
    .slider div img {  width: auto; height: 100%}

}

@media screen and (max-width: 1200px) {

    header nav div {        margin: 0px 7px; padding: 0px 5px;    }
    header nav div p {font-size: 14px; letter-spacing: 0px;}

    .cadaNoticia .columnas2 { width: 90%; margin:auto; }
    .cadaNoticia .columnas2 .news { width: auto; flex: 1; margin-right: 20px;} 


    .cadaNoticia .columnas2 .news .txt h2 {        font-size: 38px;        line-height: 44px;    }

    .blog .listadoBlog .cu .in {min-height: 350px;   }
}


@media screen and (max-width: 1000px) {

    header nav div p { font-size: 13px;   }
    header nav div {        margin: 0px 2px; padding: 0px 2px;    }
    header nav {        left: 200px;    }
    header .redes {        right: 10px;    }
    header .redes li { margin: 0px 2px;}

    .slider {  height: 520px;}
    .slider div { height: 520px; }
    .slider div p { font-size: 28px; line-height: 34px; }

    .contacto .lado { position: relative;right: inherit;width: 400px;top: inherit;}
    .contacto .lado p { color: #FFF;font-weight: 300;font-size: 17px;line-height: 23px; margin-bottom: 18px;}

    .blog .listadoBlog .cu .in {height: auto;     padding-bottom: 50px;}
    .blog .listadoBlog .cu .bot { opacity: 1;}

    .cadaNoticia .columnas2 .relacionadas {        width: 240px;        margin-top: 190px;    }

}

@media screen and (max-width: 840px) {

    nav { display: none;}
    header .redes li.botContacto { display:inline-block}
    .contMenuMob .acc-open-menu2 {   display: block}
    
    .slider {  height: 500px;}
    .slider div { height: 500px; }

    .staff .cu { margin-bottom: 40px;}


    header .logo {
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .contMenuMob {        left: 2%    }
    
    .cadaNoticia .columnas2 { flex-direction: column;}
    .cadaNoticia .columnas2 .news { width: 100%; flex: initial;} 
    .cadaNoticia .columnas2 .news .txt h2 {        font-size: 32px;        line-height: 38px;    }

    .cadaNoticia .columnas2 .relacionadas { margin-top: 30px; width: 100%;    }

    header .back { display: block;}

    
}


@media screen and (max-width: 720px) {



    .slider div p {  width: 80%; font-size: 24px; line-height: 32px; }
    .mapa .elmapa { display: none;}
    .mapa .elmapamob { display: inline-block; width: 230px;}
    .mapa .textos {        width: 255px;  }
    .mapa .textos .desc { line-height: 22px; }
    .mapa .textos .tandil { margin-top: 30px; }
    .mapa .textos .benito { margin-top: 20px; }
    .mapa .textos .chavez { margin-top: 20px; }

    .clientes .logosClientes img {        width: 40%;    }

    .cadaNoticia .columnas2 .news .barraInferior {    flex-direction: column;  }
    .cadaNoticia .columnas2 .news .barraInferior .volver { margin-bottom: 20px; }
    
    .staff .cu.martin .txt {    width: 180px;}
    .staff .cu.joaquin .txt {   width: 180px;}
    .staff .cu .txt .cargo {    font-size: 17px;    line-height: 20px;}

}


@media screen and (max-width: 560px) {

    header { height: 60px;}
    header .redes li img {  width: 25px;    }
    header .logo {  height: 40px; }

    header .back { width: 30px; top: 15px;}


    .contMenuMob .acc-open-menu2 { top: 0px; height: 60px}
    .contMenuMob .menuMob {top: 61px;left: -20px;}
    .contMenuMob .menuMob li {  width: 150px; }

    .slider {  margin-top: 60px;  }
    .slider div p { font-size: 20px; line-height: 26px; }

    .nosotros h3 {  font-size: 35px; letter-spacing: 0px}
    .nosotros p {  font-size: 15px; line-height: 26px;}
    
    .servicios h3 { font-size: 35px; padding: 20px 40px; letter-spacing: 0px} 
    .servicios p { font-size: 20px; line-height: 30px; text-align: center; width: 80%; margin-left: 0px; margin-top: 30px;}

    .agro h3 { font-size: 35px; padding: 20px 40px; letter-spacing: 0px} 
    .agro p { font-size: 20px; line-height: 30px; text-align: center; width: 80%; margin-left: 0px; margin-top: 30px;}

    .destacados .cu {  width: 80%; text-align: center }
    .destacados .cu img { width: 110px; margin-right: 0px; }
    .destacados .cu .txt { width: 100%;}
    .destacados .cu .txt .tit { margin-top: 15px; }

    .staff h3 {  font-size: 35px; padding: 20px 40px; letter-spacing: 0px} 
    .staff .cu .foto { width: 150px;}

    footer img { width: 80px;}

    .contacto h3 {  font-size: 35px; letter-spacing: 0px} 
    .contacto form { width: 320px;}
    .contacto .lado { width: 320px; margin: auto; margin-top: 40px;}

    .mapa .textos {        width: 80%;  }

    .gracias { top: 60px;}


    .sl1 img {transform: translate(-63%,-50%) !important;}
    .sl2 img {transform: translate(-56%,-50%) !important;}
    .sl3 img {transform: translate(-38%,-50%) !important;}
    .sl4 img {transform: translate(-34%,-50%) !important;}

    .clientes h3 { font-size: 35px; padding: 20px 25px; }
    .clientes .logosClientes img { width: 240px;  margin: 20px 0px; }

    .cadaNoticia {  margin-top: 60px;    }

    .cadaNoticia .columnas2 .news .txt {        padding: 25px;    }
    .cadaNoticia .columnas2 .news .txt span {     font-size: 14px;      letter-spacing: 1px;   }
    .cadaNoticia .columnas2 .news .txt h2 {        font-size: 28px;        line-height: 34px;    }
    .cadaNoticia .columnas2 .news .txt p {        font-size: 15px;        line-height: 26px;    }

}


@media screen and (max-width: 420px) {
    .staff .cu .foto { width: 120px;}
    .staff .cu .txt .data { font-size: 11px;line-height: 18px; }

    header .redes li img {     width: 20px;    }
    header .redes li {        margin: 0px 0px;    }
    header .logo {      height: 34px;    }
    header .back { width: 24px; top: 18px;}

}