.logo-header{
	max-height:105px;
} 
@media screen and (min-width:300px){
	p.responsive-text {
		font-size: 8px;
	}
	h1.responsive-text {
		font-size: 40px;
	}

	h3.responsive-text {
		font-size: 15px;
	}
	.bannersup {
	position:absolute;
	right:2rem;
	top:0.5rem;
	}
	
	.img-bannersup{
	border: 1px solid #7E6E82;
	height:1.5rem;
	}
		.socialicon {
	position:absolute;
	right:1.5rem;
	top:0.5rem;
	}
}
@media screen and (min-width:576px){
	p.responsive-text {
		font-size: 8px;
	}
	h1.responsive-text {
		font-size: 50px;
	}

	h3.responsive-text {
		font-size: 20px;
	}
	.bannersup {
	position:absolute;
	right:2rem;
	top:0.5rem;
	}
	
	.img-bannersup{
	border: 1px solid #7E6E82;
	height:1.5rem;
	}
		.socialicon {
	position:absolute;
	right:1.5rem;
	top:0.5rem;
	}
}
@media screen and (min-width:576px){
	p.responsive-text {
		font-size: 8px;
	}
	h1.responsive-text {
		font-size: 60px;
	}

	h3.responsive-text {
		font-size: 30px;
	}
	.bannersup {
	position:absolute;
	right:2rem;
	top:0.5rem;
	}
	
	.img-bannersup{
	border: 1px solid #7E6E82;
	height:1.5rem;
	}
		.socialicon {
	position:absolute;
	right:1.5rem;
	top:0.5rem;
	}
}
@media screen and (min-width:768px){
	p.responsive-text {
		font-size: 12px;
	  }
	h1.responsive-text {
		font-size: 70px;
	}

	h3.responsive-text {
		font-size: 40px;
	}
	.bannersup {
	position:absolute;
	right:3rem;
	top:0.7rem;
	}
	
	.img-bannersup{
	border: 1px solid #7E6E82;
	height:2rem;
	}
	.socialicon {
	position:absolute;
	right:1.5rem;
	top:0.5rem;
	}
}
@media screen and (min-width:992px){
	p.responsive-text {
		font-size: 17px;
	}
	h1.responsive-text {
		font-size: 90px;
	}
	h3.responsive-text {
		font-size: 50px;
	}
	.bannersup {
	position:absolute;
	right:3rem;
	top:1rem;
	}
	.img-bannersup{
	border: 2px solid #7E6E82;
	height:2.2rem;
	}	
	.socialicon {
	position:absolute;
	right:1.5rem;
	top:0.5rem;
	}
}
@media screen and (min-width:1200px){
	p.responsive-text {
		font-size: 20px;
	}
	h1.responsive-text {
		font-size: 120px;
	}

	h3.responsive-text {
		font-size: 60px;
	}
		.bannersup {
	position:absolute;
	right:3rem;
	top:1rem;
	}
	.img-bannersup{
	border: 2px solid #7E6E82;
	height:2.2rem;
	}	
	.socialicon {
	position:absolute;
	right:1.5rem;
	top:0.5rem;
	}
	
}
/*====== INICIO DE CSS MENÚ LATERAL =====*/
.boton-menu-lateral{
    width: 6rem;
    height: 6rem;
    background: #4a436f;
    border-radius:0.5rem;
    position: fixed;
    top: 75%;
    left: .1%;
    font-family: sans-serif;
    font-size: 2rem;
    color: white ;
    text-align: center;
	z-index:100;
    transition: left 1.25s;
	padding: .5rem 0 0 0;
}

input#check:checked ~ .boton-menu-lateral{
    left: 30%;
    border-radius: 0 0.5rem 0.5rem 0;
}

.left-panel-menu{
    width: 30%;
    height: 100%;
    background: linear-gradient( #F4F4F4, #F4F4F4, #37375D);
    position: fixed;
    top: 0;
    left: -30%;
    display: block;
	justify-content: center;
    transition:left 1.2s;
	flex-direction: column;
	z-index:2000;
	align-items:center;
	align-content:center;
	vertical-align:middle;
	overflow: auto;	
	padding: 1.5rem;
}

.left-panel-text {
	margin-bottom: 0px;
}

input#check:checked ~ .left-panel-menu{
    left: 0%;
}

