@font-face {
  font-family: 'Druk Text Web Bold';
  src: url('../druk/DrukText-Bold-Web.eot');
  src: url('../druk/DrukText-Bold-Web.eot?#iefix') format('embedded-opentype'),
  url('../druk/DrukText-Bold-Web.woff2') format('woff2'),
  url('../druk/DrukText-Bold-Web.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  }
  @font-face {
    font-family: 'Druk Text Web Medium';
    src: url('../druk/DrukText-Medium-Web.eot');
    src: url('../druk/DrukText-Medium-Web.eot?#iefix') format('embedded-opentype'),
    url('../druk/DrukText-Medium-Web.woff2') format('woff2'),
    url('../druk/DrukText-Medium-Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
  }

body {
  font-size: 1rem;
  font-family: 'Georgia';
  color: #000000 !important;
}

#ficha{
  background-color: #d9ebf1 !important;
}
#ficha2{
  background-color: #d5edea !important;
}
.row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

h1 {
	font-family: 'Druk Text Web Bold', sans-serif !important;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1em !important;
}

h2, h3, h4, h5, h6 {
	font-family: 'Druk Text Web Medium', sans-serif !important;
	font-weight: 500;
	text-transform: uppercase;
  line-height: 1em !important;
  color: #000000 !important;
}

p{
  /* font-family: 'Georgia' !important; */
  font-family: "Open Sans", sans-serif !important;
  line-height: 1.2 !important;
  /* font-weight: 300; */
  font-size: 20px;
  color: #000000;
}

a {
  color: #000 !important;
  text-decoration: none !important;
}

a:hover{
  text-decoration: none !important;
}


.mobile {
  display: none;
}

.block video{
  margin-top: -100px;
}

.intro h2{
  font-family: 'Druk Text Web Bold', sans-serif !important;
  margin: 0;
  color: #000;
  text-transform:uppercase;
  font-weight: 300;
  font-size: 50px;
  line-height: 1.2 !important;
}

.intro h3{
  font-family: "Open Sans", sans-serif !important;
  margin: 0;
  color: #000;
  text-transform: none;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.2 !important;
}

.texto{
padding: 2em 0;
}

.texto h3{
font-size: 43px !important;
}

.logo img {
  width: 55%;
}

.logo2 img {
  width: 60%;
}

.graficos{
  padding-bottom: 10px;
}
.graficos h3{
font-size:33px;
color: #000000;
text-align: left;
opacity: 100%;
}
.graficos p{
font-size:20px;
text-align: left;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
font-weight: 200;
padding-top: 20px;
line-height: 1.2;
}

hr {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  border: 0 !important;
  border-top: 2px solid #000000 !important;
}

.quote1 h2{
  color: #000000;
  text-align: center;
  line-height: 1.1 !important;
  font-size: 3em;
  font-weight: 800;
  text-transform: uppercase;
}
.quote1 h2 span{
  color: #ed1c24;
  font-size: 1.1em;
  font-weight: 800;
  text-transform: uppercase;
}
.quote1 h3 {
  font-family: "Open Sans", sans-serif !important;
  color: #505050 !important;
  font-size: 1.1em;
  font-weight: 200;
  text-transform: none;
}

.titleTab-cincuenta h2 {
  color: #000000;
  border-bottom: 17px solid #000;
  border-top: 17px solid #000;
  font-family: 'Six Caps', sans-serif !important;
  padding: 0;
  font-size: 160px;
  text-align: center;
  line-height: 1;
}

.titleTab-regional h2 {
  color: #000000;
  border-bottom: 17px solid #745aad;
  border-top: 17px solid #745aad;
  font-family: 'Six Caps', sans-serif !important;
  padding: 0;
  font-size: 160px;
  text-align: center;
  line-height: 1;
}

.titleTab-especialidad h2 {
  color: #000000;
  border-bottom: 17px solid #3989b8;
  border-top: 17px solid #3989b8;
  font-family: 'Six Caps', sans-serif !important;
  padding: 0;
  font-size: 160px;
  text-align: center;
  line-height: 1;
}

.titleTab-pequenos h2 {
  color: #000000;
  border-bottom: 17px solid #DC725B;
  border-top: 17px solid #DC725B;
  font-family: 'Six Caps', sans-serif !important;
  padding: 0;
  font-size: 160px !important;
  text-align: center;
  line-height: 1;
}

.titleTab-analisis h2 {
  color: #000000;
  border-bottom: 17px solid #b996be;
  border-top: 17px solid #b996be;
  font-family: 'Six Caps', sans-serif !important;
  padding: 0;
  font-size: 160px;
  text-align: center;
  line-height: 1;
}


.colapseBtn {
  text-align: center;
  padding: 40px 0;
  /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgb(255, 255, 255) 100%);
  mix-blend-mode: screen; */
}

