@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600;700;900&display=swap');
/*
    font-family: 'Barlow', sans-serif;

*/

/*VARS*/
:root {
	--bk-color:#FFF;
	
	--main-font-family: 'Barlow', sans-serif;
	--main-font-color:#626262;
	
	--font-light:300;
	--font-regular:400;
	--font-semi-bold:600;
	--font-bold:700;
	--font-black:900;

	--header-height:70px;
	--header-userbar-height:40px;
	--header-full-height:calc(var(--header-height) + var(--header-userbar-height));
	
	--menu-color:#FFF;	
	
	--contrast-1:#000;	
		
	--color-transparent:rgba(0,0,0,0);
	
	--margin-small:1rem;
	--margin-big:2.5rem;	
}

/*VARS*/
:root {		
	
	/*https://coolors.co/palette/2b2d42-8d99ae-edf2f4-ef233c-d90429*/
	/*https://coolors.co/palette/780000-c1121f-fdf0d5-003049-669bbc*/
	
	--color-1:#1da288; /*VERDE*/	
	--color-2:#1da288; /*VERDE*/	
	--color-3:#939598; /*GRIS LOGO*/
	
	--color-4:#2B2D42; /*GRIS FRIO*/
	--color-4a:#8D99AE; /*GRIS FRIO CLARO*/	
	
	--color-5:#cf242e; /*ROJO*/
	
	/**/	
	--color-6:#1b3c4b; /*AZUL OBSCURO*/
	--color-7:#669BBC; /*AZUL GRIS*/	
	
	/*PENDIENTE*/	
	
	--gradient-1:var(--color-2);
	--gradient-2:var(--color-1);
	--gradient-3:var(--color-3);
}


body{ 	
	height: 100%;
	padding: 0;
	font-size:17px;	
	text-align:justify;
	margin:0px;
	position:relative;				
	background: var(--bk-color);
	font-family: var(--main-font-family);
    font-weight: var(--font-regular);
	color: var(--main-font-color);
	
	
	}	

html{
	height: 100%;
	padding: 0;
	}		
	
img{ 
	border:none;
	vertical-align:middle;
	}

.foot_td{
    height: 1px;
}
    
/*MAIN*/

.mainTable{
	width:100%;
	height:100vh;	
	}	
	
.rollOver{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-html-opacity: 1;
	opacity: 1;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;	
}

