/***** ENERGIA COOPELAN - NAF *****/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap');
* {
}
h1, h2, h3, h4, h5, h6, p, a, span, input{
    font-family: 'Montserrat', sans-serif !important;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,dl,dt,dd {
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
a { color:#0076BC; outline:none; text-decoration: none; }
a:visited{color:#005A8F;}
a:hover{text-decoration: underline;}
a:focus{
	outline:0px;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {	font-size: 62.5%;}
body{
	font: 10px 'Hind', Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #333;
	min-width: 318px;
	margin-top: 140px;
}
.img-circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.img-rounded, #especialistas .background {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

/***** TEMPLATE *****/
.center{
	max-width: 1200px;
    width: 94%;
    margin:0 auto;
}
#wrapper{ background-color:#FFFFFF;}
#top {
	position: fixed;
	width: 100%;
	height: auto;
	top: 0px;
	z-index:4;
}
.menu-barra-verde{
	display: flex;
	justify-content: center;
	gap: 30px;
	background-color: #409a4a;
	color: white;
	font-size: 14px;
	padding: 5px 0px;
}
.menu-barra-verde i{
	margin-right: 3px;
}


.footer-barra-azul{
	display: flex;
	justify-content: center;
	gap: 30px;
	background-color: #1ba8e1;
	color: white;
	font-size: 14px;
	padding: 5px 0px;
}
.footer-barra-azul i{
	margin-right: 3px;
}
#menu{
	background-color: #1ba8e1;
	position: fixed;
	width: 100%;
	height: auto;
	padding: 30px 0px;
	top: 0px;
	z-index:4;
	position: relative;
}
#logo-menu{
	width: 215px;
	position: absolute;
	top: 22px;
	left: 6%;
}
#logo-menu img{
	width: 100%;
	height:auto;
}
.mostrar-1250{
	display: none;
}
.mostrar-800{
	display: none;
}
@media(max-width: 1249px){
	.ocultar-1250{
		display: none !important;
	}

	.mostrar-1250{
		display: block !important;
	}
	.btn-ofvirt{
		width: 100px !important;
	}
	.btn-ofvirt span{
		display: none !important;
	}
	.menu-barra-verde{
		display: none;
	}
	.logo-small{
		margin: -3px 0 0 -29px;
	}
	
}
@media(max-width: 799px){
	body{
		margin-top: 58px;
	}
	.menu-barra-verde{
		display: none;
	}
	#top {
		background-color: #1ba8e1;
		height: 60px;
	}	
	.footer-barra-azul{
		flex-direction: column;
		align-items: center;
		gap: 10px;
		padding: 30px 0px;
	}
	.mostrar-800{
		display: block !important;
	}
	.ocultar-800{
		display: none !important;
	}
	.btn-ofvirt{
		width: initial !important;
	}
	.btn-ofvirt span{
		display:  inline !important;
	}
}
/*#top ul li img { margin: 13px 10px 0 0; float:left;}
#top ul li:nth-child(1) { background-color: #3E3E3E;}
#top ul li:nth-child(2) { background-color: #FE6700;}
#top ul li:nth-child(3) { background-color: #199FDC;}
#top ul li:nth-child(4) { background-color: #7BC001;}*/
.linea-titulo{
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 80px;
	height: 5px;
}
.linea-titulo-auto { margin:0 auto 14px;}
.linea-titulo .blue{
	background-color: #1ba8e1;
	width: 100%;
	height: 100%;
	border-radius: 3px 0 0 3px;
}
.linea-titulo .green{
	background-color: #409a4a;
	width: 100%;
	height: 100%;
	border-radius: 0 3px 3px 0;
}
header {
	width: 100%;
	height: 100px;
	position:absolute;
	top: 40px;
}
header .center { height: 112px; padding: 38px 0 4px; position:relative;}
#logo {
	position:absolute;
	top: 20px;
	left:0;
	z-index: 3;
}
.block-oficina-top {
	text-align:right;
	width: 450px;
	position:absolute;
	top: 30px;
	right:0;
	z-index:1;
	overflow:hidden;
}
.block-oficina-top form{ display:inline-block; vertical-align: top; max-width: 284px;}
.block-oficina-top form fieldset{ padding: 0 36px 0 6px;}
.block-oficina-top .center{ position: relative;}
.block-oficina-top .btn { vertical-align: top; padding: 11px 20px;}
.block-oficina-top .search-top {
	color:#FFF;
	font-size:16px;
	background-color:transparent;
	border: none;
	cursor:pointer;
	position:absolute;
	top: 5px;
	right:	0;
}
.block-oficina-top.active fieldset {
	width: 290px;
}
.block-oficina-top fieldset span { display:block; height: 40px; position:relative;}
.block-oficina-top.active fieldset span {/* width: 214px; */
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -mos-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;}
.block-oficina-top  fieldset span input[type="text"] {
    right:-300px;
	   position:absolute;
}

.block-oficina-top.active  fieldset span input[type="text"] {
    right:0px; 
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -mos-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}