.colapseBtn p { 
  color: white;
  font-size: 14px;
  font-family: "Open Sans", sans-serif !important;
}

.btn-vm {
  color: #000000;
  background-color: #ffffff;
  border-bottom: 3px solid #26a9e0 !important;
  border-top: 3px solid #26a9e0 !important;
  border-radius: 0px !important;
}

.btn-vm:hover {
  color: #ffffff !important;
  background-color: #26a9e0 !important;
  border: none !important;
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(255, 255, 255) !important;
}

.btn-vm:active {
  color: #212529;
  background-color: #ffffff;
  border: none !important;
}

.pie-foto p{
  font-size: 12px;
  font-weight: 200;
  text-align: center !important;
  color: #4c4c4c !important;
  font-family: 'Lato' !important;
}

.datoDestacado {
  padding: 3em 0 2em 0;
}

.datoDestacado p {
  font-size: 14px;
}

.destacado h2{
  font-family: 'Druk Text Web Bold', sans-serif !important;
  text-align: center !important;
  font-size: 180px;
  line-height: 0.8em !important;
  color: #26a9e0 !important;
}

.destacado2 h2{
  font-family: 'Druk Text Web Bold', sans-serif !important;
  text-align: center !important;
  font-size: 92px;
  line-height: 0.9em !important;
  color: #26a9e0 !important;
}

.hide_row {
  display: none !important;
}

.data-highlight{
  background-color: #ededee !important;
 }

.datos {
  text-align: left;
  border-width: 4px;
  padding: 20px;
  width: 400px;
  color:#009ac6;

}

.textonaranja {
  color:#f95f3a  !important;
}

.naranja {
  color: #fff !important;
  background-color: #fb3a44 !important;
}

.naranja h3{
  color: #fff !important;
}

.morado{
  color: #000 !important;
  background-color: #c6e1f8 !important;
}

.morado strong{
  color: #000 !important;
  background-color: #c6e1f8 !important;
  font-family: 'Druk Text Web Medium', sans-serif !important;
}

.morado2{
  color: #000 !important;
  background-color: #f3e5f3 !important;
  font-size: 1.5em;
}

.morado2 h3{
  font-size: 1.5em !important;
}

.morado2 strong{
  color: #000 !important;
  background-color: #f6eaf6 !important;
  font-family: 'Druk Text Web Medium', sans-serif !important;
}

.moradofuerte{
  color: #000 !important;
  background-color: #7dc1ef !important;
}

.moradofuerte h3{
  font-size: 4em;
}

.fondomorado {
 background-color: #f4eaf4 ;
}

.fondoazulclaro{
  background-color: #F7F9FD;
}

.fondoazulclaro2{
  background-color: #F7F9FD;
}

.fondoazulclaro h2{
  font-size: 40px;
}

.fondoazulclaro h3{
  font-size: 30px;
  color: #8ba3d4 !important;
}

.fondoazulclaro h4{
  font-size: 70px;
  color: #000 !important;
  font-family: 'Druk Text Web Medium', sans-serif !important;
  font-weight: 500 !important;
}

.fondonegro{
  background-color: #000;
}

.letraroja{
  color: #e01019 !important;
  font-weight: bold;
}


.letrablanca{
  color: #fff !important;
}

.letraroja2{
  color: #e01019 !important;
  font-size: 50px !important;
  font-weight: bold;
}

.fondoazulclaro h5{
  font-size: 50px;
  color: #e01019 !important;
  font-family: 'Druk Text Web Medium', sans-serif !important;
  font-weight: 500 !important;
}

.moradohr {
  border-top: 17px solid #613980;
}

.rojohr {
  border-top: 17px solid #e01019;
}


.fondoazul{
  background-color: #CFEDFE;
}

