/*body*/

body{
    font-size: 14px;
    font-family: 'Poppins';
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


        .search_box > h1{
                    /* font-family: 'Myriad Pro', 'Trebuchet MS', sans-serif;*/
                     color: #545454;
                }
                .search_box > h3{
                     /*font-family: 'Myriad Pro', 'Trebuchet MS', sans-serif;*/
                     color: #949494;
                     margin-top: 17px;
                     margin-bottom: 17px;
                }
                .searchin {
                    color: #545454;
                    font-size: 20px;
                   /* font-family: 'Myriad Pro', 'Trebuchet MS', sans-serif;*/
                    /*cursor:url(<?=$realpath?>sipinna/img/editar.png) -4 27, auto;	*/
                }
			
            .search_box > .search_input_box {
                width: 100%;
                height: 66px;
                margin-top: 10px;
                background: #00000038;
                padding: 8px;
                border-radius: 8px;
            }
            .search_box > .search_input_box input[type="text"] {
                width: 100%;
                height: 50px;
                background: #FFF;
                border-radius: 6px;
                border: none;
            }
			.search_box > .search_input_box input[type="date"] {
                width: 100%;
                height: 50px;
                background: #FFF;
                border-radius: 6px;
                border: none;
            }
			
			
			.box_calendar {
				height: 80px;
				width: 60px;
				/*float: left;*/
				margin: 3px 25px 0 5px;
				-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
				-moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
				box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);
				-webkit-border-radius: 5px;
				border-radius: 5px;
				overflow: hidden;
				margin: 2px 7px 0 10px;
			}
			
			.calendar_day {
				padding: 9px 0;
				background: #FFF;
				color: #282828;
				font-size: 28px;
				line-height: 38px;
				display: block;
				width: 100%;
				text-align: center;
			}
			
			.start_date {
				position: absolute;
				top: 8px;
				margin: 0px;
				padding: 0px;
				line-height: 20px;
				left: 8px;
				font-size: 18px;
			}
			.dates_divisor {
				font-size: 34px;
				font-weight: lighter;
				color: #ff4d58;
			}
			
		
			.end_date {
				position: absolute;
				bottom: 8px;
				margin: 0px;
				padding: 0px;
				line-height: 20px;
				right: 6px;
				font-size: 17px;
			}
			.calendar_month {
				padding: 4px 0;
				color: #FFF;
				background-color: #771d40;
				font-size: 12px;
				text-transform: uppercase;
				display: block;
				width: 100%;
				text-align: center;
			}
			
			
	       @media (max-width: 1230px)
			.box_calendar {
				margin: 2px 7px 0 0;
			}
                @media (max-width: 500px){
                    .search_box{
                        width: 100%;
                        margin-left: 5%;
                    }
                }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
:root {
    /* --pink: #642644;*/
    --pink: #68696f;
	--pink2: #55636e;

    --white: #ffffff;
	
	--griss: #68696f;

  }

@font-face {

    font-family: 'Poppins';

    src: url('font/Poppins-Regular.ttf') format('truetype');

    font-style: normal;

    font-weight: normal;

  }



::-webkit-scrollbar {
  width: 7px;	
  height: 7px;
}
::-webkit-scrollbar-track {
  border-radius: 0; 
}
::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #b51b31; 
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #b51b31; 
}



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

.modal-open {
  overflow: hidden;
}



.modal {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1050;

  display: none;

  overflow: hidden;

  outline: 0;

}



.modal.fade .modal-dialog {

  -webkit-transition: -webkit-transform .3s ease-out;

  transition: -webkit-transform .3s ease-out;

  -o-transition: -o-transform .3s ease-out;

  transition: transform .3s ease-out;

  transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;

  -webkit-transform: translate(0, -25%);

      -ms-transform: translate(0, -25%);

       -o-transform: translate(0, -25%);

          transform: translate(0, -25%);

}



.modal.in .modal-dialog {

  -webkit-transform: translate(0, 0);

      -ms-transform: translate(0, 0);

       -o-transform: translate(0, 0);

          transform: translate(0, 0);

}



.modal-open .modal {

  overflow-x: hidden;

  overflow-y: auto;

}



