option.avatar {
    background-repeat: no-repeat !important;
    padding-left: 80px;
}

.avatar .ui-icon {
    background-position: left top;
}

.myicon {
    background-size: 64px;
    background-repeat: no-repeat;
    width: 64px !important;
    height: 64px !important;
    left: -0.5em !important;
}

.ui-menu {
    height: 100px !important;
    margin: auto -2em !important;
}

.ui-menu-item {
    margin: 1.5em !important;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 4em !important;
}

.img_vehiculos {
    display: block;
    position: relative;
    /* width: 80%;*/
    margin: auto;
    height: 10em;
}
.datos {
    display: none;
}

#main {
    display: block;
    width: 100%;
    margin: auto
}

.avatar {
    height: 15em !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #fe2722 !important;
    background: #c21a1a !important;
}

@media screen and (max-width: 800px){
  .header {
    display: block;
    width: 100%;
    margin: auto;
    position: relative;
    }

    #main {
    display: block;
    width: 90%;
    margin: auto
    }
}