@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,900');


html{
	overflow-x: hidden!important; /*patch left*/
	font-family: 'Montserrat', sans-serif;
}




/**************************/
/*** CONTENIDO_55  ***/
/*************************/
.collage_submenu_container{
	height: 700px;
	width: 700px;
	background-color: navy;
}

.liga_01{
	height: 200px;
	width: 200px;
	background-color: red;
}

.liga_02{
	height: 200px;
	width: 100%;
	background-color: orange;
}

.liga_03{
	height: 200px;
	width: 100%;
	background-color: yellow;
}

.liga_04{
	height: 200px;
	width: 100%;
	background-color: green;
}

.liga_05{
	height: 200px;
	width: 100%;
	background-color: blue;
}

.liga_06{
	height: 200px;
	width: 100%;
	background-color: pink;
}



/***************************************/
/********  FUENTES *********************/
/***************************************/




.Raleway300{
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

.Raleway400{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

.Raleway700{
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

.Raleway900{
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}


.titulo30_A{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 80px;
  line-height: 80px;
  color: #0F0F11;
}

.titulo30_B{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 80px;
  color: #ffff;
  line-height: 80px;
  -webkit-text-stroke: 2px #c2c2c2;
}


.titulo30_C{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  color: #0F0F11;
  line-height: 30px;

}


.interiores_titulo30_D{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2vw;
  color: #0F0F11;
  letter-spacing: 7px;
  height: auto;



}


.interiores_titulo30_Ax{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 6vw;
  line-height: 5vw;
  color: #0F0F11;
}

/*--*/



.tit_seccA{
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 44px;
}

.tit_seccB{
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 44px;
}




.parrafo_seccA{
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 25px;
}


.titulo_1{
	color:#0000;
	font-size: 40px;
	font-weight: 700;
}


.titulo_1{
	color:#1b3046;
	font-size: 40px;
	font-weight: 700;
}

.titulo_2{
	color:#1b3046;
	font-size: 50px;
	font-weight: 300;
}


.titulo_1a{
	color:#1b3046;
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
}


.titulo_2a{
	color:#454545;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-align: center !important;
	line-height: 40px;
}


.interiores_parrafo_30{
	color:#7e7e7e;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height: 1.5;
	padding-bottom: 30px;
	text-align: left;

}

.parrafo_standard_white{
	color:white;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: 1.5;

}


.parrafo_standard_gray{
	color:#777;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.5;

}

.titulos_footer{
	color: #fff;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 20px;
}

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


}

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

	.interiores_titulo30_D{
	  font-size: 3vw;
	  line-height: 3px!important;
	}

	.interiores_titulo30_Ax{
  	font-size: 7vw;
	}

}

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

}

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

	.titulo_1a{
		color:#be002e;
		font-size: 20px;
		line-height: 20px;
		font-weight: 700;
		text-align: center;
	}

}


/***************************************************************/
/************* EXTRAS INTERIORES ***********/
/***************************************************************/