.modal-dialog {

  position: relative;

  width: auto;

  margin: 10px;

}



.modal-content {

  position: relative;

  background-color: #fff;

  -webkit-background-clip: padding-box;

          background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 0.3rem;

  outline: 0;

}



.modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000;

}



.modal-backdrop.fade {

  opacity: 0;

}



.modal-backdrop.in {

  opacity: 0.5;

}



.modal-header {

  padding: 30px;

  border-bottom: 1px solid #e5e5e5;

}



.modal-header::after {

  content: "";

  display: table;

  clear: both;

}



.modal-header .close {

  margin-top: -2px;

}



.modal-title {

  margin: 0;

  line-height: 1.5;

}



.modal-body {

  position: relative;

  padding: 15px;

}



.modal-footer {

  padding: 15px;

  text-align: right;

  border-top: 1px solid #e5e5e5;

}



.modal-footer::after {

  content: "";

  display: table;

  clear: both;

}



.modal-scrollbar-measure {

  position: absolute;

  top: -9999px;

  width: 50px;

  height: 50px;

  overflow: scroll;

}


.modal-body.modal-tab-container {

  padding: 0; }

  .modal-body.modal-tab-container .modal-tabs {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

    background-color: #ffffff;

    border-bottom: 1px solid #ddd;

    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }

    .modal-body.modal-tab-container .modal-tabs .nav-link {

      padding: 10px 20px;

      border: none; }

      .modal-body.modal-tab-container .modal-tabs .nav-link:hover, .modal-body.modal-tab-container .modal-tabs .nav-link.active {

        color: #b51b31;

        border-bottom: 2px solid #b51b31; }

      .modal-body.modal-tab-container .modal-tabs .nav-link.active {

        font-weight: 600; }


.modal .modal-content {

  border-radius: 0; }



.modal .modal-header {

  background-color: #5fa873;

  color: #ffffff; 
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}




.modal .modal-footer .btn {

  margin-bottom: 0; }



@media (min-width: 576px) {

  .modal-dialog {

    max-width: 1300px;

    margin: 30px auto;

  }

  .modal-sm {

    max-width: 500px;

  }

}



@media (min-width: 1600px) {

  .modal-lg {

    max-width: 1600px;

  }

}



@media (min-width: 1000px) {

  .modal-lg2 {

    max-width: 800px;

  }

}




/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
							
						.tm-article2 {							
							transition: all 0.3s ease;
						}
						 .tm-article2:hover {
							-webkit-box-shadow: 0px 0px 7px 0px #7b7b7b;
							-moz-box-shadow: 0px 0px 7px 0px #7b7b7b;
							box-shadow: 0px 0px 7px 0px #7b7b7b;
							transform: scale(1.20);
							border-radius: 10px;
							background-color: #ffffff;							
                            color: #642644;
							 z-index: 9;
						}		
							
							
						.tm-pb-4 {
							padding-bottom: 20px;
						}
						.tm-pt-5 {
							padding-top: 30px;
						}
						@media (min-width: 992px)
						.container2 {
							max-width: 960px;
						}
						@media (min-width: 768px)
						.container2 {
							max-width: 720px;
						}
						@media (min-width: 576px)
						.container2 {
							max-width: 540px;
						}
						.container2 {
							width: 100%;
							padding-right: 15px;
							padding-left: 15px;
							margin-right: auto;
							margin-left: auto;
						}
						.text-center {
							text-align: center!important;
						}
						.row {
							display: -ms-flexbox;
							/*display: flex;*/
							-ms-flex-wrap: wrap;
							flex-wrap: wrap;
							margin-right: -15px;
							margin-left: -15px;
							overflow: hidden;
						}
						.tm-article {
							padding: 40px;
							transition: all 0.3s ease;
						}
						.tm-article:hover {
							-webkit-box-shadow: 0px 0px 7px 0px #7b7b7b;
							-moz-box-shadow: 0px 0px 7px 0px #7b7b7b;
							box-shadow: 0px 0px 7px 0px #7b7b7b;
							transform: scale(1.10);
							border-radius: 10px;
						}	
							
						 .informe{
							color: #be2666;
                        }	
                        .informe:hover{
							color: #000000;
                        }	
						.tm-color-primary{
							/*color: #771d40; 
							font-weight: 600;*/
							text-decoration: none;
							text-align: -webkit-center;
							cursor: unset;
						}
                         .boxsfotoreg {
							height: 200px;
							width: 200px;
							border-radius: 100px;
							border: 6px #bb2e67 solid;
							background-position: center;
							background-size: 153px;
							background-position: -9px -27px;
							}
						.boxsfoto {
							height: 150px;
							width: 150px;
							border-radius: 100px;
							border: 6px #bb2e67 solid;
							background-position: center;
							background-size: 153px;
							background-position: -9px -27px;
							}
						.boxsinfo {
							padding-top: 30px;
							text-align: center;
							/*background: #7b7b7b;*/
							border-radius: 10px 10px 0px 0px;
							height: 260px;
						}

                        .boxsinfo2 {
							/*padding-top: 30px;*/
							text-align: center;
							/*background: #7b7b7b;*/
							border-radius: 10px 10px 0px 0px;
							height: 200px;
						}


.botonG2 {
    background-color: var(--pink);
    color: white;
    font-size: 17px;
    border: none;
    padding: 15px 20px;
    border-radius: 25px;
    max-width: 100%;
    text-align: center;
}





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






	  
		  
.container .roman li {
    counter-increment: listStyle;
}

.container .roman li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 14px;
    width: 28px;
    height: 28px;
    color: #777;
    padding: 0;
    text-indent: 10px;
    padding-top: 10px;
}

