/* 
    Document   : preventivo.css
    Created on : 21-giu-2013, 0.59.46
    Author     : Mr.Web - Via A. Gramsci, 7 Roncadelle Brescia: https://www.mrweb.info
    Description:
        Styling preventivo.php
*/

h1, h2, h3, h4, h5, h6, h7{
    text-transform:uppercase;
}

#main-prev{
    font-family: 'Lato', sans-serif;
    display: inline-block;
}

.minuscolo{
    text-transform:lowercase;
}

.container{
    width:auto;
    margin-top:25px;
    display: inline-block;
}

.box, .tipo{
    display: inline-block;
    margin-right: 50px;
    margin-top:10px;
    cursor: hand;
    cursor: pointer;
}

.box:last-child, .tipo:last-child{
    margin-right: 5px;
}

.pic-first-choice{
    width: 290px;
}

.choice{
    background-color: #DECCAB;
    border: 1px solid #CCCCCC; padding: 3px;
    text-transform:uppercase;
    text-align: center;
}

.choice:hover, .choice-selected{
    color: #1E90AA;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    background-color: #FAE5BF;
    border: 1px solid #1E90AA; padding: 3px;
    
}

.choice img { 
    border: 1px solid #CCCCCC;
    vertical-align:middle; margin-bottom: 3px; 
}

.centra{
    text-align: center;
}

.maiuscolo{
    text-transform:uppercase;
}

#scelta-misure{
    width:100%;
}

.lab{
    margin-rigth:5em;
    display:inline;
}

img.center-img{
    margin:15px auto 0;
    display:block;
}
/*
img.center-img{
    margin-top:15px;
    position:relative;
    width: px;
    left:50%;
    margin-left:-px;
}*/

.fields{
    text-align:center;
}

.fields input{
    text-align:center;
    padding: 5px 5px 5px 5px;
    font-size: 20px;
}

.fields label{
    display:inline;
    margin-right:1em;
}

.err-field{
    background-color: #FF8D91;
    border:2px solid #990000;
}

#scatola-name{
    background-color: #FAE5BF;
    position:relative;
    width: 842px;
    left:50%;
    margin-left:-427px;
    margin-top:10px;
    border:2px solid #1E90AA;
    padding: 5px 5px 5px 5px;
}

#errors{
    background-color: #FF8D91;
    position:relative;
    width: 842px;
    left:50%;
    margin-left:-427px;
    margin-top:10px;
    border:2px solid #990000;
    padding: 5px 5px 5px 5px;
}

#notif{
    background: lightgreen;
    border:2px solid green;
    position:relative;
    width: 842px;
    left:50%;
    margin-left:-427px;
    margin-top:10px;
    padding: 5px 5px 5px 5px;
}

.bottone-prev{
    background:#1E90AA;
    border:2px solid #156A7E;
    color: black;
    padding: 10px 10px 10px 10px;
    font-size:16px;
    cursor: hand;
    cursor: pointer;
    margin:30px 20px 0 0;
    float:left;
}

.bottone-prev:disabled{
    color:#333;
    background: #838383;
    border: #6D6D6D 2px solid;
    cursor:default;
}
#calcola-prev:hover{
    color: #333;
}

hr{
    margin-top:20px;
}

#backLayer{
    position: absolute;
    z-index: 99998;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    color: white;
}

#topLayer{
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 600px;
    opacity: 1;
    color: white;
    border:#156A7E 2px solid;
    background:white;
    margin: -315px 0 0 -250px;
}

#statusBarLayer{
    font-family: 'Lato', sans-serif;
    text-transform:uppercase;
    font-size:17px;
    width: 100%;
    background: #1E90AA;
    height:30px;
    padding-top:7px;
    display: inline-block;
    text-align:center;
    color: white;
    cursor:default;
    text-shadow: 2px 2px 2px #166070;
    filter: dropshadow(color=#166070, offx=2, offy=2);
}

img.close-img{
    position:absolute;
    width:16px;
    height:16px;
    float:right;
    padding:3px 15px 0 0;
    cursor: hand;
    cursor: pointer;
    margin-left:115px;
}

.form, .form input, .form label, .form textarea{
    // display:inline-block;
    font-family: 'Lato', sans-serif;
    text-align:left;
    font-size:16px;
    color:black;
    margin:0 2px 5px 10px;
}

.etiq{
    border:white 3px solid;
    background:white;
    color:black;
}

.etiq-yellow{
    color:yellow;
    background:#1E90AA;
}