.rollOver:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.enable-transition{
	transition: all .5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.enable-transition-fast{
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

a,
button{
outline:0 !important;
}

.ocultar{
	display: none !important;
}

.maxWidth{
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    max-width: 1400px !important;
    margin: 0 auto;
    text-align: initial;
}

.innerBox{
    display: inline-block;
    box-sizing: border-box;
    padding: var(--margin-big) var(--margin-big);
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.topPadding{
    padding-top: 0px;
}

.anchor-link{
	margin-top:-200px;
	display: flex;
	position: absolute;
	top: 100px;
}

/*BK*/

.bk_agua{
	background: #00AFAA !important;
} 

.bk_amarillo{
	background: #DDE56D !important;
} 

.bk_rojo{
	background: #EF3D52 !important;
} 

.bk_verde{
	background: #6CA394 !important;
} 

.bk_gris{
	background: #C0BBC3 !important;
} 

.bk-blob-1{
	background: url("../img/graficos/bk_blob_1.png");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}

.bk-blob-2{
	background: url("../img/graficos/bk_blob_2.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	object-fit: contain;	
}

.bk-blob-3{
	background: url("../img/graficos/bk_blob_3.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	object-fit: contain;	
}

/*HEADER*/ 

header{
    display: inline-block;
    box-sizing: border-box; 
    width: 100%;      
    text-align: center;
    position: fixed;
    z-index: 9999;
    transition: all 0.5s;
	
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;	
}


header .background{
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	
	background: #f4f4f4;
	
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	-html-opacity: .3;
	opacity: .3;
	
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

header.alt_header .background{	
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-html-opacity: 1;
	opacity: 1;
}

header .headerBox{
	height: var(--header-height);
}

.header_td{
	height: var(--header-full-height);
}

.headerBox, .footBox{
    display: inline-flex;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

header .logo{
    margin-top: var(--margin-small);	
    display: inline-block;
    box-sizing: border-box; 
    float: left;	
	position: relative;
}

header .logo_change{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

header .logo .logo_1, header.alt_header .logo .logo_2{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-html-opacity: 1;
	opacity: 1;
}

header.alt_header .logo .logo_1, header .logo .logo_2{
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-html-opacity: 0;
	opacity: 0;
}

header .logo,header .logo img{
	height: var(--margin-big);
}

.header_user_box{	
	/*background: #EF3D52;*/
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	
	border-bottom: solid 1px rgba(255,255,255,.3);
}

.alt_header .header_user_box{
	border-bottom: solid 1px #d5d5d5;
}

.header_user_bar{
	display: flex;
	box-sizing: border-box;
	height: var(--header-userbar-height);	
	color:rgba(255,255,255,.7);
	width: 100%;
	justify-content:flex-end;
	max-width: 1400px;
	margin: 0 auto;
	align-items: center;
}

.alt_header .header_user_bar{
	color:rgba(0,0,0,.3);
}

.header_user_bar .grid_col{
	display: inline-block;
	box-sizing: border-box;
}

.header_user_bar a{	
	display: inline-block;
	box-sizing: border-box;
	margin-left: 10px;
}

.header_user_bar a, .header_user_bar a:hover{
	color:inherit;
	text-decoration: none;
}

.header_user_bar a i{
	margin-right:5px;
	font-size: .8em;
}

.header_user_bar a.cambio_idioma:first-child{
	margin-left: 25px;
}

.header_user_bar a.cambio_idioma{
	text-transform: uppercase;
	margin-left: 10px;
	font-weight: 600;
}

.header_user_bar a.cambio_idioma, .header_user_bar a.cambio_idioma:hover{	
	color:rgba(255,255,255,1);
}

.header_user_bar a.cambio_idioma .lang_short{
	display: none;
}

.header_user_bar .hub-2{
	display: none;
}

.hide_bar{
	margin-top: -70px;
}

.header_user_bar .sm_bar a{
	margin: 0px !important;	
}

.header_user_bar .sm_bar a i{
	font-size: .9em;
}

.header_user_bar .sm_bar{
	margin-left: var(--margin-small);
}

/*FOOT*/
.foot{
    display: inline-block;
    box-sizing: border-box;
    float: left;
	/*
    background: #00AFAA;  
	*/
	background: var(--color-2);
    width: 100%;
    color: #FFFFFF;
    position: relative;
    text-align: center;
	font-size: .9em;
}

.foot_grid{
	display: flex;
	justify-content: space-between;
}

.foot_grid .grid_col{
	box-sizing: border-box;
}

.foot .logotipos{
	width: 150px;
	display: flex;
	box-sizing: border-box;
	flex-wrap: wrap;
}

.foot .logotipos .logos_grid_col{
	width: 100%;
	max-width: 150px;
	margin-bottom: var(--margin-big)
}

.foot .logotipos .logos_grid_col:last-child{
	margin-bottom: 0px
}


.foot .logotipos img{
	width: 100%;
}

.foot_grid .grid_col.foot_middle{
	padding: 0px 0px 0px var(--margin-big);	
	text-align: left;
	flex-grow: 1;
}

.foot_sm{
	display: none;
}


/*DOS COLUMNAS*/

.foot h5{
	font-size: 1.1em;
	margin-bottom: 3px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: var(--main-font-family);
}

.foot .legales{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.foot .legales .legales_grid_col{
	min-width: 40%;
	padding-left: var(--margin-big);
	box-sizing: border-box;
}


.foot .legales p{
	margin-bottom: 0px;
	line-height: 16px;
} 

.foot .foot_links a, .foot .foot_links a:hover{
	display: inline-block;
	box-sizing: border-box;
	float: left;
	background: rgba(255,255,255,.2);
	color: #FFF;
	padding: 5px 10px;
	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}

.foot .sm_bar{
	display: flex;
	gap: .5rem;
	margin-top: 1em;
}

.foot .sm_bar a, .foot .sm_bar a:hover{
	color:#FFF;
	font-size: 1em;
}

.link-blanco, .link-blanco:hover{
	color: #FFF;
	text-decoration: none;
}


.goTop{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: var(--margin-big);
    padding: var(--margin-small) 0px 0px 0px;
    border-top: rgba(255,255,255,.5) solid 1px;    
}

.btnGoTop{
    display: inline-block;
    box-sizing: border-box;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px rgba(255,255,255,.5);
    color: rgba(255,255,255,1);
    cursor: pointer;
}

.box-logos{
	display: flex;
	gap: 4rem;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
}

.box-logos a img{
	height: 60px;
}

/*MENU PRINCIPAL*/
.btnResponsivo{
    display:none;
    box-sizing: border-box;
    height: 50px;
    width: 60px;
    position: absolute;
    right: 0px;
    bottom: var(--margin-small);
    border: none;
    background: none;    
    z-index: 999;    
    cursor: pointer;
}

.btnResponsivo img{
    width: 26px;
    height: 26px;
    margin-top: 16px;
}

.btnResponsivo .bnt-change{
	position: absolute;
	left: 0;
	top: 0;
}

header .btn-resp-1, header.alt_header .btn-resp-2{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-html-opacity: 1;
	opacity: 1;
}

header .btn-resp-2, header.alt_header .btn-resp-1{
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-html-opacity: 0;
	opacity: 0;
}


/**/


.menuPrincipal{
    display: flex;   
    position: absolute;
    right: 0px;
	height: var(--margin-big);
	align-items: center;
	justify-content: space-between;
	margin-top: var(--margin-small);	
}


.hub_controles{
	display: flex;
	align-items: center;
}

.menuPrincipal .hub_controles{
	display: none;
}
    
.menuPrincipal .mpBlock,
.sb_menu .mpBlock{ 
    display: inline-block;    
    box-sizing: border-box;
    float: left;
    position: relative;    
}

.menuPrincipal .mpBlock{
    margin: 0 auto;
}

.menuPrincipal .mpSub,
.sb_menu .mpSub{    
	display: flex;
	flex-wrap: wrap;
}

.menuPrincipal .mpSub{
    
    position: absolute;
    background:#FFF;
        
    opacity:0;
    height: 0;
    
    top: var(--margin-big);
    right: 0px;
    
    overflow: hidden;
    z-index: 99;    
    
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;	
    
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);   
}

	
.menuPrincipal a,
.sb_menu a{
	display:inline-block;    
	float:left;
	box-sizing:border-box;	
		
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	
	text-decoration:none; 
    cursor: pointer;
    text-align: right;
	}
  

.menuPrincipal .mpParent,
.menuPrincipal .mpSingle{
    padding:10px 0px 10px 15px;
	color:var(--menu-color);
    white-space: nowrap;
	font-size: 1.1em;
	font-weight: var(--font-semi-bold);
}

.alt_header .menuPrincipal .mpParent,
.alt_header .menuPrincipal .mpSingle{
	color:rgba(0,0,0,.4);
}

.header_home .menuPrincipal .mpParent,
.header_home .menuPrincipal .mpSingle{
    color: #00AFAA;
}

.menuPrincipal .mpBlockParent.activo .mpParent,
.menuPrincipal .mpBlockParent.activo .mpSingle{
    color:rgba(0,0,0,.7)
}

.menuPrincipal .mpSub .mpSub_wrap{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.menuPrincipal .mpSub .mpSub_wrap .mpBlock{
	flex-grow: 1;
	width: 100%;
}

    
.menuPrincipal .mpSub a{  
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  float: left; 
  color: #767777;
  
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s; 
  
  white-space: nowrap;
  padding: 10px 15px;  
  font-weight: var(--font-regular);
  text-decoration: none;
}

.menuPrincipal .mpSub a:first-child{
    margin-top: 0px;
} 

.menuPrincipal .mpSub a:last-child{
    margin-bottom:0px;
} 

.menuPrincipal .mpSub a:hover, .menuPrincipal .mpSub a.activo{
    background: rgba(0,175,170,1); 
	color: rgba(255,255,255,.8); 
}

.menuPrincipal .subIcon{
    margin-left: 6px;
    font-size:.75em;
    color: #C0BBC3;
}

.menuPrincipal .mpBlock > .mpParent .fas{    
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
}

.menuPrincipal .mpBlock:hover > .mpSub{
    opacity: 1;
    height: auto;
}

.menuPrincipal .sideBarLogo{
    display: none;
}


/**/

#sb_sidebar .sideBarLogo{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: var(--margin-small);
    text-align: center;
    border-bottom: rgba(0,0,0,.1) solid 1px;
}

#sb_sidebar .sideBarLogo img{
    width: 100%;
    margin: 0 auto;
}

#sb_sidebar .hub_controles{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	border-top: solid 1px rgba(255,255,255,.1);
}

#sb_sidebar .hub_controles a{
	width: auto;
	color: rgba(0,0,0,.4);
}

#sb_sidebar .hub_controles a i{
	font-size: .9em;
	margin-right: 5px;
}

/**/

.contenido{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin: 0 auto;
}

.bloque_contenido{
    padding: var(--margin-big) var(--margin-big) 0px var(--margin-big);
}

.bloque_single{
    padding: 0px var(--margin-big);
}


.bloque_full_width{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	float: left;
	text-align: center;
}
/**/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	width: 100%;
	box-sizing: border-box;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	background: rgba(255,255,255,1.00);
}

.videoInline{
    width: 100%;
}

/**/

.grid_video{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.grid_video .grid_col{
	width: 100%;
	margin-bottom: var(--margin-small);
}

.grid_video .grid_col:last-child{
	margin-bottom: 0px;
}

/**/

.centro{
    text-align: center;
}

.td_top{
    vertical-align: top;
}


/**/

.search_bar{
    display: inline-block;
    box-sizing: border-box;
	width: 300px;
	background: rgba(255,255,255,.2);
	-webkit-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	text-align: left;
	height: 26px;
	margin-right: var(--margin-small);
	margin-top: 2px;
}


.search_bar .search_box{
	background: none;
	border: none;
	width: 270px;
	position: absolute;
	top: 0px;
	outline: none;
	font-family: var(--main-font-family);
    font-weight: var(--font-regular);
	color: rgba(255,255,255,1);
	padding-left:15px;
	padding-right:0px;
}

.search_bar button{
	position: absolute;
	right: 5px;
	top: 0px;
	background: none;
	border: none;
	color: rgba(255,255,255,.6);
}

.search_bar input::placeholder {
	font-family: var(--main-font-family);
	font-weight: var(--font-regular);
	color: rgba(255,255,255,1);
}

/**/
.no_results{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: var(--margin-small);
    background: rgba(0,0,0,.1);
    color: rgba(0,0,0,.8);
    text-align: center;
    font-weight: 700;
    
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/**/

.paginadoBox{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    text-align: right;
    margin-top: var(--margin-small);
}

.paginadoBox .paginado{
    display: inline-block;
    box-sizing: border-box;
    margin: 0 auto;
}

.paginado a{
    display: inline-block;
    box-sizing: border-box;
    float: left;
    margin: 0px 2px;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background: rgba(0,0,0,.3);
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    
    font-size: .9em;
    
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.paginado a:hover, .paginado a.pagActivo{
    background: rgba(0,0,0,.5);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

/**/



.bannerHome{
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 100%;    
	height: 100vh;
	
	padding-top: var(--header-full-height);
	
	position: relative;
}

.bannerHome .slide{
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 100%;
	overflow: hidden;
	height: calc(100vh);
}

.bannerHome img, .bannerHome picture{
    width: 100%;
	height: 100%;
	object-fit: cover;
}

.bannerHome .cycle-next, .bannerHome .cycle-prev{
    display: inline-block;
    box-sizing: border-box;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: rgba(255,255,255,.5);
    border: solid 1px rgba(255,255,255,.8);
    color: rgba(255,255,255,1);
    cursor: pointer;
    position: absolute;
    z-index: 999;
    font-size: .9em;    
    
    top: 50%;
    transform: translateY(-50%);
}

.bannerHome .cycle-prev i{
    margin-left: -2px;
}

.bannerHome .cycle-next i{
    margin-right: -2px;
}

.bannerHome .cycle-prev{
    left: var(--margin-small);
}

.bannerHome .cycle-next{
    right: var(--margin-small);
}

.bannerHome .sshow_slide{
	text-align: center;
}

.bannerHome .etiqueta_box{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;	
	text-align: center;
    z-index: 999;
}

.bannerHome .etiqueta{   
   display: inline-block;
   box-sizing: border-box;
   width: 100%;
   text-align: left;   
   max-width: 1400px;
   margin: 0 auto;
   
}

.bannerHome .etiqueta .etiqueta_inner{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	max-width: 66%;
	padding: var(--margin-small) var(--margin-big);
    background: rgba(52,60,57,.8);
}

.bannerHome .etiqueta h3{
	font-family: var(--main-font-family);
	font-weight: 700;
	font-size: 2em;
	color: #FFF;
}

.bannerHome .etiqueta .descripcion{
	color: #FFF;
	text-align: justify;
	font-family: var(--main-font-family);
	font-size: 1.2em;
	font-weight: 300;
}

.bannerHome .etiqueta .pie{
	display: inline-block;
	box-sizing: border-box;
	margin-top: var(--margin-small);
	color: #FFF;
	font-family: var(--main-font-family);
	text-align: justify;
	float: left;
	width: 100%;
	font-size: .9em;
}

.bannerHome .etiqueta a, .boton_agua{
	display: inline-block;
	box-sizing: border-box;
	float: left;
	margin-top: var(--margin-small);
	font-size: 1.2em;
	line-height: 1em;
	padding: 9px 30px 12px var(--margin-small);
	color: #FFF;
	background: #6CA394;
	position: relative;	
	font-family: var(--main-font-family);
	border: none;
}

.bannerHome .etiqueta a, .bannerHome .etiqueta a:hover, .boton_agua:hover{
	color: #FFF;
	text-decoration: none;
}

.bannerHome .etiqueta a i, .boton_agua i{
	position: absolute;
	right: 5px;
	top: 10px;	
}

/* pager */
.cycle-slideshow .cycle-pager { 
    display: flex;
    z-index: 500; 
    position: absolute !important; 
    bottom:var(--margin-small);
    right: 0;
    overflow: hidden;
	width: 100%;
	align-items: center;
	justify-content: center;	
}
.cycle-slideshow .cycle-pager span { 
   
    font-family: arial; font-size: 50px;    
    color: rgba(0,0,0,.2);
    cursor: pointer; 
    line-height: 1em;
    text-shadow: 0 0 2px rgba(0,0,0,.2);
    
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    margin-left: 4px;
}

.cycle-slideshow .cycle-pager span.cycle-pager-active { 
    color: rgba(255,255,255,1);
	
	text-shadow: 0 0 2px rgba(0,0,0,.1);
    
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.cycle-slideshow .cycle-pager > * { 
    cursor: pointer;
}

/*INTRO BANNER*/
.intro-banner{
	
	position: relative;
	z-index: 3;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10rem;
	padding: 0rem 0 10rem 0;
	height: 100%;
	color: #FFF;
	
	transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.intro-banner .banner-col{
	width: 50%;
	
}

.intro-banner .img-banner{
	width: 100%;
}

.intro-banner h1{
	font-weight: var(--font-black);
	font-size: 3em;
	margin-bottom: 1.5rem;
}

.intro-banner h2{
	font-weight: var(--font-light);
	font-size: 3em;
	margin-bottom: 1.5rem;	
	line-height: 1em;
}


.bannerHome .bk-1{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: -2;
}

.bannerHome .bk-1 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bannerHome .bk-2{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
  background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
}

/**/

.grid_1x1{
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    justify-content: space-between;
}

.grid_1x1 > .boxGrid{
    width: 50%;
    padding: 0px var(--margin-small);
    text-align: center;
    box-sizing: border-box;
    margin-top: var(--margin-big);
}

.grid_1x1 .boxGrid img{
    width: 100%;
}

/**/

.txtBox{
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    float: left;
    margin-bottom: var(--margin-big);
    text-align: justify;
}

.txtBox .igmFloat{
    display: inline-block;
    box-sizing: border-box;
    
    padding-bottom: var(--margin-small);
    width: 50%;
}

.txtBox .igmFloatRight{
    padding-left: var(--margin-small);
    float: right;
    margin-left: var(--margin-small);
}

.txtBox .igmFloatLeft{
    padding-right: var(--margin-small);
    float: left;
     margin-right: var(--margin-small);
}

.txtBox h2{
    color: #262524;
    font-weight: 700;
    text-align: left;
    font-size: 1.2em;
    margin-bottom: var(--margin-small);
}

.pagina{
    padding-top: var(--margin-big);
}


.seccion{
    padding-top: var(--margin-small);
}

.articulo{
    text-align: justify;
}

.articulo h1, .articulo h2, .articulo h3, .articulo h4{
    text-align: left;
}



.articulo.two_col{
 column-count: 2;
 column-gap: var(--margin-big);
 column-fill: balance; 
}

.articulo.one_col{
}

.articulo a{
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    
    color: #767777;
    text-decoration: underline;
}

.articulo a:hover{
    color: #767777;
    text-decoration: underline;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.articulo img{
    max-width: 100%;
}

.articulo .pie_foto{
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 5px;
    color: rgba(0,0,0,1);
    font-size: .9em;
    font-weight: 300;
    font-style: italic;
}

.tablaArticulo{
    width: 100%;
}

.tablaArticulo .col_menu{
    vertical-align: top;
    width: 250px;
    padding-right: var(--margin-big);
    padding-top: 54px;
}

.tablaArticulo .col_articulo{
    vertical-align: top;
}

/**/
.grid_articulo_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--margin-small);
}

/*
.grid_articulo_inner .ag_col{
	padding-left: var(--margin-small);
	padding-right: var(--margin-small);
	margin-top: var(--margin-small);	
}
*/

.grid_articulo_inner .ag_col:first-child{
	margin-top: 0px;
}

.grid_articulo_inner .ag_col.layout_width_100{
	width: 100%;
}

.grid_articulo_inner .ag_col.layout_width_50{
	width: 50%;
	flex-grow: 1;
}


/*
h1.tituloBox{ 
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: var(--margin-small);
	text-align: left;	
	font-family: var(--main-font-family);
}


h1.tituloBox span{
    display: inline-block;
    box-sizing: border-box;
	color: #FFF;
	background: #EF3D52;
	width: 100%;
	max-width: 50%;
	padding-top: 10px;
}
*/

h1.tituloBox{ 
    font-size: 1.4em;
    font-weight: 300;
	text-align: left;	
	font-family: var(--main-font-family);
	padding-bottom: 15px;
	color: #000;
	border-bottom: 1px solid #EF3D52;
	max-width: 50%;
}

h1.tituloBox span{
    
}

h1.tituloBox.tituloRelacionados {
    margin-top: 80px;
    display: inline-block;
    float: left;
    width: 100%;
}

.menuArticulos a{
    display: inline-block;
    box-sizing: border-box;
    width: 100%; 
    padding-left: 10px;
    position: relative;
    color: #262524;
    text-decoration: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-weight: 300;
}

.menuArticulos a:last-child{
	padding-bottom: 0px;
    margin-bottom: 0px;
	border: 0px;
}

.menuArticulos a.activo{
    font-weight: 700;
	color: #EF3D52;
}

.menuArticulos a i{
    position: absolute;
    right: 2px;
    top: 7px;
    font-size: .6em;
}

.menuArticulos a .desc{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
	padding-right: 5px;
}

.articulo h2, h2.tituloBox{
	font-family: var(--main-font-family);
    font-size: 1.4em;
    margin-bottom: var(--margin-small);    
    padding-bottom: 5px;
    margin-bottom: 10px;
	color:var(--color-5);
	font-weight: var(--font-bold);
}



.articulo h3, .busqueda_listado h3, .grid_entradas h1{   
	font-family: var(--main-font-family);
    font-weight: var(--font-regular);
    text-align: left;
    font-size: 1.2em;
    margin-bottom: var(--margin-small);
	color:var(--color-4);
	font-weight: var(--font-bold);
}

.busqueda_listado h3{ 
	margin-bottom: 10px;
}


.articulo table{
	width: 500px;
}

.articulo table td{
	padding: 5px var(--margin-small);
	vertical-align: top;
	text-align: left;
}

.articulo table tr:first-child td{
	padding-top: 0px;
}

.articulo table td:first-child{
	padding-left: 0px;
}

.articulo table td:last-child{
	padding-right: 0px;
}

.articulo .articulo_tabla_inline{
	display: inline-block;
	box-sizing: border-box;
	max-width: calc(100vw - 460px);
	overflow-x: auto;
}

/**/
.articulo_galeria_listado div{
	display: inline-block;
	box-sizing: border-box;
	float: left;
	width: 100%;
}

.articulo_galeria_listado div img{
	width: 100%;
}

.articulo_galeria_listado .img_box_inner{
	margin-bottom: 10px;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}

.articulo_galeria_listado .etiqueta{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	
	margin-bottom: 10px;
	margin-top: -5px;
	font-size: .95em;
	font-style: italic;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}


/*GALERIA*/


.galeria{
    display: inline-flex;
	box-sizing: border-box;
	flex-wrap: wrap;
	gap: var(--margin-small);
    width: 100%;	
	justify-content: space-between;
}

.galeria a{
	width: calc(50% - 10px);
	min-width: 200px;
	flex-grow: 1;
}

.galeria a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*GALERIA SLIDESHOW*/

.galeria_slideshow .slide{
	display: inline-block;
	padding: var(--margin-small);
	box-sizing: border-box;
	width: 100%;
	position: relative;
}

.galeria_slideshow .slide img{
	width: 100%;
}

.galeria_slideshow .slide .etiqueta{
	position: absolute;
	bottom: var(--margin-small);
	left: var(--margin-small);
	display: inline-block;
	box-sizing: border-box;
	z-index: 1;
	background: rgba(0,0,0,.4);
	padding: 5px 10px;
	color: #FFFFFF;
	font-size: .9em;
	text-align: left;
	font-style: italic;
}

/**/

.articulo + .tituloBox{
    margin-top: var(--margin-big);
}

.descargables + .galeria{
    margin-top: var(--margin-big);
}

.articulo + .galeria{
    margin-top: var(--margin-big);
}

/**/

.descargable{
    margin-bottom: 10px;
}

.descargable:last-child{
    margin-bottom: 0px;
}

.descargable .descripcion{
    display: inline-block;
    box-sizing: border-box;
    padding: 0px 0px 10px 0px;
    padding-left: var(--margin-small);
    
    text-align: left;
    position: relative;
}

.descargable a, .descargable a:hover, .descargable a:active, .descargable a:link, .descargable a:visited{
    color: #767777;
    text-decoration: none;
    position: relative;
}

.descargable{
    text-align: left;
}

.descargable i{
    left: 0px;
    position: absolute;   
    font-size: .8em;
    top: 6px;    
}

.descargable:last-child .box{
    margin-bottom: 0px;
}

/**/

.gridArticulos{
    box-sizing: border-box;
    display: inline-block;
    box-sizing: border-box;
    margin-left: -1rem;
    margin-right: -1rem;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.gridArticulos .boxArticulo {
    display: inline-block;
    box-sizing: border-box;
    padding: var(--margin-small);
    width: 33.33%;
    float: left; 
    text-decoration: none;
    color:#767777;
    
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    
    position: relative;
    margin-bottom: 10px;
    
    text-align: justify;
}

.gridArticulos .boxArticulo .pic{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: var(--margin-small);
}

.gridArticulos .boxArticulo .pic img{
    width: 100%;
}

.gridArticulos .boxArticulo .desc h4{
    color: #262524;
    font-weight: 700;
    text-align: left;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.gridArticulos .boxArticulo .ver_mas{
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    right: var(--margin-small);
    bottom: 0px;
    font-weight: 700;
    text-decoration: none;
}

/**/

.comunicados{
    display: inline-block;
    box-sizing: border-box;
    float: left;  
    position: relative;
    text-align: justify;
	
	margin-left: -2rem;
    margin-right: -0px;
}

.comunicados .item {	
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.comunicados .item > .col{
	
	position: relative;
    flex: auto;
	width: 50%;
    box-sizing: border-box;
    text-align: justify;
    box-sizing: border-box;	
	overflow: hidden;
	padding: 0px var(--margin-big) 0px var(--margin-big);
}

.comunicados .item .col.desc{
	 padding-left: var(--margin-big);
	 padding-right: 0px;
	
}

.comunicados .item .thumb img{
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	vertical-align: middle;
	overflow: hidden;
	object-position: center center;
}

.comunicados .item h2{
    color: #262524;
    font-weight: 700;
    text-align: left;
    font-size: 1.2em;
    margin-bottom: var(--margin-small);
}

.comunicados .item{
    margin-bottom: var(--margin-small);    
}

.comunicados .item.foto_izquierda{
    flex-direction: row-reverse;
}

.comunicados .item:last-child .col{
    padding-bottom: 0px;
}

.comunicados .item .ver_mas{
    display: inline-block;
    box-sizing: border-box;
    float: right;
    margin-right: 0px;
	margin-top: 10px;
}

.comunicados .ver_mas_cont{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    float: left;
}

.comunicados .item.foto_derecha .ver_mas{
    float: left;
    margin-left: var(--margin-big);
    margin-right: 0px;
}

/**/

.tutores_lista{
    width: 100%;
}

.tutores_lista td{
    vertical-align: top;
    padding: 10px 10px;
    border-bottom: solid 1px rgba(0,0,0,.1);
}

.tutores_lista th{
    text-align: center;
    padding: 5px var(--margin-small);
    color: #FFF;
    font-size: 1.1em;
    font-weight: 300;
    white-space: nowrap;    
    background: #262524;
}

.tutores_lista tr td:first-child{
    padding-left:0px;
}

.tutores_lista tr td:flast-child{
    padding-right:0px;
}

.tutores_lista tr td:nth-child(1){
    width: 25%;
}

.tutores_lista .col_cc{
    width: 25%;
}

.tutores_lista .col_li{
    width: 50%;
}

.tutores_lista .list{
    position: relative;
    padding-left: 10px;
}

.tutores_lista .list i{
    position: absolute;
    left: 0px;
    top: 7px;
    font-size: .7em;
    color: rgba(0,0,0,.2);
}

.tutores_lista a{
    text-decoration: none;
    color: #262524;
}

.tutores_lista .entidad{
    font-weight: 300;
    color: rgba(0,0,0,.6);
}

.tutores_lista .titulo{
    display: none;
}


/**/
.articulo p:last-child{
    margin-bottom: 0px;
}


/**/

.list_box a, .list_box a:hover{
    text-decoration: none;
}

.list_box a i{
    font-size: .8em;
    color: rgba(0,0,0,.3);  
    margin-right: 10px;
}

/**/
.gridContacto{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}

.gridContacto .grid_col{
	flex-grow: 1;
	text-align: left;
}

.gridContacto .formulario .campo{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	float: left;
	margin-bottom: 5px;
	
}

.gridContacto .formulario input, .gridContacto .formulario textarea{
	font-family: var(--main-font-family);
    font-weight: var(--font-regular);
	font-size: 15px;
	border: solid 1px #cdcdcd;
	width: 100%;
	resize: none;
	color:#626262;
	padding: 5px;
	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}




.formulario .boton_agua{
	float: left;
	margin-top: 0px;
	font-size: 17px;
}

.gridContacto .contacto{
	margin-top: var(--margin-small);
	padding-top: var(--margin-small);
	border-top: solid 1px #f2f2f2;
	text-align: justify;	
}

.gridContacto .contacto a{
	text-decoration: none;
	color: unset;
}

.gridContacto .contacto a{
	text-decoration: none;
	color: unset;
}

.gridContacto .sm_bar{
	display: inline-block;
	box-sizing: border-box;
	
	margin: 0 auto;
	margin-top: 10px;
}

.gridContacto .sm_bar .sm_link{
	font-size: 1.2em;
	margin-right: 10px;
	color: #cdcdcd;
}

.warning{
	color: #EF3D52;
	margin-bottom: 5px;
}

.highlight{
	background: rgba(250,106,123,.1);	
}

.grecaptcha-badge { 
    visibility: hidden;
}


/**/
.grid_frases{
	display: flex;
	justify-content:space-between;
}

.grid_frases .grid_col{
	width: 31%;
	border: solid 1px #cdcdcd;
	padding: var(--margin-small);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.grid_frases .grid_col .icono_box{
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}

.grid_frases .grid_col .icono_box .icono{
	display: inline-block;
	box-sizing: border-box;
	text-align: center;	
}

.grid_frases .grid_col .icono_box .icono span{
	font-size: 50px;
	color: #EF3D52;
}

.grid_frases .grid_col h4{
	text-align: center;
	margin-bottom: var(--margin-small);
	font-weight: 700;
	font-family: var(--main-font-family);
	font-size: 1.8em;
	color: #333333;	
}

.grid_frases .txt{
	text-align: justify;
}

.titulo_big{
	text-align: center;
	font-weight: 700;
	font-family: var(--main-font-family);
	font-size: 3em;
	color: #333333;
}

.intro_home{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;	
}

.bloque_slogan{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
	margin-top: var(--margin-small);
}

.bloque_slogan div{
	color: #6CA394;
	text-align: justify;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.bloque_slogan div img{
	width: 100%;
	
}

.bloque_contenido_inner{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding-top:var(--margin-big); 
}


/**/

.box_gris{
	background: #f0f4f8;
}

.grid_eventos{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -1rem;
	margin-right: var(--margin-small);
}

.grid_eventos .grid_col{
	margin: var(--margin-big) var(--margin-small) 0px var(--margin-small);
	width: 30%;
}

.grid_eventos td{
	vertical-align: top;
}

.grid_eventos .fecha{
	width:80px; 
	padding-right: 10px;
}

.grid_eventos .fecha .fecha_ball{
	width:70px; 
	height: 70px;	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00afaa+0,50c9c6+100 */
	background: #00AFAA; /* Old browsers */
	font-family: var(--main-font-family);
	font-weight: 800;
	color: #FFF;
	text-align: center;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.grid_eventos .fecha .fecha_ball_inner{
	display: inline-block;
	box-sizing: border-box;
}

.grid_eventos .fecha .fecha_ball .dia{
	font-size: 35px;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.grid_eventos .fecha .fecha_ball .mes{
	font-size: 21px;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-align: center;
}

.grid_eventos .hora{
	font-size: .9em;
	color: #909090;
}

.grid_eventos .descripcion{
	margin-top: 10px;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	background: rgba(255,255,255,.8);
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.grid_eventos .descripcion a, .grid_eventos .descripcion a:hover, .grid_eventos .descripcion a:active, .grid_eventos .descripcion a:link, .grid_eventos .descripcion a:visited{
	color:#626262;
}

.grid_eventos .descripcion a:hover{
	color:#909090;
}

/**/
.grid-pagina{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap:var(--margin-big);
}

.grid-pagina .col-menu{
	min-width: 250px;
	max-width: 250px;
}

.grid-pagina .col-articulo{
	display: flex;
	gap:var(--margin-big);
	flex-wrap: wrap;
	flex-grow: 1;
}

/**/

.grid_articulo{
	display: flex;
    align-items:flex-start;
}


.grid_articulo .col_articulo{
	flex-grow:1;
}

.widget_menu_box{
	border: solid 1px #cdcdcd;
	padding: var(--margin-small);
	
}

.widget_menu_box .titulo{
	font-weight: var(--font-bold);
	font-size: 1.1em;
	color: #FFF;
	background:var(--color-6);
	padding: .5rem .8rem;
	display: inline-block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 1em;
}

.menu-categorias .mc-titulo{
	width: 100%;
}

.menu-categorias{
	margin-bottom: 1rem;
}

.menu-categorias a .desc{
	padding-left: 10px;
}

.menu-categorias a{
	color: var(--main-font-color);
	text-decoration: none;
}

.menu-categorias a.activo{
	color: var(--color-2);
	text-decoration: none;
}


/**/
.bread_crumbs{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: var(--margin-small) var(--margin-big);
	text-align: center;
	background: rgba(200,200,200,.1);
}

.bread_crumbs{
	color: #b0b0b0;
}

.bread_crumbs a, .bread_crumbs a:hover{
	color: inherit;
	text-decoration: none;
}

.bread_crumbs i{
	font-size: .8em;
	margin-left: 3px;
	margin-right: 3px;
}

/**/

.barra_logos{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--margin-big);
}

.barra_logos:last-child{
	margin-bottom: 0px;
}

.barra_logos .grid_col{
	box-sizing: border-box;
	width: 110px;
	align-items: center;
	justify-content: center;
}

.barra_logos .grid_col .img_box{
	box-sizing: border-box;
	border: solid 1px #C0BBC3;
	width: 110px;
	height: 110px;
	padding: 15px;
	align-items: center;
	display: flex;	
	margin: 0 auto;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.barra_logos .grid_col img{
	width: 100%;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


/**/

.tabs_bloque .tabs_box .tabs_item{
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	display: none;
}

.tabs_bloque .tabs_box .tabs_item.activo{	
	display: initial;
}


.tabs_bloque{
	display: inline-block;
	box-sizing: border-box;	
	width: 100%;
	float: left;
}

.tabs_bloque ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: solid 1px #cdcdcd;
  margin-bottom: var(--margin-small);
}

.tabs_bloque li {
	padding: 5px var(--margin-small);	
	border: solid 1px #FFF;
	border-bottom: solid 1px #cdcdcd;
	margin-bottom: -1px;	
	font-family: var(--main-font-family);
    font-weight: var(--font-regular);
    font-size: 1.2em;
    color: #6CA394;	
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	cursor: pointer;
}

.tabs_bloque li:hover, .tabs_bloque li.activo:hover{
	color: #74cbb3;	
}

.tabs_bloque li.activo{	
	border: solid 1px #cdcdcd;
	border-bottom: solid 1px #ffffff;	
    color: #6CA394;	
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

/**/

.busqueda_listado{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.busqueda_listado .item_listado{
	display: flex;
	width: 100%;
	justify-content: flex-start;
	margin-bottom: var(--margin-small);
	text-decoration: none;
	color: var(--main-font-color);
	padding-bottom: var(--margin-small);
	border-bottom: solid 1px #f2f2f2;
}

.busqueda_listado .item_listado .icono{
	padding-right: 10px;
	padding-top: 2px;
	width: var(--margin-small);
}

.busqueda_listado .item_listado .descripcion{
	flex-grow: 1;
}

.resultados_busqueda{
	margin-bottom: var(--margin-small);
	margin-top: 10px;
	color: #878787;
}

/**/

.boton{
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding: 10px 30px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--main-font-family);
	font-weight: var(--font-semi-bold);
	max-width: max-content;
	width: auto;	
	position: relative;
	text-decoration: none;
	background: var(--color-2);
	border: none;
}

.boton-animado{	
	background: #FFF;
	position: relative;
	overflow: hidden;	
}

.boton-animado .bk{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: var(--color-1);
	width: 0px;
}

.boton-animado:hover{
	background: var(--color-1);
}

.boton-animado .txt{
	position: relative;
	z-index: 1;
	color:var(--color-2);
}

.boton-animado:hover .txt{
	color:#FFF;	
}

.boton-animado:hover .bk{
	width: 100%;
}

.boton-color-alt .bk, .boton-animado:hover{
	background: var(--color-4);
}

.boton-color-alt .txt{
	color: var(--color-7);
}


/**/

.heading-line {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.heading-line span.small {
  width: var(--margin-small);
  height: 4px;
  border-radius: 6px;
  background-color: var(--color-2);
  margin: 0px 6px;
}

.heading-line span.length {
  width: 60px;
  height: 4px;
  border-radius: 6px;
  background-color: var(--color-3);
  margin: 0px 6px;
}

.txt_center_bar{
	padding: 1rem;
	font-size: 2.5em;
	font-weight: var(--font-bold);
	text-align: center;
	margin-bottom: 2rem;
	color: var(--contrast-1);
}

.tarjetas_servicios{
	display: flex;
	justify-content: space-between;	
}

.tarjetas_servicios .tarjeta{
	
	font-size: 1em;
	
	max-width:31%;
	-webkit-box-shadow: 0 0 var(--margin-small) 0 rgba(0,0,0,.2);
	box-shadow: 0 0 var(--margin-small) 0 rgba(0,0,0,.2);
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2rem;
	position: relative;
	overflow: hidden;
}

.tarjetas_servicios .tarjeta, .tarjetas_servicios:hover .tarjeta{
	color:var(--main-font-color);
	text-decoration: none;
}

.tarjetas_servicios .tarjeta .icono{
	position: absolute;
	width: 300px;
	height: 300px;
	right: -20%;
	top:-25%;
	z-index: -1;
	background: rgba(125,125,125,.1);
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 3rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.tarjetas_servicios .tarjeta .icono i{
	line-height: 1em;
	font-size: 180px;
	color: #FFF;
}

.tarjetas_servicios .tarjeta h1{
	font-size: 1.7em;
	font-weight: var(--font-bold);
	color:var(--color-2);
}

.tarjetas_servicios .tarjeta:hover{
	 transform: translate(0,-1rem); /* Equivalente a translateX(10px) */
	 cursor: pointer;	
	 color: #000;
}

.tarjetas_servicios .tarjeta:hover .icono{
	transform: scale(1.2);
}

.tarjetas_servicios .tarjeta:hover h1{
	color: var(--color-4);
}

/**/

.bloque-color{
	background: var(--color-6);
}

.bloque-color-1{
	background: var(--color-2);
	color: #FFF;
}

.bloque-color-4{
	background: var(--color-2);
	color: #FFF;
}

.color-blanco{
	color:#FFF;
}

/**/
.call-to-action-wide{
	display: flex;
	gap: 2rem;
	align-items: center;
}

.call-to-action-wide .cta-col{
	width: calc(50% - 1rem);
}

.call-to-action-banner{
	display: flex;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	flex-wrap: wrap;
	text-align: center;
	
	webkit-box-shadow: 0 0 var(--margin-small) 0 rgba(0,0,0,.2);
	box-shadow: 0 0 var(--margin-small) 0 rgba(0,0,0,.2);
	-webkit-border-radius: 5px;

	border-radius: var(--margin-small);
	padding:  var(--margin-big);
	margin-top: var(--margin-big);
	border: solid 1px var(--color-3);
	color: inherit;
	text-decoration: none;
}

.call-to-action-banner:hover{
	color: inherit;
	text-decoration: none;
}

.call-to-action-banner h1, .call-to-action-banner h2{
	text-align: center;
	width: 100%;
}

.call-to-action-banner p{
	font-size: 1.2em;
}


.cta-info .cta-box{
	text-decoration: none;
	color: #FFF;
	display: flex;
	justify-content: space-around;
	width: 100%;
	flex-wrap: wrap;
}

.cta-info .cta-box div{
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.2em;
}

.cta-info .cta-box .telefono{
	font-weight: 800;
	font-size: 2.5em;
}

.cta-info .folow-box{
	margin-top: 2rem;
	color: var(--color-7);
}

.cta-info .sm_bar{
	margin-top: .5rem;
	display: flex;
	gap: .5rem;
	justify-content: center;
}

.cta-info .sm_bar .sm_link, .cta-info .sm_bar .sm_link:hover{
	color: inherit;
	font-size: .9em;
}


/**/

.dropdown .dropdown-menu{
	max-height: 70vh;
	overflow-y: auto;
	z-index: 99999;
}

.dropdown-header{
  font-size: 1.1em;
  font-weight: var(--font-bold);
  padding: 0px 1rem;
}

.dropdown-item {
  padding: .15rem 1.5rem;
  font-weight: var(--font-regular);  
}

.formulario{
	width: 100%;
}

.call-to-action-wide .formulario-contacto{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2rem;
}

.call-to-action-wide .formulario-contacto .form-input{
	max-width: 100%;
	flex-grow: 1;
}

.call-to-action-wide .formulario-contacto .form-input.full-w {
	width: 100%;
}

.call-to-action-wide .formulario-contacto .form-input input, 
.call-to-action-wide .formulario-contacto .form-input textarea,
.call-to-action-wide .formulario-contacto .swap-user-button
{
	background: none;
	border: none;
	font-size: 1.5em;
	font-family: var(--main-font-family);
	border: 0;
	border-radius: 0;
	border-bottom: solid 1px #FFF;
	width: 100%;
	outline: none !important;
	padding: 5px;
	font-weight: var(--font-regular);
	text-align: left;
	color: rgba(255,255,255);
}

.call-to-action-wide .formulario-contacto .form-input input::-webkit-input-placeholder,
.call-to-action-wide .formulario-contacto .form-input textarea::-webkit-input-placeholder,
.call-to-action-wide .formulario-contacto .swap-user-button
{
    font-weight: var(--font-black);
	color: rgba(255,255,255);
}


.call-to-action-wide .formulario-contacto .form-input input::-moz-placeholder,
.call-to-action-wide .formulario-contacto .form-input textarea::-moz-placeholder
{
    font-weight: var(--font-black);
	color: rgba(255,255,255);
}

.call-to-action-wide .formulario-contacto .form-input input::-ms-input-placeholder,
.call-to-action-wide .formulario-contacto .form-input textarea::-ms-input-placeholder{
    font-weight: var(--font-black);
	color: rgba(255,255,255);
}

.call-to-action-wide .formulario-contacto .swap-user-button .etiqueta
{
	color: rgba(255,255,255,.5);
}

.call-to-action-wide .boton{
	float: right;
	margin-top: 1rem;
}

.call-to-action-wide .formulario-contacto .swap-user-button .valor
{
	font-weight: var(--font-regular);
	display: block;
}

.call-to-action-wide .warning{
	width: 100%;
	text-align: right;
	margin-top: 1rem;
	color: #FFF;
	display: inline-block;
	display: none;
}

/*testimoniales*/

.slides-contenedor{
	display: inline-block;
	width: 100%;
	padding: 1rem;
}

.testimoniales{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding: 1rem;
}

.testimoniales .testimonio_box{
	display: flex;
	width: 100%;
	justify-content: space-between;
	gap: 2rem;
	margin-top: 2rem;
}

.testimonio_box .testimonio{
	display: flex;
	flex-wrap: wrap;
	
	-webkit-box-shadow: 0 0 var(--margin-small) 0 rgba(0,0,0,.2);
	box-shadow: 0 0 var(--margin-small) 0 rgba(0,0,0,.2);
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2rem;
	position: relative;
	max-width: 50%;
}

.testimonio_box .comilla{
	position: absolute;
	top: -2rem;
	left:2rem;
	display: flex;
	width: 50px;
	height: 50px;
	align-items: center;
	justify-content: space-around;
	background: var(--color-2);
	z-index: 1;
	padding: .5rem;
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.testimonio_box .comilla img{
	width: 100%;
}

.testimonio_box .txt{
	font-size: 1.5em;	
}

.testimonio_box .usuario{
	display: flex;
	width: 100%;
	align-items: center;
	gap: 1rem;
	justify-content: flex-start;
	margin-top: 1rem;
}

.testimonio_box .usuario .icono{
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

.testimonio_box .usuario .icono img{
	width: 100%;
	object-fit: cover;
}

.testimonio_box .usuario .nombre{
	font-weight: var(--font-black);
	font-size: 2em;
	color: rgba(0,0,0,.2);
}

.video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.x2-grid{
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	width: 100%;
	align-items: center;
	position: relative;
}

.x2-grid .x2-grid-col{
	width: calc(50% - 2rem);
	align-self: stretch;
}

.x2-grid .txt-box{
}

.x2-reverse{
	flex-direction: row-reverse;
}

.perfiles{
	margin-bottom: var(--margin-big);
}

.perfiles .x2-grid-col{
	width: calc(60% - 2rem);	
}

.perfiles .x2-grid-col.perfil-pic{
	width: calc(40% - 2rem);	
}

/**/
.pic-box img{
	width: 100%;
}

.pic-box-med{
	max-width: 500px;	
	margin: 0 auto;
}

.pic-box-padding{
	padding: var(--margin-big);	
}

.titulo-med{
	font-weight: var(--font-black);
	color: var(--color-2);
	font-size: 2em;
}

.titulo-xxl{
	font-weight: var(--font-black);
	color: var(--color-2);
	font-size: 2.5em;
}

.titulo-xxxl{
	font-weight: var(--font-black);
	color: var(--color-2);
	font-size: 3em;
	line-height: 1em;
	margin-bottom:  4rem;
}

.titulo-xxl span{
	font-weight: var(--font-light);
}

.slogan-small{
	font-weight: var(--font-bold);
	font-style: italic;
	margin-bottom: 1rem;
	font-size: 1em;
}

.perfil-desc{
	-webkit-box-shadow: 0 0 var(--margin-small) 0 rgba(0,0,0,.2);
	box-shadow: 0 0 var(--margin-small) 0 rgba(0,0,0,.2);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2rem;
	position: relative;
}

.perfil-titulo{
	margin-bottom: var(--margin-big);
}

.perfil-titulo h1, .perfil-titulo h2{
	font-size: 2.5em;
	color: var(--color-2);
	font-weight: var(--font-black);
	line-height: 1em;
	margin-bottom: 0;
}

.perfil-titulo .cargo{
	font-weight: var(--font-light);
	font-size:1.5em;
}

.bloque-txt-color{
	font-size: 1em;	
}

.txt-shadow-box{	
	-webkit-box-shadow: 0 0 var(--margin-small) 0 rgba(0,0,0,.2);
	box-shadow: 0 0 var(--margin-small) 0 rgba(0,0,0,.2);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2rem;
	position: relative;
	
}

.txt-box-med{
	font-size: 1.5em;
	font-weight: var(--font-light);
	line-height: 1.2em;
	text-align: center;
}

.inline-consultation{
	display: block;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.5em;
	margin-top: var(--margin-big);
	margin-bottom: var(--margin-big);
	text-align: center;
}

.inline-consultation div{
	display: inline-block;
	padding: .5rem 1rem;
	background: var(--color-2);
	color:#FFF;
}

/**/
.x2-box-texto{
	align-items: flex-start;
}

.x2-box-texto .x2-grid-col:first-child{
	width: calc(35% - 2rem);
}

.x2-box-texto .x2-grid-col:last-child{
	width: calc(65% - 2rem);
}

.margin-bottom{
	margin-bottom: 4rem;
}

.x2-box-texto h2{
	font-weight: var(--font-bold);
	font-size: 1.3em;
}

.x2-box{
	display: flex;
	gap: 2rem;
	align-items: flex-start;
}

/**/

.box-txt-single{
	width: 100%;
}

/*CATEGORIA*/

.cat-grid{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--margin-big);
	justify-content: space-around;
	
}

.cat-grid .cat-item{
	width: calc(33% - var(--margin-big));
}

.cat-grid.cat-grid-home .cat-item{
	width: calc(25% - var(--margin-big));
}

.cat-grid .cat-item .thumbnail{
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	float: left;
	margin-bottom: 1rem;
}

.cat-grid .thumbnail img{
	width: 100%;
	transition: all .5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;	
    
	filter: grayscale(1);
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
	
}

.cat-grid .cat-item:hover img{
	transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
	
	filter: grayscale(0);
    -webkit-filter: grayscale(0); /* Webkit Nightlies & Chrome Canary */
}

.cat-grid .cat-item, .cat-grid .cat-item:hover{
	text-decoration: none;	
	color: var(--main-font-color);
}


.cat-grid .descripcion{
}

/**/
.titulo-item{
	font-size: 1.3em;
	font-weight: var(--font-bold);
	color: #000;
	padding-top: 1rem;
}

.link-body, .linkInfoBox, .link-body:hover, .linkInfoBox:hover{
	color: var(--main-font-color);
	text-decoration: none;
}

.linkInfoBox span{
	margin-right: 5px;
}

@media(max-width:1440px){
	.header_user_bar{
		padding: 5px var(--margin-small);
	}
	
	.menuPrincipal{
		padding-right: var(--margin-small);
	}
	
	header .logo{
		margin-left: var(--margin-small);
	}
	
	.intro-banner{
		padding: 0 5rem 7rem 5rem;
		gap:5rem;
	}
	
	.intro-banner h1{
		font-size: 2.5em;		
	}

	.intro-banner h2{
		font-size: 2.5em;
	}		
}

@media(max-width:1400px){
    .maxWidth {    
        float: left;
    }
}

.remove-margin-bottom{
	margin-bottom: unset;
}



