/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#logo {width: 15%}
#logo img, .institucional #logo img {width: 200px; filter: none; -webkit-filter: none}
 #header, .institucional #header {position: relative; padding-bottom: 20px; padding-top: 0px}
.sticky-header #header-wrap { padding-bottom: 10px}
.header-row {padding-top: 10px}
.menu-link, .institucional .menu-link {color: #000; text-transform: inherit; letter-spacing: 0; padding: 10px !important; font-weight: 500; line-height: 12px;}
.menu-link2 {color: #000; text-transform: inherit; letter-spacing: 0; padding: 0 10px !important; font-weight: 600; display: inline-block; font-size: 12px; }
.menu-link2:hover {color:#008271}
.top-links-item > a, .institucional .top-links-item > a {color: #000; text-transform: inherit;font-weight: 600;}
#logo {margin-right: 5%}
.primary-menu {display: block; width: 78%}
 .header-misc-icon > a, .institucional .header-misc-icon > a {color: #000; width: auto}
#top-search {position: absolute;right: 0;top: -40px;right: -3% !important;}
.header-misc-icon > a {font-size: 14px}
.top-links-item > a, .institucional .top-links-item > a  {font-size: 11px; padding: 8px 4px; font-weight: 500;}
#top-search a i {position: relative}
#top-bar .container {max-width: inherit; }
 #top-bar, .institucional #top-bar, #top-bar {border-bottom: none !important; max-width: 460px; position: absolute; right: 0; top: 50px}

.ic-1 {width: 22px; margin-right: 2px;}
.ic-2 {width: 44px; margin-right: 2px;}

.deg-green {  background: rgb(5,106,56);
background: linear-gradient(90deg, rgba(0,130,113,1) 31%, rgba(5,106,56,0) 64%);  }

.slider-caption h2 {color: #fff !important; text-transform: inherit; font-size: 3rem}
.slider-caption p {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 1.3rem;
    color: #fff;}
.slider-caption .bot-vermas {border-radius: 10px; background: rgba(255,255,255,0.2); color: #fff; max-width: 200px; text-align: center; font-size: 18px; margin: 20px 0; padding: 5px }

.news-list1 .pict {border-radius: 15px; overflow: hidden; width: 100%; height: 150px; margin-bottom: 10px; position: relative}
.news-list1 .pict a {display: block; width: 100%; height: 100%}
.news-list1 .pict img {width: 100%; max-width: inherit;position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%)}
.news-list1 .item .data {padding: 1% 5% 5% 5%}
.news-list1 .item .date {font-size: 11px}
.news-list1 .item .title {font-size: 14px; font-weight: 600}
.news-list1 .item .desc {font-size: 14px; }
.news-list1 .item .vermas {font-size: 14px; }
a.vermas {color: #009c00}
.lnk1 {color: #009c00}
.lnk2 {color: #000}

.sidebar {background: #f2f2f2; min-height: 100vh; padding: 2% !important; max-width: 23%;margin-right: 0 !important; margin-top: 0 !important}

#search-prof {background: #f2f2f2; color: #fff; border-radius: 20px 20px 0 0; position: relative; margin-top: -80px; margin-bottom: 0px; z-index: 9;
width: 120%; left: -10%; padding: 10%; text-align: center}
#search-prof h3 {color: #008271; font-weight: 500}
#search-prof p {font-size: 16px; font-weight: 300; line-height: 120%; margin: 10px 0; color: #000; font-weight: 500}
#search-prof input {border-radius: 10px; width: 100%; text-align: center; border: none; padding: 2%; margin: 10px 0 }
.bot-consultar{border-radius: 10px; display: block; text-align: center; border: none; color: #fff; background: #008271; padding: 5px 20px;  margin: 20px auto  }

.list-1 {list-style: none; padding: 0}
.list-1 li {margin: 20px 0}
.date {font-size: 11px; display: block}

.bot-green {background: #008271; color: #fff; border-radius: 10px; padding: 5px 10px;}
#aarbaresponde p {margin: 0 0 20px; line-height: 110%;}

.itm-green {background: #008271; color: #fff; border-radius: 15px; }
.itm-green .desc {margin-bottom: 20px; overflow: hidden;}
.itm-green .title {font-weight: 600; margin: 20px 0; font-size: 16px; }
.itm-green .details {font-size: 12px}
.itm-green .picture {left: 0; top:0; position: relative;  border-radius: 20px 20px 0 0; overflow: hidden; height: 204px; background-size: cover; -webkit-box-shadow: inset 0px -8px 27px -5px rgba(0,0,0,0.8); 
box-shadow: inset 0px -8px 27px -5px rgba(0,0,0,0.8);}
.itm-green .picture img {position: relative; min-height: 100%; max-width: 105%;}
a.full {display: block; box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
height: 100%;
background: #008271;
border-radius: 15px; padding: 0}

#entidades h5 {color: #000; text-align: center; font-weight: 400}
.owl-carousel .owl-dots .owl-dot {background-color: #008271;}

.dark #footer, #footer.dark {background: #008271}
#footer .container {max-width: inherit; padding: 0 2%;}
#footer .logo {width: 80px}
#footer p {margin: 20px 0; font-size: 14px; color: #fff}
#footer .mail {color: #fff; font-size: 14px}
#footer .social a {color: #fff; font-size: 18px; display: inline-block; margin-right: 10px}
#footer h4 {text-transform: inherit; color: #fff; font-weight: 400; margin: 5px 0; font-size: 13px; opacity: 0.8}
#footer h4.title {font-weight: 600; margin-bottom: 20px; opacity: 1}
#footer h4 a {color: #fff}
#footer h4:hover {opacity: 1}
#footer table td {font-size: 11px; padding-right: 10px}
#footer .copy {font-size: 11px; }

.pagetop { position: relative; background: rgb(5,106,56);background: linear-gradient(90deg, rgba(0,130,113,1) 31%, rgba(255,255,255,1) 100%); color: #fff;  }
body.cientifica .pagetop { background: rgb(9,74,168);
background: linear-gradient(90deg, rgba(9,74,168,1) 31%, rgba(255,255,255,1) 100%); color: #fff }
.pagetop  h1 {font-size: 25px}
.pagetop  h1 a {color: #fff}

.pagetop .bg-pict {position: relative; width: 100%; min-height: 100px}
.pagetop .bg-pict img {width: 100%;}
.pagetop .capt {position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background: rgb(5,106,56);background: linear-gradient(90deg, rgba(0,130,113,1) 31%, rgba(255,255,255,0) 60%); color: #fff }
body.cientifica .pagetop .capt {position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background: rgb(9,74,168);background: linear-gradient(90deg, rgba(9,74,168,1) 31%, rgba(255,255,255,0) 60%); color: #fff }
.pagetop .capt h1 {position: absolute; top: 50%; transform: translateY(-50%); font-weight: 600;}

.sec-menu ul {padding: 0 20px 0; margin: 0;}
.sec-menu li {list-style: none; display: inline-block; margin: 0; font-size: 13px;}
.sec-menu li a {color: #000; padding: 15px 10px; height: 100% !important; display: inline-block;}
.sec-menu li a:hover {font-weight: 600}
.sec-menu li a.active {background: #d9d9d9; font-weight: 600}

.sub-sec-menu ul {padding: 1% 20px 1%; margin: 0; background: #d9d9d9}
.sub-sec-menu li {list-style: none; display: inline-block; margin: 0 7px; font-size: 13px;}
.sub-sec-menu li a {color: #000}
.sub-sec-menu li a.active {font-weight: 600}
.sub-sec-menu li a:hover {font-weight: 600}

/* body.cientifica .deg-green {  background: rgb(9,74,168);
background: linear-gradient(90deg, rgba(9,74,168,1) 31%, rgba(9,74,168,0) 100%);  }
body.cientifica .slider-caption  {padding: 5%; font-size: 1rem}
body.cientifica .slider-caption h2 {font-size: 2rem;}
body.cientifica .slider-caption p {font-size: 1rem;}
body.cientifica .lnk1 {color: #3260c6}
body.cientifica .vermas {color: #3260c6}
body.cientifica .itm-green {background: #3260c6} */

.staff .item .picture {width: 100px; height: 100px; border-radius: 50%; overflow: hidden; display: block; background: #999999; position: relative} 
.staff .item .picture img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; max-width: inherit;} 
.staff .item .cargo {display: block; font-size: 12px}
.staff .item .name {display: block; font-size: 12px; font-weight: 600}

#faaar {background: #2cb2e1;
left: -10%;
position: relative;
padding: 5% 10%;
width: 120%;}
#faaar h4 {color: #fff}

@media (min-width:900px) {
#sec-menu {display: block; position: relative; border: none; border-bottom: 1px solid #d9d9d9; border-radius: 0; width: 100%; float: none; padding:0; margin: 0; top: inherit; z-index: 0}
#sec-menu a {display: inline-block; width: auto; ; float: none; color: #000; padding: 10px; height: 100% !important; font-size: 13px;}
#sec-menu a:first-child {}
#sec-menu a.active {background: #d9d9d9; font-weight: 600}
#sec-menu2 {background: #d9d9d9; display: block; position: relative; border: none; border-radius: 0; width: 100%; float: none; padding: 0 ; margin: 0; top: inherit; z-index: 0}
#sec-menu2 a {display: inline-block; width: auto; float: none; color: #000; padding: 10px; height: 100% !important; font-size: 12px; }
#sec-menu2 a.active {font-weight: 600; background: none}

}

.btn-primary {background-color: #008271;border-color: #008271}
.btn-primary:hover, .btn-primary:focus  {background-color: #003300;border-color: #003300;}

body.cientifica .btn-primary {background: rgb(9,74,168);border-color:rgb(9,74,168)}


.listado .item {border-bottom: 1px solid #ccc;}
.listado .item img {width:  100px; float: left; margin: 10px 20px 20px 0 }
.listado .item, .listado .item p {margin: 0; font-size: 12px }
.listado .item .title {margin: 5px 0; font-size: 1rem }

.page-item.active .page-link, .page-link:hover, .page-link:focus {background-color: #008271 !important;
border-color: #008271 !important;}
.btn-link, .page-link, .page-link:hover, .page-link:focus {color: rgb(9,74,168)}

body.cientifica .page-item.active .page-link, body.cientifica .page-link:hover, body.cientifica .page-link:focus {background-color: rgb(9,74,168) !important; border-color: rgb(9,74,168) !important;}
body.cientifica .btn-link, body.cientifica .page-link, body.cientifica .page-link:hover, .page-link:focus {color: rgb(9,74,168)}

.return .lnk1 {color: #000}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contenido li {list-style-position: inside}
.contenido p {margin: 1rem 0}
.share a {color: #000; margin: 0 5px}

#destwidget {width: 120%; position: relative; left: -10%}
#destwidget h4 {margin-left: 10%}

.swiper-slide-bg {text-align: right; z-index: 1}
.swiper-slide-bg img {height: 100%}
.swiper-slide-bg img.d-none.d-sm-block {display: inline-block !important}
.slider-caption.deg-green, .swiper-slide.deg-green {background: rgba(0,130,113,1) !important;  }
.slider-caption.deg-green {padding: 5% 0}
.swiper-wrapper {height: auto !important}
.swiper_wrapper .swiper-container {}
/* .swiper-slide img {max-width: inherit}*/

@media (max-width:1079) {
    .menu-link2 {font-size: 10px}
}

@media (max-width:990px) {
    /*.title h3 {display: none}*/
    .swiper_wrapper .swiper-container {position: relative}
    .slider-element .container, .slider-element .container-fuild {height: inherit}
    .swiper-slide-bg  {position: relative; z-index: 1; height: auto}
.swiper-slide-bg img.d-none.d-sm-block {display: none!important}
    #slider.min-vh-60 {min-height: inherit !important}
    .swiper-slide-bg img {height: auto !important; width: 100%}
    
    #top-bar, .institucional #top-bar, #top-bar {top: 0}
    #primary-menu-trigger, #page-menu-trigger {position: absolute;
top: 70px;
right: 0;}
#logo, #header.sticky-header #logo, .institucional #logo, #header.sticky-header #logo {
  text-align: left;
  margin: 40px 0 0;
    display: block;}
#top-search {position: relative; margin: 20px 0; top: 0}
#top-search a {text-align: left}
.top-search-open .top-search-form {background: #008271;top: 50px;z-index: 999;}
.sidebar {padding: 10% !important; max-width: inherit;}
    
    #slider.min-vh-60 {min-height: inherit !important}
    #slider .deg-green {background: rgba(5,106,56,0.9) !important; padding: 0; top: 0}
    #slider .container {padding-left: 0; text-align: center; position: absolute; z-index: 9990; top: 0; width: 50%}
    .swiper_wrapper .slider-caption h2 {font-size: 18px}
    .slider-caption .bot-vermas {margin: 20px auto;}
    .lnk1 {font-size: 13px}
    
    .pagetop h1 {font-size: 18px}
    body.cientifica .pagetop {background: rgba(9,74,168,1)}
    #bot-contenidos, #bot-secciones2 {margin: 20px; display:block;}

    .top-links-item > a, .institucional .top-links-item > a {padding: 0 5px}
    #destwidget {width: inherit; position: relative; left: inherit}
#destwidget h4 {margin-left: inherit}
    
    header #top-bar .sub-menu-container {display: none; position: absolute; width: 150px}
    header #top-bar .top-links-container li:last-child:hover .sub-menu-container {display: block}
    #sec-menu2, #sec-menu {z-index: 99999999}
    #search-prof {margin-top: 0 !important}
}

.contenedor-pills {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.contenedor-pills .pill a {
    width: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0px 5px 1rem 0px;
    padding: 7px 20px;
    border-radius: 25px;
    color: #FFFFFF;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #008271;
}