@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


body{
	--font-family: 'Roboto', sans-serif;
	font-family: 'Ubuntu', sans-serif;  /*ESTA PARA TEXTOS*/
	
--font-family: 'Cairo', sans-serif;
--font-family: 'Alfa Slab One', cursive;

--font-family: 'Titillium Web', sans-serif;
--font-family: 'Noto Serif', serif;

}

.manito{
	cursor:pointer; cursor: hand;
}

#navTop{
	--background-color: #fff;
	background-color: #035838;

}

#divTextoLogoTvcoInicio{
	margin-right: auto;
}

.textoPrincipiosValores{
	color: #fff; width:50%;  margin-left: 10%; 
}

.tituloColoresCooperativos{
	margin-left: 10%;  font-size: 1.5em;  font-weight: bold; text-transform: uppercase; margin-bottom: 2%;
}

.textoDescripcionPrincipiosValores{
	margin-left: 10%;  font-size: 1.5em;  font-weight: bold; color: #fff; padding-bottom: 2%;
}

#mainNavBar{
	--background-color: #ffffff;
	background-color: rgba(255,255,255,0.95);
	--background-color: rgba(233,236,226,0.95);


	-webkit-box-shadow: 0px 10px 21px -19px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 21px -19px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 21px -19px rgba(0,0,0,0.75);
}

.dropdown-menu{
	padding: 0;
}

.dropdown-item.active, .dropdown-item:active{
	background-color: #E4E3E4;
	color: #712d85 !important;
}

.textoCuidaElAgua{
	margin-top: -15px;
}

#cajaNegraAvisanosAgua{
	background-color: #000; padding-top: 0%; padding-bottom: 0%; color: #fff; text-align: center; border-top-left-radius: 12px; border-bottom-left-radius: 12px;
}

.textoAvisanosCajaNegraAgua{
	font-size: 1.5em; font-weight: 100;
}

#nroCajaAzulAgua{
	font-size: 2.5em;
}

#cajaAzulAvisanosAgua{
	background-color: #00b7ed; padding-top: 0%; padding-bottom: 0%; color: #fff; text-align: center; border-top-right-radius: 12px; border-bottom-right-radius: 12px;
}

.dropdown-personalizado::after{
	border-style: solid;
    border-width: 0 1.5px 1.5px 0;
    content: '';
    display: inline-block;
    height: 6px;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
    color: rgba(0,0,0,.3);
    margin: 8px 0 0 6px;
    vertical-align: top;
    will-change: transform;
    -webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border-right: 1.5px solid rgba(0,0,0,.3);
}

.dropdown-menu.show{
	border: 0px !important;
	border-radius: 0% !important;
	--top: 136%;
	--background-color: rgba(255,255,255,0.85);
	--background-color: rgba(233,236,226,0.95);
	background-color: rgba(255,255,255,0.95);
}

#content{
	--background-color: rgba(233,236,226,0.95);
	--background-color: #fff;
}

#mainNavBar a:hover{
	color: #712d85;
}

#mainNavBar a{
	color: #035838;
}

#navTop a:hover{
	color: #712d85;
}

#navTop a{
	--color: #035838;
	color: #fff;
}

.tituloCargoConcejo{
	line-height:1.1; 
	min-height: 55px; 
	font-size: 1.4em; 
	margin-bottom: 4%; 
	color: #fff; 
	font-weight: bold; 
	text-align: center; 
	text-transform: uppercase;
}

.nombreCargoConcejo{
	color: #ffffff; text-align: center;
}

.navbar-brand{
	--padding-bottom: 0%;
	--padding-top: 0%;
}

header .owl-prev {
	width: 40px !important;
	height: 50px !important;
	border: 0px solid black !important;
	border-radius: 0% !important;
	float: left !important;
    margin: 0% !important;
}

header .owl-nav{
	position: absolute;
    width: 100%;
    top: 40%;
}

.iFrameBalanceSocial{
	width: 90%; height: 400px; margin-left: 0%; margin-top: 5%;
}

header .owl-next {
    width: 40px !important;
    height: 50px !important;
    border:0px solid black !important;
	border-radius: 0% !important;
	float: right !important;
    margin: 0% !important;
}

header .owl-prev, header .owl-next{
	background-color: #ffffff !important;
	opacity: 0.6 ;
	color: #58C5C7;
}

header .owl-prev:focus, header .owl-next:focus{
	outline:0;
}

header .owl-dot.active span, header .owl-dot:hover span{
	background: #ffffff;
	opacity: 1;
}

header .owl-dot span{
	background: #ffffff;
	opacity: 0.5;
}

#carouselNoticias .owl-dot.active span, header .owl-dot:hover span{
	background: #5fc3e6;
	opacity: 1;
}

