@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
	background: #fff url(../images/bg-top.jpg) repeat-x;
	font-family: 'Roboto', sans-serif;
	}

h3 {
	color: #555
}

h2 a {
	text-decoration: none
}

h2,.moduletable h3, .items-leading h2 {

}

.items-row h2 {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

a:link,a:visited {
	color: #095197
}

a:hover,a:active,a:focus {
text-decoration: underline;
	color: #58007A;
}
#header { width:1150px; margin:0 auto; }

.logoheader {
	
	color: #FFFFFF;
}

#all {
	
	color: #444;
}

#shadow #all {

}

#header ul.menu {
  background-color:#ddd;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#dddddd");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(#eeeeee, #dddddd);
  border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px
		rgba(0, 0, 0, 0.05);
	color: #095197;
	border: solid 1px #ddd;
	border: 1px solid #e5e5e5;
	text-transform: uppercase;
}

#header ul.menu a:link,#header ul.menu a:visited {
	color: #333;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 10px;
	margin: 0;
	display: inline-block;
	margin: 0 0 0;
	padding: 12px 15px;
	position: relative;
	border-right: 1px solid #ddd;
	box-shadow: 1px 0px 0px #f5f5f5;
}

.clss_btn { background: url(../images/bg-btn.jpg) repeat-x; padding:15px 0;}
#sub { width:1150px; margin:0 auto; z-index:10000;}

