/* CSS Newsletter */

.Newsletter {
    margin: 0px 0 0 0px;
}
#form-registrazione-container {
    padding: 10px;
    background: #fff;
    margin-top: 2%;
    margin-bottom: 2%;
}
#newsletter_submit{
    border: none;
}
div.Newsletter h2 {
    color:#FFFFFF;
    font-size:1.2em; 
    font-weight:normal;
}
form#newsletter_form{
    margin-top:6px;
    font-size:11px;
    text-align: center;
}
.titNewsletter {
    font-size: 18px;
    color: #666;
    /*border:1px solid #ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    background: #787879;*/
    box-shadow: 0px 5px 5px -7px #000;
    padding: 3px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.Csi{
    width: 50%;
}
form#newsletter_form input{
    margin-top:4px;
    margin-bottom:4px;
}
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0px;
    text-align: left;
    font-weight: normal;
}
div.Newsletter a {
    color:#5D5D5D;
    font-size: 12px;
}
div.Newsletter a:hover {
    color:#5D5D5D;
    font-size: 12px;
}
.ContentTitle{
    font-weight: bold;
    font-size: 14px;
    background-color:#ec1d23;
    color: #fff;
    padding: 0.5% 0px 0.5% 3%;
    margin-bottom: 3%;
}
.ContentTitle2 {
    font-weight: bold;
    font-size: 14px;
    background-color:#ec1d23;
    color: #fff;
    padding: 0.5% 0px 0.5% 3%;
    margin-bottom: 3%;
}
.consensob{margin-top: 3%;}
.consensob b{text-align: left;}
.Privacy {
    border:1px solid #ddd;
    color:#666666;
    font-size:12px;
    height:100px;
    overflow:auto;
    padding:0;
    width:100%;
    padding-left: 2%;
padding-right: 2%;
padding-top: 2%;
}
table.tablenewsletter a{
    color:black;
}
table.tablenewsletter h3{
    font-weight:bold;
}
.span-adv {
    font-size:20px; 
    color: #666;
    padding: 0px 20px;
}


.newsletterfooter {
    
    
    padding-top: 0%;
    padding-bottom: 0%;
     float: right;
    width: 33.333%;
    right: 0px;
   
    
}
.newsletter_bg {
    position: absolute;
    
}
.consenso1 {
    font-size: 12px;
}

.btnRegister {
    color: #fff;
    background: #363636;
    padding: 10px 20px;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-size: 14px;
}


.newsletter-footer {
    width: 100%;
    text-align: left;
}

.newsletter-footer2 {
    width: 100%;
    text-align: left;
    font-size: 18px;
    color:#fff;
    margin-bottom: 2%;
}
.newsletter-footer-content2 {
    width: 100%;
    color: #fff;
    font-size: 14px;
    text-align: left;
    margin-bottom: 0px;
    margin-left: auto;
margin-right: auto;
}
.newsletter-footer2 .fa {color:#c1c1c1;}

.newsletterfooter form#newsletter input[type="text"] {
    background: none repeat scroll 0px 0px #FFF;
    border: 2px solid #786D75;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 5px;
    padding: 7px 3px 7px 5px;
    position: relative;
    z-index: 1;
    width: 60%;
    text-align: right;
}

.newsletter-footer-img {
    
}

.newsletter-footer-title .fa {
   
    color: #c5c5c5;
    font-size: 22px;
    padding: 0px 0px 0px;
    margin-bottom: 10px;
    
}

form#newsletter input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f6f6f6;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
    padding: 7px 0 7px 5px;
    position: relative;
    z-index: 1;
}

form#newsletter input[type="submit"] {
    background: #445059 none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    margin: 0 0 5px;
    padding: 8px;
    position: relative;
    z-index: 2;
}
.news_aling{
    width:90%;
    margin-left:auto;
    margin-right: auto;
    text-align: center;
    
}



.newsletter-footer {
    width: 100%;
    text-align: left;
}

.newsletter-footer-img {
    
}

.newsletter-footer-title {
    color: #000;
    font-family: Personal-Font-Bold;
    font-size: 22px;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}

.newsletter-footer-content {
    width: 100%;
    color: #000;
    font-size: 14px;
    margin-bottom: 15px;
}

@media only screen  and (max-width: 330px) {
form#newsletter input[type="text"] {
    
    width:90%;
    text-align: center;
}
}

@media only screen  and (min-width: 100px) and (max-width: 285px) {
    

.newsletter-footer-title {
    width: 90%;    
    margin-left: auto;
    margin-right: auto;

}
}


@media only screen  and (max-width: 990px) {
.newsletterfooter form#newsletter input[type="text"] {
    background: none repeat scroll 0px 0px #FFF;
    border: 2px solid #786D75;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 5px;
    padding: 7px 3px 7px 5px;
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center;
}

