html {
    scroll-behavior: smooth;
}

/* CUSTOM CLASES */
/* 2024-05-19 */

/************************** Basico **************************/
body {
	padding-top: 139px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.navbar {
	height: 70px;
	padding-top: 10px;
}
.navbar-default{
	background-color: transparent;
	border-color: transparent;
}
.navbar-brand img {
	margin-top:-15px;
	max-height: 50px;
}

/************************** Generales **************************/
.line-bottom { border-bottom: 1px solid #ffffff;}
.line-right, .line-right-2 { border-right: 1px solid #ffffff;}
.line-bottom-osc { border-bottom: 1px solid #c3beae;}
.line-bottom-light { border-bottom: 1px solid #ffffff;}
.line-right-osc { border-right: 1px solid #c3beae;}
.margintop20neg { margin-top: -20px;}
.white-bkg { background-color: #ffffff;}
.navbar-fixed-top { padding-top: 20px; background-color: #ffffff;}
.pb8 { padding-bottom:8px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.plr20 {padding-left: 20px; padding-right: 20px;}
.plr30 {padding-left: 30px; padding-right: 30px;}
.plr60 {padding-left: 60px; padding-right: 60px;}
.pb45 { padding-bottom:45px;}
.pt15 { padding-top:15px;}
.pbt20 { padding: 20px 0;}
.pt30 { padding-top:30px;}
.pt45 { padding-top:45px;}
.mgbt0 { margin-bottom: 0px;}
.mgbt15 { margin-bottom: 15px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mgt15 { margin-top: 15px;}
.mgt30 { margin-top: 30px;}
.mgtb40 { margin-top: 30px; margin-bottom:  40px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb45 { margin-bottom: 45px;}
.mt15 { margin-top: 15px;}
.mt45 { margin-top: 45px;}
.ml15 { margin-left: 15px;}
.pl-0 { padding-left: 0;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}
.pr30 { padding-right: 30px;}
.mb-15 { margin-bottom: 15px;}

/************************** Form Search **************************/
.input-group2 {
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 15px;
}
.searchForm2 .form-control.input-lg {
	background-color: #efedea;
	transition: background-color 150ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out;
}
.searchForm2 .form-control.input-lg {
	width: 100%;
	height:  34px;
	border-radius: 5px;
	font-size: 15px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	border: none;
}
.searchForm2 .form-control.input-lg:focus,
.searchForm2 .form-control.input-lg:active {
	background-color: #fbe9aa;
	color:  #505050;
}
.wrap-btn-search2 {
	top: 0;
}

/************************** Botones **************************/
.btn {
	padding: 11px 30px;
	border-radius: 6px;
	transition: background-color 150ms ease-in-out, color 50ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 50ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 50ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 50ms ease-in-out;
}
.btn-search2 {
	background: #3a86ed;
	height:  34px;
	border: 0;
	color: #ffffff;
	line-height: 13px;
}
.btn-search2:hover {
	background: #1658b1;
	color: #ffffff;
}
.btn-default {
	background-color: #fff;
	border: 1px solid #84817f;
	border-radius: 6px;
	color:  ;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.btn-default:hover, .btn-default:active:focus, .btn-default:active:hover {
	color: #ffffff;
	background-color: #989898;
	border: 1px solid #989898;
}
a.btn-default2 {
	color: #595959;
}
.btn-default2 {
	background-color: #fff;
	border: none;
	border-radius: 6px;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
a.btn-default3, a.btn-default4 {
	color: #ffffff;
}
.btn-default3 {
	background-color: #3298d1;
	border: none;
	border-radius: 6px;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-moz-transition: background-color 15123
	0ms ease-in-out, color 250ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.btn-default4 {
	background-color: none;
	border: 1px solid #ffffff;
	border-radius: 6px;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.btn-default5 {
	background-color: #3298d1;
	color:  #ffffff;
	border: none;
	border-radius: 6px;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-moz-transition: background-color 15123
	0ms ease-in-out, color 250ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.btn-default6 {
	background-color: #e3a342;
	color: #ffffff;
	border: none;
	border-radius: 6px;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.btn-default7 {
	background-color: none;
	color:  #ffffff;
	border: 1px solid #ffffff;
	border-radius: 6px;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.btn-default8 {
	background-color: #58bd08;
	color:  #ffffff;
	border: 1px solid #ffffff;
	padding:  10px 30px;
	border-radius: 6px;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.btn-default9 {
	background-color: rgba(0,0,0,0.2);
	color:  #ffffff;
	border: 1px solid #ffffff;
	border-radius: 12px;
	padding:  20px 30px;
	font-size: 18px;
	font-weight: 700;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.btn-default4:hover, .btn-default4:active:focus, .btn-default4:active:hover  {
	color: #ffffff;
	background-color: rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.1);
}
.btn-default2:hover, .btn-default2:active:focus, .btn-default2:active:hover,
.btn-default3:hover, .btn-default3:active:focus, .btn-default3:active:hover,
.btn-default5:hover, .btn-default5:active:focus, .btn-default5:active:hover,
.btn-default6:hover, .btn-default6:active:focus, .btn-default6:active:hover {
	color: #ffffff;
	background-color: #595959;
	border: none;
}
.btn-default7:hover, .btn-default7:active:focus, .btn-default7:active:hover  {
	color: #ffffff;
	background-color: #595959;
	border: 1px solid #595959;
}
.btn-default8:hover, .btn-default8:active:focus, .btn-default8:active:hover  {
	color: #ffffff;
	background-color: #4d4d4d;
}
.btn-default9:hover, .btn-default9:active:focus, .btn-default9:active:hover  {
	color: #ffffff;
	background-color: #58bd08;
	border: 1px solid #ffffff;
}

/***************************************************************
****************************************************************
	Nuevos Varios
****************************************************************
****************************************************************/
.mainbox {
padding: 40px 193px 70px 105px;
border: 1px solid #CBC9C2;
}
.mainbox2 {
	padding: 40px 105px 70px 105px;
	border: 1px solid #CBC9C2;
}
.mainbox3 {
	padding: 40px 32px 70px 32px;
	border: 1px solid #CBC9C2
}
.mainbox.cultura h1 , .mainbox.cultura h2 {
	color: #e8584d;
}
.mainbox.deportes h1 , .mainbox.deportes h2 {
	color: #6a9913;
}
.mainbox.necrologicas h1 , .mainbox.necrologicas h2 {
	color: #6b6d67;
}
.img-necro {
	width: 200px;
	height: auto;
	margin: 15px 0;
	border-radius: 10px;
}
.txt-white {
	color: #ffffff;
}
.bloque-sup {
	text-align: center;
	min-height: 190px;
}
.bloque-sup h3 {
	padding: 26px 30px 0;
	color: #ffffff;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}
.bloque-sup p {
	font-weight: 300;
	font-size: 18px;
}
.bloque-sup3 h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
}
.bloque-sup2 {
	background-color: #e6e7e7;
	height: 210px;
	text-align: center;
	padding: 0;
}
.bloque-sup3 {
	padding: 25px 15px 15px;
	text-align: center;
	background-color: #e6e7e7;
	color: #929496;
	height: 210px;
}
.bloque-sup2 img {
	width: 100%;
	height: auto;
}
.bloque-sup5 {
	text-align: left;
	background-color: #ffffff;
	height: 210px;
	background-image: url(../storage/images/banners/adhes-fact-elect_900x315.jpg);
	background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
}
.img-bkg-1 {
	background-image: url(../storage/images/deco/ov_bkg-placa-azul.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.bloque-sup5 h3 {
	padding: 0;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	margin-top: 10px;
}
.bloque-sup5 h2 {
	padding: 0 0 10px;
	font-weight: 300;
	font-size: 40px;
	line-height: 44px;
	color: #ffffff;
	letter-spacing: -1px;
	margin-top: 0;
}
.bloque-sup5 p {
	font-weight: 300;
	font-size: 14px;
	line-height: 15px;
	color: #ffffff;
	margin-top: 0px;
}
.bloque-sup6 {
	text-align: left;
	background-color: #ebebec;
	height: 389px;
	padding: 30px 30px;
	background-image: url(../storage/images/banners/adhes-servsoc-home-xl.gif);
}
img.icono-2 {
	max-height: 150px;
}
p.copete-3 {
	font-size: 24px;
	line-height: 30px;
	padding-top: 25px;
	padding-bottom: 10px;
}
.bloque-sup4 {
	text-align: center;
	background-color: #989898;
}
.mainbox p.pseudo-categoria-nota {
	color: #737070;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
}
.mainbox li.no-before{
	padding-left:  0;
}
.mainbox li.no-before:before {
	color: #ffffff;
	content: '';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 0px;
	margin-left: 0;
	width: 0;
}
.mainbox p.destacado1 {
font-size: 19px;
line-height: 31px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.mainbox p.copet, .mainbox p span {
font-weight: 600;
}
/* Ventanas Modales de Oficina Virtual en Mantenimiento */
.modal-1 {
	padding: 30px;
}

.modal-1 h3 {
	font-size: 24px;
	padding-bottom: 15px;
}

.modal-1 p {
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	color: #5f84de;
}
p.icon-triang i {
	font-size: 100px;
	padding-top: 50px;
	color: #f4bb15;
}
/* Carousel Pantalla Copelco Fade */
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

/***************** Contacto Nuevo *****************/
.col-contacto {
padding: 40px 90px 70px 90px;
}
.wrap-item-contact {
	padding: 35px 0;
}
.header-info-contact {
	padding: 30px 0;
}
.header-info-contact h3.head-1 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 36px;
	color: #929496;
	letter-spacing: 1px;
	padding-bottom: 0;
	margin: 5px 0;
}
.header-info-contact h3.head-2 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 82px;
	line-height: 82px;
	color: #3298d1;
	letter-spacing: 2px;
	margin: 5px 0;
}
.header-info-contact img {
	max-width: 260px;
	padding-top: 20px;
	padding-bottom: 35px;
}
.header-info-contact hr {
	border-top: 2px solid #CBC9C2;
}
.wrap-item-contact h3.category {
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: #194c81;
	padding: 7px 15px;
	margin-top: 10px;
}
.btn.btn-contacto {
	display: inline-block;
}
.btn.btn-contacto {
	background-color: #3298d1;
	border: 1px solid #3298d1;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	color: #ffffff;
	padding: 11px 30px;
	border-radius: 8px;
	font-weight: 300;
	font-size: 33px;
	margin-bottom: 20px;
	transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
	-webkit-transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
	-moz-transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
	-o-transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
}
.btn.btn-contacto:hover {
	background-color: #2c7fb9;
	border: 1px solid #2c7fb9;
}
.btn.btn-contacto:active {
	background-color: #194c81;
	border: 1px solid #194c81;
}
.wrap-item-contact p {
	font-size: 16px;
	color: #4f4f4f;
}
.wrap-item-contact p span,
.wrap-item-contact p span.color3,
.wrap-item-contact p span.color4 {
	font-weight: 700;
}
.wrap-item-contact p span.color3 {
	color: #00bf22;
}
.wrap-item-contact p span.color4 {
	color: #3298d1;
}
.sidebar2{
padding: 20px 30px;
}

.sidebar2 h4 {
	color: #6a6a6a;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	padding-bottom: 15px;
}
.sidebar2 ul {
	list-style: none;
	padding-left: 0;
}
.sidebar2 ul li {
	padding-bottom: 10px;
}
/************** Sorteo **************/
.mainbox p a.btn-default11 {
	background-color: #58bd08;
	color: #ffffff;
	border: 1px solid #ffffff;
	padding:  10px 30px;
	border-radius: 6px;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.mainbox p a.btn-default11:hover, .mainbox p a.btn-default11:active:focus, .mainbox p a.btn-default11:active:hover  {
	color: #ffffff;
	background-color: #4d4d4d;
}
.mainbox .bases-sorteo p{
font-size: 13px;
line-height: 16px;
font-weight: 300;
color: #597681;
padding: 0;
margin: 0;
}
.bases-sorteo h3{
font-size: 13px;
line-height: 16px;
font-weight: 600;
color: #597681;
padding: 0;
margin: 15px 0 5px;
}
/************** Fila 3 columnas Home **************/
.placa-3-3 {
	background-image: url(../storage/images/banners/bkg-placa-energia-2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.placa-4-3 {
	background-image: url(../storage/images/banners/pago-de-serv.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.placa-5-4 {
	background-image: url(../storage/images/banners/bkg-turnos-2024-02-02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
}
/*.placa-5-4:hover {
	background-image: url(../storage/images/banners/bkg-turnos-2024-02-02b.jpg);
}*/
.placa-5-4:hover {
	opacity: 0.7;
}
.placa-3-3,
.placa-4-3,
.placa-5-4 {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
}
.placa-3-3 h2,
.placa-4-3 h2,
.placa-5-4 h2 {
	font-weight: 700;
	font-size: 22px;
	line-height:  26px;
	margin-top: 0;
}
.texto-white {
	color: #ffffff;
}
.btn.btn-2-inv {
	background-color: #ffffff;
	color: #5783e5;
	border: 1px solid #5783e5;
	padding: 11px 30px;
	border-radius: 4px;
	margin: 20px 0;
	font-weight: 400;
	font-size: 16px;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.btn.btn-2-inv:hover {
	background-color: #494a4e;
	border: 1px solid #494a4e;
	color: #ffffff;
}
/* Columnas con procentaje */
.width-21pct {
	width: 20.8%;
	display: inline-block;
	margin-right: 2.2%;
	vertical-align: top;
}
.width-37pct {
	width: 37%;
	display: inline-block;
	margin-right: 2.2%;
	vertical-align: top;
}
.width-37pct-ult {
	width: 37%;
	display: inline-block;
	vertical-align: top;
}
/* Pantalla Ganadores Sorteo */
/* Pantalla Ganadores Sorteo */
.ganadores-sorteo {
    background-color: #ffffff;
    padding-top: 50px;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 50px;
}
.ganadores-copete p {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
}
.ganadores-copete p span {
    font-weight: 400;
}
.ganadores-anio h2{
    color: #3c0560;  /* Cambiado a púrpura */
    font-size: 38px;
    letter-spacing: -1px;
    border-bottom: 2px solid #3c0560;  /* Cambiado a púrpura */
    padding-bottom: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.ganadores-mes h2{
    color: #3c0560;  /* Cambiado a púrpura */
    font-weight: 900;
    font-size: 33px;
    position: relative;
    display: inline-block;
}
.ganadores-mes h2:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50%;
    height: 3px;
    background-color: #5a189a;  /* Variante más clara del púrpura */
}
.ganadores-mes p,
.compartir p {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 30px;
}
.ganadores-mes p span {
    font-weight: 700;
    color: #3c0560;  /* Añadido color púrpura al texto resaltado */
}
.fotos-ganadores-mes img {
    max-height: 518px;
    padding-right: 20px;
    padding-bottom: 20px;
    border: 1px solid #e0d0f0;  /* Borde suave que combina con el púrpura */
}
.compartir {
    padding-top: 30px;
}
.compartir p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.compartir ul {
    display: inline-block;
    list-style: none;
    padding-left: 0;
}
.compartir ul li {
    display: inline-block;
    font-size: 30px;
    padding-right: 15px;
}
.compartir ul li a {
    color: #3c0560;  /* Cambiado a púrpura */
    transition: all 250ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
}
.compartir ul li a:hover {
    color: #5a189a;  /* Variante más clara al hacer hover */
}
/***************************************************************
****************************************************************
	! Fin Nuevos Varios
****************************************************************
****************************************************************/

/************************** Consulta SegmentaciÃ³n EnergÃ©tica **************************/
.fondo-neutro-claro {
	background-color: #eeede9;
	color: #4f4f4f;
	padding-top: 45px;
	padding-bottom: 30px;
	margin-right: 0;
	margin-left: 0;
}
.fondo-neutro-claro p {
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	padding-top: 5px;
	padding-bottom: 0;
	text-align: left;
}
.border-left-energia {
	border-left: 2px solid #54bd7b;
}
.titulo-landing {
	margin-bottom: 30px;
	padding-left: 15px;
}
h1.tit-bold {
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -1px;
}
p.txt-weight-1,
p span.txt-weight-1 {
	font-weight: 600;
}
.form-consulta-subsidio {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px 30px 40px;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.10);
}
.form-consulta-subsidio .form-control {
	background-color: #ffffff;
	border-radius: 10px;
	height: 60px;
	font-size: 18px;
	padding: 6px 20px;
	color: #4f4f4f;
	font-weight: 500;
	transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
}
.form-consulta-subsidio .form-control:focus {
	background-color: #ffffff;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
}
.btn-default10 {
	background-color: #0072bc;
	color: #ffffff;
	border: 1px solid #0072bc;
	border-radius: 6px;
	padding: 15px 30px;
	font-size: 18px;
	font-weight: 500;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.btn-default10:hover {
	background-color: #4d4d4d;
	border: 1px solid #4d4d4d;
}
.resultado-consulta-subsidio {
	margin-top: 40px;
	margin-bottom: 30px;
	padding: 10px 30px 20px;
	border-radius: 10px;
	background-color: #ffffff;
}
.resultado-consulta-subsidio caption {
	padding-left:  6px;
	color: #4f4f4f;
	padding-top: 10px;
	padding-bottom: 20px;
}
.resultado-consulta-subsidio table {
	font-size:  16px;
}
.resultado-consulta-subsidio table td {
	font-weight:  700;
}
.resultado-consulta-subsidio table th {
	font-weight:  300;
}
.resultado-consulta-positivo {
	border: 2px solid #54bd7b;
}
.resultado-consulta-negativo {
	border: 2px solid #e85e4a;
}

/************************** Nuevas Placas Home 2022-10-17 **************************/
.placa-3,
.placa-4 {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
}
.placa-3 h2,
.placa-4 h2 {
	font-weight: 700;
	font-size: 26px;
	line-height:  28px;
	margin-top: 0;
}
.placa-3 {
	background-image: url(../storage/images/banners/bkg-placa-energia.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.placa-4 {
	background-image: url(../storage/images/banners/bkg-placa-fact-electr-home-new.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.btn-default11 {
	background-color: #0072bc;
	color: #ffffff;
	border: 1px solid #0072bc;
	border-radius: 6px;
	padding: 10px 30px;
	font-size: 18px;
	font-weight: 500;
	transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 250ms ease-in-out;
}
.btn-default11:hover {
	background-color: #4d4d4d;
	border: 1px solid #4d4d4d;
	color: #ffffff;
}
.placa-4 p {
	font-size: 20px;
	line-height: 26px;
}

/************************** CampaÃ±a Adhes Factura Electronica **************************/
.factura-electr {
	background-color: #80c429;
	color: #ffffff;
	padding-top: 30px;
	padding-bottom: 30px;
}
.factura-electr p {
	font-size: 16px;
	line-height: 23px;
}
h1.tit-5 {
	font-weight: 900;
	color:  #ffffff;
	font-size: 60px;
	letter-spacing: -1px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	margin-bottom: 5px;
}
h3.copete-5 {
	font-weight: 700;
	color:  #ffffff;
	font-size: 26px;
	line-height: 40px;
	letter-spacing: -0.5px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	margin-bottom: 5px;
}
.copete-6 {
	font-weight: 900;
	color:  #ffffff;
	font-size: 40px;
	line-height: 46px;
	letter-spacing: -0.5px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	margin-bottom: 5px;
}
p.copete-5 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	margin-top: 0;
	padding-left: 43px;
}
p.bajada-5 {
	color: #ffffff;
	font-size: 18px;
	font-weight: 300;
	padding-top: 20px;
	margin-bottom: 0;
}
p.destacado-5 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	padding-top: 10px;
}
p.destacado-6 {
	color: #ffffff;
	font-weight: 300;
	font-size: 22px;
	line-height: 30px;
}
.pos-btn-bloque-5 {
	padding-top: 15px;
}
.placa-2 {
	padding-top:  20px;
	padding-bottom: 30px;
}
.wrap-form-factura-electr {
	padding: 0 50px;
	}
.form-factura-electr {
	padding: 10px 30px 40px;
	border-radius: 20px;
	background-color: rgba(0,0,0,0.15);
}
.form-factura-electr .form-group label{
	color: #ffffff;
}
.form-factura-electr::placeholder {
	color: red;
}
.form-factura-electr .form-control {
	background-color: #e3e1de;
	border-radius: 10px;
	height: 60px;
	font-size: 18px;
	padding: 6px 20px;
	color: #35a806;
	font-weight: 400;
	transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
}
.form-factura-electr .form-control:focus {
	background-color: #ffffff;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
}
@media (max-width: 1200px) {
	.bloque-sup6 {
	text-align: left;
	background-color: #ebebec;
	height: 305px;
	background-image: url(../storage/images/banners/adhes-servsoc-home-lg.gif);
	}
	img.icono-2 {
	max-height: 110px;
	padding-top: 10px;
	}
	p.copete-3 {
	font-size: 20px;
	line-height: 25px;
	padding-top: 15px;
	padding-bottom: 0px;
	}
}
@media (max-width: 992px) {
	.bloque-sup6 {
	text-align: left;
	background-color: #ebebec;
	/*	height: 212px;*/
	padding: 25px 30px;
	background-image: url(../storage/images/banners/adhes-servsoc-home-md.gif);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	}
	img.icono-2 {
	max-height: 130px;
	padding-top: 10px;
	}
}
@media (max-width: 540px) {
	.bloque-sup6 {
	height: 280px;
	padding: 25px 30px;
	}
	img.icono-2 {
	max-height: 80px;
	}
}
@media (max-width: 411px) {
	img.icono-2 {
	max-height: 80px;
	padding-top: 10px;
	}
	.bloque-sup6 {
	height: 280px;
	padding: 25px 30px;
	}
}

/************************** Slideshow **************************/
.slideshow h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	color: #6b6a69;
	font-size: 40px !important;
	letter-spacing: -3px;
	text-transform: uppercase;
}
.slideshow p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #6C6B69;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 3rem;
}
.slideshow .btn-default {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666666;
	font-size: 20px;
	padding: 15px 25px;
}
.slideshow .btn-default:hover {
	color: #ffffff;
}
img.icono-1 {
	max-height: 155px;
	padding-top: 10px;
}
.tit-destac {
	padding-top: 30px;
	padding-bottom: 0;
}
.mainbox ul.normal-list.color1 li:before {
	color: #71c15e;
}
.mainbox ul.normal-list.color2 li:before {
	color: #e7606e;
}
.mainbox ul.normal-list.color1 li,
.mainbox ul.normal-list.color2 li {
	font-weight: 400;
}
.mainbox .recuadro-normativa {
	padding: 30px;
	border: 1px solid #a7b7d6;
	border-radius: 10px;
	margin-bottom: 30px;
}
.mainbox .recuadro-normativa p,
.mainbox .recuadro-normativa p.lead {
	font-weight: 300;
	color: #738dbe;
	font-size: 15px;
	line-height: 22px;
	padding: 0;
	text-align: justify;
}
.modal.centered.in .aligner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}
.centered .modal-dialog {
	align-self: center;
}
.bkg-light {
	background-color: #ebebec;
}
.result-busq .alert.alert-success {
	margin-bottom: 40px;
}
 .result-busq h1 {
	font-size: 18px;
	font-weight: 300;
	padding: 15px 15px 0;
}
.result-busq h2 {
	font-size: 32px;
	font-weight: 700;
	padding: 0 15px 25px;
}
.result-busq h4 {
	font-size: 22px;
	font-weight:  600;
}
.result-busq .row {
	margin-bottom: 40px;
	padding:  0 31px;
}
.result-busq  p.cat-notas {
	color: #8c8c8c;
	font-size: 14px;
	margin-bottom: 3px;
	font-weight: 400;
}
.result-busq  p {
	color:  #5b5b5b;
}
.result-busq .btn.mini-button {
	padding: 7px 20px;
	margin-top: 5px;
}
.vias-contacto {
	padding: 20px 33px 5px;
	border-bottom:  2px solid #eeede9;
}
.vias-contacto ul li a {
	color: #4381ba;
	text-decoration: none;
	-webkit-transition: color 150ms ease-in-out;
	-moz-transition: color 150ms ease-in-out;
	-o-transition: color 150ms ease-in-out;
}
.vias-contacto ul li a:hover {
	color: #0ecbff;
}
.top-full-banner {
	background-image: url(../storage/images/banners/adhes-fact-elect-home_1200x225.jpg);
	height: 225px;
	background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
}
.tfb-col-der {
	padding-top: 50px;
}
p.destacado-7 {
	color: #ffffff;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	padding-top: 0;
	margin-bottom: 0;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	}

/************************** Maps **************************/
iframe {
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}
.item-rel-b {
	position: relative;
	width: 100%;
	padding-left: 1px;
	height: 389px;
}
.logo-absol {
	position: absolute;
	top: 53px;
	left: 0;
}
.logo-absol img {
	max-width: 75%;
}

@media(min-width:768px){
	.navbar-brand img {
	max-height: 53px;
	padding-left: 0px;
	}
}
@media(max-width:1200px){
	.navbar-brand img {
	max-height: 38px;
	padding-left: 0px;
	}
}

/************************** MenÃº **************************/
.navbar-default .navbar-nav>li>a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #969493;
	padding-left: 13px;
	padding-right: 13px;
	transition: color 150ms ease-in-out;
    -webkit-transition: color 150ms ease-in-out;
	-moz-transition: color 150ms ease-in-out;
	-o-transition: color 150ms ease-in-out;
}
.navbar-default .navbar-nav>li>a:hover {
	color: #17407b;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: #ffffff;
}

/************************** Panel Sidebar General **************************/
.sidebar-nopadding {
	padding: 0 0 30px;
}
.sidebar .form-control {
	height: 42px;
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

/************************** Botoneras destacadas ***************************/
.subnav li{
	background-color: #e9e5e2;
	border-right: 1px solid #fff;
	transition: background-color 150ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out;
}
.subnav li a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	text-transform: uppercase;
	transition: color 150ms ease-in-out;
    -webkit-transition: color 150ms ease-in-out;
	-moz-transition: color 150ms ease-in-out;
	-o-transition: color 150ms ease-in-out;
}
.nav>li>a {
	padding: 10px 15px;
}
.subnav li:hover{
	background-color: #989898;
}
.subnav li a:hover{
	color: #ffffff;
}

/* Nueva botonera Turno Farmacias y Contacto */
.subnav li.nav2 {
	background-color: #989898;
	transition: background-color 150ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out;
}
.subnav li.nav2 a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	line-height: 18px;
	color: #ffffff;
	padding: 25px;
	text-transform: uppercase;
	transition: color 150ms ease-in-out;
    -webkit-transition: color 150ms ease-in-out;
	-moz-transition: color 150ms ease-in-out;
	-o-transition: color 150ms ease-in-out;
}

/************************** Buscador **************************/
.searchForm {
	background-color: #c9c7c5;
}
.btn-success {
	font-family: 'Open Sans', sans-serif;
}
.form-control.input-lg {
	height: 46px;
	border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #595959;
}
.searchForm .form-control {
	background-color: #eeede9;
	border-radius: 0px;
}

/**************** MiniHome Noticias ****************/
.news-frame .title-main, .news-frame .title {
	background: rgba(0, 0, 0, 0.5);
	padding: 16px;
	transition: background-color 150ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out;
}
.news-frame .title-main:hover,  .news-frame .title:hover {
	background: rgba(169, 147, 118, 0.95);
}

/****************************************************
    Pruebas
****************************************************/

.news-frame .title-main2:hover,  .news-frame .title2:hover {
	background: rgba(232, 88, 77, 0.95);
}
.title-main h4, .title h5 {
	margin-top: 3px;
}
.title-main span, .title-main h4 a, .title span, .title h5 a {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
}
.title-main span.tags, .title span.tags {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
}
.title-main span.date, .title span.date {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 300;
	letter-spacing: 1px;
}
.title-main h4 a {
	font-size: 28px;
	line-height: 34px;
	font-weight: 600;
}
.title h5 a {
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
}
.title-main h4 a,  .title h5 a{
	font-weight: 500;
	text-decoration: none;
	transition: color 150ms ease-in-out;
    -webkit-transition: color 150ms ease-in-out;
	-moz-transition: color 150ms ease-in-out;
	-o-transition: color 150ms ease-in-out;
}
.titulo-elemento {
	text-transform: uppercase;
	color: #9d9d9d;
	font-weight: 300;
	font-size: 18px;
}
.categorias li{
	background-color: #4d4f4e;
	border-right: 1px solid #fff;
	transition: background-color 250ms ease-in-out;
    -webkit-transition: background-color 250ms ease-in-out;
	-moz-transition: background-color 250ms ease-in-out;
	-o-transition: background-color 250ms ease-in-out;
}
.categorias li a{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	text-transform: uppercase;
	transition: color 250ms ease-in-out;
    -webkit-transition: color 250ms ease-in-out;
	-moz-transition: color 250ms ease-in-out;
	-o-transition: color 250ms ease-in-out;
}
.notas-grid .thumbnail {
	background-color: #f4f2ef;
}
.notas-grid .thumbnail:hover {
	text-decoration: none;
	background-color: #dddbd9;
	border-color: #d1cfcd;
	box-shadow: none;
}
.thumbnail {
	padding: 20px;
	border-radius: 0px;
	border: 1px solid #d1cfcd;
	color: #4d4d4d;
}
.thumbnail h4 {
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
}
.thumbnail span.tags{
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
}
.fa-calendar-o:before {
	display: none;
}
.thumbnail small {
	font-size: 75%;
}
.mainbox img.center-block.thumbnail  {
	padding: 0;
	border: none;
}
.mainbox span.tags {
	color: #9c9ba1;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
}
.mainbox small {
	color: #9c9ba1;
	text-transform: uppercase;
}
h3 span.grupos {
	font-size: 16px;
	padding-bottom: 20px;
}
.mainbox h3 {
	padding-bottom: 10px;
}

/**************** Mainbox: Tablas ****************/
.mainbox .table thead th {
	color: #9b999a;
	font-weight: 300;
}
.mainbox .table thead th span {
	font-size: 16px;
}
.mainbox .table td {
	color: #404040;
}
.mainbox .table td strong {
	color: #838383;
}
.table-condensed>tbody>tr>td {
	font-family: 'Open Sans Condensed', sans-serif;
	color: green;
}
.table-borderless {
	border-bottom: 1px solid #dbdbdb;
	margin: 15px 0;
}
.mainbox .table thead th {
	border-top: none;
}
.mainbox h3.copete-1 {
	font-weight: 300;
	font-size: 23px;
	line-height: 32px;
	padding-top: 10px;
	color:  #838383;
}
.mainbox h3.copete-1 span {
	font-weight: 600;
}
.mainbox h4.copete-2 {
	font-weight: 300;
	font-size: 20px;
	line-height: 26px;
	padding-top: 10px;
	padding-bottom:  10px;
}
.mainbox h4.copete-2 span {
	font-weight: 400;
}
.mainbox h3.titulo-medium {
	font-weight: 600;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 0;
	padding-bottom: 0;
}
.mainbox h3.check:before {
	color: #50ac57;
	content: '\f00c';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 26px;
	margin-left: -30px;
	width: 35px;
}
.mainbox p.check span {
	font-weight: 600;
}
.mainbox h3.check {
	padding-left: 30px;
}
.mainbox p.check {
	padding-left: 35px;
}

/**************** Buscador Sidebar ****************/
.panel-heading .btn-warning {
	margin-right: 0px;
}
.sidebar-nopadding .btn {
	border-radius: 0px;
}
.sidebar-nopadding .input-group .form-control {
	height: 42px;
	background-color: #d9d7d5;
}
.panel-footer.busc-gt{
	background-color: #f8f8f3;
	padding-bottom: 32px;
	padding-right: 32px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.panel-footer.busc-gt form label {
	font-weight: 300;
	font-size: 13px;
}
.panel-footer.busc-gt h4 {
	color: #a463ba;
	font-size: 14px;
	font-weight: 600;
	padding-left: 0;
}
.panel-footer.busc-gt .form-control {
	margin-bottom: 10px;
	border: 1px solid #cdcdcd;
}
.panel-footer.busc-gt hr {
	border-top: 1px dotted #a2a2a2;
}

/**************** Footer ****************/
.full-footer {
	width: 100%;
	margin: 0 auto;
	background-color: #595959;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	padding-bottom: 30px;
}
footer {
 	background: transparent;
}
.footer-column {
 	padding-left: 30px;
}
h5.tit-footer {
 	font-weight: 700;
 	font-size: 14px;
}
.footer-column ul {
 	list-style: none;
 	padding-left: 0px;
}
li.item-footer, li.item-footer a {
	font-size: 13px;
 	color: #ffffff;
 	text-decoration: none;
 	font-weight: 300;
 	padding-bottom: 3px;
}
li.item-footer a:hover {
	color: #c3beae;
}
li.item-footer span {
	font-weight: 600;
	letter-spacing: 0.5px;
}
p.txt-footer {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 23px;
	text-align: left;
}
.separador-footer {
	border: none;
	height: 35px;
	margin: 0;
}

/**************** Bottom Footer ****************/
.bottom-footer {
	background-color: #3e3e3e;
	padding: 10px;
}
p.txt-bottom-footer, p.txt-bottom-footer a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #8b8b8b;
	text-decoration: none;
	transition: color 150ms ease-in-out;
    -webkit-transition: color 150ms ease-in-out;
	-moz-transition: color 150ms ease-in-out;
	-o-transition: color 150ms ease-in-out;
}
p.txt-bottom-footer a:hover {
	color: #e9e5e2;
}

/**************** Textos notas ****************/
.mainbox h1 {
	font-weight: 300;
	font-size: 34px;
	line-height: 40px;
	padding-bottom: 10px;
}
.mainbox h2 {
	padding-bottom: 30px;
	margin-top: 10px;
	letter-spacing: -1px;
}
.mainbox p {
	font-weight: 300;
	color: #404040;
	font-size: 15px;
	line-height: 22px;
	padding-top: 5px;
	padding-bottom: 0;
	text-align: justify;
}
.mainbox p>em {
	color: #b5823e;
}
.mainbox h5 {
	font-weight: 700;
	color: #404040;
	font-size: 14px;
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 0;
}
.mainbox h5+p {
	padding-top: 0;
}
.mainbox ul {
	list-style: none;
	padding-left: 0;
}
.mainbox li, li.item-std {
	padding-left: 18px;
	color: #404040;
	padding-bottom: 10px;
}
li.item-std {
	padding-bottom: 0px;
}
.mainbox li:before, li.item-std:before {
	color: #888888;
	content: '\f00c';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 13px;
	margin-left: -18px; /* same as padding-left set on li */
	width: 18px; /* same as padding-left set on li */
}
.mainbox ul.normal-list li:before, li.item-std:before {
	color: #a99376;
	content: '\f058';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 13px;
	margin-left: -18px; /* same as padding-left set on li */
	width: 18px; /* same as padding-left set on li */
}
.mainbox ul.alert-list li:before {
	color: #6caa58;
	content: '\f00c';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 13px;
	margin-left: -18px; /* same as padding-left set on li */
	width: 18px; /* same as padding-left set on li */
}
.mainbox.mainbox2 ul.sin-tilde li:before {
	display: none;
}
.mainbox.mainbox2 ul.sin-tilde li {
	padding-left: 0;
}
ul.ul-h4 {
	font-weight: 300;
	color: #838383;
	font-size: 18px;
	line-height: 26px;
	padding: 15px 0 25px 30px;
	font-style: italic;
	text-align: justify;
}
.normal-list {
	margin-bottom: 30px;
}
.mainbox li.arrow-down:before {
	color: #888888;
	content: '\f0ab';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 13px;
	margin-left: -18px; /* same as padding-left set on li */
	width: 18px; /* same as padding-left set on li */
}
.mainbox li.bullet-open:before {
	color: #6ebe3b;
	content: '\f111';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 13px;
	margin-left: -18px;
	width: 18px;
}
.mainbox li.bullet-close:before {
	color: #f43a3e;
	content: '\f111';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 13px;
	margin-left: -18px;
	width: 18px;
}
.mainbox p.lead {
	font-weight: 300;
	color: #838383;
	font-size: 18px;
	line-height: 26px;
	padding: 15px 0 25px 0;
	font-style: italic;
}
.mainbox h4 {
	font-weight: 300;
	color: #747373;
	font-size: 18px;
	line-height: 26px;
	padding: 15px 0 0 0;
}
.mainbox.color-institucional h1,
.mainbox.color-institucional p strong {
	color: #17407b;
}
.mainbox.color-contacto h1,
.mainbox.color-contacto p strong {
	color: #17407b;
}
.mainbox.color-institucional h1 {
	color: #17407b;
}
.mainbox hr {
	border-top: 1px solid #cfcfcf;
	background-image: none;
}
input[type=button] {
	background-color: #eeede9;
	color: #404040;
	border: none;
	padding: 11px 30px;
	border-radius: 4px;
	margin: 20px 0;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
input[type=button]:hover {
	background-color: #8c8c8c;
	color:#ffffff;
}
.mainbox p a, .mainbox ul li a {
	color: #3c0560;
	text-decoration: none;
	transition: color 150ms ease-in-out;
    -webkit-transition: color 150ms ease-in-out;
	-moz-transition: color 150ms ease-in-out;
	-o-transition: color 150ms ease-in-out;
}
.mainbox p a:hover, .mainbox ul li a:hover {
	color: #0ecbff;
}
.alert {
	padding: 0 15px;
}
.alert p.lead {
	font-style: normal;
	font-size: 13px;
	line-height: 20px;
}
.alert-info {
	background-color: #f8f8f8;
	border-color: #e7e1e4;
}
.alert-info-high {
	background-color: #f8f0d8;
	border-color: #e7d4b2;
	padding: 10px 20px 20px;
}
.alert.alert-info-gral {
	background-color: #e0ebf1;
	border-color: #86a8ba;
	padding: 10px 20px 20px;
	margin-bottom: 40px;
	margin-top:  20px;
}
.alert.alert-info-gral p,
.alert.alert-info-gral p.lead {
	font-size: 15px;
	color: #404040;
	padding:  15px 0 5px 0;
}
.btn.btn-info {
	background-color: #eeede9;
	color: #404040;
	border: none;
	padding: 11px 30px;
	border-radius: 4px;
	margin: 20px 0;
	font-weight: 300;
	font-size: 15px;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.btn.btn-info:hover {
	background-color: #8c8c8c;
	color: #ffffff;
}
.btn.btn-danger {
	background-color: #eeede9;
	color: #dd594a;
	border: 1px solid #dd7162;
	padding: 11px 30px;
	border-radius: 4px;
	margin: 20px 0;
	font-weight: 300;
	font-size: 15px;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.btn.btn-danger:hover {
	background-color: #dd594a;
	border: 1px solid #dd594a;
	color: #ffffff;
}

/**************** Formulario de contacto ****************/
.form-group label {
	font-size: 14px;
	font-weight: 300;
	color: #404040;
}
.form-control, .form-control#destino {
	background-color: #efedea;
	height: 40px;
	border: none;
	border-radius: 0px;
	font-weight: 400;
}
.marginright40 {
	margin-right: 40px;
}
.btn-warning.srch {
	background-color: #3a86ed;
	border: none;
}
.btn-warning.srch:hover {
	background-color: #255696;
	border: none;
}
.btn-warning.srch:active {
	background-color: #292929;
	border: none;
}
.btn-default.cancelar {
	background-color: #bcbcbc;
	border: none;
	margin-right: 0px;
	color:#ffffff;
}
.btn-default.cancelar:hover {
	background-color: #a09f9f;
}
.form-group.margintop15 {
	margin-top: 35px;
}
.btn-success {
	background-color: red;
	border: none;
}

/**************** General Servicios ****************/
.bkg-servicios {
	background-color: #ebbb20;
}
.bkg-oficina-virtual {
	background-color: #5783e5;
}
.bkg-informacion-de-interes {
	background-color: #84817f;
}
.bkg-noticias {
	background-color: #a99376;
}
.bkg-necrologicas {
	background-color: #6b6d67;
}
.bkg-neutro-claro {
	background-color: #eeede9;
}
.energia, .color-energia {
	color: #54bd7b;
}
.comunicaciones, .color-comunicaciones {
	color: #a463ba;
}
.servicio-social, .color-servicio-social {
	color: #f2a20c;
}
.educacion, .color-educacion {
	color: #0fb3ce;
}
.noticias {
	color: #a99376;
}
.necrologicas {
	color: #6b6d67;
}
.informacion-de-interes {
	color: #84817f;
}
.informacion-general, .color-informacion-general {
	color: #86a8ba;
}
.turnos, .color-turnos {
color: #698ee0;
}
.bkg-energia {
	background-color: #54bd7b;
}
.bkg-comunicaciones {
	background-color: #a463ba;
}
.bkg-servicio-social {
	background-color: #f2a20c;
}
.bkg-educacion {
	background-color: #0fb3ce;
}
.bkg-informacion-general {
	background-color: #86a8ba;
}
.bkg-culturydepor {
	background-color: #e8584d;
}

/**************** Sidebar Contacto e Institucional ****************/
.sidebar.color-contacto h4 {
	color: #17407b;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	padding: 0px 10px 20px;
}
.table {
	margin-bottom: 5px;
}
.sidebar .nav a {
	color:#808080;
	font-weight: 300;
}
.sidebar.color-institucional .nav a:hover {
	color: #17407b;
}
.sidebar.color-noticias .nav a:hover {
	color: #a99376;
}
.panel-contextual {
	background-color: #EEEDE9;
}
.panel-contextual2 {
	background-color: #d7d7d6;
}
.panel-contextual .table>tbody>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #d2d1d1;
}
.panel-contextual2 .table>tbody>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #b7b7b7;
}
.sidebar>.btn-primary {
	margin-top: 20px;
	background-color: #a8a7a7;
	color: #ffffff;
	border-color: #a8a7a7;
	transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
}
.sidebar>.btn-primary:hover {
	background-color: #808080;
	color: #ffffff;
	border-color: #808080;
}

/**************** Sidebar Servicios ****************/
.panel {
	border-radius: 0px;
	border: none;
}
.panel-default>.panel-heading {
	border-top: 1px solid #ffffff;
}
.panel-body.panel-energia,
.panel-body.panel-comunicaciones,
.panel-body.panel-servicio-social,
.panel-body.panel-educacion,
.panel-body.panel-informacion-general, {
	border-top: 1px solid #ffffff;
}
.panel-heading.bkg-servicios {
	background-color: #ebbb20;
}
.panel-energia {
	background-color: #54bd7b;
}
.panel-comunicaciones {
	background-color: #a463ba;
}
.panel-servicio-social {
	background-color: #f2a20c;
}
.panel-educacion {
	background-color: #0fb3ce;
}
.panel-informacion-general {
	background-color: #86a8ba;
}
.panel.panel-default>.panel-heading a, .panel.panel-default>.panel-body a {
	color: #ffffff;
	text-decoration: none;
	font-size: 20px;
}
.panel.panel-default>.panel-heading a span, .panel.panel-default>.panel-body a span {
	font-size: 15px;
	top: 0px;
}
.panel-footer h4 {
	color: #9a9694;
	font-size: 14px;
	font-weight: 700;
	padding-left: 4px;
}
.panel-footer li {
 	padding: 5px 4px;
}
.panel-footer ul li a.energia,
.panel-footer li a.comunicaciones,
.panel-footer li a.servicio-social,
.panel-footer li a.educacion,
.panel-footer li a.informacion-general {
	color: #808080;
 	font-size: 14px;
 	text-decoration: none;
}
.panel-footer ul li a.energia:hover {
	color: #54bd7b;
}
.panel-footer li a.comunicaciones:hover {
	color: #a463ba;
}
.panel-footer li a.servicio-social:hover {
	color: #f2a20c;
}
.panel-footer li a.educacion:hover {
	color: #0fb3ce;
}
.panel-footer li a.noticias:hover {
	color: #a99376;
}
.panel-footer li a.informacion-general:hover {
	color: #86a8ba;
}

/**************** Sidebares ****************/
.panel-default>.panel-heading.bkg-noticias {
	background-color: #a99376;
	padding-top: 30px;
}
.panel-default>.panel-heading.bkg-necrologicas {
	background-color: #6b6d67;
	padding-top: 30px;
}
.panel-default>.panel-heading.bkg-informacion-de-interes {
	background-color: #84817f;
}
.panel-default>.panel-heading.bkg-culturydepor {
	background-color: #e8584d;
	padding-top: 30px;
}
.sidebar .btn {
	border-radius: 0;
}

/**************** Listado de Items de cada servicio ****************/
.panel-heading h3 {
	font-size: 26;
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
}
.panel-footer {
	border-top: none;
	background-color: #eeede9;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 33px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.panel-footer a {
	color: #808080;
	font-size: 14px;
	text-decoration: none;
}
.panel-footer a:hover {
	color: #17407b;
}
.panel-body {
	padding: 10px 15px;
}
.main-body h1 {
	font-size: 26px;
	font-weight: 300;
	padding: 20px 30px;
}
.main-body hr {
	height:3px;
	margin-top: 0;
}
.panel-heading.bkg-energia {
	background-color: #54bd7b;
}
.panel-heading.bkg-comunicaciones {
	background-color: #a463ba;
}
.panel-heading.bkg-servicio-social {
	background-color: #f2a20c;
}
.panel-heading.bkg-educacion {
	background-color: #0fb3ce;
}
.panel-heading.bkg-informacion-general {
	background-color: #86a8ba;
}
.panel-footer a.energia:hover {
	color: #54bd7b;
}
.panel-footer a.comunicaciones:hover {
	color: #a463ba;
}
.panel-footer a.servicio-social:hover {
	color: #f2a20c;
}
.panel-footer a.educacion:hover {
	color: #0fb3ce;
}
.panel-footer a.informacion-general:hover {
	color: #86a8ba
}
.panel-footer ul li a.energia,
.panel-footer li a.comunicaciones,
.panel-footer li a.servicio-social,
.panel-footer li a.educacion,
.panel-footer li a.informacion-general {
	color: #808080;
 	font-size: 14px;
 	text-decoration: none;
}
.panel-footer ul li a.energia:hover {
	color: #54bd7b;
}
.panel-footer li a.comunicaciones:hover {
	color: #a463ba;
}
.panel-footer li a.servicio-social:hover {
	color: #f2a20c;
}
.panel-footer li a.educacion:hover {
	color: #0fb3ce;
}
.panel-footer li a.informacion-general:hover {
	color: #86a8ba;
}

/**************** Formulario dentro de Item servicio ****************/
legend.text-info {
	font-size: 14px;
	font-weight: 300;
	color: #84aebe;
	line-height: 22px;
	padding: 20px 0 10px;
	border-top: 1px solid #84aebe;
	margin-top: 40px;
}
legend {
	border-bottom: none;
}

/**************** Formulario de adhesion ****************/
.gutter-right {
	border-right: solid 10px #ffffff;
}
.gutter-right2 {
	border-right: solid 10px #effff1;
}
.mainbox p.lead {
	padding: 15px 0 25px 0;
	font-style: normal;
	margin-bottom: 0;
}
.row.marco-miembro {
	border: 1px solid #a4dfab;
	border-radius: 3px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #effff1;
}
.titulo-externo-form {
	margin: 30px 0 15px;
}
.btn.btn-link {
	background-color: #eeede9;
	color: #50ba61;
	border: 1px solid #4faa5c;
	text-decoration: none;
	padding: 11px 30px;
	border-radius: 4px;
	margin: 0;
	font-weight: 300;
	font-size: 15px;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.btn.btn-link:hover {
	background-color: #4faa5c;
	border: 1px solid #4faa5c;
	color: #ffffff;
}
a.btn.btn-link:hover {
	text-decoration: none;
}
a.btn-link i.fa {
	font-size: 16px;
	padding-right: 5px;
}
.padding-button {
	padding: 10px 0 0 10px;
	margin-left: 10px;
}

/**************** Ingreso a Oficina Virtual ****************/
.login-txt {
	padding: 20px 60px;
	background-color: #e8e4e1;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.login-txt:hover {
	background-color: #dbd6d2;
}
.login-txt h3 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	color: #5783e5;
}
.login-txt p.text-info {
	margin-top: 0px;
	font-size: 14px;
	line-height: 16px;
}
.login-txt ul {
	list-style: none;
	padding-left: 20px;
}
.login-txt input.form-adhesion {
	width:200px;
	margin:10px 20px 20px 0px;
	height: 44px;
	padding-left: 20px;
}
.login-txt button.btn-default {
	margin-bottom: 20px;
	margin-top: 20px;
}

/**************** Nuevo Oficina Virtual 2021 ****************/
.login-txt2 {
	padding: 33px 30px 33px;
}
h2.tit-large {
	color: #5783e5;
	font-weight: 600;
	font-size: 30px;
	letter-spacing: -1px;
	padding-bottom: 20px;
}
ul.list-2 {
	list-style-position: inside;
	padding-bottom: 3px;
	padding-inline-start: 0;
}
.mb30 {
	margin-bottom: 37px;
}
ul.list-2 li {
	color: #595959;
	font-size: 17px;
	font-weight: 400;
	line-height: 17px;
	margin-bottom: 10px;
}
li::marker {
	color: #5783e5;
}
.btn.btn-2 {
	background-color: #17407b;
	color: #ffffff;
	border: 1px solid #17407b;
	padding: 11px 30px;
	border-radius: 4px;
	margin: 20px 0;
	font-weight: 400;
	font-size: 16px;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.btn.btn-2:hover {
	background-color: #3c0560;
	border: 1px solid #3c0560;
	color: #ffffff;
}
.btn.btn-3 {
	background-color: #0bbcd8;
	color: #ffffff;
	border: 1px solid #0bbcd8;
	padding: 11px 30px;
	border-radius: 4px;
	margin: 20px 0;
	font-weight: 400;
	font-size: 16px;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.btn.btn-3:hover {
	background-color: #494a4e;
	border: 1px solid #494a4e;
	color: #ffffff;
}
.bkg-ov {
	background-color: #ffffff;
	background-image: url(../storage/images/deco/img_ov-bkg.svg);
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.placa-shadow {
	position: absolute;
	top: -100px;
	width: 100%;
	height: 100px;
	background-color: rgba(200,222,150,0.3);
	-webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.2);
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.2);
}
.row-2 {
	padding: 30px 30px 10px;
}
.mb20 {
	margin-bottom: 0;
}
.mb40 {
	margin-bottom: 0;
}
hr.separador-cols {
	margin-top: 0;
	margin-bottom: 0;
}
.login-txt2 .txt-dest2 {
	color: #858383;
	font-size: 16px;
}
.login-txt2 i {
	font-size: 16px;
}

/**************** Info de interes Instructivos ****************/
#tema-1, #tema-2, #tema-3, #tema-4, #tema-5, #tema-6, #tema-6,
#tema-7, #tema-8, #tema-9, #tema-10, #tema-11, #tema-12, #tema-13,
#tema-14, #tema-15, #tema-16, #tema-17, #tema-18 {
    padding-top: 125px;
    margin-top: -125px;
}

/**************** Info de interes 5to boton ****************/
a .boton-extra {
	height: 80px;
	background-color: #e8e4e1;
	color: #3c0560;
	text-align: center;
	text-decoration: none;
	transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
	-webkit-transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
	-moz-transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
	-o-transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
}
a .boton-extra:hover, a .boton-extra:focus {
	background-color: #86a8ba;
	color: #e8e4e1;
	text-decoration: none;
}
a h3.txt-boton-extra {
	font-size: 26px;
	line-height: 26px;
	font-weight: 600;
	text-transform: uppercase;
	padding-top: 7px;
}

/**************** Sub Navigation ****************/
.subnav li.hov-energia,
.subnav li.hov-comunicaciones,
.subnav li.hov-servicio-social,
.subnav li.hov-educacion,
.subnav li.hov-noticias,
.subnav li.hov-informacion-general,
.subnav li.hov-necrologicas,
.subnav li.hov-cultydepor,
.subnav li.hov-cultura,
.subnav li.hov-deporte {
	background-color: #17407b;
}
.subnav li.hov-energia:hover {
	background-color: #54bd7b;
}
.subnav li.hov-comunicaciones:hover {
	background-color: #a463ba;
}
.subnav li.hov-servicio-social:hover {
	background-color: #f2a20c;
}
.subnav li.hov-educacion:hover {
	background-color: #0fb3ce;
}
.subnav li.hov-noticias:hover {
	background-color: #a99376;
}
.subnav li.hov-informacion-general:hover {
	background-color: #86a8ba;
}
.subnav li.hov-necrologicas:hover {
	background-color: #6b6d67;
}
.subnav li.hov-cultydepor:hover {
	background-color: #e8584d;
}
.subnav li.hov-cultura:hover {
	background-color: #d86e69;
}
.subnav li.hov-deporte:hover {
	background-color: #7e9f4b;
}

.subnav li.nav2.hov-farmacias,
.subnav li.nav2.hov-contacto {
	background-color: #17407b;
}
.subnav li.nav2.hov-farmacias:hover {
	background-color: #a99376;
}
.subnav li.nav2.hov-contacto:hover {
	background-color: #4f97cc;
}
.nav-pills>li+li {
	margin-left: 0;
}


/**************** Listado Noticias ****************/
p.tags {
	color: #808080;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
}
.wrap-etiquetas {
	margin:0;
	padding-bottom: 15px;
	position:relative;
 }
.wrap-etiquetas a.etiq {
	position:relative;
	display: inline-block;
	height:24px;
	background-color: #a99376;
	margin-right:10px;
	margin-bottom: 10px;
	padding: 14px 14px;
	font-size:11px;
	color: #ffffff;
	font-weight: 700;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height:0;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
 }
  .wrap-etiquetas a.etiq:hover {
	background-color: #82725e;
 }
 .wrap-etiquetas a.etiq2 {
	position:relative;
	display: inline-block;
	height:24px;
	background-color: #6b6d67;
	margin-right:10px;
	margin-bottom: 10px;
	padding: 14px 14px;
	font-size:11px;
	color: #ffffff;
	font-weight: 700;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height:0;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
 }
  .wrap-etiquetas a.etiq2:hover {
	background-color: #252624;
 }
 .wrap-etiquetas a.etiq3 {
	position:relative;
	display: inline-block;
	height:24px;
	background-color: #e8584d;
	margin-right:10px;
	margin-bottom: 10px;
	padding: 14px 14px;
	font-size:11px;
	color: #ffffff;
	font-weight: 700;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height:0;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
 }
  .wrap-etiquetas a.etiq3:hover {
	background-color: #a8362d;
 }
  .wrap-etiquetas a.etiq4 {
	position:relative;
	display: inline-block;
	height:24px;
	background-color: #6a9913;
	margin-right:10px;
	margin-bottom: 10px;
	padding: 14px 14px;
	font-size:11px;
	color: #ffffff;
	font-weight: 700;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height:0;
	transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
 }
  .wrap-etiquetas a.etiq4:hover {
	background-color: #466709;
 }
 .sola {
 	display: block;
 }
.card {
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	margin-bottom: 1rem;
	margin-right: 1rem;
	max-width: 262px;
}
.card3col {
	width: 31%;
	margin-right: 1.6%;
	display: inline-block;
	margin-bottom: 2%;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
}
.mask {
	width: 100%;
    max-height: 196px;
	overflow: hidden;
}

.card-img-top{
    aspect-ratio: 262 / 196;
    object-fit: cover
}
.card-body, .card-body3, .card-body4 {
	padding: 15px;
	height: 128px;
}
.card-body2 {
	padding: 15px;
	height: 110px;
}
.mainbox p.fecha-small, .mainbox3 p.fecha-small {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	color: #9c9ba1;
	text-transform: uppercase;
}
.mainbox p.fecha-small2 {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	color: #6b6d67;
	text-transform: uppercase;
}
.card a {
	text-decoration: none;
}
a .card-body, a .card-body2, a .card-body3, a .card-body4 {
	background-color: #eeede9;
	border: 1px solid #e3e1d9;
	transition: background-color 150ms ease-in-out;
	-webkit-transition: background-color 150ms ease-in-out;
	-moz-transition: background-color 150ms ease-in-out;
	-o-transition: background-color 150ms ease-in-out;
}
a .card-body:hover, a .card-body2:hover, a .card-body3:hover, a .card-body4:hover {
	background-color: #dfdeda;
	text-decoration: none;
}
.card3col a:hover {
	text-decoration: none;
}
a .card-body h5, a .card-body2 h5, a .card-body3 h5, a .card-body4 h5 {
	padding-top: 0px;
	margin-top: 0px;
}
.card-body h5 {
	color: #a99376;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	transition: color 100ms ease-in-out;
	-webkit-transition: color 100ms ease-in-out;
	-moz-transition: color 100ms ease-in-out;
	-o-transition: color 100ms ease-in-out;
}
.card-body2 h5 {
	color: #6b6d67;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	transition: color 100ms ease-in-out;
	-webkit-transition: color 100ms ease-in-out;
	-moz-transition: color 100ms ease-in-out;
	-o-transition: color 100ms ease-in-out;
}
.card-body3 h5 {
	color: #e87c6f;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	transition: color 100ms ease-in-out;
	-webkit-transition: color 100ms ease-in-out;
	-moz-transition: color 100ms ease-in-out;
	-o-transition: color 100ms ease-in-out;
}
.card-body4 h5 {
	color: #6a9913;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	transition: color 100ms ease-in-out;
	-webkit-transition: color 100ms ease-in-out;
	-moz-transition: color 100ms ease-in-out;
	-o-transition: color 100ms ease-in-out;
}

/**************** New estilos noticias ****************/
.noticias h1 {
	font-weight: 300;
	font-size: 34px;
	line-height: 40px;
	padding-bottom: 10px;
	color: #a99376;
}
h1.cultura {
	font-weight: 300;
	font-size: 34px;
	line-height: 40px;
	padding-bottom: 10px;
	color: #e8584d;
}
h1.deportes {
	font-weight: 300;
	font-size: 34px;
	line-height: 40px;
	padding-bottom: 10px;
	color: #6a9913;
}
h1.necrologicas {
	font-weight: 300;
	font-size: 34px;
	line-height: 40px;
	padding-bottom: 10px;
	color: #6b6d67;
}
.noticias .tags, .necrologicas .tags {
	color: #9c9ba1;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
}
.noticias .fecha, .necrologicas .fecha {
	color: #9c9ba1;
	text-transform: uppercase;
}
.noticias h5 {
	padding-top: 0px;
	margin-top: 0px;
	color: #a99376;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	transition: color 100ms ease-in-out;
	-webkit-transition: color 100ms ease-in-out;
	-moz-transition: color 100ms ease-in-out;
	-o-transition: color 100ms ease-in-out;
}
.necrologicas h1 {
	font-weight: 300;
	font-size: 34px;
	line-height: 40px;
	padding-bottom: 10px;
	color: #6b6d67;
}
.necrologicas h5 {
	padding-top: 0px;
	margin-top: 0px;
	color: #6b6d67;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	transition: color 100ms ease-in-out;
	-webkit-transition: color 100ms ease-in-out;
	-moz-transition: color 100ms ease-in-out;
	-o-transition: color 100ms ease-in-out;
}

/**************** Page Loader ****************/
.page-loader {
    display:block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fefefe;
    z-index: 100000;
}
.loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 1px solid rgba(0,0,0, 0.08);
    border-right: 1px solid rgba(0,0,0, 0.08);
    border-bottom: 1px solid rgba(0,0,0, 0.08);
    border-left: 1px solid rgba(0,0,0, 0.5);

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-animation: spinner 700ms infinite linear;
    -moz-animation: spinner 700ms infinite linear;
    -ms-animation: spinner 700ms infinite linear;
    -o-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	}

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	}
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	}

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	}
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	}

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	}
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	}
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	}
}

/**************** Paginador ****************/
.pagination>.active>span, .pagination>.active>span:hover {
	background-color: #909090;
	border-color: #909090;
}
.pagination>li>a {
	color: #909090;
}

/*************************************************************************************************
**************************************************************************************************
*************************************************************************************************/
/*Media queries*/
/*************************************************************************************************
**************************************************************************************************
*************************************************************************************************/
@media (max-width: 1200px) {
	.mainbox {
	padding: 40px 60px 70px 60px;
	}
	/*.top-cont {
	margin-top: 40px;
	}*/
	.bloque-sup2, .bloque-sup3 {
	height: 175px;
	}
	.bloque-sup h3 {
	padding: 10px 20px 0;
	color: #ffffff;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	}
	.bloque-sup3 h3 {
	padding-top: 0;
	font-size: 22px;
	line-height: 30px;
	margin-top: 10px;
	}
	.bloque-sup5 {
	min-height: 220px;
	padding-top: 10px;
	}
	.slideshow .data {
	padding-top: 5rem;
	}
	.slideshow h3 {
	font-size: 45px;
	}
	.slideshow p {
	font-size: 20px;
	line-height: 24px;
	}
	.slideshow .btn-lg {
	font-size: 18px;
	padding: 13px 25px;
	}
	.item-rel-b {
	height: 305px;
	}
	.placa-5-4 {
	background-image: url(../storage/images/banners/bkg-turnos-2024-02-03.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	}
	.placa-5-4:hover {
	opacity: 0.7;
	}
	.ganadores-sorteo {
	padding-top: 50px;
	padding-bottom: 60px;
	}
	.fotos-ganadores-mes img {
	max-height: 388px;
	}
}
@media (max-width: 990px) {
	body {
	padding-top: 199px;
	}
	.sidebar-nopadding {
	padding: 0 0 0 0;
	}
	.x-margin-bot-15 {
	margin-bottom: 15px;
	}
	.mb-15 {
	margin-bottom: 15px;
	}
	.row-superior {
	margin-top: -40px;
	}
	.bloque-sup {
	padding: 20px;
	}
	.bloque-sup2 {
	height: 270px;
	padding: 5px 40px;
	}
	.bloque-sup2 img {
	padding: 0 100px;
	}
	.bloque-sup2 .img-responsive {
	margin-top: 10px;
	}
	.bloque-sup3 {
	height: 200px;
	}
	.bloque-sup.bkg-oficina-virtual {
	margin-top: 15px;
	}
/*	.slideshow {
	margin-bottom: 55px;
	}*/
	.carousel-inner {
	margin-top: 0;
	}
	.bloque-sup4 h3 {
	padding: 0 100px;
	}
	.bloque-sup4 {
	padding: 27px 30px 20px;
	min-height: 190px;
	}
	.bloque-sup5 {
	min-height: 200px;
	padding-top: 20px;
	}
	.bloque-sup4.sup4-last {
	padding-top: 1px;
	padding-bottom: 15px;
	}
	.top-full-banner {
	background-image: url(../storage/images/banners/adhes-fact-elect-home_720x350-bkg.jpg);
	background-position: center right;
	height: 350px;
	}
	.tfb-col-izq {
	height:  200px;
	}
	.tfb-col-der {
	padding-top: 0;
	}
	p.destacado-7 {
	display: inline-block;
	}
	h1.tit-5  {
	margin-top: 0;
	}
	.slideshow .data {
	position: absolute;
	max-width: 45%;
	padding-top: 3rem;
	padding-left: 3rem;
	}
	.slideshow h3 {
	font-size: 36px;
	}
	.slideshow p {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 2rem;
	}
	.slideshow .btn-lg {
	font-size: 13px;
	padding: 11px 20px;
	}
	.navbar-default .navbar-nav>li>a {
	padding-left: 10px;
	padding-right: 10px;
	}
	.login-txt2 {
	padding: 33px 30px 0px;
	}
	hr.separador-cols {
	margin-top: 30px;
	}
	hr.separador-cols {
	border-top: 1px solid #a8a7a7;
	width: 75%;
	}
	.mb30 {
	margin-bottom: 10px;
	}
	.mb20 {
	margin-bottom: 20px;
	}
	.row-cabezal {
	padding-top: 40px;
	height: 240px;
	overflow: hidden;
	}
	.mb40 {
	margin-bottom: 35px;
	}
	.mainbox.mainbox2 p,
	.mainbox.mainbox2 h4 {
	text-align: left;
	}
	.mainbox.mainbox2 .mb30 {
	margin-bottom: 45px;
	}
	.input-group2 {
	margin-bottom: 35px;
	}
	.tfb-col-izq {
	padding-top: 1vw;
	}
	.placa-3 {
	margin-bottom:  15px;
	}
	.wrap-item-contact {
	padding: 40px 0;
	}
	.placa-4-3 {
	background-image: url(../storage/images/banners/bkg-placa-fact-electr-home-new.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
	.placa-5-4 {
	background-image: url(../storage/images/banners/bkg-turnos-2024-02-01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	}
	.placa-5-4:hover {
	opacity: 0.7;
	}
	.width-21pct {
	width: 20.5%;
	margin-right: 2.2%;
	}
	.width-37pct {
	width: 37%;
	margin-right: 2.2%;
	}
	.width-37pct-ult {
	width: 37%;
	}
	.fotos-ganadores-mes img {
	max-height: 457px;
	}
}
@media (max-width: 768px) {
	body {
	padding-top: 150px;
	}
	.gutter-right, .gutter-right2 {
	border-right: solid 2px transparent;
	}
	.top-cont {
	margin-top: 0;
	}
	.bloque-sup2 {
	height: auto;
	}
	.bloque-sup2 img {
	padding: 0 50px;
	}
	.slideshow {
	margin-bottom: 15px;
	}
	.slideshow .data {
	padding-top: 2.5rem;
	padding-left: 3rem;
	max-width: 45%;
	}
	.slideshow h3 {
	font-size: 33px;
	}
	.slideshow p {
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 2rem;
	}
	.row-cabezal {
	padding-top: 0;
	height: auto;
	background-color: #5783e5;
	}
	.navbar-brand {
	padding: 10px 15px;
	}
	.navbar-toggle {
	margin-right: 0px;
	}
	.input-group2 {
	margin-bottom: 25px;
	}
	.gutter-right, .gutter-right2 {
	border-right: solid 2px transparent;
	}
	.top-cont {
	margin-top: 0;
	}
	.row-superior {
	margin-top: 0px;
	}
	.wrap-form-factura-electr {
	margin-top:  30px;
	}
	.tfb-col-izq {
	height: 30vw;
	padding-top: 4vw;
	}
	.p-destacado-7 {
	font-size: 10vw;
	}
	.subnav li {
	border-right: none;
	}
	.wrap-item-contact,
	.wrap-item-contact p {
	text-align: center;
	font-size: 19px;
	}
	.header-info-contact h3.head-1 {
	font-size: 30px;
	letter-spacing: 1px;
	margin: 5px 0;
	}
	.header-info-contact h3.head-2 {
	font-size: 70px;
	line-height: 82px;
	letter-spacing: 2px;
	margin: 5px 0;
	}
	.mainbox2 {
	padding: 40px 70px 70px 70px;
	}
	.wrap-item-contact img {
	padding: 15px;
	}
	.width-21pct {
	width: 20.5%;
	margin-right: 2%;
	}
	.width-37pct {
	width: 37%;
	margin-right: 2%;
	}
	.width-37pct-ult {
	width: 37%;
	}
	.logos-ganadores {
	padding: 20px 10%;
	margin-bottom: 50px;
	}
	.fotos-ganadores-mes img {
	max-height: 385px;
	}
}

@media (max-width: 675px) {
	.card {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 5%;
	}
	.card-body {
	padding: 15px;
	height: 105px;
	}
	.bloque-sup5 {
	}
	.slideshow p {
	display: none;
	}
	.slideshow .data {
	min-width: 48%;
	padding-top:  7vw;
	}
	.slideshow h3 {
	font-size: 25px;
	letter-spacing: -1px;
	}
	.slideshow .btn-lg {
	margin-top:  10px;
	font-size: 12px;
	padding: 7px 15px;
	}
	.btn.btn-contacto.big2 {
	font-size: 30px;
	}
	.wrap-item-contact img {
	padding: 15px;
	}
	.width-21pct {
	width: 100%;
	margin-right: 0;
	margin-bottom: 25px;
	}
	.width-37pct {
	width: 100%;
	margin-right: 0;
	margin-bottom: 25px;
	}
	.width-37pct-ult {
	width: 100%;
	}

}
@media (max-width: 576px) {
	.fotos-ganadores-mes img {
	max-height: 100%;
		.fotos-ganadores-mes img {
		padding-right: 0;
	}
}

@media (max-width: 540px) {
	.card-body {
	padding: 15px;
	height: 130px;
	}
	.mainbox {
	padding: 40px 40px 50px 40px;
	}
	.bloque-sup2 {
	height: 220px;
	}
	.bloque-sup2 img {
	overflow: hidden;
	margin-top: -30px;
	}
	.slideshow .data {
	padding-top: 0;
	padding-left: 2rem;
	}
	.slideshow h3 {
	font-size: 17px;
	letter-spacing: 0;
	}
	.slideshow .btn-lg {
	margin-top:  0;
	font-size: 10px;
	padding: 3px 8px;
	}
	.hidden-xxs {
	display: none !important;
	}
	.col-xxs-12 {
	width: 100%;
	}
	.top-full-banner {
	background-position: center right -30px;
	height:  450px;
	}
	.tfb-col-izq {
	height: 47vw;
	padding-top: 10vw;
	}
	p.destacado-7{
	display:  block;
	}
	.hidden-xxxs {
	display: none;
	}
	.header-info-contact h3.head-1 {
	font-size: 26px;
	letter-spacing: 1px;
	margin: 5px 0;
	}
	.header-info-contact h3.head-2 {
	font-size: 60px;
	line-height: 82px;
	letter-spacing: 2px;
	margin: 5px 0;
	}
	.mainbox2 {
	padding: 40px 20px 50px 20px;
	}
	.btn.btn-contacto {
	padding: 18px 30px;
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 15px;
	}
	.btn.btn-contacto.big2 {
	font-size: 30px;
	padding: 18px 22px;
	}
	.wrap-item-contact img {
	padding: 15px;
	}
	.placa-5-4 {
	background-image: url(../storage/images/banners/bkg-turnos-2024-02-02.jpg);
	}
	.placa-5-4:hover {
	background-image: url(../storage/images/banners/bkg-turnos-2024-02-02b.jpg);
	}
	.fotos-ganadores-mes img {
	padding-right: 0;
	}
}

@media (max-width: 480px) {
	body {
	padding-top: 150px;
	}
	.footer-column {
  padding-top: 20px;
  }
  .separador-footer {
	display: none;
  }
  a h3.txt-boton-extra {
	padding-top: 15px;
	}
	.mainbox {
  padding: 15px;
  }
  .mainbox h1 {
	margin-top: 0px;
	padding-bottom: 0px;
	}
	.mainbox h2 {
	padding-bottom: 15px;
	margin-bottom: 5px;
	}
	.mainbox h4 {
	padding: 10px 0 5px 0;
	}
	.mainbox .table thead {
	font-size: 14px;
	}
	.mainbox .table td {
	font-size: 14px;
	}
	.marginright40 {
	margin-right: 30px;
	}
	.login-txt {
	padding: 20px 40px;
	}
	.login-txt button.btn-default {
	margin-top: 0px;
	}
	.bloque-sup2 {
	max-height: 170px;
	}
	.mt-xs15 {
	margin-top: 15px;
	}
	.ml15 {
	margin-left: 15px;
	margin-right: 15px;
	}
	.bloque-sup5 p {
	font-size: 12px;
	line-height: 13px;
	}
	.bloque-sup5 {
	background-size: 190%;
	background-position: center right;
	}
	.bloque-sup5 h3 {
	padding: 0;
	font-size: 17px;
	line-height: 22px;
	margin-top: 7px;
	}
	img.icono-1 {
	max-height: 180px;
	padding-top: 60px;
	}
	.tfb-col-der {
	padding-top: 30px;
	}
	.mainbox2 {
	padding: 40px 20px 50px 20px;
	}
	.header-info-contact h3.head-1 {
	font-size: 24px;
	letter-spacing: 1px;
	margin: 5px 0;
	}
	.header-info-contact h3.head-2 {
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 2px;
	margin: 5px 0;
	}
	.header-info-contact img {
	max-width: 240px;
	padding-bottom: 35px;
	}
	.btn.btn-contacto.big2 {
	font-size: 24px;
	padding: 18px 20px;
	}
	.wrap-item-contact img {
	padding: 15px;
	}
	.logos-ganadores {
	padding: 10px 0;
	margin-bottom: 50px;
	}
	.ganadores-sorteo .plr30 {
	padding-left: 5px;
	padding-right: 5px;
	}
	.fotos-ganadores-mes img {
	padding-right: 0;
	}
}
@media (max-width: 411px) {
	h1.tit-5 {
	font-size: 50px;
	}
	p.copete-5 {
	font-size: 23px;
	padding-left: 0px;
	}
	.bloque-sup5 {
	background-image: url(../storage/images/banners/adhes-fact-elect_432x350.jpg);
	background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
	height: 300px;
	padding-top: 50px;
	}
	p.bajada-5 {
	font-size: 22px;
	padding-top: 20px;
	margin-bottom: 0;
	}
	p.destacado-5 {
	font-size: 24px;
	padding-top: 10px;
	line-height: 30px;
	}
	.pos-btn-bloque-5 {
	padding-left: 0;
	}
	.col-bloque-5 {
	width: 100%;
	}
	.factura-electr {
	padding-bottom: 0;
	}
	.factura-electr .plr60 {
	padding-left: 20px;
	padding-right: 20px;
	}
	.factura-electr .plr30 {
	padding-left: 10px;
	padding-right: 10px;
	}
	.wrap-form-factura-electr {
	padding: 0;
	}
	.form-factura-electr {
	padding: 10px 15px 50px;
	border-radius: 0;
	}
	.placa-3 {
	background-image: url(../storage/images/banners/bkg-placa-energia-small.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	}
	.placa-4 {
	min-height: 260px;
	}
	.placa-4 {
	background-image: url(../storage/images/banners/bkg-placa-fact-electr-home-new-small.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	}
	/*.placa-5-3 {
	background-image: url(../storage/images/banners/bkg-show-fito-paez-2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	}*/
	.header-info-contact h3.head-1 {
	font-size: 22px;
	letter-spacing: 1px;
	margin: 5px 0;
	}
	.header-info-contact h3.head-2 {
	font-size: 40px;
	line-height: 50px;
	}
	.header-info-contact img {
	max-width: 210px;
	}
	.btn.btn-contacto.big2 {
	font-size: 18px;
	padding: 26px 18px;
	}
	.wrap-item-contact img {
		padding: 15px;
	}
}
@media (max-width: 342px) {
	.bloque-sup5 h3 {
	padding: 0;
	font-size: 16px;
	line-height: 20px;
	}
	.bloque-sup5 .plr30 {
	padding-left: 15px;
	padding-right: 15px;
	}
	img.icono-1 {
	max-height: 155px;
	padding-top: 60px;
	}
	.wrap-item-contact img {
		padding: 15px;
	}
}

@media (min-width: 1200px) {
	.login-txt {
	min-height: 320px;
	}
}
@media (min-width: 540px) {
	.show-xxxs {
	display:  none;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 993px) {
	.login-txt {
	min-height: 425px;
	}
}
@media only screen and (max-width: 990px) and (min-width: 768px) {
	.panel-default {
	margin-top: 80px;
	}
}
