/* Foglio di style principale */



@import url(http://fonts.googleapis.com/css?family=Coda);



body {

    background-color:#5c121a;

    font-family: 'Coda',sans-serif;



}



div#corpo{

    color : black;

    display: inline-block;

    width: 100%;



}



div#piede{

    float: none;



}



div#corpo_sx li

{

    color: #ffffff;



}



.blocco_corpo{

    position:relative;

    float:left;

    display:inline;

    text-align:justify;

}



#confirmBox

{

    display: none;

    background-color: #eee;

    border-radius: 5px;

    border: 1px solid #aaa;

    position: fixed;

    width: 300px;

    left: 50%;

    margin-left: -150px;

    padding: 6px 8px 8px;

    box-sizing: border-box;

    text-align: center;

}

#confirmBox .button {

    background-color: #ccc;

    display: inline-block;

    border-radius: 3px;

    border: 1px solid #aaa;

    padding: 2px;

    text-align: center;

    width: 80px;

    cursor: pointer;

}

#confirmBox .button:hover

{

    background-color: #ddd;

}

#confirmBox .message

{

    text-align: left;

    margin-bottom: 8px;

}



.back-login{

    float: none;

    margin-right: auto;

    margin-left: auto;

    margin-top: 15%;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 1px;

    width:500px;

    height:350px;

    color: #070802;

    text-align:center ;

    font-size: 1.2em;

    /* background:url(../immagini/Mappa_login.png) no-repeat center; */

    background-color: #faedef;

    border-radius: 10px;

    -moz-border-radius: 10px; /* firefox */

    -webkit-border-radius: 10px; /* safari, chrome */

}



#titolo_login{

    float: none;

    margin-top: 10px;

}



#login{

    float: none;

    width:480px;

    height:270px;

    margin-top: 5%;

    margin-left:2%;

    margin-right: 2%;

}



div#label_password_login{

    float: left;

    clear:left;

    margin-top: 2%;



    margin-left: 4%;

    /*background-color: red; #ffffff;*/

    width: auto;

    height: auto;

    color: rgb(7, 8, 2);

    font-size: 1em;

}



div#password{

    float: right;

    margin-top: 2%;

    margin-right:25%;

    /*background-color: #ffffff;*/

}



.password{

    width:200px ;

    height: 15Px;

    background-color:#ffffff ;

}



div#label_user_login{

    float: left;

    /*background-color: red; #ffffff;*/

    margin-top: 2%;

    margin-left: 4%;

    width: auto;

    height: auto;

    color:#070802;

    font-size: 1em;

}



#user{

    float: right;

    margin-top: 2%;

    margin-right: 25%;

  }



.user{

    width: 200px ;

    height: 15Px;

    background-color:#ffffff ;

}



.lostpassword{

    float: right;

    margin-top: 20%;

    margin-right: -45%;

    color: #070802;

    font-size: 0.7em;

    width: 200px;

    height: auto;

}

.lostpassword  a {

    color:#070802 ;

    text-decoration: none;

}



.lostutente{

    float: right;

    margin-top: 27%;

    margin-right: -15%;

    color: #070802;

    font-size: 0.7em;

    width: 210px;

    height: auto;



}



.lostutente a {

    color:#070802 ;

    text-decoration: none;

}



div#inviologin{

    float: right;

    margin-top:4%;

    margin-right: 4%;

    width:90px;

    height: 25px;

    background-color: #fcf2f3;

    color: #070802;

    text-align: center;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    border-bottom-right-radius: 6px;

    border-bottom-left-radius: 6px;

    border-top-color:#5c121a;

    border-right-color: #5c121a;

    border-bottom-color: #5c121a;

    border-left-color:#5c121a;

    border-top-style: solid;

    border-right-style: solid;

    border-bottom-style: solid;

    border-left-style: solid;

}

#inviologin a{

    color: #070802;

    text-decoration: none;

}



#logologin{

    float: left;

    margin-top: 25%;

    margin-left: 2%;

}



div#utente_collegato{

    position:relative;

    /*background-color: #ffffff;*/

    left : 5px;

    top: 10px;

    font-size: 11px;

    line-height : 15px;

}



div#corpohome{

    float: none;

    height: 360px;

    width: 450px;

    margin-top: 10%;

    margin-left: auto;

    margin-right: auto;





}

div#TestataPaginazione{

    background-color: black;

}



div#TitoloPaginazione{

    color: white;

    font-size: 18px

}



div#AggiungiRecordPaginazione{

    float: left;

}



div#box_file_commesse{

    position:relative;

    background-color: #6c85ff;

    left : 55px;

    top: 100px;

    border-style: solid;

    height: 50px;

    border-radius:10px;

    -moz-border-radius:10px;

    -webkit-border-radius:10px;



}



div#label_file_commesse{

    position:relative;

    left : 55px;

    top: 100px;



}



.ui-progressbar {

    position: relative;

    top: 500px;

}

.progress-label {

    position: absolute;

    left: 50%;

    top: 4px;

    font-weight: bold;

    text-shadow: 1px 1px 0 #fff;

}







/* css per la testata della gestione del record generico record*/



#testata_record{

    background-color: #e7e7e7;

    border-style: solid;

    border-color: #d7d7d7;

    margin-left: 10px;

    margin-right: 10px;

}

#testata_record_avatar{

    float:left;

    margin-left: 10px;



}

#testata_record_descrizione{

    float:left;

    margin-left: 10px;



}



#testata_record_funzione{

    float:right;

    color:#000000;

    margin-right:3px;



}

/* fine css per la testata della gestione del record generico record */





/* css per il form di upload dei files */

#containerUpload {

    background: #ECECEC;

    border: 1px solid #DDDDDD;

    margin: auto;

    padding: 15px;

    width: 305px;

    display: none;

}



#listUpload {

    margin: 0;

    list-style: none;

    padding: 0;

}



#listUpload li {

    background: #FFFFFF;

    border: 1px solid #DDDDDD;

    text-align: center;

    padding: 15px;

    margin-bottom: 20px;

}



#listUpload li img {

    width: 260px;

    vertical-align: middle;

    border: 1px solid #494949;

}

/* fine css per il form di upload dei files */



.stileCarattereVoceMenu {

    float: none;

    height: auto;

    font-size: 6em;

    font-style:normal ;

    color: #6c85ff;

    width: auto;

    text-shadow: 5px  5px 6px #777;

    text-emphasis-style: double-circle;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: black;



}