body {
font-size: 12px;
font-family: Arial;
margin: 0px;
padding: 0px;

}

a:link, a:visited{
text-decoration: none;
color: #6163C9;
}
a:hover{
text-decoration: underline;
color: #586AE7;
}
a:active{
text-decoration: none;
color: #000000;
}

.hidden {
display: none;
}

#alert {
position: fixed;
z-index: 99;
width: 300px;
height: 80px;
top: 50%;
left: 50%;
margin-left: -150px;
margin-top: -40px;
text-align: center;
padding: 20px;
background-color: #E0E0E0;
border: 8px solid #fff;
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0px 0px 60px #666666;
}
#alert div{
height: 60px;
line-height: 60px;
text-align: center;
}
#alert input{
background-color: #F0F9FF;
border: 1px solid #B9B6CB;
border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 1px 1px 2px #E1E1E1;
padding: 4px;
font-family: sans-serif;
font-size: 14px;
color: #00109D;
outline: 0px; 
}
#alert input:hover{
background-color: #CEECFF;
}
#alert input:active{
background-color: #6AC4FF;
color: #fff;
}

h1 {
margin: 0px;
padding: 0px;
font-size: 18px;
margin-bottom: 30px;
letter-spacing: 2px;
}

img {
margin: 0px;
padding: 0px;
}

#main {
position: absolute;
top:40px;
left: 50%;
width: 640px;
margin: 0px;
margin-left: -360px;
}

#bgblack {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background-color: #000;
height: 100%;
opacity: 20;
z-index: 50;
cursor: pointer;
}
#zoom {
position: fixed;
left: 50%;
top: 50%;
margin-top: -240px;
margin-left: -200px;
width: 400px;
height: 480px;
z-index: 60;
border: 8px solid #fff;
border-radius: 15px;
-moz-border-radius: 15px;
box-shadow: 0px 0px 160px #666666;
cursor: pointer;
background-color: #fff;
}
#zoom img{
border-radius: 15px;
-moz-border-radius: 15px;
}

textarea {
resize: none;
font-family: sans-serif;
font-size: 14px;
color: #00109D;
padding: 4px;
height: 80px;
}

.form {
width: 640px;
padding: 40px;
margin-bottom: 80px;
font-size: 12px;
}

.testo {
width: 380px;
background-color: #fff;
border: 0px solid #fff;

padding-left: 2px;
padding-right: 2px;
}
.testo_error {
width: 380px;
background-color: #fff;
border: 0px solid #fff;

padding-left: 2px;
padding-right: 2px;
outline: 1px solid #FF2424; 
}
.testo_error:active {

outline: 1px solid #FF2424; 
}
.testo_error:focus {

outline: 1px solid #FF2424;  
}

.select_orari {
border: 0px solid #fff;
padding: 4px;
font-family: sans-serif;
font-size: 14px;
color: #00109D;
outline: 0px;  
}
.select_orari:active {
outline: 1px solid #1882F5; 
}
.select_orari:focus {
outline: 1px solid #1882F5; 
}

.select_orari_error {
border: 1px solid #FF2424;

padding: 4px;
font-family: sans-serif;
font-size: 14px;
color: #00109D;
outline: 0px;  
}
.select_orari_error :active {
outline: 1px solid #FF2424; 
}
.select_orari_error :focus {
outline: 1px solid #FF2424; 
}


.num {
width: 40px;
}
.num_error {
width: 40px;
background-color: #fff;
border: 0px solid #fff;

padding-left: 2px;
padding-right: 2px;
outline: 1px solid #FF2424; 
}
.num_error:active {

outline: 1px solid #FF2424; 
}
.num_error:focus {

outline: 1px solid #FF2424;  
}

.testo_num {
width: 326px;
}
.testo_num_error {
width: 326px;
background-color: #fff;
border: 0px solid #fff;

padding-left: 2px;
padding-right: 2px;
outline: 1px solid #FF2424; 
}
.testo_num_error:active {

outline: 1px solid #FF2424; 
}
.testo_num_error:focus {

outline: 1px solid #FF2424;  
}



table {
width: 100%;
}

.hidden {
display: none;
}