footer { background-color: #409a4a; /*border-top: 1px solid #D8D8D8; padding: 40px 0;*/ border-bottom: 0px solid #FFF;}
footer .center {
	background:url(../imagenes/template/logo-footer.png) 0 40px no-repeat;
	position:relative;
	padding: 40px 0 0px 220px;
}
footer a { font-weight: bold;}
footer h4{
	color: #fff;
	font-size:2em;
	font-size:2rem;
	font-weight: 600;
	line-height: 17px;
	margin-bottom: 20px;
}
footer li, footer #bloque-footer address, footer {
	color: #fff;
	font-size:1.8em;
	font-size:1.8rem;
	line-height: 24px;
}
footer .table-coll li:last-child { margin-bottom: 0;}
footer .table-coll {
	vertical-align: top;
	display: inline-block;
	padding:10px;
}
footer .table-coll li { position:relative; padding-left: 40px; margin-bottom: 14px;}
footer .table-coll li:before {
	/*font-family: "Font Awesome 6 Pro";
	font-weight: 900;*/
	background:url(/public/imagenes/template/icon-phone.png) left center no-repeat;
	width: 30px;
	height: 30px;
	content: " ";
	position:absolute;
	top:7px;
	left:-10px;
}
footer .table-coll:nth-child(2){ width: 42%;}
footer .table-coll:nth-child(3){ width: 36%; }
footer .table-coll:nth-child(4){ text-align: right; width: 200px; padding-right:0;}
footer .table-coll:nth-child(4) .btn { padding: 12px 15px; width: 225px;}
footer .table-coll:nth-child(4) h4 { margin-bottom: 10px;}
footer #bloque-footer { text-align:right; background-color: white; left:0; width: 100%; padding: 10px 5%;}
footer .table-coll a, footer .table-coll a:visited { color:#FFF;}
footer #bloque-footer address { color:#000; float:left;}
footer #bloque-footer address i{ color:#33882A; margin: 2px 4px 4px 0; float:left;}

#top .m-left, footer .m-left { margin-left:6px;}

#footer_negro { padding: 8px 10px; text-align: right; color:#fff;}
#footer_negro img { vertical-align: top;}
#footer_negro ul li  a:visited { color:#ffffff;}

#navigation { background-color: #F3F3F3; padding: 14px 0;}
#navigation p { color:#707070; font-size: 13px; }
#navigation p span { color: #CCC; margin: 0 10px;}


/********** CONTENIDO **********/
#contenido { padding: 50px 0; min-height: 350px;}
.inline-block{ font-size:0;}
.inline-block li{ display:inline-block; padding:0 10px;}

/********** PORTADA **********/
#accesos-directos { background: #EEF7FB;  padding: 45px 0;}
/* #accesos-directos { background: #EEF7FB url(/public/imagenes/portada/fondo_enlaces.png) center 0 no-repeat;  padding: 45px 0;} */

#accesos-directos .center { position: relative; /*margin-top: -170px;*/}
#accesos{ font-size:0; text-align:center; max-width: 1000px; margin: 0 auto;}
#accesos figure{ vertical-align: top; display:inline-block; 
	/* width: 21%;  */
	margin: 0 2% 60px; position:relative; border: 3px solid #409a4a; border-radius: 13px;}
#accesos figure img { vertical-align: top; width: 100%; height: auto; border-radius: 10px;}
#accesos figure a, #accesos figure a:visited { color: #FFF; display:block;}
#accesos figure figcaption span { display:block;}
#accesos figure figcaption {
	font-size:15px;
	line-height: 18px;
	font-weight: bold;
	background: rgb(255 255 255 / 75%);
	color: #409a4a;
	width: 100%;
	height: 60px;
	padding:14px 10px 0;
	position:absolute;
	bottom:0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 10px;
}
#accesos figure a:hover figcaption{
	padding-top: 38%;
	height: 100%;
}


/********** Nuestra empresa  **********/
#banner img, .block-coll figure img { vertical-align: top; width: 100%; height:auto;}
.block-coll figure img { border-radius: 5px;}
#banner .center{ position:relative;}
#banner .center .titulo { width:100%; position: absolute; top:180px; left:0; }
#banner .center .titulo h1 {
	color:#FFF;
	font-size: 4.6em;
	font-size: 4.6rem;
	font-weight:400;
	line-height: 59px;
	margin-bottom: 20px;
}
#banner .center .titulo nav {
	color:#FFF;
	font-size: 1.6em;
	font-size: 1.6rem;
}
#banner .center .titulo nav a, #banner .center .titulo nav a:visited { color:#fff;}

/********** Noticias  **********/
.flex-2 article {
	padding: 20px;
	margin-bottom: 20px;	
	border: 1px solid #DCDCDC;
	border-radius: 10px;
}
@media screen and (min-width: 600px) {
	#contenido img{ max-width: 600px;}
.flex-2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 4%;
}
.flex-2 article  {
	flex: 0 0 auto;
	width: 48%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 40px;	
}