.letraazul{
  color: #0081D4 !important;
}

.fondorosa{
  background-color: #F7DBD3;
}



/* estilos para cambio de img mobile/desk  */
.mobile{ 
	display: none;
}
.desk{
	display: block;
}
/* estilos para cambio de img mobile/desk  */


/***** tabla para fichas ******/
label{
  font-size: 1.1em !important;
  color: #242424;
  font-weight: 400 !important;
  line-height: 0.9em ;
  padding: 14px 14px 5px 14px; 
}
label input{
  border: 1.5px solid #000000;
  margin: 2px;
}
label select{
  color: #242424;
  border-radius: 0px !important;
  border-style: none !important;
  margin: 2px;
  font-family: 'Lato' !important;
  font-weight: 900;
}

table img{
  max-width: 70px;
}

td{
  border-top: 1px solid #a3a3a3 !important;
}

.autor p{
  font-family: 'Open Sans',sans-serif !important;
  font-size:20px;
  color: #000000;
  text-align: center;
}

.indicacion{
  padding: 10px 0;
}
.indicacion h3{
font-family: 'Open Sans',sans-serif !important;
font-weight: 600 !important;
font-size:24px;
color: #2D2A83 !important;
text-align: center;
opacity: 100%;
text-transform: none;
}

.indicacion img{
  width: 45px;
}

.agregados {
  transition: transform .7s;
  text-align: center;
}

.agregados h6{
  color: #ffffff !important;
  padding: 10px;
  background-color: #E62127;
  margin: 5px auto;
  position: relative;
  font-size: 30px !important;
  font-weight: bold;
  border-radius: 15px;
}

.agregados:hover{
  transform: scale(1.2);
}

.agregados2 {
  transition: transform .7s;
  text-align: center;

}

.agregados2:hover{
transform: scale(1.2);
}

.agregados {
  transition: transform .7s;
  text-align: center;
}

.agregadoscincuenta h6{
  color: #ffffff !important;
  padding: 10px;
background-color: #0081D4;
  margin: 20px auto;
  position: relative;
  font-size: 33px !important;
  font-weight: bold;
  -webkit-border-radius: 10px;
border-radius: 15px;
}

.agregadoscincuenta:hover{
  transform: scale(1.2);
}

.agregadoscincuenta {
  transition: transform .7s;
  text-align: center;

}

.agregadoscincuenta:hover{
transform: scale(1.2);
}

.agregadosregional h6{
  color: #ffffff !important;
  padding: 10px;
background-color: #745AAD;
  margin: 5px auto;
  position: relative;
  font-size: 33px !important;
  font-weight: bold;
  -webkit-border-radius: 10px;
  border-radius: 15px;
}

.agregadosregional:hover{
  transform: scale(1.2);
}

.agregadosregional {
  transition: transform .7s;
  text-align: center;

}

.agregadosregional:hover{
transform: scale(1.2);
}


.agregadosespecialidad h6{
  color: #ffffff !important;
  padding: 10px;
background-color: #3989B8;
  margin: 5px auto;
  position: relative;
  font-size: 33px !important;
  font-weight: bold;
  -webkit-border-radius: 10px;
  border-radius: 15px;
}

.agregadosespecialidad:hover{
  transform: scale(1.2);
}

.agregadosespecialidad {
  transition: transform .7s;
  text-align: center;

}

.agregadosespecialidad:hover{
transform: scale(1.2);
}

.agregadospequenos h6{
  color: #ffffff !important;
  padding: 10px;
  background-color: #FB3A44;
  margin: 5px auto;
  position: relative;
  font-size: 33px !important;
  font-weight: bold;
  -webkit-border-radius: 10px;
  border-radius: 15px;
}

.agregadospequenos:hover{
  transform: scale(1.2);
}

.agregadospequenos {
  transition: transform .7s;
  text-align: center;

}

.agregadospequenos:hover{
transform: scale(1.2);
}

.agregadosegresos h6{
  color: #ffffff !important;
  padding: 10px;
  background-color: #000;
  margin: 5px auto;
  position: relative;
  font-size: 33px !important;
  font-weight: bold;
  -webkit-border-radius: 10px;
  border-radius: 15px;
}

.agregadosegresos:hover{
  transform: scale(1.2);
}

.agregadosegresos {
  transition: transform .7s;
  text-align: center;

}