.pNoticia{
	white-space: pre-line;
	white-space: -moz-pre-line;
	white-space: -pre-line;
	white-space: -o-pre-line;
	word-wrap: break-word;
}

#carouselNoticias .owl-dot span{
	background: #5fc3e6;
	opacity: 0.5;
}

#carouselNoticias .card-img-top{
	height: 200px;
	object-fit: cover;
}

.imgCarouselNoticia{
	height: 400px;
	object-fit: cover;
}

footer{
	position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
	z-index: -1;
	background-color: #ffda1f;
}

#content{
	z-index: 0;
	--background-color: #e9ece2;
	background-color: #fff;
}

header{
	background-color: #e9ece2;
}

#botonNavEmergencias{
	background-color: #ffda1f;
	margin-left: 1%;
	transition: all 0.3s ease-in-out !important;
}

#botonNavEmergencias:hover{
	background-color: #712d85 !important;
	transition: opacity 0.3s ease-in-out;
}

#botonNavEmergencias a {
	color: #035838;
	transition: all 0.3s ease-in-out !important;
}

#botonNavEmergencias a:hover{
	color: #e9ece2 !important;
	transition: opacity 0.3s ease-in-out;
}

.servicio{
	background-color:rgba(0,0,0,0.1);
	text-align: center;
	padding-top: 20%;
	padding-bottom: 20%;
	color: #ffda1f;
	transition: all 0.3s ease-in-out !important;
	height: 160px;
}

.servicio:hover{
	background-color: #712d85;
	color: #ffda1f;
	--transform: scale(1.01, 1.01);
	transition: opacity 0.3s ease-in-out;
	box-shadow: 0px -6px 15px -4px rgba(0,0,0,0.3) !important;
}

.servicio::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0px -7px 25px -2px rgba(0,0,0,0.51);

}

.colorCooperativo{
	padding: 10%;
	width: 100%;
	border-radius: 0%;
	text-decoration:none;
	opacity: 0.4;
	padding-top: 55%;
	padding-bottom: 30%;
	transition: all 0.3s ease-in-out !important;
}

.colorCooperativo:hover{
	opacity: 1;
	--transform: scale(1.01, 1.01);
	transition: opacity 0.3s ease-in-out;
	box-shadow: 0px -6px 15px -4px rgba(0,0,0,0.3) !important;
}

.colorCooperativo.active{
	opacity: 1;
}

.colorCooperativo::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0px -7px 25px -2px rgba(0,0,0,0.51);

}

.principiovalor{
	background-color: #fff;
	text-align: center;
	padding-top: 20%;
	padding-bottom: 20%;
	color: #712d85;
	transition: all 0.3s ease-in-out !important;
}

.principiovalor.active{
	background-color: #712d85 !important;
	color: #ffffff;
}

.principiovalor:hover{
	background-color: #712d85;
	color: #ffffff;
	--transform: scale(1.01, 1.01);
	transition: opacity 0.3s ease-in-out;
	box-shadow: 0px -6px 15px -4px rgba(0,0,0,0.3) !important;
}

.principiovalor::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0px -7px 25px -2px rgba(0,0,0,0.51);

}

.icoTelefonoHome{
	fill:#fff;
	transition: all 0.3s ease-in-out;
}

.cuadroServicio:hover .icoTelefonoHome{
	fill: #5fc3e6;
	transition: opacity 0.3s ease-in-out;
}

#numeroTelefono{
	transition: all 0.3s ease-in-out;
	font-size: 2.5em;
}

.cuadroServicio:hover #numeroTelefono{
	color: #5fc3e6;
	transition: opacity 0.3s ease-in-out;
}

.centroAtencionAsociado{
	text-transform: none;
	font-size: 1.5em;
}

#tamLogoTvcoInicio{
	width: 244px;
}

#textoLogoTvcoInicio{
	text-transform: none; font-size: 1.5em; color: #22183B
}

.seccion{
	--padding-top: 8%;
	--padding-bottom: 6%;
}

.tituloSeccion{}

.servicio path{
	fill:#712d85;
	transition: all 0.3s ease-in-out;
}

.servicio:hover path{
	fill: #fff;
	transition: opacity 0.3s ease-in-out;
}

.servicio svg{
	width: 50%;
}

.dropdown-item{
	padding-top: 10px;
	padding-bottom: 10px;
}

.dropdown-item:hover{
	background-color: #E4E3E4;
}

.cuadroServicio{
	padding-top: 40px;
	padding-bottom: 40px;
	transition: all 0.3s ease-in-out;
}

.cuadroServicio:hover g{
	--fill: #712d85;
	opacity: 0.9 !important;
	transition: opacity 0.3s ease-in-out;
	box-shadow: 0px -7px 25px -2px rgba(0,0,0,0.51);
}

#carouselNoticias .card{
	border: 0px;
	border-radius: 0%;
	min-height: 425px;
}