.editable.descripcion li, .editable.descripcion p {
	line-height: 26px;
}
}
@media screen and (min-width: 740px) {
	#contenido img{ max-width: 740px;}
.flex-2 .coll  {
	flex: 0 0 auto;
	width: 48%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/*align-items: flex-start;*/
	margin-bottom: 10px;	
}
.flex-2 .coll-3  {
	flex: 0 0 auto;
	width: 30.6%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 40px;	
}
}
.flex-2 article figure { width: 100%; margin-bottom: 26px;}
.flex-2 article img{ vertical-align: top; width: 100%; height:auto; border-radius: 5px;}
.flex-2 article p{ margin:0;}
time {
	color: #000;
	font-size: 1.5em;
	font-size: 1.5rem;
	display: block;
	margin-bottom: 12px;
}
h1 time { font-weight: normal; padding-top: 10px; }

.pdtb { padding: 60px 0 50px;}
.pdtb-2 { padding: 40px 0 40px;}
.pdtb-3 { padding: 30px 0;}
.p_errores br{ display: none;}
.p_errores { padding-top: 4px;}
li .p_errores { margin:0; float:left; width: 100%;}



/********** Noticias **********/
/*#noticias.listados { margin:0 -3%}
#noticias.listados .coll { width: 33.33%; padding: 0 3% 20px;}
#galeria-imagenes { clear: both; overflow: hidden;}
.galeria-imagenes { font-size: 0; margin:0 -2%; padding-bottom: 20px;}
.galeria-imagenes figure{ vertical-align: top; display:inline-block; width: 25%; padding: 0 2%; margin-bottom: 30px;}
.galeria-imagenes figure img { vertical-align: top; width: 100%; height:auto;}
.nota {
	margin-left: 20px;
	padding-left: 30px;
	position:relative;
	overflow-x: auto;
	
}
.nota:before {
	font-family: "Font Awesome 6 Pro";
	font-size:16px;
	color: #FE6700;
	font-weight: 900;
	position:absolute;
	top: 0;
	left:0;
	content: "\f05a";
}
 */



/*** PAGINACION**/
#paginacion{
    padding:10px 0;
    text-align:center;
}
.pagination {
	font-size:0;
	display: inline-block;
	padding:20px;
	margin: 0 0 20px;
	min-width: 300px;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
}
.pagination>li {
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
}
.pagination>li>a, .pagination>li>span {
	color: #636363;
	position: relative;
	float: left;
	padding: 1px 0 0;
	margin: 0 10px;
	text-decoration: none;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	color: #000;
	text-align:center;
	padding:0 1px 0 0;
	margin-left: 0;
	/*border-radius: 50%;
	border-top-left-radius: 4px;
	padding: 0;*/
	margin-right: 30px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	/*color: #EB6F00;*/
	padding:0 0 0 1px;
	/*border-radius: 50%;
	border-bottom-right-radius: 4px;
	padding:0;*/
	margin-left: 30px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	/*background-color: #f3f2f2;*/
	text-decoration: underline;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #33882A;
	width: 21px;
	border-radius: 50%;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	/*color: #999;*/
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
	text-decoration: none;
}

/*Noticia detalle*/
.block-coll {
	font-size:0;
	margin:0 -2% 80px;
}
.block-coll figure, .block-coll .descripcion {
	vertical-align: top;
	display:inline-block;
	margin:0 2%;
}
.block-coll figure { width: 40%;}
.block-coll .descripcion { width: 52%;}
.block-coll .descripcion { width: 52%;}

@media screen and (min-width: 400px) {
.flex-2.listado article {
	flex: 0 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 40px;
	column-gap: 20px;
}
.flex-2.listado article figure { width: 130px !important;  float: left;}
.flex-2.listado article .resumen { width: 71%;}
}


/********** Información corporativa **********/
.block-empresa { 
	/* display: table;  */
	width: 100%;}
.block-empresa aside, .block-empresa .contenido { vertical-align: top; display: table-cell;}
.block-empresa aside { min-width: 320px; position:relative;}
.block-empresa aside .btn-menu {
	color:#FFF;
	font-size: 1.6em;
	font-size: 1.6rem;
	display: none;
	background-color: #33882A;
	padding: 10px 20px;
	position:relative;
	border-color: #33882A;
	border-radius: 5px;
	cursor:pointer;
}
.block-empresa aside .btn-menu:hover {
	background-color: #14680B;
	border-color: #14680B;
}
.block-empresa aside .btn-menu:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 18px;
	position:absolute;
	top:12px;
	right:20px;
	content: "\f0d7";
}
.block-empresa aside .btn-menu.active:before { content: "\f0d8";}

.block-empresa aside ul {
	border: 1px solid #1ba8e1;
	border-radius: 10px;
	overflow: hidden;
}
.block-empresa aside li {
	position:relative;
	border-bottom: 1px solid #1ba8e1;
	margin:0;
}
.block-empresa aside li:last-child { border: none;}
.block-empresa aside li a, .block-empresa aside li a:visited {
	display:block;
	padding:14px 10px 14px 30px;
}
.block-empresa aside li a:hover {}

