/*
 * Theme Name: asppr
 * Description: Diseño creado para Asociación de Salud Primaria de Puerto Rico
 * Author: Nivaxel
 * Author URI: https://www.nivaxel.com
 * Version: 1.0
 */

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Raleway');
body {color: #3E3E3E; overflow-x: hidden; font-size: 16px;font-family: 'Raleway', sans-serif;}
html {overflow-x:  hidden}

h1 {font-size: 30px;}
p {line-height: 150%;}
img {max-width: 100%; height: auto}

#people {width: 100%; height: 500px}

/* Header */
.top-bar {background: #58bdb5; padding: 10px 0; text-align: right}
.search-form {display: inline-block}
.search-form .search-field {border: 0; padding: 5px 35px 5px 10px; border-radius: 20px}
.search-form button {background: none; border: 0; padding: 0;}
.search-form button i {font-size: 24px; color: #afaeb6; position:absolute; margin-left: -35px; margin-top: -18px}
.directorio {display: inline-block;}
.directorio li {display: inline-block; margin: 10px}
.directorio li a {color: #fff; font-size: 20px}
.directorio .btn-white {font-size: 20px; text-transform: uppercase; border-radius: 25px}
.movil {display: none}
.navbar {margin: 0; border: 0; border-radius: 0; background: linear-gradient(to right,#9ed88c, #9ad78a, #ffffff); padding: 20px 0; text-align: center;  font-family: 'Open Sans', sans-serif;}
.nav > li > a:focus, .nav > li > a:hover {background: transparent}
.navbar-nav {float: none;}
.navbar-nav li {border-right: 1px solid #003f5e; float: none; display: inline-block;}
.navbar-nav li:last-child {border-right: 0}
.navbar-nav li a {color: #003f5e; font-weight: 700; font-size: 19px; padding: 10px 5px}
.navbar-nav li a:hover, .navbar-nav li a:focus {color: #c65e29}
.navbar-brand {padding: 0; width: 400px; height: 150px; position: absolute; z-index: 10; left: -15px; top: -35px; background: #003f5e; transform: skew(20deg);}
.navbar-brand:before {content: ''; width: 0; height: 0; border-bottom: 35px solid #18132a; border-right: 25px solid transparent; position: absolute; margin-left: 349px}
.navbar-brand:after {content: ''; width: 0; height: 0; border-top: 35px solid #18132a; border-right: 35px solid transparent; position: absolute; margin-left: 49px; margin-top: 115px}
.navbar-brand img {transform: skew(-20deg); position:relative; top: 12.5px}

.dropdown-menu {background: linear-gradient(to right, #9ad78a, #c7e8bd, #d1ecc9); border:none;}
.dropdown-menu li {margin-bottom:5px;display: block;border: 0; border-bottom: 1px solid #fff}
.dropdown-menu a {color: #003f5e; border: 0}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {background:none;display: block}

/* Inicio */
.slideshow {padding: 0}
#adModal img {max-width:100%;height:auto; text-align: center}
#adModal .modal-dialog {text-align: center}
#adModal .modal-content {background:#fff; }
#adModal .modal-body .linea {border-right: 2px solid #95c519 }
#adModal .modal-body {padding: 0}
#adModal .modal-content .btn-blue {margin: 10px 0}
#adModal .modal-header {border-bottom:0; background: #a5ce36;}
#adModal .modal-header h4 {color: #ffffff; font-weight: 700;}
#adModal .modal-footer {border:0;padding:10px;}
#adModal .modal-footer button {border: 0!important;}
#adModal .media-body{display: none}
#adModal #buttons a {display:none!important}
#adModal .wpdm-download-link {

    position: relative;
    margin-top: 0;
    right: 0%;
    background: #003f5e !important;
    color: #fff !important;
    padding: 5px 10px !important;
    border-radius: 0px;font-size: 18px

}

.grey-body {
	background: #d9d9d9;
	padding: 20px;
}
.grey-body strong {
	color: #003d5e;
	font-size: 20px;
}


.auspiciadores {max-width: 100%; border-top: 10px solid #249c92; border-bottom: 10px solid #249c92;text-align: center; padding-top: 0}
.band {background:#003f5e; color: #fff;  }
.band h2 {font-size: 26px;padding:13px;margin: 0; font-weight: 600}

.mensaje {max-width: 100%; text-align: center}
/* .txt-home {text-align: left; max-width: 100%; margin: 20px 0}
.txt-home span {display: inline-block; background:#003f5e; padding: 10px 50px; transform: skewX(-30deg); margin: 15px 0 }
.txt-home strong {display: inline-block; color: #fff;transform: skewX(30deg); font-size: 25px }
.txt-home p {text-align: justify} */

.online {max-width: 100% ; background: #00a098; padding-top: 0; height: auto; }
/* .biblio {display: inline-block; width: 470px; height: 570px; background: #fff; text-align:center; transform: skewX(-15deg);
  padding-bottom: 20px }
.biblio span {display:block;max-width: 420px;transform: skewX(15deg); margin: 30px 20px;}
.biblio strong {display: block; font-size: 24px; text-transform: uppercase; margin-bottom: 20px}
.biblio ul {text-align: left; font-size: 18px;}
.biblio ul li {margin-bottom: 10px}
.biblio img {display: inline-block; margin-left: 13%; margin-top: 20px; margin-bottom: 20px} */
.online strong {display: block; font-size: 26px; text-transform: uppercase; margin: 20px 0; text-align: center; color:#fff}
.home-event {max-width: 100%; ;display: block; right: 0%;position: relative; margin: 10px 0;}
.home-event strong {color: #333; display:inline-block; margin:5px 0; font-size: 20px; text-transform: capitalize; text-align: left;}
.ai1ec-read-more {background: #003f5e!important;color: #fff!important;padding: 10px!important; font-size:17px!important}
.home-event .ai1ec-event-summary {text-align: left}
.home-event .ai1ec-event-summary  ul{text-align: left; display: inline-block}
.home-event .ai1ec-event-summary li {font-size: 18px; margin: 5px 0; line-height: 23px}
.home-event .ai1ec-event-summary .ai1ec-event-avatar {float: none; max-width:100%; display: block; margin: auto}
.home-event .ai1ec-event-summary .ai1ec-event-avatar img {max-width: 300px!important;display:block!important;;margin: auto!important;}



.home-map {max-width: 100%; text-align: center;background: #81ccd1; border-top: 10px solid #0396aa; border-bottom: 10px solid #0396aa}
.map-busq {max-width: 100%;margin-top: 50px}
.map-busq strong {display: block; font-size: 28px; max-width: 400px; color: #fff; margin:15px 10px}

.noticias {max-width: 100%; border-bottom: 10px solid #58bdb5}
.home-news li {display: inline-table; width: 300px; height: 400px ; text-align: center; border-radius: 10px; margin: 10px;background:#c45e29}
.home-news ul {display: inline-block; text-align: center; padding: 0}
.home-news p {padding:0px 10px; text-align: left; display: block}
.home-news {display: block; text-align: center; margin: 20px 0; color:#fff}
.home-news strong {font-size: 22px; margin: 10px; display: block;color: #fff}
/* .noticias .noti {background:#003f5e; padding: 10px 50px; transform: skewX(-30deg); display: inline-block;;text-align: left; margin: 20px 0}
.noticias .noti  strong { display: inline-block; color: #fff;transform: skewX(30deg); font-size: 2px }
 */

/* Eventos */
.evento {text-align: center; max-width: 100%}
.evento h1 {margin: 20px 0}
.ai1ec-agenda-view {background: #fff; margin: 5px 0}
.ai1ec-agenda-view p {font-size: 20px; color: #3e3e3e; margin:5px; display:block}

.ai1ec-dropdown a {color: #333!important;}
.events a:link, .events a:visited, .events a:active, .events a:hover {color: #333!important;;}
.ai1ec-month-view th {background: #a7bb4c!important;color: #fff!important;text-transform: uppercase;font-weight: 400!important;}
.ai1ec-event-footer {display: none!important;}
.post h2 {text-align: center; margin: 30px 0;color: #003f5e; }
.attachment-post-thumbnail {display: none!important;}
.timely .alignleft, .timely.alignleft, #ai1ec-container .alignleft, #ai1ec-container.alignleft {float: left!important;margin: 0 30px!important;}
.ai1ec-event-details .ai1ec-row div {color: #333!important;}
.ai1ec-event-details div {font-size: 16px}



.header-map {border-bottom: 10px solid #249c92; max-width: 100%; height: 500px}
.bk-prev {max-width: 900px; left: 0; background: url(img/Headers/background-map.png)left no-repeat; display: inline-block; height:490px}
.med {display: inline-block; max-width: 100%; margin-top: 90px; position: absolute; z-index: 0;left: 10%}
.bk-prev span {display: block; margin-top: 45px; position: absolute; z-index: 1; left: 4%}

.txt-centros {max-width: 700px; right: -5%; background:#003f5e; transform: skew(-20deg);position: absolute; margin-top:-420px;padding: 5px }
.txt-centros p {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 28px }
.txt-centros strong {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 40px ; display: block}

/* .txt-map {max-width: 100%; position: absolute; margin-top:-280px; display: block; text-align:right; right: 15% }
.txt-map p {max-width:400px; display: inline-block; text-align: left; font-size: 40px; color: #269b92; font-weight: 700} */
.txt-map {max-width: 100%; position: absolute; margin-top:-250px; display: block; text-align:right; right: 10% }
.txt-map p {max-width:660px; display: inline-block; text-align: center; font-size: 36px; color: #269b92; font-weight: 700}
.txt-map .fa-angle-down {background:   #d2e28a; font-size: 45px; padding:0px 7px; border-radius: 50%; color: #fff}

.home-serv {text-align: center; padding-bottom: 100px}
.home-serv ul {list-style: none; padding-left: 0;}
.home-serv ul li {display: inline-table; width: 300px; margin: 10px}
.home-serv strong {display: block; color: #07a6c6; font-size: 18px}
.home-serv p {color: #07a6c6}

.mapa {padding: 0; border-top: 10px solid #0396aa;height:500px}
/* .mapa .wpgmza_sl_main_div {position: absolute; left: 70%; margin-top: -400px; background: linear-gradient(#88ce75, #7bc475); padding: 10px} */
/* .mapa .wpgmza_basic_list {position: absolute; left: 70%; margin-top: -250px; background: linear-gradient(#7bc475, #258081); padding: 10px} */
.mapa #locationSelect {position: absolute}
#wpgmaps_directions_edit_2 {position: relative;  margin-top: 0px; display: block; left: 1%; width: auto!important;color: #333;z-index: 0;}
#wpgmaps_directions_reset_2 a {left: 1%; position: relative; display: inline-block; margin: 10px 0; background:#0396aa; color: #fff; padding: 5px }
#directions_panel_2 {margin-top: 0px; padding:0 20px}
 .wpgmza_map {border-bottom: 10px solid #0396aa!important;}
.wpgmza_gd  {background:#fff; padding: 5px; font-size: 16px; color: #fff!important;border: 1px solid #003f5e; display: inline-block }
.wpgmza_infowindow_image {width: 150px!important;}
.wpgmza_gd:hover {text-decoration: none }
.conteo span {color: #333}
.dataTables_wrapper  {position: absolute!important;color: #fff; width: 620px;height:700px; margin-top: -100px; background: linear-gradient(#7bc475, #258081); padding: 10px ; right: 0; z-index:1}
.dataTables_wrapper:before{
    content: '';
    width: 0;
    height: 0;
    border-right: 75px solid #007877;
    border-top: 92px solid transparent;
    position: absolute;
    margin-left: -85px;
    top:0
}


.dataTable:after{
    content: '';
    width: 0; height: 0;
    border-right: 75px solid #007877;
    border-bottom:  100px solid transparent;
    margin-left:  -85px; position: absolute; top: 600px
}

.dataTables_filter input {color: #555!important;border-radius: 20px!important;padding: 0 5px!important; border: 0!important;}
table.dataTable tbody tr {
    background-color: transparent!important;;
    margin: 0 !important;
}

tbody td {padding: 0px 0px!important;}
.wpgmza_table_title strong{display: none!important;}
.wpgmza_table_category {display: none}
.wpgmza_table_address {display: none}
.wpgmza_table_description {display: none}
.wpgmza_table td {padding-bottom:5px !important;}
.wpgmza_table_marker {width: 50px!important;padding: 0!important;margin: 0!important;}
.wpgmza_table_marker img {display: block !important; margin: auto!important;width: 32px!important;}
.wpgmza_table_title {width: 100%!important;padding:0 !important; margin:0!important}
#wpgmza_table_2_length {display: none!important;}
.dataTables_info{ color: #fff!important;}
.dataTables_filter label{ color: #fff!important;}
table.dataTable.no-footer {border-bottom: 0 !important}
#wpgmza_filter_2 {position: absolute!important;color: #fff; right: 16.7%; margin-top: -90px; z-index: 10}
#wpgmza_filter_2  select {color: #333!important;}
.dataTables_wrapper .dataTables_info {

    clear: both;
    float: left;


}
.dataTables_wrapper .dataTables_paginate {

    float: none!important;;
    text-align: right!important;;
    padding-top: 0;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #333 !important
}

.subcribe {text-align: center; padding-top: 140px; padding-bottom: 100px;}
.subcribe p {font-size: 24px;}
.subcribe a {margin-left: 20px; font-size: 24px;}
.wpcf7-form {font-size: 16px}
.wpcf7-form i {color: red}
.wpcf7-form input{padding: 5px; border: 1px solid #678ca9;color: #000; max-width: 100% }
.wpcf7-form b {display: block;text-align: left}

input.wpcf7-submit {display: inline-block; background: #4a4a4a; border: 0; padding: 10px 30px; font-weight: 700; color: #fff;}
.wpcf7-submit:hover, .cfrm .wpcf7-submit:focus {background: #a4a4a4}


/* Testimonios */
.test {max-width: 100%; background: #00a098; padding: 50px 0}
#owl-review {position: relative; z-index: 1; max-width:100%; border:2px solid #a5cd39; border-radius:10px;background: #fff}
.test .owl-carousel .owl-prev{position:absolute;top:125px!important;background:transparent;margin: 0 auto !important;color: #58bdb5!important;}
.test .owl-carousel .owl-next {position: absolute;top:125px!important;background:transparent;margin: 0 auto !important;color: #58bdb5!important;}
.test .owl-prev {left: 0px!important;}
.owl-carousel .owl-next {right: 0px!important;}
.owl-carousel i{font-size: 30px}
.owl-theme .owl-controls .owl-buttons div {color: grey;}
.owl-pagination {display: none}
.bright span {max-width: 100%; display: inline-block; padding: 20px 10px; }
.bright {display:block; max-width: 900px;margin: auto; text-align: center; }
.test .stars {display: block ;color:#58bdb5; margin-top: 5px}
.test .stars i {font-size: 22px; line-height: 0}+


/* Directorio */
.dwn {height: auto; max-width: 100%; text-align: center}
.dwn .panel {border: none}
.dwn .panel-heading .panel-title {
    text-transform: capitalize;
    font-size: 18px;
    color: #fff;
    padding: 5px 20px ;
    font-weight: 400;
}

.dwn .panel-heading {border: none}
.verd {text-align: center}
.junta {text-align: left}
.junta strong {background: none!important; color:#3e3e3e!important; margin: 0!important;; padding: 0!important;font-size: 18px!important; }
.junta ul {padding:5px 10px; display: inline-block; margin: 10px 0; border-bottom: 1px solid #dddddd; width: 100%; }
.junta li {display: block; margin: 5px 0!important;}

.bk-per {max-width: 100%; height: 500px; background: url(img/Headers/directorio.jpg)center no-repeat ;
  background-size: cover; text-align: center;border-bottom: 10px solid #a3cd39;}
.chrt{max-width: 100%; height: 330px; background: url(img/Headers/directorio.jpg)center no-repeat ;
  background-size: cover; text-align: center;border-bottom: 10px solid #a3cd39;}
.personal {max-width: 100%;text-align: center;}
.bk-per .header-tittle {max-width: 700px;right: -2%; background:#003f5e; transform: skew(-20deg); margin-top:80px;padding: 5px 130px;
  position: absolute }
.header-tittle p {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 26px ;text-align: left}
.bk-per .header-tittle strong {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 40px ; display: block; text-align: left}
.abcfslGridCol  {border: 2px solid #ededed;padding: 20px 0; max-width: 240px; margin: 40px 10px; height: 250px; float: none!important;display: inline-table!important;}
.abcfslGridImgCntr img {max-width: 120px!important;}
.abcfslGridImgCntr {position: relative; margin-top: -50px}

.verd .abcfslGridCol {background: #c7df80; }
/* .verd .titulo,.celeste .titulo,.brownn .titulo, .azul-acua .titulo {color: #fff} */
.celeste .abcfslGridCol {background: #54b6bb;height: 270px}
.azul-acua .abcfslGridCol {background: #4bbbab; height: 270px}
.brownn .abcfslGridCol {background: #e79572}

.programas .abcfslGridCol { height: 270px}

.verd strong  {background: #c7df80; display: block; border-radius: 5px; padding: 10px 0;line-height: 25px!important; color: #fff;font-size: 22px; margin: 20px 0;}
.azul-acua strong  {background: #4bbbab; display: block; border-radius: 5px; padding: 10px 0!important;line-height: 25px!important; color: #fff;font-size: 22px!important;;margin: 20px 0}
.brownn strong {background: #e79572; display: block; border-radius: 5px; padding: 10px 0!important;line-height: 25px!important; color: #fff;font-size: 22px!important;;margin: 20px 0}
.celeste strong  {background: #54b6bb; display: block; border-radius: 5px; padding: 10px 0!important;line-height: 25px!important; color: #fff;font-size: 22px!important;;margin: 20px 0}

.nombre {font-size: 20px}
.titulo {color:#35a599; font-weight: 600 }
.btn-info a { color: #fff;font-size: 17px; text-decoration:none}
.btn-info {background: #003f5e;display:inline-block;padding:5px 10px ; border-radius: 50px; margin: 10px 0}
.btn-info:hover {background: #4ea599;display:inline-block;padding:5px 10px ; border-radius: 50px; margin: 10px 0}

.documentos {max-width: 100%; text-align: center; ; padding-bottom: 150px; padding-top: 0}
.documentos h1 {color: #003f5e; font-weight: 700; margin-top: 0px; display: block; }
.rendi {margin-top: 45px; display: block}
.otr {margin-top: 30px; display: block}
.equi {margin-top: 60px; display: block}
.documentos .vrt-deskk  {color: #fff; max-width: 1200px; margin: auto; text-align: justify}
.per {
  float: none !important;
  display: inline-table !important;
  width:220px !important;
  margin: 20px 10px !important;background: #fff; height:190px !important;border-radius: 10px!important;position: relative

}
.per:hover {box-shadow: 0 0 10px grey}
.documentos .nav-tabs .active {box-shadow: 0 0 10px grey; background: #95c519!important;}
.per a {
  font-size: 24px;
  color: #003f5e;
  display:block; margin-top: 20px;padding: 0 10px; vertical-align: middle; text-align: center
}

.full-size {
    width: 21%!important;;
    height: 100%;margin: 10px; display: inline-block; border: 2px solid #fff; padding-bottom: 20px

}

.documentos .nav-tabs > li.active {color: #fff!important;}

.documentos .nav-tabs > li.active > a, .documentos .nav-tabs > li.active > a:focus, .documentos .nav-tabs > li.active > a:hover {

    color: #fff!important;;
    cursor: default;background-color: transparent; text-decoration: none

}
.book-heading h3 {display: block!important; margin: 20px 0!important;}
.book-heading a {color: #333}
.book-heading a:hover {text-decoration: none}
.per a:hover {
  text-decoration: none !important;
  border: 0 !important;
}

.documentos .nav-tabs {
  border-bottom: 0 !important;background: #58bdb5; padding-top: 20px; padding-bottom: 20px;
  ;text-align: center; position: relative
}



.documentos .nav-tabs > li > a {
text-align: center;
    margin-right: 0px;
    line-height: 30px!important; ;
    border: 0px !important;;
    border-radius: 0!important;;
  background: transparent; height: 120px; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); display: block
}

.documentos .nav-tabs > li > a:hover {background: transparent;}

.um-account-main {border-left: 5px solid #003f5e}
.um-account-profile-link {display: none}
.um-account {padding-top:30px; padding-bottom: 100px }
/* .per {float: none !important; display: inline-table !important; background:#58bdb5 !important; width: 250px !important;
  margin:20px 10px !important; height:100px;}
.per strong {font-size: 20px; margin-top: 0px; display: block; color: #fff}

.per p {color: #303030} */


/* .main-tab strong {font-size: 32px; line-height: 0.5; position: relative; top: 20px} */
/* .personal .nav-tabs > li > a {
    margin-right: 0px!important;;
    line-height:;
    border: 0;
    border-radius: 0;
    height: 220px!important;
    width: 180px!important;; display: block; padding-top:60px; text-decoration: none;color: #303030
} */

/* .main-tab {float: none !important; display: inline-table !important; background:transparent!important; width: 0px !important;
  margin:50px 10px !important; height:250px;background: #fff!Important} */
/* .personal .nav-tabs > .main-tab > a {
    margin-right: 0px!important;
    border: 0;
    border-radius: 0;
    height: 250px!important;
    width: 200px!important;; display: block; padding-top: 90px; text-decoration: none;color: #303030;
} */
/* .personal .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background: #74b960; /* Old Browsers *
    background: -webkit-linear-gradient(top,#74b960,#9bd589); /*Safari 5.1-6*
    background: -o-linear-gradient(top,#74b960,#9bd589); /*Opera 11.1-12*
    background: -moz-linear-gradient(top,#74b960,#9bd589); /*Fx 3.6-15*
    background: linear-gradient(to bottom, #74b960, #9bd589); /*Standard*;
    border: 0;
    border-bottom-color: none;
    border-bottom-color: transparent;
  max-width: 100% !importan; text-decoration: none
} */
/* .personal .nav-tabs .active p{color: #fff}


.personal .nav-tabs .active:before {;content: '';width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent;
  border-top: 30px solid #9bd589;position:absolute;; margin:220px auto;margin-left:-20px}

.personal .nav-tabs {position: absolute; margin-top: -328px; border: 0!important; padding: 0 5px; transform: translateX(-50%); left: 50%;width: 100%}
 */
/* Sobre Nosotros */
.us {max-width: 100%; text-align: center}
.us h1 {text-align: left; text-transform: uppercase}
.us .col-sm-7 p {text-align: justify; margin: 20px  0}
.dir {max-width: 100%; margin-top: 80px}
.dir span {max-width: 380px; background: #9dd78d; display: inline-block; font-size: 20px;padding:10px 60px;
  border-radius:0px 20px 20px 0px;left: -4.5%; position: relative; z-index: -1 ;font-weight: 600; text-transform: uppercase; top:35px}
.dir a {color: #fff; text-decoration: none; max-width: 100%; display: inline-block}
.dir i {position: absolute; margin-left:  -40px; font-size: 24px; top: 25px}

.v, .m {max-width: 350px; text-align: center !important;margin:40px 10px ; display: inline-block; height: 280px; border: 2px solid #57bcb4; position: relative}
.v strong {display: block; text-transform: uppercase; color: #4f4f4f;padding-top:50px;margin: 5px 0; font-size:24px}
.m strong {display: block; text-transform: uppercase; color: #4f4f4f;padding-top:50px;margin: 5px 0; font-size:24px}
.v p {text-align:justify; padding: 5px 10px}
.m p {text-align:justify; padding: 5px 10px}
.v img {position:absolute; margin-top:-60px; left: 50%; transform: translateX(-50%);}
.m img {position:absolute; margin-top:-55px; left: 50%; transform: translateX(-50%);}

.video {max-width: 100%; padding: 50px 0; text-align: center; background: #ebebeb; border-top: 5px solid #9dd78b; border-bottom: 5px solid #9dd78b;}
.vid-us {display: inline-block; max-width: 400px}
.vid-us iframe, .vid-us video {border: 5px solid #58bdb5; background-color: black;}
.vid-us p {margin: 10px 0;}

.sb {padding-top:60px}

.valores {max-width: 100%; text-align: center}
.valores strong {display: block;margin: 10px 0; font-size: 22px}
.valores ul {padding: 0; display: inline-block; text-align:center}
.valores li {display: block; }
.valores li strong {font-size: 19px; text-align: left;color: #00347b }
.valores p {text-align: left}

/* Portal 330 */
.portal {max-width: 100%; text-align: center; background: #ddd; padding-bottom: 80px}
.portal h2 {display: block; margin: 20px 0}
.media-boxes-filter > li a.selected {background:#003f5e!important }
.media-boxes-filter > li a:hover {background:#003f5e!important}
.media-boxes-filter > li a {font-size: 16px!important;margin:0 2px!important}
.media-boxes-search {font-size: 16px!important;}
.media-boxes-load-more-button {display: none!important;}
.media-box-more a, .media-box-view-image a {
    margin: 10px 0!important;;
    color: #003f5e!important;;
    font-weight: 600;
  background:#9cd88b ; padding: 10px!important;display: inline-block; font-size: 16px

}

.media-boxes-container {margin-left: 0!important;;}
.media-box-content a {font-size: 16px!important;}
.media-box-content .media-box-date, .media-box-content .media-box-text {font-size: 16px; text-align: left; margin: 10px 0}

.event-single {margin-top:30px!important;; margin-bottom: 100px!important;}
.events-plus-2 .event-single .ti8le {

    font-size: 44px;
    text-align: center;
  padding: 40px 10px!important; padding-top: 80px!important}

/* Que son los centros de salud */
.center {max-width: 100%}
.more-inf {text-align: center; max-width: 100%}
.more-inf ol {text-align: left; }
.img-graf {max-width: 100%;}
.img-graf strong {color: #3e3e3e; font-size: 19px}
.img-graf img {max-width: 400px; display: inline-block}
.img-graf li {text-align: left; display: block; margin: 10px; font-size: 18px; font-weight: 600}
.more-inf {margin-top: 20px}
.enlaces-centros p {text-align: left; margin: 30px 0}

.medi {color: #546e7a}
.privado {color:#289c92}
.noaseguro {color: #a3cc39 }
.medicaid {color: #93d5d9}


/*  */
.abcfslSPgCntr {margin: 10px 0!important;margin-top: 30px!important;}
.PT-F3 {margin: 5px 0!important;}
/* CV */

/* Empleos */
.empleos {max-width: 100%; }
.empleos h1 {text-align: center; margin-bottom:35px}
.search_jobs {background: #58bdb5;border-top: 5px solid #003f5e;padding: 30px 20px !important}
.job {max-width: 100%; margin: 20px 0}
#submit-resume-form p {text-align: center}
#submit-resume-form .button {background: #a5cd39!important;border: 0; font-size: 22px; padding: 10px; color: #003f5e; font-weight: 700}
.single-resume-content img { text-align: center; display: block; margin: auto; max-width: 300px}
.resume-links li {display: block; color: #333}
.resume-links {padding: 0; margin-top: 20px}
.job-title {color: #003f5e; font-size: 20px}
.meta li {font-size: 20px}
.resume_contact_button {background:#a5cd39; padding: 5px 10px ; font-size: 20px; border: 0;color: #003f5e; font-weight: 600 }
.single-resume-content a {color:#95c519; font-size: 20px }
.single-resume-content p { font-size: 20px}
.job_listings { border: 1px solid #e5e5e5}
.job_filters .job_types {background: #fff!important;}
.search_jobs input {border-radius: 5px !important;padding:7px 10px; color: #000!important;}

.chosen-single {display: block !important;height: auto !important;padding-top: 5px!important;padding-bottom: 5px!important;}
.chosen-single div b {margin: 6px 0!important;}

.job_filters .job_types li {padding: 13px !important;border-right: 1px solid #ebebeb !important;}
.job_filters .job_types {font-size: 14px!important;color:#797979; text-transform: uppercase;border: 1px solid #e5e5e5;}

.job_listings h3 {color: #75787f; font-size: 22px!important;}
.job-manager-application-wrapper .application .application_details, .single_job_listing .application .application_details {border: 1px solid #003f5e !important;;}
.job-manager-uploaded-files .input-text button {background: #fff!important;}
.job-manager-form fieldset input.input-text, .job-manager-form fieldset select, .job-manager-form fieldset textarea{border-radius: 5px; border: 1px solid #b0e0a3}
.job-manager-application-wrapper .application .application_details:before, .single_job_listing .application .application_details:before {
    content: "";
    position: absolute;
    margin: -10px 0 0 0;
    top:0px ;
    left: 5em;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #003f5e!important;;
}

.empleos .nav-tabs { border-bottom: 0!important;}

.empleos .nav-tabs > li {float: none!important;}
.emp-movil {display: none!important;}
.new-em {
  float: none !important;
  display: inline-block;
  width:310px !important;
  margin: 20px !important;background: #fff; height:auto !important;border-radius: 10px!important;text-align: center; background: #f0f0f0; transition: 0.3s all ease-in-out

}
.new-em:hover {box-shadow: 0 0 10px grey;transition: 0.3s all ease-in-out}
.empleos .nav-tabs .active {box-shadow: 0 0 10px grey; background: #58bdb5!important;transition: 0.3s all ease-in-out; display: inline-block!important}
.new-em a {
  font-size: 24px;
  color: #003f5e;
  display:block;;padding:10px 0; vertical-align: middle; text-align: center;transition: 0.3s all ease-in-out
}

.new-em strong {display: block!important;; text-align: center; margin: auto; margin-top: 10px}


.empleos .nav-tabs > li.active {color: #003f5e!important;display: block}

.empleos .nav-tabs > li.active > a, .empleos .nav-tabs > li.active > a:focus, .empleos .nav-tabs > li.active > a:hover {

    color: #003f5e!important;;
    cursor: default;background-color: transparent; text-decoration: none; text-align: center; display: block

}

.empleos .nav-tabs > li.active > a, .empleos .nav-tabs > li.active > a:focus, .empleos .nav-tabs > li.active > a:hover {color: #555;cursor: default;background-color:transparent!important;;border: 0!important;;border-bottom-color: transparent!important;;border-bottom-color: transparent;

}
/* Galería */
.gallery {max-width: 100%; text-align: center; background:#ddd }
.aigpl-gallery-album-wrp { display: inline-block; margin:20px 10px}

.aigpl-inr-wrp {box-shadow: 0 0 5px; padding: 10px }
.aigpl-inr-wrp:hover {opacity: 0.7; transition: 0.3s all ease-in-out }
.aigpl-img-count {display: none}
.aigpl-img-title {color: #003f5e; font-size: 20px!important;}
.aigpl-breadcrumb-wrp {background: #003f5e; position: absolute; width: 100%; left:0;display:block; padding: 10px 0; color:#fff;font-size:20px}
.aigpl-breadcrumb-wrp a {color:#a5cd39; font-size:20px }
.aigpl-breadcrumb-wrp a:hover, .aigpl-breadcrumb-wrp a:focus {color:#a5cd39 }
.aigpl-gallery {margin-top: 70px}

/* Colaboradores */
.colaboradores {max-width: 100%; text-align: center; border-bottom: 10px solid #003f5e}
.colaboradores .row {margin: 50px 0;}
.colaboradores ul {padding: 0}
.colaboradores li {margin: 15px; text-align: left}
.colaboradores strong {display: block; margin: 10px 0; font-size: 20px}
.colaboradores p {text-align: left; display: block}
.colaboradores .col-sm-3 .btn-blue {padding: 10px; font-size: 16px}

/* ZIKA */
.proyectos {text-align: center; max-width: 100%; padding: 0}
.proyectos .row {margin-top: 50px}
.proyectos li, .proyectos p {text-align: left}
/* .proyectos li {display: block; font-size: 18px; margin: 20px 0; text-align: left}
.proyectos i {color: #59bdb5; font-size: 22px}
.proyectos strong {text-align: left; font-size: 20px; display: block; margin: 20px 0} */
.proyectos p {text-align: left;font-size: 16px;}
.proyectos ul {text-align: center; display: inline-block}

.center-block {display: none!important;}
#clt-2018 {display: none!important;}
.timeline-meta {display: none!important;}

.small {font-size: 16px!important;text-align: left; }
.ultimate-style .timeline-post .timeline-content .content-details {
    padding: 15px 5px!important;;
}
.cool-timeline .timeline-post {
    margin-bottom: 0px!important;
}
.zika {text-align: center;max-width: 100%; padding-top: 50px}
.img-zika {max-width: 100%; height: auto;border: 5px solid #d2d2d2;}
.img-zika iframe {max-width: 100%}
.txt-zik strong {display: block; font-size: 24px;}

.transfondo strong {display: block; margin: 20px 0; font-size: 20px; text-align:left}
.transfondo p {text-align: justify;}
.transfondo li {display: inline-table; width: 300px; text-align: left; margin: 10px;font-size: 17px; border: 5px solid #58bdb5;height: 100px; padding: 10px }

.estrategia {padding: 0; max-width: 100% }
.estrategia .estra {display: block; font-size: 20px; margin: 20px 0}
.estrategia li {font-size: 17px}
 .estrategia .row {margin-top: 50px}
.zika li, .estrrategia li {text-align: left}
.estrategia p {text-align: left}
.zika p {text-align: left}
.dark-bar {text-align: center; background: #41a2a7; }
.health {text-align: center; background: #94d5d9; }
.zik {padding: 10px; }
.proyectos img, .zika img, .estrategia img {margin-bottom: 10px}
.health strong {color: #003e5c!important}
.health p {max-width:800px; display: inline-block}
.tri-downn-h {
  width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 30px solid #94d5d9;
  margin:auto;position:absolute;left:50%;transform: translateX(-50%); z-index: 1
}
.tri-downn {
  width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 30px solid #41a2a7;
  margin:auto;position:absolute;left:50%;transform: translateX(-50%); z-index: 1
}
.dark-bar strong {color:#fff; font-size: 30px!important;display: inline-block!important;}
.dark-bar i {font-size: 40px;}

.citacion quoteblock {
  display: block;
  margin: 70px auto;
  max-width: 700px;
  border-left: 7px solid #003f5e;
  padding: 25px;
  font-size: 20px;
  background-color: #eeeeee;
  line-height: 2;
  border-radius: 0 5px 5px 0;
}
.citacion i {
  margin: 0 10px;
  color: #58bdb5;
}
.prgm-pr-pcan {text-align: left; margin-top: 70px}
.prgm-pr-pcan p, .prgm-pr-pcan ul {font-size: 18px}
.prgm-pr-pcan ul li {margin-bottom: 10px;}
.prgm-pr-pcan strong {padding: 0!important;}
.prgm-pr-pcan a {color: #3e3e3e!important; font-size: 22px}
.img-pr-pcan {margin-top: 50px;max-width:100%}
.img-pr-pcan img {max-width: 100%}
.mapa-pcan {margin-top: 20px}

/* Semana Nacional */
.national {text-align: center}
.txt-semana {text-align: left; max-width: 100%;margin: 10px 0}
.txt-semana strong {color: #013d5f; font-size: 18px; display:inline-block; margin: 10px 0}
.txt-semana li {display: inline-block}
.txt-semana i {font-size: 30px;line-height: 10px}
.img-national {max-width: 100%;margin: 20px 0}

.fotos-vdeos a {color: #6cd7fe}
.nach {text-align: center; max-width: 100%;}
.hcan strong {text-align: left; display: block; margin-top:20px; font-size: 18px}
.vid {max-width: 100%; margin-bottom: 20px}
.vid iframe {max-width: 100%}

.hcan p{text-align: left}
.hstag {text-align: center; max-width: 100%}
.hstag strong {display: block; margin: 10px 0; font-size: 18px}
.hstag p {color:#68d5fe; ;font-size: 18px}
.crear-eventos {text-align: left; max-width: 100%; margin: 20px 0}
.crear-eventos strong {font-size: 18px; margin: 10px 0; display: block}
.fotos-vdeos strong {font-size: 18px; margin: 10px 0; display: block}
.fotos-vdeos {max-width: 100%; text-align: left; margin: 10px 0}
.download {text-align: center; max-width: 100%}
.download li {display: inline-block}
.download strong {font-size: 20px}
.w3eden .panel {display: none!important}
.w3eden .col-md-12 {display: inline-block; max-width: 25%}
.w3eden .well {
 width: 260px;
  ; display:inline-block ;
    padding:0 0px;
    box-shadow: none;
    border: 1px solid #979797;
    background: transparent;
    border-radius: 0px;
  height: 155px; margin: 10px 0
}


.media-body {padding: 10px;}
.w3eden .pull-left {
    float:!important;
  background: #58bdb5; height: 155px;padding: 0; width: 100px
}


.w3eden .wpdm-link-tpl img.wpdm_icon  {width: 100px!important;; display: block; height: 100px!important;margin-top: 20px}
.media-body a{font-size: 19px!important;color: #5f5f5f!important; text-transform: uppercase; }
.media-body span {display: none!important;}
.wpdm-download-link {position: absolute; margin-top: 85px; right: 7%; background:#003f5e!important;color: #fff!important;padding:5px 10px!important;; border-radius: 20px }

/* HCSS */
.hcss {text-align: left; margin:50px 20px}

/* CONVENCION*/
.conv-mov {display: none}
#auspiciadores iframe {border: 10px solid #c05d22 }
.convencion-dash {max-width: 100%; text-align: center; padding-top: 0; padding-bottom: 110px;}
.convencion-dash  h1 {color: #003f5e; font-weight: 700; margin-top: 0px; display: block; }
.conv-deskk {color: #fff; display: block; max-width: 1000px; margin: 10px auto; text-align: justify}
.convencion-dash  .vrt-deskk  {color: #fff; max-width: 1200px; margin: auto; text-align: justify}
.per-conv {
  float: none !important;
  display: inline-table !important;
  width:250px !important;
  margin: 20px 10px !important;background: #fff; height:150px !important;border-radius: 10px!important;text-align: center;transition: 0.3s all ease-in-out

}
.per-conv .bg {display: block!important;; text-align: center; padding: 0; margin: 0}
.per-conv:hover {box-shadow: 0 0 10px grey;background: #eee; transition: 0.3s all ease-in-out}
/* .per-conv a strong::after {content: '\f103'; font-family: FontAwesome;  display: block; font-size: 32px} */
.convencion-dash .nav-tabs .active {box-shadow: 0 0 10px grey; background: #95c519!important;}
.per-conv strong {display: block}
.per-conv i {font-size: 32px; }
/* .convencion-dash .nav-tabs .active strong:after {content: '\f103'; font-family: FontAwesome;  display: block; font-size: 32px} */
.per-conv a {
  font-size: 24px;
  color: #003f5e;
  display:block; margin-top: 20px;padding: 0 10px; vertical-align: middle;
  text-align: center;
}

.convencion-dash .btn-blue {padding: 10px 50px; font-size: 18px; border-radius:5px}
.convencion-dash .nav-tabs > li.active {color: #fff!important;}

.convencion-dash .nav-tabs > li.active > a, .convencion-dash .nav-tabs > li.active > a:focus, .convencion-dash .nav-tabs > li.active > a:hover {

    color: #fff!important;;
    cursor: default;background-color: transparent; text-decoration: none;

    text-align: center;
}
.book-heading h3 {display: block!important; margin: 20px 0!important;}
.book-heading a {color: #333}
.book-heading a:hover {text-decoration: none}
.per-conv a:hover {
  text-decoration: none !important;
  border: 0 !important;
}

.convencion-dash .nav-tabs {
  border-bottom: 0 !important;background: #58bdb5; padding-top: 20px; padding-bottom: 20px;
  ;
  padding-left: 0
}

.convencion-dash .nav-tabs > li > a {

    margin-right: 2px;
     line-height: 30px!important; ;
    border: 0px !important;;
    border-radius: 0!important;;
  background: transparent;
    text-align: center;height: 125px;
}

.convencion-dash .nav-tabs > li > a:hover {background: transparent;text-align: center;}

.directores-asppr {display: inline-block;max-width: 400px; margin: 20px 30px}
.directores-asppr strong {display: block; margin: 10px 0; font-size: 20px; color: #003f5e}
.directores-asppr p {display: block; font-size: 18px}
.directores-asppr img {max-width: 350px}

#alicia .modal-dialog, #allan .modal-dialog {width: 1100px;}
#alicia .modal-dialog .modal-content, #allan .modal-dialog .modal-content {background: #eee}
#alicia .modal-dialog .modal-footer , #allan .modal-dialog .modal-footer {text-align: center}
#alicia .modal-dialog p, #allan .modal-dialog p {text-align: justify; margin:20px 10px}
#alicia .modal-dialog img, #allan .modal-dialog img {max-width: 200px}
#alicia .modal-dialog .modal-title, #allan .modal-dialog .modal-title {color:#c45e29; margin-top: 20px; font-weight: 600 }
#alicia .modal-dialog b, #allan .modal-dialog b {text-align: right; display: block; margin-right:  10px;color:#c45e29}
#alicia .modal-dialog i, #allan .modal-dialog i {text-align: right; display: block; margin-right:  10px;font-size: 20px}
#alicia .modal-dialog .close, #allan .modal-dialog  .close {font-size: 34px}
.convencion-dash p {text-align: left;color: #333;font-size: 18px;font-weight: 400;}



.c2021  .panel-heading { margin: 20px 0px;background: #fff; border-radius: 5px}
.c2021 .panel-title {font-weight: 700!important;font-size: 25px;color: #c45e29}
.convencion-dash .panel-title {font-size: 22px}
.convencion-dash #accordion a h4 {color: #fff; font-size: 20px}
.convencion-dash #accordion2 a h4 {color: #fff; font-size: 20px}
.convencion-dash .link-template-default {display: inline-table!important;height: 200px!important; }
.convencion-dash .collapse li {text-align: left; font-size: 17px; font-weight: 400; color: #333;}
.convencion-dash .collapse strong {display: block; color: #003f5e}


/* .convencion-dash .tab-pane {background: #eee} */
/* .convencion-dash .panel-title {font-weight: 700!important;font-size: 21px;}
.convencion-dash #inf .panel-collapse p {font-size: 18px; text-align: justify; font-weight: 400}
.convencion-dash  .lead:hover, .convencion-dash  .lead:focus  {text-decoration: none; color: #333}
.convencion-dash .tab-content .panel-heading { margin: 20px 0px;background: #ddd; border-radius: 5px} 
*/
.convencion-dash #programa .panel-heading {background: #eee}
.convencion-dash #inf .panel-heading a {color:#c45e29;}
.convencion-dash #inf .panel-heading a:hover {color:#003f5e;}

.convencion-dash #programa .miercoles .panel-heading a {color:#c45e29;}
.convencion-dash #programa .jueves .panel-heading a {color:#58bdb5;}
.convencion-dash #programa .viernes .panel-heading a {color:#95c519;}
.convencion-dash #programa .sabado .panel-heading a {color:#003f5e;}
.convencion-dash #programa .panel-heading a:hover {color:#003f5e;}
.convencion-dash #programa b {display: block}

 

.regis, .reuniones, .sesiones, .apertura, .alimentos, .asamblea, .educacion-cont, .exhibidores, .clausura {display: inline-table; width: 480px; margin: 20px 10px; }

.ln-prog {border-right: 5px solid #58bdb5;}
.inf-progr {display: block; max-width: 100%; margin:30px 10px;}
.inf-progr i {display: inline-block;font-size: 21px}
.inf-progr .hrs-prg {display: inline-block; text-align: left; font-size: 22px;}
.inf-progr strong {display: block;text-align: left; font-size: 18px; color:#003f5e }

.inf-progr p {display: block; margin-top: 10px}

.inf-progr .brwn-prg {color: #c45e29}
.inf-progr .green-prg {color: #95c519}
.convencion-dash .panel-collapse ul {padding: 0 10px; display: inline-block; text-align: center}

.convencion-dash #programa .miercoles, .jueves, .viernes, .sabado {margin: 30px; display: block}


/* BIBLIOTECA VIRTUAL */
.vrt-mov {display: none!important}
.documentos .w3eden .panel {display: none!important}
.documentos .w3eden .col-md-12 {display: inline-flex!important;; max-width: 15%;float:none!important;}
.documentos .panel-body strong {display: block; font-size: 22px; margin: 20px; border-bottom: 5px solid #157f74; color: #004568; text-align: left; padding-bottom: 10px;max-width: 350px;margin-left: 20%}
.ml-3, .mr-3 {align-content: center!important;justify-content: center!important;; text-align: center!important;margin-bottom: 20px;}
.mr-3 {margin-top: 20px;}
.documentos .w3eden .well {
     width: 300px;;
    display:inline-block;
    padding:0px 0px;
    box-shadow: none;
    border: 2px solid #95c519;

    background: transparent;
    border-radius: 0px;
    height:auto; margin: 10px 0px; float: none!important;
}


.documentos h2 {display: inline-block;}
.documentos i {font-size: 26px; vertical-align: middle; margin:0 10px}
.documentos a:hover, .documentos a:focus {text-decoration: none}
.documentos .media-body {padding: 0px}
.documentos .w3eden .pull-left {

  background: #58bdb5; height: auto;padding: 0; width: 100%; float: none!important;text-align: center;
}

.documentos #accordion .panel, .documentos #accordion2 .panel, .documentos #accordion3 .panel {margin: 30px 10px!important;}
.documentos .panel-heading a {color:#c45e29;}

.documentos .tab-content .panel-heading { margin: 30px 0px;}
.documentos .tab-pane {background: #fff}
.documentos .panel-title {font-weight: 700!important;font-size: 22px}
.documentos .panel-body {text-align: center; display: block; margin: auto; padding: 0 10px;}
.documentos .w3eden .wpdm-link-tpl img.wpdm_icon  {max-width: 100%!important;; display: block; height: auto!important;margin-top: 0px; margin: auto;}
.documentos h3 a {text-align: left; margin: 10px 10px; display: block; text-transform:none; }
.documentos .pull-right {float: none!important;text-align: center;}
.documentos .wpdm-download-link {position: relative; margin-top: 20px; background:#157f74!important;color: #fff!important;padding:5px 10px!important;; border-radius: 5px; right: 0 }
.enl-diab {display: block; text-align: left; margin: 10px; color: #333; font-size: 18px}

/* Centros */
.center li {display: inline-block}
.center .neon {color: #95c519; font-size: 14px}
.center .marron {color: #c35f2b;font-size: 14px}
.center .azul-oscuro {color: #259a91;font-size: 14px}
.center .azul-claro {color: #4fb5ba;font-size: 14px}

/* Programas */
.programas {text-align: center; max-width: 100%;padding-top: 0}
.enlaces-interes {max-width: 100%;text-align: left}
.enlaces-interes a {color: #0f978b!important;display: block;font-size: 18px; font-weight: 600}
.programas .panel,  .colaboradores .panel { margin: 0px auto ; height: auto; max-width:100%;text-align: center;box-shadow: none ;border:0}
.programas .panel-group,  .colaboradores .panel-group {padding-top: 50px!important;margin-top: 0!important}
.programas .panel-group .panel + .panel, .colaboradores .panel-group .panel + .panel {margin-top: 0px!important;}
.programas .fa-caret-down {color: #fff; right: 5%; font-size: 50px; margin-top: -15px; margin-right: 50px; position: absolute; }
.programas .panel-body strong, .colaboradores .panel-body strong {display: block; font-size: 20px!important;}
.programas .panel-body, colaboradores .panel-body {font-size: 18px; padding:0px 10px;border: 0}
.programas .medium-grey .container, .programas .light-grey .container {max-width: 100%}
.programas .panel-body p {text-align: left; padding: 15px 0}
.medium-grey {background: #f1f1f1;height: 600px}
.mnos {height: 450px!important}
.light-grey {background: #f5f5f5;height: 600px}
.programas .panel-body ul {text-align: left; font-size: 18px}
.greyy {background: #f5f5f5;}
.programas .panel-heading .panel-title, .colaboradores .panel-heading .panel-title {text-transform: uppercase; font-size: 18px;color: #fff; padding: 20px 0 ;font-weight: 600; font-size: 20px}
.programas .panel-heading a, .colaboradores .panel-heading a {text-decoration: none; color: #4e4e4e;}
.gris {background:#f5f5f5}

.light-green { display: block;background: linear-gradient(to right, #aed97d,#b5dfa0 );}
/* .light-green p {text-align: left; padding: 0 80px } */
.lightt-blue {width: 100%; display: block; background: linear-gradient(to right,#7ec9ce,#6fc4c7 );}
/* .lightt-blue p {text-align: left;padding: 0 80px} */
.dark-green {width: 100%; display: block;background: linear-gradient(to right, #96c34e,#9dd483 );}
/* .dark-green p {text-align: left;padding: 0 80px } */
.dark-blue {width: 100%; display: block; background: linear-gradient(to right,#3a9ba1,#51b3b6 )}
/* .dark-blue p {text-align: left;padding: 0 80px } */
.programas strong {display: block;padding:20px 10px;font-size:18px }
.programas a {color: #fff; text-decoration: none}

.lol {height: 380px}
.long {height: 420px}
.tri-down {
  width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #fff;
  margin:auto;position:absolute;left:50%;transform: translateX(-50%); z-index: 1
}

/* Banner */
.header-banner {max-width: 100%; height: 300px; border-bottom: 10px solid #58bdb5}
.emp .header-tittle {position: absolute; right -2%; max-width:700px;margin-top: 100px; }
.header-banner .header-tittle strong {display: block; padding: 10px 30px; font-size:28px;transform: skew(20deg); color: #fff; margin-top: 10px}
.header-tittle {max-width: 500px; right: -2%; background:#003f5e; transform: skew(-20deg); margin-top:100px;padding: 5px 50px;position: absolute }
.ct .header-tittle {max-width: 500px; right: -2%; background:#003f5e; transform: skew(-20deg); margin-top:100px;padding: 5px 100px;position: absolute }
.ct .header-tittle strong {display: block; padding: 15px 30px; font-size:35px;transform: skew(20deg); color: #fff}

.centrs-sp .header-tittle {max-width: 600px; right: -1.5%; background:#003f5e; transform: skew(-20deg); margin-top:100px;padding: 5px 60px;position: absolute }
.centrs-sp .header-tittle strong {display: block; padding: 15px 10px; font-size:33px;transform: skew(20deg); color: #fff}

/* COVID 19 */
.py-5 {padding-top: 25px; padding-bottom: 25px;}
.pb-5 {padding-bottom: 5em;}
.corona {max-width: 100%; text-align: center}
.corona h1 {text-transform: uppercase; font-weight: 600; width: 600px; margin:20px auto}

.corona strong {text-align: left; display: block; margin: 10px 0; font-size: 22px}
.corona p {display: block; text-align: left; font-size: 18px}

.vacunate {text-align: center; padding-bottom: 0}
.vacunate .wine {border: 2px solid #ddd; margin: 10px; }
.vacunate h4  {color: #d01721!important;font-weight: 700!important;}
.sintomas {border: 1px solid #9ed88c; display: block; text-align: center;padding: 20px 0; margin-top: 30px }
.sintomas b {text-align: center; text-transform: uppercase; font-size: 28px; display: block}
.sintomas ul {padding: 0;}
.sintomas li {margin: 10px ;width: 300px; font-size: 22px; text-align: center; display: inline-block}
.sintomas strong {display: block; text-align: center; font-size: 20px}

.icon-coro {max-width: 100%; text-align: center; background:#dbecfe }
.icon-coro ul {padding: 0}
.icon-coro li {display: inline-table; width: 700px; margin: 20px 0}
.icon-coro p {display: inline-table; width: 400px; font-size: 18px; text-align: left; margin:0 10px; vertical-align: middle}
.icon-coro img {display: inline-table}

.wpdm_icon {display: none}
.text-muted {display: none}
.documentos-pdf strong {display: block; color: #003f5e; font-size: 24px; margin: 20px 0; margin-bottom: 0px}
.documentos-pdf .media-body a {

    font-size: 20px !important;
    color: #5f5f5f !important;
    text-transform: capitalize;

}

.documentos-pdf hr {border-bottom: 1px solid #b1b1b1}
.documentos-pdf h4 {display: block!important;}
.documentos-pdf .panel a {text-decoration: none}
.documentos-pdf .col-sm-6 {padding: 0;}
.documentos-pdf .panel h4 {text-align: center; color: #fff; font-size: 22px; text-transform: uppercase; font-weight: 700; padding: 10px 0}
.documentos-pdf p {display: inline-flex; margin: auto}
.documentos-pdf p a {margin: 5px}
/* .documentos-pdf p {display: block; font-size: 20px; color: #5f5f5f ; margin: 10px 0;padding-bottom: 10px} */
.documentos-pdf p  a{display: inline-block}
.linea {border-right: 2px solid #b1b1b1}
/* .documentos-pdf .w3eden {border-bottom: 1px solid #b1b1b1; padding: 10px} */

.documentos-pdf table {border-top: 0!important;}
.documentos-pdf table th {; text-align: center; }
.documentos-pdf .wpdm-download-link {

    position: relative;
    margin-top: 0;
    right: 0%;display: inline-block!important;margin: 10px 0;
    background: #56beb7 !important;
    color: #fff !important;
    padding: 7px 20px !important;font-size: 18px; text-transform: capitalize!important;border: transparent; border-radius: 20px!important;transition: 0.3s all ease-in-out


}

.documentos-pdf .wpdm-download-link:hover {

    position: relative;
    margin-top: 0;
    right: 0%;
    background: #003f5e !important;
    color: #fff !important;
     !important;font-size: 18px; text-transform: capitalize!important;transition: 0.3s all ease-in-out; margin: 10px 0;


}

.documentos-pdf .ml-3, .documentos-pdf .mr-3 {

    align-content: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 0px;margin-top: 0
}

.documentos-pdf .media-body {

    padding: 0px;

}

.documentos-pdf .dataTables_wrapper  {position: relative!important; display: block;margin: auto;width: 100%;height:auto; margin-top: 0px;  background: #fff;border: 2px solid #ddd}
.documentos-pdf .dataTables_wrapper:before{display: none}
.dataTable:after{display: none}

.dataTables_filter input {color: #555!important;border-radius: 20px!important;padding: 0 5px!important; border: 0!important;}
table.dataTable tbody tr {
    background-color: transparent!important;
    margin: 0 !important;
}

.documentos-pdf .dataTables_length {display: none}
.documentos-pdf #categories {display: none}
.documentos-pdf #wpdmmydls-136043826089e25e1bb28d8ea741ec36 td.__dt_col_categories {display: none!important;}
.documentos-pdf .__dt_col_page_link {background: none!important;padding: 10px!important;}
.documentos-pdf .__dt_col_page_link a {color: #003f5e!important; }
.documentos-pdf  #wpdmmydls-136043826089e25e1bb28d8ea741ec36 td.sorting_1{display: none!important;}
.documentos-pdf #update_date {display: none}
.documentos-pdf #wpdmmydls-136043826089e25e1bb28d8ea741ec36 td span {display: none}

.documentos-pdf #categories {display: none}
.documentos-pdf #wpdmmydls-793deb9e186f99ce066697f392522958 td.__dt_col_categories {display: none!important;}
.documentos-pdf .__dt_col_page_link {background: none!important;padding: 10px!important;}

.documentos-pdf .__dt_col_page_link a {color: #003f5e!important; }
.documentos-pdf  #wpdmmydls-793deb9e186f99ce066697f392522958 td.sorting_1{display: none!important;}
.documentos-pdf #update_date {display: none}
.documentos-pdf #wpdmmydls-793deb9e186f99ce066697f392522958 td span {display: none}


.documentos-pdf #wpdmmydls-cb8b436c54133d373a21efe5767d7fcf td.__dt_col_categories {display: none!important;}
.documentos-pdf .__dt_col_page_link {background: none!important;padding: 10px!important;text-align: c}
.documentos-pdf .__dt_col_page_link a {color: #003f5e!important; }
.documentos-pdf  #wpdmmydls-cb8b436c54133d373a21efe5767d7fcf td.sorting_1{display: none!important;}
.documentos-pdf #update_date {display: none}
.documentos-pdf #wpdmmydls-cb8b436c54133d373a21efe5767d7fcf td span {display: none}



.documentos-pdf .dataTables_filter{display: none}
.documentos-pdf .paginate_button {padding: 0!important; font-size: 14px}
.documentos-pdf #wpdmmydls-c65db97ff9d419fad22fba06e671023c td.__dt_col_categories {display: none!important;}
.documentos-pdf .__dt_col_page_link {background: none!important;padding: 10px!important;}
.documentos-pdf .__dt_col_page_link a {color: #003f5e!important; }
.documentos-pdf  #wpdmmydls-c65db97ff9d419fad22fba06e671023c td.sorting_1{display: none!important;}
.documentos-pdf #update_date {display: none}
.documentos-pdf #wpdmmydls-c65db97ff9d419fad22fba06e671023c td span {display: none}


.documentos-pdf .dataTables_info {
    color: #333 !important;
}


.new-portal .panel-body strong {
    display: inline-block;
    font-size: 22px;
    margin: 20px auto;
    border-bottom: 5px solid #157f74;
    color: #004568;
    text-align: left;
    padding-bottom: 10px;
    max-width: 350px;

}

.new-portal table {border-top: 0!important;}
.new-portal  table th {; text-align: center; }
.new-portal  .wpdm-download-link {

    position: relative;
    margin-top: 0;
    right: 0%;display: inline-block!important;margin: 10px 0;
    background: #56beb7 !important;
    color: #fff !important;
    padding: 7px 20px !important;font-size: 18px; text-transform: capitalize!important;border: transparent; border-radius: 20px!important;transition: 0.3s all ease-in-out


}

.new-portal .wpdm-download-link:hover {

    position: relative;
    margin-top: 0;
    right: 0%;
    background: #003f5e !important;
    color: #fff !important;
     !important;font-size: 18px; text-transform: capitalize!important;transition: 0.3s all ease-in-out; margin: 10px 0;
	
}

.new-portal  .ml-3, .new-portal  .mr-3 {

    align-content: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 0px;margin-top: 0
}

.new-portal  .media-body {

    padding: 0px;

}

.new-portal  .dataTables_wrapper  {position: relative!important; display: block;margin: auto;width: 100%;height:auto; margin-top: 0px;  background: #fff;border: 2px solid #ddd}
.new-portal  .dataTables_wrapper:before{display: none}
.dataTable:after{display: none}

.dataTables_filter input {color: #555!important;border-radius: 20px!important;padding: 0 5px!important; border: 0!important;}
table.dataTable tbody tr {
    background-color: transparent!important;;
    margin: 0 !important;
}

.new-portal  .dataTables_length {display: none}
.new-portal  #categories {display: none}
.new-portal  #wpdmmydls-136043826089e25e1bb28d8ea741ec36 td.__dt_col_categories {display: none!important;}
.new-portal .__dt_col_page_link a {margin: 10px; display: block;}
.new-portal   #wpdmmydls-136043826089e25e1bb28d8ea741ec36 td.sorting_1{display: none!important;}
.new-portal  #update_date {display: none}
.new-portal  #wpdmmydls-136043826089e25e1bb28d8ea741ec36 td span {display: none}
.new-portal .__dt_col_page_link {background-image: url('https://saludprimariapr.org/web/wp-content/uploads/2019/05/favicon.png')!important;background-size: 36px!important;background-position: 5px!important 8px;background-repeat:  no-repeat!important;padding-left: 52px!important;line-height: normal;}

.new-portal  #categories {display: none}
.new-portal  #wpdmmydls-793deb9e186f99ce066697f392522958 td.__dt_col_categories {display: none!important;}

.new-portal   #wpdmmydls-793deb9e186f99ce066697f392522958 td.sorting_1{display: none!important;}
.new-portal  #update_date {display: none}
.new-portal  #wpdmmydls-793deb9e186f99ce066697f392522958 td span {display: none}


.new-portal  #wpdmmydls-cb8b436c54133d373a21efe5767d7fcf td.__dt_col_categories {display: none!important;}

.new-portal   #wpdmmydls-cb8b436c54133d373a21efe5767d7fcf td.sorting_1{display: none!important;}
.new-portal  #update_date {display: none}
.new-portal  #wpdmmydls-cb8b436c54133d373a21efe5767d7fcf td span {display: none}



.new-portal  .dataTables_filter{display: none}
.new-portal  .paginate_button {padding: 0!important; font-size: 14px}
.new-portal  #wpdmmydls-c65db97ff9d419fad22fba06e671023c td.__dt_col_categories {display: none!important;}

.new-portal   #wpdmmydls-c65db97ff9d419fad22fba06e671023c td.sorting_1{display: none!important;}
.new-portal  #update_date {display: none}
.new-portal  #wpdmmydls-c65db97ff9d419fad22fba06e671023c td span {display: none}


.new-portal  .dataTables_info {
    color: #333 !important;
}
.cv {max-width: 100%; height: 300px; background: url(img/Headers/cv/cv.png)left no-repeat;}
.sn {max-width: 100%; height: 300px; background: url(img/Headers/sobre-nosotros.png)left no-repeat;}

/* Header Directorio - Temporeramente Generico */
.direct {max-width: 100%; height: 300px; background: url(img/Headers/generico-d.png)left no-repeat;}

.emp {max-width: 100%; height: 300px; background: url(img/Headers/empleo.png)left no-repeat;}
.ct {max-width: 100%; height: 300px; background: url(img/Headers/contacto.png)left no-repeat;}
.program {max-width: 100%; height: 300px; background: url(img/Headers/programas.png)left no-repeat;}
.centrs-sp {max-width: 100%; height: 300px; background: url(img/Headers/centros-salud-primaria.png)left no-repeat;}
.semana-nacional {max-width: 100%; height: 300px; background: url(img/Headers/semana-centros.png)left no-repeat;}
.evnts {max-width: 100%; height: 300px; background: url(img/Headers/Eventos/eventos-d.png)left no-repeat;}
.tes {max-width: 100%; height: 300px; background: url(img/Headers/Testimonios/testimonios-d.png)left no-repeat;}
.gal {max-width: 100%; height: 300px; background: url(img/Headers/Galeria/galeria-d.png)left no-repeat;}
.colabora {max-width: 100%; height: 300px; background: url(img/Headers/Colaboradores/colaboradores-d.png)left no-repeat;}
.blog {max-width: 100%; height: 300px; background: url(img/Headers/Noticias/noticias-d.png)left no-repeat;}
.gene {max-width: 100%; height: 300px; background: url(img/Headers/generico-d.png)left no-repeat;}

.covid {max-width: 100%; height: 300px; background: url(img/Headers/coronavirus-d.png)left no-repeat;}

/* Contacto */
.contact {max-width: 100%; text-align: center}
.contact ul {padding: 0;margin-top: 50px}
.contact li {text-align:  left; list-style: none; font-size: 20px; margin: 10px }
.contact a {color:#4b4b4b;font-size: 20px }

.contact p {display: inline-block;max-width: 100%;  }
.contact i { padding: 5px; color: #fff}
.contact .fa-phone {background:#95c519;padding: 5px 8px;  }
.contact .fa-envelope {background: #57bdb3}
.contact .fa-fax {background: #003f5e}
.contact .fa-map-marker {background: #cc632a; padding: 5px 10px}

/* botonos */
.btn-white {display: inline-block; background: #fff; color: #003f5e; padding: 10px 20px; border-radius: 20px}
.btn-white:hover, .btn-white:focus {color: #fff; text-decoration: none; background: #003f5e}
.btn-blue {display: inline-block; background: #003f5e; color: #fff; padding: 10px 20px; border-radius: 20px; }
.btn-blue:hover, .btn-green:focus {background: #19132d; color: #fff; text-decoration: none}
.btn-green {display: inline-block; background: #56beb7; color: #fff; padding: 10px 20px; border-radius: 20px; }
.btn-green:hover, .btn-green:focus {background: #19132d; color: #fff; text-decoration: none}
section {padding: 20px 0px;}

/* Blog */
.single_job_listing .company {background: #58bdb5}
.company strong {color: #003f5e; font-size: 20px}
.single_job_listing .application {text-align: center; margin-bottom: 40px;}
.company .tagline {color: #fff!important;font-weight: 700; letter-spacing: 1px}
.page-title {max-width: 100%; color: #003f5e; text-align: center; }
.page-title strong {text-transform: uppercase;position: relative; margin: 50px ; display: inline-block; font-size: 28px }
#blog {max-width: 100%;background: #fff}
.btn-oferta {text-align: center; margin: 20px 0; padding-bottom: 40px}
.application_button {background: #95c519 !important; color: #fff !important; padding: 10px 20px!important;
  border-radius: 10px !important;font-size: 20px!important;border: 0!important;}

.application_button:hover, .application_button:focus {color: #fff!important;; text-decoration: none; background: #003f5e!important;}
.wp_job_manager_send_application_button {background: #58bdb5!important;color: #fff!important; padding: 10px!important;border: 2px solid transparent!important;font-size: 20px}
.wp_job_manager_send_application_button:hover, .wp_job_manager_send_application_button:focus {background: #fff!important;color: #58bdb5!important;border: 2px solid #58bdb5!important;}


/* Footer */
footer {background: #4f4f4f; border-top: 5px solid #a5cd39; color: #fff; padding-top: 70px;text-align: left}
footer a {color: #fff}
footer a:hover, footer a:focus {color: #fff}
.fmenu a {display: table; font-size: 18px; margin-bottom: 5px}
.fmenu strong, .fcont strong {font-size: 20px; display: block; margin: 10px 0}
.fmenu ul, .fcont ul {font-size: 18px; padding-left: 0; list-style: none}

.logo-footer {width: 320px; margin: -100px auto 0; background: #95c519; padding: 100px 10px 0 10px;}
.logo-footer:before {content: ''; width: 0; height: 0; border-bottom: 25px solid #6c8f0f; border-left: 30px solid transparent; position: absolute; margin-left: -40px; margin-top: -100px}
.logo-footer:after { content: '';
    width: 0;
    height: 0;
    border-top: 50px solid #95c519;
    border-right: 320px solid transparent!important;
    position: absolute;
    top: 99.8%;margin-left: -10px;
    display: flex}

/* .fsocial {background: #95c519; display: inline-block; padding: 30px 40px 10px 20px; position: absolute; right: -10px; margin-top: -231px; transform: skew(10deg)} */
.fsocial {display: inline-block;position: relative; transform: skew(10deg); margin: 0 5px}
/* .fsocial:before {content: ''; width: 0; height: 0; border-bottom: 20px solid #6c8f0f; border-left: 30px solid transparent; position: absolute; margin-left: -50px; margin-top: -30px} */
.fsocial a {display: inline-block; font-size: 24px; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; background: #fff; color: #95c519; text-align: center; transform: skew(-10deg)}
.fsocial a:hover, .fsocial a:focus{background: #6c8f0f; color: #fff}
.fsocial i {line-height: 40px}
.nivaxel {text-align: center; padding: 10px 0; margin-top: 50px}

.scrollup {
  display:none; position:fixed; z-index: 100; bottom:20px; right:20px;
  background:#555; color:#fff; font-size:36px; width:50px; height:50px;
  border-radius:25px; text-align:center; cursor:pointer; opacity:0.7;
}
.scrollup i {line-height:  50px!important;}
.scrollup:hover {opacity: 1;}
.mobile {display: none}

/* Error 404 */
.not-found {text-align: center; margin-top: 100px; font-size: 24px;}

/* Animaciones */
.slideanim, .slideanim2, .slideanim3, .bouncein, .rotatein, .slideUp  {visibility: hidden;}
.slideInDown {animation-name: slideInDown; -webkit-animation-name: slideInDown}
.slidea {animation-name: slidea; -webkit-animation-name: slidea;}
.slideleft {animation-name: slideleft; -webkit-animation-name: slideleft;}
.slideright {animation-name: slideright; -webkit-animation-name: slideright;}
.bounceInUp {animation-name: bounceInUp; -webkit-animation-name: bounceInUp;}
.slideInUp {animation-name: slideInUp; -webkit-animation-name: slideInUp;}
.rotateInUpLeft {animation-name: rotateInUpLeft; -webkit-animation-name: rotateInUpLeft}
.slidea, .slideleft, .slideright, .bounceInUp, .rotateInUpLeft, .slideInUp {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  visibility: visible;
}
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}


@keyframes slidea {
  0% {
    opacity: 0;
    transform: translateY(70%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-webkit-keyframes slidea {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
/* Slide Left along X axis */
@keyframes slideleft {
  0% {
    opacity: 0;
    transform: translateX(-70%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-70%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
/* Slide Right along X axis */
@keyframes slideright {
  0% {
    opacity: 0;
    transform: translateX(70%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(70%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

/* Responsive */

@media screen and (max-width: 1905px){
   .tree li .bno {position: absolute; margin-top: 590px!important;;width: 145px!important;}

  .tree .bueno {padding: 0; left: -70% !important;}
  .tree .bueno::before, .tree .bueno::after{
	content: '-----------------------------------------'!important;;
	position: absolute; top:750px!important;; left: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}

  .tree li a{
	border: 1px solid #ccc;
	padding: 5px 1px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	width: 146px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
   .tree li .abso {position: absolute; margin-top: -200px;width: 140px!important;}
  .tree strong {display: block; max-width: 100%; padding: 5px 0px; color: #fff; font-size: 25px; border-radius: 5px }
  .tree .sec {padding: 0}
  .tree .sec::before, .tree .sec::after{
    content: '----------------------------------------------------------------------------------'!important;
    position: absolute; top: -50px; right: 0%;
    border-top: none;color: #c6df80;
    width: 0px; height:0px;z-index: -1;
  }
}

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

     .tree li .bno {position: absolute; margin-top: 600px!important;;width: 136px!important;}

  .tree .bueno {padding: 0; left: -70% !important;}
  .tree .bueno::before, .tree .bueno::after{
	content: '---------------------------------------'!important;;
	position: absolute; top:750px!important;; left: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}

  .tree li a{
	border: 1px solid #ccc;
	padding: 5px 1px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	width: 136px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
   .tree li .abso {position: absolute; margin-top: -200px;width: 130px!important;}
  .tree strong {display: block; max-width: 100%; padding: 5px 0px; color: #fff; font-size: 25px; border-radius: 5px }
  .tree .sec {padding: 0}
  .tree .sec::before, .tree .sec::after{
    content: '-----------------------------------------------------------------------------'!important;
    position: absolute; top: -50px; right: 0%;
    border-top: none;color: #c6df80;
    width: 0px; height:0px;z-index: -1;
  }
   .navbar-brand:before {content: ''; width: 0; height: 0; border-bottom: 35px solid #18132a; border-right: 25px solid transparent; position: absolute; margin-left: 309px}
  .navbar-brand:after {content: ''; width: 0; height: 0; border-top: 35px solid #18132a; border-right: 35px solid transparent; position: absolute; margin-left: 28px; margin-top: 115px}
  .navbar-brand {width: 340px;}
  .navbar-brand img {max-width: 280px; }
  .navbar-nav li a {color: #003f5e; font-weight: 700; font-size: 18px; padding: 10px 5px}
}

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


.med {display: inline-block; max-width: 100%; margin-top: 90px; position: absolute; z-index: 0;}
.bk-prev span {display: block; margin-top: 45px; position: absolute; z-index: 1}

.txt-centros {max-width: 600px; right: -5%; background:#003f5e; transform: skew(-20deg);position: absolute; margin-top:-420px;padding: 5px }
.txt-centros p {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 26px }
.txt-centros strong {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 35px ; display: block}

/* .txt-map {max-width: 100%; position: absolute; margin-top:-280px; display: block; text-align:right; right: 10% }
.txt-map p {max-width:350px; display: inline-block; text-align: left; font-size: 40px; color: #269b92; font-weight: 700} */
  .txt-map {max-width: 100%; position: absolute; margin-top:-280px; display: block; text-align:right; right: 10% }
.txt-map p {max-width:550px; display: inline-block; text-align: center; font-size: 32px; color: #269b92; font-weight: 700}

/*  .txt-map .fa-angle-down {background:   #d2e28a; font-size: 50px; padding:0px 7px; border-radius: 50%; color: #fff} */
  .ct .header-tittle {max-width: 500px; right: -2%; background:#003f5e; transform: skew(-20deg); margin-top:100px;padding: 5px 80px;position: absolute }
.ct .header-tittle strong {display: block; padding: 15px 30px; font-size:35px;transform: skew(20deg); color: #fff}
}

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

      .tree li .bno {position: absolute; margin-top: 590px!important;;width: 126px!important;}

  .tree .bueno {padding: 0; left: -70% !important;}
  .tree .bueno::before, .tree .bueno::after{
	content: '--------------------------------------'!important;;
	position: absolute; top:700px!important; left: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}

  .tree li a{
	border: 1px solid #ccc;
	padding: 5px 1px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	width: 126px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
   .tree li .abso {position: absolute; margin-top: -200px;width: 126px!important;}
  .tree strong {display: block; max-width: 100%; padding: 5px 0px; color: #fff; font-size: 25px; border-radius: 5px }
  .tree .sec {padding: 0}
  .tree .sec::before, .tree .sec::after{
    content: '-----------------------------------------------------------------------'!important;
    position: absolute; top: -50px; right: 0%;
    border-top: none;color: #c6df80;
    width: 0px; height:0px;z-index: -1;
  }

    .dataTables_wrapper {width: 435px;height: auto;margin-top: -100px;background: linear-gradient(#7bc475,#258081);padding:10px ;right: 0;}
  .wpgmza_table_title {font-size: 15px}
  .wpgmza_table_marker { width: 20px!important;}
  .wpgmza_table_marker img {display: block !important;margin: auto!important;margin-bottom: auto;width: 32px !important;}
    #wpgmza_filter_2 {position: absolute!important;z-index: 1; right: 9%; margin-top: -90px; z-index: 2; }
  #wpgmza_filter_2  select {width: 24%;}
  #wpgmza_table_2_filter {z-index: 100; position: relative}
  .dataTables_filter input {
    color: #555 !important;
    border-radius: 20px !important;
    padding: 0 5px !important;
    border: 0 !important;width: 150px
}
  .dataTable::after {content: '';width: 0;height: 0;border-right: 75px solid #007877;border-bottom: 119px solid transparent;margin-left: -85px; position: absolute;top: 600px;}
}



@media screen and (max-width: 1590px){
  .mapa {height: 580px}
  .regis, .reuniones, .sesiones, .apertura, .alimentos, .asamblea, .educacion-cont, .exhibidores, .clausura {display: inline-table; width: 400px; margin: 20px 10px; }

  #alicia .modal-dialog, #allan .modal-dialog {width: 1000px;}

  .documentos .w3eden .col-md-12 {max-width: 18%}
.documentos .panel strong {display: block; font-size: 20px; margin: 20px; border-bottom: 5px solid #157f74; color: #004568; text-align: left; padding-bottom: 10px}
.documentos .w3eden .well {
     width: 220px;
    display:inline-block;
    padding:0px 0px;
    box-shadow: none;

    background: transparent;
    border-radius: 0px;
  ; margin: 10px 0px; float: none!important;
}

  .navbar-nav {text-align: right}

   .navbar-nav li a {color: #003f5e; font-weight: 700; font-size: 17px; padding: 10px 5px}
  .navbar-brand {padding: 0; width: 265px; height: 150px; position: absolute; left: -15px; top: -35px; background: #003f5e; transform: skew(20deg);}
  .navbar-brand:before {content: ''; width: 0; height: 0; border-bottom: 35px solid #18132a; border-right: 25px solid transparent; position: absolute; margin-left: 236px}
  .navbar-brand:after {content: ''; width: 0; height: 0; border-top: 35px solid #18132a; border-right: 35px solid transparent; position: absolute; margin-left: 26px; margin-top: 115px}
  .navbar-brand img {transform: skew(-20deg); position:relative; top: 25px; max-width: 210px; left: 10px}


/*    .navbar-brand:before {content: ''; width: 0; height: 0; border-bottom: 35px solid #18132a; border-right: 25px solid transparent; position: absolute; margin-left: 294px}
  .navbar-brand:after {content: ''; width: 0; height: 0; border-top: 35px solid #18132a; border-right: 35px solid transparent; position: absolute; margin-left: 24px; margin-top: 115px}
  .navbar-brand {width: 320px;}
  .navbar-brand img {max-width: 270px; left: 1%}
  .navbar-nav li a {color: #003f5e; font-weight: 700; font-size: 18px; padding: 10px 9px} */

      .tree li .bno {position: absolute; margin-top: 600px!important;;width: 116px!important;}

  .tree .bueno {padding: 0; left: -70% !important;}
  .tree .bueno::before, .tree .bueno::after{
	content: '--------------------------------------'!important;;
	position: absolute; top:720px!important;; left: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}


  .tree li a{
	border: 1px solid #ccc;
	padding: 5px 1px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	width: 116px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
   .tree li .abso {position: absolute; margin-top: -200px;width: 116px!important;}
  .tree strong {display: block; max-width: 100%; padding: 5px 0px; color: #fff; font-size: 25px; border-radius: 5px }
  .tree .sec {padding: 0}
  .tree .sec::before, .tree .sec::after{
    content: '------------------------------------------------------------------'!important;
    position: absolute; top: -50px; right: 0%;
    border-top: none;color: #c6df80;
    width: 0px; height:0px;z-index: -1;
  }



  .documentos-pdf .dataTables_wrapper  {position: relative!important; max-width: 100%;height:auto; margin-top: 0px; background: #fff;border: 2px solid #ddd}
.documentos-pdf .dataTables_wrapper:before{display: none!important;}
.dataTable:after{display: none!important}
  .documentos-pdf .dataTables_wrapper  {position: relative!important; max-width: 100%;height:auto; margin-top: 0px; background: #fff;border: 2px solid #ddd}
.documentos-pdf .dataTables_wrapper:before{display: none!important;}
.dataTable:after{display: none!important}







}

@media screen and (max-width:1509px){
  .per a {margin-top: 40px}
.otr {margin-top: 20px; display: block}

  .documentos .nav-tabs > li > a {font-size: 20px;line-height: 24px !important;}
  .per {
  float: none !important;
  display: inline-table !important;
  width:170px !important;
  margin: 20px 5px !important;background: #fff; height:185px !important;border-radius: 10px!important;position: relative

}
  .rendi {margin-top: 30px}
  .equi {margin-top: 40px}

  .documentos ul {padding: 0}
}
@media screen and (max-width: 1490px){
  .txt-map {max-width: 100%; position: absolute; margin-top:-280px; display: block; text-align: right }
  .txt-map p {max-width: 430px; display: inline-block; text-align: center; font-size: 32px; color: #269b92; font-weight: 700}
/*   .dataTables_wrapper {width: 640px}

  {position: absolute!important;z-index: 1; right: 24%; margin-top: -90px} */



  .convencion-dash #programa .miercoles, .jueves, .viernes, .sabado {margin: 50px 100px; display: block}
  .tree li a{
	border: 1px solid #ccc;
	padding: 5px 1px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	width: 107px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
   .tree li .abso {position: absolute; margin-top: -200px;width: 107px!important;}
  .tree strong {display: block; max-width: 100%; padding: 5px 0px; color: #fff; font-size: 25px; border-radius: 5px }
  .tree .sec {padding: 0}
  .tree .sec::before, .tree .sec::after{
    content: '--------------------------------------------------------------'!important;
    position: absolute; top: -50px; right: 0%;
    border-top: none;color: #c6df80;
    width: 0px; height:0px;z-index: -1;
  }

  .tree li .bno {position: absolute; margin-top: 570px!important;;width: 107px!important;}

  .tree .bueno {padding: 0; left: -70% !important;}
  .tree .bueno::before, .tree .bueno::after{
	content: '-----------------------------------'!important;;
	position: absolute; top:700px!important;; left: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}
}

@media screen and (max-width: 1436px){
  .icon-coro li {width: 500px; margin: 20px 0;}
  .icon-coro p {width: 250px}

}
@media screen and (max-width:1400px){

 .navbar-nav li a {color: #003f5e; font-weight: 700; font-size: 16px; padding: 10px 5px}
  .navbar-brand {padding: 0; width: 265px; height: 150px; position: absolute; left: -15px; top: -35px; background: #003f5e; transform: skew(20deg);}
  .navbar-brand:before {content: ''; width: 0; height: 0; border-bottom: 35px solid #18132a; border-right: 25px solid transparent; position: absolute; margin-left: 236px}
  .navbar-brand:after {content: ''; width: 0; height: 0; border-top: 35px solid #18132a; border-right: 35px solid transparent; position: absolute; margin-left: 26px; margin-top: 115px}
  .navbar-brand img {transform: skew(-20deg); position:relative; top: 25px; max-width: 210px; left: 10px}
  .home-serv ul li {display: inline-table;width: 270px;}
  .subcribe p {font-size: 22px;}
  .subcribe a { margin-left: 20px;font-size: 22px;}

  .fmenu a {display: table; font-size: 15px; margin-bottom: 5px}
  .fmenu strong, .fcont strong {font-size: 18px; display: block; margin: 10px 0}
  .fmenu ul, .fcont ul {font-size: 15px; padding-left: 0; list-style: none}

  .logo-footer {width: 250px; margin: -100px auto 0; background: #95c519; padding: 100px 10px 0 10px;}
  .logo-footer:after {border-right: 250px solid transparent!important;;}
/*   .fsocial {background: #95c519; display: inline-block; padding: 30px 40px 10px 20px; position: absolute; right: -10px; margin-top: -241px; transform: skew(10deg)} */
  .mapa .wpgmza_sl_main_div {position: absolute; left: 60%; margin-top: -400px; background: linear-gradient(#88ce75, #7bc475); padding: 10px}
  .mapa .wpgmza_basic_list {position: absolute; left: 60%; margin-top: -250px; background: linear-gradient(#7bc475, #258081); padding: 10px}
  .mapa #locationSelect {position: absolute}

  .bk-prev {max-width: 750px; left: 0; background: url(img/Headers/background-map-laptop.png)left no-repeat; ; display: block; height:490px}
  .med {display: inline-block; max-width: 100%; margin-top: 90px; position: absolute; z-index: 0;left: 8%}
  .bk-prev span {display: block; margin-top: 40px; position: absolute; z-index: 1}
  .bk-prev span img {max-width: 140px}

  .txt-centros {max-width: 550px; right: -5%; background:#003f5e; transform: skew(-20deg);position: absolute; margin-top:-420px;padding: 5px }
  .txt-centros p {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 24px }
  .txt-centros strong {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 32px ; display: block}

/*   .txt-map {max-width: 100%; position: absolute; margin-top:-280px; display: block; text-align: right }
  .txt-map p {max-width: 330px; display: inline-block; text-align: left; font-size: 40px; color: #269b92; font-weight: 700}
  .txt-map .fa-angle-down {background:   #d2e28a; font-size: 45px; padding:0px 7px; border-radius: 50%; color: #fff} */

}

@media screen and (max-width:1366px){
      #wpgmza_filter_2 {position: absolute!important;z-index: 1; right: 11.1%; margin-top: -90px; z-index: 2; }

  .wpgmza_map {border-bottom: 1px solid #0396aa!important;}
  #wpgmza_map_2 {width: 110%!important;left:-10%!important;}
  .mapa {background-color:#d5f4fd!important; border-bottom: 10px solid #0396aa!important; height: 600px}

  .navbar-brand {padding: 0; width: 265px; height: 150px; position: absolute; left: -15px; top: -35px; background: #003f5e; transform: skew(20deg);}
  .navbar-brand:before {content: ''; width: 0; height: 0; border-bottom: 35px solid #18132a; border-right: 25px solid transparent; position: absolute; margin-left: 236px}
  .navbar-brand:after {content: ''; width: 0; height: 0; border-top: 35px solid #18132a; border-right: 35px solid transparent; position: absolute; margin-left: 26px; margin-top: 115px}
  .navbar-brand img {transform: skew(-20deg); position:relative; top: 25px; max-width: 210px; left: 10px}

  .header-banner {max-width: 100%; height: 350px;}
  .evnts {max-width: 100%; height: 350px; background: url(img/Headers/Eventos/eventos-l.png)left no-repeat;}
  .tes {max-width: 100%; height: 350px; background: url(img/Headers/Testimonios/testimonios-l.png)left no-repeat;}
  .gal {max-width: 100%; height: 350px; background: url(img/Headers/Galeria/galeria-l.png)left no-repeat;}
  .colabora {max-width: 100%; height: 350px; background: url(img/Headers/Colaboradores/colaboradores-l.png)left no-repeat;}
  .blog {max-width: 100%; height: 300px; background: url(img/Headers/Noticias/noticias-l.png)left no-repeat;}
  .emp {max-width: 100%; height: 350px;background: url(img/Headers/empleo-laptop.png)left no-repeat; }
  .sn {max-width: 100%; height: 350px;background: url(img/Headers/sobre-nosotros-laptop.png)left no-repeat; }
  .direct {max-width: 100%; height: 350px;background: url(img/Headers/generico-l.png)left no-repeat; }
  .ct {max-width: 100%; height: 350px;background: url(img/Headers/contacto-laptop-2.png)left no-repeat; }
  .program {max-width: 100%; height: 350px;background: url(img/Headers/programas-laptop.png)left no-repeat; }
  .centrs-sp {max-width: 100%; height: 350px;background: url(img/Headers/centros-salud-primaria-laptop.png)left no-repeat; }
  .semana-nacional {max-width: 100%; height: 350px;background: url(img/Headers/semana-centros-laptop.png)left no-repeat; }
  .gene {max-width: 100%; height: 350px; background: url(img/Headers/generico-l.png)left no-repeat;}
  .cv {max-width: 100%; height: 350px; background: url(img/Headers/cv/cv-laptop.png)left no-repeat;}
    .covid {max-width: 100%; height: 350px; background: url(img/Headers/coronavirus-laptop.png)left no-repeat;}


  .header-tittle {margin-top: 140px;}
  .emp .header-tittle {margin-top: 140px}

  .ct .header-tittle {max-width: 500px; right: -2%; background:#003f5e; transform: skew(-20deg); margin-top:130px;padding: 5px 60px;position: absolute }
.ct .header-tittle strong {display: block; padding: 15px 30px; font-size:32px;transform: skew(20deg); color: #fff}
  .bk-per .header-tittle {max-width: 550px;right: -2%; background:#003f5e; transform: skew(-20deg); margin-top:80px;padding: 5px 80px;
  position: absolute }
  .header-tittle p {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 24px ;text-align: left}
  .bk-per .header-tittle strong {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 35px ; display: block; text-align: left}

  .tree li .bno {position: absolute; margin-top: 570px!important;;width: 100px!important;}

  .tree .bueno {padding: 0; left: -70% !important;}
  .tree .bueno::before, .tree .bueno::after{
	content: '-----------------------------------'!important;;
	position: absolute; top:700px!important;; left: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}

  .tree li a{
	border: 1px solid #ccc;
	padding: 5px 1px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	width: 100px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
   .tree li .abso {position: absolute; margin-top: -200px;width: 100px!important;}
  .tree strong {display: block; max-width: 100%; padding: 5px 0px; color: #fff; font-size: 25px; border-radius: 5px }
  .tree .sec {padding: 0}
  .tree .sec::before, .tree .sec::after{
    content: '----------------------------------------------------------'!important;
    position: absolute; top: -50px; right: 0%;
    border-top: none;color: #c6df80;
    width: 0px; height:0px;z-index: -1;
  }

  .tree li .bno {position: absolute; margin-top: 560px !important;;width: 100px!important;}

  .tree .bueno {padding: 0; left: -70% !important;}
  .tree .bueno::before, .tree .bueno::after{
	content: '------------------------------'!important;;
	position: absolute; top:670px!important;; left: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}
  .tree .bueno::after{
	right: auto; left: 0%;
	border-left: 0;}
}

@media screen and (max-width:1290px ){
        #wpgmza_filter_2 {position: absolute!important;z-index: 1; right: 12.2%; margin-top: -90px; z-index: 2; }

  .documentos .vrt-deskk {
    color: #fff;
    max-width: 900px;
    margin: auto;margin-bottom: 10px;
    text-align: justify;
}
    #wpgmza_map_2 {width: 110%!important;left:-10%!important;}

    .convencion-dash #programa .miercoles, .jueves, .viernes, .sabado {margin: 50px 50px; display: block}

  .regis, .reuniones, .sesiones, .apertura, .alimentos, .asamblea, .educacion-cont, .exhibidores, .clausura {display: inline-table; width: 350px; margin: 20px 5px; }
  .navbar-nav {text-align: right;}
  .tree li a{
	border: 1px solid #ccc;
	padding: 5px 1px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	width: 90px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
   .tree li .abso {position: absolute; margin-top: -200px;width: 90px!important;}
  .tree strong {display: block; max-width: 100%; padding: 5px 0px; color: #fff; font-size: 25px; border-radius: 5px }
  .tree .sec {padding: 0}
  .tree .sec::before, .tree .sec::after{
    content: '-------------------------------------------------'!important;
    position: absolute; top: -50px; right: 0%;
    border-top: none;color: #c6df80;
    width: 0px; height:0px;z-index: -1;
  }


   .tree li .bno {position: absolute; margin-top: 570px !important;;width: 90px!important;}

  .tree .bueno {padding: 0; left: -70% !important;}
  .tree .bueno::before, .tree .bueno::after{
	content: '------------------------------'!important;;
	position: absolute; top:670px!important;; left: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}



}

@media screen and (max-width: 1199px){
  .convencion-dash .link-template-default {display: inline-table!important;height: auto!important; }
  .colaboradores .col-sm-3 .btn-blue {padding: 10px 15px; font-size: 16px}
.otr {margin-top: 5px; display: block}

  .sintomas li {margin: 10px ;width: 250px; font-size: 22px; text-align: center; display: inline-block}
    .icon-coro li {width: 450px; margin: 20px 0;}
  .icon-coro p {width: 250px; font-size: 17px}
  .icon-coro img {max-width: 120px}

  #adModal .modal-dialog {width:80%; text-align: center}

  .new-em {

    float: none !important;
    display: inline-block;
    width: 250px !important;
    margin: 20px 15px!important;
    background: #fff;
    height: auto !important;
    border-radius: 10px !important;
    text-align: center;
    background: #f0f0f0;
    transition: 0.3s all ease-in-out;

}
  .per-conv {

    float: none !important;
    display: inline-table !important;
    width: 200px !important;
    margin: 20px 10px !important;
    background: #fff;
    height: 150px !important;
    border-radius: 10px !important;
    text-align: center;

}

  .directores-asppr {

    display: inline-table;
    max-width: 350px;
    margin: 20px 20px;

}
.directores-asppr img {

    max-width: 300px;

}

  .conv-deskk {max-width: 800px}
  #alicia .modal-dialog, #allan .modal-dialog {width: 900px;}
  .documentos .panel-body strong {display: block; font-size: 22px; margin: 20px; border-bottom: 5px solid #157f74; color: #004568; text-align: left; padding-bottom: 10px;max-width: 350px;margin-left: 7%}
  .documentos .w3eden .col-md-12 {max-width: 18%}
.documentos .panel strong {display: block; font-size: 20px; margin: 20px; border-bottom: 5px solid #157f74; color: #004568; text-align: left; padding-bottom: 10px}
.documentos .w3eden .well {
     width: 200px;
    display:inline-block;
    padding:0 0px;
    box-shadow: none;
    background: transparent;
    border-radius: 0px;
    height:auto; margin: 10px 10px
}

  .documentos .w3eden .media-right, .w3eden .media > .pull-right {

    padding-left: 0px;

}
  .colaboradores li {max-width: 200px; display: inline-block; margin: 20px 10px}
  .colaboradores strong {display: block; margin: 10px 0; font-size: 19px}
    .centrs-sp .header-tittle {max-width: 450px; right: -1.5%; background:#003f5e; transform: skew(-20deg); margin-top:130px;padding: 5px 40px;position: absolute }
  .centrs-sp .header-tittle strong {display: block; padding: 15px 10px; font-size:32px;transform: skew(20deg); color: #fff}
  .map-busq {max-width: 100%;margin-top: 40px}
  .medium-grey {background: #f1f1f1;height: 700px}
  .mnos {height: 550px!important}
  .light-grey {background: #f5f5f5;height: 700px}
  .transfondo li {display: inline-table; width: 220px; text-align: left; margin: 10px;font-size: 17px; border: 5px solid #58bdb5;
    height: 130px; padding: 10px }

/*   .light-green {height: 450px}
  .lightt-blue {height: 450px}
  .dark-blue {height: 450px}
  .dark-green {height: 450px}
 .lol {height: 400px}
  .long {height: 500px} */

 .tree li .abso {position: absolute; margin-top: -200px;width: 80px!important;}
  .tree strong {display: block; max-width: 100%; padding: 5px 0px; color: #fff; font-size: 25px; border-radius: 5px }
  .tree .sec {padding: 0}
  .tree .sec::before, .tree .sec::after{
    content: '-----------------------------------------------'!important;
    position: absolute; top: -50px; right: 0%;
    border-top: none;color: #c6df80;
    width: 0px; height:0px;z-index: -1;
  }
  .tree li a{
	border: 1px solid #ccc;
	padding: 5px 1px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	width: 80px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}


   .tree li .bno {position: absolute; margin-top: 560px !important;;width: 80px!important;}

  .tree .bueno {padding: 0; left: -70% !important;}
  .tree .bueno::before, .tree .bueno::after{
	content: '------------------------------'!important;;
	position: absolute; top:670px!important;; left: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}
  .abcfslGridCol { max-width: 200px; margin: 40px 5px; height: 290px;}
  .header-banner {max-width: 100%; height: 300px;}
  .emp .header-tittle {right: -2%; max-width:480px;margin-top: 100px; padding:5px 25px}
  .emp {max-width: 100%; height: 300px; }
  .header-banner .header-tittle strong {display: block; padding: 15px 10px; font-size:26px}
  .header-tittle {right: -2%;max-width: 450px }
  .per {float: none !important; display: inline-table!important; background:#fff!important;width: 160px !important;
  margin:50px 10px !important;height:220px; }
  .personal .nav-tabs > li > a {
    margin-right: 0px!important;
    line-height:;
    border: 0;
    border-radius: 0;
    height: 220px!important;
    width: 160px!important;; display: block; padding-top:60px; text-decoration: none;color: #303030}
/*   .mapa .wpgmza_sl_main_div {position: absolute; left: 50%;}
  .mapa .wpgmza_basic_list {position: absolute; left: 50%; } */
  
  .directorio .btn-white {font-size: 18px;}
  .home-serv ul li {display: inline-table;width: 200px;}
/*   .fsocial {padding: 30px 10px 10px ;right: -100px;width: 250px; display: inline-block}
  .fsocial:before {content: ''; width: 0; height: 0; border-bottom: 20px solid #6c8f0f; border-left: 30px solid transparent; position: absolute; margin-left: -40px; margin-top: -30px} */
  .logo-footer {width: 200px; margin: -100px auto 0; background: #95c519; padding: 100px 10px 0 10px;}
  .logo-footer:after {border-right: 200px solid transparent!important;}
  footer .col-sm-4 {max-width: 290px}
  .header-map {border-bottom: 10px solid #249c92; max-width: 100%; height: 500px}
  .bk-prev {max-width: 750px; left: 0; height:490px}
  .med {display: inline-block; max-width: 500px; margin-top: 157px; position: absolute; z-index: 0;}
  .bk-prev span {display: block; margin-top: 40px; position: absolute; z-index: 1}

  .txt-centros {max-width: 500px; right: -7%; background:#003f5e; transform: skew(-20deg);position: absolute; margin-top:-420px;padding: 5px }
  .txt-centros p {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 22px }
  .txt-centros strong {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 30px ; display: block}

/*   .txt-map {max-width: 100%; position: absolute; margin-top:-280px; display: block; text-align: right; right: 8% }
  .txt-map p {max-width: 300px; display: inline-block; text-align: left; font-size: 36px; color: #269b92; font-weight: 700}
  .txt-map .fa-angle-down {font-size: 40px} */

    .txt-map {max-width: 100%; position: absolute; margin-top:-280px; display: block; text-align: right; right: 3% }
  .txt-map p {max-width: 350px; display: inline-block; text-align: center; font-size: 30px; color: #269b92; font-weight: 700}

  .dir {display: inline-block; max-width: 100%; margin-top: 70px}
  .dir span {max-width: 330px; font-size: 18px; padding: 10px 40px; left: -5%}
  .dir img {max-width: 150px}
  .dir i {margin-left: -25px; font-size: 20px}
  .v, .m {max-width: 300px; height: 290px}
  .bk-per .header-tittle {max-width: 500px;right: -2%; background:#003f5e; transform: skew(-20deg); margin-top:80px;padding: 5px 50px;
  position: absolute }
  .header-tittle p {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 22px ;text-align: left}
  .bk-per .header-tittle strong {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 30px ; display: block; text-align: left}

/*  .light-green p {padding: 10px 50px;}
  .lightt-blue p {padding: 10px 50px;}
  .dark-blue p {padding: 10px 50px;}
  .dark-green p {padding: 10px 50px;} */

  .main-tab {float: none !important; display: inline-table !important; background:transparent!important; width: 0px !important;
  margin:50px 10px !important; height:250px;}
  .personal .nav-tabs > .main-tab > a {
    margin-right: 0px!important;
    border: 0;
    border-radius: 0;
    height: 250px!important;
    width: 180px!important;; display: block; padding-top: 90px; text-decoration: none;color: #303030; }

/*   .online {max-width: 100% ; background: #00a098; padding: 0; height: auto}
.biblio {display: inline-block; width: 380px; height: auto; background: #fff; text-align:center; transform: skewX(-15deg);padding-bottom: 20px }
.biblio span {display:block;max-width: 380px;transform: skewX(15deg);}
.biblio strong {display: block; font-size: 24px; text-transform: uppercase; margin-bottom: 20px}
.biblio ul {text-align: left; font-size: 17px}
.biblio ul li {margin-bottom: 10px}
.biblio img {display: inline-block; margin-left: 13%; margin-top: 20px; margin-bottom: 20px} */

/* .home-event {max-width: 400px; ;display: inline-block; right: 10%;position: absolute; margin: 10px 0 }
 */

  .w3eden .well {
 width: 205px;
  ; display:inline-block ;
    padding:0 0px;
    box-shadow: none;
    border: 1px solid #979797;
    background: transparent;
    border-radius: 0px;
  height: 165px; margin: 10px 0 }


  .media-body {padding: 10px}
  .w3eden .pull-left {
      float: !important;
    background: #58bdb5; height: 165px;padding: 0; width: 80px
  }

  .w3eden .wpdm-link-tpl img.wpdm_icon {width: 70px!important;; display: block; height: 70px!important;margin-top: 50px}
  .media-body a{font-size: 15px!important;color: #5f5f5f!important; text-transform: uppercase}
  .media-body span {display: none!important;}
  .wpdm-download-link {position: absolute; margin-top:105px; right: 6%; background:#003f5e!important;color: #fff!important;padding:5px!important;; border-radius: 20px }

  .bright span {max-width: 100%; display: inline-block; padding: 20px 50px; }
  .bright {display:block; max-width: 500px;margin: auto; text-align: center}
  .test .owl-carousel .owl-prev{position:absolute;top:205px!important;background:transparent;margin: 0 auto !important;color: #58bdb5!important;}
  .test .owl-carousel .owl-next {position: absolute;top:205px!important;background:transparent;margin: 0 auto !important;color: #58bdb5!important;}


 .documentos .per {float: none !important; display: inline-table!important; background:#fff!important;width: 250px !important;
  margin:15px 5px !important;height:150px!important; }

  .rendi {margin-top: 25px}
  .equi {margin-top: 30px}
    .documentos-pdf .dataTables_wrapper  {position: relative!important; max-width: 100%;height:auto; margin-top: 0px;;}
.documentos-pdf .dataTables_wrapper:before{display: none!important;}
.dataTable:after{display: none!important}


 .dataTables_wrapper {width: 100%;margin-top: 0; position: relative!important;height: auto!important;}
   #wpgmza_filter_2 {position: absolute!important;z-index: 1; right: 0%; margin-top: 510px; left: 1%;z-index: 10}
  #wpgmza_filter_2  select {width: 15%;}
   #wpgmza_map_2 {width: 130%!important;left:0%!important;}
   .wpgmza_map {border-bottom: 0px!important;}
  .mapa {height: auto}
  
/*   .navbar-nav li a {color: #003f5e; font-weight: 700; font-size: 16px; padding: 10px 5px}
  .navbar-brand {padding: 0; width: 245px; height: 150px; position: absolute; left: -15px; top: -35px; background: #003f5e; transform: skew(20deg);}
  .navbar-brand:before {content: ''; width: 0; height: 0; border-bottom: 35px solid #18132a; border-right: 25px solid transparent; position: absolute; margin-left: 217px}
  .navbar-brand:after {content: ''; width: 0; height: 0; border-top: 35px solid #18132a; border-right: 35px solid transparent; position: absolute; margin-left: 27px; margin-top: 115px}
  .navbar-brand img {transform: skew(-20deg); position:relative; top: 35px; max-width: 190px; left: 10px}
 */
     .navbar-nav li a {color: #003f5e; font-weight: 700; font-size: 15px; padding: 10px 2px}
  .navbar-brand {padding: 0; width: 225px; height: 140px; position: absolute; left: -15px; top: -35px; background: #003f5e; transform: skew(20deg);}
  .navbar-brand:before {content: ''; width: 0; height: 0; border-bottom: 35px solid #18132a; border-right: 25px solid transparent; position: absolute; margin-left: 207px}
  .navbar-brand:after {content: ''; width: 0; height: 0; border-top: 26px solid #18132a; border-right: 26px solid transparent; position: absolute; margin-left: 17px; margin-top: 115px}
  .navbar-brand img {transform: skew(-20deg); position:relative; top: 35px; max-width: 190px; left: 10px}
}


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


  .directorio li {margin:5px 10px; display: block}
  .orga {display: none}
  .mobile {display: block}
  .chrt {height: 500px}
  .medium-grey {background: #f1f1f1;height: 800px}
.mnos {height: 550px!important}
.light-grey {background: #f5f5f5;height: 800px}

   .navbar-brand {padding: 0; width: 215px; height: 150px; position: absolute; left: -15px; top: -35px; background: #003f5e; transform: skew(20deg);}
  .navbar-brand:before {content: ''; width: 0; height: 0; border-bottom: 35px solid #18132a; border-right: 25px solid transparent;
    position: absolute; margin-left: 197px}
  .navbar-brand:after {content: ''; width: 0; height: 0; border-top: 35px solid #18132a; border-right: 35px solid transparent;
    position: absolute; margin-left: 17px; margin-top: 115px}
  .navbar-brand img {transform: skew(-20deg); position:relative; top: 35px; max-width: 180px; left: 18px}
}


@media screen and (max-width:1024px){
   .bk-prev {max-width: 600px; left: 0; background: url(img/Headers/background-map-t-h.png)left no-repeat; height:490px}
  .med {display: inline-block; margin-top: 157px; position: absolute; z-index: 0;left: 4%}
   .bk-prev span {margin-top: 40px;}


  .header-banner {max-width: 100%; height: 250px;}
   .emp {max-width: 100%; height: 250px;background: url(img/Headers/empleo-t-h.png)left no-repeat }
   .sn {max-width: 100%; height: 250px;background: url(img/Headers/sobre-nosotros-t-h.png)left no-repeat; }
  .direct {max-width: 100%; height: 250px;background: url(img/Headers/generico-th.png)left no-repeat; }
   .ct {max-width: 100%; height: 250px;background: url(img/Headers/contacto-t-h.png)left no-repeat; }
   .program {max-width: 100%; height: 250px;background: url(img/Headers/programas-t-h.png)left no-repeat; }
  .centrs-sp {max-width: 100%; height: 250px;background: url(img/Headers/centros-salud-primaria-th.png)left no-repeat; }
  .semana-nacional {max-width: 100%; height: 250px;background: url(img/Headers/semana-centros-th.png)left no-repeat; }
  .evnts {max-width: 100%; height: 250px; background: url(img/Headers/Eventos/eventos-th.png)left no-repeat;}
  .tes {max-width: 100%; height: 250px; background: url(img/Headers/Testimonios/testimonios-th.png)left no-repeat;}
  .gal {max-width: 100%; height: 250px; background: url(img/Headers/Galeria/galeria-th.png)left no-repeat;}
  .colabora {max-width: 100%; height: 250px; background: url(img/Headers/Colaboradores/colaboradores-th.png)left no-repeat;}
  .blog {max-width: 100%; height: 250px; background: url(img/Headers/Noticias/noticias-th.png)left no-repeat;}
  .gene {max-width: 100%; height: 240px; background: url(img/Headers/generico-th.png)left no-repeat;}
   .cv {max-width: 100%; height: 240px; background: url(img/Headers/cv/cv-tablet-h.png)left no-repeat;}
  .covid {max-width: 100%; height: 240px; background: url(img/Headers/coronavirus-th.png)left no-repeat;}


  .header-tittle {margin-top: 90px;}
  .emp .header-tittle {right: -2%; max-width:450px;margin-top: 80px;padding: 5px 20px}
   .ct .header-tittle {max-width: 500px; right: -2%; background:#003f5e; transform: skew(-20deg); margin-top:90px}
    .centrs-sp .header-tittle {max-width: 400px; right: -1.5%; background:#003f5e; transform: skew(-20deg); margin-top:90px;padding: 5px 20px;position: absolute }
.centrs-sp .header-tittle strong {display: block; padding: 15px 10px; font-size:26px;transform: skew(20deg); color: #fff}
    .navbar-nav li a {color: #003f5e; font-weight: 700; font-size: 15.5px; padding: 10px 2px}
  .navbar-nav {text-align: center; padding: 0}
  .navbar .container {padding-left:  0!important;padding-right:   0!important;}
  .navbar .navbar-collapse {padding-left:  0!important;padding-right:   0!important;}
  .navbar-brand {padding: 0; width:320px; height: auto; position: absolute; left: 0%; top: -126px; background: ; transform: skew(0deg);}
  .navbar-brand:before {display:none}
  .navbar-brand:after {display:none}
  .navbar-brand img {transform: skew(0deg); position:relative; top: 0px; max-width: 300px;left: 2%}
}

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

   .icon-coro li {width: 350px; margin: 20px 0;}
  .icon-coro p {width: 200px; font-size: 17px}
  .icon-coro img {max-width: 120px}
  .sintomas li {margin: 10px 5px;width: 200px; font-size: 22px; text-align: center; display: inline-table}
  .sintomas strong {font-size: 19px}
  #wpgmaps_directions_edit_2 {position: relative; margin-top: 0px; display: block; left: 1%; width: auto!important;color: #333}
  #wpgmza_map_2 {width: 140%!important;left:0%!important;}
  .mapa {background-color:#d5f4fd!important; }
     #wpgmza_filter_2 {position: absolute!important;z-index: 1; right: 0%; margin-top: 310px; left: 1%; z-index: 10}
  .btn-banco {background:#c45e29 !important;border: 0;font-size: 22px;padding: 10px 20px!important;;color:#fff!important;;font-weight: 700;display: inline-block!important}
  .btn-banco:hover, .btn-banco:focus {opacity: 0.8; text-decoration: none}
   .empleos .new-em {float: none!important;;width: 100% !important;
  margin:20px 0px !important;height:auto;}
  .emp-movil {display: block!important;}
  .emp-desk {display: none}
  .empleos .container {;width: 100%}

  .colaboradores li {max-width: 160px; display: inline-block; margin: 20px 8px}
  .colaboradores strong {display: block; margin: 10px 0; font-size: 19px}
  .map-busq {max-width: 100%;margin-top: 30px}
  .map-busq strong {font-size: 25px}
  .img-graf img {max-width: 100%; display: inline-block}
  .fsocial {display: block; margin:0 10px; margin-bottom: 8px}
  .w3eden .col-md-12 {
    display: inline-block;
    max-width: 33%;
}
  .w3eden .well {
 width: 230px;
  ; display:block ;
    padding:0 0px;
    box-shadow: none;
    border: 1px solid #979797;
    background: transparent;
    border-radius: 0px;
  height: 185px; margin: 10px 0
}

  .download ul{padding: 0}


.media-body {padding: 10px}
.w3eden .pull-left {
    float: !important;
  background: #58bdb5; height: 185px;padding: 0; width: 70px
}


.media-body a{font-size: 16px!important;color: #5f5f5f!important; text-transform: uppercase; }
.media-body span {display: none!important;}
.wpdm-download-link {position: absolute; margin-top:115px; right: 14%; background:#003f5e!important;color: #fff!important;
  padding:5px 10px; border-radius: 20px }


  .medium-grey {background: #f1f1f1;height: 1050px}
  .mnos {height: 750px!important}
  .light-grey {background: #f5f5f5;height: 1050px}
  .main-tab strong {top: 0}
/*    .light-green {height: 500px}
  .lightt-blue {height: 500px}
  .dark-blue {height: 500px}
  .dark-green {height: 500px}
  .lol {height: 500px}
  .long {height: 570px} */
  .programas .btn-blue {margin: 20px 0}
/*    .light-green p {padding: 10px 50px;}
  .lightt-blue p {padding: 10px 50px;}
  .dark-blue p {padding: 10px 50px;}
  .dark-green p {padding: 10px 50px;} */
  .img-pr-pcan img {max-width: 320px}
   .per {float: none !important; display: block!important; background:#fff!important;width: 100% !important;
  margin:50px 10px !important;height:auto; }
    .personal .panel-heading { background: #74b960; /* Old Browsers */
    background: -webkit-linear-gradient(top,#74b960,#9bd589); /*Safari 5.1-6*/
    background: -o-linear-gradient(top,#74b960,#9bd589); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,#74b960,#9bd589); /*Fx 3.6-15*/
    background: linear-gradient(to bottom, #74b960, #9bd589); /*Standard*/; color: #fff; text-align: center;
}

 .documentos .per {float: none!important; background:#95c519!important;width: 100% !important;
  margin:20px 0px !important;height:auto!important;}

   .per-conv{float: none!important; background:#95c519!important;width: 100% !important;
  margin:20px 0px !important;height:80px!important;;}

  .documentos #accordion .panel, .documentos {
  margin: 0px 0px !important;}



  .convencion-dash .panel-collapse {background: #fff}

  .documentos .wpdm-download-link {display: inline-block!important}

    .documentos .w3eden .col-md-12 { display: inline-flex!important;;max-width: 25%;}

.documentos .w3eden .well {
     width: 170px;
    display:inline-block;
    padding:0 0px;
    box-shadow: none;

    background: transparent;
    border-radius: 0px;
    height:auto; margin: 10px 0px}

    .documentos .pull-right a {

    padding-left: 0px;font-size: 18px!important;text-transform: capitalize

}
  .documentos {padding-left: 10px; padding-right: 10px}
  .documentos .panel-title {

    font-weight: 700 !important;
    font-size: 21px;display: inline-block; margin: auto;}
  .package-title a {font-size: 18px!important;}
  .vrt-mov {display: block!important;; padding-top: 20px}
  .vrt-mov p {text-align: justify}
  .vrt-deskk {display: none}

   #alicia .modal-dialog, #allan .modal-dialog {width: 700px;}

  .conv-mov {display: block;padding-top: 20px}
  .conv-mov p {text-align: justify}
  .conv-desk {display: none}
  .conv-deskk {display: none}

  .per-conv .accordion-toggle {margin-top: 0; height: 80px;}
  .convencion-dash #inf a {color: #333; height: auto!important;}

  .convencion-dash .directores-asppr a {height: auto}
  .regis, .reuniones, .sesiones, .apertura, .alimentos, .asamblea, .educacion-cont, .exhibidores, .clausura {

    display: inline-table;
    width: 300px;
    margin: 20px 10px;

}

  .convencion-dash #accordion a  {margin-top: 0}
  .convencion-dash #accordion2 a  {margin-top: 0}
  .convencion-dash #inf .panel-heading {background: #ddd}
  .convencion-dash #programa .panel-heading {background: #ddd}
  .convencion-dash .btn-blue {color: #fff!important;height: auto!important;}
  .convencion-dash .panel-default > .panel-heading {background-color: transparent;}
  .directores-asppr {display: inline-table;max-width: 250px;margin: 20px 20px;}
  .directores-asppr img {max-width: 220px}

   .convencion-dash #programa .miercoles, .jueves, .viernes, .sabado {margin: 50px 0px; display: block}
  #auspiciadores iframe {max-width: 100%!important;}

  .documentos .panel-collapse {background: #fff!important;}
  .documentos .panel-heading {background: #95c519;}
  .documentos .panel-heading  h4 strong {border: 0; font-size: 24px}
  .pdf-gob .panel-heading, .pdf-panel .panel-heading, .pdf-trau .panel-heading, .pdf-canc .panel-heading, .pdf-comu .panel-heading, .pdf-abo .panel-heading, .pdf-pobla .panel-heading,
  .pdf-diabetes .panel-heading, .pdf-espe .panel-heading, .pdf-patient .panel-heading,
  .pdf-connect .panel-heading, .pdf-hc .panel-heading,
  .pdf-diabr .panel-heading, .pdf-emergen .panel-heading, .pdf-mujer .panel-heading, .pdf-read .panel-heading,
  .pdf-gere .panel-heading, .pdf-traumac .panel-heading, .pdf-manual .panel-heading, .pdf-diabetes-as .panel-heading, .pdf-inducc .panel-heading
  {background: #fff!important; }
  .documentos {padding-bottom: 80px}
   .convencion-dash {padding-bottom: 80px}
  .header-tittle {max-width: 400px; margin-top: 70px; padding: 5px 30px}
 .emp  .header-tittle {max-width: 450px; margin-top: 70px; padding: 5px 20px}


  .personal .panel-heading a:hover, .personal .panelheading a:focus, .personal .panelheading a:active {text-decoration: none}
  .personal .panel-heading .accordion-toggle {display: block; padding: 10px  15px;}

  .abcfslGridCol {width: 180px!important;; display: inline-table!important;}
  .personal .nav-tabs > li > a {
    margin-right: 0px!important;
    line-height:;
    border: 0;
    border-radius: 0;
    height: auto!important;
    max-width: 100%!important;; display: block; padding-top:60px; text-decoration: none;color: #303030
}

/*   .dataTables_wrapper {width: 100%;margin-top: 0; position: relative!important;height: auto!important;}
   #wpgmza_filter_2 {position: absolute!important;z-index: 1; right: 0%; margin-top: 310px; left: 1%}
  #wpgmza_filter_2  select {width: 10%} */
  .home-serv {padding-bottom:10px}
/*   .mapa .wpgmza_sl_main_div {position: relative; left: 0%;margin-top: 0; }
  .mapa .wpgmza_basic_list {position: relative; left: 0%; ;margin-top: 0; } */
  .navbar-nav li a {color: #003f5e; font-weight: 700; font-size: 15.5px; padding: 10px 2px}
  .navbar-nav {text-align: center; padding: 0}
  .navbar .container {padding-left:  0!important;padding-right:   0!important;}
  .navbar .navbar-collapse {padding-left:  0!important;padding-right:   0!important;}
  .navbar-brand {padding: 0; width:320px; height: auto; position: absolute; left: 0%; top: -126px; background: ; transform: skew(0deg);}
  .navbar-brand:before {display:none}
  .navbar-brand:after {display:none}
  .navbar-brand img {transform: skew(0deg); position:relative; top: 0px; max-width: 300px;left: 2%}
  .directorio .btn-white {font-size: 18px;}
  .home-serv ul li {display: inline-table;width: 150px;}
/*   .fsocial {padding: 30px 10px 10px ;right: -100px;width: 250px; display: inline-block}
  .fsocial:before {content: ''; width: 0; height: 0; border-bottom: 20px solid #6c8f0f; border-left: 30px solid transparent; position: absolute; margin-left: -40px; margin-top: -30px} */
  .logo-footer {display: none}
  .logo-footer::after {border-right: 250px solid transparent;}
  footer .col-sm-4 {display: none}
  footer .col-sm-2 {width: 24%}
  .navbar {padding: 10px 0}
  #wpgmza_map_2 {height: 300px!important;}
  .mapa {padding-bottom: 50px}
  .dataTables_info {color: #333!important}
   .header-map {border-bottom: 10px solid #249c92; max-width: 100%; height: 500px}
  .bk-prev {max-width: 500px; left: 0; background: url(img/Headers/background-map-t-v.png)center no-repeat; background-size: cover; display: inline-block; height:490px}
  .med {display: inline-block; max-width: 470px; margin-top: 177px; position: absolute; z-index: 0;left: 4%}
  .bk-prev span {display: block; margin-top: 30px; position: absolute; z-index: 1}

  .txt-centros {max-width: 400px; right: -2%; background:#003f5e; transform: skew(-20deg);position: absolute; margin-top:-420px;padding: 5px }
  .txt-centros p {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 20px }
  .txt-centros strong {color: #fff; text-transform: uppercase; transform: skew(20deg); font-size: 26px ; display: block}

/*   .txt-map {max-width: 100%; position: absolute; margin-top:-280px; display: block; text-align: right; right: 8%}
  .txt-map p {max-width: 235px; display: inline-block; text-align: left; font-size: 30px; color: #269b92; font-weight: 700} */
    .txt-map {max-width: 100%; position: absolute; margin-top:-280px; display: block; text-align: right; right: 8%}
  .txt-map p {max-width: 280px; display: inline-block; text-align: center; font-size: 30px; color: #269b92; font-weight: 700}
  .txt-map .fa-angle-down { font-size: 40px; padding: 0px 7px}
  .subcribe {padding: 70px 0}
  .dataTables_wrapper:before{display: none}
  .dataTable:after{display: none}
  .mapa {padding-bottom: 0}
  .bk-per {background: url(img/Headers/directorio-2.jpg)center no-repeat; background-size: cover; height:250px}
  .bk-per .header-tittle {margin-top: 50px}
  .dir {display: inline-block; max-width: 100%; margin-top: 70px}
  .dir span {max-width: 265px; font-size: 18px; padding: 5px 25px; top: 53px}
  .dir img {max-width: 137px}
  .dir i {margin-left: 0px; font-size: 20px;top: 40px }
  .v, .m {max-width: 300px; height: 330px}
  .vid-us iframe {max-width: 300px}
  .search-form .search-field {max-width: 185px}
  .abcfslGridCol { max-width:100%; margin: 40px 5px; height: auto;}
/*    .online {max-width: 100% ; background: #00a098; padding: 0;height: 600px}
  .biblio {display: inline-block; width: 280px; height:600px ; background: #fff; text-align:center; transform: skewX(-10deg);
    padding-bottom: 20px }
  .biblio span {display:block;max-width: 250px;transform: skewX(10deg); margin: 20px 20px}
  .biblio strong {display: block; font-size: 24px; text-transform: uppercase; margin-bottom: 20px}
  .biblio ul {text-align: left; font-size: 16px}
  .home-event {max-width: 330px; ;display: inline-block; right: 9%;position: absolute; margin: 10px 0 } */

   .map-busq img {max-width: 110px}
  .home-map .col-sm-7 img {margin-top: 30px}

   .transfondo li {display: inline-table; width: 180px; text-align: left; margin: 10px;font-size: 17px; border: 5px solid #58bdb5;
    height: 175px; padding: 5px }
  .national h1 {font-size: 26px}
  .programas .fa-caret-down{color: #fff; right: 0%; font-size: 50px; margin-top: -15px; margin-right: 20px; }
  .gm-style {height: 600px!important;}

}


@media screen and (max-width:768px){
  #adModal iframe {max-width: 100%!important;}
  #wpgmza_map_2 {width: 132%!important;left:0%!important;}
  .aigpl-breadcrumb-wrp {background: #003f5e; position: relative; max-width: 100%; left:0;display:block; padding: 10px 0; color:#fff;font-size:20px}
   .centrs-sp .header-tittle {max-width: 400px; right: -2%; background:#003f5e; transform: skew(-20deg); margin-top:130px;padding: 5px 25px;position: absolute }
  .centrs-sp .header-tittle strong {display: block; padding: 15px 10px; font-size:26px;transform: skew(20deg); color: #fff}
  .txt-semana ul {padding:0 5px}
/*     .light-green {height: 620px}
  .lightt-blue {height: 620px}
  .dark-blue {height: 620px}
  .dark-green {height: 620px}
  .lol {height: 550px}
  .long {height: 670px} */
  .bk-prev {max-width: 500px; left: 0; height:490px}
  .med {display: inline-block; max-width: 440px; margin-top: 197px; position: absolute; z-index: 0;left: 0%}
  .bk-prev span {display: block; margin-top:30px; position: absolute; z-index: 1}
  .txt-centros {max-width: 340px;}
  .txt-map {right: 2%;}
  .per {float: none !important; display: block!important; background:#fff!important;max-width: 100% !important;
  margin:50px 10px !important;height:auto; }



  .header-tittle {max-width: 400px;margin-top: 130px;}
  .header-tittle strong {font-size: 26px}
  .header-tittle p {font-size: 20px}
  .bk-per .header-tittle { right: -2.5%;}
  .emp .header-tittle {margin-top: 130px ; right: -2%}
    .covid {max-width: 100%; height: 350px;background: url(img/Headers/coronavirus-tv.jpg)left no-repeat }
   .emp {max-width: 100%; height: 350px;background: url(img/Headers/empleo-t-v.png)left no-repeat }
   .sn {max-width: 100%; height: 350px;background: url(img/Headers/sobre-nosotros-t-v.jpg)left no-repeat; }
  .direct {max-width: 100%; height: 350px;background: url(img/Headers/generico-tv.jpg)left no-repeat; }
   .ct {max-width: 100%; height: 350px;background: url(img/Headers/contacto-t-v.png)left no-repeat; }
  .program {max-width: 100%; height: 350px;background: url(img/Headers/programas-t-v.jpg)left no-repeat; }
  .centrs-sp {max-width: 100%; height: 350px;background: url(img/Headers/centros-salud-primaria-t-v.jpg)left no-repeat; }
  .semana-nacional {max-width: 100%; height: 350px;background: url(img/Headers/semana-centros-tv.jpg)left no-repeat; }
  .evnts {max-width: 100%; height: 350px; background: url(img/Headers/Eventos/eventos-tv.jpg)left no-repeat;}
  .tes {max-width: 100%; height: 350px; background: url(img/Headers/Testimonios/testimonios-tv.jpg)left no-repeat;}
  .gal {max-width: 100%; height: 350px; background: url(img/Headers/Galeria/galeria-tv.jpg)left no-repeat;}
  .colabora {max-width: 100%; height:350px; background: url(img/Headers/Colaboradores/colaboradores-tv.jpg)left no-repeat;}
  .blog {max-width: 100%; height: 350px; background: url(img/Headers/Noticias/noticias-tv.jpg)left no-repeat;}
  .gene {max-width: 100%; height: 350px; background: url(img/Headers/generico-tv.jpg)left no-repeat;}
  .cv {max-width: 100%; height: 350px; background: url(img/Headers/cv/cv-tablet-v.jpg)left no-repeat;}


/*    .light-green p {padding: 10px 50px;}
  .lightt-blue p {padding: 10px 50px;}
  .dark-blue p {padding: 10px 50px;}
  .dark-green p {padding: 10px 50px;} */
  .w3eden .col-md-12 {
    display: inline-block;
    max-width: 50%;
}


  .w3eden .well {
   width: 300px;
  ; display:block ;
    padding:0 0px;
    box-shadow: none;
    background: transparent;
    border-radius: 0px;
  height: 185px; margin: 10px 0
}
  .wpdm-download-link {position: absolute; margin-top:115px; right: 25%; background:#003f5e!important;color: #fff!important;
  padding:5px 10px; border-radius: 20px }
.w3eden .pull-left {
    float: !important;
  background: #58bdb5; height: 185px;padding: 0; width: 100px
}

.w3eden .wpdm-link-tpl img.wpdm_icon {width:100px!important;; display: block; height: 100px!important;margin-top: 50px}

  #blog .entry .ai1ec-event-avatar {float: none!important;; max-width:100%; display: block; margin: auto; background: none; margin: 10px !important;}
  #blog .entry .ai1ec-event-avatar img {max-width: 300px!important;display:block!important;;margin: auto!important;}

  .documentos .w3eden .col-md-12 { max-width: 25%;}

   #alicia .modal-dialog, #allan .modal-dialog {max-width: 100%;margin: auto}


}

@media screen and (max-width:767px){
  .colaboradores .col-sm-3 .btn-blue {margin: 10px 0}
  #adModal .modal-body .linea {border-right: none}
    .sintomas li {margin: 10px 5px;width: 150px; font-size: 22px; text-align: center; display: inline-table}
  .sintomas img {max-width: 100px}
  .corona .col-sm-5 img {max-width: 250px}

  .linea {border: 0}
  .documentos-pdf {text-align: center}
  .documentos-pdf .package-title {text-align: left}
  .documentos-pdf strong {text-align: left}
  .documentos-pdf p {
    display: inline-block;
    margin: auto;
}
  .corona h1 {

    text-transform: uppercase;
    font-weight: 600;
    width: auto;
    margin: 20px auto;

}
  #wpgmza_map_2 {width: 130%!important;left:0%!important;height:500px!important;}

  .ln-prog {border-left:0;  }
  .inf-progr {border-bottom: 5px solid #58bdb5; padding-bottom: 50px; margin: 30px 0px}

    .regis, .reuniones, .sesiones, .apertura, .alimentos, .asamblea, .educacion-cont, .exhibidores, .clausura {

    display: block;
    width: 100%;
    margin: 20px 0px;

}
  #alicia .modal-dialog i, #allan .modal-dialog i {

    text-align: right;
    display: block;
    margin-right: 10px;
    font-size: 18px;

}

   #alicia .modal-dialog, #allan .modal-dialog {max-width: 90%;margin:50px auto}

      .documentos .w3eden .col-md-12 {display: inline-block; max-width: 100%;}
      .documentos .panel strong {display: block; font-size: 20px; margin: 20px; border-bottom: 5px solid #157f74; color: #004568; text-align: center; padding-bottom: 10px}
      .documentos .panel-collapse strong {text-align: left}
      .documentos .w3eden .well {width: 100%; display:block;padding:0 0px;box-shadow: none;background: transparent;border-radius: 0px; height:auto; margin: 10px 0px}




   .centrs-sp .header-tittle {max-width: 400px; right: -2.5%; background:#003f5e; transform: skew(-20deg); margin-top:70px;padding: 5px 25px;position: absolute }
  .centrs-sp .header-tittle strong {display: block; padding: 15px 10px; font-size:26px;transform: skew(20deg); color: #fff}
  .junta ul {padding:5px 10px; display: inline-block; margin: 10px 0; border-bottom: 1px solid #dddddd; max-width: 100%; }
  .band h2 {font-size: 24px;padding:13px;margin: 0; font-weight: 600}
  .wpdm-download-link {position: absolute; margin-top:50px;right: 40%; background:#003f5e!important;color: #fff!important;
  padding:5px 10px; border-radius: 20px }
.w3eden .pull-left {
    float: !important;
  background: #58bdb5; height: 100px;padding: 0; width: 70px
}

.w3eden .wpdm-link-tpl img.wpdm_icon  {width:70px!important;; display: block; height: 70px!important;margin-top: 20px}

  .w3eden .well {
   width: 100%;
  ; display:block ;
    padding:0 0px;
    box-shadow: none;
    background: transparent;
    border-radius: 0px;
  height: 100px; margin: 10px 0
}

   .w3eden .col-md-12 {
    display: inline-block;
    max-width: 100%;
}
  .medium-grey {background: #f1f1f1;height: auto}
  .mnos {height: auto!important}
  .light-grey {background: #f5f5f5;height: auto}
  .transfondo li {display: inline-table; width: 200px; text-align: left; margin: 10px;font-size: 17px; border: 5px solid #58bdb5;
    height: auto; padding: 5px }
  .transfondo ul {padding: 0}
   .online {max-width: 100% ; background: #00a098; padding: 0; height: auto; text-align: center}
  .biblio {display: block; width: 100%; height: auto; background: #fff; text-align:center; transform: skewX(0deg);padding-bottom: 10px; margin: auto }
  .biblio span {display:inline-block;max-width: 100%;transform: skewX(0deg); margin: 10px;}
  .biblio strong {display: block; font-size: 24px; text-transform: uppercase; margin-bottom: 20px}
  .biblio ul {text-align: left; font-size: 17px}
  .home-event {max-width: 100%; ;display: inline-block; right: 0%;position: relative; margin: 20px 0 }

  .home-map .col-sm-7 img {margin-top: 0px}

  .mensaje iframe {margin: 10px 0}
  .map-busq strong {font-size: 24px;max-width: 100%;}

/*    .light-green {height: auto}
  .lightt-blue {height: auto}
  .dark-blue {height: auto}
  .dark-green {height: auto} */
/*   .lol {height: auto}
  .long {height: auto} */
   .emp {max-width: 100%; height: 250px;background: url(img/Headers/empleo-movil.png)center no-repeat;background-size:cover }
   .sn {max-width: 100%; height: 250px;background: url(img/Headers/sobre-nosotros-movil.jpg)center no-repeat; background-size:cover}
  .direct {max-width: 100%; height: 250px;background: url(img/Headers/generico-m.jpg)left no-repeat; }
   .ct {max-width: 100%; height: 250px;background: url(img/Headers/contacto-movil.png)center no-repeat;background-size:cover }
   .program {max-width: 100%; height: 250px;background: url(img/Headers/programas-t-v.jpg)center no-repeat;background-size:cover }
   .centrs-sp {max-width: 100%; height: 250px;background: url(img/Headers/centros-salud-primaria-movil.jpg)center no-repeat;background-size:cover }
   .semana-nacional {max-width: 100%; height: 250px;background: url(img/Headers/semana-centros-movil.jpg)center no-repeat;background-size:cover }
  .evnts {max-width: 100%; height: 250px; background: url(img/Headers/Eventos/eventos-m.jpg)left no-repeat;background-size:cover }
  .tes {max-width: 100%; height: 250px; background: url(img/Headers/Testimonios/testimonios-m.jpg)left no-repeat;background-size:cover }
  .gal {max-width: 100%; height: 250px; background: url(img/Headers/Galeria/galeria-m.jpg)left no-repeat;background-size:cover }
  .colabora {max-width: 100%; height:250px; background: url(img/Headers/Colaboradores/colaboradores-m.jpg)left no-repeat;background-size:cover }
  .blog {max-width: 100%; height: 250px; background: url(img/Headers/Noticias/noticias-m.jpg)left no-repeat;background-size:cover }
  .gene {max-width: 100%; height: 250px; background: url(img/Headers/generico-m.jpg)left no-repeat;background-size:cover}
  .cv {max-width: 100%; height: 250px; background: url(img/Headers/cv/cv-movil.jpg)left no-repeat;background-size:cover}
  .covid {max-width: 100%; height: 250px; background: url(img/Headers/coronavirus-m.jpg)left no-repeat;background-size:cover}

  .icon-coro li {width: auto; margin: 15px 0;}
  .icon-coro p {width: auto; font-size: 17px; margin: 5px 0}
  .icon-coro img {max-width: 100%}
  .contact ul {margin-top: 0}
  .empleos h1 {font-size: 25px}
  .us h1 {font-size: 28px}
  .dir img {max-width: 150px;}
  .dir span {display:block; padding:10px 50px; border-radius: 20px 20px 20px 20px; top: 0; max-width: 100% ; left: 0}
   .dir i {margin-left: -30px;top: 12px }
  .dir {margin-top: 0; padding-bottom: 20px; }
  .v, .m {display: inline-table; margin: 35px 10px; max-width: 250px ; height: auto}
  .header-tittle strong {font-size: 26px;}
  .header-tittle p {font-size: 20px}
  .subcribe {padding: 40px 0}
/*   .fsocial {background: none;display: block; padding: 0px;position: relative;right: 0px;margin-top: 0px;transform: skew(0deg);margin: auto} */
/*   .fsocial a { transform: skew(0deg); margin:5px 10px} */
  .fsocial:before{display: none}
   footer .col-sm-2 {width: 100%}
   footer {padding-top: 0px;}
  .mapa .wpgmza_basic_list {display: none }

  .navbar {padding: 0px 0;background:#003f5e }
  .navbar-nav li {display: block;text-align: left; margin:0 5px; }
  .navbar-nav li a {font-size: 16px; }
  .navbar-collapse {background: linear-gradient(to right, #9ad78a, #c7e8bd, #d1ecc9);}
  .navbar-toggle {border-color: #c45e29; color: #fff; font-size: 16px; margin: 26px 10px; background: #c45e29; transition: 0.3s all ease-in-out }
  .navbar-toggle:before {content: 'MENÚ';}
  .navbar-toggle:hover, .navbar-toggle:focus {background: #58bdb5; color: #fff;border-color: #fff;transition: 0.3s all ease-in-out}
  .navbar-brand {position: absolute; top: -3px; left: 0; max-width: 240px;background: transparent}
  .navbar-brand img {max-width: 240px; left: 0}
  .fsocial {display: inline-block}
  .search-form .search-field {max-width: 150px;}
  .directorio .btn-white {font-size: 17px;margin: 5px 0;padding: 5px}

  .ct .header-tittle {margin-top: 80px; right: -3%}

  .med {display: none;}
  .header-map {border-bottom: 10px solid #249c92; max-width: 100%; height: auto}
  .bk-prev {max-width: 100%; background-size: cover!important; display: block; height:auto; background: url(img/Headers/bakground-map-movil.jpg)center no-repeat;  }
  .bk-prev span {display: block; margin:20px 10px; position: relative; z-index: 1}

  .txt-centros {max-width: 100%; right: 0%;background:#003f5e; transform: skew(0deg);position: relative; display:block;margin-top:0px;padding: 5px; text-align: center }
  .txt-centros p {color: #fff; text-transform: uppercase; transform: skew(0deg); font-size: 19px }
  .txt-centros strong {color: #fff; text-transform: uppercase; transform: skew(0deg); font-size: 24px ; display: block}

  .txt-map {max-width: 100%; position: relative; margin-top:0px; text-align: center; right: 0}
  .txt-map p {max-width: 100%; display: inline-block; text-align: center; font-size: 24px; color: #269b92; font-weight: 700}
  .txt-map .fa-angle-down {font-size: 40px}
  .personal .panel {margin-left:0px!important;}
  .header-banner {max-width: 100%; height: 200px;}
  .emp .header-tittle {right: -2%; max-width:400px;margin-top: 55px; padding: 5px 30px}
  .emp {max-width: 100%; height: 200px; }
  .header-banner .header-tittle strong {padding: 10px 0px;font-size: 22px;}
  .header-tittle {margin-top: 70px}
  .img-pr-pcan {max-width: 100%!important;}
  .prgm-pr-pcan {margin: 20px 30px}
  .programas strong {padding: 10px 10px;padding-top: 30px!important;font-size: 20px;}
/*   .light-green p {padding: 10px 50px;}
  .lightt-blue p {padding: 10px 50px;}
  .dark-blue p {padding: 10px 50px;}
  .dark-green p {padding: 10px 50px;} */
  .programas .fa-caret-down{color: #fff; right: 0%; font-size: 50px; margin-top:0px;; margin-right: 0px; position: relative;display: block }
  .map-busq {max-width: 100%;margin-top: 0px}
  .tp-bullets {display: none!important;}
  .home-event .ai1ec-event-summary .ai1ec-event-avatar {float: none; max-width:100%; display: block; margin: auto}
  .home-event .ai1ec-event-summary .ai1ec-event-avatar img {max-width: 300px!important;display:block!important;;margin: auto!important;}
   .navbar .container {padding-left: 15px!important;padding-right:   15px!important;}
  .navbar .navbar-collapse {padding-left:  15px!important;padding-right:   15px!important;}

  .convencion-dash #inf .panel-collapse { margin-top: 10px}
   .package-title a {font-size: 18px!important;margin-top: 0}
    #adModal .modal-dialog {width:93%; text-align: center}
 .dataTables_wrapper .dataTables_filter {

    margin-top: 40px !important;

}
  .dataTables_wrapper .dataTables_filter {/*! margin-top: 40px!important; */;}
  #wpgmza_filter_2 select {

    width: 44%;

}
  #wpgmza_filter_2 {left: 50%; transform: translateX(-50%);margin-top:510px}
}

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

.documentos-pdf  #wpdmmydls-136043826089e25e1bb28d8ea741ec36 td.__dt_col_download_link {
    display: block;
    max-width: 100px !important;margin: auto}

  .documentos-pdf  #wpdmmydls-c65db97ff9d419fad22fba06e671023c td.__dt_col_download_link {
    display: block;
    max-width: 100px !important;margin: auto}

    .documentos-pdf  #wpdmmydls-793deb9e186f99ce066697f392522958 td.__dt_col_download_link {
    display: block;
    max-width: 100px !important;margin: auto}
   .documentos-pdf  #wpdmmydls-cb8b436c54133d373a21efe5767d7fcf td.__dt_col_download_link {
    display: block;
    max-width: 100px !important;margin: auto}

    .documentos-pdf .dataTables_wrapper  {position: relative!important; max-width: 100%;height:auto; margin-top: 0px; }
.documentos-pdf .dataTables_wrapper:before{display: none!important;}
.dataTable:after{display: none!important}

  .home-news li {display: inline-table; max-width: 270px; height: auto; padding: 20px 0}
  .img-graf img {max-width: 290px; display: inline-block}
  .more-inf {margin-top: 0}
  .img-graf ul {padding: 0px}
  .movil {display: block; color: #fff; font-size: 22px; margin:5px 0; text-align: center}
  .directorio {
    display: block;
}
  .biblio {max-width: 100%}
  .bk-per .header-tittle {right: -5%;margin-top: 70px;padding: 10px 30px}
  .bk-per .header-tittle strong {font-size: 25px;}
  .subcribe {padding: 20px 0}
  .header-tittle {max-width: 300px;float: right; right: -6%;  }
  .header-tittle strong {font-size: 20px;padding: 0}
  .header-tittle p {font-size: 16px; padding: 0}
  .emp .header-tittle {max-width: 320px;padding: 10px 25px; right: -4%;}
  .emp .header-tittle strong {font-size: 18px!important;}
  .emp {max-width: 100%; height: 200px; }
  .header-banner .header-tittle strong {padding: 10px 0px;font-size: 20px;}
  .vid-us {max-width: 100%}
  .vid-us iframe {max-width: 100%}
  .wpdm-download-link {position: absolute; margin-top:50px;right: 23%; background:#003f5e!important;color: #fff!important;
  padding:5px 10px; border-radius: 20px }
  .band h2 {font-size: 22px;padding:13px 0px;margin: 0; font-weight: 600}
   .dir i {margin-left: -25px;top: 22px }
   .dir span {padding: 5px 30px}
    .navbar-brand img {max-width: 230px}

   .centrs-sp .header-tittle {max-width: 400px; right: -3%; background:#003f5e; transform: skew(-20deg); margin-top:70px;padding: 5px 35px;position: absolute }
   .colaboradores li {max-width: 200px; display: inline-block; margin: 20px 8px}
   .vid iframe {max-width: 100%}
}


@media screen and (max-width:356px){
  #adModal .modal-dialog {width:95%; text-align: center}

}
@media screen and (max-width:336px){
  .centrs-sp .header-tittle {max-width: 400px; right: -4%; background:#003f5e; transform: skew(-20deg); margin-top:70px;padding: 5px 30px;position: absolute }
  .img-graf strong {font-size: 18px}
  .national h1 {font-size: 24px}
  .navbar-brand img {max-width: 218px}
  .navbar-brand {max-width: 215px}
  .navbar-toggle {margin: 24px  10px}
  .contact li {text-align:  left; list-style: none; font-size: 18px; margin: 10px }
  .contact a {color:#4b4b4b;font-size: 18px }
  .bk-per .header-tittle {right: -5%;}
    .txt-map p {max-width: 300px; display: inline-block; text-align: left; font-size: 23px; color: #269b92; font-weight: 700}

 .dir span {padding: 5px 20px}
.dir i {margin-left: -20px;top: 22px }

 .wpdm-download-link {position: absolute; margin-top:55px;right: 25%; background:#003f5e!important;color: #fff!important;
  padding:5px 10px; border-radius: 20px }
.orga {max-width: 100%; height: 1600px; text-align: center;}
.light-blue {background: #4abaab}
.blue{background:#53b6ba;}
.brown{background:#c45e29;}
.green-one{background:#c6df80;}
.tree {max-width: 100%; height: auto}
.tree ul {
	padding-top: 180px; position: relative;padding-left: 0!important;padding-right: 0!important;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.img-brd {margin-top: -120px}
.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 30px 5px 0 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/* .tree .wo {
	float: right; text-align: center;
	list-style-type: none;
	position: relative;margin-top: -622px;
	padding: 30px 5px 0 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
} */

.tree .wo::before, .tree .wo::after{
	content: '';
	position: absolute; top: 0; right:50%;
	border-top: 1px solid #d0e59b;
	width: 50%; height: 30px;
}


/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #d0e59b;
	width: 50%; height: 30px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #d0e59b;
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{padding-top: 0;}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #d0e59b;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left:50%;
	border-left: 1px solid #d0e59b;
	width: 0; height: 180px;
}


.tree li a{
	border: 1px solid #ccc;
	padding: 5px 1px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	max-width: 156px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}


.tree li .abso {position: absolute; margin-top: -200px;width: 150px;}
.tree strong {display: block; max-width: 100%; padding: 5px 0px; color: #fff; font-size: 25px; border-radius: 5px }
.tree .sec {padding: 0}
.tree .sec::before, .tree .sec::after{
	content: '-----------------------------------------------------------------------------------------';
	position: absolute; top: -50px; right: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}
.tree .sec::after{
	right: auto; left: 0%;
	border-left: 0;
}


 .tree li .bno {position: absolute; margin-top: 615px;;width: 140px;}

  .tree .bueno {padding: 0; left: -75%;}
  .tree .bueno::before, .tree .bueno::after{
	content: '-----------------------------------------------';
	position: absolute; top:750px; left: 0%;
	border-top: none;color: #c6df80;
	width: 0px; height:0px;z-index: -1;
}
.tree .bueno::after{
	right: auto; left: 0%;
	border-left: 0;
}
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #c6df80; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before{
	border-color: #003f5e;
}


.tree .spouse::before, .tree .spouse::after, .tree .husband::before, .tree .husband::after{
  top: 30px;
  height: 0;
  z-index: -1;
}

.tree .husband::before, .tree .husband::after{

}

.tree .spouse::before, .tree .spouse::after{
}

}

/* ************************************* */