/*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/

html {
min-height: 100%;
background-size: cover;
/*
background-image: url(../../logo.jpg);
background-repeat: no-repeat;
background-position: right bottom;
*/
}
body{
min-height:100%;
}
* {
margin: 0;
padding: 0;
}
#form-logo {
  width: 100%; height: 100%; position: relative; display: block; text-align: center; margin: 0 auto 30px auto;
}
#form-logo p {
  padding: 0 5%;
}
#contactus fieldset
{
   width: 100%;
   background: rgba(48,95,48,0.9);
   margin:0 auto;
   border:0px solid #E3DDDD;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	/*-moz-box-shadow: 2px 2px 7px #000;
	-webkit-box-shadow: 2px 2px 7px #000;
	box-shadow: 2px 2px 7px #000;*/
}

#contactus field
{
   width: 100%;
   float: left;
   padding: 10px;
   font-weight: 900;
}

#contactus field2
{
   width: 48%;
   float: left;
   padding: 10px;
}

#contactus field3
{
   width: 100%;
   float:left;
   text-align: center;
   margin:0 auto;
}


#contactus legend
{
   font-family: 'Quicksand',sans-serif;
   font-size: 0.9em;
   font-weight:bold;
   color:#fff;
   text-shadow: 1px 1px 1px #000;
}
#contactus h1 {
    font-family: 'Quicksand',sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    padding: 15px 5px 5px 5px;
    text-align: center;
    margin: 20px 0 0 0;
}

#contactus h2
{
   font-family: 'Quicksand',sans-serif;
   font-size: 0.95em;
   font-weight:bold;
   color:#fff;
   padding: 5px;
   text-align: center;
}
#contactus .thanks h2
{
   font-family: 'Quicksand',sans-serif;
   font-size: 0.95em;
   font-weight:bold;
   color:#444;
   padding: 5px;
   text-align: center;
}
#contactus h3
{
   font-family: 'Quicksand',sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#fff;
   padding: 5px 5px 5px 13px;
   text-align: left;
}
#contactus .thanks h3
{
   font-family: 'Quicksand',sans-serif;
   font-size: 0.8em;
   line-height: 1.2em;
   font-weight:bold;
   color:#ffff;
   padding: 5px;
   text-align: center;
}
#contactus p
{
   font-family: 'Quicksand',sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#555;
   text-shadow: 1px 1px 1px #000;
   padding: 5px;
   text-align: justify;
}

#contactus label
{
   font-family: 'Quicksand',sans-serif;
   font-size:13px;
   /*font-weight: bold;*/
   cursor: pointer;
   line-height: 18px;
}

#contactus input[type="text"],textarea
{
  font-family: 'Quicksand',sans-serif;
  font-size: 0.9em;
  line-height:140%;
  color : #fff !important;
  font-weight: 900;
  padding : 3px;
  border : 1px solid #cecece;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}


#contactus input[type="text"]
{
  height:18px;
  width:95%;
  background: rgba(51,54,51,.9);
  color : #fff !important;
  font-family: 'Quicksand',sans-serif;
  font-size: 12px;
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;

}
#pdf{
    position: relative;
    width: 100%;
    height: 50px;
    margin-top: -50px;
}

select {
  font-family: 'Quicksand',sans-serif;
  height:25px;
  width:96.5%;
  background: rgba(21,54,94,.7) url(../img/down-arrow.png)no-repeat center right;
  color: #fff;
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;

}


#contactus #scaptcha
{
  width:60px;
  height:18px;
}

a:-webkit-any-link {
   color:#fff;
   text-decoration: none;
   font-weight: bold;
}

#contactus input[type="submit"]
{
   width: 100%;
   height: 45px;
   padding-left:0px;
   background: #333;
   font-family: 'Quicksand',sans-serif;
   color:#fff;
   font-size: 13px;
   font-weight:bold;
   cursor: pointer;
   border: 1px solid transparent;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow:1px 1px 2px #000;
   box-shadow: 1px 1px 2px #000;
}
#contactus input[type="submit"]:hover
{
   background: #111;
}

#contactus textarea
{
  height:160px;
  width:92%;
  color : #fff !important;
  background: rgba(51,54,51,.9);
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}

#contactus input[type="text"]:focus,textarea:focus
{
  color : #fff !important;
  border : 1px solid #cecece;
  background-color:#000 ;
  font-weight:bold;
}

