/* filastr */
* {margin:0; padding:0; box-sizing:border-box}
html,body {height:100%; font-family:Verdana,Sans-Serif; font-size:14px; background:#cde; color:#444}
h3 {font-size:22px} small {font-size:10px}
a {font-weight:bold; color:#39d; text-decoration:none}
a:hover {color:#666; text-decoration:underline}
img {display:block; max-width:90%; margin-left:auto; margin-right:auto}
#top {width:100%; height:60px; background:#044; color:#ff9; padding:10px}
#push {width:100%; height:80px; background:#ccc}
#btm {position:fixed; bottom:0; width:100%; height:35px; background:#044; color:#ff9; padding:10px}
.row {width:100%}
.box {width:35%; background:#fff; padding:10px; border:1px solid #bbb}
.box2 {width:15%; background:#ccc; padding:10px; border:1px solid #bbb}
.in {display:inline; border:0; margin:0}
/* webform elements */
form {padding:10px; background:#ffb}
input, textarea {padding:8px; border:1px solid #bbb; background:#ddd; width:100%; font-family:Courier; font-size:14px; color:#334}
textarea {height:150px; line-height:18px}
input:hover, textarea:hover, input:focus, textarea:focus {background:#fff; border:1px solid #036}
input.invio {float:right; width:100px; height:40px; background:#369; color:#fff; font-weight:bold}
input.invio:hover {background:#036}
/* desktop */
@media only screen and (min-width:690px){
.row {display:flex; float:right}
.box {width:35%; float:left}
.box2 {width:15%; float:left}
}
/* eof */