.block-empresa aside li.current a, .block-empresa aside li.current a:visited { color:#FFF; background-color: #409a4a; cursor: default;}
.block-empresa aside li.current:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color:#FFF;
	font-size: 18px;
	position:absolute;
	top:16px;
	right:20px;
	content: "\f105";
}
.block-empresa aside li.current a:hover { text-decoration: none;}
.block-empresa .contenido {
	width: 100%;
	padding-left: 40px;
}
.editable table td.doc { width: 28px; padding-right: 4px;}
.fa-file-pdf { color: #e20001; font-size: 16px; float:left;}
.fa-file-excel { color: #07750d; font-size: 16px; float:left;}
.fa-file-doc { color: #043b83; font-size: 16px; float:left;}
.editable table td.last-td { }
.editable table td.last-td .btn { margin:-5px 0; }

/**** Pago en linea ****/
.block-buscar-servicio {
	max-width: 400px;
	/* padding: 30px 0 60px; */
	/* margin:0 auto; */
}
.block-buscar-servicio label, .block-buscar-servicio .form{ display:inline-block;}
.block-buscar-servicio label { padding-right: 10px;}
.block-buscar-servicio .form { width: 290px;}
.block-buscar-servicio .btn-group{
	padding-top: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	column-gap: 4%;
	justify-content: center;
}
.block-buscar-servicio .inline-block li { width: 48%; padding:0;}
.block-buscar-servicio .inline-block li:last-child { text-align:right;}
.block-buscar-servicio .btn-group .btn { width: 170px;}
.listado-pagar { margin-bottom: 30px;}
.listado-pagar tr {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.listado-pagar tbody tr {
	border-radius: 5px;
  box-shadow: 0px 6px 3px rgba(0, 0, 0, 0.01), 0px 4px 2px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.09), 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.listado-pagar tr th{ padding:10px 14px; text-align:left; }
.listado-pagar tr td{ background-color: #F2F9FC; padding:10px 14px; }
.listado-pagar tr .monto{ padding-right: 40px; text-align:right;}
.listado-pagar table tbody tr td:first-child { border-radius: 5px 0 0 5px;} 
.listado-pagar table tbody tr td:last-child { border-radius: 0 5px 5px 0;} 

.listado-pagar tr td:nth-child(1), .listado-pagar tr th:nth-child(1){  }
.listado-pagar tr td:nth-child(2), .listado-pagar tr th:nth-child(2){ width: 28%; }
.listado-pagar tr td:nth-child(3), .listado-pagar tr th:nth-child(3){ width: 26%; text-align:center;}
.listado-pagar tr td:nth-child(4), .listado-pagar tr th:nth-child(4){ width: 150px;}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0,0,0,.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.form-check {
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5em;
	margin-bottom: .125rem;
}
.form-check-input[type="checkbox"] {
  border-radius: .25em;
}

/********** Preguntas Frecuentes **********/
#preguntas_frecuentes {
}
#preguntas_frecuentes dt{
	font-size: 16px;
	line-height: 1.3;
	padding: 14px 40px 14px 30px;
	border: 2px solid #E0E0E0;
	border-radius: 5px;
	position: relative;
	margin: 16px 0 0;
}
#preguntas_frecuentes dt:before {
	font-family: "Font Awesome 6 Pro";
	color: #112939;
	font-weight: 400;
	position:absolute;
	top:13px;
	right:20px;
	content: "\f055";
}
#preguntas_frecuentes dt.active {
	font-size: 20px;
	background-color: #e5f1f8;
	border-color: #0076BC;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
}
#preguntas_frecuentes dt.active:before{
	content: "\f056";
}
#preguntas_frecuentes dd {
	background-color: #e5f1f8;
	padding: 10px 30px 20px;
	margin:0;
	border: 2px solid #0076BC;
	border-top: none;
	border-radius: 0 0 5px 5px;
}

/********** Preguntas Frecuentes **********/
#sucursales dt{
	font-size: 16px;
	line-height: 1.3;
	padding: 14px 40px 14px 30px;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	position: relative;
	margin: 16px 0 0;
}
#sucursales dt:before {
	font-family: "Font Awesome 6 Pro";
	color: #112939;
	font-weight: 400;
	position:absolute;
	top:13px;
	right:20px;
	content: "\f055";
}
#sucursales dt.active {
	font-size: 20px;
	border-color: #0076BC;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
}
#sucursales dt.active:before{
	content: "\f056";
}
#sucursales dd {
	padding: 10px 30px 20px;
	margin:0;
	border: 1px solid #0076BC;
	border-top: none;
	border-radius: 0 0 5px 5px;
}
#sucursales dd li strong{ width: 150px; float: left; margin-bottom: 2px;}
#sucursales dd li:last-child { margin:0;}
#sucursales .respn { display: none;}