#carouselNoticias .card-img-top{
	border-radius: 0%;
}

#carouselNoticias .owl-stage{
	padding-bottom: 50px !important;
}

#carouselAhorremos .item{
	background-size: cover;
	background-position: center;
}

.consejo{
	width: 100%;
	background-color:
	rgba(0,0,0,0.4);
	height: 100%;
	--font-size: 3em;
	color: #fff;
}

.fondoSeccion{
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.redesSociales .col-4{
	padding-right: 3px !important;
	padding-left: 3px !important;
}

.textoBotonesTarjetas{
	font-size: 1.8em;
    /* text-align: center; */
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
		--text-align: center;
}

.onlyMobile{
	display: none;
}


.tituloConsejo{
	font-weight: bold; 
	font-size: 3em;
}

.subtituloConsejo{
	font-size: 1.2em;
}

.subtituloConsejo p{
	color: #fff; 
	white-space: pre-line;
	white-space: -moz-pre-line;
	white-space: -pre-line;
	white-space: -o-pre-line;
	word-wrap: break-word;
}

.fondoAzulBotonesServicios{
	height: 180px;
}

/*CSS PARA HACER EL EFECTO DE SOMBRA LENTO*/
/* The slow way */
.make-it-slow {
  --box-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
  transition: box-shadow 0.3s ease-in-out !important;
}

.fotopegadaIzquierda{
	margin-left: -15%;
	width: 120%;
}

/* Transition to a bigger shadow on hover */
.make-it-slow:hover {
  box-shadow: 0 4px 20px -2px rgba(0,0,0,0.3) !important;
}

/* The fast way */
.make-it-fast {
  box-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
}

/* Pre-render the bigger shadow, but hide it */
.make-it-fast::after {
  box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease-in-out !important;
}

/* Transition to showing the bigger shadow on hover */
.make-it-fast:hover::after {
  opacity: 1 !important;
}

/*FIN CSS PARA HACER EL EFECTO DE SOMBRA LENTO*/




.camino{
	background-size: cover;
	background-position: center;
	color: #fff;
	height: 300px; 
	width: 100%
}

.camino .fondoOpacidad{
	width: 100%;
	background-color: rgba(0,0,0,0.2);
}

.camino .breadcrumb{
	background-color: transparent;
}

.camino .breadcrumb a{
	color: #e9ece2;
}

.camino .breadcrumb .active{
	color: #e9ece2;
}

.camino .breadcrumb .active{
	color: #e9ece2;
}

.camino .breadcrumb-item + .breadcrumb-item::before {
  --color: #6c757d;
  --font-family: FontAwesome;
  content: "";
}

#icoFB:hover .fb1{
	fill: #712d85;
	transition: opacity 0.3s ease-in-out;

}

#icoFB .fb1{
	fill: transparent;
	transition: all 0.3s ease-in-out !important;
}

#icoINS:hover .ins1{
	fill: #712d85;
	transition: opacity 0.3s ease-in-out;

}

#icoINS .ins1{
	fill: transparent;
	transition: all 0.3s ease-in-out !important;
}

#icoYOU:hover .you1{
	fill: #712d85;
	transition: opacity 0.3s ease-in-out;

}

#icoYOU .you1{
	fill: transparent;
	transition: all 0.3s ease-in-out !important;
}


/*PARA LAS DIRECCIONES*/
.sinMargenes{
	padding-right: 0px !important; padding-left: 0px !important; margin-right: 0px !important; margin-left: 0px !important;
}

#seccionDirecciones .list-group-item{
	border: 0px;
	background-color: transparent;
}

#seccionDirecciones .card{
	border: 7px solid #e9ece2;
	background-color: rgba(255, 255, 255, 0.7);
	transition: all 0.3s ease-in-out !important;
}

#seccionDirecciones .card:hover{
	background-color: rgba(255, 218, 31, 0.8);
	transition: opacity 0.3s ease-in-out;
}

#seccionDirecciones a {
	color: #3e64ac;
}

#seccionDirecciones a:hover{
	color: #3e64ac;
	text-decoration: none;
}
/*FIN PARA LAS DIRECCIONES*/



/* SECCION BOTONES CUADRADOS HOME */
.botonCuadroHome{
	padding-bottom: 3%;
	padding-top: 2%;
	padding-left: 2%;
	transition: all 0.3s ease-in-out !important;
}

.botonCuadroHome.desabilitado{
	background-color: rgba(0,0,0,0.5);
}

.botonCuadroHome:hover{
	transform: scale(1.01);
	z-index: 1000;
	transition: opacity 0.3s ease-in-out;
}

.botonCuadroHomeServicio{
	padding-bottom: 3%;
	padding-top: 2%;
	--padding-left: 2%;
	transition: all 0.3s ease-in-out !important;
}