.boton-menu-lateral:hover{
    background: #FFA777;
}
/*====== INICIO BOTONES MENÚ  =====*/
.enlint{
	padding: .5rem 0 .5rem 0;	
	display: block;
	align-items:center;
	vertical-align:middle;
	margin: auto;
}
.enlint:hover{
	border: solid #3D3D3D;
	border-bottom-width: 0 0.1rem;
	margin: auto;
}
/*====== FIN BOTONES MENÚ =====*/
/*====== FINDE CSS MENÚ LATERAL =====*/

.carousel-indicators li:hover{
	color: black !important; 
    opacity:1 !important;
}
.carousel-control-prev span:hover,
.carousel-control-next span:hover,{
	color: black !important; 
    opacity:1 !important;	
}
/*====== INICIO STILO ENLACES FOOTER=====*/
a.link_footer{
	color: white;
	text-decoration: none;	
}
a.link_footer:hover{
	color:orange;
}
/*====== FIN STILO ENLACES FOOTER =====*/

/*====== INICIO ENLACE SERVICIOS MUNICIPALES HOME =====*/
a.servmun_font{
    color: #37375D;
    text-decoration: none;
}
a.servmun_font:Hover{
   color: #FFA777;
}
/*====== FIN ENLACE SERVICIOS MUNICIPALES HOME =====*/

/*====== INICIO NOTICIAS HOME =====*/
.noticias_boton {
    width: 80%; 
    text-decoration:none;
    border-radius:1rem;
    display:block;
    padding:.5rem 1rem;
    font-size:1.5rem;
    color:white; 
    background-color: #FFA777;
    text-align:center;
    box-shadow: 10px 10px 10px #555;
    margin-right: auto;
    margin-left: auto;
    }
.noticias_boton:hover{
    background-color: #37375D;
    text-decoration:none;
    color:white;
    }
.noticias_boton-sm{
	width: 45%;
    text-decoration: none;
    border-radius: 1rem;
    display: block;
    padding: .2rem;
    color: white;
    background-color: #FFA777;
    text-align: center;
    margin-left: auto;
	box-shadow: 5px 5px 5px #999;
}
.noticias_boton-sm:hover{
    background-color: #37375D;
    text-decoration:none;
    color:white;
    }


/*====== FIN NOTICIAS HOME =====*/

