/*----------------------------- COLONNE CENTRALI ------------------------------- */

#center_container {
    
    display: flex;
    align-items: center;
    justify-content: center;
/*    overflow-y: scroll;*/
}

/*riquadro principale con LOG*/
#center {
    
    margin-top: 80px;
    margin-bottom: 20px;
    /*display: table-cell;*/
    width: 500px;
    height:600px;  /*se lo tolgo si adatta a ultimo elemento*/
    /*border: 3px solid #FD1111;     rosso*/

    /*background: url(../img/bkgHomeSx6.png);*/
    background: url(../img/bkgUser1.png);
    
    background-repeat: no-repeat;
    background-size: contain;

    /*overflow-y: scroll;*/ 
  
}


/*#left, #right {
    display: table-cell;
    height:100%;
    background: #6D5DFA;
}*/

#left {
    display: table-cell;
    width: 350px;
    height:600px;  /*se lo tolgo si adatta a ultimo elemento*/

    /*background: #E61C1C;*/

    position: relative;
    top: 100px;  /*distanza bordi schermo*/
    left: 100px;  /*distanza bordi schermo*/
    
    /*border: 3px solid #FD1111;     rosso*/
    /*border: 3px solid #000000;     nero*/

    background: url(../img/bkgHomeSx6.png);
    /*background: url(../img/bkgUser1.png);*/
    
  background-repeat: no-repeat;
  background-size: contain;
}
#right {
    /*display: table-cell;*/
/*    margin:auto; 
    display:table;*/
    
    margin-top: 150px;
    margin-left: 45%;
    
/*    height:200px;
    width: 200px;*/
    /*position: relative;*/
    position: fixed;
    /*background: url(../img/bkgHomeSx6.png);*/
    top: 20px;
    /*text-align: center;*/
    /*left: 700px;*/
  /*border: 3px solid #73AD21;*/
  
    /*float:right;*/
    
/*    border: none;
    background: #FFFFFF;*/
    /*height:100%;*/
}