.botonCuadroHomeServicio:hover{
	transform: scale(1.01);
	z-index: 1000;
	transition: opacity 0.3s ease-in-out;
}

.textoBotonesCuadradoHomeServicio{
	font-size: 1.5em;
	line-height: 1.2;
	margin-top: 28px;
}

.textoBotonesCuadradoHome{
	font-size: 1.5em;
	line-height: 1.2;
	margin-top: 28px;
	--text-transform: uppercase;
}

.imgBotonCuadradoHomeServicio{
	height: 120px;
}
/*FIN SECCION BOTONES CUADRADOS HOME */


/*CSS TIMELINE ROBADO DE MOBIRSE*/

.cid-qUqXNjiu3Z {
  padding-top: 5%;
  padding-bottom: 5%;
  background-color: #f8f8f8;
}
.cid-qUqXNjiu3Z .mbr-section-subtitle {
  color: #767676;
  text-align: center;
  font-weight: 300;
}
.cid-qUqXNjiu3Z .timeline-text-content {
  padding: 2rem 2.5rem;
  background: #ffffff;
  margin-left: 2rem;
}
.cid-qUqXNjiu3Z .timeline-text-content p {
  margin-bottom: 0;
}
.cid-qUqXNjiu3Z .time-line-date-content {
  margin-right: 2rem;
}
.cid-qUqXNjiu3Z .time-line-date-content p {
  padding: 2rem 2.5rem;
  background: #ffffff;
  float: right;
}
.cid-qUqXNjiu3Z .timeline-element {
  margin-bottom: 50px;
  position: relative;
  word-wrap: break-word;
  word-break: break-word;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.cid-qUqXNjiu3Z .timeline-element:hover .mbr-timeline-date {
  box-shadow: 0 7px 20px 0px rgba(0, 0, 0, 0.08);
  transition: all .4s;
}
.cid-qUqXNjiu3Z .timeline-element:hover .timeline-text-content {
  box-shadow: 0 7px 20px 0px rgba(0, 0, 0, 0.08);
  transition: all .4s;
}
.cid-qUqXNjiu3Z .mbr-timeline-date,
.cid-qUqXNjiu3Z .timeline-text-content {
  transition: all .4s;
}
.cid-qUqXNjiu3Z .reverse {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.cid-qUqXNjiu3Z .reverse .timeline-text-content {
  margin-right: 2rem;
  margin-left: 0;
}
.cid-qUqXNjiu3Z .reverse .time-line-date-content {
  margin-left: 2rem;
  margin-right: 0rem;
}
.cid-qUqXNjiu3Z .reverse .time-line-date-content p {
  float: left;
}
.cid-qUqXNjiu3Z .iconBackground {
  position: absolute;
  left: 50%;
  width: 20px;
  height: 20px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  font-size: 30px;
  display: inline-block;
  background-color: #ffffff;
  top: 20px;
  margin-left: -10px;
}
.cid-qUqXNjiu3Z .separline:before {
  top: 20px;
  bottom: 0;
  position: absolute;
  content: "";
  width: 2px;
  background-color: #ffffff;
  left: calc(50% - 1px);
  height: calc(100% + 4rem);
}
@media (max-width: 768px) {
  .cid-qUqXNjiu3Z .iconBackground {
    left: 0 !important;
  }
  .cid-qUqXNjiu3Z .separline:before {
    left: 0!important;
  }
  .cid-qUqXNjiu3Z .timeline-text-content {
    margin-left: 0 !important;
  }
  .cid-qUqXNjiu3Z .time-line-date-content {
    margin-right: 0 !important;
  }
  .cid-qUqXNjiu3Z .time-line-date-content p {
    float: left !important;
  }
  .cid-qUqXNjiu3Z .reverse .time-line-date-content {
    margin-left: 0 !important;
  }
  .cid-qUqXNjiu3Z .reverse .timeline-text-content {
    margin-right: 0 !important;
  }
}

.imgTimeLine{
	width: 100%;
}

.botonTimeLine{
	border-radius: 0%;
	background-color: #ffffff;
	border: 0px;
	color: #000000;
	width: 50%; margin-top: 13%; padding-top: 1%; padding-bottom: 1%;
}

.botonTimeLine:hover{
	color: #ffffff;
	background-color: #5fc3e6;
}

.botonTimeLine:active{
	color: #ffffff !important;
	background-color: #5fc3e6 !important;
	outline: 0 !important;
}

.botonTimeLine:focus{
	outline: 0 !important;
	box-shadow: 0 0 0 0.2rem rgba(62, 100, 172, 0.5) !important;
}


/*FIN CSS TIMELINE*/

.botonNivel2{
	background-color: #3e64ac;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
	color: #e9ece2;
	transition: all 0.3s ease-in-out !important;
	height: 177px;
	min-height: 120px;
	--border-radius: 2% !important;
}

.botonNivel2.primero{
	border-top-left-radius: 2% !important;
	border-bottom-left-radius: 2% !important;
}


.botonNivel2.ultimo{
	border-top-right-radius: 2% !important;
	border-bottom-right-radius: 2% !important;
}

.tituloBotonNivel2{
	text-align: center; 
	width: 100%; 
	font-size: 1.5em; 
	font-weight: bold; 
	line-height: 1.2;
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

.botonNivel2:hover{
	background-color: #ffda1f;
	color: #3e64ac;
	--transform: scale(1.01, 1.01);
	transition: opacity 0.3s ease-in-out;
	box-shadow: 0px -6px 15px -4px rgba(0,0,0,0.3) !important;
}

.botonNivel2::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0px -7px 25px -2px rgba(0,0,0,0.51);
}

.botonNivel2.active{
	background-color: #ffda1f !important;
	color: #3e64ac;
}


/*ARROWBOX*/
.arrow_box {
	position: relative;
	background: #3e64ac;
	--border: 4px solid transaparent;
	padding: 1%;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 10%;
	--border-radius: 5px;
	font-size: 1.5em; font-weight: bold;  margin-bottom: 4%; line-height: 1;
	padding: 5%;
	margin-bottom: 15%;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	
}

.arrow_box:after {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #3e64ac;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: transaparent;
	border-width: 31px;
	margin-left: -31px;

}

.arrow_box2 {
	position: relative;
	background: #3e64ac;
	color: #fff;
	text-align: center;
	font-size: 1.25em; 
	font-weight: bold;
	line-height: 1;
	padding: 25px;
	margin-bottom: 40px;
}
.arrow_box2:after, .arrow_box2:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	
}

.arrow_box2:after {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #3e64ac;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box2:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: transaparent;
	border-width: 31px;
	margin-left: -31px;

}

.arrow_box3 {
	position: relative;
	background: #3e64ac;
	color: #fff;
	text-align: left;
	font-size: 1.25em; 
	font-weight: bold;
	line-height: 1;
	padding: 25px;
	margin-bottom: 40px;
}
.arrow_box3:after, .arrow_box3:before {
	top: 100%;
	left: 8%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	
}

.arrow_box3:after {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #3e64ac;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box3:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: transaparent;
	border-width: 31px;
	margin-left: -31px;

}

/*ARROWBOX*/

.iconItemServicios{
	margin-right: 10px;
	--font-size: 1.2em;
	margin-top: 5%;
}

.cuadroDescargarReglamento{
	background-color: #3e64ac;
	color: #fff;
	font-size: 1.25em;
	padding: 1%;
	margin-bottom: 1%;
	cursor: pointer;
	transition: all 0.3s ease-in-out !important;
}

.cuadroDescargarReglamento:hover{
	transition: opacity 0.3s ease-in-out !important;
	background-color: #712d85;
	color: #fff;
}

a.cuadroDescargarReglamento:focus, a.cuadroDescargarReglamento:visited{
	color: #fff;
}

.titulo1DescripcionServicio{
	font-size: 2em; 
	font-weight: bold; 
	color: #000000; 
	margin-bottom: 4%; 
	line-height: 1;
}

.titulo2DescripcionServicio{
	font-size: 1.5em; font-weight: bold; color: #000000; margin-bottom: 4%; line-height: 1;
}

p{
	font-size: 1.1em;
	color: rgba(0,0,0,0.7);
	font-family: 'Open Sans', sans-serif;
}

.tituloLink{
	color: #5fc3e6;
	font-weight: bold;
}

.tituloLink:hover{
	color: #3e64ac;
	text-decoration: none;
}

#carouselSabiasQue .owl-prev{
	--background-color: #fff;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
}