@media screen and (min-width:300px){
/*====== INICIO NOTICIAS  =====*/
.tarjeta{
	display:inline-block;
	border: 1px solid rgba(0,0,0,.125);
	box-shadow: 5px 5px 8px #888888;
	margin: 1rem 0 1rem 0;
	width:100%;
	max-width:1300px;
}
.tarjeta-imagen{
	width: 100%;
	height:15rem;
	border-right: 1px solid rgba(0,0,0,.125);
}
.tarjeta-imagen-img{
	width: 100%;
	height:15rem;
}
.tarjeta-cuerpo{
    flex: 1 1 auto;
    min-height: 1px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-right: 3rem;
    padding-left: 3rem;
}
.tarjeta-titulo{
	margin-bottom: .75rem;
	font-size: 1rem;
}
.tarjeta-fecha{
	margin-top: -.375rem;
}
.tarjeta-texto{
	display:none;		
	}
/*====== FIN NOTICIAS =====*/	
}
@media screen and (min-width:576px){
	/*====== INICIO NOTICIAS  =====*/
.tarjeta{
	display:inline-block;
	border: 1px solid rgba(0,0,0,.125);
	box-shadow: 5px 5px 8px #888888;
	margin: 1rem 0 1rem 0;
	width:80%;
	max-width:1300px;
}
.tarjeta-imagen{
	width: 100%;
	height:15rem;
	border-right: 1px solid rgba(0,0,0,.125);
}
.tarjeta-imagen-img{
	width: 100%;
	height:15rem;
}

.tarjeta-cuerpo{
    flex: 1 1 auto;
    min-height: 1px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-right: 3rem;
    padding-left: 3rem;
}
.tarjeta-titulo{
	margin-bottom: .75rem;
}
.tarjeta-fecha{
	margin-top: -.375rem;
}
.tarjeta-texto{
	display:block;		
	}
/*====== FIN NOTICIAS =====*/
}
@media screen and (min-width:768px){
	/*====== INICIO NOTICIAS  =====*/
.tarjeta{
	display:inline-block;
	border: 1px solid rgba(0,0,0,.125);
	box-shadow: 5px 5px 8px #888888;
	margin: 1rem 0 1rem 0;
	width:80%;
	max-width:1300px;
}
.tarjeta-imagen{
	width: 100%;
	height:15rem;
	border-right: 1px solid rgba(0,0,0,.125);
}
.tarjeta-imagen-img{
	width: 100%;
	height:15rem;
}

.tarjeta-cuerpo{
    flex: 1 1 auto;
    min-height: 1px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-right: 3rem;
    padding-left: 3rem;
}
.tarjeta-titulo{
	margin-bottom: .75rem;
}
.tarjeta-fecha{
	margin-top: -.375rem;
}
.tarjeta-texto{
	display:block;		
	}
/*====== FIN NOTICIAS =====*/
}
@media screen and (min-width:992px){
	/*====== INICIO NOTICIAS  =====*/
.tarjeta{
	display:inline-flex;
	border: 1px solid rgba(0,0,0,.125);
	box-shadow: 5px 5px 8px #888888;
	margin: 1rem 0 1rem 0;
	width:100%;
	max-width:1300px;

}
.tarjeta-imagen{
	width: 25rem;
	border-right: 1px solid rgba(0,0,0,.125);
}
.tarjeta-imagen-img{
	width: 25rem;
	height:100%
}
.tarjeta-cuerpo{
    flex: 1 1 auto;
    min-height: 1px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-right: 3rem;
    padding-left: 3rem;
}
.tarjeta-titulo{
	margin-bottom: .75rem;
}
.tarjeta-fecha{
	margin-top: -.375rem;
}
/*====== FIN NOTICIAS =====*/
}
@media screen and (min-width:1200px){
	/*====== INICIO NOTICIAS  =====*/
.tarjeta{
	display:inline-flex;
	border: 1px solid rgba(0,0,0,.125);
	box-shadow: 5px 5px 8px #888888;
	margin: 1rem 0 1rem 0;
	width:100%;
	max-width:1300px;	
}
.tarjeta-imagen{
	width: 25rem;
	height:100%
	border-right: 1px solid rgba(0,0,0,.125);
}
.tarjeta-imagen-img{
	width: 25rem;
	height:100%
}
.tarjeta-cuerpo{
    flex: 1 1 auto;
    min-height: 1px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-right: 3rem;
    padding-left: 3rem;
}
.tarjeta-titulo{
	margin-bottom: .75rem;
}
.tarjeta-fecha{
	margin-top: -.375rem;
	font-size: smaller;
}
/*====== FIN NOTICIAS =====*/
}

.boletin{
	margin: auto auto 1rem auto;
	width:100%;
}
.boletin-imagen{
	width: 100%;
	height:100%
}
.boletin-cuerpo{
    display: flex;
    padding-bottom: 1.25rem;
}
.btn-view{
	text-decoration: none;
    border-radius: 0 0 0 1rem;
	border: solid 1px;
	width: 100%;
    display: block;
    padding: .2rem;
    color: white;
    background-color: #FFA777;
    text-align: center;
	box-shadow: 5px 5px 5px #999;
	z-index:20;
	
}
.btn-downl{
    text-decoration: none;
	border-radius: 0 0 1rem 0;
	border: solid 1px;
    width: 100%;
    display: block;
    padding: .2rem;
    color: white;
    background-color: #FFA777;
    text-align: center;
	box-shadow: 5px 5px 5px #999;
	z-index:20;
}
.btn-view:hover{
	background-color: #37375D;
    text-decoration:none;
    color:white;
}
.btn-downl:hover{
	background-color: #37375D;
    text-decoration:none;
    color:white;
}

