* {
	margin: 0;
	border: 0;
}

html {
	scroll-behavior: smooth;
  }


/*Header*/
header {
	background-color: #ccc;
}

header h1 {
	padding: 30px 0px;
	font-size: 2em;
	font-weight: bold;
	color: #fff;
}

.menu {
	background-color: #000;
}

.menu ul {
	margin: 0px;
}

.menu ul li {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-family: .8em;
	padding: 15px 10px;
	color: #fff;
	font-size: .8em;

}


.navik-menu ul li {
	list-style: none;
}

.slider {
	min-height: 450px;
	background-color: #efefef;
}

.borde-fuente {
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

/*Tabs */
.responsive-tabs-content .responsive-tabs-panel{
	margin-top: 50px;
}

.media {
	display: block;
	width: 50%;
	height: auto;
	float: left;
	padding: 40px;
	position: relative;
}

.media-bg {
	min-height: 350px;
	background-position: center center !important;
	-webkit-background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover ;
	-webkit-background-size: cover !important;
	-o-background-size: cover ;
	background-size: cover !important;
}

/*Tipografía*/

h1 {
	font-size: 3.2em;
	line-height: 1.3em;
	font-weight: 700;
	font-family: 'Fjalla One', sans-serif;
	color: #7ea855;
}

h2 {
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	color: #7ea855;
}

h3 {
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color: #7ea855;
}

span.small {
	display: block;
	font-size:.7em;
	line-height: 1.4em;
	font-weight: 400;
}

h4 {
	font-size: 4em;
	line-height: 1.2em;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	color: #7ea855;
}

h5 {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	color: #7ea855;
}

h6 {
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	color: #7ea855;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	padding-bottom: 1em;
	line-height: 1.5em;
}

sup a {
	font-size: 1em;
	text-decoration: none;
	color: #7EA855;
}

.titulo-infografia {
	font-size: 2em;
	line-height: 1.3em;
	font-weight: 700;
	font-family: 'Fjalla One', sans-serif;
	color: #7ea855;
}

.texto-centrado {
	text-align: center !important;
}

.dato-big {
	font-weight: 700;
	font-family: 'Fjalla One', sans-serif;
	font-size: 4em;
	line-height: 1.2em;
}

.dato-big-2 {
	font-weight: 700;
	font-family: 'Fjalla One', sans-serif;
	font-size: 5em;
	line-height: 1.2em;
	color: #F8CB13;
}

.dato-big-medio{
	font-size: .4em;
	line-height: 1.2em;
}

.dato-small {
	font-size: 1.1em;
	line-height: 1.4em;
}

.dato-big-counter {
	font-size: 4em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}


.titulo-centrado{
	display: block;
	margin: auto;
	font-size: 4em;
	font-weight: bold;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 10px rgba(58,62,71, 0.8);
}

.titulo-centrado-big{
	font-size: 1.4em;
	line-height: .7em;
	color: #fff;
	text-shadow: 2px 2px 10px rgba(58,62,71, 0.8);
}

.hr-big {
	height: 4px;
	background-color: #000;
	margin: 30px 0px;
}


.hr-big-green {
	width: 100%;
	height: 4px;
	background-color: #7EA855;
	margin: 20px 0px;
}

.hr-big-azul {
	height: 4px;
	background-color: #1c5475;
	margin: 30px 0px;
}

.hr-big-azul-oscuro {
	height: 4px;
	background-color: #3A3F48;
	margin: 30px 0px;
}

.hr-big-blanco {
	height: 4px;
	background-color: #fff;
	margin: 30px 0px;
}

.hr-big-amarillo {
	height: 4px;
	background-color: #F8CB13;
	margin: 30px 0px;
}



.catalogo p{
	line-height: 1.2em;
	padding-bottom: 0px;
	margin-bottom: 1em;
}

.catalogo hr{
	height: 1px;
	background-color: #ccc;
	margin: 15px 0px;
}


/*Color texto*/
.color-blanco {
	color: #fff;
}

.color-negro {
	color: #000;
}

.color-azul-oscuro {
	color: #3A3F48;
}

.color-verde {
	color: #7ea855;
}

.color-verde-claro {
	color: #7ea855;
}

.color-azul {
	color: #1c5475;
}

.color-naranja {
	color: #DB6E2A;
}

.color-amarillo-brillante {
	color: #F8CB13;
}

.color-cafecito {
	color: #e3d7aa;
}



.comilla {
	display: inline-block;
	width: auto;
	height: 2em;
}


.boton-play {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 25px;
	background-color:#7ea855; 
	transition: all 0.5s;
	text-decoration: none !important;
	text-align: center;
}


.boton-play:hover {
	background-color:#3D7A00; 
	transition: all 0.5s;
	color: #fff;
}


.boton-play-naranja {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 25px;
	background-color:#DB6E2A; 
	transition: all 0.5s;
	text-decoration: none;
	text-align: center;
}


.boton-play-naranja:hover {
	background-color:#3D7A00; 
	transition: all 0.5s;
	color: #fff;
}


.login{
	position: inherit;
}

  .login:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    text-align: center;
    padding: 5px 0px;
    background-color: #1d5575;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    position: absolute;
    transition: all 0.5s;
  }

    .login:hover:before {
    background-color: #fff;
    color:#1d5575;
  }




