﻿/* == Stili di base - Mobile first ========================================== */
/*#e8eae8; grigio
 #ff6500; verde fedbg
 ff6500 arancio
*/
.messaggiookinvio{
text-align:left;
margin-top:0px;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
font-size:20px;
color:red;
font-variant:small-caps;
text-decoration: underline;
font-style:italic;
}
.messaggiookinvio2{
text-align:left;
margin-top:0px;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
font-size:20px;
color:red;
font-variant:small-caps;
text-decoration:none;
font-style:italic;
}
.messaggiookinvio3{
font-size:16px;
color:red;
font-weight:bold;
}
.testogiustificacoloratozerobottom{
  margin-top:2px;
  margin-right:4px;
  margin-bottom:0px;
  margin-left:0px;
  text-align:left;
  line-height: 18px;
  color:#ff6500;
  font-weight:bold;
  font-size:0.9em;
  text-transform:uppercase;
}
.testocentratocoloratozerobottom{
  margin-top:0px;
  margin-right:4px;
  margin-bottom:0px;
  margin-left:4px;
  text-align:center;
  line-height: 18px;
  color:#ff6500;
  font-weight:bold;
  font-size:0.9em;
  text-transform:uppercase;
}


.divGruppoForm{
display:table;
max-width:100%;
width:100%;
padding:0px;
background-color:#ffffff;
border:solid 1px #e8eae8; /*grigio*/
height:auto;
}

.divTitForm{
display:table;
max-width:100%;
width:100%;
padding:10px;
vertical-align:middle;
background-color:#e8eae8;
height:30px;
}
.div00form{
display:block;
max-width:98%;
padding-right: 10px;
padding-left: 10px;
width:98%;
padding-bottom:10px;
}
.div01form {
display:block;
max-width:100%;
width:100%;
padding-bottom:10px;
}
.div02form {
display:block;
max-width:100%;
width:100%;
padding-bottom:10px;
}
.div2formparziale-01 {
display:block;
max-width:100%;
width:100%;
padding:10px;
}
.div2formparziale-02 {
display:block;
max-width:100%;
width:100%;
padding:10px;
}







/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {

 .div00form {
  display: inline-block;
  float: left;
  max-width: 98%;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 0px;
  padding-bottom: 0px;
 }

 .div01form {
  display: inline-block;
  float: left;
  max-width: 50%;
  padding-right: 10px;
  padding-left: 0px;
  margin-left: 0px;
  padding-bottom: 0px;
 }

  .div01form img {
   width: 100%;
  }

 .div02form {
  display: inline-block;
  float: right;
  max-width: 50%;
  padding-left: 10px;
  padding-right: 0px;
  margin-right: 0px;
  padding-bottom: 0px;
 }

  .div02form img {
   width: 100%;
  }

 .div2formparziale-01 {
  display: inline-block;
  float: left;
  max-width: 35%;
  padding-left: 10px;
  padding-right: 0px;
  margin-right: 0px;
  padding-bottom: 0px;
 }

  .div2formparziale-01 img {
   width: 100%;
  }

 .div2formparziale-02 {
  display: inline-block;
  float: right;
  max-width: 65%;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0px;
  padding-bottom: 0px;
 }

  .div2formparziale-02 img {
   width: 100%;
  }







 /* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
 @media only screen and (min-width: 1024px) {
 }











 /* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px) {








 }}