input { 
background-color: #fff;
border: 0px solid #fff;

padding: 4px;
font-family: sans-serif;
font-size: 14px;
color: #00109D;
outline: 0px; 
}

.nrpezzi {
background-color: #fff;
border: 0px solid #fff;

padding: 4px;
font-family: sans-serif;
font-size: 14px;
color: #00109D;
outline: 0px; 
}
.nrpezzi:active {
outline: 1px solid #1882F5; 
}
.nrpezzi:focus {
outline: 1px solid #1882F5; 
}


.nrpezzi_on {
background-color: #fff;
border: 0px solid #fff;

padding: 4px;
font-family: sans-serif;
font-size: 14px;
color: #00109D;
outline: 0px;  
}
.nrpezzi_on:active {
outline: 1px solid #1882F5; 
}
.nrpezzi_on:focus {
outline: 1px solid #1882F5; 
}

input:active {
outline: 1px solid #1882F5; 
}
input:focus {
outline: 1px solid #1882F5; 
}


#bgblack {
position: fixed;
z-index: 1;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: black;
opacity:0.1;
filter:alpha(opacity=10);
}
#select {
position: absolute;
z-index: 99;
width: 480px;

padding: 3px;
background-color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 1px 1px 4px #595959;
}



#ordine {
font-size: 10px;
}

#ordine  input {
width: 32px;
text-align: center;
}
#select  input {
width: 32px;
text-align: center;
}

#ordine img {
border: 1px solid #3A4463;
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0px 0px 3px #838383;
cursor:pointer;
}

.piuval {
background-color: #E0F8FE;
}
.piusi {
background-color: #6AD9F9;
border: 1px solid #1E2231;
}


#inviatd {
text-align: center;
}



#inviatd input {
border: 0px solid #96B9F3;
padding: 5px;
padding-left: 20px;
padding-right: 20px;
background-color: #767676;
color: #fff;
}
#inviatd input:hover{
background-color: #848484;
}
#inviatd input:active{
background-color: #272727;
}




#titolotd {
height: 60px;
vertical-align: bottom;
font-size: 16px;
text-align: center;
}


#tip {
position: absolute;
z-index: 99;
top: 0px;
left: 50%;
margin-left: 120px;
width: 200px;
height: 100px;
background-image: url('img/bgtip.gif');
background-position: right center;
background-repeat:no-repeat;
color: #fff;
padding: 5px;
padding-right: 14px;
font-size: 10px;
}

#naptesto {
padding-left: 6px;
font-family: sans-serif;
font-size: 14px;
color: #00109D
}

#table_lista_ordini td {
padding-left: 3px;
padding-right: 3px;
}
.td_ordini {
border: 1px solid #6E6E6E;
}
.td_ordini_titolo {
font-size: 10px;
}

.td_ordini_data {
background-color: #BDD2EC;
height: 20px;
padding-left: 3px;
}

.td_ordini_data_print {
background-color: #BDD2EC;
height: 20px;
text-align: right;
padding-right: 3px;
}
.over_tr {
background-color: #C5E9C0;
cursor: pointer;
}

#scheda_cliente {
margin-left: 500px;
}

.tablegiorno td{
border: 1px solid #c0c0c0;
text-align: center;
line-height: 16px;
}
.fissato {
border: 1px solid #FF0F0F;
background-color: #91D2FF;
}

.passato {
background-color: #EAEAEA;
}
.possibile {
background-color: #fff;
}
.possibile:hover{
border: 1px solid #1882F5;
background-color: #F0F9FF;
cursor: pointer;
}

.subtitle {
font-size: 10px;
}

#data {
line-height: 28px;
font-size: 14px;
letter-spacing: 1px;
}

#condizioni {
width: 380px;
height: 100px;
background-color: #fff;
border: 1px solid #B9B6CB;
border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 1px 1px 2px #D6D6D6;
padding: 6px;
overflow: auto;
}
.red {
color: #ff0000;
}


.confermimg img{
border: 1px solid #3A4463;
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0px 0px 3px #838383;
cursor:pointer;
width: 20px;
}

.confermform_td{
height: 26px;
line-height: 26px;
}

#confermform h3 {
color: #000000;
}