.ui-icon-cancelmovil_32{
 background-image: url(/hw/img/sys/cancelmovil_32.png) }
 .ui-icon-citamovil_32{
 background-image: url(/hw/img/sys/citamovil_32.png) }
 .ui-icon-csaludmovil_32{
 background-image: url(/hw/img/sys/csaludmovil_32.png) }
 .ui-icon-miagendamovil_32{
 background-image: url(/hw/img/sys/miagendamovil_32.png) }
 .ui-icon-mismsgmovil_32{
 background-image: url(/hw/img/sys/mismsgmovil_32.png) }
 .ui-icon-acercademovil_32{
 background-image: url(/hw/img/sys/acercademovil_32.png) }
 
 .ui-icon-mismsgmovil{
 background-image: url(/hw/img/sys/w-18-mensajes.png) }
 .ui-icon-miagendamovil{
 background-image: url(/hw/img/sys/w-18-agenda.png) }
 
 .ui-icon-jm2rutas:after{
  background-image: url(/hw/img/sys/fa/hospital-solid.png) ;
  background-size: 18px 18px;
 }
 .ui-icon-jm2agenda:after{
  background-image: url(/hw/img/sys/fa/calendar-alt-regular.png) ;
  background-size: 18px 18px;
 }
 .ui-icon-jm2cuadrante:after{
  background-image: url(/hw/img/sys/fa/table-solid.png) ;
  background-size: 18px 18px;
 }
  .ui-icon-jm2carnet:after{
  background-image: url(/hw/img/sys/fa/id-card-solid.png) ;
  background-size: 18px 18px;
 }
   .ui-icon-jm2news:after{
  background-image: url(/hw/img/sys/fa/volume-up-solid.png) ;
  background-size: 18px 18px;
 }
  .ui-icon-jm2circulares:after{
  background-image: url(/hw/img/sys/fa/envelope-solid.png) ;
  background-size: 18px 18px;
 }
 
 
 
 
 
  .ui-icon-citamovil{
 background-image: url(/hw/img/sys/w-18-gestioncitas.png) }
 
 /*
 .ui-icon-cancelmovil{
 background-image: url(/hw/img/sys/cancelmovil.png) }
 .ui-icon-citamovil{
 background-image: url(/hw/img/sys/citamovil.png) }
 .ui-icon-csaludmovil{
 background-image: url(/hw/img/sys/csaludmovil.png) }
 .ui-icon-miagendamovil{
 background-image: url(/hw/img/sys/miagendamovil.png) }
 .ui-icon-mismsgmovil{
 background-image: url(/hw/img/sys/mimsgmovil.png) }
 .ui-icon-acercademovil{
 background-image: url(/hw/img/sys/acercademovil.png) }
*/ 
 
 * Navmenu */
.jqm-navmenu-panel .ui-listview > li .ui-collapsible-heading {
	margin: 0;
}
.jqm-navmenu-panel .ui-collapsible.ui-li-static {
	padding: 0;
	border: none !important;
}
.jqm-navmenu-panel .ui-collapsible + li > .ui-btn,
.jqm-navmenu-panel .ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn,
.jqm-navmenu-panel .ui-panel-inner > .ui-listview > li.ui-first-child .ui-btn {
	border-top: none !important;
}
.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn {
	padding-left: 1.5em;
	color: #999;
}
.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn.ui-btn-active {
	color: #fff;
}
.jqm-navmenu-panel .ui-btn:after {
	opacity: .4;
	filter: Alpha(Opacity=40);
}
.jqm-demos .jqm-navmenu-panel.jqm-panel-page-nav {
	display: none;
	position: absolute;
	top: 178px;
	left: 12px;
}
.jqm-demos .jqm-navmenu-panel.jqm-panel-page-nav ul li:first-child a{
	border-top: none;
}


/* Adjust the width of the left reveal menu. */
#demo-page #left-panel.ui-panel {
    width: 15em;
}
#demo-page #left-panel.ui-panel-closed {
    width: 0;
}
#demo-page .ui-panel-page-content-position-left,
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 15em;
    right: -15em;
}
#demo-page .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(15em,0,0);
    -moz-transform: translate3d(15em,0,0);
    transform: translate3d(15em,0,0);
}
/* Listview with collapsible list items. */
.ui-listview > li .ui-collapsible-heading {
  margin: 0;
}
.ui-collapsible.ui-li-static {
  padding: 0;
  border: none !important;
}
.ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn {
  border-top: none !important;
}
/* Nested list button colors */
.ui-listview .ui-listview .ui-btn {
    background: #fff;
}
.ui-listview .ui-listview .ui-btn:hover {
    background: #f5f5f5;
}
.ui-listview .ui-listview .ui-btn:active {
    background: #f1f1f1;
}



/* Styling of the page contents */
.article p {
    margin: 0 0 1em;
    line-height: 1.5;
}
.article p img {
    max-width: 100%;
}
.article p:first-child {
    text-align: center;
}
.article small {
    display: block;
    font-size: 75%;
    color: #c0c0c0;
}
.article p:last-child {
    text-align: right;
}
.article a.ui-btn {
    margin-right: 2em;
}
@media all and (min-width:370px) {
    .article {
        max-width: 994px;
        margin: 0 auto;
        padding-top: 0em;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 0em;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .article a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}


// Iconos

.ui-icon-csalud {
  background: url(/hw/img/sys/jm2-csalud-38.png) 50% 50% no-repeat;
  background-size: 38px 38px;
  width: 30px;
  height: 30px;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin: -2px !important;
  margin-left:-15px!important;
}


#jqm-footer {
	text-align:center;
}

	