.ampliar{
	position: inherit;
}

  .ampliar:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f424";
    text-align: center;
    padding: 5px 0px;
    background-color: #1d5575;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    position: absolute;
    transition: all 0.5s;
  }

    .ampliar:hover:before {
    background-color: #fff;
    color:#1d5575;
  }



  .download{
	position: inherit;
}

  .download:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f019";
    text-align: center;
    padding: 5px 0px;
    background-color: #1d5575;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    position: absolute;
    transition: all 0.5s;
  }

    .download:hover:before {
    background-color: #fff;
    color:#1d5575;
  }


.boton-verde {
	background-color:#fff; 
	transition: all 0.5s;
}


.boton-verde:hover {
	background-color:#3D7A00; 
	transition: all 0.5s;
	color: #fff;
}



.boton-verde2 {
	display: block;
	width: 100%;
	height: auto;
	color: #fff;
	background-color:#7ea855; 
	transition: all 0.5s;
	margin: 0px;
}


.boton-verde2:hover {
	background-color:#3D7A00; 
	transition: all 0.5s;
	color: #fff;
}



.celular a {
	text-decoration: none;
}





.boton-azul {
	background-color:#fff; 
	transition: all 0.5s;
	color:#1c5475; 
}


.boton-azul:hover {
	background-color:#003d5b; 
	transition: all 0.5s;
	color: #fff;
}





.boton-cafecito {
	background-color:#fff; 
	transition: all 0.5s;
	color:#CEB772; 
}


.boton-cafecito:hover {
	background-color:#CEB772; 
	transition: all 0.5s;
	color: #fff;
}



.boton-cafecito2 {
	display: block;
	width: 100%;
	height: auto;
	color: #fff;
	background-color:#CEB772; 
	transition: all 0.5s;
	margin: 0px;
}


.boton-cafecito2:hover {
	background-color:#e3d7aa; 
	transition: all 0.5s;
	color: #fff;
}



.boton-azul2 {
	display: block;
	width: 100%;
	height: auto;
	background-color:#1c5475; 
	transition: all 0.5s;
	color:#fff; 
}


.boton-azul2:hover {
	background-color:#003d5b; 
	transition: all 0.5s;
	color: #fff;
	margin: 0px;
}


.boton-azul-oscuro {
	background-color:#fff; 
	transition: all 0.5s;
	color:#3A3E47; 
}


.boton-azul-oscuro:hover {
	background-color:#262B33; 
	transition: all 0.5s;
	color: #fff;
}


