#wrapper
{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    overflow: hidden;
}

.menu,
#gesture-area
{
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#translate-area
{
    position: absolute;
    left:0;
    top:0;
    width:auto;
    height:auto;
}

#translate-area.transition
{
    transition: transform 600ms;
}

#resize-area
{
    white-space: nowrap;
    transition: transform 600ms;
    position: relative;
}

#tools-container,#mask-container
{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.isTouchDevice #resize-area
{
    transition: none;
}

#translate-area img
{
    display:inline-block;
    transform:translateZ(0);
}

.pageContainer
{
    display:inline-block;
    position: relative;
}

.page_box
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing:content-box;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    cursor:pointer;
}

/*.page_box.noImage.hover,.isTouchDevice .page_box.noImage
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing:content-box;
    border:4px solid #aec526;
    background-color:#0eb0af;
    background-color:rgba(174,197,38,0.1);
}*/

#wrapper
{
    position: absolute;
    left: 0;
    top: 0;
}

#container_dsa
{
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#container_dsa #dsa_content
{
    position: absolute;
    left: 0;
    top: 84px;
    right: 0;
    bottom: 46px;
    background: #fff;
    z-index: 1;
    overflow: auto;
    padding:15px;
}

.testo_dsa_nero #container_dsa #dsa_content
{
    color:#000;
}
.testo_dsa_bianco #container_dsa #dsa_content
{
    color:#FFF;
}
.testo_dsa_rosso #container_dsa #dsa_content
{
    color:#FF3D00;
}
.testo_dsa_giallo #container_dsa #dsa_content
{
    color:#FFEB3B;
}

.bg_dsa_nero #container_dsa #dsa_content
{
    background-color:#000;
}
.bg_dsa_bianco #container_dsa #dsa_content
{
    background-color:#FFF;
}
.bg_dsa_rosso #container_dsa #dsa_content
{
    background-color:#FF3D00;
}
.bg_dsa_giallo #container_dsa #dsa_content
{
    background-color:#FFEB3B;
}

body[data-em] #container_dsa #dsa_content
{
    transition: font-size 300ms;
}
body[data-em="0.75"] #container_dsa #dsa_content
{
    font-size:0.75em;
}
body[data-em="1"] #container_dsa #dsa_content
{
    font-size:1em;
}
body[data-em="1.25"] #container_dsa #dsa_content
{
    font-size:1.25em;
}
body[data-em="1.5"] #container_dsa #dsa_content
{
    font-size:1.5em;
}
body[data-em="1.75"] #container_dsa #dsa_content
{
    font-size:1.75em;
}
body[data-em="2"] #container_dsa #dsa_content
{
    font-size:2em;
}
body[data-em="2.25"] #container_dsa #dsa_content
{
    font-size:2.25em;
}
body[data-em="2.5"] #container_dsa #dsa_content
{
    font-size:2.5em;
}
body[data-em="2.75"] #container_dsa #dsa_content
{
    font-size:2.75em;
}
body[data-em="3"] #container_dsa #dsa_content
{
    font-size:3em;
}





.bodycoloredsa h2 {
    font-size: 18px;
    color: #1a4a95;
    font-weight: 700;
    /* padding-top: 20px; */
    margin-top: 20px;
    margin-bottom: 20px;
}

.bodycoloredsa h3
{
    margin: 12px 0;
    padding-left: 0;
    font-size: 20px;
    font-family: 'open_sansbold';
}


.bodycoloredsa a {
    display: block;
    margin-bottom: 15px;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    /* width: 64px; */
    font-size: 14px !important;
    font-weight: bold !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bodycoloredsa a.current
{
    background-color: #f8f8f8;
}

.bodycoloredsa a span
{
    display: block;
    width: 50px;
    height: 54px !important;
    /* float: left; */
    /* padding-bottom: 60%; */
    border: 1px solid #CCC;
    margin-bottom: 5px;
    margin: 0 auto 6px;
    /* font-size: 16px !important; */
    /* font-weight: bold !important; */
    border: none;
    /*background: #ccc;*/
    color: #fff;
    font-size: 9px;
    text-align: left;
    padding: 2px 5px;
}



/*.bodycoloredsa a span::after
{
    display: inline-block;
    position: relative;
    content:'';
    width:18px;
    height:18px;
    border-radius:50%;
    vertical-align: middle;
    border:1px solid #AAA;
    z-index:2;
}

.bodycoloredsa a span::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(120,190,227,0.3);
    position: absolute;
    left: -7px;
    top: -5px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: transform 400ms;
}

.bodycoloredsa a.current span::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: transform 400ms;
}*/

.bodycoloredsa a[data-class="testo_dsa_nero"] span
{
    color:#000;
}

.bodycoloredsa a[data-class="bg_dsa_nero"] span
{
    background:#000;
}

.bodycoloredsa a[data-class="testo_dsa_bianco"] span
{
    color:#FFF;
    background:#CCC;
}

.bodycoloredsa a[data-class="bg_dsa_bianco"] span
{
    background:#FFF;
    color:#000;
}

.bodycoloredsa a[data-class="testo_dsa_rosso"] span
{
    color:#FF3D00;
}
.bodycoloredsa a[data-class="bg_dsa_rosso"] span
{
    background:#FF3D00;
    color:#000;
}

.bodycoloredsa a[data-class="testo_dsa_giallo"] span
{
    color:#FFEB3B;
    background:#CCC;
}
.bodycoloredsa a[data-class="bg_dsa_giallo"] span
{
    background:#FFEB3B;
    color:#000;
}

#dsa_content::selection,#dsa_content ::selection
{
    background: #ACCEF7;
}
#dsa_content::-moz-selection,#dsa_content ::-moz-selection
{
    background: #B4D5FF;
}

.disable_img #dsa_content img
{
    display:none;
}