.residenza{
	background: #e5b668;
	border-radius:0.5em;
	display:table;
	margin-top:1em;
}
.stanza{
	background-image: url('../img/stanza.jpg');
	background-size:contain;
	clear:none;
	float:left;
	border-radius:0.5em;
	margin:0.5em;
}
.small{
	font-size:small;
}
.letto{
	background: rgba(188,212,169,0.6);/*#bcd4a9*/
	background: rgba(0,60,0,0.2);/*#bcd4a9*/
	width:15em;
	height:8em;
	margin:0.2em 0.5em;
	float:left;
	border-radius:0.5em 0.5em 0 0;
	}
.occupato{
	background: rgba(255,0,0,0.3);
}
.libero{
	background: rgba(0,0,0,0.3);
}
.letto img{
	float:left;
}
legend {
	margin-left:0;
	padding:0.1em 0.3em;
	background:rgba(0,0,0,0.2);
	border-radius:0.5em 0.5em 0 0;
	font-weight:bold;
}

a.delete,a.delete:link,a.delete:visited, a.add,a.add:link,a.add:visited, a.prenota, a.prenota:link, a.prenota:visited, a.mod, a.mod:link, a.mod:visited,a.bac,a.bac:link,a.bac:visited{
	font-size: xx-small;
	font-weight:bold;
	display:block;
	padding:.2em .4em ;
	color:white;
	border-radius:1em;
	float:right;
	margin-left:0.2em;
}
a.prenota, a.prenota:link, a.prenota:visited{background:orange}
a.delete,a.delete:link,a.delete:visited {background:red}
a.add,a.add:link,a.add:visited {background:green}
a.mod,a.mod:link,a.mod:visited {background:blue}
a.bac,a.bac:link,a.bac:visited {background:brown}
a.month, a.month:link, a.month:visited{
	font-weight:900;
	margin:1em 0 1em 0;
}
a {cursor:pointer;text-decoration:none;}
a:link,a:visited,a:hover{color:black;}
.bacheca_separator{
	height:0.8em;
	border-top:1px dashed #bcd4a9;
}
.bacheca_messaggio{
	margin:0.5em;
	padding:0.5em 0.8em 0.5em 2em;
	border-radius:0.5em;
	box-shadow: 2px 3px 0.5px rgba(0, 0, 0, 0.13);
	background-color: #DCF8C6;
}
.bacheca_tms{
	font-size:x-small;
	text-align:right;
	color:grey;
}
#bacheca{
	height:12em;
	overflow-y:scroll;
	bottom:0;
}

#operatore{
	margin-left:-1.5em;font-weight: bold;color: #436976;
	margin-bottom:0.7em;
}
.border{
	border:1px solid #ccc;
	padding:0.5em;
	margin-top:1px;
	background:#eee;
}


a:link, a:hover,a:visited{
	color:#425363;
	
}
footer{
/*	height: 1.5em;*/
	width:100%;
	bottom:0;
	width:100%;
	position:fixed;
	z-index:99;
	background:;
	padding:0.3em;
    background: #425363;
}
footer,
#menu,
.menu-link {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background: #425363;
}


footer a,
#menu a {
    color: #999;
    border: none;
    white-space: normal;
    padding: 0.625em 1em;
}
footer .pure-menu-open,
#menu .pure-menu-open {
    background: transparent;
    border: 0;
}

#menu .pure-menu ul {
    border: none;
    background: transparent;
    display: block;
}
#barspace{
	height:3em;
	clear:both;
}
#menu .pure-menu ul,
#menu .pure-menu .menu-item-divided {
    border-top: 1px solid #333;
}

    #menu .pure-menu li a:hover,
    #menu .pure-menu li a:focus {
        background: #333;
    }

.menu-link {
    position: fixed;
    display: block; /* show this only on small screens */
    top: 0;
    left: 0; /* "#menu width" */
    background: #000;
    background: rgba(0,0,0,0.7);
    font-size: 11px; /* change this value to increase/decrease button size */
    z-index: 10;
    width: 4em;
    height: 4em;
    padding: 1em;
}

    .menu-link:hover,
    .menu-link:focus {
        background: #000;
    }

    .menu-link span {
        position: relative;
        display: block;
        margin-top: 0.9em;
    }

    .menu-link span,
    .menu-link span:before,
    .menu-link span:after {
        background-color: #fff;
        width: 100%;
        height: .2em;
        -webkit-transition: all 0.4s;
           -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
             -o-transition: all 0.4s;
                transition: all 0.4s;
    }

        .menu-link span:before,
        .menu-link span:after {
            position: absolute;
            top: -.55em;
            content: " ";
        }

        .menu-link span:after {
            top: .55em;
        }

    .menu-link.active span {
        background: transparent;
    }

        .menu-link.active span:before {
            -webkit-transform: rotate(45deg) translate(.5em, .4em);
               -moz-transform: rotate(45deg) translate(.5em, .4em);
                -ms-transform: rotate(45deg) translate(.5em, .4em);
                 -o-transform: rotate(45deg) translate(.5em, .4em);
                    transform: rotate(45deg) translate(.5em, .4em);
        }

        .menu-link.active span:after {
            -webkit-transform: rotate(-45deg) translate(.4em, -.3em);
               -moz-transform: rotate(-45deg) translate(.4em, -.3em);
                -ms-transform: rotate(-45deg) translate(.4em, -.3em);
                 -o-transform: rotate(-45deg) translate(.4em, -.3em);
                    transform: rotate(-45deg) translate(.4em, -.3em);
        }

#menu .pure-menu-heading {
    font-size: 125%;
    font-weight: 300;
    letter-spacing: 0.1em;
    color: #fff;
    margin-top: 0;
    padding: 0.5em 0.8em;
    text-transform: uppercase;
}
#menu .pure-menu-heading:hover,
#menu .pure-menu-heading:focus {
    color: #999;
}

#menu .pure-menu-selected {
    background: #1f8dd6;
}

#menu .pure-menu-selected a {
    color: #fff;
}

#menu li.pure-menu-selected a:hover,
#menu li.pure-menu-selected a:focus {
    background: none;
}
.main{
	margin:0.5em;
}
#login_form{
	margin:auto;
	margin-top:1em;
	display:block;
	background:#f1f1f1;
	padding:2em;
	border-radius:1em;
	width:50%;
	text-align: center
}
.pure-button-primary{
	color:#fff !important;
}
table.formTraccia, table.formTraccia input, table.formTraccia textarea{
	width:100%;
}

.pure-menu-horizontal{
	position:fixed;
	top:0;
}
#topSpacer{
	height: 4em
}
th{
	font-size:small;
}
.strange{
	color:#c04;
}
.right{
	text-align: right
}