html, body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
    /*background-color: #e9e9e9;*/
}

#main {
    padding: 30px 0;
}

body {
    padding-top: 60px;
    background-color: #E5E4E5;
    /*padding-bottom: 40px;*/
}
.sidebar-nav {
    padding: 9px 0;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push, #footer {
    height: 60px;
}

#footer {
    background-color: #f5f5f5;
}

@media (max-width: 980px) {
    /* Enable use of floated navbar text */
    .navbar-text.pull-right {
        float: none;
        padding-left: 5px;
        padding-right: 5px;
    }
}
/*Serve per centrare il logo */
.navbar .brand {
    margin-left: auto;
    margin-right: auto;
    width: 130px;
    float: none;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
    padding-top: 60px;
}
.container .credit {
    margin: 20px 0;
}

code {
    font-size: 80%;
}

.profile-form input[class*="span"] {
    width: 300px;
}

.board
{
    margin:2%;
    background-color:#888888;    
    float: left;
    margin: 0px 5px 2px 0px;
    /*display: block;*/
    border-radius: 3px; 
    background-color: rgba(0, 0, 0, 0.027451); 
    border: 2px dashed rgb(187, 187, 187); 
    height: 284px; 
    width:236px;
    position:relative;  /* coord system stop */
    top: 0px; /* IE? */
}

.boardWrapper
{
     position:absolute;
     top:0px;
     padding-top:50%; /* center the top of child elements vetically */
     padding-bottom:50%;
     height:0px;
}

.boardElement
{               
    position: relative;
    background-color: transparent;
    text-align: center; /* horizontal centering */
    -webkit-transform: translateY(-50%); /* child now centers itself relative to the  midline based on own contents */
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.5, M12=0, M21=0, M22=0.5,  SizingMethod="auto expand")'; /*IE8 */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.5, M12=0, M21=0, M22=0.5,  SizingMethod='auto expand'); /*IE6, IE7*/
    transform: translateY(-50%);    
}