/* ------------------- LEFT - TESTO ---------------- */

    /* -- TITOLO LOGO */
    .textSXlogo1 { 
        margin-top: 30px;
        margin-left: 0px;
        margin-bottom: 0px;
        


        
        /*background: url(../img/andcomLogo1.png);*/
        /*background: url(../img/LOGOANDCOM_2.svg);*/
        /*background: url(../img/LOGOANDCOM_3.png);*/    
        /*background: url(../img/LOGO ANDCOM_1.jpg);*/
        
        /*background: url(../img/LOGOANDCOM_7.svg);*/
        
        background: url(../img/IconaAndcom2021_1.svg);
        
        float: right;
        height:100px;
        width: 100px;
/*        width: 20%;
        height: 20%;*/
        
        background-repeat: no-repeat;
        /*background-size: auto;*/
        background-size: contain;
        text-align: right;
        /*border: 5px solid #D50E0E;*/
    }
    
    /* -- TITOLO */
    .textSXtitolo1 { 
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 10px;
        height:0px;
        /*width: 999px;*/
        font-size: 36px;
        font-weight: bolder;
        /*color: #5DFA82;*/
        /*text-align:left;*/
        vertical-align: top; 
        /*background: #6D5DFA;*/
        /*border: 5px solid #8B73E9;*/
    }

    /* -- TESTO 1 */
    .textSXtesto1 { 
        margin-top: 10px;
        /*margin-bottom: 30px;*/
        height:0px;
        /*width: 999px;*/
        font-size: 14px;
        font-weight: bold;
        /*color: #5DFA82;*/
        text-align:center;
        vertical-align: central; 
        /*background: #6D5DFA;*/
    }
    
    /* -- TESTO 2 - ERRORE */
    .textSXerrore1 { 
        margin-top: 20px;
        margin-bottom: 0px;
        height:0px;
        /*width: 999px;*/
        font-size: 14px;
        font-weight: bold;
        color: #F63A0B;
        /*color: #5DFA82;*/
        text-align:center;
        vertical-align: central; 
        /*background: #6D5DFA;*/
    }
    
    /* -- TESTO 3 - CONTATTI */
    .textSXtesto3 { 
       
    }
    
    
    
    /* ---------------------------- MENU  ---------------------------------------- */
    
    /* -- TESTO 3  -- MENU1 */
    .textSXmenu1{ 
        margin-top: 90px;
        font-size: 16px;
        font-weight: bold;
        text-align:center;
        vertical-align: central;
    }
     /* -- TESTO 3  -- MENU1 */
    .textSXmenu2{ 
        margin-top: 30px;
        height:0px;
        /*width: 999px;*/
        font-size: 16px;
        font-weight: bold;
        /*color: #5DFA82;*/
        text-align:center;
        vertical-align: central;
    }
    .textSXmenu3{ 
        margin-top: 30px;
        height:0px;
        /*width: 999px;*/
        font-size: 16px;
        font-weight: bold;
        /*color: #5DFA82;*/
        text-align:center;
        vertical-align: central;
    }
    
    
    a:link, a:visited {
background-color: #8B73E9;
color: white;
width: 250px;
height:10px;

/*padding: 14px 25px;*/
padding: 13px 0px; /*alto px - largo px;*/
text-align: center;
text-decoration: none;
display: inline-block;
}
    

    
    
    /* ------------------- LEFT - LOG BOX ---------------- */
    
    /*    **** TESTO BOX *****/
    .testobox_log {
/*        color: #22196F;*/
        /*border: 5px solid #F21A1A ;*/
        
        width: 300px;
        margin-top: 100px;
        /*margin-bottom: 10px;*/
        margin-left: 20%;
        margin-right: 25px; 
        
        
        /*height:600px;*/
        
/*        top: 160px;
    left: 160px;*/
    
/*        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;*/
        /*border: 5px solid gray;*/        
        
        
        
    }
    
    .log_titolo1 { 
        padding-top: 20px;
        margin-top: 5px;
        /*height:30px;*/
        /*width: 999px;*/
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        text-align:center;
        vertical-align: central; 
        /*background: #6D5DFA;*/
    }
    
    .log_testo1 { 
        margin-top: 15px;
        /*height:30px;*/
        /*width: 999px;*/
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        text-align:center;
        vertical-align: central; 
        /*background: #6D5DFA;*/
    }
    
    
    .img_span { 
        
        display: flex;
        align-items: center;
        justify-content: center;
        
/*        margin-top: 15px;
        height:30px;
        width: 999px;
        font-size: 14px;
        font-weight: bold;
        color: #000000;*/
        /*text-align:center;*/
        /*vertical-align: central;*/ 
        /*background: #6D5DFA;*/
    }
    
    
    #log_input {
        margin-top: 5px;
        margin-bottom: 30px;
        margin-left: 5px;
        margin-right: 5px;
        height:20px;
        /*width: 999px;*/
        font-size: 12px;
        color: #000000;
        text-align:center;
        vertical-align: central;   
    }  
    
    input.btnerrtesto{
/*        color: transparent;
        border: transparent;*/
    }
    
    #log_errore_testo_box{
        margin-top: 20px;
        margin-bottom: 0px;
        font-size: 22px;
        color: #000000;
        
        text-align:center;
        vertical-align: middle;
        
        border: transparent;
        
    }

/*    #log_errore {
        margin-top: 20px;
        border: 0; 
        width: 150px;
        color: crimson;
        font-family: verdana;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }*/
    
    
    
     input.btn {

        /*margin-top: 20px;*/
         
        display: block; 
        width: 150px; 
        height: 25px; 
        margin: 0 auto;

        background: #8B73E9;
        

/*        box-shadow: inset 0px 0px 6px #fff;
        -webkit-box-shadow: inset 0px 0px 6px #fff;*/
        /*border: 1px solid #5ea617;*/
        /*border-radius: 10px;*/
        
        font-size: 16px;
        /*color: #000000;*/
        color: white;
        text-align:center;
        vertical-align: middle;
    }
    
    
    
/* ----------------------------- footer ------------------------------- */

div#footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    font-size: 16px;
    color: #22196F;
    text-align: center;
}