.container .roman li {
    color: #949494;
   /* font-family: lato, sans-serif;*/
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 4px;
    line-height: 19px;
    /*background: #f3f3f3;*/
    padding: 10px;
    position: relative;
    padding-left: 43px;
	text-align: justify;
	display: table;
}

.container .roman {
    counter-reset: listStyle;
}



.container .letters li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 14px;
    width: 28px;
    height: 28px;
    color: #777;
    padding: 0;
    text-indent: 10px;
    padding-top: 10px;
}

.container .letters li {
    color: #949494;
   /* font-family: lato, sans-serif;*/
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 4px;
    line-height: 19px;
    /*background: #f3f3f3;*/
    padding: 10px;
    position: relative;
    padding-left: 43px;
	text-align: justify;
	display: table;
}



.container .letters{
	counter-reset:listStyle;
}

.container .letters li{
	counter-increment:listStyle;
}

.container .letters li:before{ /* Style of the numbers */
	content:counter(listStyle, lower-alpha)'.';
}








.container .square{
	counter-reset:listStyle;
}

.container .square li{
	counter-increment:listStyle;
}

.container .square li:before{ /* Style of the numbers */
	content:counter(listStyle, square);
}


.container .square li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 14px;
    width: 28px;
    height: 28px;
    color: #777;
    padding: 0;
    text-indent: 10px;
    padding-top: 10px;
}

.container .square li {
    color: #949494;
   /* font-family: lato, sans-serif;*/
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 4px;
    line-height: 19px;
    /*background: #f3f3f3;*/
    padding: 10px;
    position: relative;
    padding-left: 43px;
	text-align: justify;
	display: table;
}
.container .square li p{
	margin-top: 10px;
    margin-left: 20px;
}


.container .roman{
	counter-reset:listStyle;
}
.container .roman li{
	counter-increment:listStyle;
}
.container .roman li:before{ /* Style of the numbers */
	content:counter(listStyle, upper-roman)'.';
}









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






















	.texttabla{
				color:#9c9c9c; 
				padding: 8px; 
				font-size:16px;
			}







  .tTitle{

    font-size:35px;

    font-weight:bold;

  }

  .tText{

    font-size:14px;

  }

  .colPi{color: var(--pink);}

/*base*/

.maxW{max-width: 100%;}

.clr1{

    clear: both;

    height: 35px;

}

.taR{text-align: right;}

.taL{text-align:left;}



/*generales*/