.agregadosegresos:hover{
transform: scale(1.2);
}

.expertos img{
  width: 100%;
  text-align: center;
}

.a-box {
  display: inline-block;
  text-align: center;
  padding-top:20px ;
}

.img-container {
    width: 200px;
    overflow: hidden;
    border-radius: 0px 0px 100px 100px;
    display: inline-block;
}

/* .img-container img {
    height: 250px;
    margin: -35px 0px 0px -70px;
} */

.inner-skew {
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
    padding: 0px;
    /* margin: 30px 0px 0px 0px;
    height: 250px; */
    width: 200px;
}

.text-container {
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  padding: 120px 20px 20px 20px;
  border-radius: 20px;
  background: #fff;
  margin: -120px 0px 0px 0px;
  line-height: 1.3;
  font-size: 18px;
}

.text-container h3 {
  margin: 10px 0px;
  font-size: 33px;
}


.metod h2{
  font-size: 4.5em !important;
  padding-bottom: 50px;
  text-align: center;
}

.metod p{
text-align: left;
}

.logo img {
  width: 70%;
}

.creditos h6{
  font-size: 0.8em;
  padding-bottom: 7px;
  color: #000000 !important;
}

.creditos p{
  font-family: 'Georgia',serif !important;
  font-size: 12px;
  color: #000000 !important;
}

.creditos strong{font-family: 'Roboto',sans-serif;}

/******************redes******************/
.redes {
  opacity: 1;
  max-width: 35px !important;
  margin: 0px 5px;
  transition: transform .3s; /* Animation */
}

.redes:hover{
  opacity: 0.8;
     transform: scale(1.2);
}

/******************redes******************/


.iframe{width: 100%;
  height: 400px;
  border-style: solid;
  border-width: 2px;
  border-color: #000;
  padding: 50px;

}

