@charset "utf-8";
/* CSS Document - design.css */

/* Main */

body {
width: 100vw; 
height: 100vh; 
margin: auto;
}

a {
font-style: inherit;
color: inherit;
background-color: transparent;
font-size: inherit;
text-decoration: none;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
font-family: inherit;
}

.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.disable-anchor{
  pointer-events: none;
  cursor: default;
}

.underline {
    display: flex;
    opacity: 0;
    height: 0.2vh;
    width: 0vw;
    transform-origin: 0 0;
	margin-top: 0.5vh;
}

.dom_source {
	display: none;
	opacity: 0;
}

/* COLORS - DARK MODE */

/* COLORS - BACKGROUND - DARK MODE */

.bg_dark_mode_1 {
background-color: #10101c;
}

.bg_dark_mode_2 {
background-color: #161626;
}

.bg_dark_mode_3 {
background-color: #203467;
}

.bg_dark_mode_4 {
background-color: #D1D4C9;
}

/* COLORS - TEXT - DARK MODE */

.txt_dark_mode_1 {
color: #D1D4C9;
}

.txt_dark_mode_2 {
color: #10101c;
}

.txt_dark_mode_3 {
color: #285285;	
}

/* COLORS - FILL - DARK MODE */

.fill_dark_mode_1 {
fill: #10101c;
}

.fill_dark_mode_2 {
fill: #161626;
}

.fill_dark_mode_3 {
fill: #203467;
}

.fill_dark_mode_4 {
fill: #D1D4C9;
}

.fill_dark_mode_5 {
fill: #7F8487;	
}

/* LOGO 1 */
.logo_fill_dark_mode_1 {
fill: #841E1E;
}

/* LOGO 2 */
.logo_fill_dark_mode_2 {
fill: #4670A3;
}



/* COLORS - BORDER - DARK MODE */

.border_dark_mode_3 {
border-color: #203467;
}


/* COLORS - LIGHT MODE */

/* COLORS - BACKGROUND - LIGHT MODE */

.bg_light_mode_1 {
background-color: #ebe9ef;
}

.bg_light_mode_2 {
background-color: #eeede7;
}

.bg_light_mode_3 {
background-color: #1F4068;
}

.bg_light_mode_4 {
background-color: #1B1B2F;
}

/* COLORS - TEXT - LIGHT MODE */

.txt_light_mode_1 {
color: #1B1B2F;
}

.txt_light_mode_2 {
color: #D1D4C9;
}

/* COLORS - FILL - LIGHT MODE */

.fill_light_mode_1 {
fill: #ebe9ef;
}

.fill_light_mode_2 {
fill: #eeede7;
}

.fill_light_mode_3 {
fill: #1F4068;
}

.fill_light_mode_4 {
fill: #1B1B2F;
}

.fill_light_mode_5 {
fill: #7F8487;	
}

/* LOGO 1 */
.logo_fill_light_mode_1 {
fill: #841E1E;
}

/* LOGO 2 */
.logo_fill_light_mode_2 {
fill: #4670A3;
}

/* COLORS - BORDER - LIGHT MODE */

.border_light_mode_3 {
border-color: #1F4068;
}


/* COLORS - WARNING: MODE AGNOSTIC: These colors are unmanaged by the mode controller script */
.txt_agn_highlight_1 {
color: #F7BC00;	
}
.svg_animation_lb_fill {
fill: #F7BC00;	
}

.dysh_svg_fill_none {
fill: #FFFFFF;
fill-opacity: "0.0";
}

.dysh_svg_fill_rs {
fill: #527F76;
}

.dysh_svg_fill_ae {
fill: #b87333;
}

.dysh_svg_fill_bronze {
fill: #E3AF66;
}

.dysh_svg_fill_silver {
fill: #d8dddf;
}

.dysh_svg_fill_gold {
fill: #FFCE45;
}

.dysh_svg_fill_platinum {
fill: #E5E1E6;
}

.dysh_svg_fill_diamond {
fill: #A5D7E8;
}

.dysh_svg_fill_royal_diamond {
fill: #A5D7E8;
}

