@charset "UTF-8";
/* CSS Document */


.imgAperturaTierras{
background-image:url(../img/cap1/aperturaTierras.jpg);
}



/*SECCIONES*/

/*1. Tierras*/

.sec1Tierras{
background-color:rgba(255,255,255,1.00); 
z-index:10000;
/*display:none;*/
}

.sec2Tierras{
background-image:url(img/generales/patronb07.png);
background-repeat:repeat;
background-attachment:fixed;
background-size:auto;
}

.sec3Tierras{
}

	.bgSeccion.bgSec3Tierras{
	background-image:url(../img/cap1/fondoSecInfo.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	}


span.btnMenu{
background-color:rgba(243,192,9,0);
}

span.btnMenu h6{
color:rgba(243,192,9,1);
}


.navBtn{
height:15px;
width:15px;
background-color:rgba(26,0,8,0.00);
border:2px solid rgba(243,192,9,1);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg) !important;
cursor:pointer;
margin-left:37px;
top:10vH;
position:absolute;
}


nav ul li a:hover {
color:rgba(243,192,9,0.5);
}

a:hover {
color:rgba(243,192,9,0.5);
}

a.active {
border-bottom: 2px solid #ecf0f1;
color:rgba(243,192,9,1);
}

a.focus {
border-bottom: 2px solid #ecf0f1;
color:rgba(243,192,9,1);
}








/*----------*/

.imagenFondo1{
height:75vh;
background-color:rgba(0,0,0,1.00);
background-image:url(../img/cap1/imgEntrevista2.jpg);
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
background-position: center center;
margin-top:0px !important;
margin-bottom:0px !important;
margin-right:0px !important;
margin-left:0px !important;
}

.imagenFondo2{
height:75vh;
background-color:rgba(0,0,0,1.00);
background-image:url(../img/cap1/imgEntrevista1.jpg);
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;	
background-position: center center;
margin-top:0px !important;
margin-bottom:0px !important;
margin-right:0px !important;
margin-left:0px !important;
}

.imagenFondo3{
height:75vh;
background-color:rgba(0,0,0,1.00);
background-image:url(../img/cap1/imgEntrevista4.jpg);
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;	
background-position: center center;
margin-top:0px !important;
margin-bottom:0px !important;
margin-right:0px !important;
margin-left:0px !important;
}


/*SECCION INFOGRAFIA*/


/*simbolos*/

.contenedorSimbolosInfoMovil{
display:none;	
}
.orbit-container .orbit-next {
display:block !important;
}
.orbit-container .orbit-prev {
display:block !important;
}

.orbit-bullets{
display:block !important;
}
.orbit-bullets li {
background: rgba(243,192,9,1.00);
border-radius:0%;
transform: rotate(45deg);
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
top: 75%;
}

.bloqueSimbIzq{
background-color:rgba(105,72,32,0.0);
padding-left:0px;
padding-right:0px;
}

.bloqueSimbIzq2{
height:160px; 
background-color:rgba(105,72,32,0.0);
padding-left:0px;
}

	.cajaImgSimb{
	width:160px; 
	height:160px !important; 
	background-color:rgba(254,191,0,0.0);
	background-image:url(../img/cap1/icono1x.png); 
	background-size:auto; 
	background-repeat:no-repeat; 
	background-position:center center;
	margin-left:auto !important;
	margin-right:auto !important;
	display:block;
	margin: 0 auto;
	}
	
	
	.cajaTextoSimbIzq{
	padding-left:0px;
	padding-right:0px;
	}
	
	
	.cajaTextoSimbIzq p{
	color:white; 
	margin-top:10px; 
	text-align:center;
	text-transform:uppercase;
	font-size: 1rem;
    font-weight: 600;
    line-height: 1.4rem;
	}
	
	
.bloqueSimbDer{
height:160px; 
background-color:rgba(105,72,32,0.0); 
margin-top:-39px; 
padding-right:0px;
}	

	.cajaTextoSimbDer p{
	color:white; 
	margin-top:55px; 
	margin-right:40px; 
	text-align:right;	
	}
	
/*-----------------	*/
	


/*cifras*/

.notaPieArticulo {
font-family: Hind Siliguri, sans-serif;
font-size: 1rem;
line-height: 1.4rem;
font-weight: 500;
text-align: center;
color:rgba(255,255,255,0.8);
}
	