.boton-std:hover{
    background-color: #37375D;
    text-decoration:none;
    color:white;
}
.btn-std-izq{
	margin-left:0;
	text-align: left;	
	padding-left:1rem
}
.btn-std-der{
	margin-right:0;
	text-align: left;
	padding-left:1rem
}
.btn-std-centro{
	margin: auto;
	text-align: center;
}
.boton-std{
	margin-bottom:1rem;
	text-decoration: none;
	border-radius: 1rem;
	display: block;
	color: white;
	background-color: #FFA777;
	box-shadow: 5px 5px 5px #999;
}

	@media screen and (min-width:300px){
	.boletin{
		margin: auto auto 1rem auto;
		width:100%;
		}
	.boton-std{
		width: 100%;		
	}
	}
	@media screen and (min-width:576px){
	.boletin{
		margin: auto auto 1rem auto;
		width:100%;
		}
	.boton-std{
		width: 100%;
	}
	}
	@media screen and (min-width:576px){
	.boletin{
		margin: auto auto 1rem auto;
		width:100%;
		}
	.boton-std{
		width: 100%;
	}
	}
	@media screen and (min-width:768px){
	.boletin{
		margin: auto auto 1rem auto;
		width:50%;
		}
	.boton-std{
		width: 45%;
	}
	}
	@media screen and (min-width:992px){
	.boletin{
		margin: auto auto 1rem auto;
		width:50%;
		}
	.boton-std{
		width: 45%;
	}
	}
	@media screen and (min-width:1200px){
	.boletin{
		margin: auto auto 1rem auto;
		width:50%;
		}
	.boton-std{
		width: 45%;
	}
	}
	.EnlaceBoton{
		color:#212529;
		background-color:#e0a800;
		font-weight:400;
		text-align:center;
		vertical-align:middle;
		border:2px solid;
		padding:.375rem .75rem;
		font-size:2rem;
		line-height:2;
		border-radius:.25rem;	
		text-decoration: none;
	}
	.EnlaceBoton:hover{
		color: green;
		background-color:transparent;
		border-color: green;
		font-weight:450;
		letter-spacing: 5px;
		text-align:center;
		vertical-align:middle;
		border:2px solid;
		padding:.375rem .75rem;
		font-size:2rem;
		line-height:2;
		border-radius:.25rem;	
		text-decoration: none;
		text-shadow: 2px 2px 2px darkgreen, 0 0 25px green, 0 0 2px green;
		box-shadow: 2px 2px 2px darkgreen, 0 0 25px green, 0 0 2px green;
	}

.head-servdideco{
		background:#4a436f;
	}	
.btn-servdideco{
		font-weight:bold;
		color:white;				
	}
.btn-servdideco:hover{
	 	color:#ff6600;
	}