.head_table{background-color: #b3b3b3 !important;}
.head_exp{top:0px;background-color: #ed1c24;padding: 0.7em;left: 0px;position: fixed;display: block;width: 100%; border-bottom-color: #000;
  border-right-width: 2px;border-bottom-style:solid;z-index: 99; -webkit-transition: background-color 0.5s ease-out; -moz-transition: 
  background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}
.head_exp:hover{ background-color: #000; }


.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper
.dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
  font-size: 0.8em;
  font-weight: 400 !important;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.dataTables_wrapper .dataTables_info{
  color: #292929 !important; 
  opacity: 0.5;
  font-size: 0.6em;
  font-weight: 400 !important;
}

table.dataTable thead th{
  padding: 13px !important;
  border-bottom: 2px solid #000000;
}

.head0 tr{
  background-color: #000;
  color: #000000!important;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.head1 tr{
  background-color: #4c478e;
  color: #000000!important;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.head2 tr{
  background-color: #3989b8;
  color: #000000!important;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

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

.thumbnail {
  max-width: 40%;
}

.italic { font-style: italic; }

/** LIGHTBOX MARKUP **/

.lightbox_card {
  /** Default lightbox_card to hidden */
  display: none;

  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0,0,0, 0.8);
    -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;

}

.lightbox_card:target {
  /** Remove default browser outline */
  outline: none;

  /** Unhide lightbox_card **/
  display: block;
}
.lightbox_card h6{
  opacity: 0.6; 
}

.botX_2{
	position: fixed;
	top: 45px;
	right: 0px;
  width: 70px;
  z-index: 999;
  max-width:100px;margin: 10px;
   -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.botX_2:hover{
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);

}

.botX{
  width: 35px;
  max-width: 80px;
  margin: 10px;
  position: fixed;
  right: 0px;
  top: 0px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.botX:hover{
  -ms-transform: rotateZ(-90deg); /* IE 9 */
  -webkit-transform: rotateZ(-90deg); /* Safari 3-8 */
  transform: rotateZ(-90deg);
}

.ficha{
  max-width: 310px;
  min-height: 600px;
  background-image: url(../img/back_card.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: cover;
}

.info_card1{
    position: relative;
    top: 40px;
}
.info_card2{
    position: relative;
    left: 0px;
    top: 40px;
}
/*-----------------------------table-------------------------------------------------------------------------------------------*/
#table1_wrapper{
	background-color: #e8f6ff !important;
}
#table2_wrapper{
	background-color: #e9e5f5 !important;
}
#table3_wrapper {
	background-color: #dbe8fd !important;
}

.head_table{
    font-size: 0.7em;
    font-weight: 400 !important;
    font-family: Georgia, Times, "Times New Roman" !important;
    text-align: center;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
    background-color: #fff !important;
}

.head_table:hover{
  font-size: 0.7em;
 font-weight: 400 !important;
  font-family: Georgia, Times, "Times New Roman" !important;
  text-align: center;
}


.pos2021_table1 {
  min-width: 50px;
  background-color: #2dc5f7 !important;
  font-size: 1.8em;
  font-family: Georgia, Times, "Times New Roman" !important;
  font-weight: 800;
  text-align: center !important;
  color: #ffffff !important;
}
.pos2020_table1 {
  color: #000;
  font-size: 1.1em;
  font-weight: 700;
  text-align: center !important;
}
.telm_table1{
  font-weight: 800;
  font-size: 13px;
  text-align: center;
  color: #0081d4  !important;
}
.telm-variacion_table1{
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: 800 !important;
  text-align: left;
  color: #0081d4  !important;
}



.pos2021_table2 {
  background-color: #745aad !important;
  font-size: 1.8em;
  font-family: Georgia, Times, "Times New Roman" !important;
  font-weight: 800;
  text-align: center !important;
  color: #ffffff !important;
}
.pos2020_table2 {
  color: #4c478e;
  font-size: 1.1em;
  font-weight: 700;
  text-align: center !important;
}
.telm_table2{
  min-width: 140px;
  font-weight: 800;
  font-size: 15px;
  text-align: center;
  color: #4c478e !important;
}




.pos2021_table3 {
  background-color: #bdcde2 !important;
  font-size: 1.4em;
  font-family: Georgia, Times, "Times New Roman" !important;
  font-weight: 800;
  text-align: center !important;
  color: #ffffff !important;
}
.pos2020_table3 {
  color: #3989b8;
  font-size: 1.1em;
  font-weight: 700;
  text-align: center !important;
}
.telm_table3{
  font-weight: 800;
  font-size: 14px;
  color: #3989b8 !important;
}
.telm-variacion_table3{
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 800 !important;
  text-align: left;
  color: #3989b8 !important;
}



.name-list{
  min-width: 220px;
  font-weight: 700;
  font-size: 1.03em;
  font-family: Georgia, Times, "Times New Roman" !important;
  line-height: 1.2em;
  padding: 0 8px 0 12px;
}
.telm-emps{
  font-weight: 300;
  font-size: 0.8em;
  padding: 0 8px;
  text-align: center;
}
.punt{
  font-size: 1.2em;
  font-weight: 800;
  font-family: Georgia, Times, "Times New Roman" !important;
  text-align: center;
}


#perfiles {
  color: #ffffff !important;
}

.heading{
    text-align: center;
}


/*********** Galerría ********/
.gallery-block .zoom-on-hover:hover .image {
  opacity: 0.4; 
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}
/* .mobile img{
  -webkit-animation: inzoom 1s; 
  -webkit-animation-delay: 0.1s;
  animation: inzoom 1s;
  animation-delay: 0.4s;
} */

@-webkit-keyframes inzoom {
  from {opacity: 0;
  transform: scale(0.7);}
  to {opacity: 1;
  transform: scale(1);}
}

@keyframes inzoom {
  from {opacity: 0;
  transform: scale(0.7);}
  to {opacity: 1;
  transform: scale(1);}
}
.gallery-block.compact-gallery .item a:hover .description {
  opacity: 1; 
} 
.gallery-block .zoom-on-hover:hover .image {
  transform: scale(1.2);
  opacity: 0.4; 
}

/*********** Galerría ********/


.recuadro{
  background-color: #dfdfdf;
  display: block;
  position: absolute;
  width: 100%;
  height: 780px;
  top: 0px;
  z-index: -1;
}


/*    CSS filtrado */ 

.filterDiv {
  display: none;
}

.table1 {
  display: none;
}

.table2{
  display: none;
}

.show_table{
  display:table-row;
  text-align: left;
  visibility: inherit !important;
}

.container_t{
  overflow: hidden;
}