/********** Ingresar Lectura **********/
.formulario label {
	line-height: 40px;
	float:left;
}
.formulario .form-s {
	margin: 0 0 26px 180px;
}
.center-li {
	width: 100%;
	margin: 0 auto;
}
.center-li ul{
	width: 100%;
	display: table;
}
.center-li ul li {
	vertical-align: top;
	display: table-cell;
	padding: 0 10px;
}
.center-li ul li strong { display: inline-block; padding-bottom: 4px;}
#opciones-enlaces {
	font-size:0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	padding: 13px 0;
	gap: 1.2%;
	margin-bottom: 60px;
}
#opciones-enlaces figure{
	font-size:16px;
	text-align: center;
	line-height: 20px;
}
@media screen and (min-width: 320px) {
#opciones-enlaces figure { width: 49%; margin-bottom: 14px;}
}
@media screen and (min-width: 600px) {
#opciones-enlaces figure { width: 32.4%; margin-bottom: 20px;}
}

@media screen and (min-width: 800px) {
#opciones-enlaces figure { width: 19%;}
}

#opciones-enlaces a, #opciones-enlaces a:visited{
	color:#FFF;
	background: #0076BC;
	display:block;
	height: 140px;
	padding: 13px 20px;
	border-radius: 10px;
}
#opciones-enlaces a:hover{
	background-color: #005A8F;
	text-decoration: none;
}
#opciones-enlaces figcaption{ padding-top: 14px;}

/*.editable table tbody tr:last-child {border-radius: 0 0 5px 0px; overflow:hidden} 
.editable table tbody tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.editable table tbody tr:last-child td:last-child { border-bottom-right-radius: 10px; }
.editable table tbody tr:last-child td:only-child { border-bottom-right-radius:10px;border-bottom-left-radius: 10px;}*/


/***** FORMULARIO *****/
label, input, textarea, select, button {
	font-family: 'Hind', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1.6em;
	font-size: 1.6rem;
	margin: 0;
}
label { line-height:1.4;}
input:focus, textarea:focus, select:focus{
	outline: none;
}
input[type="date"], input[type="time"], input[type="number"], input[type="text"], input[type="password"], input[type="email"],textarea, select {
	width: 100%;
	/*padding: 0 14px;*/
	background-color: #fff;
	border: 1px solid #CACACA;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="time"], input[type="email"], select {
	line-height: 20px;
	padding: 6px 14px;
}
textarea {
	padding: 6px 14px;
	margin-bottom: 30px;
	resize: none;
	moz-resize: none;
	-webkit-resize: none;
}
input::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #707070;
	opacity:1;
}
input:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #707070;
	opacity:1;
}
input::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #707070;
	opacity:1;
}
input:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #707070;
	opacity:1;
}
input[type="checkbox"], input[type="radio"] {
    display:none;
}
input[type="checkbox"] + label.check-label, input[type="checkbox"] + label.check-line {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(/public/imagenes/sitios/check_1.png) left top no-repeat;
	cursor: pointer;
}
input[type="checkbox"]:checked + label.check-label, input[type="checkbox"]:checked + label.check-line {
    background:url(/public/imagenes/sitios/check_2.png) 0 0 no-repeat;
}
input[type="checkbox"] + label.check-line { display:block; width:auto; height:auto; padding:2px 0 0 36px;}
.input { margin-bottom: 30px;}

