@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Lato);

/**
 * Setup
 */
*{
  margin:0;
  box-sizing: border-box;
  outline:none;
}

html{
  height: 100%;
}
#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -20px;
}

body{
  height: 100%;
  font-family: 'Lato', sans-serif;
  padding:20px;
  font-size:16px;
  line-height:1.8em;
  background: #93cede;
  background: -moz-linear-gradient(-45deg,  #93cede 0%, #49a5bf  100%) fixed;
  background: -webkit-linear-gradient(-45deg,  #93cede 0%,#49a5bf  100%) fixed;
  background: linear-gradient(135deg,  #93cede 0%,#49a5bf  100%) fixed;
  min-height:100vh;
  color:#fff;
}
h1{
  font-family: 'Oswald', sans-serif;
  font-size:40px;
  line-height:1.4em;
  font-weight:normal;
}
h2{
  font-weight:normal;
  margin-top:.5em;
  margin-bottom:1em;
}
p{
  
}
a{
  cursor: pointer;
  color:#fff;
}

ul.menu{
  list-style:none;
  padding:0;
  box-sizing: content-box;
}
li.menu{
  margin-bottom:2em;
}

ul, li{
    list-style-type: disc;
    list-style-position: inside;
    padding: 0px 0px 0px 1em;
    text-indent: -1em;
    -moz-padding-start: 1em;
    -webkit-padding-start: 1em;
    -o-padding-start: 1em;
    xpadding-start: 0px;
}

pre{
  Xmargin-top:5px;
  font-size:14px;
  Xline-height:1.5em;
  text-indent: 0em ;
  margin-left: 1em ;
}
strong{
  color:#34495e;
}
.input-error{
  border:2px solid red;
}
input, select{
  padding:10px;
  border:2px solid transparent;
  border-radius:10px;
  font-size:16px;
}

select:invalid { color: gray; }

button{
  padding:10px;
  Xborder:2px solid transparent;
  border-radius:10px;
  font-size:16px;
  Xbackground-color: #00ffff;

		color: #533e00;
		background: -webkit-linear-gradient( -180deg, #00ffff, #00d0d0);
		background: -o-linear-gradient( -180deg, #00ffff, #00d0d0);
		background: -moz-linear-gradient( -180deg, #00ffff, #00d0d0);
		background: linear-gradient( -180deg, #00ffff, #00d0d0);
		border: 3px solid #00d0d0;
		outline: none;
		white-space: nowrap;
		cursor: pointer;
		text-shadow: 1px 1px rgba(255,255,255,0.7);
		font-weight: bold;
		text-align: center;
}                     
	button:hover {
		border-color: #009494;
	}
	button:active {
		background: #009494;
	}



#footer, #buffer {
    height: 20px;
    font-size:12px;
    clear: both;
    text-align:center;
}
		
.ui-menu { width: 10em; }
.viscntr tr:nth-child(even) {
  background-color: #eee;
}
.viscntr tr:nth-child(odd) {
  background-color: #fff;
}
.viscntr td {
  padding-right: 10px ;
}
		
.maiuscolo {text-transform: uppercase}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
		
label code { cursor: pointer; float: left; width: 9.5em; }
.my-placeholder { color: #aaa; }