/* FONTS - FONT FAMILIES */

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Regular.ttf");	
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Italic.ttf");
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf");
  font-weight: 600;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Cantarell", sans-serif;
  src: url("../fonts/Cantarell/Cantarell-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: "Cantarell", sans-serif;
  src: url("../fonts/Cantarell/Cantarell-Italic.ttf");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Cantarell", sans-serif;
  src: url("../fonts/Cantarell/Cantarell-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Cantarell", sans-serif;
  src: url("../fonts/Cantarell/Cantarell-BoldItalic.ttf");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "AlbertSans";
  src: url("../fonts/AlbertSans/AlbertSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/Comfortaa/Comfortaa-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/Comfortaa/Comfortaa-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/Comfortaa/Comfortaa-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/Comfortaa/Comfortaa-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/Comfortaa/Comfortaa-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}




.ff_1 {
	font-family: "Montserrat";
}

.ff_2 {
	font-family: "Montserrat";
	font-style: italic;
}

.ff_3 {
	font-family: "Montserrat";
	font-weight: 600;
}

.ff_4 {
	font-family: "Montserrat";
	font-weight: bold;
}

.ff_5 {
	font-family: "Montserrat";
	font-weight: bold;
	font-style: italic;
}

.ff_6 {
	font-family: "Comfortaa";
	font-weight: 500;
}

.ff_7 {
	font-family: "Comfortaa";
	font-weight: 700;
	font-style: normal;
}

.ff_8 {
	font-family: "Comfortaa";
	font-weight: 500;
	font-style: normal;
}

.ff_9 {
	font-family: "Comfortaa";
	font-weight: 400;
	font-style: normal;
}


/* FONT - FONT SIZE */

.font_size_050 {
	font-size: 0.50vmax;	
}

.font_size_070 {
	font-size: 0.70vmax;	
}

.font_size_072 {
	font-size: 0.72vmax;	
}

.font_size_075 {
	font-size: 0.75vmax;	
}

.font_size_080 {
	font-size: 0.80vmax;	
}

.font_size_085 {
	font-size: 0.85vmax;	
}

.font_size_100 {
	font-size: 1.00vmax;	
}

.font_size_125 {
	font-size: 1.25vmax;	
}

.font_size_150 {
	font-size: 1.50vmax;	
}

.font_size_155 {
	font-size: 1.55vmax;	
}

.font_size_175 {
	font-size: 1.75vmax;	
}

.font_size_180 {
	font-size: 1.80vmax;	
}

.font_size_200 {
	font-size: 2.00vmax;	
}

.font_size_225 {
	font-size: 2.25vmax;	
}

.font_size_250 {
	font-size: 2.50vmax;	
}

.font_size_260 {
	font-size: 2.60vmax;	
}

.font_size_275 {
	font-size: 2.75vmax;	
}

.font_size_290 {
	font-size: 2.90vmax;	
}

.font_size_300 {
	font-size: 3.00vmax;	
}


/* FONT - LETTER SPACING */

.letter_spacing_010 {
	letter-spacing: 0.10vmax;	
}

.letter_spacing_012 {
	letter-spacing: 0.12vmax;	
}

.letter_spacing_014 {
	letter-spacing: 0.14vmax;	
}

.letter_spacing_018 {
	letter-spacing: 0.18vmax;	
}

.letter_spacing_028 {
	letter-spacing: 0.28vmax;	
}

.letter_spacing_030 {
	letter-spacing: 0.30vmax;	
}

.letter_spacing_034 {
	letter-spacing: 0.34vmax;	
}

.letter_spacing_045 {
	letter-spacing: 0.45vmax;	
}

.letter_spacing_055 {
	letter-spacing: 0.55vmax;	
}

.letter_spacing_070 {
	letter-spacing: 0.70vmax;	
}


/* FONT - LINE HEIGHT */

.line_height_225  {
	line-height:2.25vmin;
}

.line_height_350 {
	line-height:3.50vmin;	
}

.line_height_400 {
	line-height:4.00vmin;	
}


/* STYLES - COMMON */

#page_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

#page_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

#dm_current_header_source {
	display: none;
	opacity: 0;
}

.page_content_shell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

.svg_cloak {
	display: none;
	opacity: 0;	
}

/* --- LOCALIZATION --- */

.loc_visible {
	
}

.loc_source {
	display: none;
	opacity: 0;
}

.loc_english {
	display: none;
	opacity: 0;
}

.loc_spanish {
	display: none;
	opacity: 0;
}

.loc_menu_shroud {
	display: none;
	opacity: 0;
	width: 100vw;
    height: 100vh;	
}

.loc_menu_shell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;	
}

.loc_menu_inner_shell {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 95vw;
    height: 95vh;	
}

.loc_menu_headline {
	margin-top: 20vh;
}

.loc_ul {
	margin-top: 15vh;
}

.loc_ul li:nth-child(n+2) {
	margin-top:8vh;
}

.loc_cloak {
	opacity: 0;
}

.loc_cloak_eng {
	opacity: 0;
}

.dynashell_primero.dysh_no_1.loc_cloak_eng {
	opacity: 0;
}

/* --- DYNASHELL --- */

.dynashell_primero {
	height: 94vh;
	width: 100vw;
	min-height: 94vh;
	min-width: 100vw;
}

.dynashell_primero.dysh_no_1 {
	display: flex;
	opacity: 1;
	flex-direction: column;
    justify-content: center;
	align-items: center;
}

.dynashell_primero.dysh_no_2.dysh_morph_1 {
/* A/V DYNASHELL */
	display: none;
	opacity: 0;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}

.dynashell_primero.dysh_no_2.dysh_morph_2 {
/* PHOTO DYNASHELL */
	display: none;
	opacity: 0;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}

.dynashell_primero.dysh_no_3 {
/* DYNAPASS */
	display: none;
	opacity: 0;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}

.dynashell_segundo.dysh_no_1 {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
    height: 100%;
	width: 100%;
}

.dynashell_segundo.dysh_no_1.dysh_morph_2 {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
	width: 100%;
}

.dynashell_segundo.dysh_no_2.dysh_morph_1 {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
	height: 85%;
	width: 68%;
}

.dynashell_segundo.dysh_no_2.dysh_morph_2 {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
}

.dynashell_segundo.dysh_no_3 {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
	height: 45%;
	width: 30%;
}

.dynashell_segundo.dysh_morph_3 {
	/* FOTOS-TWO */
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
	flex-wrap: wrap;
    height: 100%;
	width: 100%;
	max-width: 100vw;
	
}

.dynashell_tercero.dysh_no_1.dysh_morph_1 {
	display: flex;
	opacity: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 22%;
	width: 90%;
}

.dynashell_tercero.dysh_no_1.dysh_morph_2 {
	display: none;
	opacity: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dynashell_tercero.dysh_no_2.dysh_morph_1 {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
	height: 74%;
	width: 90%;
}

.dynashell_tercero.dysh_no_2.dysh_morph_2 {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
	height: 96%;
	width: 100%;
}

.dynashell_tercero.dysh_no_2.dysh_morph_3 {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 96%;
	width: 100%;
}

.dynashell_tercero.dysh_morph_4 {
	/* GALLERY SPLITTER */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
	height: 100%;
	width: 50%;
}

.dynashell_tercero.dysh_morph_4:nth-child(2) {
	/* GALLERY SPLITTER */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
	height: 100%;
	width: 50%;
}

.dynashell_tercero.dysh_morph_5 {
	/* FOTOS-TWO PHOTOBOX */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 23vmax;
	width: 23vmax;
	margin-left: 0.5vmax;
	margin-right: 0.5vmax;
}

.dynashell_tercero.dysh_morph_6 {
	/* FOTOS-TWO SPACER */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 2vmax;
	width: 100%;
	margin: 0;
	padding: 0;
}

.fotos_splitter_svg {
	display:flex;
	width: 70%;
	height: 70%;
}

.fotos_link {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	height: inherit;
	width: inherit;
	
}

.dynashell_cuarto.dysh_morph_3 {
	/* FOTOS-TWO PHOTOBOX */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 22vmax;
	width: 22vmax;
	overflow: hidden;
}

.fotos_two_thumbnail {
	display: flex;
	min-height: 20vmax;	
}

.dynashell_cuarto.dysh_no_1.dysh_morph_2{
	/* GALLERY SPLITTER */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 95%;
	width: 96%;
	margin-right: 1.25%;
}

.dynashell_cuarto.dysh_no_2.dysh_morph_2 {
	/* GALLERY SPLITTER */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 95%;
	width: 96%;
	margin-left: 1.25%;
}

.dynashell_cuarto.dysh_morph_2 h2 {
	margin-top: 8vh;	
}

.dynashell_cuarto.dysh_no_1.dysh_morph_1 {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 90%;
	width: 98%;
}

.dynashell_item_shell.dysh_morph_1 {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	min-height: 4.38vmax;
	max-height: 4.38vmax;
	width: 95vmax;
	border-radius: 0.3vmax;
	border-width: 0.07vmax;
	border-style: solid;
}

.dynashell_item_shell.dysh_morph_1.dynapass_secured {
	display: none;
	opacity: 0;
}

.dynashell_item_shell.dysh_morph_1:not(:first-child) {
	margin-top: 0.4vmin;
}

.dynashell_item_shell.dysh_morph_2 {
/* This item_shell morph is designed to sit inside of .dynashell_item_link */
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 100%;
	width: 100%;
}


.dynashell_item_link.dysh_morph_1:not(:first-child) {
	margin-top: 0.4vmin;
}

.dynashell_item_link {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	min-height: 4.38vmax;
	max-height: 4.38vmax;
	width: 95vmax;
	border-radius: 0.3vmax;
	border-width: 0.07vmax;
	border-style: solid;
}

 

/* .dynashell_item_link:not(:first-child) {
	margin-top: 0.4vmin;
} */

.dynashell_item_shell.dysh_morph_3 {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	height: 8.5vh;
	width: 96%;
	border-radius: 0.3vmax;
	border-width: 0.07vmax;
	border-style: solid;
}

/* .dynashell_item_shell.dysh_morph_3:not(:first-child) {
	margin-top: 0.4vmin;
} */


.dynashell_item_shell.dysh_morph_4 {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	height: 6.4vh;
	width: 98%;
	border-radius: 0.3vmax;
	border-width: 0.07vmax;
	border-style: solid;
}


.dynashell_source_shroud {
	display: none;
	opacity: 0;
} 




.dynashell_menu_wrap_inner_1 {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 100%;
	width: 100%;
	flex-grow: 1;
}

.scrollable-content {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    width: inherit;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
}


.dynashell_menu_wrap_inner_2 {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	width: 100%;
	min-height: 100%;
}

.dynashell_menu_description_headline {
	display: row;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	height: 6vh;
	width: 100%;
	
}

.dynashell_menu_description_subheadline {
	display: row;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	height: 4vh;
	width: 100%;
	margin-bottom: 0.5vh;
}

.dynashell_menu_description_maintxt {
	display: row;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	height: 20vh;
	width: 100%;
}







/* --- INDEX --- */

/* DIVS - INDEX */

#index_content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

#index_outer_shell {
/* Scaling (normally 100vw / 94vh) managed by .navbar_spacer_shell in navigation.css */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.index_inner_shell_1 {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
}

.index_inner_shell_2 {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 88vh;
	width: 100%;
}

#index_title_shell {
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 10%;
	width: 100%;
}

#index_logo_shell {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 60%;
	width: 100%;	
}

