.container_organigrama {
position: relative;
display: inline-block;
width: 100%;
background-color: #f2f2f2;
margin-top: 2%;
height: auto;
margin-bottom: 60px;
}
.elipse_asamblea {
background-color: #8a1235;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 3.5%;
text-align: center;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
margin: 0 -10px 0 10px;
}
.elipse_junta {
background-color: #8a1235;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 3%;
text-align: center;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
}
.linea_separadora1 {
color: #b2b2b2;
width: 385px;
float: left;
margin-top: 60px;
height: 1px!important;
opacity: 1;
}
.linea_separadora2 {
color: #b2b2b2;
width: 1022px;
float: left;
margin-top: 1px;
height: 1px!important;
opacity: 1;
clear: both;
margin-left: 60px;
}
.linea_separadora3 {
color: #b2b2b2;
width: 965px;
float: left;
margin-top: 0;
height: 1px!important;
opacity: 1;
clear: both;
margin-left: 60px;
}
.elipse_presidente {
background-color: #fff;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 4.5%;
text-align: center;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
border: 1px dashed #8a1235;
clear: both;
}
.elipse_vicepresidente {
background-color: #fff;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 2.5%;
text-align: center;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
border: 1px dashed #8a1235;
margin-left: 15px;
}
.elipse_secretario {
background-color: #fff;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 4.5%;
text-align: center;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
border: 1px dashed #8a1235;
margin-left: 15px;
}
.elipse_tesorero {
background-color: #fff;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 4.5%;
text-align: center;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
border: 1px dashed #8a1235;
margin-left: 15px;
}
.elipse_hoteles {
background-color: #fff;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 1.5%;
text-align: center;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
border: 1px dashed #8a1235;
margin-left: 15px;
}
.elipse_restaurantes {
background-color: #fff;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 3.5%;
text-align: center;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
border: 1px dashed #8a1235;
margin-left: 15px;
}
.elipse_nocturno {
background-color: #fff;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 3.5%;
text-align: center;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
border: 1px dashed #8a1235;
margin-left: 15px;
}
.elipse_equipo_tecnico {
background-color: #f8e590;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 3.5%;
text-align: center;
margin-top: 0%;
margin-left: 0px;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
clear: both;
}
.elipse_gerente {
background-color: #fcf0ba;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 4.5%;
text-align: center;
margin-top: 0%;
margin-left: 60px;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
clear: both;
}
.elipse_tecnico_proyectos {
background-color: #fcf0ba;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 3.5%;
text-align: center;
margin-top: 0%;
margin-left: 95px;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
}
.elipse_mas {
background-color: #8a1235;
width: 40px;
height: 40px;
border-radius: 50%;
position: relative;
float: left;
margin-top: 35px;
text-align: center;
margin-left: 20px;
}
.elipse_mas_interior {
font-weight: 400;
;
font-size: 70px;
color: #fff;
margin-top: -32px;
}
.elipse_mas_pequena {
background-color: #8a1235;
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
float: left;
margin-top: 10px;
text-align: center;
margin-left: 45px;
}
.elipse_mas_pequena2 {
background-color: #8a1235;
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
float: left;
margin-top: 0px;
text-align: center;
margin-left: 45px;
}
.texto-informativo {
float: left;
margin-top: 30px;
margin-left: 10px;
}
.texto-informativo-up {
font-weight: 700;
color: #8a1235;
font-size: 19px;
}
.texto-informativo-down {
font-weight: 500;
font-size: 17px;
}
.vertical-1 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 570px;
width: auto;
opacity: 1;
clear: both;
top: 1px;
}
.vertical-2 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 60px;
width: auto;
opacity: 1;
clear: both;
margin-top: -17px;
}
.vertical-3 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 145px;
margin-top: -17px;
opacity: 1;
}
.vertical-4 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 145px;
margin-top: -17px;
opacity: 1;
}
.vertical-5 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 145px;
margin-top: -17px;
opacity: 1;
}
.vertical-6 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 145px;
margin-top: -17px;
opacity: 1;
}
.vertical-7 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 145px;
margin-top: -17px;
width: auto;
opacity: 1;
}
.vertical-8 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 145px;
margin-top: -17px;
width: auto;
opacity: 1;
}
.vertical-8-1 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 145px;
margin-top: -17px;
width: auto;
opacity: 1;
}
.vertical-9 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 60px;
margin-top: 0px;
clear: both;
opacity: 1;
}
.vertical-10 {
border-left: 1px solid #b2b2b2;
height: 40px;
position: relative;
float: left;
margin-left: 60px;
margin-top: 0px;
opacity: 1;
clear: both;
}
.vertical-11 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 120px;
margin-top: -16px;
opacity: 1;
clear: both;
}
.vertical-12 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 225px;
margin-top: -16px;
opacity: 1;
}
.vertical-13 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 225px;
margin-top: -16px;
opacity: 1;
}
.vertical-14 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 225px;
margin-top: -16px;
opacity: 1;
}
.vertical-15 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 225px;
margin-top: -16px;
opacity: 1;
}
.vertical-16 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 120px;
margin-top: 0px;
opacity: 1;
clear: both;
}
.vertical-17 {
border-left: 1px solid #b2b2b2;
height: 110px;
position: relative;
float: left;
margin-left: 225px;
margin-top: 0px;
opacity: 1;
}
.vertical-18 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 225px;
margin-top: 0px;
opacity: 1;
}
.vertical-19 {
border-left: 1px solid #b2b2b2;
height: 110px;
position: relative;
float: left;
margin-left: 225px;
margin-top: 0px;
opacity: 1;
}
.vertical-20 {
border-left: 1px solid #b2b2b2;
height: 30px;
position: relative;
float: left;
margin-left: 225px;
margin-top: 0px;
opacity: 1;
}
.elipse_bares {
background-color: #fff;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 40px;
text-align: center;
margin-left: 31px;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
}
.elipse_director_gerente {
background-color: #fff;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 3.5%;
text-align: center;
margin-left: 380px;
clear: both;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
}
.elipse_formacion {
background-color: #f9e590;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 3.5%;
text-align: center;
margin-left: 50px;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
}
.elipse_economico_financiero {
background-color: #f9e590;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 2.5%;
text-align: center;
margin-left: 50px;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
}
.elipse_administracion {
background-color: #fcf0ba;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 4.5%;
text-align: center;
margin-left: 95px;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
}
.elipse_asesor_juridico {
background-color: #fcf0ba;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 3.5%;
text-align: center;
margin-left: 95px;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
}
.elipse_asesora_economica_financiera {
background-color: #fcf0ba;
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
float: left;
padding-top: 2.5%;
text-align: center;
margin-left: 95px;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
}
.elipse_asamblea span {
color: #fff;
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 18px;
}
.elipse_junta span {
color: #fff;
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 18px;
}
.elipse_presidente span {
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 15px;
color: #8a1235;
}
.elipse_presidente img {
margin-top: 12px;
cursor: pointer;
}
.elipse_vicepresidente span {
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 15px;
color: #8a1235;
}
.elipse_vicepresidente img {
margin-left: 5px;
margin-top: 12px;
cursor: pointer;
}
.elipse_secretario span {
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 15px;
color: #8a1235;
}
.elipse_secretario img {
margin-top: 12px;
cursor: pointer;
}
.elipse_tesorero span {
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 15px;
color: #8a1235;
}
.elipse_tesorero img {
margin-top: 12px;
cursor: pointer;
float: left;
margin-left: 50px;
}
.elipse_hoteles span {
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 15px;
color: #8a1235;
}
.elipse_hoteles img {
margin-top: 0px;
cursor: pointer;
margin-left: 50px;
clear: both;
float: left;
}
.elipse_restaurantes span {
font-weight: 700;
padding: 1%;
text-decoration: none;
font-size: 15px;
color: #8a1235;
}
.elipse_restaurantes img {
margin-top: 0px;
cursor: pointer;
margin-left: 50px;
clear: both;
float: left;
}
.elipse_bares span {
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 15px;
color: #8a1235;
}
.elipse_bares img {
margin-top: 0px;
cursor: pointer;
margin-left: 50px;
clear: both;
float: left;
}
.elipse_nocturno span {
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 15px;
color: #8a1235;
}
.elipse_nocturno img {
margin-top: 0px;
cursor: pointer;
margin-left: 50px;
clear: both;
float: left;
}
.elipse_equipo_tecnico span {
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 15px;
color: #8a1235;
}
.elipse_gerente span {
font-weight: 700;
padding: 3%;
text-decoration: none;
color: #8a1235;
}
.elipse_tecnico_proyectos span {
font-weight: 700;
padding: 3%;
text-decoration: none;
color: #8a1235;
}
.elipse_administracion span {
font-weight: 700;
padding: 3%;
text-decoration: none;
font-size: 14px;
color: #8a1235;
}
.elipse_asesor_juridico span {
font-weight: 700;
padding: 3%;
text-decoration: none;
color: #8a1235;
}
.elipse_asesora_economica_financiera span {
font-weight: 700;
padding: 3%;
text-decoration: none;
color: #8a1235;
}
.nivel1,
.nivel2,
.nivel3 {
position: relative;
width: 100%;
display: none;
padding-left: 10px;
}
.container_datos_equipo_tecnico1,
.container_datos_equipo_tecnico2 {
display: inline-block;
position: relative;
float: left;
width: 100%;
}
.container_datos_equipo_tecnico1>div:nth-of-type(1) {
position: relative;
float: left;
width: 310px;
text-align: center;
margin-left: -25px;
font-weight: 700;
color: #8a1235;
margin-top: -80px;
}
.container_datos_equipo_tecnico1>div:nth-of-type(2) {
position: relative;
float: left;
width: 310px;
text-align: center;
margin-left: 415px;
font-weight: 700;
color: #8a1235;
margin-top: -80px;
}
.container_datos_equipo_tecnico1>div:nth-of-type(3) {
position: relative;
float: left;
width: 310px;
text-align: center;
margin-left: 875px;
font-weight: 700;
color: #8a1235;
margin-top: -80px;
}
.container_datos_equipo_tecnico2>div:nth-of-type(1) {
position: relative;
float: left;
width: 385px;
text-align: center;
margin-left: 145px;
font-weight: 700;
color: #8a1235;
margin-top: 0px;
}
.container_datos_equipo_tecnico2>div:nth-of-type(2) {
position: relative;
float: left;
width: 305px;
text-align: center;
margin-left: 135px;
font-weight: 700;
color: #8a1235;
}
.container_datos_equipo_tecnico1>div>div,
.container_datos_equipo_tecnico2>div>div {
position: relative;
width: 100%;
display: inline-block;
}
.info-content {
position: relative;
width: 100%;
background-color: #fff;
padding: 65px 0;
display: none;
}
.info-content .container {
display: flex;
flex-wrap: wrap;
}
.mas-info>div:nth-of-type(1) {
margin-top: 40px;
font-weight: 700;
color: #8a1235;
font-size: 19px;
}
.mas-info>div:nth-of-type(2) {
font-weight: 500;
font-size: 19px;
border-bottom: 2px dotted #8a1235;
padding-bottom: 10px;
}
.mas-info>div:nth-of-type(3) {
font-weight: 700;
color: #8a1235;
font-size: 19px;
padding-top: 15px;
}
.mas-info>div:nth-of-type(4) {
font-weight: 500;
color: #8a1235;
font-size: 19px;
}
.mas-info-foto {
padding-right: 30px;
border-radius: 50%;
}
.mas-info-foto img {
width: 130px;
height: 130px;
object-fit: cover;
border-radius: 100px;
box-shadow: 0px 0px 12px -2px rgb(0 0 0);
border: 1px dashed #8a1235;
}
.container_organigrama .elipse img {
cursor: pointer;
position: absolute;
bottom: 8px;
left: calc(50% - 12px);
margin: 0;
width: 24px;
;
}
.btn-menos {
display: none;
}
@media only screen and (max-width: 1220px) {
.container_organigrama .elipse img {
bottom: 6px;
left: calc(50% - 11px);
width: 22px;
}
.elipse_asamblea {
width: 100px;
height: 100px;
padding-top: 2.5%;
}
.elipse_asamblea span {
font-size: 12px;
}
.elipse_junta {
width: 100px;
height: 100px;
padding-top: 2.5%;
}
.elipse_junta span {
font-size: 12px;
}
.elipse_presidente {
width: 100px;
height: 100px;
padding-top: 2.5%;
}
.elipse_presidente span {
font-size: 12px;
}
.elipse_presidente img {
width: 20px;
}
.elipse_vicepresidente {
width: 100px;
height: 100px;
padding-top: 0.5%;
}
.elipse_vicepresidente span {
font-size: 12px;
}
.elipse_vicepresidente img {
width: 20px;
margin-top: 6px;
}
.elipse_secretario {
width: 100px;
height: 100px;
padding-top: 2.5%;
}
.elipse_secretario span {
font-size: 12px;
}
.elipse_secretario img {
width: 20px;
}
.elipse_tesorero {
width: 100px;
height: 100px;
padding-top: 2.5%;
}
.elipse_tesorero span {
font-size: 12px;
}
.elipse_tesorero img {
width: 20px;
margin-left: 40px;
}
.elipse_hoteles {
width: 100px;
height: 100px;
padding-top: 1.5%;
line-height: 1;
}
.elipse_hoteles span {
font-size: 12px;
}
.elipse_hoteles img {
width: 20px;
margin-top: 1px;
cursor: pointer;
margin-left: 40px;
clear: both;
float: left;
}
.elipse_restaurantes {
width: 100px;
height: 100px;
padding-top: 2.5%;
line-height: 1;
}
.elipse_restaurantes span {
font-size: 12px;
}
.elipse_restaurantes img {
width: 20px;
margin-left: 40px;
margin-top: 5px;
}
.elipse_bares {
width: 100px;
height: 100px;
padding-top: 2.5%;
line-height: 1;
}
.elipse_bares span {
font-size: 12px;
}
.elipse_bares img {
width: 20px;
margin-left: 40px;
margin-top: 5px;
}
.elipse_nocturno {
width: 100px;
height: 100px;
padding-top: 2.5%;
line-height: 1;
}
.elipse_nocturno span {
font-size: 12px;
}
.elipse_nocturno img {
width: 20px;
margin-left: 40px;
margin-top: 5px;
}
.elipse_equipo_tecnico {
width: 100px;
height: 100px;
padding-top: 3.5%;
line-height: 1;
}
.elipse_equipo_tecnico span {
font-size: 12px;
}
.elipse_equipo_tecnico img {
width: 20px;
margin-left: 40px;
margin-top: 5px;
}
.elipse_gerente {
width: 100px;
height: 100px;
padding-top: 4%;
line-height: 1;
margin-left: 70px;
margin-top: -10px;
}
.elipse_gerente span {
font-size: 12px;
}
.elipse_gerente img {
width: 20px;
margin-left: 40px;
margin-top: 5px;
}
.elipse_tecnico_proyectos {
width: 100px;
height: 100px;
padding-top: 3.5%;
line-height: 1;
margin-left: 50px;
}
.elipse_tecnico_proyectos span {
font-size: 12px;
}
.elipse_tecnico_proyectos img {
width: 20px;
margin-left: 40px;
margin-top: 5px;
}
.elipse_administracion {
width: 100px;
height: 100px;
padding-top: 3.5%;
line-height: 1;
margin-left: 50px;
}
.elipse_administracion span {
font-size: 14px;
}
.elipse_administracion img {
width: 20px;
margin-left: 40px;
margin-top: 5px;
}
.elipse_asesor_juridico {
width: 100px;
height: 100px;
padding-top: 3.5%;
line-height: 1;
margin-left: 50px;
}
.elipse_asesor_juridico span {
font-size: 12px;
}
.elipse_asesor_juridico img {
width: 20px;
margin-left: 40px;
margin-top: 5px;
}
.elipse_asesora_economica_financiera {
width: 100px;
height: 100px;
padding-top: 3.5%;
line-height: 1;
}
.elipse_asesora_economica_financiera span {
font-size: 12px;
}
.elipse_asesora_economica_financiera img {
width: 20px;
margin-left: 40px;
margin-top: 5px;
}
.vertical-1 {
margin-left: 455px;
}
.linea_separadora1 {
width: 315px;
}
.linea_separadora2 {
width: 836px;
margin-left: 50px;
}
.linea_separadora3 {
width: 665px;
}
.vertical-2 {
margin-left: 50px;
}
.vertical-3,
.vertical-4,
.vertical-5,
.vertical-6,
.vertical-7 {
margin-left: 115px;
}
.vertical-8 {
margin-left: 109px;
}
.vertical-9 {
margin-left: 50px;
}
.vertical-12,
.vertical-13,
.vertical-14,
.vertical-15,
.vertical-17,
.vertical-18,
.vertical-19,
.vertical-20 {
margin-left: 150px;
}
.elipse_tecnico_proyectos,
.elipse_administracion,
.elipse_asesor_juridico,
.elipse_asesora_economica_financiera {
margin-left: 50px;
margin-top: -10px;
}
.container_datos_equipo_tecnico1>div>div,
.container_datos_equipo_tecnico2>div>div {
font-size: 13px;
}
.container_datos_equipo_tecnico1>div:nth-of-type(2) {
margin-left: 265px !important;
}
.container_datos_equipo_tecnico1>div:nth-of-type(3) {
margin-left: 575px !important;
}
.container_datos_equipo_tecnico2>div:nth-of-type(1) {
margin-left: 70px !important;
}
.container_datos_equipo_tecnico2>div:nth-of-type(2) {
margin-left: -40px !important;
}
.elipse_mas {
width: 25px;
height: 25px;
margin-top: 35px;
}
.elipse_mas_interior {
font-size: 50px;
margin-top: -25px;
}
.texto-informativo-up {
font-size: 17px;
}
.texto-informativo-down {
font-size: 14px;
}
}
@media only screen and (max-width: 920px) {
.nivel1 {
width: calc(100% - 100px);
z-index: 1;
position: absolute;
top: 100px;
left: 100px;
}
.elipse_asamblea,
.elipse_junta {
float: none;
margin: 0 0 0 10px;
}
.linea_separadora1 {
float: none;
width: 1px;
height: 200px !important;
margin: 0 0 0 60px;
}
.elipse_mas {
position: absolute;
top: 5px;
left: 155px;
}
.texto-informativo {
position: absolute;
top: 0;
left: 200px;
}
.vertical-1 {
float: none;
width: 50px;
height: 1px;
border: 0;
background-color: #b2b2b2;
display: block;
margin: 0;
position: relative;
top: 250px;
left: 0;
}
.vertical-2,
.vertical-3,
.vertical-4,
.vertical-5,
.vertical-6,
.vertical-7,
.vertical-8,
.vertical-11,
.vertical-12,
.vertical-13,
.vertical-14,
.vertical-15,
.vertical-16,
.vertical-17,
.vertical-18,
.vertical-19,
.vertical-20 {
display: none;
}
.linea_separadora2 {
float: none;
width: 1px !important;
height: 774px !important;
border: 0;
background-color: #b2b2b2;
position: absolute;
top: 60px;
left: 10px;
}
.nivel1 .elipse {
float: none;
margin: 10px 110px;
}
.nivel1 .elipse::before {
content: '';
width: 60px;
height: 1px;
background-color: #b2b2b2;
position: absolute;
top: 50%;
left: -60px;
}
.nivel2 {
position: relative;
margin-bottom: -200px;
}
.vertical-9 {
border-left: 1px solid #b2b2b2;
height: 695px;
position: relative;
float: left;
margin-left: 50px;
margin-top: 0px;
clear: both;
opacity: 1;
}
.vertical-10 {
height: 1px;
width: 50px;
border: 0;
background-color: #b2b2b2;
float: left;
top: -45px;
left: 40px;
}
.linea_separadora3 {
float: none;
width: 1px;
height: 661px !important;
border: 0;
background-color: #b2b2b2;
top: 654px;
left: 100px;
position: absolute;
}
.nivel2 .elipse:not(.elipse_equipo_tecnico) {
float: none;
margin: 0 0 65px 210px;
position: relative;
top: -192px;
}
.nivel2 .elipse:not(.elipse_equipo_tecnico)::before {
content: '';
width: 60px;
height: 1px;
background-color: #b2b2b2;
position: absolute;
top: 50%;
left: -60px;
}
.nivel3 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding-top: 996px;
padding-left: 160px;
overflow: hidden;
}
.container_datos_equipo_tecnico1,
.container_datos_equipo_tecnico2 {
position: inherit !important;
display: block !important;
width: calc(100% - 160px);
}
.container_datos_equipo_tecnico1>div:nth-of-type(1),
.container_datos_equipo_tecnico1>div:nth-of-type(2),
.container_datos_equipo_tecnico1>div:nth-of-type(3),
.container_datos_equipo_tecnico2>div:nth-of-type(1),
.container_datos_equipo_tecnico2>div:nth-of-type(2) {
float: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
text-align: left !important;
left: 15px;
max-width: 100%;
height: 32px;
line-height: 15px;
line-break: anywhere;
}
.container_datos_equipo_tecnico1>div:nth-of-type(1) {
top: 115px;
}
.container_datos_equipo_tecnico2>div:nth-of-type(1) {
top: 280px;
}
.container_datos_equipo_tecnico1>div:nth-of-type(2) {
top: 415px;
}
.container_datos_equipo_tecnico2>div:nth-of-type(2) {
top: 580px;
}
.container_datos_equipo_tecnico1>div:nth-of-type(3) {
top: 715px;
}
}
@media only screen and (max-width: 480px) {
.elipse_mas {
margin-top: 5px;
top: 5px;
left: 100px;
}
.texto-informativo {
margin-top: 0;
top: 0;
left: 145px;
}
.linea_separadora2 {
left: -5px;
}
.linea_separadora3 {
left: 85px;
}
.vertical-1,
.vertical-10 {
width: 35px;
}
.nivel1 .elipse {
margin: 10px 95px;
}
.nivel2 .elipse:not(.elipse_equipo_tecnico) {
margin: 0 0 65px 195px;
}
.nivel3 {
padding-left: 145px;
}
.mas-info>div:nth-of-type(2),
.mas-info>div:nth-of-type(4) {
font-size: 16px;
}
}
.container_organigrama .elipse {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0;
}
.elipse_administracion {
line-break: anywhere;
}