#carouselSabiasQue .owl-next{
	--background-color: #fff;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
}

#carouselSabiasQue .owl-next:hover{
	opacity: 1;
	color: #000;
	background-color: transparent;
}

#carouselSabiasQue .owl-prev:hover{
	opacity: 1;
	color: #000;
	background-color: transparent;
}

#carouselSabiasQue .owl-next:focus{
	outline: 0;
}

#carouselSabiasQue .owl-prev:focus{
	outline: 0;
}

.descripcionCuidaAgua{
	display: none;
	margin-top: 5%;
}

.bloqueCuidaAgua{
	min-height: 200px;
}

.botonNivel2.aguasTratadas{
	background-color: #b3ba3b ;
	margin-left: 5%;
	border-radius: 10px !important;
}

.aguasTratadas .tituloBotonNivel2{
	white-space: inherit;
}


.botonNivel2.aguasTratadas:hover{
	background-color:  #8a910d !important;
	color: #fff;
}

.botonNivel2.aguasTratadas.active{
	background-color:  #8a910d !important;
	color: #fff;
}

.botonNivel2.saneamiento:hover{
	--background-color: ;
}

.margenDerechoItemTexto{
	margin-right: 3%;
}


.servicio.primero{
	--border-top-left-radius: 5px !important;
	--border-bottom-left-radius: 5px !important;
}