#index_title_shell_2 {
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 10%;
	width: 100%;
}

#index_logo_shell_2 {
	display: flex;
	flex-direction: column;
    justify-content: space-around;
    align-items: center;
	flex-wrap: wrap;
	height: 100%;
	width: 8vw;
}

#index_menu_logo {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 80%;	
}

#index_menu_logo_2 {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 100%;	
}

.index_title_text {
	display: flex;
	flex-direction: row;	
	width: 90vw;
	height: 100%;
}

#index_title_shell > .index_title_text {
	justify-content: center;
	align-items: center;
}

#index_title_shell_2 > .index_title_text {
	justify-content: center;
	align-items: center;
}

#index_menu_shell {
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 15%;
	width: 100%;	
}

.index_nav_shell {
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 10%;
	width: 100%;
	
}

#index_nav_options {
	display: flex;
	flex-direction: row;
	justify-content: center;
    align-items: center;
	width: 100%;
	height: 100%;
}

#index_nav_options ul {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
    align-items: center;
	width: 65%;
	height: 100%;
}

.nav_menu_bar_spacer.landing_page_footer {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.nav_menu_bar_spacer.landing_page_footer p {
	margin-right: 2vw;
}




/* --- CURSOS --- */

#cursos_content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

#cursos_outer_shell {
/* Scaling (normally 100vw / 94vh) managed by .navbar_spacer_shell in navigation.css */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.curso_shell {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 100%;
	width: 100%;
	border-radius: 0.3vmax;
	border-width: 0.07vmax;
	border-style: solid;	
}

.curso_shell_inner {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	height: 95%;
	width: 95%;
}

.curso_shell_inner_1 {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	height: 100%;
	width: 4.5%;
	border-right-width: 0.07vmax;
	border-right-style: solid;
	border-left-width: 0.07vmax;
	border-bottom-left-radius: 0.3vmax;
	border-top-left-radius: 0.3vmax;
	border-left-style: hidden;
}

.curso_shell_inner_2 {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 100%;
	width: 95.5%;
	border-right-width: 0.07vmax;
	border-bottom-right-radius: 0.3vmax;
	border-top-right-radius: 0.3vmax;
	border-right-style: hidden;
}

.curso_shell_headline {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 100%;
	width: 100%;
}

.curso_shell_headline h2 {
	margin-left: 0.8vw;
}

.curso_shell_subheadline {
	display: none;
	opacity: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
	height: 3vh;
	width: 100%;
	margin-bottom: 2.5vh;
}

.curso_media_icon {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 85%;
	min-height: 85%;
}

.curso_media_svg {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 100%;
	width: 100%;
}


.curso_shell_description {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	height: 32.5vh;
	width: 100%;
}

.curso_shell_description p {
	margin-bottom: 0.8vh;
}

.curso_shell_description p:last-child {
	margin-bottom: 0vh;
}

/* --- SISTEMA --- */

#dynamic_menu_content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

#dynamic_menu_outer_shell {
/* Scaling (normally 100vw / 94vh) managed by .navbar_spacer_shell in navigation.css */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.dynamic_menu_shell {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 9.3%;
	width: 96%;
	border-radius: 0.3vmax;
	border-width: 0.07vmax;
	border-style: solid;	
}

.blank_shell {
	opacity: 80%;
}

.dynamic_menu_shell_inner_1 {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	height: 100%;
	width: 4.5%;
	border-right-width: 0.07vmax;
	border-right-style: solid;
	border-left-width: 0.07vmax;
	border-bottom-left-radius: 0.3vmax;
	border-top-left-radius: 0.3vmax;
	border-left-style: hidden;
}

.dynamic_menu_shell_inner_2 {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 100%;
	width: 95.5%;
	border-right-width: 0.07vmax;
	border-bottom-right-radius: 0.3vmax;
	border-top-right-radius: 0.3vmax;
	border-right-style: hidden;
}


.dynamic_menu_shell_headline {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 100%;
	width: 100%;
}

.dynamic_menu_shell_headline h2 {
	margin-left: 0.8vw;
}

.dynamic_menu_shell_media_icon {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 85%;
	min-height: 85%;
}

.dynamic_menu_shell_media_svg {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 100%;
	width: 100%;
}


.audio_dynashell {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	height: 33vmax;
	width: 30vmax;
	/* 
	border-radius: 0.3vmax;
	*/
	border-width: 0.1vmax;
	border-style: solid;	
}

.audio_dynashell_headliner {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 3vmax;
	width: 30vmax;
	/*
	border-top-left-radius: 0.3vmax;
	border-top-right-radius: 0.3vmax;
	*/
	border-top-width: 0.1vmax;
	border-bottom-width: 0.1vmax;
	border-top-style: hidden;
	border-bottom-style: solid;
}

.audio_dynashell_column {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
	height: 100%;
	width: 100%;
}

.audio_dynashell_button_shell {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
	height: 90%;
	width: 8%;
	margin-left: -2.6vmax;
}

.audio_dynashell_media_wrap {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 30vmax;
	width: 30vmax;
}

.audio_dynashell_media_shell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 30vmax;
	width: 30vmax;
}