.contenedorCifra{
background-color:rgba(26,9,8,1.00);
background-size:auto, auto;
background-repeat:no-repeat, no-repeat;
background-position:left top, right top;
background-attachment:scroll, scroll;
padding-top:20px;
border-left:2px solid rgba(243,192,9,1);
border-right:2px solid rgba(243,192,9,1);
min-height:350px !important;
max-height:auto !important;
}

.botonDatos{
cursor:pointer;
border-bottom:1px solid rgba(157,157,145,0.6)
}

.btnSector{
opacity:1;
}

.btnHidrocarburos{
opacity:0.3;
}

.btnEnergetico{
opacity:0.3;
}

.btnMinero{
opacity:0.3;
}


.contenedorTituloCifra{
}


.contenedorTituloCifra h4{
font-family:Hind Siliguri, sans-serif;
font-weight:600;
text-align:left;
font-size:16px;
text-transform:uppercase;
color:rgba(243,192,9,1);
padding-left:10px;
}

.cifra1{
background-color:rgba(209,113,214,0.00); 
margin-bottom:15px !important;
}

.cifra1 h5{
font-family:Hind Siliguri, sans-serif;
font-weight:400;
font-size:15px;
text-align:right;
/*text-transform:uppercase;*/
color:rgba(255,255,255,1.00);
padding:0px !important;
margin-top:3px !important;
margin-bottom:3px !important;
}

.titBarra{
border-bottom:1px solid rgba(157,157,145,0.6);
border-right:1px solid white;
}

.bloqueBarra{
height:20px; 
background-color:rgba(211,195,152,0.00);
padding-left:5px;
border-bottom:1px solid rgba(157,157,145,0.6);
margin-top:7px;
}

.datoPorcentaje{
height:20px; 
width:10%; 
display:inline-block;

}

