﻿@media only screen and (max-width: 360px) {
    .btn-responsive-menu {
        display: none;
    }

    table#TbConsolleButton {
        width: 100%;
        height: 88em;
    }

    #LogoNero {
        width: 50%;
     
    }

    #BtnAdmin {
        width: 24em;
        height: 8em;
        font-size: 2em;
    }

    #BtnInstArea {
        width: 24em;
        height: 8em;
        font-size: 2em;
    }

    #BtnUserArea {
        width: 24em;
        height: 8em;
        font-size: 2em;
    }

    #ConImmagineESA {
        width: 100%;
        height: 37em;
    }

    #ImmagineEsa {
        background-image: url('Immagini/TondoESA.gif');
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 37em;
    }

    table#ContenBackground {
        background-image: url('Immagini/TondoESA.gif');
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 30em;
    }

    body {
        padding: 10px;
        background: #fff;
    }

    #wrapper {
        width: 100%;
        margin: 0 auto;
    }

    #header {
        width: 100%;
        padding: 20px 0 20px 0px;
    }

    #mainmenu {
        width: 100%;
        float: left;
    }

    #main {
        width: 100%;
        float: left;
        padding: 20px 0 0 0;
    }

    /* Header */
    #site-title a {
        font-size: 1.5625em;
        margin-left: .625px;
    }

    #mainmenu {
        display: none;
    }

        #mainmenu ul li {
            float: none;
        }



    body {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 1em;
        text-align: center;
    }

    td#Menu {
        width: 100%;
    }

        td#Menu li {
            width: 7.8em;
            float: left;
            margin: 0;
            padding: 0;
            border-right: 1px solid blue;
            color: black;
            border-bottom-right-radius: 8px;
        }

    table#TblInserimento {
        background-color: white;
        font-size: 0.5em;
        float: left;
    }

    #DrpSurnameProf {
        background-color: white;
        width: 1500px
    }

/*iphone 6/7/8 landscape */
@media only screen and (min-device-width:375px) and (max-device-width: 667px) and (orientation: landscape) {
    .btn-responsive-menu {
        display: none;
    }

    #LogoNero {
        width: 50%;
        
        
    }

    table#TbConsolleButton {
        width: 100%;
        height: 31em;
    }

    #BtnAdmin {
        width: 12em;
        height: 6em;
        font-size: x-large;
    }

    #BtnInstArea {
        width: 12em;
        height: 6em;
        font-size: x-large;
    }

    #BtnUserArea {
        width: 12em;
        height: 6em;
        font-size: x-large;
    }

    #ConImmagineESA {
        width: 100%;
        height: 20em;
    }

    #ImmagineEsa {
        background-image: url('Immagini/TondoESA.gif');
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 20em;
    }

    table#ContenBackground {
        background-image: url('Immagini/TondoESA.gif');
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 15em;
    }

    td#ImmagineBackground {
        width: 100%;
    }

    body {
        padding: 10px;
        background: #fff;
    }

    #wrapper {
        width: 100%;
        margin: 0 auto;
    }

    #header {
        width: 100%;
        padding: 20px 0 20px 0px;
    }

    #mainmenu {
        width: 100%;
        float: left;
    }

    #main {
        width: 100%;
        float: left;
        padding: 20px 0 0 0;
    }

    /* Header */
    #site-title a {
        font-size: 1.5625em;
        margin-left: .625px;
    }

    #mainmenu {
        display: none;
    }

        #mainmenu ul li {
            float: none;
        }



    body {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 1em;
        text-align: center;
    }

    td#Menu {
        width: 100%;
    }

        td#Menu li {
            width: 7.8em;
            float: left;
            margin: 0;
            padding: 0;
            border-right: 1px solid blue;
            color: black;
            border-bottom-right-radius: 8px;
        }

  


    table#TblInserimento {
        background-color: #ffffff;
        font-size: 0.5em;
        float: left;
    }

    #DrpSurnameProf {
        background-color: #ffffff;
        width: 1500px
    }
}



/*iphone 6/7/8 portrait */
    @media only screen and (min-device-width:375px) and (max-device-width: 667px) and (orientation: portrait) {
        .btn-responsive-menu {
            display: none;
        }
       
        table#TbConsolleButton {
            width: 100%;
            height: 88em;
        }

        #LogoNero {
    width:50%;
    
    }

        #BtnAdmin {
            width: 24em;
            height: 8em;
            font-size: 2em;
        }

        #BtnInstArea {
            width: 24em;
            height: 8em;
            font-size: 2em;
        }

        #BtnUserArea {
            width: 24em;
            height: 8em;
            font-size: 2em;
        }
         #ConImmagineESA {
    width:100%;
    height:37em;
    }

         #ImmagineEsa {  
        background-image:url('Immagini/TondoESA.gif');
        background-repeat:no-repeat; 
        background-position:center; 
    width:50%;
    height:37em;
    }
          table#ContenBackground {        
        background-image:url('Immagini/TondoESA.gif');  
        background-repeat:no-repeat; 
        background-position:center;   
        width:100%;  
        height:30em;
    }
           body {
            padding: 10px;
            background: #fff;
        }

        #wrapper {
            width: 100%;
            margin: 0 auto;
        }

        #header {
            width: 100%;
            padding: 20px 0 20px 0px;
        }

        #mainmenu {
            width: 100%;
            float: left;
        }

        #main {
            width: 100%;
            float: left;
            padding: 20px 0 0 0;
        }

        /* Header */
        #site-title a {
            font-size: 1.5625em;
            margin-left: .625px;
        }

        #mainmenu {
            display: none;
        }

            #mainmenu ul li {
                float: none;
            }



        body {
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 1em;
            text-align: center;
        }

        td#Menu {
            width: 100%;
        }

            td#Menu li {
                width: 7.8em;
                float: left;
                margin: 0;
                padding: 0;
                border-right: 1px solid blue;
                color: black;
                border-bottom-right-radius: 8px;
            }

        table#TblInserimento {
            background-color: white;
            font-size: 0.5em;
            float: left;
        }

        #DrpSurnameProf {
            background-color: white;
            width: 1500px
        }



@media only screen and (min-device-width: 1366px) {
    .btn-responsive-menu {
    display:none;
    }

    #LogoNero {
    width:12em;
    height:5em;
    float:left;
    }

    #BtnAdmin {
            width: 10em;
            height: 3em;
            font-size: 1em;
        }

        #BtnInstArea {
            width: 10em;
            height: 3em;
            font-size: 1em;
        }

        #BtnUserArea {
            width: 10em;
            height: 3em;
            font-size: 1em;
        }

     #ImmagineEsa {   
    background-image:url('Immagini/Pesce-Esa.gif');
    width:35.0625em;
    height:35.0625em;
    }

    table#ContenBackground {
         background-image:url('Immagini/Pesce-Esa.gif');
         background-position:center;
    width:43em;
    height:43em;
    }
} 