body {
    margin: 0 auto;
    padding: 0;
    font-family: 'Trebuchet MS', Verdana;
    font-size: 12px;
}

.fondo03 {
    background: #1489CC;
    background: -webkit-linear-gradient(top left, #1489CC, #2C33B2);
    background: -moz-linear-gradient(top left, #1489CC, #2C33B2);
    background: linear-gradient(to bottom right, #1489CC, #2C33B2);
    /*background: -webkit-linear-gradient(100deg, #cc3333 0%, #cc1d68 5%, #994499 20%, #335cff 50%, #0098FF 80%, #109618 95%, #66aa00 100%);
    background: -moz-linear-gradient(100deg, #cc3333 0%, #cc1d68 5%, #994499 20%, #335cff 50%, #0098FF 80%, #109618 95%, #66aa00 100%);
    background: linear-gradient(100deg, #cc3333 0%, #cc1d68 5%, #994499 20%, #335cff 50%, #0098FF 80%, #109618 95%, #66aa00 100%);*/
}

#wrapper {
    background: url(../App_Themes/AC/Images/patron96r16.png) repeat center top;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-height: 100vh;
    overflow: hidden !important;
    /*height: 1344px;*/
}

#logoac {
    background: url(../App_Themes/AC/Images/relleno.png) no-repeat center 96px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
}

#logoa2 {
    background: url(../App_Themes/AC/Images/relleno.png) no-repeat center 288px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
}

#logof {
    background: url(../App_Themes/AC/Images/relleno.png) no-repeat center top;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
}

#wrap {
    margin: 0 auto;
    padding-top: 96px;
    width: 100%;
}

#menu04, #menu00, .letra {
    position: absolute;
    text-align: center;
}

#menu00, #menu0f, #menu04 {
    width: 288px;
    height: 192px;
}

.letra {
    width: 96px;
    height: 96px;
    margin-right: 50%;
}

.tip {
    background-repeat: no-repeat;
    background-position: center top;
}

#menu00 {
    background: url(../App_Themes/AC/Images/AC.png) no-repeat center 36px;
    margin-right: 50%;
    margin-top: 96px;
    right: -144px;
}

#menu04 {
    margin-right: 50%;
    margin-top: 288px;
    right: -144px;
}

#menu00 a {
    left: 0px;
    top: 0px;
    text-decoration: none;
    color: #fff;
    position: absolute;
    margin: 20px;
    display: block;
    width: 248px;
    height: 152px;
    padding: 0;
}

#menu01 a, #menu02 a, #menu03 a, #menu05 a, .letra .tip {
    left: 0px;
    top: 0px;
    text-decoration: none;
    color: #fff;
    position: absolute;
    margin: 4px;
    display: block;
    width: 88px;
    padding: 4px;
    height: 88px;
}

.tooltipX {
    position: absolute;
    display: none;
    cursor: pointer;
    z-index: 1000;
    max-width: 420px;
    background-repeat: no-repeat;
    min-height: 96px;
}

.tiptext {
    line-height: 1.2em;
    max-width: 280px;
}

.tipin {
    padding: 15px 6px 6px 96px;
    color: #ffffff;
    max-width: 420px;
    min-height: 96px;
}

.m001 {
    background-color: #27664e;
}

.m002 {
    background-color: #333399;
}

.m003 {
    background-color: #335cff;
}

.m004 {
    background-color: #0098ff;
}

.m005 {
    background-color: #009874;
}

.m006 {
    background-color: #66aa00;
}

.m007 {
    background-color: #109618;
}

.m008 {
    background-color: #66aa00;
}

.m009 {
    background-color: #ee8800;
}

.m010 {
    background-color: #dd5511;
}

.m011 {
    background-color: #cc3333;
}

.m012 {
    background-color: #cc1d68;
}

.m013 {
    background-color: #993366;
}

.m014 {
    background-color: #660033;
}

.m015 {
    background-color: #335cff;
}

.m016 {
    background-color: #0098ff;
}

.m999 {
    background-color: #1d1d1d;
}

.color05 {
    background-color: #336699;
}

    .color05 div, .color05i {
        background-color: #336699;
        border-color: #336699
    }