.item-101 { background:#56037E;}
.item-102 { background:#4BAE4F;}
.item-103 { background:#FEC006;}
.item-104 { background:#F34235;}
.item-105 { background:#E81D62;}
.item-106 { background:#4BAE4F;}
.item-107 { background:#F34235;}


.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 32%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.color1 { background:#F34235;}
.color2 { background:#FEC006;}
.color3 { background:#00BBD3;}
.color4 { background:#4BAE4F;}
.colorb { 
 /* background:url(../images/bg-box.png);*/
	background-color:#efccf5;
}

.custom_tree_box1 { color:#FFFFFF;}
.rec_box { margin:0 40px 0 0;}
.tree_box { padding: 35px; margin-bottom:40px;}
.tree_box h1 { font-family: 'Raleway', sans-serif; font-size:40px; line-height:48px; margin-bottom:15px;}
.tree_box a {/* background: url(../images/ic-mas.png) no-repeat;*/ /*height:29px;*/ width:29px; text-indent:-99999px; /*display: inline-block; */ transition: all 0s ease;
color: white;
background: #a561b6;
}
.tree_box a:hover { background: url(../images/ic-mas-in.png) no-repeat; transition: all 0.8s ease;}

.tree_box strong { color:#3f005f; font-weight:normal;}
a.link-verde:link { background:#4BAE4F; text-indent:0; color: #FFFFFF; width:80px; text-decoration:none; padding:8px;   transition: all 0s ease;}
a.link-verde:hover { background:#FFF; color:#000000; transition: all 0.8s ease;}

a.link-rojo:link { background:#E81D62; text-indent:0; color: #FFFFFF; width:80px; text-decoration:none; padding:8px;   transition: all 0s ease;}

a.link-rojo:hover { background:#FFF; color:#000000; transition: all 0.8s ease;}

a.link-amari:link { background:#FEC006; text-indent:0; color: #FFFFFF; width:80px; text-decoration:none; padding:8px;   transition: all 0s ease;}
a.link-amari:hover { background:#FFF; color:#000000; transition: all 0.8s ease;}

.rec_box2 { margin:0 20px 0 0;}
.tree_box2 { padding: 35px;  color:#FFFFFF;}

.tree_box2 h1 { font-family: 'Raleway', sans-serif; font-size:26px; line-height:48px; margin-bottom:15px;}

.custom_tw_ini {
    margin: 40px auto;
    max-width: 1150px;
    padding: 0;
}
#content1 {
    background-attachment: fixed;
    /*background-image: url("../images/bg-casa.jpg");*/
    background-color:#a561b6;
    background-position: center center;
    background-size: auto auto, auto auto, cover;
    padding: 40px 0px 10px;
}

.bg_derecho { background:#EFF7F7; color:#000; min-height:337px;}
.bg_derecho h1 { font-family: 'Raleway', sans-serif; font-size:48px; line-height:48px; margin-bottom:15px; padding:25px 0;}
.custom_tit_inicio h3 { font-family: 'Raleway', sans-serif; font-size:48px; padding:0 25px 0; border-radius:14px; border-bottom:#590583 3px solid;}

#nsp-activi_inicio .nspInfo1 { margin:0; padding:10px; border-radius:10px 10px 0 0; background:#590583; /*width:90.5%;*/ }
#nsp-activi_inicio .nspInfo1 a { color:#FFFFFF; text-decoration:none;}

#nsp-activi_inicio .nspArt h4.nspHeader { font-size:20px;}

#position-14 {
    background-attachment: fixed;
    /*background-image: url("../images/bg-pie.jpg");*/
    background-position: bottom center;
    background-size: auto auto, auto auto, cover;
    padding: 40px 0px 10px;
}

.custom_bg_pie_pie { text-align:center; margin-top:20px; }
.custom_bg_pie_pie h2{ color:#5B057A; font-size:36px;}

/*  grey background */
.button,button,p.readmore a,#header input.button,.pagenav a:link,.pagenav a:visited,#advanced-search-toggle,.profile-edit a:link,.profile-edit a:visited,h3.js_heading
	{
  background-color:#ddd;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dddddd");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
  background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
  background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
  background-image: -o-linear-gradient(top, #ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px
		rgba(0, 0, 0, 0.05);
	color: #095197;
	border: solid 1px #ddd
}

/* +++++++++++++  table display  Catgegories table, contact etc, ++++++++++++++++++++* */
table {
	border: solid 1px #ddd
}

table th {
	background-color: #0074cc;
	color: #fff;
	background-image: -moz-linear-gradient(top, #095197, #1B6BA5);
	background-image: -ms-linear-gradient(top, #095197, #1B6BA5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#095197),
		to(#1B6BA5) );
	background-image: -webkit-linear-gradient(top, #095197, #1B6BA5);
	background-image: -o-linear-gradient(top, #095197, #1B6BA5);
	background-image: linear-gradient(top, #095197, #1B6BA5);
	background-repeat: repeat-x;
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=
		 '#095197', endColorstr =   '#1B6BA5', GradientType =   0 );
	border-color: #0055cc #0055cc #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid :   dximagetransform.microsoft.gradient (   enabled =
		false );
}

table th a:link,table th a:visited {
	color: #fff
}

tr.odd,tr.cat-list-row1 {
	background: #f8f8f8
}

table  tr:hover td {
	background: #FEFDE2;
}

/* blue background */
.button:hover,
.button:active,
.button:focus,
button:hover,
p.readmore a:hover,
#header ul.menu a:hover,
#header ul.menu a:active,
#header ul.menu a:focus,
.pagenav a:hover,
.pagenav a:active,
.pagenav a:focus,
#advanced-search-toggle:hover,
#advanced-search-toggle:active,
#advanced-search-toggle:focus,
.profile-edit a:hover,
.profile-edit a:active,
.profile-edit a:focus,
#fontsize a:hover,#fontsize a:active,#fontsize a:focus,
#mobile_select h2 a
	{
	background-color: #000000;
	color: #fff;

  background-color:#095197;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0087d1", endColorstr="#095197");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0087d1), to(#095197));
  background-image: -moz-linear-gradient(top, #0087d1, #095197);
  background-image: -ms-linear-gradient(top, #0087d1, #095197);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0087d1), color-stop(100%, #095197));
  background-image: -webkit-linear-gradient(top, #0087d1, #095197);
  background-image: -o-linear-gradient(top, #0087d1, #095197);
  background-image: linear-gradient(#0087d1, #095197);
  border-color: #00456b #095197 hsl(201, 100%, 16%);
  color: #fff ;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;



}

/* +++++++++++++++++  Pagination +++++++++++++++ */
.pagination span,.pagination span  a:hover {
	color: #999999;
	background-color: #f5f5f5;
}

/* active item */
span.pagenav {
	background: #095197;
	color: #fff
}

.pagination-start span.pagenav,.pagination-prev  span.pagenav,.pagination-end span.pagenav,.pagination-next span.pagenav
	{
	background-color: #f5f5f5;
	color: #444
}

/* +++++++++++++++++  content  +++++++++++++++ */
.article-info {
	background-color: #fbfbfb;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#f5f5f5) );
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
	background-repeat: repeat-x;
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=
		 '#ffffff', endColorstr =   '#f5f5f5', GradientType =   0 );
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}

ul.menu a:link,ul.menu a:visited {
	color: #444;
}

/* ++++++++++++++++++++++  menu ++++++++++++++++++++++++++  */
.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9;
}

#header ul.menu {
	border: solid 1px #D5D5D5;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
}

#header ul.menu a {
	box-shadow: none;
	border-bottom: 0
}

ul.menu a:hover,ul.menu a:active,ul.menu a:focus {
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
	background: url(../images/arrow.png) no-repeat right center;
	color: #095197
}

/* ++++++++++++++++   highlightning active menuitem  +++++++++++++++++++ */
ul.menu li.active a,ul.menu  li.active ul li.active a,ul.menu  li.active ul li.active  ul li.active a,ul.menu  li.active ul li.active  ul li.active ul li.active  a,ul.menu  li.active ul li.active  ul li.active ul li.active ul li.active a
	{
	font-weight: bold;
}

ul.menu  li.active ul li a,ul.menu  li.active ul li.active  ul li a,ul.menu  li.active ul li.active  ul li.active ul li  a,ul.menu  li.active ul li.active  ul li.active ul li.active ul li a
	{
	font-weight: normal
}

ul.menu a {
	box-shadow: 0 1px 0 #fff;
	border-bottom: solid 1px #ddd;
	text-shadow: 0 1px 0 #fff
}

ul.menu ul a {
	background: #e5e5e5;
	margin-bottom: 1px
}

ul.menu ul ul ul a {
	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;
}

ul.menu ul ul ul ul a {
	background: #fff;
}

/* +++++++++++++++++++++++  SLIDER  ++++++++++++++++++++  */
.panel h3.pane-toggler a {
	background: url(../images/slider_plus.png) right top no-repeat;
	color: #333
}

.panel h3.pane-toggler-down a {
	background: url(../images/slider_minus.png) right top no-repeat;
	border-bottom: solid 1px #ddd;
	color: #333
}

/*  +++++++++++++++++   Tabs ++++++++++++++++++++++  */
ul.tabs li,dl.tabs dt h3 a:link,dl.tabs dt h3 a:visited {
	background: #f5f5f5 url(../images/nature/box.png) repeat-x;
}

ul.tabs li a:link,ul.tabs li a:visited,dl.tabs dt a {
	color: #333;
	border: solid 1px #ddd;
	border-bottom: 0
}

ul.tabs li a:hover,ul.tabs li a:active,ul.tabs li a:focus {
	color: #000
}

.tabcontent,div.current {
	background: #fff;
	color: #000;
	border: solid 1px #ddd;
}

.tabcontent .linkclosed {
	color: #000;
	border-bottom: solid 1px #e5e5e5;
}

ul.tabs li a.linkopen,dl.tabs dt.open  h3 a:link,dl.tabs dt.open  h3 a:visited
	{
	background: #fff;
	color: #333;
	border-radius: 5px 5px 0px 0px;
}

ul.tabs li a.linkclosed:hover,ul.tabs li a.linkclosed:active,ul.tabs li a.linkclosed:focus,ul.tabs li a.linkopen:hover,ul.tabs li a.linkopen:active,ul.tabs li a.linkopen:focus
	{
	background: #555;
	color: #fff
}

#footer-inner,#footer {
	background: #f5f5f5;
	box-shadow: 0px 20px 10px #555
}

#footer {
	background: #555;
	max-width: 1025px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px #555555;
	color: #fff
}

#footer a {
	color: #fff;
	background: none
}

#bottom a {
	background: none
}

.box1 {
	border-right: solid 1px #ccc
}

.box3 {
	border-left: solid 1px #ccc
}

#bottom  ul li a {
	background-image: none;
	padding-left: 0
}
















/* responsive */
#mobile_select h2 {border:0; margin:-17px 0 0 0; padding:0; background:#0C1D43;text-align:right}
#mobile_select h2 a {
display:inline-block;
font-size:0.8em;
border-radius:4px 4px 0 0;
padding:6px;
font-size:0.75em;
margin-right:5px;
}



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

	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


	#fontsize{display:none}
	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form
		{
		float: none;
		width: 100%
	}
	#header { width:100%;}	
	#header form  {margin:0}
	#contentarea, #contentarea2 { width: 90%;}
	
	.logoheader { min-height:100px; margin:0}
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
	#logo { width:90%; text-align:center; padding: 10px 10px 5px 10px;}
	#logo img { display: initial;}
	.custom-top_ini_img img { width:32%;}
	#gruemenu.grue_87 #menu-button {   
    background: #58007A;
	}
	#line {
	position: inherit;
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100% ;
		min-width:100%;
		padding:2px;
		margin:0px;
	}
	#header form input {
		float: none; margin-bottom:4px
	}
	#menuwrapper { margin-top:10px; }
	#header ul.menu {position:relative; top:0;left:20px; right:20px; margin:0; width:90%; border-radius:4px}
	#header ul.menu li:first-child a {border-radius: 4px 4px 0 0}
	#header ul.menu li:last-child a {border-radius:0 0 4px 4px }
	#header ul.menu li a:link,
	#header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-bottom: solid 1px #ccc
	}
	
	.custom_tit_inicio h3 { font-size:30px; padding: 0px 13px 0;}
	#nsp-activi_inicio .nspInfo1 { width: 92.7%;}
	.col-6 { width: 100%;}
	.col-5 { width: 100%;}
	.col-4 { width: 100%;}
	.tree_box h1 {  font-size: 30px; line-height: 32px;   margin-bottom: 15px;}
	.bg_derecho { padding:0 30px;}
	.bg_derecho h1 { font-size: 32px; line-height: 32px; padding:0;
}
	.custom_flotante {width:45%; bottom: -3%;}
	.custom_flotante img { width:95%;}
}

@media only screen and (min-width: 600px) {
#header {
    width: 100%;
    margin: 0 auto;
}
#contentarea, #contentarea2 {
    width: 100%;
}
}

@media only screen and (min-width: 768px) {
	#gruemenu.grue_87 #menu-button {   
    background: #58007A;
}

#header {
    width: 100%;
    margin: 0 auto;
}
#contentarea, #contentarea2 {
    width: 100%;
}
.custom_flotante {
    right: 4%;
    bottom: 2%;
}
.col-4 {
    width: 31%;
}


}

@media only screen and (min-width: 992px) {
    #header {
        width: 1024px;
        margin: 0 auto;
    }
    #contentarea, #contentarea2 {
        width: 1024px;
    }
    .custom_flotante {
      	z-index:99;
        right: 4%;
        bottom: 2%;
    }
}

@media only screen and (min-width: 1382px) { /* Styles */
#header {
    width: 1150px;
    margin: 0 auto;
}
#contentarea, #contentarea2 {
    width: 1150px;
}

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) { /* Styles */
}

/*==============================================================================================*/
/*==============================================================================================*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.nav_menu{
  background-color:#f5e9f0;
  position: fixed;
  display:flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin:0;
  box-shadow: -3px 2px 24px -2px rgba(0,0,0,0.75);
  -webkit-box-shadow: -3px 2px 24px -2px rgba(0,0,0,0.75);
  -moz-box-shadow: -3px 2px 24px -2px rgba(0,0,0,0.75);
  left: 0;
  top: 0;
  font-family: 'Raleway', sans-serif;
  /*border: 1px solid #000;*/
  z-index:999;
}
.nav__list{
  display: flex;
  text-decoration: none;
  list-style-type: none;
  margin: 0;
  align-items: center;
  column-gap: 3px;
  /*border: 1px solid #000;*/
}
.nav__link{
  display: block;
  /*border: 1px solid rgb(0, 255, 55);*/
  margin: 0;
  padding: 20px 10px 20px 10px;
  font-weight: 500;
  font-size: .9em;
  color: #000 !important;
  text-decoration: none !important;
  border-bottom: 3px solid rgba(182, 13, 69, 0);
}


.nav_menu li a:hover, .nav_menu div ul li a:active{
  border-bottom: 3px solid rgb(182, 13, 69); 
  color:rgb(182, 13, 69) !important;
}
.nav__logo img{
  width:100%;
  margin: 0;
}

.nav__logo{
  
  max-width: 216px;
  margin: 0px 0 0 0px;
  padding-top: 10px;
}
.Ease-Out{
  -webkit-transition: .4s ease-out;
  -moz-transition: .4s ease-out;
  -ms-transition: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .4s ease-out;
}
.checkbtn{
  font-size:30px;
  float: right;
  cursor: pointer;
  display: none;
}
#check__menu{
  display: none;
}
/*Sub menu*/
.nav__item ul{
  list-style: none;
}
.nav__item > ul li{
  display: none;
}
.nav__item:hover > ul li{
  display: flex;
}

.sub__menu{
  display: flex;
  position:fixed;
  width: 100%;
  left: 0;
  justify-content: center;
  background-color:#000000a2;
}
.sub__menu>li>a{
  color: white !important;
}

@media (max-width: 925px) {
  .nav_menu{
    justify-content: space-evenly;
  }
  .nav__list{
    flex-direction: column;
    position:absolute;
    padding: 0;
    left:-100%;
    transition: all 1s ease-out;
    top:80px;
    background-color: white;
  }
  .nav__logo{
    width: 100%;
    margin: 0 0 0 30px;
  }
  .sub__menu{
    display:flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    left: -40px;
  }
  .nav_menu li a{
    padding: 0;
    width: 100%;
  }
  .nav_menu li{
    display: block;
    width: 100%;
  }
  #check__menu:checked ~.nav__list{
    left: 0px;
    
  }
}
@media (max-width: 858px) {
  .nav__list{
    flex-direction: column;
    padding: 0;
    top:80px;
    z-index: 1;
  }
  .nav__logo{ 
    margin: 0 0 0 30px;
  }
  .checkbtn{
    display: block;
  }
  #check__menu:checked ~.nav__list{
    left: 0px;
    width: 100%;
  }
  .nav_menu li a{
    padding: 25px 0 25px 0;
    width: 100%;
    text-align: center;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{margin:0;
padding:0;}
main{
    height:100vh;
}
.footer{
    box-sizing: border-box;
    position: absolute;
    margin: 0;
    padding: 0 20% 25px 20%;
    width: 100%;
    display: grid;
    background-color: #a267ac;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 50px 3px 5px;
    place-content: center;
    gap:20px;
}
.line__hr{
    border: none;
    background-color: #FFBCD1;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 3;
}
.list__footer{
    display: flex;
    flex-direction: column;
    margin-top:50px;
    margin-bottom: 50px;
    row-gap: 10px;
}
.link__footer{
    display: block;
    font-family: 'Raleway', sans-serif;
   /* border: 1px solid #000;*/
    color:#FFF !important;
    text-decoration: none;
    font-weight: bold;
  	transition: all .2s ease-out;
}
.link__footer:hover{
    /*color:#4a48a7;*/
  color:#fd9dbc !important;
  text-decoration: none;
  
}
.social_links__footer{
    /*border: 1px solid rgb(216, 72, 72);*/
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 2;
    align-self: end;
  justify-self: start;
}
.social__link__footer{
    text-decoration: none;
    font-size: 2.5em;
    margin:20px 5px 0 0;
    align-self: end;
    color:#ffffff !important;
}

.social__link__footer:visited{
  color:#ffffff;
}
.social__link__footer:hover{
    /*color:#7372a1 !important; ODL*/
    color:#fa88ac !important;
  	text-decoration: none;
}
.logo__footer{
    /*border: 1px solid rgb(122, 72, 216);*/
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 2;
    width:100px;
    justify-self: end;
}
.logo__footer > a >img{
    width: 100%;
}
.policy__footer{
    /*border: 1px solid #000;*/
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 4;
    justify-self: end;
}

a.link-cuztom-new:link { background:#cd87a3; text-indent:0; color: #FFFFFF; width:80px; text-decoration:none; padding:8px;   transition: all 0s ease;}
.itemSocialSharing{
  display:none;
}

#section__team{
    display: flex;
    width: 100%;
    justify-content:center;
    flex-wrap: wrap;
    gap: 20px;
    box-sizing: border-box;
    padding: 0 0% 0 0%;
    font-family: 'Raleway', sans-serif;
  	line-height: 23px;
  	font-size: 1.2em !important;
}


.card__team{
    padding: 0;
    margin: 0;
    width: 240px;
    height: 250px;
  	text-align: left;
    position: relative;
    overflow: hidden;
}

.card__team > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card__text{
    box-sizing: border-box;
    display:block;
    position:absolute;
    width: 100%;
    height: 100%;
    top: 250px;
    left: 0;
    transition: all 0.5s;
    padding:20px;
    margin:0;
    font-size: 1.1em;
}

.card__team:hover > .card__text{
    background-color: #6867acb9;
    top: 0;
}
/*blur effect*/
.card__team:hover > img{
    filter: blur(3px);
    transition: all 0.6s;
}

.team__title{
    margin:0;
    padding:0;
    font-weight:bold;
    color:#fddbe6;
}
.team__description{
    margin:0;
    padding:0;
    text-align: justify;
    color:#FFBCD1;
}
.team__category{
    width: 100%;
    display: block;
    position: relative;
    background-color: #fddbe6;
    color: #A267AC;
    padding: 5px 10px 5px 10px;
    justify-items: end;
}

/*================================MISION VISION ==============================*/
#mision_vision__section{
  display:flex;
  justify-content: center;
 /* width: 100%;*/
  background-color:#ebebeb;
  padding: 20px;
  gap: 2%;
  font-family: 'Raleway', sans-serif;
}
#title__mision-vision{
  font-weight: bold;
  font-size: 1.8em;
}
#media__container{
  width: 45%;
  /*background-color: #000;*/
  overflow:hidden;
  border-radius:15px;
  margin: auto 0 auto 0;
}
#text__container{
  width: 480px;
  text-align: justify;
}
#media__container>video {
    width: 100%;
  height: 100%;
}
@media (max-width: 858px) {
  #mision_vision__section{
      box-sizing:border-box;
      flex-direction: column;
  }
  #media__container{
    width:100%;
  }
  #text__container{
  width: 100%;

}
}
/*===============================END MISION VISION=============================*/
/* Form CONTACT=======================================*/
.container__form{
  width: 800px;
  margin: auto;
}
.form__contact{
  position: relative;
  width: 400px;
  left:-30px;
  top: -350px;
  background-color: #cee2de;
  padding: 15px 15px 15px 450px;
  display: flex;
  font-family: 'Raleway', sans-serif;
  flex-direction: column;
  gap:20px;
  z-index: 0;
  border-radius:5px;

}