.video_dynashell {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	height: 100%;
	width: 100%;
	/* 
	border-radius: 0.3vmax;
	*/
	border-width: 0.1vmax;
	border-style: solid;	
}

.video_dynashell_headliner {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 6.5%;
	width: 100%;
	/*
	border-top-left-radius: 0.3vmax;
	border-top-right-radius: 0.3vmax;
	*/
	border-top-width: 0.1vmax;
	border-bottom-width: 0.1vmax;
	border-top-style: hidden;
	border-bottom-style: solid;
}

.video_dynashell_column {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
	height: 100%;
	width: 95%;
}

.video_dynashell_button_shell {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
	height: 90%;
	width: 5%;
}

.video_dynashell_media_wrap {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 93.5%;
	width: 100%;
}

.video_dynashell_media_shell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	width: 99%;
	height: 98.4%;
}



.dysh_position_lock {
	position: fixed;
	z-index: 400;
}



/* DYNAPASS */

.dynapass_unauthorized_source {
	display: none;
	opacity: 0;
	
}

.dynapass_authorized_source {
    display: none;
	opacity: 0;
}

.dynapass_content {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	height: 100%;
	width: 100%;
	/* 
	border-radius: 0.3vmax;
	*/
	border-width: 0.1vmax;
	border-style: solid;	
}