.servicio.ultimo{
	--border-top-right-radius: 5px !important;
	--border-bottom-right-radius: 5px !important;
}


.cuadroServicio.primero{
	--border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
}


.cuadroServicio.ultimo{
	--border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}

.cuadroServicio.cortesProgramados{
	border-bottom-right-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
}

.cuadroServicio.enServicio{
	border-top-right-radius: 5px !important;
	border-top-left-radius: 5px !important;
}

.botonNivel2:hover .cls-sube--1{
	fill: #3e64ac;
}

.botonNivel2:hover .cls-sube--2{
	fill: #3e64ac;
}

.active .cls-sube--1{
	fill: #3e64ac;
}

.active .cls-sube--2{
	fill: #3e64ac;
}

/* FRECUENCIAS TRANSPORTE */
.cuadroTablaFrecuencias{
	background-color: rgba(0,0,0,0.1);
	padding: 1%;
	margin-bottom: 1%;
	margin-top: 1%;
}

.tituloDias{
	font-size: 2em;
	font-weight: 100;
	text-transform: uppercase;
	margin-top: 5%;
}

.tituloTurnos{
	font-size: 1.5em;
	font-weight: 100;
	text-transform: uppercase;
	border-bottom: 1px #000 solid;
}

.tablaHorarios{
	width: 100%;
}


/* FRECUENCIAS TRANSPORTE */

/* COMO LEER TU FACTURA **/
.parteFactura{
	opacity: 0.6;
	transition: all 0.3s ease-in-out !important;
}

.parteFactura:hover{
	opacity: 1;
	transition: opacity 0.3s ease-in-out !important;
}

.descripcionFactura{
	background-color: #5fc3e6;
	border: none;
	border-radius: 0;
	margin: 2%;
	opacity: 1 !important;
}

/* COMO LEER TU FACTURA **/

.textoDescripcionGarrafas{
	--text-align: center;
	--font-size: 2em;
}


.botonComunicaciones{
	background-color:#ddd;
	text-align: center;
	color: #ffda1f;
	transition: all 0.3s ease-in-out !important;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
	height: 177px;
	min-height: 120px;
}

.botonComunicaciones:hover{
	background-color: #712d85;
	color: #ffda1f;
	--transform: scale(1.01, 1.01);
	transition: opacity 0.3s ease-in-out;
	box-shadow: 0px -6px 15px -4px rgba(0,0,0,0.3) !important;
}

.botonComunicaciones::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 5px;
  box-shadow: 0px -7px 25px -2px rgba(0,0,0,0.51);

}

.botonComunicaciones path{
	fill:#712d85;
	transition: all 0.3s ease-in-out;
}

.botonComunicaciones:hover path{
	fill: #ddd;
	transition: opacity 0.3s ease-in-out;
}

.botonComunicaciones svg{
	width: 50%;
}


.botonComunicaciones.primero{
	border-top-left-radius: 2% !important;
	border-bottom-left-radius: 2% !important;
}


.botonComunicaciones.ultimo{
	border-top-right-radius: 2% !important;
	border-bottom-right-radius: 2% !important;
}

.botonComunicaciones.active{
	background-color: #712d85;
	color:#ddd;
}

.botonComunicaciones.active path{
	fill:#ddd;
}


.collapseComunicaciones{
	--margin-bottom: 5%;
	margin-top: 5%;
}

/*TELES EN COMUNICACIONES*/
.tele{
	text-align: center;
}

.tituloTele{
	font-size: 1.4em; 
	font-weight: 100;
	color: #5fc3e6;
	margin-bottom: 4%;
	line-height: 1.1; 
	margin-top: 5%;
	min-height: 55px;
}

.descripcionTele{
	min-height: 130px;
}

.imgTele{
	width: 80%;
}

#nuestrosPlanesTelevision{
	min-height: 574px;
}

.packSenalTelevision{
	width: 80%;
	min-height: 150px;
}
/*TELES EN COMUNICACIONES*/

/*FORM BUSCAR LIBRO BIBLIOTECA*/

#formLibro{
	padding: 4%; width: 80%; background-color: rgba(0,0,0,0.1);
}

#inputFormLibro{
	background-color: #3e64ac;
	border: none;
	color: #fff;
	transition: all 0.3s ease-in-out;
	font-size: 1.5em;
	font-weight: 100;
	width: 80%; padding: 2%;
}

#inputFormLibro::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 0.6; /* Firefox */
}

#inputFormLibro:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
	opacity: 0.6;
}

#inputFormLibro::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
	opacity: 0.6;
}

