body {margin:0; font-family: Arial, Helvetica, sans-serif;}
	/*background:url(imagenes/bg-body.jpg) repeat-x;}*/
.container {width: 100%; max-width:1280px; margin: 0 auto; position:relative; }

.clear{clear: both;}

ul, li {margin:0; padding:0; list-style-type:none}
img {border:0; border:none}
a{border:0; border:none}
.clear {clear:both}
.icon-menu{float: right; padding-right: 5%;}

p{font-size: 12px; line-height: 16px; color: #666; text-align: justify;}
.destacado{color:#497e94;}
.destacado2{color:#333;}
.date{font-size: 15px; margin: 10px 0 -5px 0; padding: 10px 0 0 0; text-decoration: underline; color: #444444;}
.cap{text-transform: uppercase;}

h2{font-size: 16px; color: #0c4163; font-weight: normal;}
h3{font-size: 15px; margin: 0px; color: #8a8883;}
h4{font-size: 13px; padding: 10px 0px; margin: 0px; color: #145e8c; font-weight: normal;}
h5{font-size:13px; margin:0px; color: #2a8cb5; font-weight:normal }
h6{color:#0c4163; text-align:center; font-weight:normal;}
.dos-columnas{column-count: 2;}

ol li{font-size:12px; line-height:17px; padding:6px 0px; list-style:circle; color:#0c4163;}
ol.gris li{font-size:12px; line-height:17px; padding:6px 0px; list-style:circle; color:#666;}
ol.number li{font-size:12px; line-height:17px; padding:6px 0px; list-style: decimal; color:#666;}
ol.number li::marker {font-weight: 900;}

a.mail2{color:#0c4163; text-decoration:none; font-weight:bold; letter-spacing:1px;}
.estilo13{ font-size:13px; line-height:18px;}
.abrir2{color:#f44336!important; text-decoration:none !important; font-size:12px !important; font-weight:bold;}
.abrir2:hover{color:#a02c23!important;}
.ruta a{text-decoration: none; color: #8a8883; font-size: 14px;}
.active{color: #6d6aff !important;}

/*HEADER NAV*/
.header {width: 100%; height: 120px;}
.nav-deskop{float:right; padding-top: 6%;}
.nav-deskop a{text-decoration:none; color:#8a8883; font-size:12px;}
.nav-deskop ul{display: block;}
.nav-deskop li{list-style:none; display:inline-block; padding:10px;}
.nav-deskop a:hover{color:#CCC;}
.nav-deskop a:presionado{color:#0c4163;}
#boton-inicio{color: #7ca20c;}

.columna-menu{margin-left: 3%; width: 270px; height: 100%; min-height: 700px; display: inline-block; float: left;}
.columna-izq{width:35%; float:left; margin-top: 30px;}
.columna-der{width:35%; float:right; margin-top: 30px;}
.columna-entera{width:75%; margin-top: 30px; float: right;}
.izq{float: left; width: 48%;}
.der{float: right; width: 48%;}
.row{width: 100%; display: table;}
.caja-imagen {max-height: 180px; width: 100%; overflow: hidden; display: block;}
.caja-imagen img{width: 100%;}
.caja-imagen:hover{opacity: 0.3;}

.caja-imagen-2 {width: 100%; overflow: hidden; display: block; position: relative;}
.caja-imagen-2 img{width: 100%;}
.caja-imagen-2:hover {opacity: 0.3;}

.caja-imagen-3 {max-height: 200px; width: 100%; overflow: hidden; display: block;  position: relative;}
.caja-imagen-3 img{width: 100%;}
.caja-imagen-3:hover{opacity: 0.3;}

.lupa {transition: .5s ease; position: relative; width: 100%; height: 100%;}
.lupa img{position: absolute; padding-top: 15%; left: 30%; width: 50px !important; height: 50px;}

.lupa-2 {transition: .5s ease; position: absolute; width: 100%; height: 100%; opacity: 1}
/*.lupa-2:hover {opacity: 1}*/
.lupa-2 img{position: absolute; top: 90%; left: 10%; width: 50px !important; height: 50px;}

.lupa-3 {transition: .5s ease; position: absolute; width: 100%; height: 100%; opacity: 1}
.lupa-3 img{position: absolute; top: 90%; left: 13%; width: 50px !important; height: 50px;}


.mugni{position:absolute; z-index:10; margin-left: 3%; margin-top: 2%;}
.mugni ul{display:block; border-top:1px solid #FFF; background: #0c4163; width: 100%; height:auto;}	
.mugni li {display:block; width: 90%; height: auto; padding: 12% 0 0 10%;}
.mugni li:last-child {padding-bottom: 12%;}
.mugni a {color: #FFF; font-size:12px; text-decoration:none;}
.mugni a:hover {font-weight:bold;}
.mugni a.presionado {font-weight:bold}
.mugni img{display: block;}


.volver{width: 50px; height: 50px; position: fixed; right: 5%; bottom: 5%; z-index: 1;}

/* MENU RESPONSIVE*/
.hamburguesa {float: right; cursor: pointer; display: none;}
.overlay {height: 0; width: 100%; position: fixed; z-index: 99; left: 0; top: 0; background-color: rgba(255,255,255, 0.9); overflow-y: hidden; transition: 0.5s;}
.overlay-content {position: relative; top: 5%; width: 100%; text-align: center; margin-top: 30px;}
.overlay a {padding: 8px; text-decoration: none; font-size: 14px; text-transform: uppercase; color: #8a8883; display: block; transition: 0.3s;}
.overlay .azul {color: #0c4163;}
.overlay a:hover, .overlay a:focus {color: #5691a2;}
.overlay .closebtn {position: absolute; top: 12px; right: 8px;}


#controles{ 
    /*background: url(media/img/rep/player.png) repeat;*/ 
    width:320px; 
    height:33px; 
    float: right; 
    margin-top: -33px; 
} 

canvas{ 
    float:left; 
} 

#play{ 
    background: url(../images/play.png) no-repeat; 
    width: 11px; 
    height: 13px; 
    margin-left: 5px; 
    margin-top: 10px; 
} 

#pausa{ 
    background: url(../images/pausa.png) no-repeat; 
    width: 11px; 
    height: 13px; 
    margin-left: 10px; 
    margin-top: 10px; 
} 

#progreso{ 
    background: url(media/img/rep/bar.png) no-repeat; 
    width:182px; 
    height:8px; 
    margin-top: 13px; 
    margin-left: 10px; 
} 
         
.vol{ 
    float: right; 
     
} 

#vol-btn{ 
    background: url(media/img/rep/vol.png) no-repeat; 
    width:15px; 
    float:right; 
    height:14px; 
    margin-top: -13px; 
    margin-right: 70px; 
    border: none; 
} 

input[type='range'] {   
    -webkit-appearance: none;   
    width: 50px; 
    height: 6px; 
    position: relative; 
    top: -18px; 
    left: 75px; 
    margin-left: 25px; 
    background-image: url(media/img/rep/vol-bar.png); 
}   

input[type='range']::-webkit-slider-thumb {   
    -webkit-appearance: none; 
    width: 10px; 
    height: 10px; 
    background-image: url('media/img/rep/punto.png'); 
} 


/*SLIDE*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
    .jssorb052 .i {position:absolute;cursor:pointer;}
    .jssorb052 .i .b {fill:#000;fill-opacity:0.3;}
    .jssorb052 .i:hover .b {fill-opacity:.7;}
    .jssorb052 .iav .b {fill-opacity: 1;}
    .jssorb052 .i.idn {opacity:.3;}

    .jssora053 {display:block;position:absolute;cursor:pointer;}
    .jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
    .jssora053:hover {opacity:.8;}
    .jssora053.jssora053dn {opacity:.5;}
    .jssora053.jssora053ds {opacity:.3;pointer-events:none;}

    #jssor_1 img{width: 100%; max-width: 1280px; height: auto !important; max-height: 460px;}
    #jssor_1 {width: 100%; max-width: 1280px; max-height: 460px; position:relative; margin:0 auto; overflow:hidden; }
    .slides-index{cursor:default;  top:0px; left:0px; width:100%; height: 100%; overflow:hidden;}
    .slides-index p{text-align: right; font-size: 26px; line-height: 25px; color: #fff; padding-right: 10%; font-style: italic; font-weight: bold; text-shadow: 1px 1px 1px #000000;}
    .slides-index div{text-align: right; font-size: 20px; color: #fff; padding-top: 26%; padding-right: 5%;}
/*FIN SLIDE */

/*CAROUSEL*/
#basicSlider {position: relative; margin-top:15px; margin-bottom: 15px;}

#basicSlider .MS-content {white-space: nowrap; overflow: hidden; height: 300px;}

#basicSlider .MS-content .item {
  display: inline-block;
  width: 30%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider img{height: auto;}

.slideshow, .slideshow2, .slideshow3, .slideshow4, .slideshow5, .slideshow6, .slideshow7, .slideshow8 {width: 100% !important; max-width: 325px !important;}
.slideshow span{width: 100% ; max-width: 325px !important;}
.slideshow img{width: 100% ; max-width: 325px !important;}

footer{margin:0px auto; background:#0c4163; width: 100%; display: inline-block; padding: 20px 0; position: relative; bottom: 0;}
footer p{display: inline-block; font-size:12px; line-height:14px; color:#eff3f5; float: left; padding-left: 30px;}
footer strong{font-size:13px; color:#2a8cb5;}
footer a{color:#c7db8d; text-decoration:none; font-weight:bold; padding-right: 30px;}
.data-fiscal{float: right;}

.banner {width: 100%; height:140px; position: relative;}
.banner h3 {color: white; position: absolute; right: 5%; bottom: 20%; font-size: 25px; font-style: italic; text-shadow: 1px 1px 1px #383838; text-align: right; font-weight: normal;}
#experiencia {background: url(../imagenes/img_experiencia.jpg); background-size: cover;}
#captacion {background: url(../imagenes/img_captacion.jpg); background-size: cover;}
#trabajos {background: url(../imagenes/banners_trabajos.jpg); background-size: cover;}
#cargos {background: url(../imagenes/banners_cargos.jpg); background-size: cover;}
#prospeccion {background: url(../imagenes/img_prospeccion.jpg); background-size: cover;}
#manejo {background: url(../imagenes/img_manejo.jpg); background-size: cover;}
#suministro {background: url(../imagenes/img_suministro.jpg); background-size: cover;}
#riego {background: url(../imagenes/img_riego.jpg); background-size: cover;}
#ganaderia {background: url(../imagenes/img_ganaderia.jpg); background-size: cover;}
#drenaje {background: url(../imagenes/img_drenaje.jpg); background-size: cover;}
#optimizacion {background: url(../imagenes/img_optimizacion.jpg); background-size: cover;}
#estudios {background: url(../imagenes/banners_estudios.jpg); background-size: cover;}

.imagenes_int{padding:20px; margin: 0px 20px 20px 0px; border: thin solid #c3c1bc;}

.mapa{width: 100%;}

.accordion ul, .accordion li, .accordion table {width: 100%;}
.accordion li h5 {border-bottom:thin solid #e0e1e4; padding:5px 0px 5px 10px;}
.accordion li.locked h5 {background:#145e8c; color:#FFF; border-bottom:thin solid #FFF; width: 100%;}
.accordion td {width: 30%;}

/*----------MEDIA QUERIES----------*/
@media only screen and (max-width: 1279px) {
  .menu-responsive{margin: 30px 30px 0 0; display: block;}
	.hamburguesa {display:inline-block;}
	.mugni ul, .nav-deskop{display: none;}
	.mugni{margin-top: 0;}
  .columna-menu{display: none;}
  .columna-entera{width: 98%; float:}
  .columna-izq{width: 45%; padding: 0 2%;}
  .columna-der{width: 45%; padding: 0 2%;}
}

@media (max-width: 767px) {
#basicSlider .MS-content {height: 200px;}

#basicSlider .MS-content .item {
  display: inline-block;
  width: 60%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider img{height: auto;}

#jssor_1 img{height: 100% !important; width: auto !important; max-height: 300px;}
#jssor_1 {max-height: 300px;}
.mugni{margin-top: -30px;}
.mugni img {width: 80%;}

.header {height: 80px;}

.columna-izq{width: 90%;}
.columna-der{width: 90%; float: left;}
.izq{width: 98%;}
.der{width: 98%; float: left;}
.data-fiscal{float: left; padding-left: 30px;}
.dos-columnas{column-count: 1;}


}

@media (max-width: 520px) {
.slides-index p{font-size: 20px; line-height: 22px;}
.slides-index div{padding-right: 0;}

}

@media (max-width: 400px) {
.data-fiscal{float: left;}

}