* {font-family:'Cuprum', sans-serif; font-size:16px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
html {height:100%;}
body, html {width:100%;margin:0;padding:0; background-color:#eee;}
ul {list-style-type:none; margin:0; padding:0;}
.border-radius {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.box-shadow {-moz-box-shadow:0 0 10px 2px #ddd; box-shadow:0 0 10px 2px #ddd;}
.text-shadow {text-shadow:0 1px 0 #fff;}
.sx {float:left;}
.dx {float:right;}
.errore {border:solid 1px red !important;}
.border-box {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.txtAlignCenter {text-align:center;}
.txtAlignRight {text-align:right;}
.txtAlignLeft {text-align:left;}
.paragrafo {padding:1%; margin:0; color:#666;}
input[type="text"], input[type="password"], input[type="email"] {width:100%; padding:0 5px; float:left; border:solid 1px #ccc; -moz-border-radius:3px; border-radius:3px; text-align:center; outline:none; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; box-sizing:border-box; color:#666; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, textarea.msg:hover, textarea.msg:focus {background-color:#ffc; -moz-box-shadow:0 0 10px 2px #ddd; box-shadow:0 0 10px 2px #ddd;}
textarea, textarea.msg {width:100%; min-height:100px; padding:2%; position:relative; float:left; border:solid 1px #ccc; -moz-border-radius:3px; border-radius:3px; text-align: left; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; resize:vertical;}
input[type="submit"], input[type="button"], input[type="reset"], .btn {width:100%; display:inline-block; background:#ccc; border:solid 1px #ddd; color:#555; -moz-appearance:none; -webkit-appearance:none; text-align:center; cursor:pointer;}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover {background:#999; color:#fff; -moz-text-shadow:0 1px 0 #666; text-shadow:0 1px 0 #666;}
.callToAction {height:70px !important; line-height:70px !important; background-color:00a0ae !important; color:#fff !important; text-shadow:0 1px rgb(4, 97, 75) !important;}
header {position:fixed; top:0; left:0; z-index:100; background-color:#eee; color:#fff; -moz-box-shadow:0 0 9px #999; -webkit-box-shadow:0 0 9px #999; box-shadow:0 0 9px #999;}
header.mainHeader {background-image:url(../img/easy_feedback_banner.jpg); background-size:cover; background-repeat:no-repeat;}
header a {color:#fff;}
header img {height:100%; width:auto;}
footer {width:100%; padding:10px; margin-top:10px; float:left; background-color:#0096a9; color:#fff;}
footer a {color:#fff;}
.wrapper {max-width:1200px; height:auto; margin:0 auto;}
.containerLogo {width:100%; max-width:1200px; height:100%; margin:0 auto; overflow:hidden;}
.containerLogo span {font-size:2em; line-height:135px; color:#333}
.containerLogo p {font-size: 0.9em; line-height:20px; color:#333;}
.contenitore_feed {}
.contentLogoAzienda {width:100%; position:fixed; top:0; left:0; background-position:center; background-repeat:no-repeat;}
.max-size {max-width:980px; margin:0 auto; overflow:hidden;}

/* ----------------------- SMARTPHONE ------------------*/
@media screen and (min-width: 0px) and (max-width: 600px) {
header.mainHeader {width:100%; height:80px;}
header.mainHeader img {width:auto; height:100%;}
header.mainHeader {width:100%; height:110px;}
.boxLogo {width:auto; float:left;}
.logoEF {}
.contentBadge {height:110px; padding-right:10px; float:right;}
.txtBadge {width:auto; margin-top:45px; margin-right:10px; float:left;}
.badge {width:60px; height:60px; float:left; margin-top:25px;}
.premioHeader {width:100%; height:auto;}

.containerLogo p {padding:5px; line-height:14px;}
.contentLogoAzienda {height:55px; background-size:auto 90%;}
input[type="text"], input[type="password"], input[type="email"], input[type="submit"], .btn {height:40px; line-height:40px; font-size:1.5em;}
.formContattaAzienda input[type="text"], .formContattaAzienda input[type="password"], .formContattaAzienda input[type="email"], .formContattaAzienda input[type="submit"], .formContattaAzienda .btn {}
.grid1 {width:100% !important;}
}

@media screen and (min-width: 601px) and (max-width: 768px) {
header.mainHeader {width:100%; height:80px;}
header.mainHeader img {width:auto; height:100%;}
header.mainHeader {width:100%; height:110px;}
.boxLogo {width:auto; float:left;}
.logoEF {}
.contentBadge {height:110px; padding-right:10px; float:right;}
.txtBadge {width:auto; margin-top:45px; margin-right:10px; float:left;}
.badge {width:60px; height:60px; float:left; margin-top:25px;}
.premioHeader {width:100%; height:auto;}

.containerLogo p {padding:5px; line-height:14px;}
.contentLogoAzienda {height:55px; background-size:auto 90%;}
input[type="text"], input[type="password"], input[type="email"], input[type="submit"], .btn {height:40px; line-height:40px; font-size:1.5em;}
.formContattaAzienda input[type="text"], .formContattaAzienda input[type="password"], .formContattaAzienda input[type="email"], .formContattaAzienda input[type="submit"], .formContattaAzienda .btn {}
.grid1 {width:100% !important;}
}
/* ----------------------- IPAD PORTRAIT ------------------*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
header.mainHeader {width:100%; height:80px;}
header.mainHeader img {width:auto; height:100%;}
header.mainHeader {width:100%; height:110px;}
.boxLogo {width:auto; float:left;}
.logoEF {}
.contentBadge {height:110px; padding-right:10px; float:right;}
.txtBadge {width:auto; margin-top:40px; margin-right:10px; float:left;}
.badge {width:60px; height:60px; float:left; margin-top:25px;}
.premioHeader {width:100%; height:auto;}

.contentLogoAzienda {height:55px; background-size:auto 90%;}
input[type="text"], input[type="password"], input[type="email"], input[type="submit"], .btn {height:40px; line-height:40px; font-size:1.5em;}
.grid1 {width:100% !important;}
}
/* ----------------------- IPAD LANDSCAPE + NETBOOK ------------------*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {
header.mainHeader {width:100%; height:180px;}
.contentLogoAzienda {height:55px; background-size:auto 90%;}
input[type="text"], input[type="password"], input[type="email"], input[type="submit"], .btn {height:50px; line-height:50px; font-size:1.2em;}
.formContattaAzienda input[type="text"], .formContattaAzienda input[type="password"], .formContattaAzienda input[type="email"], .formContattaAzienda input[type="submit"], .formContattaAzienda .btn {}
.grid1 {width:100% !important;}
}
/* ----------------------- DESKTOP ------------------*/
@media only screen and (min-width: 1201px){
header.mainHeader {width:100%; height:110px;}
.boxLogo {width:auto; float:left;}
.logoEF {}
.contentBadge {height:110px; float:right;}
.txtBadge {width:auto; margin-top:35px; margin-right:10px; float:left;}
.badge {width:60px; height:60px; float:left; margin-top:25px;}
.premioHeader {width:100%; height:auto;}

.contentLogoAzienda {height:55px; background-size:auto 90%;}
input[type="text"], input[type="password"], input[type="email"], input[type="submit"], .btn {height:50px; line-height:50px; font-size:1.2em;}
.formContattaAzienda input[type="text"], .formContattaAzienda input[type="password"], .formContattaAzienda input[type="email"], .formContattaAzienda input[type="submit"], .formContattaAzienda .btn {height:30px; line-height:30px; font-size:1em;}
.grid2 {width:50% !important;}
}