#inputFormLibro:focus{
	--transition: opacity 0.3s ease-in-out all; 
	--box-shadow: 0 4px 20px -2px rgba(0,0,0,0.5) !important;
}

#submitFormLibro{
	border: none; background-color: #712d85; color: #fff; font-size: 1.5em; font-weight: bold; padding-left: 2%; padding-right: 2%;
}

/*FORM BUSCAR LIBRO BIBLIOTECA*/

/*CAROUSEL SALAS SEPELIOS*/

#gallery2 .owl-prev{
	--background-color: #5fc3e6;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
	--color: #fff;
}

#gallery2 .owl-next{
	--background-color: #5fc3e6;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
	--color: #fff;
}

#gallery2 .owl-next:hover{
	opacity: 1;
	color: #fff;
	background-color: transparent;
}

#gallery2 .owl-prev:hover{
	opacity: 1;
	color: #fff;
	background-color: transparent;
}

#gallery2 .owl-next:focus{
	outline: 0;
}

#gallery2 .owl-prev:focus{
	outline: 0;
}

/*CAROUSEL SALAS SEPELIOS*/

/*TARJETAS COMUNICACIONES*/
.tarjetaComunicaciones{
	background-color: rgba(95, 195, 230, 0.7);
	text-align: center;
	margin: 1%;

}

.precioTarjetas{
	font-size: 4.5em;
    font-weight: bold;
    line-height: 1.1;
}

.telefonia .precioTarjetas,.signoPesosTarjetas{
	color: #fff;
}

.signoPesosTarjetas{
	font-size: 1.5em;
	--margin-top: 100%;
	color: #712d85;

}

.textoAbonoTarjetas{
	color: #712d85;
	font-weight: 100;
	line-height: 1.1;
	padding-top: 100px;
    margin-bottom: 12px;
}

.textoTipoAbonoTarjetas{
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 80px;
	color: #712d85;
}

.textoAbajoTarjetas{
	font-weight: 100;
	color: #712d85;
	line-height: 1.1;
	margin-top: 20px;
	padding-bottom: 80px;
}

.textoCantidadMegas{
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	font-size: 1.5em;
}

.internet .precioTarjetas{
	color: #712d85;
}
/*TARJETAS COMUNICACIONES*/

#collapseInternet{
	padding-top: 5%;
	--padding-bottom: 5%;
	padding-bottom: 4rem;
}

#collapseTelefonia{
	padding-top: 5%;
	padding-bottom: 5%;
}


/*MOMENTO DE CORRECCIONES*/
.colIconoServicio{
	border-right: 2px solid #fff;
    margin-right: 2%;
}
	
.tituloPortadaServicio{
	font-size: 3em;
	line-height: 1;
}

#owl-carousel-novedades .article .article-title {
	min-height: 140px;
}

#carouselSalasSepelios .owl-prev{
	--background-color: #5fc3e6;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
	--color: #fff;
}

#owl-carousel-novedades-home .owl-next{
	--background-color: #5fc3e6;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
	--color: #fff;
}

#owl-carousel-novedades-home .owl-prev{
	--background-color: #5fc3e6;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
	--color: #fff;
}

#owl-carousel-novedades-home .owl-next:hover{
	opacity: 1;
	color: #fff;
	background-color: transparent;
}

#owl-carousel-novedades-home .owl-prev:hover{
	opacity: 1;
	color: #fff;
	background-color: transparent;
}

#owl-carousel-novedades-home .owl-next:focus{
	outline: 0;
}

#owl-carousel-novedades-home .owl-prev:focus{
	outline: 0;
}

#owl-carousel-novedades .owl-next{
	--background-color: #5fc3e6;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
	--color: #fff;
}

#owl-carousel-novedades .owl-prev{
	--background-color: #5fc3e6;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
	--color: #fff;
}

#owl-carousel-novedades .owl-next:hover{
	opacity: 1;
	color: #fff;
	background-color: transparent;
}

#owl-carousel-novedades .owl-prev:hover{
	opacity: 1;
	color: #fff;
	background-color: transparent;
}

#owl-carousel-novedades .owl-next:focus{
	outline: 0;
}

#owl-carousel-novedades .owl-prev:focus{
	outline: 0;
}

.tituloLinksFooter{
	font-size: 1.5em;
    font-weight: 100;
    margin-bottom: 5%;
}

.tituloFooter{
	font-size: 2em;
}

.linksFooter li{
	padding-left: 5px;
	font-family: 'Open Sans', sans-serif;
	transition: all 0.05s ease-in-out;
}

.linksFooter li:hover{
	background-color: rgba(95, 195, 230, 0.8);
	transition: opacity 0.05s ease-in-out;
}

.linksFooter li:hover a{
	color: #fff;
}

/*MOMENTO DE CORRECCIONES*/

