body{
	margin: 0;
	/*background-color: #202023;*/
	/*background-color: #292a2d;*/
	background-color: black;
}
a{
	text-decoration: none;
}
html{
	/*line-height: 0;*/
}
strong {
    font-weight: 600;
}
.invisible{
	opacity: 0;
}

/*.row .col {
	padding: 0px;
}*/


/*
#    # ######   ##   #####  ###### #####  
#    # #       #  #  #    # #      #    # 
###### #####  #    # #    # #####  #    # 
#    # #      ###### #    # #      #####  
#    # #      #    # #    # #      #   #  
#    # ###### #    # #####  ###### #    # 
*/

.header_gral{
	position: relative;

	height: 70px;
	/*max-width: 1100px;*/

	/*background-color: #292A2D;*/
	background-color: black;

	left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.titulo{
	font-family: "segoe-ui";

    display: flex;
    justify-content: center;
    align-items: center;

    height: 70px;

    font-size: 16px;
    color: #bbbbbb;
}

.space_btn_darkmode{
   /* position: absolute;*/
	
	width: 70px;
	height: 70px;

	right: 0px;

	display: flex;
    align-items: center;
    justify-content: end;

	/*background-color: red;*/

}


.icon_darkmode{
	background-color: #292A2D;
	color: #959595;
}





/*
#####   ####  #####  #   # 
#    # #    # #    #  # #  
#####  #    # #    #   #   
#    # #    # #    #   #   
#    # #    # #    #   #   
#####   ####  #####    #   
*/


.content_gral_1{
	/*position: relative;*/

	/*width: 500px;*/
	/*height: 100vh;*/

	max-width: 1100px;
	/*
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);

	float: left;
	text-align: center;
	*/
	padding: 5px 0px 0px 0px;

	/*background-color: #292a2d;*/
	background-color: black;
}


.content_img_1{

	/*width: 120px;
	height: 120px;*/

	/*margin: 1px;*/
	/*padding: 2px;*/

	/*border: 2px solid #292a2d;*/
	border: 2px solid black;

	display: inline-block;

	background-color: #0a0a0a;
	overflow: hidden;

	cursor: pointer;
	transition: .1s;

	-webkit-tap-highlight-color: transparent;
}

.content_img_1:hover{
	/*opacity: .6;*/
	/*transform: scale(1.05, 1.05);*/
	/*transform: scale(0.95, 0.95);*/
}

.content_adterraBanner_1{
	border: 2px solid black;

	display: inline-block;

	background-color: #000000;
	overflow: hidden;

	cursor: pointer;
	transition: .1s;

	-webkit-tap-highlight-color: transparent;
}



.img_cuadricula{
	object-fit: cover;
	width: 120px;
	height: 120px;
}


.content_add{

	/*width: 368px;*/
	height: 100px;

	/*margin: 0px 0px 0px 0px;*/
	/*padding: 2px;*/

	display: inline-block;
	text-align: initial;
	background-color: #292a2d;
	/*
	border-top: 2px solid #292a2d;
	border-bottom: 2px solid #292a2d;
	border-right: 2px solid #292a2d;
	border-left: 2px solid #292a2d;
	*/
	border: 2px solid #292a2d;
}

.add{

	height: 100%;
	background-color: #74747f;
}





.content_img_portada_prof{
	position: relative;

	width: 100vh;
	height: 240px;

	max-width: 1100px;

	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);

	float: left;
	text-align: center;

	padding: 5px 0px 0px 0px;

	background-color: #333337;
}

.img_portada{
	object-fit: cover;
	width: 100vh;
	height: 240px;
}










/*
 ####  #    # ###### #####  #   #  ####  
#    # #    # #      #    #  # #  #      
#    # #    # #####  #    #   #    ####  
#  # # #    # #      #####    #        # 
#   #  #    # #      #   #    #   #    # 
 ### #  ####  ###### #    #   #    ####  
*/


/*Si es mayor a 576:*/
@media (min-width: 600px){

	.content_gral_1{
		padding: 40px 20px 0px 20px;
	}

	.content_img_1{
		width: 200px;
		height: 200px;
	}
	.img_cuadricula{
		width: 200px;
		height: 200px;
	}

}



/*Si es mayor a 900:*/
@media (min-width: 900px){

	.content_gral_1{
		/*padding: 40px 20px 0px 20px;*/
	}

	.content_img_1{
		width: 250px;
		height: 250px;
	}
	.img_cuadricula{
		width: 250px;
		height: 250px;
	}

}