#menu {

    background-size: cover;

    background-position: center;

    position: sticky;

    top: 0;

    z-index: 99;

    /*background: linear-gradient(to right, var(--pink), #55636e); griss*/
	background: linear-gradient(to right, var(--pink), var(--griss));

    border-radius: 0 0 30px 30px;

    /*overflow-x: clip;*/

}

.contMenuUl .nav-link {

    color: var(--white);

    font-size: 18px;

}

.contMenuUl a.nav-link.active {

    color: var(--white);

    font-size: 18px;

}

.contMenu {

    min-height: 100px;

}

.menuBusca input.form-control.me-2{ 

    border-radius: 80px;

}

.menuBusca button.btn.btn-outline-success {

    border: none;

    color: gray;

    position: relative;

    right: 50px;

}

.menuBusca {

    padding: 0px 15px;

}

.carousel-inner.BprincipalI {

    margin-top: -25px;

}

.carousel-control-next-icon, .carousel-control-prev-icon {

    width: 4rem;

    height: 4rem;

}

.BprincipalI .carousel-item{
    height: 1000px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;	
}
.BprincipalI2 .carousel-item{	
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;	
}
 .BprincipalI{
	border-bottom: 1px solid #585b68;
}
 .BprincipalI2{
	border-bottom: 1px solid #585b68;
}
.imagenmicro{
	width: 100%;
}



.banSli1 {

    display: flex!important;

    justify-content: center;

    align-items: center;

}

.logoEnBan{

    max-width: 90%;

}



.subTit3{

   /* color: #5f4258;*/
	color: #5d5d5d;

    font-size: 24px;

    font-weight: bold;

}

.subTit{

    color: #5d5d5d;

    font-size: 24px;

    font-weight: bold;

}

.subTit2 {

    color: #000000;

    font-size: 22px;

    font-weight: bold;

    line-height: 22px;
	

}
.subTit4 {

    color: #a7a1a1;

    font-size: 18px;

    font-weight: bold;

    line-height: 22px;
	text-align: justify;

}
.subTit5 {

    /*color: #5f4258;*/
	color: #5d5d5d;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
	text-align: justify;

}

.NotiTit{

    font-size:30px;

    font-weight: bold;

    line-height: 35px;

}

.NotiTit2{

    font-weight: bold;

}

.servImg{

    width: 150px;

}

.globo{

    border-radius: 12px;

    box-shadow: 0px 0px 7px 0px #b3b3b3;

    padding: 25px 15px;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    -ms-border-radius: 12px;

    -o-border-radius: 12px;

    margin: 10px;

    position: relative;

    z-index: 9;

    background-color: white;

}

.globo2{

    border-radius: 15px;

    box-shadow: 0px 0px 7px 0px #b3b3b3;

    padding: 15px 15px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

    margin: 7px;

    position: relative;

    z-index: 9;

    background-color: white;

}


.notiNav.active {

    border: none !important;

    border-bottom: 4px solid var(--pink) !important;

    color: var(--pink) !important;

}

.notiNav {
    color: black;
    padding: 0 10%;
    font-weight: bold;
}

.notiNav:hover {
    border: none !important;
    border-bottom: 4px solid var(--pink) !important;
    color: var(--pink) !important;
}

.notSide{
    border-left: 1px solid #d9d9d9;
    padding: 15px;
    margin-top: 15px;
}

.tramitesCont {
    /*background-color: var(--pink);*/
	/*background-color: #ce2664;*/
	background-color: #585b68;
    min-height: 370px;
}

#nav-tabT .nav-link {
   /* color: #bb2e67;*/
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

#nav-tabT img{
    width: 100%;
}

#nav-tabT .nav-link.active{
	background-color: #585b68;
    border-color: #585b68;	

   /* 
	background-color: #bb2e67;
    border-color: #bb2e67;	
	background-color: var(--pink);
    border-color: var(--pink);*/

    color: var(--white);
}
#nav-tabT .nav-link.active a{
	background-color: #585b68;
    border-color: #585b68;	

   /* 
	background-color: #bb2e67;
    border-color: #bb2e67;	
	background-color: var(--pink);
    border-color: var(--pink);*/

    color: var(--white);
}

#nav-tabContentT{
    padding: 60px 0;
    color: var(--white);
    text-align: center;
}