input[type="radio"] + label {
	display: inline-block;
	vertical-align: middle;
	background: url(/public/imagenes/sitios/radio_1.png) left top no-repeat;
	padding: 3px 4px 0 36px;
	cursor: pointer;
}
input[type="radio"]:checked + label {
	background: url(/public/imagenes/sitios/radio_2.png) 0 0 no-repeat;
}
/*input[type="text"].datepickerfix{
	background: #fff url(/imagenes/sitio/calendar.png) 93% center no-repeat;
}
*/
.select2-container .select2-selection--single { height: 40px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b { top: 42% !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #33882A transparent transparent transparent !important;}

.btn-remove-clone{
    margin-left: 5px !important;
    padding-left: 10px !important;
    padding-bottom: unset !important;
    padding-right: 10px !important;
    padding-top: unset !important;
}

.btn, .btn:visited {
	font-size: 1.5em;
	font-size: 1.5rem;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 1.1;
	background-color: transparent;
	text-align:center;
	display: inline-block;
	margin: 0;
	padding: 12px 20px;
	border: 1px solid transparent;
	border-radius: 50px;
	cursor: pointer;
}
.btn:hover { text-decoration: none;}
.btn.sm{ font-size: 14px; padding:6px 10px;}
.btn i { margin-right: 5px;}
.btn i.fa-angle-left { font-size: 18px; vertical-align: middle; margin: -4px 8px 0 0;}
.btn .fa-hand-point-right, .btn .fa-file-arrow-down { float:left;}
.btn-primary, .btn-primary:visited {
	background-color: #1ba8e1;
	border: 1px solid #1ba8e1;
}
.btn-primary:hover { background-color: #005A8F; border-color:#005A8F;}
.btn-success, .btn-success:visited { background-color: #409a4a; border-color:#409a4a;}
.btn-success:hover { background-color: #14680B; border-color:#14680B;}

.btn-success-light, .btn-success-light:visited { color:#33882A; border-color:#33882A; border-width: 2px;}
.btn-success-light:hover { color:#FFF; background-color: #33882A; }

.btn-danger, .btn-danger:visited { background-color: #d94b4b; border-color: #d94b4b; }
.btn-danger:hover { background-color: #a83838; border-color:#a83838;}

/********** File Input **********/
.nicefileinput { margin-bottom: 10px;}
.nicefileinput .NFI-filename{
	line-height: 38px;
	width:70%;
	border-radius: 5px 0 0 5px;
}
.nicefileinput .NFI-button{
	font-size: 1.6em;
	font-size: 1.6rem;
	color: #FFF;
	line-height: 40px;
	width: 30%;
	background-color: #0076BC;
	border-radius: 0 5px 5px 0;
}
.nicefileinput .NFI-button:hover{ background-color: #005A8F;}
.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}
.input-group .input-group-text{
	font-size: 1.6em;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	color: #FFFFFF;
	text-align: center;
	display: flex;
	align-items: center;
	padding: .375rem 10px;
	white-space: nowrap;
	background-color: #0076BC;
	border: 1px solid #0076BC;
	border-radius: 5px 0 0 5px;
}
.input-group  .form {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
	border-radius: 0 5px 5px 0;
}

.form-ul { margin: 0 -10px;}

/********** Contáctenos **********/
/*form .listados label{
	display: block;
	margin-bottom: 8px;
}
form .listados textarea { height: 116px;}

@media screen and (min-width: 1260px) {
form .listados { margin: 0 -3%;}
form .coll .coll { padding: 10px 3% 10px 0;}
form .listados .coll.x2:nth-child(1)  { padding: 0 3%;}
form .listados .coll.x2:nth-child(2) { padding-left:0; padding-bottom: 60px;}
}
#map iframe { vertical-align: top; width: 100%;}*/


/*Textos*/
h1,h2, h3, h4,h6,.text-h2{
	color: #000;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 14px;
}
h1, h2{
	color:#00a6e9;
	font-size: 3.4em;
	font-size: 3.4rem;
	margin-bottom: 10px;
}
/*.text-tit{
	color: #FFF;
	font-size: 3.6em;
	font-size: 3.6rem;
	padding-top: 42px;
	margin-bottom: 15px;
}
h2{
	font-size: 2em;
	font-size: 2rem;
	margin-bottom:20px;
}*/
h3, dt{
	font-size: 2em;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 14px;
}
h4{ font-weight:500;}
li, p, th, td, dd, h3 small, h4{
	font-size: 1.6em;
	font-size: 1.6rem;
	line-height: 1.2;
}
h3 small { font-weight: normal; color:#838383;}
p, dd{ margin-bottom:25px;}
li{ margin-bottom:14px;}
ul{ list-style: none;}

table{
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

.text-13{ font-size:1.3em; font-size:1.3rem;}
/*.text-14{ font-size:1.4em; font-size:1.4rem; font-weight:bold;}*/
.text-15/*, h4*/{ font-size:1.5em; font-size:1.5rem; }
.text-18{ font-size: 1.8em;	font-size: 1.8rem;}
.text-21, .datos-dl dd.text-21{ font-size: 2.1em; font-size: 2.1rem;}
.text-24{ font-size: 2.4em; font-size: 2.4rem;}
.text-33{ font-size: 3.3em; font-size: 3.3rem; font-weight:bold;}
.text-right,.editable .text-right, .tabla-listado th.text-right{ text-align:right;}
.text-center,.editable .text-center, .tabla-listado th.text-center{ text-align:center;}
.text-success{ color:#4b7902;}
.text-info{ color: #027db4;}
.text-danger{ color: #a30014;}


/********** CONTENIDO EDITABLE **********/
.editable h3{ padding-top: 10px;}
.editable figure { margin-bottom: 30px;}
.editable img { vertical-align: top; width:100%; height:auto; margin-bottom: 14px;}
.editable figure img { margin-bottom: 0;}
.editable ul {
	margin: 0 0 20px 10px;
	padding-bottom: 4px;
}
.editable ul li {
	position:relative;
	padding-left: 26px;
}
.editable ul li:before {
	font-family: "Font Awesome 6 Pro";
	font-size:12px;
	font-weight: 900;
	color: #7BC001;
	content: "\f058";
	position: absolute;
	top: 1px;
	left:0;
}
.editable ul ul {
	list-style-image: url(/imagenes/sitio/vineta2.png);
	margin: 0 0 20px 20px;
	padding: 10px 0 1px;
}

.editable ul ol{
	list-style-image: none;
	list-style-type: decimal;
}
.editable ol {
	margin: 10px 0 10px 20px;
	padding-bottom: 1px;
}
.editable li { 	margin-bottom:14px;}
.modal .editable li { margin-bottom:10px;}
.editable ol ul, .editable ul ol { margin: 10px 5px 10px 30px;}
.editable li, .editable p{ line-height: 22px;}

.editable table {
	width: 100%;
	margin: 0 0 20px 0;
}
.editable table.fonos { border-top: 1px solid #CACACA;}
.editable .noticia-right ul{
	list-style-image: none;
	list-style-type: none;
}
.tr-color{ background-color:#eeeeee;}
/*.editable table { 
    border: solid #ccc 1px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    border-radius: 20px; 
    -webkit-box-shadow: 0 3px #ccc; 
    -moz-box-shadow: 0 3px #ccc; 
    box-shadow: 0 3px #ccc; 
}*/
.editable table th, .editable table td {
	text-align: left;
	vertical-align:top;
	line-height:17px;
}
.editable table td {
	padding: 12px 10px;
	border-bottom: 1px solid #CACACA;
}
.editable table tr:hover td { background: #f3faff;}
/*.editable table td a:visited { color: #660099;}*/
.editable table thead th {
	color:#FFF;
	background-color:#0076BC;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: bold;
}
.editable table thead tr th:first-child { border-radius: 5px 0 0px 0px;} 
.editable table thead tr th:last-child {border-radius: 0 5px 0px 0px;} 

.editable table tbody tr:first-child { border-top: 1px solid #CACACA;} 
.editable table tbody tr td:first-child { border-left:1px solid #CACACA;} 
.editable table tbody tr td:last-child { border-right:1px solid #CACACA;} 
.editable table tbody tr:last-child {border-radius: 0 0 5px 0px; overflow:hidden} 
/*.editable table tbody tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.editable table tbody tr:last-child td:last-child { border-bottom-right-radius: 10px; }
.editable table tbody tr:last-child td:only-child { border-bottom-right-radius:10px;border-bottom-left-radius: 10px;}*/


.editable td p,.editable li p{ font-size:13px;}
.editable td img{ border:none; padding:0;}

.editable .convenios .img-convenios{
	width: 138px !important;
	height: 60px !important;
}

.informacion-empresas{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin-top: 10px;
}

.seccion-noticia{
	position: relative;
	display: flex;
	flex-direction: row;
}

.seccion-noticia .content{
	width: 55%;
}

.informacion-empresas .seccion-info-empresa{
	padding: 30px;
	margin: 1px;
	background-color: #F3F3F3;
	width: 33%;
}

.informacion-empresas>div:first-child{
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}

.informacion-empresas>div:last-child{
	border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
}

/*** Sweet alert ****/
.swal2-title{
    font-size: 14px !important;
}

.swal2-close{
    color: white !important;
}

/*** Field message ****/
.field-message-alert {
    font-size: 11px;
    padding: 5px 2px;
    color: red;
    text-align: left;
}

/*** Helpers class ****/
.pointer-none{
    pointer-events: none;
}

/********** RESPONSIVE **********/
/*@media (min-width: 1200px) {
.center, #contenido { width: 1170px;}
}*/
@media screen and (max-width: 1220px) {
footer .table-coll:nth-child(2) { width: 54%;}
footer .table-coll:nth-child(3) { width: 45%;}
#banner { overflow:hidden; }
/* #banner img { width: auto; height: 320px;} */
.block-empresa aside { width: 260px;}
.block-empresa aside li a, .block-empresa aside li a:visited {
  color: #000;
  display: block;
  padding: 12px 10px 12px 20px;
}
}

@media screen and (max-width: 900px) {
	#contenido img{ max-width: 900px;}
footer .center {
  background: url(../imagenes/template/logo-footer.png) center 30px no-repeat;
  padding: 170px 0 30px;
}
footer .center h4 { text-align:center;}
footer li, footer #bloque-footer address, footer {
  font-size: 1.6em;
  font-size: 1.6rem;
}
#accesos figure { width: 23%; margin: 0 1% 60px;}
#sucursales dd li strong { width: 90px;}
#sucursales dt, #sucursales dd { padding-left: 20px;}
}

@media screen and (max-width: 860px) {
	#contenido img{ max-width: 860px;}
#logo { width: 260px;}
#logo img { vertical-align: top; width: 100%; height:auto;}
#accesos figure { width: 29%;  margin: 0 2% 60px;}
#banner .center .titulo h1 {
  font-size: 4em;
  font-size: 4rem;
  line-height: 55px;
  padding-top: 10px;
  margin-bottom: 15px;
}
h1, h2 {
  font-size: 3em;
  font-size: 3rem;
}
}
@media screen and (max-width: 799px) {
		#contenido img{ max-width: 799px;}
.center-li {
	width: auto;
	margin: 0 auto;
}
.center-li ul{
	width: 100%;
	display: block;
}
.center-li ul li {
	display: block;
	padding: 0 10px;
}
.btn {
	font-size: 1em;
	font-size: 1rem;
}
}
@media screen and (max-width: 760px) {
	#contenido img{ max-width: 760px;}
.block-oficina-top { top: 4px;}
.block-oficina-top.active fieldset { width:auto;}
.block-oficina-top fieldset span input[type="text"] { width: 250px; top: 1px;}
.pagination>li>a, .pagination>li>span { margin: 0 5px;}
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-right: 10px;}
.pagination > li:last-child > a, .pagination > li:last-child > span { margin-left: 10px;}

.flex-2.listado article { width: 100%; margin-bottom: 20px;}

.block-empresa aside, .block-empresa .contenido {
  display: block;
  padding-left:0;
}
.block-empresa aside {
	display:none;
  width: 230px;
  margin-bottom: 40px;
}
.block-empresa aside .btn-menu {
	display:block;
	padding: 10px 20px;
}
.block-empresa aside ul {
	background-color:#FFF;
	display:none;
	width: 100%;
	position:absolute;
	top: 48px;
	left:0;
}
.block-empresa aside li { line-height: 18px;}
.block-empresa aside li a, .block-empresa aside li a:visited { padding: 8px 10px 8px 20px;}
.block-empresa aside li.current:before { font-size: 16px; top: 7px;}
li, p, th, td, dt, dd{
  font-size: 1.5em;
  font-size: 1.5rem;
}
.listado-pagar tr td:nth-child(2), .listado-pagar tr th:nth-child(2) { width: 104px;}
.listado-pagar tr td:nth-child(3), .listado-pagar tr th:nth-child(3) { width: 130px;}
.listado-pagar tr td:nth-child(4), .listado-pagar tr th:nth-child(4) { width: 130px;}
.listado-pagar tr .monto { padding-right: 30px;}
}

@media screen and (max-width: 739px) {
	#contenido img{ max-width: 739px;}
.flex-2 .coll, .flex-2 .coll-3 { width: 100%; margin-bottom: 20px;}
#sucursales .respn { display: block;}
#mapa-sucursal iframe { height: 300px;}
}
@media screen and (max-width: 650px) {
	#contenido img{ max-width: 650px;}
footer .center {
  background: none;
  padding: 40px 0 20px;
}
footer li, footer #bloque-footer address, footer {
  font-size: 1.5em;
  font-size: 1.5rem;
}
footer .table-coll li span { display:block;}
}
@media screen and (max-width: 600px) {
	#contenido img{ max-width: 600px;}
footer #bloque-footer { bottom: -44px;}
footer #bloque-footer address i { margin: 2px 4px 5px 0;}
footer #bloque-footer address { line-height: 18px; text-align:left; width: 70%;}
footer #bloque-footer { line-height: 18px;}
#accesos figure { width: 46%; margin: 0 2% 30px;}
.block-oficina-top { width:auto;}
.block-oficina-top form { display: none;}
.block-coll { margin: 0 0 80px;}
.block-coll figure, .block-coll .descripcion { width:auto; display: block; margin: 0;}
.block-coll figure { margin-bottom: 20px;}
.listado-pagar { overflow:auto;}
.listado-pagar table{ min-width: 450px;}
.listado-pagar tr th, .listado-pagar tr td { padding: 10px 10px;}
.listado-pagar tr .monto { padding-right: 14px;}
.listado-pagar tr th {
  font-size: 1.4em;
  font-size: 1.4rem;
}
.listado-pagar tr td:nth-child(2), .listado-pagar tr th:nth-child(2) { width: 90px;}
.listado-pagar tr td:nth-child(3), .listado-pagar tr th:nth-child(3) { width: 100px;}
.listado-pagar tr td:nth-child(4), .listado-pagar tr th:nth-child(4) { width: 112px;}
}
@media screen and (max-width: 500px) {
	#contenido img{ max-width: 500px;}
#logo { top:30px; width: 200px;}
.block-oficina-top .btn { padding: 10px;}
footer .table-coll li { margin-bottom: 10px;}
footer .table-coll li span { display: inline-block;}
footer .table-coll { display:block; padding:0 5px 10px;}
footer .table-coll:nth-child(2) { width: 100%;}
footer .table-coll:nth-child(3) { width: 100%;}
#accesos figure figcaption {
  line-height: 17px;
  padding: 13px 5px 0;
}
#banner .center .titulo h1 {
  font-size: 3em;
  font-size: 3rem;
  line-height: 30px;
}
h1, h2 {
  font-size: 2.4em;
  font-size: 2.4rem;
}
.block-buscar-servicio .form { width: 100%;}
.block-buscar-servicio .btn-group .btn { width: 130px;}
.inline-block.form-ul li{ display:block;}
#sucursales dt.active {
  font-size: 18px;
}
#sucursales dd li strong {
	 display:block;
  width: auto;
  float: none;
}
}
@media screen and (max-width: 359px) {
	#contenido img{ max-width: 359px;}
	footer #bloque-footer address i { display: none;}
	footer li, footer #bloque-footer address, footer {
		font-size: 1.4em;
		font-size: 1.4rem;
	}
	.btn {
		font-size: 1em;
		font-size: 1rem;
	}
	#accesos figure figcaption {
		padding: 13px 5px 0;
		height: 70px;
	}
}
.tab_content {
	padding: 5px 20px !important;
}


h3{
	color: green;
    font-size: 2em;
    font-weight: bold;
	vertical-align: middle;
}
h3 img{
	width: 50px;
}

P{
	text-align: justify;
}