.boton-azul-oscuro2 {
	display: block;
	width: 100%;
	height: auto;
	background-color:#3A3E47; 
	transition: all 0.5s;
	color:#fff; 
	margin: 0px;
}


.boton-azul-oscuro2:hover {
	background-color:#262B33; 
	transition: all 0.5s;
	color: #fff;
}


.boton-naranja {
	background-color:#fff; 
	transition: all 0.5s;
	color:#DB6E2A; 
}


.boton-naranja:hover {
	background-color:#B25200; 
	transition: all 0.5s;
	color: #fff;
}


.boton-naranja2 {
	background-color:#DB6E2A; 
	transition: all 0.5s;
	color:#fff; 
	margin: 0px;
}


.boton-naranja2:hover {
	background-color:#B25200; 
	transition: all 0.5s;
	color: #fff;
}




.triangulo-verde{
	display: block;
	width: 100%;
	height: auto;
	position: inherit;
}

.triangulo-verde:before {
	content: '';
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #7ea855;
    position: absolute;
    bottom:0px;
    left: 50%;
    margin-left: -50px;
    z-index: 2;
}



.triangulo-azul{
	display: block;
	width: 100%;
	height: auto;
	position: inherit;
}

.triangulo-azul::before {
	content: '';
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #1c5475;
    position: absolute;
    bottom:0px;
    left: 50%;
    margin-left: -50px;
    z-index: 2;
}


.triangulo-azul-oscuro{
	display: block;
	width: 100%;
	height: auto;
	position: inherit;
}

.triangulo-azul-oscuro::before {
	content: '';
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #3A3F48;
    position: absolute;
    bottom:0px;
    left: 50%;
    margin-left: -50px;
    z-index: 2;
}


.triangulo-naranja{
	display: block;
	width: 100%;
	height: auto;
	position: inherit;
}


.triangulo-naranja::before {
	content: '';
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #DB6E2A;
    position: absolute;
    bottom:0px;
    left: 50%;
    margin-left: -50px;
    z-index: 2;
}



.triangulo-cafecito{
	display: block;
	width: 100%;
	height: auto;
	position: inherit;
}

.triangulo-cafecito:before {
	content: '';
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #CEB772;
    position: absolute;
    bottom:0px;
    left: 50%;
    margin-left: -50px;
    z-index: 2;
}





.bg-green-light {
	background-color: #7ea855;
}

.bg-green {
	background-image: url('images/bg-green.jpg');
	background-size: cover;
}


.bg-amarillo-brillante {
	background-color: #F8CB13;
}


.bg-amarillo-brillante h6 {
	color: #3a3e47;
}

.info-bloque-borde {
	border-left: solid 3px #3A3F48; 
	margin-top:40px; 
	margin-bottom: 40px;
}


.bg-cafecito { 
	background-color: #e3d7aa;
}


.bg-azul {
	background-color: #1c5475;
}

.bg-azul-oscuro {
	background-color: #3a3e47;
}


.bg-amarillo {
	background-color: #DED29E;
}


.bg-verde {
	background-color: #7ea855;
}

.bg-naranja {
	background-color: #DB6E2A;
}

.bg-verde-claro {
	background-color: #b7c68b;
}


.bg-green-dark {
	background-color: #004c00;
}