.foot{
    background: linear-gradient(to right, var(--pink), #55636e);
    padding: 20px;
    color: var(--white);
    font-size: 18px;
    position: relative;
    overflow-x: clip;
}

.foot a{
    color: var(--white);
    text-decoration: none;
}

.foot a:hover{
    font-weight: bold;
}
.noticia{
    margin-bottom: 25px;
}
.padBottom{
    margin-bottom: 25px;
}
img.fL {
    position: absolute;
    left: -100px;
    bottom: 0;
    height: 115%;
    pointer-events: none;
}
img.fR {
    position: absolute;
    right: -100px;
    bottom: 0;
    height: 115%;
    pointer-events: none;
}
img.mL {
    position: absolute;
    left: 0px;
    /*bottom: -35px;*/
    height: 100%;
    pointer-events: none;
}

img.mR {
    position: absolute;
    right: 0px;
    /*bottom: -35px;*/
    height: 100%;
    pointer-events: none;
}
.tysTit{
    text-align:left;
    font-weight: bold;
    margin-bottom: 25px;
}
.eventos {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 5px 7px 9px 0px #c3c3c3;
    margin: 15px;
}

.eventos img{
    height:100%;
    width: auto;
}
.eimg{
    background-size: cover;
    background-position: center;
}

.enota{

    padding: 20px 10px;

}

.eventos:hover {

    box-shadow: 5px 7px 9px 0px var(--pink);

    cursor: pointer;

}

.botonG{

    background-color:var(--pink);

}

.botonG {

    background-color: var(--pink);

    color: white;

    font-size: 25px;

    border: none;

    padding: 15px 80px;

    border-radius: 25px;

    max-width: 100%;

    text-align: center;

}

.botonG:hover {

    box-shadow: 1px 1px 9px 0px var(--pink);

}

.botonG3:hover {

    box-shadow: 1px 1px 9px 0px var(--pink);
	border-radius: 13px;

}




.sFB{

    position: relative;

    overflow-x: clip;

    z-index: 9;

}

.sFB .fR2{

    position: absolute;

    right: -300px;

    bottom: 0;

    height: 115%;

    width: auto;

    pointer-events: none;

}

.contenedorImgs {

    position: relative;

}

.contenedorImgs>img {

    width: 700px;

    max-width: 50%;   

    height: auto;

    z-index: 1;

}

img.fL0 {

    position: absolute;

    left: 0;

    bottom: 0;

    pointer-events: none;

}

img.fR0 {

    position: absolute;

    right: 0;

    bottom: 0;

    pointer-events: none;

}

.opacity{

    opacity: .5;

}

/*

.soloMovil{

    display: none;

}*/

.owl-carousel{

    z-index: 3 !important;

}

img.fR3 {

    position: absolute;

    right: 0;

    bottom: 0;

    height: 115%;

    width: auto;

    pointer-events: none;

}

.textH, .servTxt{display: none;}

.servH, .comunidadH{cursor: pointer;}

img.fL4 {

    position: absolute;

    left: 0;

    bottom: 0;

    pointer-events: none;

    max-width: 250px;

}

img.fR4 {

    position: absolute;

    right: 0;

    bottom: 0;

    pointer-events: none;

    max-width: 250px;

}

.contenedorSub{

    min-height:650px;

}

.subTit span{

    color: #a7a1a1;

}
.subTit3 span{

    color: #a7a1a1;

}
.subTit4 span{
    color: #5f4258;
}

.misImg{

    width: 125px;

}

.separadorR{

    background-color: var(--pink);

    height: 35px;

    width: 100%;

}



/****************************************************media****************************************************************************************/

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

    .BprincipalI .carousel-item {

        height: 550px;

    }
	 
	 .BprincipalI2 .carousel-item {

        height: 200px;

    }

    .menuBusca {

        padding: 0px;

    }

    .botonG {

        padding: 15px 10px;

        width: 100%;

        font-size: 18px;

    }

    img.fL4 {

        display: none;

    }

    img.fR4 {

        display: none;

    }

    .navTramites{

        max-width: 30%;

    }

  }

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

    .servImg{

        width: 100px;

    }

  }