.datoPorcentaje p{
font-family:Roboto Slab, serif;
font-weight:300;
font-size:18px;
text-transform:uppercase;
color:rgba(255,255,255,1.00);
margin-top:1px !important;
margin-left:2px;
}

	/*porcentajes sector*/
	
	.datosSector{
	border-left:1px solid white;
	}
	
	.barra1a{
	height:20px; 
	width:1%; 
	background-color:rgba(255,111,62,1.00);
	display:inline-block;
	}
	
	.barra1b{
	height:20px; 
	width:2%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra1c{
	height:20px; 
	width:6%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra1d{
	height:20px; 
	width:5%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra1e{
	height:20px; 
	width:13%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra1f{
	height:20px; 
	width:33%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra1g{
	height:20px; 
	width:40%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	
	/*porcentajes hidrocarburos*/
	
	.datosHidrocarburos{
	display:none;	
	position:absolute;
	top:50px;
	right:0px;
	border-left:1px solid white;
	}
	
	.barra2a{
	height:20px; 
	width:4%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra2b{
	height:20px; 
	width:8%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra2c{
	height:20px; 
	width:8%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra2d{
	height:20px; 
	width:11%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra2e{
	height:20px; 
	width:11%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra2f{
	height:20px; 
	width:58%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	
	/*porcentajes energetico*/
	
	.datosEnergetico{
	display:none;	
	position:absolute;
	top:50px;
	right:0px;
	border-left:1px solid white;
	}
	
	.barra3a{
	height:20px; 
	width:4%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra3b{
	height:20px; 
	width:9%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra3c{
	height:20px; 
	width:9%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra3d{
	height:20px; 
	width:9%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra3e{
	height:20px; 
	width:10%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra3f{
	height:20px; 
	width:55%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	
	/*porcentajes energetico*/
	
	.datosMinero{
	display:none;	
	position:absolute;
	top:50px;
	right:0px;
	border-left:1px solid white;
	}
	
	.barra4a{
	height:20px; 
	width:9%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra4b{
	height:20px; 
	width:12%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	.barra4c{
	height:20px; 
	width:79%; 
	background-color:rgba(255,111,62,1.00); 
	display:inline-block;
	}
	
	
/*cierra cifras*/















/*abre modal cifras movil (tomado de paz-riqueza)*/

.infografiaAnimMovil{
background-image: url(../img/tierras/elementoSubtitIzq1.png), url(../img/cap1/elementoSubtitDer1.png);
background-size: auto, auto,;
background-repeat: repeat-y, repeat-y;
background-position: left center, right center;	
}

.botonInfoMapaMovil{
background-color:rgba(243,192,9,1.00);
margin-bottom:4px !important; 
margin-top:4px;
padding-top:8px;
padding-bottom:2px;
border-left: 2px solid rgba(255,255,255,1.00);
border-right: 2px solid rgba(255,255,255,1.00);
background-image:url(../img/generales/patron1-25.png);
background-repeat:repeat;
background-size:auto;
padding-left: 10px;
padding-right: 10px;
}

.botonInfoMapaMovil h5{
font-family:Hind Siliguri, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.3rem;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
color:rgba(255,255,255,1.00);
}

.reveal-modal{
min-height: 20vh;
}

.fichaModal{
background-color:rgba(26,9,8,1.00);
min-height: auto !important;
max-height: auto !important;
border:none;
/*background-image:url(../img/generales/patron1-25.png);
background-repeat:repeat;
background-size:auto;*/
border-left: 2px solid rgba(243,192,9,1.00);
border-right: 2px solid rgba(243,192,9,1.00);
padding-left: 20px;
padding-right: 20px;
padding-top: 57px;
margin-top: 40px;
}

.fichaModal p {
color:rgba(255,255,255,1.00);
font-family: Hind Siliguri, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.4rem;
margin-bottom: 0px;
padding: 0px;
}

.fichaModal h5 {
font-family: Hind Siliguri, sans-serif;
text-transform: uppercase;
font-size: 17px;
line-height: 19px;
text-align: center;
font-weight: 700;
letter-spacing: 2px;
color:rgba(255,255,255,1.00);
}


.btnCerrarFichaPueblos {
width: 30px;
height: 30px;
margin-bottom: 2px;
margin-top: 8px;
cursor: pointer;
border: 1px solid rgba(243,192,9,1.00);
background-image: url(../img/generales/btnCerrar.png);
background-position: center center;
background-size: 80%;
background-repeat: no-repeat;
background-color: rgba(243,192,9,1.00);
position: absolute;
right: 0px;
}

.reveal-modal .btnCerrarFichaPueblos  {
top: -46px;
right: 0px;
}

img.imagenSlideHechosMovil {
/* max-height: 400px; */
width:100%;
max-height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
border-bottom: 4px solid rgba(0,254,185,1.00);
display: block;
}

/*cierra modal hechos movil (tomado de riqueza)*/



	


/*casos*/

img.imagenCasosEmblematicos{
width:100%;
}

.bloqueParrafoInfo{
	background-color:rgba(0,0,0,0.00);
	background-repeat:repeat;
	background-attachment:fixed;
	background-size:auto;
	}
	
	.fondoBlancoInfo{
	background-color:rgba(255,255,255,1.00) !important;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	}

	.parrafo1Info{
	background-repeat:repeat;
	background-size:auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:0px;
	border-left: 2px solid rgba(243,192,9,1.00);
	border-right: 2px solid rgba(243,192,9,1.00);
	z-index:10;
	}
	
	.parrafo1Info p{
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.6rem;
	margin-left:10px;
	background-color:rgba(255,255,255,1.00);
	background-image:url(../img/generales/patrong07.png);
	}
	
	.parrafo1Info h4{
	font-family:Hind Siliguri, sans-serif;
	background-color:rgba(243,192,9,1.00);
	text-transform:uppercase; 
	font-weight:700; 
	font-size:17px; 
	text-align:center;
	padding-top:10px;
	padding-bottom:7px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom: 2px !important;
	}
	
	.contenedorImgTxtInfo{
	background-color:rgba(208,140,218,0.0);
	border-bottom:10px solid rgba(243,192,9,1.00);
	margin:auto;
	width:100%;
	}

/*cierra casos*/



	
	
/*linea de tiempo*/	

.infografiaAnim{
height:490px;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;	
margin-right:0px !important;
margin-left:0px !important;
padding-left:0px !important;
padding-right:0px !important;
border-bottom:1px solid rgba(243,192,9,1);
border-top:1px solid rgba(243,192,9,1);
}

#infoLineaTm{
width:100%;
height:100%;
background-color:rgba(0,0,0,1.00);
border:none;
background-size:auto;
background-position:center center;
background-repeat:repeat;
background-attachment:fixed;
}


.infografiaAnimTablet{
display:none;
height:490px;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;	
margin-right:0px !important;
margin-left:0px !important;
padding-left:0px !important;
padding-right:0px !important;
border-bottom:1px solid rgba(243,192,9,1);
border-top:1px solid rgba(243,192,9,1);	
}

#infoLineaTmTablet{
width:100%;
height:100%;
background-color:rgba(0,0,0,1.00);
border:none;
background-size:auto;
background-position:center center;
background-repeat:repeat;
background-attachment:fixed;
}

.infografiaAnimMovil{
display:none;	
}

.infografiaLineaTiempoMovil{
display:none;
background-image:url(../img/cap1/fondo2LineaMovil.jpg);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;		
}

.slideInfo {
background-color:rgba(255,255,255,0.8);
}





.antetituloTierras h6{
color:rgba(243,192,9,1.00);
}

/*footer*/

.footerTierras{
height: 100%;
background-image:url(../img/cap1/flechaSubirTierras.png);
background-repeat: no-repeat;
background-size: 100px;
background-position: center bottom;
}



/*MEDIA QUERIES*/



@media screen and (max-width:1280px) {

.imagenFondo1, .imagenFondo2, .imagenFondo3, .imagenFondo4{
height:60vh !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
}	

.bgSeccion.bgSec3Tierras{
background-image:url(../img/cap1/fondoSecInfoPatron.jpg);
background-repeat:repeat-y;
background-attachment:scroll;
background-size:100%;
}
}

@media screen and (max-width:1024px) {

.imagenFondo1, .imagenFondo2, .imagenFondo3, .imagenFondo4{
height:50vh !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
}

}



@media screen and (max-width:1023px) {
.infografiaAnim{
display:none;	
}

.infografiaAnimMovil{
display:none;	
}

.infografiaAnimTablet{
display:block;	
}
	

}


@media screen and (max-width:768px) {
.imgAperturaTierras{
background-image:url(../img/cap1/aperturaTierrasTablet.jpg);
}

/*---*/

.imagenFondo1, .imagenFondo2, .imagenFondo3, .imagenFondo4{
height:40vh !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
}

/*---*/



/*---*/

}



@media screen and (max-width:640px) {

.contenedorSimbolosInfoDesktop{
display:none;	
}

.contenedorSimbolosInfoMovil{
display:block;	
}
	
.imagenFondo1, .imagenFondo2, .imagenFondo3, .imagenFondo4{
height:40vh !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
}

.infografiaAnim{
display:none;	
}

.infografiaAnimMovil{
display:block;	
}

.infografiaAnimTablet{
display:none;	
}

.infografiaLineaTiempoMovil{
display:block;		
}

.cajaInfoItem p {
font-size: 0.9rem;
font-weight: 400;
line-height: 1.2rem;
}

.cajaInfoItem h6 {
font-weight: 300;
font-size: 30px;
}

.parrafo1Info {
padding-left: 10px;
padding-right: 10px;
}


.contenedorCifrasTablaDesktop{
display:none;
}

.fondoBlancoInfo {
background-color: rgba(255,255,255,1.00) !important;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

/*contenedor cifras modales*/
.infografiaAnimMovil{
display:block;	
}

.datosSector {
padding-left: 3px;
padding-right: 3px;
}

.fichaModal {
padding-left: 5px;
padding-right: 5px;
}

.fichaModal h4 {
font-family: Hind Siliguri, sans-serif;
text-transform: uppercase;
font-size: 14px;
line-height: 19px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: rgba(255,255,255,1.00);
}


.fichaModal h5 {
font-family: Hind Siliguri, sans-serif;
text-transform: uppercase;
font-size: 12px;
line-height: 19px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: rgba(255,255,255,1.00);
}
}


@media screen and (max-width:400px) {

.footerTierras{
height:100%;
background-image:url(../img/cap1/flechaSubirTierras.png);
background-repeat:no-repeat;
background-size:45px;
background-position:center bottom;
}
}