/**{outline: 1px solid red;}*/
body{padding-top: 0px; font-family:'Roboto', sans-serif}
.imagen-hero{
    background-image: url("../img/programas/agricultura/portada-cultivo1.jpg");
	background-size: cover;
    background-position: center;
	width: 100%;
	height: 450px;
	position: relative;
}
/*.imagen-hero .block{color:white; background-color: rgba(0,0,0,0.3); width:57%; height: auto; margin-top: 160px; margin-left: 21.5%;
    padding: 10px; text-align: center;}
.imagen-hero h3 {font-size: 2em; line-height: 1; text-transform: uppercase; font-family:'Roboto', sans-serif; margin-bottom: 20px;}
.imagen-hero h4{font-size:17px; font-weight: 200; padding: 0 10px;}
*/
/*------------------------------*/
.imagen-hero .block{color:white; margin: 14% 24% 0 24%; text-align: center; border-top: 1px solid #fff; border-bottom:1px solid #fff;
padding: 0 10px;}
.imagen-hero h3 {font-size: 27px; text-transform:uppercase; margin:10px 0 20px; text-shadow:0px 1px 5px #2D3129;font-weight: bold;}
.imagen-hero h4{ font-size: 17px; text-shadow:0px 1px 1px #2D3129; font-weight: 400;}
/*-------submenu----------*/
.content-info .submenu #accordion{background: transparent; margin-bottom: 0;}
.content-info .submenu ._Title{border: none; margin-bottom: 4px;}
.content-info .submenu #accordion .spacy{background-color: rgb(229,229,229); height:30px;width:100%;}
.content-info .submenu #accordion h4{text-transform: uppercase; font-weight: 300; text-shadow: 0 1px 1px #000; font-size:15px; color: #fff;}
.content-info .submenu #accordion h3{text-transform: none; font-size: 14px; padding-left: 15px; text-shadow: 0 0 0 #000; font-weight:400; }
.content-info .submenu #accordion .glyphicon { margin-right:10px; }
.content-info .submenu #accordion .panel {border-radius: 0px; background: transparent; margin-top: 0px;}
.content-info .submenu #accordion .panel-mg-top{margin-top: 0px;}
.content-info .submenu #accordion .panel-body { padding:0px;}
.content-info .submenu #accordion .panel-body .table_1 h5 i { font-size:10px; width: 10px;}
.content-info .submenu #accordion .pd-bottom {margin-bottom: 5px; margin-top: -5px;}
.content-info .submenu #accordion .panel-body .table {margin-bottom: 0px; }
.content-info .submenu #accordion .panel-heading { border-radius: 0px; background:rgb(50,57,70);}
.content-info .submenu #accordion .panel-heading .fa {width:16px; margin-left:-20px; }
.content-info .submenu #accordion .panel-collapse .panel-body .table_1 h5{ color: #fff; background:transparent;
border-bottom:1px solid rgba(50,57,70,.5); margin: 0px; padding: 8px 15px;}
.content-info .submenu #accordion .panel-collapse .panel-body .table_1 .bottom{border-bottom:0px;}
.content-info .submenu #accordion .panel-collapse .panel-body .table_1:hover{background-color: rgba(251,65,65,.8); }
.content-info .submenu #accordion .panel-collapse .panel-body .table_1:hover a{color: #fff;font-weight: 500; }
.content-info .submenu #accordion .panel-body .table_1 h5 { padding-left: 15px; }
.content-info .submenu #accordion .panel-body .table_1 h5 a{color: #00000c; text-decoration: none;}
.content-info .submenu #accordion .panel-body .table_1 .active a{color:rgb(251,65,65); }
.content-info .submenu #accordion .tipo-programa{border-left: none; border-right: none; border-top: none; 
border-radius: 2px; color: rgb(50,57,70); background: #f5f5f5; box-shadow: inset -1px -1px 4px 0px rgb(50,57,70);}
.content-info .submenu #accordion .mg-bottom{margin-bottom: 5px;}
.content-info .submenu #accordion .panel-hover a{text-decoration: none;}
.content-info .submenu #accordion .panel-hover:hover{background-color: rgba(251,65,65,.8); box-shadow: none;}
.content-info .submenu #accordion .panel-hover:hover h3{color:#fff; text-shadow: 0 0px 1px rgba(251,65,65,.9); }
.content-info .submenu #accordion .panel-mg-top .active { background-color: rgba(251,65,65,.8); box-shadow: none;}
.content-info .submenu #accordion .panel-mg-top .active h3 { color:#fff; text-shadow: 0 0px 1px rgba(251,65,65,.9);}

/*-------------CONTENIDOOO-------------------*/
.content-info{background-image: url(../img/fondo-bg2.jpg);background-size: cover; background-position: center;
  background-repeat: no-repeat; width: 100%; position: relative;}
.section .contenedor{padding: 2em 4em 1em 4em;}
.section .fa-leaf{font-size: 50px;}
.section-content{color: #000; padding-top: 30px; padding-bottom: 10px;}
.section-content .sub-title{font-size: 16px; font-weight: 600; color: rgb(40, 46, 58); background: transparent; margin:-10px 0 0 0; }
.section-content .contenedor{background-color: ;padding: 2em 0em 0em 0em;}
.subtitu{background-color: rgb(50,57,70); padding: 12px 1em; color:white ; margin:0px; font-size: 30px; text-shadow: 0 1px 1px #000;}
.section-content .text{padding: 1em 2em 2em 2em; margin-bottom: 0px;}
.section-content .fila{padding: 15px 0 0px 0;}
.section-content .fila .note{border: 1px dashed rgb(67,86,99); color: #505050; border-left: 6px solid rgb(67,86,99);padding:20px; }
.section-content .fila .fa{font-size: 20px; color:rgb(67,86,99);font-weight: bold; }
.section-content h4{background-color:rgb(67,86,99) ;color: white; padding: 0.5em 0; font-weight: 100; font-size: 16px; margin-top: 5px;}

.Image-Hover{position:relative; display: inline-block; overflow: hidden;}
.Image-Hover img{    
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
}
.Zoom-In:hover img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3));
    -ms-transform: scale(1.3));
    -o-transform: scale(1.3));    
    transform: scale(1.3));
}