/* Style the buttons */
.text-center button{
  color:#d53d3c;
  font-family: "Open Sans", sans-serif !important;
  padding:4px;
  margin:4px;
  text-transform: uppercase;
  font-size: .7em;
}


.btn_table {
  font-size: 1em;
  font-family: Georgia, Times, "Times New Roman" !important;
  border-style: none !important;
  outline: none !important;
  background-color: #e9e5f5;
  cursor: pointer !important;
  color: #ffffff;
  border-bottom: solid 1px !important;
  border-color: #4c478e !important;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.btn_tableverde {
  font-size: 1em;
  font-family: Georgia, Times, "Times New Roman" !important;
  border-style: none !important;
  outline: none !important;
  background-color: #dbe8fd;
  cursor: pointer !important;
  color: #ffffff;
  border-bottom: solid 1px !important;
  border-color: #839fcb!important;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.btn_table:hover {
  color: #000000 !important;
  border-radius: 0px !important;
  border-color: #000000;
  border-bottom: solid 1px !important;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.btn_table.active {
 color: #000000 !important;
  border-radius: 0px !important;
  border-color: #000000;
  border-bottom: solid 1px !important;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.btn_tableverde:hover {
  color: #000000 !important;
  border-radius: 0px !important;
  border-color: #000000;
  border-bottom: solid 1px !important;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.btn_tableverde.active {
 color: #000000 !important;
  border-radius: 0px !important;
  border-color: #000000;
  border-bottom: solid 1px !important;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}


.btn_table2 {
  font-size: 1em;
  font-family: Georgia, Times, "Times New Roman" !important;
  border-style: none !important;
  outline: none !important;
  background-color: #000000;
  cursor: pointer !important;
  color: #ffffffb5;
  border-bottom: solid 1px !important;
  border-color: #00a99d !important;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.btn_table2:hover {
  color: #fff !important;
  border-radius: 0px !important;
  border-color: #fff;
  border-bottom: solid 1px !important;
   -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.btn_table2.active {
 color: #ffffff !important;
  border-radius: 0px !important;
  border-color: #fff;
  border-bottom: solid 1px !important;
   -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

/*    Termina CSS Filtrado */


/* .bg_img{
	/* background-color: #d4ddf1;
 } */

.bg_img h2{
	font-size: 6.5em;
	letter-spacing: -2px;
}

.bg_img h3{
	font-size: 3em;
	letter-spacing: -2px;
}


/*************** fichas perfiles **************/
.rkPosition{
  padding: 10px 0;
  border-style: solid;
  border-width: 1px 0px;
  border-color: #a3a3a3;
}

.s-0 {
  padding: 0 0 2em 0;
}

.s-0 h3{
  letter-spacing: 12px;
  color: #000000!important;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 100;
  font-size: 12px !important;
  margin: 0;
}

.s-0 h2{
  color: #00a4c5 !important;
  font-size: 4em;
  font-family: Georgia, Times, "Times New Roman" !important;
  font-weight: 800;
  margin: 0;
}

.s-0 h4 {
  color: #007f96 !important;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 800;
  font-size: 1.3em !important;
}

.s-1 {
  padding-top: 1em;
}

.s-1 h1 {
  color: #000000;
  font-size: 4.2em;
  text-align: center;
  margin: 0;
  padding: 5px 0;
  line-height: 1;
  font-weight: 300;
}

.s-1 h2 {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 300;
  font-size: 1.8em !important;
}


.s-2 h3 {
  letter-spacing: 10px;
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 1.6em !important;
  padding-bottom: 10px;
}

.puntajesEsp h3{
  color: #ffffff !important;
  background-color: #007f96;
  padding: 11px;
  font-family: Georgia, Times, "Times New Roman" !important;
  font-size: 1.3em;
  font-weight: 300;
  text-align: left;
  text-transform: none;
  margin: 0;
}

.puntajesEsp p{
  font-family: "Open Sans", sans-serif !important;
  text-align: left;
  font-size: 1.2em;
  padding: 8px 18px;
  margin: 0;
}

.cifra{
  background-color: #ffffff;
}

/* *************** fichas especialidades **************** */

.s-0-t2 {
  padding: 0 0 2em 0;
}

.s-0-t2 {
  padding: 0 0 2em 0;
}

.s-0-t2 h3{
  letter-spacing: 12px;
  color: #000000!important;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 100;
  font-size: 12px !important;
  margin: 0;
}

.s-0-t2 h2{
  color: #61C3B3 !important;
  font-size: 4em;
  font-family: Georgia, Times, "Times New Roman" !important;
  font-weight: 800;
  margin: 0;
}

.s-0-t2 h4 {
  color: #00A89C !important;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 800;
  font-size: 1.3em !important;
  line-height: 1.2 !important;
}

.s-1-t2 {
  padding-top: 1em;
}

.s-1-t2 h1 {
  color: #000000;
  font-size: 4.2em;
  text-align: center;
  margin: 0;
  padding: 5px 0;
  line-height: 1;
  font-weight: 300;
}

.s-1-t2 h2 {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 300;
  font-size: 1.8em !important;
}

.s-1-t2 h3 {
  color: #00A89C !important;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 800;
  font-size: 1.4em !important;
}

.s-2-t2 h2 {
  height: 130px;
  shape-outside: circle();
  clip-path: circle();
  background: #61C3B3;
  padding-top: 30px;
  font-size: 4em;
}

.s-2-t2 h3 {
  letter-spacing: 10px;
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 1.6em !important;
  padding-bottom: 10px;
}

.puntajesEsp-t2 h3{
  color: #ffffff !important;
  background-color: #00A89C;
  padding: 11px;
  font-family: Georgia, Times, "Times New Roman" !important;
  font-size: 1.3em;
  font-weight: 300;
  text-align: center;
  text-transform: none;
  margin: 0;
}

.puntajesEsp-t2 p{
  font-family: "Open Sans", sans-serif !important;
  text-align: center;
  font-size: 1.2em;
  padding: 8px 18px;
  margin: 0;
}

/********************** BUTTON **********************/
.buttonMov {
  padding-bottom: 6em;
}

.buttonMov a {
  padding: 30px;
  font-weight: 700;
  color: #007f96;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  margin: 10px 0;
}

.buttonMov a.transparent:hover > p {
  color: #ffffff;
}
.buttonMov a.transparent > p {
  background: #000000;
  color: #ffffff;
}
.buttonMov a.transparent > p span.base {
  border: 1px solid #ece8e1;
}
.buttonMov a:after, .buttonMov a:before {
  width: 1px;
  position: absolute;
  height: 8px;
  background: #000000;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.buttonMov a p {
  font-family: "Open Sans", sans-serif !important;
  font-size: 13px;
  margin: 0;
  height: 45px;
  line-height: 45px;
  z-index: 1;
  left: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.buttonMov a p span.base {
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  border: 2px solid #007f96;
}
.buttonMov a p span.base:before {
  width: 2px;
  height: 2px;
  left: -1px;
  top: -1px;
  background: #0f1923;
  position: absolute;
  transition: 0.3s ease-out all;
}
.buttonMov a p span.bg {
  left: -5%;
  position: absolute;
  background: #007f96;
  width: 0;
  height: 100%;
  z-index: 3;
  transition: 0.3s ease-out all;
  transform: skewX(-10deg);
}
.buttonMov a p span.text {
  z-index: 4;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.buttonMov a p span.text:after {
  width: 4px;
  height: 4px;
  right: 0;
  bottom: 0;
  background: #0f1923;
  position: absolute;
  transition: 0.3s ease-out all;
  z-index: 5;
}
.buttonMov a:hover {
  color: #ece8e1;
}
.buttonMov a:hover span.bg {
  width: 110%;
}
.buttonMov a:hover span.text:after {
  background: #ece8e1;
}

/*************** fichas perfiles **************/



@media only screen and (max-width: 550px) {
  .hide_element{
  display: none !important;
 }
    .texto h3 {
    font-size: 33px;
    line-height: 43px;
    padding-top: 0.5em;
}
    
    .logo100 img {
    max-width: 40%;
    padding-top: 3.5em;
    margin-left: 30%;
}
 
}


@media (min-width: 200px) and (max-width: 770px) {   
  .intro h3 {
    font-size: 22px;
    line-height: 1.1 !important;
  }

  .logo img {
    padding-top: 1.5em ;
    width:75%;
  }

  .desk {
    display: none;
  }
  .mobile {
    display: block;
  }
  .principal img {
    margin-top: 3.5em;
  }

  .texto {
    padding: 1em 0;
  }
  .texto p{
    line-height: 1.5;
  }

  .texto h1{
    padding-right: 1.5em;
    padding-left: 1.5em;
  }

  .mobile h4{
    padding: 0px 3px 3px 3px;
    border-style: solid;
    border-width: 1px 0px;
    border-color: #cacaca;
    margin: 5px auto 15px auto;
    position: relative;
  }

  .titleTab-analisis h2 {
    font-size: 100px;
  }

  .agregadoscincuenta h6{
    margin: 5px auto;
  }
 
  .graficos h3 {
    font-size: 27px;
  }

  .graficos p {
    font-size: 16px;
  }

  .metod h2{
    font-size: 3.6em !important;
    padding-bottom: 50px;
    text-align: center;
  }

  .destacado h2 {
    font-size: 110px;
    line-height: 0.8em !important;
    color: #26a9e0 !important;
  }
  .destacado2 h2 {
    font-size: 55px;
    line-height: 0.9em !important;
    color: #26a9e0 !important;
  }
 
  .titleTab-cincuenta h2 {
    font-size: 100px;
    border-top: 10px solid #000;
    border-bottom: 10px solid #000;
  }

  .titleTab-especialidad h2 {
    font-size: 100px;
    border-bottom: 10px solid #839fcb;
    border-top: 10px solid #839fcb;
  }

  .titleTab-regional h2 {
    font-size: 100px;
    border-bottom: 10px solid #d53d3c;
    border-top: 10px solid #d53d3c;
  }

  .titleTab-pequenos h2 {
    font-size: 110px !important;
}

  table.dataTable thead th {
    padding: 5px !important;
}

  .pos2021 {
    font-size: 1.4em;
  }
  .name-list {
    min-width: 100px !important;
    font-size: 14px;
  }
  .pos2021_table1 {
    font-size: 18px;
    min-width: 50px !important;
  }
  .pos2020_table1 {
    font-size: 15px;

  }

  .pos2021_table2 {
    font-size: 15px;
}

  .pos2021_table2 {
    font-size: 18px;
}
  .punt {
    font-size: 15px;
}
  .value{
    padding-top: 15px;
    padding-bottom: 15px;
    min-width: 65px;
    background-color: #ffffff;
    font-size: 1.1em;
    font-weight: 800;
    text-align: center;
  }
  .s-1 {
    padding-top: 0;
  }
  .s-1 h1 {
    font-size: 2.1em;
  }
  .s-2 h3 {
    font-size: 1.3em !important;
    line-height: 1.1 !important;
  }
  .s-1-t2 {
    padding-top: 0;
  }
  .s-1-t2 h1 {
    font-size: 2.1em;
  }
  .s-2-t2 h3 {
    font-size: 1.3em !important;
    line-height: 1.1 !important;
  }
  .bg_img h2 {
    font-size: 4em;
  }
  .logo2 img {
    width: 80%;
  }
}
/*    ANIMACION SVG  */

#Logo {
  top: 0;
  right: -25%;
  left: -25%;
  margin: auto;
  display: block;
  fill: #aa7f3d;
  stroke: #EEBE7B;
  stroke-miterlimit: 5;
}
.Animate-Draw {
  fill-opacity: 0;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: DrawLine, FadeStroke, FillIn;
  animation-duration: 4s, 1s, 1s;
animation-delay: 0s, 3.5s, 3.5s;
}
#Draw-Mark {
  stroke-dashArray: 1100;
  stroke-dashoffset: 1100;
}
#Draw-Frame {
  animation-delay: 1s, 3.5s, 3.5s;
  animation-duration: 3.5s, 1s, 1s;
  stroke-dashArray: 1500;
  stroke-dashoffset: 1500;
  
}
#Draw-Text {
  animation-delay: 2s, 3.5s, 3.5s;
  animation-duration: 2s, 1s, 1s;
  stroke-dashArray: 300;
  stroke-dashoffset: 300;
}
@keyframes DrawLine {
  to {
    stroke-dashOffset: 0;
  }
}
@keyframes FadeStroke {
  to {
    stroke-opacity: 0;
  }
}
@keyframes FillIn {
  from {
    fill-opacity: 0;
  }
  to {
    fill-opacity: 1;
  }
}