.imgFilosofia{
	width: 90%;
}

.leng{
	display: block;
}

.youtubeBtn{
    position: absolute; 
    z-index: 8; 
    padding: 12px;
    margin-left: 46.7%; 
    bottom: 0;
    border-radius: 3px;
    margin-bottom: 5px;
}

.bg-display{
    max-height: 370px;
}.div-display{
    background: rgb(0, 0, 0, 0.5); 
    margin-top: -130px
}

 a.toltip{
    position:relative;
    font-size: 16px;
    }
    a.toltip:hover{
    text-decoration:none;
    font-size: 13px;
    }
    a.toltip:after{
    content: attr(tip);
    font-family:Arial, Helvetica, sans-serif;
    font-size:90%;
    line-height:1.2em;
    color:#fff;
    width:auto;
    padding:5px 10px;
    margin-top: 15px;
    /*margin-left: -5px;*/
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background:#73847A;
    background:-webkit-linear-gradient(#73847A, #73847A);
    background:-moz-linear-gradient(#73847A, #73847A);
    background:-o-linear-gradient(#73847A, #73847A);
    background:-ms-linear-gradient(#73847A, #73847A);
    background:linear-gradient(#73847A, #73847A);
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0, .65);
    -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, .65);
    box-shadow: 3px 3px 4px rgba(0,0,0, .65);
    position:absolute;
    top:27px;
    left:-10px;
    display:none;
    }
    a.toltip:before{
    z-index:1000;
    position:absolute;
    content:"";
    top:15px;
    left:0px;
    border-right:7px transparent solid;
    border-left:7px transparent solid;
    display:none;
    }
    a.toltip:hover{
    z-index:1000;
    position:relative;
    color:#8325f7;
    }
    a.toltip:hover:after{
    display:block;
    }
    a.toltip:hover:before{
    display:block;
    }

.usPlanta{
		padding: 15px; 
		margin-left: 250px; 
		margin-right: 50px;
	}
.usDiv{
    width: 60%; 
    margin: 100px 0 100px 0; 
}

.padd3{
    margin-left: 13%
}

.padd2{
    margin-left: 25%
}



div.divHover {

}

div.info {
  position:absolute;
  overflow:hidden;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 174, 7, 0.8);
  /*background-image: url(../images/Produ/invernadero/raya2.png);*/
  opacity:0;
  transition: opacity 0.3s;
}

div.divHover:hover div.info {
  opacity:1;
}

div.divHover:hover p.headline {
  margin-left: 115px;
}

p.descripcion {
  font-size: 2.5rem;
  text-align: center;
  transition: margin-top 0.4s;
  padding: 15px;
  color: #fff;
}

div.divHover:hover p.descripcion {
  margin-top: 70px;
}

.calLogo{
    width: 40%; 
    margin-left: 10px; 
    padding: 15px 0px 0px 0px;
}


.productoLista {
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    font: 15px 'arial', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    font-size: 16px;
}

.productoLista ol {
    margin: 0 0 0 2em; 
}

.productoLista li{
    position: relative;
    display: block;
    padding: .4em .4em .4em 0em;
    *padding: .4em;
    margin: .5em 0;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}
.productoLista li>.otro{
    padding: .4em .4em .4em 2em;
}

.productoLista li:hover{
    background: #eee;
}

.productoLista li:hover:before{
    transform: rotate(360deg);  
}

.productoLista > li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 45%;
    margin-top: -1.3em;
    /*background: #246355;*/
    height: 3em;
    width: 3em;
    line-height: 2.4em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
    color: #ffffff;
}

.listaSub > li:before{
    font-size: 11px;
    height: 2.5em;
    width: 2.5em;
    line-height: 2em;
    
}

.bVerdeV{ 
    border-right: solid #8dc522;
}
.bVerdeH{
    border-bottom: solid #8dc522 2px; 
}
.bVerdeH2{
    border-bottom: solid #8dc522 4px; 
}

.charsImp{
    width: 100%; 
    margin-left: 40px
}.charsItem1{
    width: 30%
}.charsItem2{
    width: 30%; 
    margin-left: 35%
}


.liPimiento > li:before{background: #f79a00;}
.subPimiento > li:before{background: #f3be05;}
.amarillo{color: #f79a00;}

.liRojo > li:before{background: #db0000;}
.subRojo > li:before{background: red;}
.rojo{color: #db0000;}

.liVerde > li:before{background: #0A8F20;}
.subVerde > li:before{background: green;}
.verde{color: #0A8F20;}

.liVerdeLight > li:before{background: #66bc30;}
.subVerdeLight > li:before{background: #5a8430;}
.verdeLight{color: #66bc30;}

.liVerdeSeco > li:before{background: #90a14e;}
.subVerdeSeco > li:before{background: #657135;}
.verdeSeco{color: #90a14e;}

.liVerdeOtro > li:before{background: #8dc522;}
.subVerdeOtro > li:before{background: #a7f11a;}
.verdeOtro{color: #8dc522;}

.liCverde > li:before{background: #7fce0e;}
.subCverde > li:before{background: #599504;}
.cverde{color: #7fce0e;}

.liRojoOtro > li:before{background: #672032;}
.subRojoOtro > li:before{background: #981e3e;}
.rojoOtro{color: #672032;}

.liMorado > li:before{background: #8b3274;}
.subMorado > li:before{background: #652254;}
.morado{color: #8b3274;}

.liAmarillo > li:before{background: #ffde00;}
.subAmarillo > li:before{background: #ebcf10;}
.amarillo{color: #ffde00;}


.liAzul > li:before{background: #2f2a5d;}
.subAzul > li:before{background: #493f9a;}
.azul{color: #2f2a5d;}
.azul2{color: #0088db;}

.liCafe > li:before{background: #412a28;}
.subCafe > li:before{background: #231c1b;}
.cafe{color: #412a28;}

.liRojizo > li:before{background: #68183e;}
.subRojizo > li:before{background: #4d152f;}
.rojizo{color: #68183e;}

.gris{color: #333;}


.mapTooltip {
    position : fixed;       
    background-color : #0088db;
    moz-opacity:0.70;
    opacity: 1;
    filter:alpha(opacity=70);
    border-radius:10px;
    padding : 10px;
    z-index: 1000;
    max-width: 300px;
    display:none;
    color:#fff;
    margin-left: 10%;
    font-size: 15px;
    }

    .zoomIn, .zoomOut {
        background-color:#0088db;
        border:1px solid #ccc;
        color:#fff;
        width:20px;
        height:20px;
        line-height: 15px;
        text-align:center;
        border-radius:3px;
        cursor:pointer;
        position:absolute;
        top : 10px;
        font-weight:bold;
        left : 10px;
        
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none; 
        -o-user-select: none;
        user-select: none; 
    }
        
    .zoomOut {
        top:32px;
    }

    .map {
        background-color:#fff;
        margin:10px;
        position:relative;
    }

    .containerss {
        max-width: 900px;
        margin:auto;
    }

    .cimg{
        width: 60%;
    }

#caja-flotante {
  height: auto;
  position: fixed;
  top: 90PX;
}
#caja-flotante2 {
  height: auto;
  position: fixed;
  top: 90PX;
}

.fixMenu{
    background-color: #8dc522; 
    color: #fff;
}.fixSub{
    background-color: #fff; 
    color: #000; 
    width: 191px; 
    border-bottom: solid #8dc522 4px;
}
.bVerdeSub{
    border-bottom: solid #8dc522 4px;
    width: 7.21%; 
}


.divMap{
    width: 100%; 
    margin-left: 10%;
}

.area{
    background-color: #fff; 
    border-radius: 10px; 
    -webkit-box-shadow: 10px 10px 5px -11px rgba(0,0,0,0.75); 
    -moz-box-shadow: 10px 10px 5px -11px rgba(0,0,0,0.75); 
    box-shadow: 10px 10px 5px -11px rgba(0,0,0,0.75); 
    padding: 15px;
    margin-bottom: 0px;
}.area2{
    margin-left: 10%; 
    background-color: #fff; 
    border-radius: 10px; 
    -webkit-box-shadow: 10px 10px 5px -11px rgba(0,0,0,0.75); 
    -moz-box-shadow: 10px 10px 5px -11px rgba(0,0,0,0.75); 
    box-shadow: 10px 10px 5px -11px rgba(0,0,0,0.75); 
    padding: 15px
}

.tblMarca{
    width: 50%;
}

.bordeMarca{
    padding: 10px;
    border-right: solid 1px #fff;
}

.empaqueLink{
    display: inline-block;
}

@media screen and (max-width:1720px) {
    .mapTooltip {
        margin-left: 3%;
    }
}

@media screen and (max-width:1599px) {
    .bVerdeSub{
        width: 7%; 
    }
}

@media screen and (max-width:1540px) {
    .mapTooltip {
        margin-left: -3%;
    }
}

@media (max-width: 1450px) {
	.usPlanta{
		margin-left: 150px;
	}	

}

@media screen and (max-width:1370px) {
    .mapTooltip {
        margin-left: -10%;
    }
    .youtubeBtn{
        margin-left: 46.5%; 
    }
}

@media (max-width: 1300px) {
    div.divHover:hover p.descripcion {
      margin-top: 59px;
    }
    .youtubeBtn{
        margin-left: 46.3%; 
    }
}

@media screen and (max-width:1205px) {
    .mapTooltip {
        margin-left: -22%;
    }
    .youtubeBtn{
        margin-left: 46%; 
    }
}


@media (max-width: 1199px) {
	.leng{
		display: flex;
    	position: fixed;
    	left: 85%;
    	top: 0;
    	right: 0;
    	padding: 4px;
   		height: 56px;
    	z-index: 999;
	}
	.usPlanta{
		margin-left: 30px;
        margin-right: 0px;
	}

    .padd3{
    margin-left: 0%
    }

    .padd2{
    margin-left: 0%
    }

    div.divHover:hover p.descripcion {
      margin-top: 80px;
    }
    #caja-flotante {
      top: 56PX;
    }
    #caja-flotante2 {
      top: 56PX;
    }
    .bVerdeSub{
    width: 6.68%; 
    }
}


@media (max-width: 1050px) {
    div.divHover:hover p.descripcion {
      margin-top: 60px;
    }
    .youtubeBtn{
        margin-left: 45%; 
    }
    .bg-display{
        max-height: 450px;
    }.div-display{
        margin-top: -100px
    }

}

@media (max-width: 991px) {
    .charsImp{
    width: 100%; 
    margin-left: 0px;
    }.charsItem1{
        width: 50%
    }.charsItem2{
        width: 50%; 
        margin-left: 0%
    }
    .fixSub{
        width: 190px; 

    }
    .bVerdeSub{
        width: 6.15%; 
    }
    .tblMarca{
        width: 70%;
    }
    .empaqueLink{
        display:none;
    }
}


@media (max-width: 850px) {
    div.divHover:hover p.descripcion {
      margin-top: 40px;
    }
    .youtubeBtn{
        margin-left: 44%; 
    }

}


@media (max-width: 768px) {
    div.divHover:hover p.descripcion {
      margin-top: 200px;
    }
    .tblMarca{
        width: 90%;
    }
    .youtubeBtn{
        margin-left: 43.4%;
        margin-bottom: 50px; 
    }
    .bg-display{
        max-height: 100%;
    }.div-display{
        margin-top: 0px
    }

}


@media (max-width: 600px) {
    div.divHover:hover p.descripcion {
      margin-top: 150px;
    }
    .youtubeBtn{
        margin-left: 42%;
    }
    .usDiv{
        margin: 0; 
    }
    .usPlanta{
        margin-left: 10px;
    }
}

@media (max-width: 575px) {
    .area{
       margin-bottom: 30px; 
    }
    .area2{
        margin-left: 0%; 
    }

    .divMap{
        margin-left: 0%;
    }
    .youtubeBtn{
        margin-left: 41%;
    }

}

@media (max-width: 500px) {
    .charsImp{
    width: 100%; 
    margin-left: 0px;
    }.charsItem1{
        width: 100%
    }.charsItem2{
        width: 100%; 
        margin-left: 0%
    }
    .youtubeBtn{
        margin-left: 40.5%;
    }
}