@charset "utf-8";
body, td, th, input, select, textarea{
	font-size:16px;
	color: #0a0a0a;
}
body{
	margin:0px;
	padding: 0px;
}
h1{color:#000000;}
h2{color:#21727E;}
h3{color:#000000;}
h4{color:#ccc;}
h5{color:#000;}
h6{color:#CCC;}

/* Estilos para las zebras */
.zebra { margin-top:15px; margin-bottom:20px;}
.zebra td { border-bottom: 1px solid #f1f1f1;}
.zebra tr.alt td {		background: #f7f7f7;}
.zebra tr.over td {	background: #E2E2E2;}
.zebra tr.title td { background-color: #D6D6D6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }

/* Retoques al jQuery UI*/
.ui-state-default, .ui-widget-content .ui-state-default { background: #63b2c2;color: #fff; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active { color:#FFF; border:none; background-color: #005D6B; background-image:none; }
.ui-state-default, .ui-widget-content .ui-state-default * { color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active * { color:#FFF; border:none; }
.ui-widget-header, .ui-widget-content { border:none; background:#FFF; }
.ui-state-default a, .ui-state-active a { color:#FFF !important; }
.ui-state-default a:visited, .ui-state-active a:visited, .ui-state-default a:link, .ui-state-active a:link{color:#000;}

.carousel-control.right, .carousel-control.left{background-image:none !important;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {margin: auto;width: 100%;}

.ui-tabs-nav { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #626262; padding-bottom:5px; border:none; }
.ui-tabs .ui-tabs-nav li a{ padding:5px;}

.margin{margin: 5px;}
.clear{clear: both;}

#MenuVertical{padding: 0; margin: 0; width: 172px; float: left;  margin-right: 27px;}
#MenuVertical li { list-style-position: inside; list-style-type: none; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-image: url(vineta.gif); }
#MenuVertical li a { color: #3e545f; display: inline; list-style-position: inside; list-style-type: none; padding: 0px; font-size: 13px; font-weight: normal; text-decoration: none; margin: 0px; }

.row-flex .col-md-12{
    text-align: initial;
}

.imagen_ver_evento{
	display: none;
}

/* General Styles */
.noPadding{
	padding: 0;
}

/* Colors */
.col-whi{
	color: #fff !important;
}
.col-bla{
	color: #000;
}
.col-green{
	color: #7E962E;
}

/* Paddings */
.pad-0{
	padding: 0;
}
.pad-1{
	padding: 1em;
}
.pad-3{
	padding: 3em;
}
.pad-0-intro .col-xs-12{
	padding: 0;
}

/* Displays */
.dis-blo{
	display: block;
}
.dis-inl{
	display: inline-block;
}
.dis-flex{
	display: flex;
}

/* Tags */
p {
    font-weight: 300;
    line-height: 1.5;
    text-align: justify;
}
a {
	transition: all 0.3s ease-in-out;
}
a:hover{
	text-decoration: none;
}
*:focus{
	outline: none !important;
}

.info-section p{
	text-align: center;
	font-size: 1.2em;
}
.info-section .row .col-xs-12 {
    padding: 0;
}
.intro {
    font-size: 16px;
    padding: 2em 1.5em;
}
.site-content{
	max-width: 1200px;
	margin: 0 auto;
}


/* HEADER */
header {
    position: relative;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    background: #ffffff;
    padding: 10px;
    transition: all .4s ease;
    box-shadow: 0 0 2px #00000073;
}
.header-content {
    justify-content: space-between;
    align-items: center;
}
.nav-brand {
    max-width: 115px;
}
.nav-brand img{
	transition: all .2s ease;
}
.social-links, .navbar-header,.main-nav-mobile {
    display: none;
}
a.toogle-menu {
    color: #145D6A;
    font-size: 40px;
    padding: 0 5px;
    line-height: 1;
}
.mm-menu {
    background: #145D6A;
    border-color: rgba(0,0,0,.1);
    color: rgb(255, 255, 255);
}
ul.mm-listview {
    display: block !important;
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: rgb(255, 255, 255);
}
.mm-menu .mm-listview .mm-btn_next::after {
    border-color: rgb(255, 255, 255);
}
.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {
    border-color: rgb(255, 255, 255);
}



/* Slider Home */
.slick-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 50;
    color: #9e9898;
    font-size: 30px;
    padding: 0 15px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    background: white;
    margin: 0 15px;
}
.slick-arrow:hover{
	color: #fff;
	background: #21727E;
}
span.arrow-right.slick-arrow {
    right: 0;
    left: auto;
}

.contain-slider {
    position: relative;
}
.events-home {
    position: static;
    bottom: 50px;
    right: 50px;
    background: rgb(20, 93, 106);
    margin-top: 10px;
    margin: 10px;
    border-radius: 10px;
    padding: 10px;
}
.item-event {
    margin-bottom: 10px;
}
.item-event-date {
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-right: 3px solid white;
    padding-right: 15px;
    margin-right: 10px;
    min-width: 70px;
}
.item-event a {
    display: flex;
    align-items: center;
    padding: 5px;
}
.item-event-date small {
    display: block;
}
.item-event h3 {
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 10px;
    line-height: 18px;
}

.title,.content-box-title,.mod-box-title {
    color: #145d6a;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
    position: relative;
    font-size: 18px;
    line-height: 1.5;
}
.title span,.content-box-title span,.mod-box-title span {
    background: url(bg-title-1.png) no-repeat left center;
    background-size: contain;
    padding: 8px 0 8px 60px;
}

/* Events Types */
.item-event-type a {
    display: block;
}
.item-event-type a h3 {
    position: absolute;
    bottom: 0;
    text-shadow: 0 0 10px black;
    font-size: 20px;
    padding: 8px 15px;
    letter-spacing: 1px;
    text-shadow: 0 0 7px black;
    font-weight: 400;
}

/* Services */
.services h2 {
    font-weight: 300;
    text-align: center;
    line-height: 1.5;
    font-size: 20px;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.services h2::after {
    content: "";
    width: 50%;
    height: 2px;
    background: #ACBD76;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.intro p {
    color: #555555;
    font-weight: 400;
	margin-bottom: 20px;
}
figure.item-service {
    position: relative;
}
.item-service a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
}
.item-service {
    position: relative;
    margin-bottom: 25px;
}
.item-service h3 {
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 1px;
}

/* Calendar */
.btn-green {
    background: #89A034;
    color: #fff;
    border-radius: 25px;
    box-shadow: 1px 1px 6px #0000006e;
    font-size: 18px;
    letter-spacing: 1px;
    text-shadow: 0 0 3px black;
    padding: 5px 20px;
}
.btn-green:hover{
	background: #145D6A;
	color: #fff;
}

/* Map */
.info-map * {
    text-shadow: 0 0 3px black;
    line-height: 1.5;
    letter-spacing: 1px;
}
.map {
    background-size: cover;
    background-position: center center;
}
.info-map h2 {
    font-size: 25px;
    margin-bottom: 40px;
}

/* Footer */
footer.footer {
    background: #FAFBFB;
}
.footer-bottom {
    background: #005D6B;
    padding: 15px 5px;
}
.footer-bottom a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    /* display: block; */
    letter-spacing: 1px;
}
.footer-top * {
    color:#343434;
    text-align: center;
    font-size: 14px;
}
.menufooter {
    padding: 0;
    margin: 0;
    list-style: none;
}
.menufooter a{
    letter-spacing: 1px;
}
.footer-top {
    padding: 15px;
}
.footer-top h3 {
    font-size: 20px;
    letter-spacing: 1px;
}
.footer-brand {
    max-width: 150px;
    margin: 0 auto;
}
.social-footer a i {
    font-size: 32px;
    margin: 8px;
}
footer a:hover {
    color: #ccc;
    text-shadow: none;
}
footer p {
    letter-spacing: 1px;
}
.page-info-contact p {
    font-weight: 400;
}

/* BOTON FLOTANTE */
.contenedor_flotante{
	position:fixed;
	left: 0;
	bottom: 0;
}
.img-escritorio{
	display: none;
}
#pge_ssl_widget{
	display: none;
}

/* Internas */

.content-box, .mod-box {
    padding: 10px;
}
.content-box-title,.mod-box-title {
    color: #005D6B;
    text-align: center;
    font-size: 18px;
    letter-spacing: 2px;
}
.content-area {
    padding: 0 10px;
}
.banner-page img{
	display: none;
}

.slider-home .slick-track .slide:nth-child(odd) a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease;
}
.slider-home .slick-track .slide {
    position: relative;
}

.current-news {
	display: flex;
	flex-direction: column;
	place-content: center;
	place-items: center;
	gap: 20px;
	margin: 12px 0 20px;
}

.container-actualidad {
	display: grid;
	grid-template-columns: 1fr;	
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.art-act {
	padding: 20px;
	box-shadow: 0px 2px 48px 0px rgb(77, 153, 168, 12%);
}

.art-act h4 {
	font-size: 20px;
	font-weight: 600;
	color: #21727E;
}

.art-act .col-md-12 {
	padding: 0 !important;
}

.art-act p {
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	margin: 0;
	text-align: start;
	color: #656565;
}

.art-act span.art-act-date {
	display: inline-flex;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	margin: 12px 0 0;
	color: #868585;
}

/* Media Queries */
@media (min-width: 580px){
	.content-info-header {
	    align-items: center;
	}
	.social-links {
	    display: block;
	    padding-right: 15px;
	}
	.social-links a {
	    color: #21727E;
	    font-size: 25px;
	    margin: 0 5px;
	}
	.container-actualidad {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 768px){
	.nav-brand {
	    max-width: 180px;
	}
	.events-home {
	    position: absolute;
	    background: rgba(0, 0, 0, 0.23);
	    border-radius: 0;
		min-width: 500px;
		bottom: 30%;
		right: 10%;
		z-index: 1;
	}
	.item-event a {
	    padding: 0px;
	}
	.item-event a * {
	    text-shadow: 0 0 3px black;
	}
	.item-event-date {
	    font-size: 34px;
	}
	.item-event-date small {
	    font-size: 12px;
	}
	.item-event h3 {
	    font-size: 16px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.item-event-type {
	    margin: 0 5px;
	    border-radius: 4px;
	    overflow: hidden;
	}
	.services h2 {
	    font-size: 28px;
	}
	.services h2 strong {
	    display: block;
	}
	.intro {
	    padding: 3em 1.5em;
	}
	.calendar-events{
		background: url('bg-shadow.jpg') no-repeat center bottom;
		padding-bottom: 140px;
	}
	.content-calendar-events .row {
	    display: flex;
	    align-items: center;
	}
	.footer-top * {
	    text-align: left;
	}
	.footer-top {
	    padding: 25px 15px;
	}
	.social-footer {
	    text-align: center;
	}
	.footer-brand {
	    max-width: 180px;
	    margin: 20px auto;
	}
	a.policies {
	    text-align: left;
	}
	.exus-url{
		text-align: right;
	}
	.menufooter {
	    padding-top: 15px;
	}
	.menufooter li {
	    margin-top: 6px;
	}
	.banner-page h2 {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    margin: 0;
	    color: #005D6B;
	    font-size: 24px;
	    width: 100%;
	}
	.banner-page {
	    position: relative;
	}
	.site-content-title {
	    padding: 40px 0;
	}
	.banner-page img{
		display: block;
	}
	.img-escritorio{
		display: block;
	}
}

@media (min-width: 992px){
	.nav-mobile {
	    display: none;
	}
	.content-info-header {
	    width: 100%;
	}
	.navbar-header {
	    display: block;
	    width: 100%;
	    padding: 0 10px;
	}
	.social-links {
	    min-width: 150px;
	}
	nav.main-nav ul {
	    padding: 0;
	    margin: 0;
	    list-style: none;
	}
	nav.main-nav > ul{
		display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	nav.main-nav ul li a {
	    display: block;
	    text-align: center;
	    font-size: 13px;
	    padding: 5px 3px;
	    font-weight: 500;
	    color: #21727e;
	    transition: all .5s;
	}
	nav.main-nav ul li a:hover{
		background: #21727e;
    	color: #fff;
    	border-radius: 5px;
	}
	ul.submenu {
	    position: absolute;
	    min-width: 150px;
	    display: none;
	    padding-top: 39% !important;

	}
	ul.submenu li {
		background: #ffffffad;
	}
	ul.submenu li a {
		font-size: 14px !important;
		padding: 8px !important;
		text-align: left !important;
	}
	ul.submenu li a:hover{
		border-radius: initial !important;
	}

	nav.main-nav ul li {
	    position: relative;
	}
	ul.subsubmenu {
	    position: absolute;
	    left: 150px;
	    min-width: 150px;
	    transform: translateY(-36px);
	    background: #ffffffad;
	}
	header {
	    background: #ffffffb5;
	    padding: 15px 10px;
	    box-shadow: none;
	    box-shadow: -2px 0px 3px #0000001f;
	}
	section.home-section{
		padding: 0;
	}
	.navbar-header {
	    padding: 0 25px;
	}
	.slick-arrow {
	    margin: 0 50px;
	}
	.contain-slider{
		position: relative;
	}
	/*.contain-slider::before {
		content: "";
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxODAwcHgiIGhlaWdodD0iMzM3cHgiIHZpZXdCb3g9IjAgMCAxODAwIDMzNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5JbWFnZSBIb2xkZXIgQ29weTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJFbGVnaW8tRXhwb2Z1dHVyby1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgLTc4NS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8ZyBpZD0iYmFubmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjcyLjAwMDAwMCwgLTI1LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMS4wMDAwMDg2Miw4MzYuNzg0NjI3IEMzMzIuMTA0ODk3LDEwMjQuNjQ2MDIgNjkyLjA4MjE0NywxMTI3LjY5MTcgMTA4MC45MzE3NiwxMTQ1LjkyMTY4IEMxMjk5LjUyNjE0LDExNTQuNDAxODYgMTUwNi45NDIyMSwxMTExLjQyMjE5IDE2OTUuODgyNjQsMTA2Ny42NDcxIEMxODExLjIyNjgzLDEwNDAuOTIzMzMgMTkyMC41NDg0OSwxMDE1LjA3MTA3IDIwMTguODA5NzIsOTk3LjA0NjQ2MiBDMjEyOS44MjYzNCw5NzYuNjgyMDU3IDIyMzguMjIzMSw5NjYuNzUwOTEgMjM0NCw5NjcuMjUzMDIyIEwyMzQzLDgxMC43ODQ2MjcgTDguNjE4ODAyODllLTA2LDgxMC43ODQ2MjcgTDEuMDAwMDA4NjIsODM2Ljc4NDYyNyBaIiBpZD0iSW1hZ2UtSG9sZGVyLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExNzIuMDAwMDA0LCA5NzguODkyMzE0KSBzY2FsZSgtMSwgMSkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTExNzIuMDAwMDA0LCAtOTc4Ljg5MjMxNCkgIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
		width: 100%;
		height: 195px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: left 0;
	}*/
	.title {
	    margin-bottom: 30px;
	    font-size: 28px;
	}
	.title span,.content-box-title span,.mod-box-title span{
	    padding: 8px 0 8px 75px;
	}
	.events-type .title {
	    
	    z-index: 5;
	    margin-bottom: 60px;
	}
	.slider-events .slick-arrow {
	    margin: 0;
	}
	.slider-events {
	    padding: 15px 50px;
	}
	.item-service h3 {
	    font-size: 40px;
	}
	.intro p {
	    font-size: 20px;
	}
	.services.intro p{
		margin-bottom: 110px;
	}
	.info-map p {
	    font-size: 20px;
	}
	.info-map h2 {
	    font-size: 36px;
	}
	.map {
	    padding: 4em !important;
	}
	.footer-top {
	    padding: 60px 15px;
	}
	.banner-page h2,.content-box-title,.mod-box-title {
	    font-size: 30px;
	}
	/* FORMULARIO */
	#Form_4_container .form-group{
	    padding: 0px 10px !important;
	    width: 50%;
	}
	#Form_4_container .F4_item_25{
	    width: 100%;
	}
	#Form_4_container .F4_item_20, #Form_4_container .F4_item_24{
		display: flex;
		flex-wrap: wrap;
    	justify-content: left;
	}
	
	#fg_submit{
		color: #006573;
	    text-transform: uppercase;
	    font-weight: 800;
	    background: #fff;
	    border-color: #006573;
	    border-width: 2px;
	}
	#Form_4_container #fg_submit:hover{
		background: #006573;
		color: #fff;
	}
	.container-actualidad {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1200px){
	.nav-brand {
	    min-width: 280px;
	}
	.header-content {
	    max-width: 1400px;
	    margin: 0 auto;
	}
	nav.main-nav ul li a{
		padding: 5px 10px;
		font-size: 15px;
	}
	ul.submenu{
		padding-top: 42% !important;
	}
}

@media (min-width: 1920px){
	/*.contain-slider::before {
	    height: 250px;
	}*/
}