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



.imgAperturaInclusion{
background-image:url(../img/inclusion/aperturaInclusion.jpg);
}



/*paleta capitulo - verde*/

/*
verde oscuro-fondos: rgba(10,31,0,1);
verde oscuro: rgba(86,112,59,1);
verde medio: rgba(154,181,49,1);
verde claro: rgba(199,233,74,1);
*/


html, body {
background-color: rgba(10,31,0,1);
/*overflow-x:hidden !important;*/
}

.contenedorCentral{
background-color:rgba(27,43,46,1.00);
/*background-image:url(../img/inclusion/fondoSeccion2.jpg);*/
background-repeat:repeat;
background-size:auto;
background-attachment:fixed; 
z-index:10001;
/*display:none;*/
}



/*color menuNav*/

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

span.btnMenu h6{
color:rgba(199,233,74,1);
}


.navBtn{
height:15px;
width:15px;
background-color:rgba(26,0,8,0.00);
border:2px solid rgba(199,233,74,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(199,233,74,0.5);
}

a:hover {
color:rgba(199,233,74,0.5);
}

a.active {
border-bottom: 2px solid #ecf0f1;
color:rgba(199,233,74,1);
}

a.focus {
border-bottom: 2px solid #ecf0f1;
color:rgba(199,233,74,1);
}






.antetituloInclusion h6{
color:rgba(154,181,49,1);
}


h2 {
color: rgba(86,112,59,1);
}

.elemento1 {
background-image: url(../img/inclusion/elemento1.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: auto;
}

.elemento2 {
background-image: url(../img/inclusion/elemento2.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.elemento3 {
background-image: url(../img/inclusion/elemento3.png);
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
}

.elemento4 {
background-image: url(../img/inclusion/elemento4.png);
background-position: center center;
background-repeat: no-repeat;
background-size: auto;
}




.tituloTxt {
background-image: url(../img/inclusion/franjaGrande1.png), url(../img/inclusion/franjaGrande1.png), url(../img/generales/patrong07.png);
background-size: auto, auto, auto;
background-repeat: repeat-y, repeat-y, repeat;
background-position: left top, right top;
background-attachment: scroll, scroll, scroll;
}

.tituloTxtNg {
background-image: url(../img/inclusion/franjaGrande1.png), url(../img/inclusion/franjaGrande1.png);
background-size: auto, auto;
background-repeat: repeat-y, repeat-y;
background-position: left top, right top;
background-attachment: scroll, scroll;
}

.bloqueChapeau {
background-color: rgba(255,255,255,1.0);
background-image: url(../img/inclusion/franjaGrande1.png), url(../img/inclusion/franjaGrande1.png), url(../img/generales/patrong07.png);
background-size: auto, auto, auto;
background-repeat: repeat-y, repeat-y, repeat;
background-position: left top, right top;
background-attachment: scroll, scroll, scroll;
}



.titAperVideo {
border-left: 10px solid rgba(154,181,49,1);
border-right: 10px solid rgba(154,181,49,1);
}

.titAperVideo h3 {
color: rgba(0,44,56,0.8);
}

.textoAperVideo {
border-left: 1px solid rgba(154,181,49,1);
border-right: 1px solid rgba(154,181,49,1);
}

.tituloTxtNg h2 {
color: rgba(154,181,49,1);
}


.franjaInfGrande {
background-color: rgba(154,181,49,1);
}


.elementoCentralDivisor {
background-image: url(../img/inclusion/elementoCentral1.png);
}


.contenedorCenefaAperSecNg {
background-color: rgba(177,80,147,0.00);
background-image: url(../img/inclusion/cenefa3.png);
background-position: top;
background-repeat: no-repeat;
background-size: 120%;
}

.subtituloTxtNg {
background-color: rgba(255,255,255,0.0);
background-image: url(../img/inclusion/elementoSubtitIzq1.png), url(../img/paz/elementoSubtitDer1.png);
background-size: auto, auto,;
background-repeat: repeat-y, repeat-y;
background-position: left center, right center;
}




.capitalParrafo1 span {
color: rgba(199,233,74,1);
}

.parrafoInicial:first-line {
color: rgba(154,181,49,1);
font-weight: 700;
}


.bloqueParrafoNgInclusion{
/*background-color:rgba(32,30,24,0.00);
background-repeat:repeat;
background-attachment:fixed;
background-size:auto;*/
}

.parrafo1NgInclusion{
background-color:rgba(199,233,74,0.1);
background-image:none;
background-repeat:repeat;
background-attachment:fixed;
background-size:auto;
border-left: 2px solid rgba(154,181,49,1);
border-right: 2px solid rgba(154,181,49,1);
}

.notaPieArticuloInclusion{
font-family:Hind Siliguri, sans-serif;
font-size: 1rem;
line-height: 1.4rem;
font-weight: 400;
text-align:center;
text-transform:uppercase;
color:rgba(255,255,255,0.5);
}

	
	
/*
verde oscuro-fondos: rgba(10,31,0,1);
verde oscuro: rgba(86,112,59,1);
verde medio: rgba(154,181,49,1);
verde claro: rgba(199,233,74,1);
*/	
	









/*SECCIONES*/

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

#seccion3{
background-color:rgba(255,255,255,1.00); 
z-index:10001;
/*display:none;*/
}

/*seccion test*/
#seccion4{
background-color:rgba(10,31,0,1) !important;
background-image:url(../img/generales/patronb07.png);
background-repeat:repeat;
background-attachment:fixed;
background-size:auto;
}


.bgSeccion.bgSec4Riqueza{
}


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



/*test*/

.contenedorTest{
margin-bottom:80px !important;
}

.fieldsetCaja{
background-color:rgba(130,185,122,0.00); 
border:none;
}


.contenedorPregunta{
padding-left:40px; 
padding-right:40px; 
padding-top:10px; 
padding-bottom:10px; 
background-color:rgba(0,0,0,0.2);
background-image:url(../img/inclusion/elementoSubtitIzq1.png); 
background-position: left top; 
background-repeat:repeat-y; 
background-size:auto;
border-right: 1px solid rgba(255,255,255,0.5);
}

.preguntaFondoClaro{
padding-left:40px; 
padding-right:40px; 
padding-top:10px; 
padding-bottom:10px; 
background-color:rgba(199,233,74,0.1);
background-image:url(../img/inclusion/elementoSubtitIzq1.png); 
background-position: left top; 
background-repeat:repeat-y; 
background-size:auto;
border-right: 1px solid rgba(255,255,255,0.5);
}

.testPregunta{
border-bottom: 1px solid rgba(255,255,255,0.5);
}

.testPreguntaImagen{
display:inline-block;
border-bottom: 1px solid rgba(255,255,255,0.2);
}

.contenedorPregunta h3{
font-family: Hind Siliguri, sans-serif;
color: white;
margin-top: 10px;
/*text-transform: uppercase;*/
font-size: 1.3rem;
font-weight: 500;
line-height: 1.6rem;
background-color: rgba(26,0,8,0.0);
text-shadow: 2px 2px 7px rgba(0,0,0,1.00);
}

.contenedorPregunta h3 span{
font-family:Roboto Slab, serif;
color: rgba(199,233,74,1);
margin-top: 10px;
/*text-transform: uppercase;*/
font-size: 2rem;
font-weight: 500;
line-height: 1.6rem;
background-color: rgba(26,0,8,0.0);
text-shadow: 2px 2px 7px rgba(0,0,0,1.00);
}

.contenedorPregunta h4{
font-family: Hind Siliguri, sans-serif;
color: white;
margin-top: 10px;
text-transform: uppercase;
text-align:center;
font-size: 1.2rem;
font-weight: 100;
letter-spacing:2px;
line-height: 1.4rem;
background-color: rgba(26,0,8,0.0);
text-shadow: 2px 2px 7px rgba(0,0,0,1.00);
}


.contenedorPregunta h5{
font-family: Hind Siliguri, sans-serif;
color: white;
text-transform: uppercase;
text-align:center;
font-size: 1.2rem;
font-weight: 100;
letter-spacing:2px;
line-height: 1.4rem;
background-color: rgba(26,0,8,0.0);
text-shadow: 2px 2px 7px rgba(0,0,0,1.00);
margin-top:20px !important;
}

.casillaOpcionCentrada{
display:inline-block;
}

.inputCentrado{
margin-left:48.1% !important;
}

.imagenTest{
border-left: 1px solid rgba(199,233,74,1);
border-right: 1px solid rgba(199,233,74,1);
margin-left:auto; 
margin-right:auto; 
display:block;		
}

.get-score{
width:100%;
background-color: rgba(199,233,74,1);
border:none;
margin-top:10px;
margin-bottom:10px;
}


.get-score p{
font-family: Hind Siliguri, sans-serif;
color: white rgba(237,237,237,1.00);
margin-top: 10px;
text-transform:uppercase;
font-size: 1.3rem;
font-weight: 500;
line-height: 1.6rem;
background-color: rgba(26,0,8,0.0);
text-shadow: 2px 2px 7px rgba(0,0,0,1.00);
}

#result{
font-family: Hind Siliguri, sans-serif;
color: white !important;
margin-top: 10px;
/*text-transform: uppercase;*/
font-size: 1.3rem;
font-weight: 500;
line-height: 1.6rem;
background-color: rgba(26,0,8,0.0);
text-shadow: 2px 2px 7px rgba(0,0,0,1.00);
margin-bottom:20px !important;
}


#result h3{
font-family: Hind Siliguri, sans-serif;
color: white !important;
margin-top: 10px;
/*text-transform: uppercase;*/
font-size: 1.7rem;
font-weight: 500;
line-height: 1.6rem;
background-color: rgba(26,0,8,0.0);
text-shadow: 2px 2px 7px rgba(0,0,0,1.00);
margin-bottom:20px !important;
}

