#demo-page #right-panel.ui-panel {
    width: 11em;
}
#demo-page #left-panel.ui-panel-closed {
    width: 0;
}
#demo-page .ui-panel-position-left.ui-panel-display-reveal {
    left: 0;
}
#demo-page .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
    left: 15em;
    right: -15em;
}
#demo-page .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(15em,0,0);
    -moz-transform: translate3d(15em,0,0);
    transform: translate3d(15em,0,0);
}
/* Combined listview collapsible menu. */
/* Unset negative margin bottom on the listviews. */
#left-panel .ui-panel-inner > .ui-listview { margin-bottom: 0; }
/* Unset top and bottom margin on collapsible set. */
#left-panel .ui-collapsible-set { margin: 0; }
/* The first collapsible contains the collapsible set. Make it fit exactly in the collapsible content. */
#left-panel .ui-panel-inner > .ui-collapsible > .ui-collapsible-content { padding-top: 0; padding-bottom: 0;  border-bottom: none; }
/* Remove border top if a collapsible comes after a listview. */
#left-panel .ui-panel-inner  > .ui-collapsible > .ui-collapsible-heading .ui-btn,
#left-panel .ui-collapsible.ui-first-child .ui-collapsible-heading .ui-btn { border-top: none; }
/* Give the first collapsible heading the same padding, i.e. same height, as the list items. */
#left-panel .ui-collapsible-heading .ui-btn-inner { padding: .7em 40px .7em 15px; }
/* Give the other collapsible headings the same padding and font-size as the list divider. */
#left-panel .ui-collapsible-set .ui-collapsible-heading .ui-btn-inner { padding: .5em 40px .5em 15px; font-size: 14px; }
/* Styling of the close button in both panels. */
#demo-page .ui-panel-inner > .ui-listview .ui-first-child {
    background: #eee;
}
/* Reveal menu shadow on top of the list items */
#demo-page .ui-panel-display-reveal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#demo-page .ui-panel-content-wrap-position-left {
    -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    box-shadow: -5px 0px 5px rgba(0,0,0,.15);
}
/* Use the ui-body class of your page theme (ui-body-d in this demo) to set a background image.
This class will be added to the content wrapper, while the page itself gets the same background
as the panel before opening the panel. */
#demo-page .ui-body-d {
    background-image: url(../../_assets/img/bg-pattern.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}
/* 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;
    -webkit-border-radius: .4em;
    border-radius: .4em;
}
@media all and (min-width:769px) {
    .article {
        max-width: 994px;
        margin: 0 auto;
        padding-top: 4em;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }
    /* 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);
    }
}
#close .ui-btn-inner{
border: 1px solid #333;
background: #111;
color: #fff;
font-weight: 700;
text-shadow: 0 -1px 0 #000;
background-image: linear-gradient(#3c3c3c,#111);
}

.clear{clear:both}

.aText{
    float: left;
    font-size: 15px;
    padding-right: 0px;
}

#simbologia .aText{
    font-size: 18px;
    padding-right: 0px; 
}

.imgLi{
    float: right;
    padding-top: 8px;
    padding-right: 12px;
}

#footer {
    background-color: #1c4032;
    height: 45px;
    width: 100%;
}

#header{
    width: 100%;
    height: 45px;
}

#header img{
    display: block;
    padding-top: 10px;
    margin: 0 auto;
}

#footer ul{
    list-style-type: none;
    width: 320px;
    padding-top: 10px;
    margin: 0 auto;
}

#footer li{
    float: left;
    text-decoration: none;
    padding-right: 15px;
    color: #ffffff;

}

#miPos {
    border-right: 1px solid white;
}
#cuanto{
    padding-left: 15px;
}

#miPos a{
    color:#008753; 
}
#footer a{
    text-decoration: none;
    display: block;
    font-size: 15px;
    text-shadow: none;
}

#footer a:hover{
    color:#ffffff; 
}

#cuantoF:hover{
    color:#ffffff; 
}

#cuantoF{
    color:#ffffff;
}

#kmInfo{
    position: absolute;
    width: 164px;
    height: 202px;
    bottom: 30px;
    left: 48.2%;
    background-image: url('http://www.nacion.com/gnfactory/especiales/2013/agosto/romeria/img/degrade.png');
}

#descripFalta{
    font-size: 18px;
    margin-bottom: 24px;
    text-align: center;
    margin-top: 3px;
    text-transform: uppercase;
}
#distancia{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center;
}
#cont{
    padding: 0px
}

#menu{
    bottom: 16px;
    margin-left: 39px;
    position: relative;
}

#bars{
    margin-top: 2px;

}

#logo{
    margin: 0 auto;
    }

#right-panel{
width: 180px;

}
#base{  

}
#portada{
    height: 100%;
    width: 100%;
    background-color: black;
    margin-bottom: 0px
}
#pContenido{
    width: 320px;
    margin: 0 auto;
    
}
#base{
    position: relative;
    top: -77px;
}

#triangulo{
    position: relative;
    top: 172px;
    left: 80px;
    }