.form__contact > input, .form__contact > textarea{
  padding:10px;
  font-family: 'Raleway', sans-serif;
  font-size: 1em;
  border-radius: 5px;
  border:none;
  background-color: #f6f0f7;
  outline: none;
}
.form__contact > textarea{
  resize: none;
}
.form__contact > input:focus,
.form__contact > textarea:focus
{
  outline: 0.5px solid #6867AC;
}
.form__contact > input[type="submit"]{
  transition: all 0.5s ease;
}
.form__contact > input[type="submit"]:hover{
  background-color: #6867AC;
  color: white;
}
.img__form>img{
  width:100%;
}
.img__form
{
  z-index: 1;
  position: relative;
  top:50px;
  margin-right: 25px;
  width: 45%;
  float:left;
  background-color: #ffe9f0;
  border-radius: 5px;
}
/*Cambios==============================================*/
.readon{
  padding-left:10px;
}
.nspText{
  padding:10px !important;
}
.nspArtPage {
    float: left;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-left: 22px;
}
.nspCol3 {
    width: 32.333333% !important;;
}
.nspArt{
  box-sizing: border-box;
  padding: 0 !important;
  border-radius: 8px;
  -webkit-box-shadow: -1px 8px 34px -10px rgb(0 0 0 / 27%);
  -moz-box-shadow: -1px 8px 34px -10px rgba(0,0,0,0.27);
  box-shadow: -1px 8px 34px -10px rgb(0 0 0 / 27%);
  overflow: hidden;
}
#nsp-activi_inicio .nspInfo1 {
  box-sizing:border-box;
    margin: 0;
    padding: 10px;
    border-radius: 0;
    background: #590583;
    /*width: 100%;*/
  	font-size: 1rem;
}
.nspArt p.nspText  {
  margin:0;
  
}
.nspHeader {
  padding: 10px !important;
}
#wrapper2{
  
}
/*=====================================================*/