#contactus .container
{
   width: 96%;
   float: left;
   margin-top:3px;
   margin-bottom: 2px;
   font-family: 'Quicksand',sans-serif;
   /*font-size: 13px;*/
}
#contactus .servizi-accessori
{
	float: left;
    margin-right: 5px;
}
#contactus .container-campi
{
   width: 96%;
   float: left;
   margin-top:3px;
   margin-bottom: 2px;
   margin-left:5px;
   font-family: 'Quicksand',sans-serif;
   font-size: 13px;
}
#contactus .container-date
{
   width: 45%;
   float: left;
   margin-top:3px;
   margin-bottom: 2px;
   font-family: 'Quicksand',sans-serif;
   font-size: 13px;
   padding: 0 5px 0 0;
}
#contactus .container .mid
{
    width: 20.5%;
    float: left;
    margin: 0 10px 0 0;
}
#contactus .container.date-flex
{
   width: 100%;
   float: left;
   margin-top:3px;
   margin-bottom: 2px;
   font-family: 'Quicksand',sans-serif;
   font-size: 13px;
}
#contactus .container.note
{
   width: 98%;
   float: left;
   margin-top:3px;
   margin-bottom: 2px;
   font-family: 'Quicksand',sans-serif;
   font-size: 13px;
}
#contactus .container.privacy
{
   width: 95%;
   float: left;
   margin-top:3px;
   margin-bottom: 2px;
   font-family: 'Quicksand',sans-serif;
   font-size: 14px;
}
#contactus .container.privacy a{color:#2e5688;font-weight:900;text-decoration: none;}
#contactus .container.submit
{
   width: 93%;
   float: left;
   margin-top:3px;
   margin-bottom: 2px;
   font-family: 'Quicksand',sans-serif;
   font-size: 13px;
}
#contactus .container.prev
{
   width: 98%;
   float: left;
   margin-top:30px;
   margin-bottom: 2px;
   font-family: 'Quicksand',sans-serif;
   font-size: 13px;
   text-align:center;
}
#contactus .container-campi .campo
{
   width: 55%;
   float: left;
   margin-top:3px;
   margin-bottom: 2px;
   font-family: 'Quicksand',sans-serif;
   font-size: 13px;
}
#contactus .container-campi .data
{
   width: 20%;
   float: left;
    margin: 3px 10px 0 0;
    margin-bottom: 2px;
    font-family: 'Quicksand',sans-serif;
    font-size: 13px;
}
#contactus .container-campi .ora
{
   width: 15%;
   float: left;
   margin-top:3px;
   margin-bottom: 2px;
   font-family: 'Quicksand',sans-serif;
   font-size: 13px;
}
#contactus .error
{
  font-family: 'Quicksand',sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  background-color: transparent;
  margin: 20px 0;
}
.short_explanation{text-align:justify !important;line-height:11px;margin: 20px auto;}
@media (max-width:550px){
#contactus .error{
   font-size: 12px;
   text-align:justify !important;
   margin-top: 20px;
}
}

#contactus fieldset#antispam{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactus fieldset#antispam legend{
   font-family: 'Quicksand',sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#fff;
}

#contactus li.short_explanation{
   font-family: 'Quicksand',sans-serif;
   font-size: 13px;
   color:#fff;
   text-align: justify;
   margin-left: 10px;
}

/*
@media (max-width: 1000px){
#contactus field {width: 100%;}
#contactus field2 {width: 100%;}
#contactus .container {width: 33%;}
#contactus .container.date-flex {width: 33%;margin-top: 25px;font-size: 10px;}
#contactus .container.note{width: 50%;}
#contactus .container.privacy{width: 50%;margin-top:15px;font-size: 10px;}
#contactus .container.submit{width: 50%;}
#contactus input[type="text"] {width: 90%;}
#contactus select {width: 93%;}
}
@media (max-width: 706px){
#contactus .container.note{width: 100%;}
#contactus .container.privacy{width: 100%;margin-top:15px;}
#contactus .container.submit{width: 100%;}
}
@media (max-width: 510px){
#contactus field, #contactus field2{padding:0 10px;}
#contactus .container {margin-top:0;margin-bottom:0;}
#contactus .container.privacy {margin-top: 0;}
#contactus .container.date-flex {font-size: 8px;}
#contactus .container.privacy {font-size: 8px;}
#contactus .container.note {margin-top:0;margin-bottom:0;}
#contactus label {font-size: 10px;}
#contactus input[type="text"] {width: 85%;height: 12px;}
#contactus select {width: 90%;height: 12px;}
#contactus textarea {height: 25px;}
#contactus input[type="submit"] {height: 22px;}
#contactus a.ToolTip {font-size: 10px;}
#contactus a.ToolTip abbr {width: 100px;}
#contactus .short_explanation{font-size: 10px;}
#contactus .error {font-size: 10px;}
}
@media (max-width: 300px){
#contactus field, #contactus field2{padding:0 10px;}
#contactus .container {margin-top:3px;margin-bottom:0;}
#contactus label {font-size: 10px;}
#contactus input[type="text"] {width: 80%;height: 11px;}
#contactus textarea{width: 90%;height: 11px;}
#contactus select {width: 88%;height: 11px;}
#contactus textarea {height: 25px;}
#contactus .container.privacy {margin-top: 0;}
#contactus input[type="submit"] {width: 92.5%; height: 22px;}
#contactus a.ToolTip {font-size: 8px;}
#contactus a.ToolTip abbr {width: 60px;}
}
*/

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-family: 'Quicksand',sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);
}
#fg_crdiv p
{
    display:none;
}

/*check box display */
label ~ input[type="checkbox"] ~ div {display:none;}
label ~ input[type="checkbox"]:checked ~ div {display:inline;}

/* Tooltip */
a.ToolTip
{
color: #fff;
font-size: 13px;
cursor:pointer;
/*text-shadow: 0 1px 0 #000;*/
}
a.ToolTip abbr
{
    display: none;
    width:250px;
    color:#fff;
	margin-top: 0px;
	margin-left: -185px;
}
a.ToolTip:active abbr
{
    display: block;
    position: absolute;
	font-family: 'Quicksand',sans-serif;
    top: 20px;
    left: 0px;
    background: rgba(0,0,0,0.7);
    font-style: normal;
    padding: 5px 5px 5px 5px;
moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 12px #E3DDDD;
-webkit-box-shadow: 0px 0px 12px #E3DDDD;
box-shadow: 0px 0px 12px #E3DDDD;
border-color: #CCC #DDD #DDD #CCC;
}
a.ToolTip:hover
{
    position: relative;
}