.nav_logo_big2{
	z-index: 99;
	background-color:none;
	background-image:url("../img/logo_nav2.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: bottom;

}

.nav_logo_big2:hover{
	cursor: pointer;
}

/***************************************************************/
/************* CONTAINER GRID INTERIORES ***********/
/***************************************************************/

.contenedor_grid_interior{
	height: auto;
	width: 100%;
	background: white;

			background-image:url("../img/interiores/background_interiores.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:40%;
	background-position: top right;




}



.columa0A_1{
	height: auto;
	width: auto;
	background: #707070;
			background-image:url("../img/interiores/pleca01.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:16%;
	background-position:left!important;
	background-attachment: fixed;


}


.columa0A_2{
	height: auto;
	width: auto;
	background: #707070;
			background-image:url("../img/interiores/pleca02.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:16%;
	background-position:left!important;
	background-attachment: fixed;


}


.columa0A_3{
	height: auto;
	width: auto;
	background: #707070;
			background-image:url("../img/interiores/pleca03.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:16%;
	background-position:left!important;
	background-attachment: fixed;


}


.columa0A_4{
	height: auto;
	width: auto;
	background: #707070;
			background-image:url("../img/interiores/pleca04.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:16%;
	background-position:left!important;
	background-attachment: fixed;


}


.columa0A_5{
	height: auto;
	width: auto;
	background: #707070;
			background-image:url("../img/interiores/pleca05.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:16%;
	background-position:left!important;
	background-attachment: fixed;


}



.columa0A_6{
	height: auto;
	width: auto;
	background: #707070;
			background-image:url("../img/interiores/pleca06.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:16%;
	background-position:left!important;
	background-attachment: fixed;


}



.columa0B{
	height: auto;
	width: 100%;
	background: none;
	padding-bottom: 150px;


}






.interiores_parrafo_web_A{/*NUMERO*/
	background-color: none;
	background-image:url("../img/interiores/0A.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:50%;
	background-position: top-left;
	margin-top: 140px;
	margin-left: 80px;
	padding-top: 70px;
	padding-left: 6vw!important;
	padding-right: 0vw;
	
	width: 50%;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}


.interiores_parrafo_web_B{/*NUMERO*/
	background-color: none;
	background-image:url("../img/interiores/0B.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:50%;
	background-position: top-left;
	margin-top: 140px;
	margin-left: 80px;
	padding-top: 70px;
	padding-left: 6vw!important;
	padding-right: 0vw;
	
	width: 50%;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}



.interiores_parrafo_web_C{/*NUMERO*/
	background-color: none;
	background-image:url("../img/interiores/0C.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:50%;
	background-position: top-left;
	margin-top: 140px;
	margin-left: 80px;
	padding-top: 70px;
	padding-left: 6vw!important;
	padding-right: 0vw;
	
	width: 50%;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}


.interiores_parrafo_web_D{/*NUMERO*/
	background-color: none;
	background-image:url("../img/interiores/0D.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:50%;
	background-position: top-left;
	margin-top: 140px;
	margin-left: 80px;
	padding-top: 70px;
	padding-left: 6vw!important;
	padding-right: 0vw;
	
	width: 50%;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}


.interiores_parrafo_web_E{/*NUMERO*/
	background-color: none;
	background-image:url("../img/interiores/0E.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:50%;
	background-position: top-left;
	margin-top: 140px;
	margin-left: 80px;
	padding-top: 70px;
	padding-left: 6vw!important;
	padding-right: 0vw;
	
	width: 50%;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}

.interiores_parrafo_web_F{/*NUMERO*/
	background-color: none;
	background-image:url("../img/interiores/0F.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:50%;
	background-position: top-left;
	margin-top: 140px;
	margin-left: 80px;
	padding-top: 70px;
	padding-left: 6vw!important;
	padding-right: 0vw;
	
	width: 50%;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}





.plequita{
	color:#7e7e7e;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height: 1.5;

}



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


}

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

	.interiores_parrafo_web_A,
	.interiores_parrafo_web_B,
	.interiores_parrafo_web_C,
	.interiores_parrafo_web_D,
	.interiores_parrafo_web_E,
	.interiores_parrafo_web_F{/*NUMERO*/

		padding-top: 5px;
		padding-left: 0vw!important;
	  width: 70%;
	  margin-left: 52px;

	}

}

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

		.interiores_parrafo_web_F{/*NUMERO*/

		padding-top: 0px!important;

		}

}

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


	.titulo_1a{
		color:#be002e;
		font-size: 20px;
		line-height: 20px;
		font-weight: 700;
		text-align: center;
	}

}

/**************************/
/*** CONTENIDO  ***/
/*************************/

.contenido_container{
	height: auto;
	width: 100%;
	background-color: none;
	padding-bottom: 80px;
	
}

.tarjeta_dis{
	height: 400px;
	width: 100%;
	background-color: none;
	border: solid white 0px;

}

.tarjeta_dis_hijo{
	height: 80%;
	width: 80%;
	padding:  20px;
	background-color: white;
	border: solid #777 1px;

	text-align: center;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
    z-index: 98;


    -webkit-box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);
	box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);


	 -webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	transition: all 1s ease;
	

}




.pleca_pdf_container{
	padding: 0 !important;
	height:auto;
	width: 100%;
	margin-top: 80px;
	margin-bottom: 80px;
	background-color: #6bd5e8;
}

.pleca_row{

}


.cuby{
	position: absolute;

	left: 50%;
    top: 70px;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
    z-index: 98;
}

.pdfy{

	position: relative;

	left: 50%;
    top: 150px;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
    z-index: 98;
}


.pleca_pdf_col1{
	height: auto;
	width: 100%;
	background-color: none;

}


.pleca_pdf_col2{
	padding-top: 5%;
	padding-left: 30px !important;
	padding-right: 30px !important;
	padding-bottom: 0px!important;
	height: auto !important;
	width: 100%;
	background-color: none;
	font-size: auto;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    line-height: auto;
}



.pleca_pdf_col3{
	height: auto;
	width: 100%;
	background-color: none;
	

}

.intro_cont_tarj{
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 15px;


}




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

	.cuby{
		height: 70%;
		position: absolute;

		left: 50%;
	    top: 150px;
	    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
	    z-index: 98;
	}


		.pdfy{
		height: 30%;
		position: absolute;

		left: 60%;
	    top: 130px;
	    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
	    z-index: 98;
	}


	.titulo_learning{
		font-size: 30px !important;
	}


}


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

	.cuby{
		height: 130%;
		position: relative;

		left: 60%;
	    top: 40px;
	    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
	    z-index: 98;
	}


		.pdfy{
		height: 60%;
		position: relative;

		left: 50%;
	    top: 100px;
	    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
	    z-index: 98;
	}


	.pleca_pdf_col3{
	height: 200px;
	width: 100%;
	background-color: none;
	

	}


	.titulo_learning{
		font-size: 30px !important;
	}


	.pleca_pdf_col1{
	height: 200px;
	width: 100%;
	background-color: none;

	}



}



/**************************/
/*** CONTENIDO_A  ***/
/*************************/


.tarjeta_dis_a{
	height: 350px;
	width: 100%;
	background-color: none;
	border: solid white 0px;

}

.tarjeta_dis_hijo_a{
	height:auto;
	width: 90%;
	padding:  0px;
	background-color: none;
	border: solid #777 0px;
	backdrop-filter: blur(10px);

	text-align: center;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
    z-index: 98;


    -webkit-box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);
	box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);


	 -webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	transition: all 1s ease;
	

}








/**************************/
/*** CONTENIDO_B  ***/
/*************************/

#galeria_webs{
	margin-left: 50px;
	margin-right: 50px;
}

.tarjeta_dis_b{
	height: 400px;
	width: 100%;
	background-color: none;
	border: solid white 0px;


}

.tarjeta_dis_hijo_b{
	height:auto;
	width: 90%;
	padding:  0px;
	background-color: none;
	border: solid #777 0px;
	backdrop-filter: blur(10px);

	text-align: center;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
    z-index: 98;


    -webkit-box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);
	box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);


	 -webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	transition: all 1s ease;
	

}





/**************************/
/*** CONTENIDO_C  ***/
/*************************/


.tarjeta_dis_c{
	height: 440px;
	width: 100%;
	background-color: none;
	border: solid white 0px;

}

.tarjeta_dis_hijo_c{
	height:auto;
	width: 90%;
	padding:  0px;
	background-color: none;
	border: solid #777 0px;

	text-align: center;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
    z-index: 98;


    -webkit-box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);
	box-shadow: 0px 5px 18px -1px rgba(0,0,0,0.30);


	 -webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	transition: all 1s ease;
	

}


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

	.tarjeta_dis_c{
	height: 550px;
	width: 100%;
	background-color: none;
	border: solid white 1px;

	}


}


/**************************/
/*** PLECA_YOUTUBE ***/
/*************************/


.pleca_yotube{
	height: 50px;
	width: 100%;
	background-color: red;
	border: solid white 0px;
	padding-top: 10px;
	padding-left: 20px;

-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.64);
-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.64);
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.64);

}






.pleca_yotube:hover{
	cursor: pointer;
}