/*Fondo texturas*/
.bg-hojas-1{
    background: url(images/bg/bosque_cactus.jpg) no-repeat fixed;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-hojas-2{
    background: url(images/bg/hojas2.jpg) no-repeat fixed;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-bosque-azul{
    background: url(images/bg/bosque_azul.jpg) no-repeat fixed;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}



.bg-bosque-verde{
    background: url(images/bg/bosque_verde.jpg) no-repeat fixed;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}



.bg-trabajadores-1{
    background: url(images/bg/trabajadores1.jpg) no-repeat fixed;
    position: relative;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-trabajadores-2{
    background: url(images/bg/trabajadores2.jpg) no-repeat fixed;
    position: relative;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.borde-blanco {
	border: solid 4px #fff;
}


.borde-tb-verde {
	background-color: #fff; 
	padding: 40px; 
	border-top: solid 10px #7ea855; 
	border-bottom: solid 10px #7ea855;
}

.borde-tb-verde::after {
	content: '';
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #7ea855;
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -50px;
    z-index: 2;
}


.card-header {
 background-color: #fff !important;
 border: none;
}

.card-header:first-child {
	background-color: #fff !important;
	border: none;
   }

.card-header .btn-link{
	text-decoration: none !important;
}

.card-header .btn-link:hover {
	text-decoration: none !important;
}

.btn.focus, .btn:focus {
	box-shadow: none !important;
}




.cuadro {
	display: block;
	width: 100%;
	height: auto;
	position:inherit;
	z-index: 1;
}


.cuadro-br:after {
	content: '';
    width: 100px;
    height: 100px;
    background-color: #7ea855;
    position: absolute;
    bottom: -15px;
    right: -15px;
    z-index: -1;
}


.image-rotacion {
    
    -webkit-animation:spin 10s linear infinite;
    -moz-animation:spin 10s linear infinite;
    animation:spin 10s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); 
	} 
}


.cuadro-bl:after {
	content: '';
    width: 100px;
    height: 100px;
    background-color: #7ea855;
    position: absolute;
    bottom: -15px;
    left: -15px;
    z-index: -1;
}


.sticky-interior {
	position: sticky; 
	top: 0;
}

.ima-100 {
	display: block;
	width: 100%;
	height: auto;
}

.ima-90 {
	display: block;
	width: 90%;
	height: auto;
	margin: auto;
}

.ima-80 {
	display: block;
	width: 80%;
	margin: auto;
}


.ima-70 {
	display: block;
	width: 70%;
	height: auto;
	margin:auto;
}


.ima-50 {
	display: block;
	width: 50%;
	height: auto;
	margin:auto;
}


.ima-60 {
	display: block;
	width: 60%;
	height: auto;
	margin:auto;
}

.ima-60-left {
	display: block;
	width: 60%;
	height: auto;
}




.ima-30 {
	display: block;
	width: 30%;
	height: auto;
	margin:auto;
}



.pd-0{
	padding: 0px;
}

.pd-40{
	padding: 40px;
}

.pd-tb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.pd-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.pd-tb-40 {
	padding-top:40px;
	padding-bottom: 40px;
}

.pd-tb-60 {
	padding-top:60px;
	padding-bottom: 60px;
}

.pd-tb-80 {
	padding-top:80px;
	padding-bottom: 80px;
}

.pd-tb-150 {
	padding-top:150px;
	padding-bottom: 150px;
}


.pd-tb-200 {
	padding-top:200px;
	padding-bottom: 200px;
}


.pd-tb-250 {
	padding-top:250px;
	padding-bottom: 250px;
}

.pd-t-10 {
	padding-top: 10px;
}


.pd-t-80 {
	padding-top: 80px;
}


.pd-b-40 {
	padding-bottom: 40px;
}

.pd-b-20 {
	padding-bottom: 20px;
}


.pd-lr-5 {
	padding-left:5%; 
	padding-right:5%;
}

.mg-b-20{
	margin-bottom: 20px;
}

.mg-b-40{
	margin-bottom: 40px;
}

.mg-t-160{
	margin-top: 160px;
}

a.boton {
	display: block;
	width: 50%;
	text-align: center;
	padding: 10px 25px;
	border: solid 2px #7ea855;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	line-height: 1em;
	text-decoration: none;
	color: #7ea855;
	font-weight: bold;
}

.boton-izq {
	position: absolute;
    right: -200px;
    top: 100px;
    padding: 25px;
    border-radius: 15px;
    z-index: 50; 
    text-align: center;
    width: 400px;
}



.boton-der {
	position: absolute;
                    left: -200px;
                    top: 100px;
                    padding: 25px;
                    border-radius: 15px;
                    text-align: center;
                    width: 400px;
}


					 

.destacado {
	display: block;
	max-width: 100%;
	height: auto;
	background-position: center;
	background-size: 100%;
    -webkit-transition: background-size 1500ms linear;
    -moz-transition: background-size 1500 linear;
    -o-transition: background-size 1500 linear;
    -ms-transition: background-size 1500ms linear;
    transition: background-size 1500ms linear;
    /*box-shadow: 0px 0px 20px rgba(35,70,0, 1);*/

} 

.destacado:hover {
	background-position: center;
	background-size: 120%;  
}

.destacado a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 25px;
	text-decoration: none;
	transition: 1s;
}


.destacado a:hover {
	/*background-color:rgba(126, 168, 85, 0.5);*/
	transition: 1s;
}


.destacado .contenedor {
	display: block;
	width: 100%;
	height: auto;
}

.destacado .contenedor h3 {
	color: #fff;
	text-shadow: 2px 2px 2px rgba(58,62,71, 0.8);
}




.bg-manejo-forestal {
	background: url('images/manejo_forestal_comunitario.jpg') no-repeat fixed;
    position:relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-empresa-forestal {
	background: url('images/bg-empresas-forestales.jpg') no-repeat fixed;
    position:relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-certificacion-trabajadoras {
	background: url('images/certificacion_forestal_trabajadoras.jpg') no-repeat fixed;
    position:relative;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}



.bg-empleos {
	background: url('images/empleos_bosque.jpg') no-repeat fixed;
    position:relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-bosque {
	background: url('images/bg-green.jpg') no-repeat fixed;
    position:relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-manejo {
	background: url('images/bg-manejo-comunitario-bosque.jpg') no-repeat fixed;
    position:relative;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}



.bg-cobertura-forestal {
	background: url('images/bg-cobertura-forestal.jpg') no-repeat fixed;
    position:relative;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-certificacion {
	background: url('images/bg-certificacion-forestal.jpg') no-repeat fixed;
    position:relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-manejo-forestal-comunitario {
	background: url('images/bg_manejo_forestal_comunitario.jpg') no-repeat fixed;
    position:relative;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}





.bg-cat {
	background: url('images/centro_almacenamiento_cat.jpg') no-repeat fixed;
    position:relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-subsidios {
	background: url('images/bg-subsidios.jpg') no-repeat fixed;
    position:relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}


.bg-sol {
	background: url('images/infografia/sol.jpg') no-repeat fixed;
    position:relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
     
}


.bg-ejidos {
	background: url('images/ejidos_comunidades.jpg');
	background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
     
}


.bg-vivero {
	background: url('images/vivero-forestal.jpg');
	background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
     
}




.bg-decisiones {
	background: url('images/decisiones.jpg') no-repeat fixed;
    position:relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%; 
}


.bg-produccion {
	background: url('images/produccion_maderera.jpg') no-repeat fixed;
    position:relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%; 
}



.columna50{
	display: block;
	width: 50%;
	height: auto;
	float: left;
}





#videoDiv2 {
	width:100%; 
	max-width:2200px; 
	margin:auto; display:block; 
	position: relative;
	} /* This has been changed */

#video2{
	width:100%; 
	} /* This has been changed */



#videoMessage2 h1 {
color: #fff; 
font-size: 3em;
line-height: 1.2em;
text-align: center;
position: absolute; top: 0; left: 0;
display: flex;
text-shadow: 2px 2px 10px rgba(58,62,71, 0.8);
flex-direction: column; 
justify-content: center;
align-items: center; 
width: 100%;
height: 100%;
}

#videoMessage2 img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; 
width: 30%;
height: auto;
}


#videoMessage2 h1 span.titulo-video {
	font-size: 1.8em !important;
	line-height: 1.3em;
}



.scroll{
	width: 100%;
	height: auto;
	position: relative;
}

.scroll:after{
	content: '';
    width: 120px;
    height: 90px;
    position: absolute;
    bottom:100px;
    left: 50%;
    margin-left: -50px;
    z-index: 2;
    background-image: url(images/decorados/scroll.gif);
    background-size: cover;
}




.celular {
		display: none;
	}





.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}



footer {
	font-size: .7em;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	background-color: #1c5475;
}


footer a {
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

footer a:visited {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	color: #7ea855;
	text-decoration: none;
}


.pie-foto {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px;
}

.pie-foto a{
	text-decoration: none;
	color:#3A3F48;
}

p.pie-foto {
	font-size: .8em;
}

.nota-pie ol li {
	font-family: 'Open Sans', sans-serif;
	font-size: .8em;
	padding-bottom: .8em;
	line-height: 1.2em;
	color: #fff;;
}

.nota-pie a {
	text-decoration: none;
	color: #F8CB13;
}

.nota-pie a:visited {
	color: #F8CB13;
}

.nota-pie a:hover {
	color: #DB6E2A;
}



a i.fab  {
	font-size: 2.5em !important;
	color: #fff;
	margin: 10px;
	padding: 5px;
	transition: 0.3s;
}

a:visited i.fab  {
	font-size: 2.5em !important;
	color: #fff;
}


a:hover i.fab  {
	font-size: 2.5em !important;
	color: #7ea855;
}


.accordion-item p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	padding-bottom: 0em;
	line-height: 1.5em;
}

.accordion-button {
    color: #7ea855!important;
}


.accordion-button:not(.collapsed) {
    color: #1c5475 !important;
    background-color: #DED29E!important;
    box-shadow: inset 0 -1px 0 rgb(49 29 87 / 13%)!important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #f3fffb !important;
    outline: 0;
    box-shadow: none !important;
}


.accordion-body {
    padding: 2rem 4rem !important;
}

.accordion-body p {
    text-align: left !important;
}


.accordion-button::after {
	margin-left: -25px !important;
}

.filtro{
    width: 100%;
    height: auto;
    position:relative;
}


.filtro:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.0);
    transition: all 0.5s;
}