h2.no-span {display: table; white-space: nowrap; margin: 15px 0px;}
h2.no-span:after { border-top: 2px solid rgb(67,86,99); content: ''; display: table-cell; position: relative; top: 0.5em; width: 100%;}
h2.no-span:after {left: 0.5%;}
h3.no-span {display: table; white-space: nowrap; margin: 15px 0px;}
h3.no-span:after { border-top: 2px solid rgb(67,86,99); content: ''; display: table-cell; position: relative; top: 0.5em; width: 100%;}
h3.no-span:after {left: 0.5%;}
.section-content .beneficios h3{color: rgb(67,86,99); font-size: 20px; margin-top: 10px;}
.section-content .pasos h3{color: rgb(67,86,99); font-size: 20px;}
.section-content .no-span{color: rgb(67,86,99); font-size: 3.3rem;}
.section-content .info-compost h3, h2{color: rgb(67,86,99);}
.section-content .info-compost h5{color: rgb(67,86,99); text-transform: uppercase; font-weight: bold;}




/*@media (max-width: 750px){.imagen-hero .block{ margin-top: 190px; } .section .fa-leaf{font-size: 50px; margin-top: 35px;} }*/
@media (max-width: 500px){.subtitu{font-size: 25px;} }
/*@media (max-width: 596px){.imagen-hero .block{ margin-top: 130px; margin-left: 21.5%;} }*/
/*@media (max-width: 750px){.imagen-hero .block{ margin-top: 150px; margin-left: 21.5%;} }*/
/*@media (max-width: 461px){.imagen-hero .block{ margin-top: 130px;} }*/
/*@media (max-width: 400px){.imagen-hero h3 {font-size: 1.8em;} .imagen-hero h4{font-size:15px;} }*/
/*@media (max-width: 330px){.imagen-hero h3 {font-size: 1.6em;} .imagen-hero h4{font-size:14px;} }*/
@media (max-width: 290px){.section-content h4{font-size: 15px;}}
@media (max-width: 370px){.section-content .col-xs-6{width: 100%;}}
@media only screen and (min-width: 1921px ) and (max-width: 2600px){.imagen-hero{ height: 550px;}}
@media (max-width: 1093px){.imagen-hero .block{color:white; margin: 17% 24% 0 24%;}}
@media only screen and (min-width: 1441px ) and (max-width: 1920px){.imagen-hero{ height: 450px;}}
/*---------------------------*/
@media (max-width: 991px){
  .imagen-hero .block{color:white; margin: 21% 24% 0 24%;}
  .imagen-hero .block h4{font-size: 16px;}
}
@media (max-width: 500px){.imagen-hero .block{color:white; margin: 26% 20% 0 20%;}}
@media (max-width: 375px){ .imagen-hero .block{color:white; margin: 33% 20% 0 20%;}}
@media (max-width: 320px){.imagen-hero .block{margin: 38% 20% 0 20%;} .imagen-hero .block h3{font-size:1.6em;}}