:root{
    --primary-color:#6867AC;
    --secondary-color:#A267AC;
    --terciary-color:#CE7BB0;
    --quaternary-color:#FFBCD1;
}
*{
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
.menu__seccion{
    top: 25px;
    margin:0;
    padding:0;
    position: relative;
    float: left;
    width: 300px;
    box-shadow: -3px 2px 24px -2px rgba(0,0,0,0.75);
    -webkit-box-shadow: -3px 2px 24px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: -3px 2px 24px -2px rgba(0,0,0,0.75);
    z-index: 99;
}
#menu_seccion_title{
    box-sizing: border-box;
    display:block;
    margin:0;
    padding:0;
    width: 100%;
    background-color:var(--primary-color);
    padding: 20px;
    color:var(--quaternary-color);
    font-weight: bold;
    border-bottom: 4px solid var(--terciary-color);
}
.href_seccion{
    display: flex;
    flex-direction: column;
}
.href_seccion>a{
    text-decoration: none !important;
}
.link__title
{
    display:block;
    background-color: #ffe;
    padding: 10px;
    text-decoration: none;
    color: #4e4848;
    font-weight: bold;
    font-size: 15px;
}
.link__title:hover{
    background-color: var(--quaternary-color);
    font-weight: bold;
    color:var(--primary-color);
}
.contenido{
    width:75%;
    float: right;
}
.menu_seccion_sub_title{
    box-sizing: border-box;
    display:block;
    margin:0;
    padding:0;
    width: 100%;
    background-color:var(--secondary-color);
    padding: 10px;
    color: #fff;
    font-weight: bold;
    border-bottom: 4px solid var(--terciary-color);
  	font-size: 15px;
}
.href_seccion > ul{
    list-style: none;
    margin:0;
    padding:0;
}