@media screen and (min-width:300px){
.boton-denuncias{
    width: 6.5rem;
    height: 8rem;
    background: #ffcc00;
    border-radius:0.5rem;
    position: fixed;
    top: 45%;
    right: .5%;
    font-size: 1rem;
    color: white ;
	text-shadow: black 0.1em 0.1em 0.2em;
    text-align: center;
	z-index:1000;
	padding: .5rem 0 0 0;
	box-shadow: inset 0 0 0.4em #999999;
}
.boton-denuncias:hover{
    background: #00cc99;
	border-style:black solid 2px;
	width: 7rem;
    height: 8.5rem;
}
}
@media screen and (min-width:576px){
.boton-denuncias{
    width: 6.5rem;
    height: 8rem;
    background: #ffcc00;
    border-radius:0.5rem;
    position: fixed;
    top: 45%;
    right: .5%;
    font-size: 1rem;
    color: white ;
	text-shadow: black 0.1em 0.1em 0.2em;
    text-align: center;
	z-index:1000;
	padding: .5rem 0 0 0;
	box-shadow: inset 0 0 0.4em #999999;
}
.boton-denuncias:hover{
    background: #00cc99;
	border-style:black solid 2px;
	width: 7rem;
    height: 8.5rem;
}
}
@media screen and (min-width:576px){
.boton-denuncias{
    width: 6.5rem;
    height: 8rem;
    background: #ffcc00;
    border-radius:0.5rem;
    position: fixed;
    top: 30%;
    right: .5%;
    font-size: 1rem;
    color: white ;
	text-shadow: black 0.1em 0.1em 0.2em;
    text-align: center;
	z-index:1000;
	padding: .5rem 0 0 0;
	box-shadow: inset 0 0 0.4em #999999;
}
.boton-denuncias:hover{
    background: #00cc99;
	border-style:black solid 2px;
	width: 7rem;
    height: 8.5rem;
}
}
@media screen and (min-width:768px){
.boton-denuncias{
    width: 6.5rem;
    height: 8rem;
    background: #ffcc00;
    border-radius:0.5rem;
    position: fixed;
    top: 30%;
    right: .5%;
    font-size: 1rem;
    color: white ;
	text-shadow: black 0.1em 0.1em 0.2em;
    text-align: center;
	z-index:1000;
	padding: .5rem 0 0 0;
	box-shadow: inset 0 0 0.4em #999999;
}
.boton-denuncias:hover{
    background: #00cc99;
	border-style:black solid 2px;
	width: 7rem;
    height: 8.5rem;
}
}
@media screen and (min-width:992px){
.boton-denuncias{
    width: 8.5rem;
    height: 10rem;
    background: #ffcc00;
    border-radius:0.5rem;
    position: fixed;
    top: 30%;
    right: .5%;
    font-size: 1.5rem;
    color: white ;
	text-shadow: black 0.1em 0.1em 0.2em;
    text-align: center;
	z-index:1000;
	padding: .5rem 0 0 0;
	box-shadow: inset 0 0 0.4em #999999;	
}
.boton-denuncias:hover{
    background: #00cc99;
	border-style:black solid 2px;
	width: 9rem;
    height: 10.5rem;
}
}
@media screen and (min-width:1200px){
.boton-denuncias{
    width: 8.5rem;
    height: 10rem;
    background: #ffcc00;
    border-radius:0.5rem;
    position: fixed;
    top: 30%;
    right: .5%;
    font-size: 1.5rem;
    color: white ;
	text-shadow: black 0.1em 0.1em 0.2em;
    text-align: center;
	z-index:1000;
	padding: .5rem 0 0 0;
	box-shadow: inset 0 0 0.4em #999999;
}
.boton-denuncias:hover{
    background: #00cc99;
	border-style:black solid 2px;
	width: 9rem;
    height: 10.5rem;
}
}
#link-btn{
width: 80%; 
border-radius: 1rem; 
padding: .3rem 2rem; 
font-size: 1.3rem; 
color: white; 
background-color: #ffa777; 
box-shadow: 10px 10px 10px #111;
}
#link-btn:hover{
background-color: white;
border: 1rem solid #ffa777;
}
#custom-tbl a{
width: 80%; 
border-radius: 1rem; 
padding: .3rem 2rem; 
font-size: 1.3rem; 
color: white; 
background-color: #ffa777; 
box-shadow: 10px 10px 10px #111;
}
#custom-tbl a:hover{
width: 80%; 
border-radius: 1rem; 
padding: .3rem 2rem; 
font-size: 1.3rem; 
color: #ffa777; 
background-color: white; 
box-shadow: 10px 10px 10px #111;
border: .3rem solid white;
}
@media screen and (min-width:1000px){
.nov-grid
{
display:inline-grid;
grid-template-columns:auto auto;
column-gap:2vw;
padding-left:1vw;
padding-right:1vw;
}
}
@media screen and (max-width:1000px){
.nov-grid
{
display:inline-grid;
grid-template-columns:auto;
padding-left:1vw;
padding-right:1vw;
}
}
.nov-col{
display: grid;
justify-content: center;
justify-items: center;
padding-top:3vh;
padding-bottom:3vh;
}

@media screen and (min-width:675px){
.act-titulo{
color:#37375D;
padding-left:3vw;
padding-top:3vh;
letter-spacing: .3em;
}
}
@media screen and (min-width:425px) and (max-width:675px){
.act-titulo{
color:#37375D;
padding-left:3vw;
padding-top:3vh;
letter-spacing: .1em;
}
}
@media screen and (min-width:250px) and (max-width:425px){
.act-titulo{
color:#37375D;
padding-left:3vw;
padding-top:3vh;
}
}

.bajada {
  font-size: 1.1em;
  line-height: 1.6;
}