.dynapass_content_shell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 100%;
	width: 100%;		
}


.dynapass_headliner {
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
	height: 6.5%;
	width: 100%;
	/*
	border-top-left-radius: 0.3vmax;
	border-top-right-radius: 0.3vmax;
	*/
	border-top-width: 0.1vmax;
	border-top-style: hidden;
}


.dynapass_button_shell {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
	height: 90%;
	width: 5%;
}

.dynapass_password_txt {
	text-align: center;
	height: 2vmax;
	width: 12vmax;
}
















#fotos_outer_shell {
/* Scaling (normally 100vw / 94vh) managed by .navbar_spacer_shell in navigation.css */
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}







.photo_dynashell {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	height: 33vmax;
	width: 48vmax;
	/* 
	border-radius: 0.3vmax;
	*/
	border-width: 0.1vmax;
	border-style: solid;	
}

.photo_dynashell_row {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 30vmax;
	width: 48vmax;
	overflow: hidden;
}

.photo_dynashell_headliner {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	height: 3vmax;
	width: 48vmax;
	/*
	border-top-left-radius: 0.3vmax;
	border-top-right-radius: 0.3vmax;
	*/
	border-top-width: 0.1vmax;
	border-bottom-width: 0.1vmax;
	border-top-style: hidden;
	border-bottom-style: solid;
}

