/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: auto;
    width: 80%;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 50px;
    padding-right: 15px;
    
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/*HEADER*/
header {display:block; position:relative; width: 100%;}
header .logoContainer { display: block; width: 100%; height:100px; margin:auto}

header .logoContainer .headerLogoSx { float:left; left:0px; width:15%; }
header .logoContainer .headerLogoDx { float:left; right:0px;  width:15%;  }
header .logoContainer .headerNomeComune {float:left; width:70%; color:#4982B4; vertical-align:middle; font-size:50px; }
header .logoContainer .logoComune { height: 76px; }

.cellHeight { font-family:'Baskerville Old Face'; font-size:30pt; }

.leftElement { display: block; text-align: center; }

/*ADMIN LOGIN BOX*/

.loginContainer { width: 240px; min-height: 110px; margin: auto;}
.loginContainer .adminForm {  Width:100%; margin:10px 0px;}
.centrato  { margin:0 auto; }

.colorInf {color:#4982B4; }
.centerElement { display: block; text-align: center; }

.formTable { width:100%;}
.formTable input { width:100%; }

.breakWord120
{
   max-width: 120px !important;
   word-break: break-all !important;
   word-wrap: break-word !important;
   vertical-align: top;
   line-height: 15px;
}