*{box-sizing:border-box;}
html{background-color:#333; margin:0;}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;background-color:#eee;color:#fff;text-shadow:#000 1px 1px 1px;max-width:1600px;margin:0;padding:0;}
a{text-decoration:none;color:#fff;}
a:hover{color:#808000;}
a:activee{color:#808000;}
ul{list-style:none;}
.clr{clear:both;}
hr{margin:20px auto;}
.content{background:url(media/vioisin.jpg) no-repeat center center fixed;background-size:cover;margin:0;padding-bottom:20px; min-height:90vh;}
.section,.section-t{border-radius:10px;padding:50px 10px;text-align:center;width:90%;
margin:20px 5%;}
.section{background:rgba(0,0,0, 0.5);}
.big-title{color:#fff;font-size:3em;margin:80px auto;}
.title{font-size:1.8em;margin: 0 auto 2em auto;font-weight:bold;}
.subtitle{font-size:1.2em;margin:20px auto;font-weight:bold;}
.parr{font-size:1.2em;margin:20px auto;font-weight:normal;}
.ang{ width:60%; margin-left:20% !important; margin-right:20% !important;}
.cont-items{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;margin:0;padding:0;}
.carta{ width:30%;height:420px;padding:10px;margin:20px 1.5%;border-radius:10px;}
.carta:first-child{
	background:linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(media/dosi.JPG) center center;background-size:cover;}
.carta:nth-child(2){
	background:linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(media/monitoreo-tanques.jpeg) center center;background-size:cover;
	}
.carta:nth-child(3){
	background:linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(media/riego.JPG) center center;background-size:cover;
	}
.boton{font-size:1.5em;padding:.5em;border-radius:5px;box-shadow:#000 0 0 10px;color:#fff;width:100px;margin:50px auto;cursor:pointer;}
.verdun{
background: -moz-linear-gradient(top,  rgba(192,192,0,1) 0%, rgba(128,128,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(192,192,0,1) 0%,rgba(128,128,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(192,192,0,1) 0%,rgba(128,128,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#vision ul{width:70%;margin:1em 15%;text-align:center;}
#vision li{text-align:left;}
/********nav***********/
.img-head{margin:10px 50px;}
.nav{display:flex;justify-content:space-between;max-width:992px;margin:0 auto;}
.header{margin:0;padding:0;width:100%;height:100px;background:#eee;/*position:fixed;top:0; left:0;*/}
.nav-menu{display:flex;margin-right:50px;}
.nav-menu-item{margin:0 10px;line-height:70px;width:max-content;}
.nav-menu-link,.nav-menu-link.active{color:#000;font-weight:bold;text-shadow:#fff 1px 1px 1px;padding:8px 12px;border-radius:3px;}
.nav-menu-link:hover{background:#808000; color:#fff;text-shadow:#000 1px 1px 1px;transition:0.5s;}
.nav-toogle{color:#000;background:none;border:none;font-size:40px;padding:020px;margin:5px;text-shadow:#fff 1px 1px 1px;display:none;}
/******nav2********/
.nav2-menu{display:flex;margin-left:50px;}
.nav2-menu-item{margin:0 10px;/*line-height:70px;*/width:max-content;}
.nav2-menu-link,.nav2-menu-link.active{color:#000;font-weight:bold;text-shadow:#fff 1px 1px 1px;padding:8px 12px;border-radius:3px;}
.nav2-menu-link:hover{background:#808000; color:#fff;text-shadow:#000 1px 1px 1px;transition:0.5s;}
/**********************/
/********Productos*****/
.li-img,.li-text{width:40%;font-size:1.2em;}
.li-img{}
.li-text{}
#dosi{
    background-image: linear-gradient(0deg, rgba(85, 143, 90, 0.5), rgba(0,0,0,0.5)) ,url(productos/bebedero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#dosi li,#riego li{    
    display:flex;align-items:center;justify-content:space-around;}
#dosi li img,#riego li img{
	border-radius:5px;}
#riego{
    background-image: linear-gradient(0deg, rgba(85, 143, 90, 0.5), rgba(0,0,0,0.5)) ,url(productos/picun.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    }
#monitoreo{
    background-image: linear-gradient(0deg, rgba(85, 143, 90, 0.5), rgba(0,0,0,0.5)) ,url(dist-sensores.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;    
}
#monitoreo .cont-imag{width:80%;margin:50px 10%;}
#monitoreo .cont-imag img{width:100%;border-radius:10px;}
#monitoreo ul{width:70%;margin:1em 15%;text-align:center;}
#monitoreo ul li{text-align:left;margin-bottom:1em;font-size:1.3em}
#monitoreo img{border-radius:10px;}

/**********************/
.arriba{width:50px;height:40px;text-align:center;font-size:2em;/*background:#880;*/padding:0.2em;border-radius:4px;box-shadow:#000 0 0 10px;position:fixed;right:30px;bottom:30px;background:rgba(120,120,0,0.5);z-index:100;cursor:pointer;display:none;}
.arriba:hover{background:rgba(120,120,0,1);}
.show-this{display:block;}
/****nosotros*******/
#nosotros{background-image:linear-gradient(0deg, rgba(85, 143, 90, 0.5), rgba(0,0,0,0.5)) ,url(media/ha.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
#nosotros img{border-radius:10px;}
#nosotros li{font-size:1.5em;margin:50px auto;}
#nosotros li{text-align:left;}
/******sumate********/
#sumate ul{padding:50px;margin:20px 25%;}
#sumate li{text-align:left;}
#sumate li div{ font-size:1.3em;}
#sumate li span{font-size:3em; margin-right:30px;}
#sumate .title{font-size:1.5em;font-weight:normal;}
#sumate .cnt-img{width:60%;margin:0 20%;}
#sumate img{width:100%;border-radius:10px;}
#sumate .shr{width:50%;margin:20px 25%;}
@media screen and (max-width:720px){
.cont-items{flex-direction:column;}
.carta{width:80%;margin:20px 10%}
#vision ul{width:100%;margin:1em 0;}
.img-head{width:75px;height:40px;margin:5px 20px;}
.header{height:58px;}
/*************nav***********/
.nav-menu{flex-direction:column;align-items:center;position:fixed;left:60%;top:0;background:#ddd;width:50%;padding:0;margin:70px 55%;overflow-y:auto;transition:left 0.3s;border-radius:10px;}
.nav-menu_visible{left:0;}
.nav-toogle{display:block;padding:0 40px 0 0;}
/**********nav2*************/
.nav2-menu{margin:0 0 20px 0;padding:0;}
.nav2-menu-item{margin:0 5px;font-size:.8em;}
/*****productos*************/
.li-img,.li-text{width:100%;}
#dosi li,#riego li{flex-direction:column;}
#monitoreo ul{width:100%;margin:1em 0;padding:0;}
#monitoreo ul li{font-size:1.1em;}
/******sumate****/
#sumate ul{padding:0;margin:0;}
#sumate li span{ font-size:2.5em;}
#sumate .cnt-img{width:80%;margin:20px 10%;}
#sumate .shr{width:100%;margin:20px 0;}
	}