.filtro:hover:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    transition: all 0.5s;
}



/* Celular only style */
@media (max-width:768px) {


	#videoMessage2 h1 { 
	font-size: 1.2em;}

	.computadora {
		display: none;
	}

	.celular {
		display: block;
	}

	img.img-icono {
		display: block;
		width: 70%;
		height: auto;
		margin: auto;
	}

	h1,h2,h3,h4,p {
		text-align: center;
	}

	.dato-big-counter,.dato-small {
		text-align: center;
	}

	h1 {
	font-size: 2.3em;
	}


	.titulo-centrado{
	font-size: 2.3em;
	}

	.titulo-centrado-big{
		font-size: 1.8em;
		line-height: .7em;
		color: #7ea855;
	}


	a.boton {
		display: block;
		width: 50%;
		margin: auto;
	}


	#videoDiv2 {
	margin-top: 0px;
	} /* This has been changed */

	#videoMessage2 img {
	width: 40%;
	}

	#videoMessage2 h1 span.titulo-video {
	font-size: 1.8em !important;
	line-height: 1.3em;
	}
	
	.scroll:after{
    content: '';
    width: 50px;
    height: 35px;
    position: absolute;
    bottom:10px;
    left: 50%;
    margin-left: -25px;
    z-index: 2;
    background-image: url(images/decorados/scroll.gif);
    background-size: cover;
	}


	.info-bloque-borde {
	border-left: solid 0px #3A3F48;
	border-top: solid 4px #3A3F48; 
	margin-top:40px; 
	margin-bottom: 40px;
	padding-top:40px;
	padding-bottom: 40px; 
	}


	ol li p{
		text-align: left;
	}



	.ima-60-left {
		display: block;
		width: 60%;
		height: auto;
		margin: auto;
	}

	
}