.newsletterfooter form#newsletter input[type="submit"] {
    background: none repeat scroll 0px 0px #FED664;
    color: #313236;
    font-size: 20px;
    margin: 6px 0px 5px;
    top: 3px;
    padding: 0.3% 6%;
    position: relative;
    z-index: 2;
    width: 100%;
}
}

@media only screen  and (max-width: 770px) {
.newsletterfooter {
    padding-top: 0%;
    padding-bottom: 0%;
    float: left;
    width: 100%;
    right: 0px;
}

}

/**/

@media screen and (min-width: 993px) and (max-width: 1200px) {
    #form-registrazione-container {
  
   margin-top: 5.8%;
}
}

@media screen and (min-width: 773px) and (max-width: 993px) {
#form-registrazione-container {
  
   margin-top: 7.9%;
}

}
@media screen and (min-width: 767px) and (max-width: 773px) {
    .cat_bane_bg {
    margin-top: 0%;
}
#form-registrazione-container{
    width: 100%;
    
 margin-top: 7.9%;
}

}
@media screen and (min-width: 660px) and (max-width: 767px) {
    
#form-registrazione-container  {
    width: 100%;
    
margin-top: 8.5%;
}

}

@media screen and (min-width: 625px) and (max-width: 660px) {
    
#form-registrazione-container {
    width: 100%;
    
margin-top: 9.8%;
}

}

@media screen and (min-width: 580px) and (max-width: 625px) {
    
#form-registrazione-container {
    width: 100%;
   
margin-top: 10.5%;
}

}

@media screen and (min-width: 480px) and (max-width: 582px) {
    
#form-registrazione-container {
    width: 100%;
   
margin-top: 11%;
}

}
@media screen and (min-width: 430px) and (max-width: 480px) {
    
#form-registrazione-container {
    width: 100%;
  
  margin-top: 12.8%;
}

}
@media screen and (min-width: 400px) and (max-width: 430px) {
    
#form-registrazione-container {
    width: 100%;
   
 margin-top: 15.5%;
}
.Csi {
    width: 100%;
}
.btnRegister  {
    background: #0538E1 none repeat scroll 0% 0%;
    color: #FED664;
    border: medium none;
    border-radius: 0px;
    width: 100%;
     display: block;
    padding: 10px 20px;
    margin-top: 4%;
}


}
@media screen and (min-width: 345px) and (max-width: 400px) {
    
#form-registrazione-container {
    width: 100%;
    
margin-top: 15.5%;
}
.Csi {
    width: 100%;
}
.btnRegister  {
    background: #0538E1 none repeat scroll 0% 0%;
    color: #FED664;
    border: medium none;
    border-radius: 0px;
    width: 100%;
     display: block;
    padding: 10px 20px;
    margin-top: 4%;
}


}
@media screen and (min-width: 300px) and (max-width: 345px) {
    
#form-registrazione-container  {
    width: 100%;
   
margin-top: 19%;
}
.Csi {
    width: 100%;
}
.btnRegister  {
    background: #0538E1 none repeat scroll 0% 0%;
    color: #FED664;
    border: medium none;
    border-radius: 0px;
    width: 100%;
     display: block;
    padding: 10px 20px;
    margin-top: 4%;
}


}

@media screen and (min-width: 244px) and (max-width: 300px) {
    
#form-registrazione-container {
    width: 100%;
    
margin-top: 20.9%;
}
.Csi {
    width: 100%;
}
.btnRegister  {
    background: #0538E1 none repeat scroll 0% 0%;
    color: #FED664;
    border: medium none;
    border-radius: 0px;
    width: 100%;
     display: block;
    padding: 10px 20px;
    margin-top: 4%;
}


}
@media screen and (min-width: 225px) and (max-width: 244px) {
    
#form-registrazione-container {
    width: 100%;
   
 margin-top: 28%;
}
.passforContentTitle {
    font-size: 16px;
}
.Csi {
    width: 100%;
}
.btnRegister  {
    background: #0538E1 none repeat scroll 0% 0%;
    color: #FED664;
    border: medium none;
    border-radius: 0px;
    width: 100%;
     display: block;
    padding: 10px 20px;
    margin-top: 4%;
}


}

@media screen and (min-width: 100px) and (max-width: 225px) {
    
#form-registrazione-container {
    width: 100%;
   
margin-top: 23%;
}
.passforContentTitle {
    font-size: 16px;
}
.Csi {
    width: 100%;
}
.btnRegister {
    background: #0538E1 none repeat scroll 0% 0%;
    color: #FED664;
    border: medium none;
    border-radius: 0px;
    width: 100%;
     display: block;
    padding: 10px 20px;
    margin-top: 4%;
}


}