.photo_dynashell_column {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
	height: 100%;
	width: 100%;
}

.photo_dynashell_button_shell {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
	height: 90%;
	width: 8%;
	margin-left: -2.6vmax;
}

.photo_dynashell_media_wrap {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 30vmax;
	width: 30vmax;
}

.photo_dynashell_line_wrap {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 100%;
	width: 0.1vmax;
}

.photo_dynashell_line {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 98%;
	width: 0.08vmax;
}

.photo_dynashell_info_wrap {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	height: 30vmax;
	width: 17.9vmax;
}

.photo_dynashell_name_shell {
	margin-top: 1.5vmax;
	margin-bottom: 1.5vmax;
}

.photo_dynashell_media_shell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 98%;
	width: 30vmax;
}

.photo_dynashell_svg_shell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 15vmax;
	width: 15vmax;
}

.photo_dynashell_svg_shell svg {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 100%;
	width: 100%;
}

.photo_dynashell_video_button_wrap {
	display: none;
	opacity: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	height: 10vmax;
	width: 100%;
	margin-top: 4.2vmax;
	
}

.photo_dynashell_video_button_headline {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	height: 2vmax;
	width: 100%;
}

.photo_dynashell_video_button_shell {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	height: 3.5vmax;
	width: 90%;
	border-radius: 0.3vmax;
	border-width: 0.1vmax;
	border-style: hidden;
}

.photo_dynashell_video_button_shell svg {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 80%;
}

.photo_dynashell_video_button_shell h2 {
	margin-left: 1vmax;
}

.dysh_script_photo_dynashell_video_active {
	display: none;
	opacity: 0;
}



.dynashell_svg_cloak {
	display: none;
	opacity: 0;	
}

.dynashell_menu_wrap_inner_2.dysh_morph_2 {
	display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	
}

.dynashell_tercero.dysh_morph_5 {
	margin-top: 2vmax;	
}