body { background: rgba(0,0,0,0.9); /* browsers */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e6000000', endColorstr='#e000000'); /* IE */ margin: 0; padding: 0; color:#FFF; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }


h1.katamail {float:left; background:url("img/sprite.png") 79px -4378px no-repeat;width:110px;font-size:15px;line-height:26px;height:26px;text-transform:uppercase;margin:3px 0 0 10px; color: #FFF}


#katamail-login {clear:both;}
#katamail-login label {clear:both;display:block;font-size:13px;line-height:20px;color:#5f5f5f; margin-bottom: 0; font-weight: normal}

#katamail-login .katamail-username input {width:126px; margin-right: 5px}
#katamail-login .katamail-password input {width:120px}
#katamail-login .katamail-username {float:left;font-size:13px;width:240px}
#katamail-login .katamail-password {float:left;width:140px;margin-left:15px}

#katamail-login fieldset { border: none; padding: 0 5px }

#katamail-login:after {clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}

.login-button,
.login-button:visited {font-family:'OpenSansBold',sans-serif; background-color:#cc162e; display:inline-block;color:#fff;text-decoration:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;border:0; -moz-box-shadow:0 1px 3px rgba(0,0,0,.6); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.6); text-shadow:0 -1px 1px rgba(0,0,0,.25); border-bottom:1px solid rgba(0,0,0,.25);cursor:pointer;margin-top:20px;margin-left:10px;padding:5px 15px 3px 15px; font-size: 12px}
.login-button:hover {background-color:#8d161e }

input[type="text"], 
input[type="password"] {background:#333333;border:0;border-radius:4px;outline:0;color:#fff;font-size:13px/22px Arial,Helvetica,sans-serif;height:22px;padding:0 6px}

ul {float:left;list-style:none;padding:4px 0 0 5px; margin: 4px 0 0 7px; width: 480px}
ul li {float:left;font-size:11px;margin-right:7px}
ul li a,
ul li a:visited {color:#fff;text-decoration:none;font-size:11px}
ul li a:hover {text-decoration:underline}

ul li.crea { border-left: 1px solid #e72432; padding-left: 5px;}
ul li.crea a { color: #e72432 !important}

ul { line-height: 16px; }

ul li.impostazioni { margin-left: 30px; border-right: 1px solid #ccc; padding-right: 7px }
ul li.assistenza   { padding-right: 7px ; float:right; text-transform:uppercase; }



@media only screen and (min-width: 320px) and (max-width: 494px), (min-width: 496px) {
  body { width: 400px; margin: 0 auto; margin-top: 40px; }
  #katamail-login .katamail-username { width: 100%; margin: 15px 0}
  #katamail-login .katamail-password { margin: 0 0 15px 0}
  .login-button { margin: 20px 0 0 0 }
  ul { margin: 4px 0 0 2px; width: 300px}
  ul li.impostazioni { margin-left: 0 }				
}