html {
    font-size: 16px;
}
/**************BUTTON BASE*************/
.Button1{
    background-color:rgb(255,255,255);
    border:1px solid rgb(150,150,150);
    background: linear-gradient(
        to bottom, rgb(240,240,240) 0%,
        rgb(240,240,240) 45%,
        rgb(210,210,210) 55%,
        rgb(210,210,210) 100%);
}
.Button1 span{
    color:rgb(40,40,40);
    font-size:12px;
}
.Button1:hover{
    color:rgb(0,0,0);
    background-color:rgb(255,255,255);
    border:1px solid rgb(90,120,150);
    background: linear-gradient(
        to bottom, rgb(200,235,255) 0%,
        rgb(200,235,255) 45%,
        rgb(170,210,230) 55%,
        rgb(170,210,230) 100%);
}
.Button1 span:hover,.Button1_red span:hover,.Button1_yellow span:hover{
    color:rgb(0,0,0);
    font-weight:bold;
}
.Button1_red{
    color:rgb(40,40,40);
    font-size:12px;
    font-weight:bold;
    background-color:rgb(255,255,255);
    border:1px solid rgb(150,150,150);
    background: linear-gradient(
        to bottom, rgb(255,200,200) 0%,
        rgb(255,200,200) 45%,
        rgb(255,150,150) 55%,
        rgb(255,150,150) 100%);
}
.Button1_yellow{
    color:rgb(40,40,40);
    font-size:12px;
    background-color:rgb(255,255,255);
    border:1px solid rgb(150,150,150);
    background: linear-gradient(
        to bottom, rgb(255,240,200) 0%,
        rgb(255,240,200) 45%,
        rgb(255,210,150) 55%,
        rgb(255,210,150) 100%);
}
/**************BUTTON BASE*************/

/**************MENU PRINCIPAL*************/
.MainMenu1{
    height:43px;
    font-weight:bold;
    color:rgb(0,0,0);
    font-size:0.7rem;
    background:
        radial-gradient(ellipse at center,
        rgb(180,180,180) 0%,
        rgb(235,235,235) 65%,
        rgb(255,255,255) 100%);
    border-left:1px solid rgb(230,230,230);
    border-right:1px solid rgb(230,230,230);
}
.MainMenu2{
    height:46px;
    font-weight:bold;
    font-size:0.7rem;
    background-color:rgb(80,80,80);
    color:rgb(255,255,255);
    font-weight:bold;
    border-top:1px solid rgb(230,230,230);
    border-left:1px solid rgb(230,230,230);
    border-right:1px solid rgb(230,230,230);
    background: linear-gradient(
        to bottom, rgb(230,230,230) 0%,
        rgb(100,100,100) 10%,
        rgb(0,0,0) 30%,
        rgb(60,60,60) 40%,
        rgb(0,0,0) 50%,
        rgb(60,60,60) 60%,
        rgb(100,100,100) 80%,
        rgb(230,230,230) 100%);
}
/**************MENU PRINCIPAL*************/

/**************SUBMENU PRINCIPAL*************/
.SubMenu1{
     background-color:rgb(255,255,255);
     border:1px solid rgb(150,150,150);
     background: linear-gradient(
         to bottom, rgb(240,240,240) 0%,
         rgb(240,240,240) 45%,
         rgb(210,210,210) 55%,
         rgb(210,210,210) 100%);
 }
.SubMenu1 span{
    color:rgb(40,40,40);
    font-weight:bold;
}
.SubMenu2{
    background-color:rgb(180,180,180);
    color: rgb(255, 255, 255);
    font-weight:bold;
    border:1px solid rgb(0,0,0);
    background: linear-gradient(
        to bottom, rgb(0,0,0) 0%,
        rgb(40,40,40) 20%,
        rgb(60,60,60) 40%,
        rgb(100,100,100) 82%,
        rgb(40,40,40) 100%);
}
.SubMenu2 span{
    color: rgb(255, 255, 255);
    font-weight:bold;
}
/**************SUBMENU PRINCIPAL*************/

/**************ESQUINAS REDONDEADAS*************/
.corner5{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(estilosCSS/PIE.htc);
    -pie-watch-ancestors: 1;
}
.corner5_top{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    behavior: url(estilosCSS/PIE.htc);
    -pie-watch-ancestors: 1;
}
.corner5_bottom{
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    behavior: url(estilosCSS/PIE.htc);
    -pie-watch-ancestors: 1;
}
.corner10{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(estilosCSS/PIE.htc);
    -pie-watch-ancestors: 1;
}
.corner10_top{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    behavior: url(estilosCSS/PIE.htc);
    -pie-watch-ancestors: 1;
}
.corner10_bottom{
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    behavior: url(estilosCSS/PIE.htc);
    -pie-watch-ancestors: 1;
}
.corner10_left{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    behavior: url(estilosCSS/PIE.htc);
    -pie-watch-ancestors: 1;
}
.corner15{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    behavior: url(estilosCSS/PIE.htc);
    -pie-watch-ancestors: 1;
}
.corner20{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    behavior: url(estilosCSS/PIE.htc);
    -pie-watch-ancestors: 1;
}
/**************ESQUINAS REDONDEADAS*************/

/**************LAY OUT*************/
.LayOutContainer{
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0px;
    border: none;
}
.LayOutRow{
    float: left;
    width: 100%;
    display: table-row;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0px;
    border: none;
}
.LayOutContainerFull{
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0px;
    border: none;
}
.LayOutCell{
    display: table-cell;
    padding: 5px;
    vertical-align: top;
    word-wrap: break-word;
}
.LayOutCellContainer{
    display: table-cell;
    vertical-align: top;
    word-wrap: break-word;
}
.LayOutCellContainerMiddle{
    display: table-cell;
    vertical-align: middle;
    word-wrap: break-word;
}
.LayOutCellSeparator{
    display: table-cell;
    border: none;
}
.LayOutCellSeparatorBorder{
    /*font: left;*/
    display: table-cell;
}
.LayOutRowSeparator{
    float: left;
    width: 100%;
    display: table-row;
    table-layout: fixed;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-collapse: collapse;
    border-spacing: 0px;
    border: none;
}
/**************LAY OUT*************/
/**************FONT SIZE*************/
div.submenu{
    height: 54px;
}
#desplegados{
    margin-top: 100px;
}
@media (max-width: 1000px) {
    td.changeFontSize {
        font-size: 0.6rem;
    }
    div.divSizeH{
        width: 100vw;
    }
    #buttonAcces{
        width: 15vw;
        height: 3vh;
        font-size: 1.5rem;
    }
    div.submenu{
        height: 110px;
    }
    #desplegados{
        margin-top: 152px;
    }
    .text_1{
        height: 3rem;
        font-size: 3rem;
    }
}