/*GALERIA DE BIBLIOTECA*/
.cuadroLupaGaleriaBiblioteca{
	position: relative;
	top: -84%;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
	height: 84%;
	color: #fff;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.imgGaleriaBiblioteca{
	min-height: 250px;
	object-fit: cover;
}

.cuadroLupaGaleriaBiblioteca:hover{
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

.linkGaleriaBiblioteca{
	color: #fff;
	opacity: 0.8;
}

.lightbox .lb-image{
	border: 0 !important;
	border-radius: 0 !important;
}

.linkGaleriaBiblioteca:focus{
	color: #fff !important;
	opacity: 1;
}

.linkGaleriaBiblioteca:hover{
	color: #fff;
	opacity: 1;
}

#carouselGaleriaBiblioteca .owl-prev{
	--background-color: #5fc3e6;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
	--color: #fff;
}

#carouselGaleriaBiblioteca .owl-next{
	--background-color: #5fc3e6;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
	--color: #fff;
}

#carouselGaleriaBiblioteca .owl-next:hover{
	opacity: 1;
	color: #fff;
	background-color: transparent;
}

#carouselGaleriaBiblioteca .owl-prev:hover{
	opacity: 1;
	color: #fff;
	background-color: transparent;
}

#carouselGaleriaBiblioteca .owl-next:focus{
	outline: 0;
}

#carouselGaleriaBiblioteca .owl-prev:focus{
	outline: 0;
}

/*GALERIA DE BIBLIOTECA*/
.tituloTarjetaContacto{
	font-weight: bold;
	font-size: 2em; 
	color: #712d85;
}


.servicio:hover .tituloTarjetaContacto{
	color: #fff;
}


#carouselZonaVerde .owl-prev{
	--background-color: #fff;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
}

#carouselZonaVerde .owl-next{
	--background-color: #fff;
	opacity: 0.5;
	--padding-top:1% !important;
	--padding-bottom:1% !important;
	--padding-left:2.5% !important;
	--padding-right:3% !important;
	--border-radius: 50% !important;
}

#carouselZonaVerde .owl-next:hover{
	opacity: 1;
	color: #000;
	background-color: transparent;
}

#carouselZonaVerde .owl-prev:hover{
	opacity: 1;
	color: #000;
	background-color: transparent;
}

#carouselZonaVerde .owl-next:focus{
	outline: 0;
}

#carouselZonaVerde .owl-prev:focus{
	outline: 0;
}

.cuadroHorariosAtencion{
	border: 4px solid #FFD200;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;

}


.tituloSeguinos{
	padding-top: 4%; 
	color: #ffffff; 
	font-size: 3.5em;
}


.textoDescripcionFooter{
	font-size: 0.9em;
}

.svgLogoFooter{
	width: 35%;
}


.fondoSeccionFooter{
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.tituloCaminoIndex{
	font-weight: bold; font-size: 4.5em; color: #fff; line-height: 1.2;
}

.subtituloCaminoIndex{
	font-size: 2em; margin-left: 0%; color: #fff;
}

.div-descripcion-debito-automatico{
	text-align: left;
}

.planotecnico{
	margin-left: auto;
}

#modalAlertaSpam .modal-dialog{
	max-width: 34rem;
}


.seccion-delegados-div{
	background-color: #f8f8f8;
	padding: 6rem 0rem 4rem 0rem;
}

.seccion-delegados{
	display: flex;
}

.seccion-delegados .mapa{
	width: 50%;
	height: fit-content;
	background-image: url(/static/img/corpico_mapa_delegados.jpg);
	background-size: cover;
	background-position: center;
}

.seccion-delegados .mapa svg{
	width: 100%;
}

.seccion-delegados .mapa svg .seccion-mapa-delegados{
	cursor: pointer;
	opacity: .75;
	mix-blend-mode: multiply;
	transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
}

.seccion-delegados .mapa svg .seccion-mapa-delegados:hover{
	opacity: .9;
}

.seccion-delegados .mapa svg .seccion-mapa-delegados.active{
	opacity: .9;
}

.seccion-delegados .delegados .titulo{
	font-size: 1.5rem;
    font-weight: bold;
}

.seccion-delegados .delegados{
	width: 50%;
	background-color: #f8f8f8;
	margin-left: -3rem;
	padding-left: 3rem;
}

.seccion-delegados .delegados .delegados-list{
	display: flex;
	flex-wrap: wrap;
}

.seccion-delegados .delegados .delegados-list .delegado{
	margin-right: 1rem;
	font-size: .8rem;
}

.seccion-delegados .delegados .delegados-list .delegado::after{
	content: '';
    padding-left: 0;
}

.seccion-delegados .delegados .delegados-list .delegado:last-of-type::after{
	content: '';
}

.margen-camino-texto-svg{
	margin-left: 40px;
}