#result h6{
font-family: Hind Siliguri, sans-serif;
color: white !important;
margin-top: 10px;
/*text-transform: uppercase;*/
font-size: 1.3rem;
font-weight: 500;
line-height: 1.6rem;
background-color: rgba(26,0,8,0.0);
text-shadow: 2px 2px 7px rgba(0,0,0,1.00);
margin-bottom:20px !important;
}



.correction{
font-family:Roboto Slab, serif;
color: rgba(199,233,74,1);
margin-top: 10px;
/*text-transform: uppercase;*/
font-size: 1.4rem;
font-weight: 500;
line-height: 1.6rem;
text-align:center;
background-color: rgba(26,0,8,0.0);
text-shadow: 2px 2px 7px rgba(0,0,0,1.00);
}


/*imagenes articulo 1*/

.imagenFondo1b{
height:75vh;
background-color:rgba(0,0,0,1.00);
background-image:url(../img/inclusion/imgArtInclusion1b.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;
}

.imagenFondo2b{
height:75vh;
background-color:rgba(0,0,0,1.00);
background-image:url(../img/inclusion/imgArtInclusion2b.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;
}

.imagenFondo3b{
height:75vh;
background-color:rgba(0,0,0,1.00);
background-image:url(../img/inclusion/imgArtInclusion3b.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;
}

.imagenFondo4b{
height:75vh;
background-color:rgba(0,0,0,1.00);
background-image:url(../img/inclusion/imgArtInclusion4b.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;
}




/*imagenes articulo 2*/

.imagenFondo1{
height:75vh;
background-color:rgba(0,0,0,1.00);
background-image:url(../img/inclusion/imgArtInclusion1.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/inclusion/imgArtInclusion4.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/inclusion/imgArtInclusion2.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;
}


.imagenFondo4{
height:75vh;
background-color:rgba(0,0,0,1.00);
background-image:url(../img/inclusion/imgArtInclusion3.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;
}



/*footer*/

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





/*MEDIA QUERIES*/


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

.imagenFondo1b, .imagenFondo2b, .imagenFondo3b, .imagenFondo4b{
height:70vh !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color:rgba(255,255,255,1.00);
}

.imagenFondo1, .imagenFondo2, .imagenFondo3, .imagenFondo4{
height:80vh !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color:rgba(255,255,255,1.00);
}

}

@media screen and (max-width:768px) {
.imagenFondo1b, .imagenFondo2b, .imagenFondo3b, .imagenFondo4b{
height:51vh !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color:rgba(255,255,255,1.00);
}

.imagenFondo1, .imagenFondo2, .imagenFondo3, .imagenFondo4{
height:51vh !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color:rgba(255,255,255,1.00);
}
	
}


@media screen and (min-width:481px) and (max-width:767px) {
	
.imagenFondo1b, .imagenFondo2b, .imagenFondo3b, .imagenFondo4b{
height:370px !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color:rgba(255,255,255,1.00);
}

.imagenFondo1, .imagenFondo2, .imagenFondo3, .imagenFondo4{
height:370px !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color:rgba(255,255,255,1.00);
}	
	
}


@media screen and (max-width:768px) {
	
.elemento2{
background-size:55%;
margin-top:-5px;
}
}



@media screen and (max-width:480px) {
	
.imagenFondo1b, .imagenFondo2b, .imagenFondo3b, .imagenFondo4b{
height:300px !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color:rgba(255,255,255,1.00);
}	

.imagenFondo1, .imagenFondo2, .imagenFondo3, .imagenFondo4{
height:350px !important;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color:rgba(255,255,255,1.00);
}
	
}

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

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