/*NUEVA CLASE AGREGADO*/
.background__black_Transparent__foooter{
  background:#ffbcd194;
  padding:5px;
  border-radius: 8px;
}
.tree_box > p{
    text-align: justify;
}
/*---*/


#wrapper2{
    text-align: justify;
}
    
/*=====================================================*/
.wrpper_custom{
  width: 72% !important;
  padding-left: 20px;
}
@media (max-width: 1466px) {
  .wrpper_custom{
	width: 65% !important;
    padding-left: 20px;
	}
}
@media (max-width: 930px) {
  .wrpper_custom{
	width: 100% !important;
    padding-left: 20px;
	}
  .menu__seccion{
    margin-bottom: 25px;
  }
}
/*==TREE_BOX===================================================*/
.tree_box{
  border-radius: 20px;
  height: 545px;
}
.tree_box>a{
  border-radius: 7px;
}
.custom_tit_inicio h3 {
  border-radius: 0px;
}
@media (max-width: 1020px) {
  .tree_box{
      height:595px;
  }
}
@media (max-width: 980px) {
  .tree_box{
     height: 660px;
  }
}
@media (max-width: 810px) {
  .tree_box{
     height: 695px;
  }
}
@media (max-width: 785px) {
  .tree_box{
    height: 10%;
  }
}

/*footer===========================================*/
/*nuevo CAMBIO*/
:root{
  --color-footer: #A267AC;
}
#background__footer{
  position: relative;
  /*top: 349px;*/
  /*width: 100%;*/
  height: 469px;
  background-image: url('/images/img/img__footer.png');

  background-repeat: no-repeat;
  /*background-size:cover;*/
  background-position-y: top;
  background-position-x: center;
}
/*--------------------------------------------------*/
/*SECCION DE NOTICIAS CLASES AGREGADAS==============*/
.n_text{
  padding-left: 13px;
  padding-right: 16px;
  text-align: justify;
}
.nspImage{
  width: 352px !important;
}
.flexslider{
  /*height: 100vh;*/
}
/*Consultorio en linea styles===================*/
.pText__block{
    display: flex;
    justify-content:space-around;
    align-items: center;
    margin-bottom: 30px;
    padding:30px 20px;
    border-radius:15px;
}
.pText__block:nth-child(even){
    background:#f6f0f7;
}
.pText__block:nth-child(odd){
    background:#e9e9e9;
    flex-direction: row-reverse;
}
.pText__block>img{
 border-radius:15px;
 margin:10px;
}
#iframe__yt
{
    width:60%;
    position: relative;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
}
#iframe__yt>iframe{
    width: 100%;
}
/*Cuñas Radiales styles===================*/
.bx__audio{
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 0 10px 0;
}
.bx__audio>audio{
    width:50%;
}