@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,600|Rye|Sancreek|Stint+Ultra+Condensed');
@import url('https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC');
@font-face {
    font-family: Traditio;
    src: url(fonts/traditio.ttf);
    font-weight: normal;
}
/*
font-family: 'Traditio', cursive;
font-family: 'IM Fell DW Pica SC', serif;
font-family: 'IM Fell DW Pica', serif;
font-family: 'Oswald', sans-serif;
*/
html, body {
	height: 100%;
	background: #dfddc8;
}
body {
	padding: 5px;
}
.wrapper {
    padding: 5px;
	margin-bottom: 5px;
	position: relative;
	min-height: 100%;
	background: url(../../img/vintage-concrete.png);
	/*border: 3px solid #cbc9b7;*/
	font-family: 'IM Fell DW Pica', serif;
	color: #161510;
	font-size: 16px;
    text-align: center;
    /*padding-bottom: 205px;*/
}
.wrapper>section {
	/*padding-bottom: 360px;*/
	position: relative;
}
.homepage .wrapper>section {
	/*padding-bottom: 303px;*/
	/*min-height: 700px;*/
}
/*.wrapper::before {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    /*border: 1px solid #cbc9b7;*/
    z-index: 0;
}*/
.separator::before {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: '';
	width: 100%;
	max-width: 400px;
	height: 1px;
	background-color: #a2a190;
	z-index: 0;
}
.separator::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	border: 4px solid #dfddc8;
	border-radius: 8px;
	background-color: #161510;
	z-index: 4;
}
.account-box .separator::before {
	max-width: 200px;
}
.container {
    max-width: 100%;
}
/*Typography*/
h1 {
	font-family: 'Traditio', cursive;
	font-size: 56px;
}
h2 {
	font-family: 'IM Fell DW Pica SC', serif;;
	font-size: 21px;
	text-transform: uppercase;
}
h3 {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
}
.alert {
	background-image: url(../../img/stripes3.png);
	border: 0;
	border-radius: 0;
}
.alert strong {
    font-family: 'Traditio', cursive;
	font-size: 1.5em;
	display: block;
}
.alert-success {
	background-color: #afbda8;
}
.alert-info {
	background-color: transparent;
	background-image: url(../../img/stripes.png);
    color: #161510;
}
.alert-warning {
	background-color: #d6bb9f;
}
.alert-danger {
	background-color: #d6a9a9;
}
.title {
	/*margin-top: 30px;*/
}
header h1, header h2 {
	margin: 20px 0 0 0;
}
h1.title {
	text-align: center;
}
.big-title {
	font-size: 42px;
}
.big-title h1 {
    font-size: 1.75em;
    margin-top: 0;
}
.big-title i.fa {
	position: absolute;
	top: 0.5em;
	width: 2em;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 5px;
    background-color: #dfddc8;
	font-size: 0.5em;
}
.big-title small {
    font-size: 0.15em;
    padding: 3.5em 0 0.5em 0;
    text-transform: uppercase;
    font-family: 'IM Fell DW Pica SC', serif;
    display: block;
    color: #a2a190;
}
.big-title {
	display: inline-block;
}

.account-box {
	font-size: 42px;
	margin: 0 auto;
	position: relative;
	max-width: 6.75em;
}
.account-box input,
.account-box select {
	background: #cbc9b7;
	border: 0;
	border-radius: 0;
	text-align: center;
	border-bottom: 2px solid #161510;
}
.account-box input:focus, .account-box input:active,
.account-box select:focus, .account-box select:active {
	border-color: #161510;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.account-box .form-group {
	margin: 10px 0 30px;
}
.account-box .button-block {
	margin-top: 40px;
}
.account-box label {
	text-transform: uppercase;
	font-size: 0.75em;
}
.account-box form {
	font-size: 16px;
}
.big-title.account-box::before {
	content: '';
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	width: 100%;
    max-width: 100px;
	margin: 0 auto;
	height: 1px;
	background-color: #a2a190;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.paragrafo {
	text-align: justify;
}
.paragrafo ol,.paragrafo ul {
	padding-left: 1.25em;
}
.paragrafo ol li,.paragrafo ul li {
	margin-bottom: 0.5em;
}
.box-premio {
    margin-top: 60px;
    margin-bottom: 60px;
}
.box-premio h3 {
	margin: 0 0 10px 0;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.25em;
    font-family: 'IM Fell DW Pica SC', serif;
    text-align: left;
}
.box-premio h3::after {
	content: '';
	display: block;
	width: 100px;
	height: 2px;
	margin: 15px 0 20px 0;
	background-color: #161510;
}
.box-premio .premio {
	position: relative;
	padding: 10px;
	border: 1px solid #161510;
	margin-bottom: 10px;
}
.box-premio .quota {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto 0;
	width: 50px;
	height: 50px;
    font-family: 'Oswald', sans-serif;
	text-align: center;
}
.box-premio .quota .num {
	font-size: 28px;
	font-weight: 700;
	margin: 0;
	line-height: 1.2em;
}
.box-premio .quota .num small {
	display: block;
	text-transform: uppercase;
	font-size: 0.5em;
	line-height: 1em;
	font-weight: 300;
}
.box-premio .des {
	min-height: 50px;
	padding-left: 10px;
	border-left: 1px solid #a2a190;
	margin-left: 60px;
    font-family: 'Oswald', sans-serif;
	font-weight: 300;
}
/*homepage*/
.photohome {
	margin-top: 60px;
}
.photohome img {
	display: block;
	margin: auto;
    width: 450px;
	max-width: 100%;
	max-height: 100%;
	padding: 0 20px;
}
.titlehome img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 225px;
	padding: 20px;
}
.texthome {
	line-height: 1em;
	font-size: 18px;
        height: 450px;;
        /*padding-top: ;*/        
}
.homepagerow {
/*	padding-top: 60px;
    margin-top: -135px;*/
}
/*table.grid*/
.table-container, .ombra {
	position: relative;
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
}
.ombra::before, .ombra::after {
	content: '';
	position: absolute;
	top: 0;
	z-index: 10;
	width: 20px;
	height: 100%;
	background-color: rgba(223,221,200,0.9);
}
.ombra::before {
	left: 0;
}
.ombra::after {
	right: 0;
}
.all-list-visible .day-list {
	display: none;
}
.all-day-visible .all-list {
	display: none;
}
table.grid {
	font-size: 16px;
	margin: 0 auto;
	border-collapse: separate;
	font-weight: 300;
	padding: 0 20px;
	-webkit-transition: width 0.25s;
    transition: width 0.25s;
    font-family: 'Oswald', sans-serif;
/*    width: 100%;*/
}
table.grid.control-play {
/*	min-width: 780px;*/
    width:100%;
}
table.grid.my-play {
	/*min-width: 821px;*/
        width: 100%;
}
table.grid.all-play {
	min-width: 1118px;
}
table.grid h2 {
	margin: 0;
    color: #a2a190;
}
table.grid td {
	border-right: 1px dotted #a2a190;
	padding: 5px 0;
	height: 33px;
	border-top: 1px solid #a2a190;
	font-weight: 300;
	white-space: nowrap;
}
table.grid td.team1 > span, table.grid td.team2 > span, table.grid td.score > span {
	padding: 0 10px;
}
table.grid td.time > span {
	padding: 0 2px;
}
table.grid td.time > .fa{
	margin-right: 5px;
    font-size: 1.2em;
}
table.grid td.time .input-group{
	padding: 0;
	margin: 0;
}
table.grid tr td:last-child {
	border-right: 0;
}
table.grid tr:first-child td {
	border-top: 0;
}
table.grid th {
	font-weight: 400;
	font-size: 0.6em;
	padding-bottom: 5px;
	/*text-transform: uppercase;*/
	vertical-align: bottom;
}
table.grid td.small-data {
	font-size: 0.75em;
	height: 28px;
}
table.grid .middle-head {
	height: 33px;
}
table.control-play.grid .middle-head {
	height: 63px;
}
table.grid .cel-spacer {
	width: 20px;
}
table.grid .cel {
	width: 50px;
	position: relative;
}
table.grid .celx2{
	width: 100px;
	position: relative;
}
table.grid th.verticale {
	padding: 10px;
}
table.grid th.verticale span {
    writing-mode: tb-rl;
    filter: flipv fliph;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
	vertical-align: middle;
}
table.grid td.cel input[type="radio"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 3;
	background: transparent;
}
table.grid td label, table.grid td .lab {
	margin: 0;
	font-weight: 300;
}
table.grid td strong {
	text-transform: uppercase;
}
table.grid td strong .fa {
	margin-left: 20px;
}
table.grid td label span, table.grid td .lab span {
	position: relative;
	z-index: 2;
}
table.grid td.box span, table.grid td.frame span, table.grid td.underline span, table.grid td input[type="radio"]:checked + label, table.grid td.selezione span {
	font-weight: 700;
}
table.grid td input[type="radio"]:checked + label::after, table.grid td.selezione label::after, table.grid td.selezione .lab::after {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border: 1px dashed #161510;
}
table.grid td.box label::before, table.grid td.box .lab::before, table.grid td.frame label::before, table.grid td.frame .lab::before, table.grid td.underline label::before, table.grid td.underline .lab::before  {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    z-index: 0;
}
table.grid td.frame label::before, table.grid td.frame .lab::before {
	border: 2px solid transparent;
}
table.grid td.underline label::before, table.grid td.underline .lab::before {
	border-bottom: 4px solid transparent;
}
table.grid td.rosso label::before, table.grid td.rosso .lab::before {
    background-color: #bd6f6f;
	border-color: #bd6f6f;
}
table.grid td.arancio label::before, table.grid td.arancio .lab::before {
    background-color: #d6ac7e;
	border-color: #d6ac7e;
}
table.grid td.giallo label::before, table.grid td.giallo .lab::before {
    background-color: #d6c97e;
	border-color: #d6c97e;
}
table.grid td.verde label::before, table.grid td.verde .lab::before {
    background-color: #8ca481;
	border-color: #8ca481;
}
table.grid td.azzurro label::before, table.grid td.azzurro .lab::before {
    background-color: #818fa3;
	border-color: #818fa3;
}
table.grid td.blu label::before, table.grid td.blu .lab::before {
    background-color: #787796;
	border-color: #787796;
}
table.grid td.viola label::before, table.grid td.viola .lab::before {
    background-color: #a389a3;
	border-color: #a389a3;
}
table.grid td.frame label::before, table.grid td.frame .lab::before, table.grid td.underline label::before, table.grid td.underline .lab::before {
	background-color:  transparent;
}
table.grid td.cel.vincente.selezione label::after, table.grid td.cel.vincente.selezione .lab::after {
	border-color: #dfddc8;
}
table.grid th.cel-2, table.grid td.cel-2 {
	width: 100px;
}
table.grid td.border-total, table.grid td.border-total:last-child {
	border: 2px solid #161510;
}
table.grid td.border-total-left, table.grid tr:first-child td.border-total-left {
	border: 1px solid #a2a190;
	border-right: 0;
}
table.grid td.border-total-right, table.grid tr:first-child td.border-total-right  {
	border: 1px solid #a2a190;
	border-left: 0;
}
table.grid td.border-total-y, table.grid tr:first-child td.border-total-y  {
	border: none;
	border-top: 1px solid #a2a190;
	border-bottom: 1px solid #a2a190;
}
table.grid td.no-border {
	border: 0;
}
table.grid td.border-right, table.grid .disabled td.border-right {
	border-right: 1px solid #161510;
}
table.grid th.border-right {
	border-right: 1px dotted #a2a190;
}
table.grid td.border-top, table.grid th.border-top, table.grid tr:first-child td.border-top {
	border-top: 1px solid #a2a190;
}
table.grid td.border-top-b, table.grid th.border-top-b, table.grid tr:first-child td.border-top-b {
	border-top: 1px solid #161510;
}
table.grid td.border-both, table.grid th.border-both, table.grid td.border-both:last-child, table.grid th.border-both:last-child {
	border-right: 1px dotted #a2a190;
	border-left: 1px dotted #a2a190;
}
table.grid td.border-bottom, table.grid th.border-bottom, table.grid tr:first-child td.border-bottom {
	border-bottom: 1px solid #a2a190;
}
table.grid td.team1 {
	position: relative;
	padding-right: 10px;
	padding-left: 20px;
	border-right: 0;
	border-spacing: 0 0;
}
table.grid td.team1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 100%;
	background-image: url(../../img/left-flag.png);
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
}
table.grid td.team2 {
	padding-left: 10px;
	padding-right: 10px;
	border-right: 0;
	position: relative;
	border-spacing: 0 0;
}
table.grid td.team2::before{
    content: 'vs';
    position: absolute;
	top: 0;
	left: -8px;
	bottom: 0;
	margin: auto 0;
    width: 16px;
    height: 16px;
    background-color: #161510;
    color: #dfddc8;
    text-align: center;
    font-size: 12px;
	font-weight: 300;
    line-height: 1.2em;
    border-radius: 8px;
}
table.grid td.total-points {
	position: relative;
	padding: 17px 0 5px;
	background-color: #161510;
	color: #dfddc8;
	border: 1px solid #dfddc8;
}
table.grid td.total-points::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border: 1px dashed #a2a190;
}
table.grid td.score {
	position: relative;
	padding: 5px;
}
table.grid td.time {
	position: relative;
	padding: 0 10px;
	font-size: 0.8em;
    width: 155px;
}
table.grid td.sep-left::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 50%;
	top: 25%;
    left: -1px;
	background-color: #2b2927;
}
table.grid td.cel-sep {
	position: relative;
	border: 0;
}
table.grid td.cel-sep i {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	background-color: #a2a190;
	border-radius: 5px;
}
table.grid td.inverse, table.grid th.inverse {
    color: #161510;
	background-image: url(../../img/stripes.png);
	font-weight: 400;
}
table.grid td.pari, table.grid th.pari {
	background-color: rgba(203,201,183,0.25);
}
table.grid td.dark {
	background-color: #cbc9b7;
	background-color: rgba(203,201,183,0.75);
}
table.grid td.dark.pari, table.grid th.dark.pari {
	background-color: rgba(203,201,183,1);
}
table.grid input, table.grid select, table.grid .input-group .form-control {
	border: none;
	background: #dfddc8;
	/*text-transform: uppercase;*/
	outline: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
table.grid .input-group .form-control.datetimepicker {
    width: 110px;
    text-align: center;
    height: 33px;
    margin: 0;
}
table.grid .input-group .input-group-addon {
    padding: 6px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #161510;
    text-align: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
table.grid .inverse input, table.grid .inverse select, table.grid .dark input, table.grid .dark select, table.grid .dark .input-group .form-control, table.grid .inverse .input-group .form-control {
    background-color: transparent;
}
table.grid .inverse input, table.grid .inverse select {
	font-weight: 700;
}
table.grid input::-webkit-input-placeholder {
  	color: #a2a190;
	text-align: center;
}
table.grid input::-moz-placeholder {
  	color: #a2a190;
	text-align: center;
}
table.grid input:-ms-input-placeholder {
  	color: #a2a190;
	text-align: center;
}
table.grid input:-moz-placeholder {
 	color: #a2a190;
	text-align: center;
}
table.grid td.cel input, table.grid td.cel select {
	/*width: 50px;*/
	text-align: center;
}
table.grid td.team1, table.grid td.team2 {
	min-width: 50px;
	text-align: center;
}
table.grid td.team1 input, table.grid td.team2 input {
	width: 45px;
	padding: 0 5px;
	text-align: center;
}
table.grid td.score input {
	width: 30px;
	text-align: center;
}
table.grid .disabled td {
	position: relative;
	border: 0;
	border-top: 1px solid #dfddc8;
}
table.grid .disabled td:not(.cel-spacer)::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
    background-color: #161510;
    background-color: rgba(22,21,16,0.1);
    background-image: url(../../img/stripes2.png);
}
/*tabella classifica*/
table.all-day-visible {
	/*width: 1730px;*/
        width: 1500px;
        
}
table.all-list-visible {
	/*width: 1500px;*/
}
table.grid .first td, table.grid .second td, table.grid .third td {
	/*padding: 15px 0;*/
	padding: 15px 5px;;
	height: 53px;
	color: #343d30;
	background-color: #8ca481;
    border-color: #dfddc8;
}
table.grid .second td {
	background-color: #d6c97e;
    color: #575133;
}
table.grid .third td {
	background-color: #d6ac7e;
    color: #574633;
}
table.grid .fourth td {
	border-top: 10px solid #dfddc8;
}
table.grid td.giocatore {
    position: relative;
    padding: 0 53px 0 43px;
    text-align: left;
}
table.grid .first td.giocatore, table.grid .second td.giocatore, table.grid .third td.giocatore {
    background-image: url(../../img/stripes3.png);
}
table.grid td.giocatore .pos {
	position: absolute;
	left: 0;
	width: 33px;
	top: 5px;
	bottom: 5px;
	font-weight: 700;
	border-right: 1px solid #a2a190;
	text-align: center;
}
table.grid .first td.giocatore .pos, table.grid .second td.giocatore .pos, table.grid .third td.giocatore .pos {
	height: 44px;
	line-height: 44px;
	margin: auto 0;
	font-size: 2em;
	border-color: #dfddc8;
	border-color: rgba(223,221,200,0.5);
}
table.grid td.punteggio {
    position: relative;
    padding: 0 10px 0 10px;
    text-align: right;
    font-size: 1em;
    font-weight: bold;
}
table.grid td.last {
    position: relative;
    padding: 0 10px 0 10px;
    text-align: right;
}
table.grid td .pt {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 43px;
    height: 23px;
    line-height: 23px;
    border-radius: 13px;
    color: #dfddc8;
    background-color: #161510;
    text-align: center;
    font-size: 0.75em;
}
table.grid .first td .pt, table.grid .second td .pt, table.grid .third td .pt {
    color: #161510;
    background-color: #dfddc8;
}
/*datetimepicker*/
.bootstrap-datetimepicker-widget {
	padding: 0;
}
.bootstrap-datetimepicker-widget .list-unstyled {
	margin: 0;
}
.bootstrap-datetimepicker-widget table {
	width: 100%;
}
.bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td {
	border: 0;
	text-align: center;
}
.bootstrap-datetimepicker-widget table .separator::before {
	display: none;
}
.bootstrap-datetimepicker-widget .picker-switch a, .bootstrap-datetimepicker-widget .btn, .bootstrap-datetimepicker-widget .picker-switch a:hover, .bootstrap-datetimepicker-widget .btn:hover {
	display: block;
	padding: 5px 0;
	color: #a2a190;
	background-color: rgba(203,201,183,0.75);
}
.bootstrap-datetimepicker-widget .btn {
	background-color: transparent;
}
.bootstrap-datetimepicker-widget table tr td span {
	padding: 10px;
    width: auto;
    height: auto;
	line-height: normal;
    float: none;
    margin: 0;
}
.bootstrap-datetimepicker-widget table tr td span:hover, .bootstrap-datetimepicker-widget table tr td a:hover {
	background-color: transparent;
	text-decoration: none;
}
.bootstrap-datetimepicker-widget .datepicker table tr td {
	padding: 10px 15px;
}
.bootstrap-datetimepicker-widget .timepicker table tr td {
	padding: 0 15px;
}
.bootstrap-datetimepicker-widget .datepicker, .bootstrap-datetimepicker-widget .timepicker {
	padding: 10px;
}
.datetimepicker thead tr:first-child th, .datetimepicker tfoot th {
	text-transform: uppercase;
    font-size: 16px;
}
.datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today:hover {
	background: #cbc9b7!important;
    background: rgba(203,201,183,0.75)!important;
}
.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
	background: #161510!important;
}
/*bottoni*/
.btn {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
.button-block {
	margin-top: 30px;
	text-align: center;
	position: relative;
}
.button-block .btn-default, .button-block .btn-default:active, .button-block .btn-default:hover, .button-block .btn-default:focus {
	position: relative;
	border:0;
	border-left: 10px solid #dfddc8;
	border-right: 10px solid #dfddc8;
	background-color: #161510;
	color: #dfddc8;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	outline: none;
	border-radius: 0;
	text-transform: uppercase;
	z-index: 5;
}
.button-block .btn-default span {
    margin: 0 -12px;
    padding: 0 12px;
    background-color: #161510;
}
.button-block .btn-default span::after {
	content: '';
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	border-top: 1px dotted #a2a190;
	border-bottom: 1px dotted #a2a190;
}
.button-block .btn-default::before, .button-block .btn-default::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 10px;
	height: 10px;
	background-color: #161510;
	border-radius: 5px;
}
.button-block .btn-default::before {
	left: -5px;
}
.button-block .btn-default::after {
	right: -5px;
	left: auto;
}
.button-block .btn-default:hover, .button-block .btn-default:hover span, .button-block .btn-default:hover::before, .button-block .btn-default:hover::after {
	color: #161510;
	background-color: #cbc9b7;
	background-color: rgba(203,201,183,0.7);
}
.button-block .btn-default:hover span::after {
	border-color: #a2a190;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	opacity: 1;
	direction: none;
}
/*Navbar*/
.main-nav {
	padding-top: 52px;
	margin-bottom: 50px;
	font-size: 20px;
	color: #a3a195;
	background-color: transparent;
	border: 0;
	font-family: 'IM Fell DW Pica SC', serif;
}
.homepage .main-nav {
    width: 100%;
	padding-top: 0;
	right: 0;
	z-index: 100;
}
.main-nav .container-fluid, .main-nav .container {
	position: relative;
}
.homepage .main-nav .container-fluid, .homepage .main-nav .container {
	width: 100%;
}
.main-nav .navbar-header {
    border-top: 2px solid #a2a190;
    border-bottom: 2px solid #a2a190;
	margin: 0;
	height: 60px;
	width: 100%;
	float: none;
}
.homepage .main-nav .navbar-header {
	border: 0;
}
.navbar-toggle {
    float: left;
    margin: 5px 0;
	padding-left: 0;
	border: 0;
	display: block;
	color: #a2a190;
}
.navbar-toggle.collapsed {
    color: #161510;
}
.navbar-default .navbar-toggle .fa {
	margin-right: 0.5em;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
	border: 0;
}
.navbar-toggle p {
	margin: 0;
}
.main-nav>.container-fluid .navbar-brand, .main-nav>.container .navbar-brand {
    position: absolute;
    width: 140px;
    height: 58px;
    left: 0;
    right: 0;
    margin: 0 auto;
	z-index: 100;
}
.homepage .main-nav>.container-fluid .navbar-brand, .homepage .main-nav>.container .navbar-brand  {
	display: none;
}
.main-nav>.container-fluid .navbar-brand>img, .main-nav>.container .navbar-brand>img {
    height: 120px;
    position: absolute;
    left: 0;
    right: 0;
    top: -45px;
    margin: 0 auto;
}
.main-nav .navbar-nav .username, .main-nav .navbar-nav>.username>a {
	line-height: 20px;
	color: #161510;
	padding: 0;
}
.main-nav .user-log {
    position: absolute;
    right: 15px;
    top: 20px;
	margin: 0 -15px 0 0;
}
.main-nav .navbar-nav .username {
	padding: 0 15px;
}
.homepage .main-nav .navbar-nav .username {
	float: left;
}
.main-nav .navbar-nav .username:first-child {
	padding: 0;
}
.main-nav .navbar-nav .no-mobile, .navbar-toggle .no-mobile {
	display: none;
}
.homepage .main-nav .navbar-nav .no-mobile, .homepage .navbar-toggle .no-mobile {
	display: block;
}
.main-nav .navbar-nav>.open>a, .main-nav .navbar-nav>.open>a:focus, .main-nav .navbar-nav>.open>a:hover {
    background-color: transparent;
}
.main-nav .navbar-nav>li>.dropdown-menu {
    font-family: 'Oswald', sans-serif;
	border-radius: 0;
    background: #161510;
	outline: 2px solid #161510;
    border: 1px solid #a2a190;
    color: #dfddc8;
	margin-top: 10px;
	text-align: right;
    position: absolute;
    top: 100%;
    right: 15px;
    left: auto;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.main-nav .dropdown-menu>li {
	padding: 0 20px;
}
.main-nav .dropdown-menu>li>a {
    color: #a2a190;
	padding: 10px 0;
    border-bottom: 1px solid #3e3d35;
}
.main-nav .dropdown-menu>li:last-child>a {
	border-bottom: 0;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #dfddc8;
    background-color: transparent;
}
.main-nav .navbar-collapse {
	border: 0;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-collapse.collapse.in {
	display: block!important;
}
.main-nav .navbar-collapse .navbar-nav {
    padding-top: 30px;
    float: none!Important;
}
.main-nav .navbar-collapse .navbar-nav>li {
	float: none;
}
.main-nav .navbar-collapse .navbar-nav>li>a {
    color: #a2a190;
	padding: 10px 15px;
	text-transform: lowercase;
}
.main-nav  .navbar-collapse .navbar-nav>.active>a, .main-nav  .navbar-collapse .navbar-nav>.active>a:focus, .main-nav  .navbar-collapse .navbar-nav>.active>a:hover, .main-nav  .navbar-collapse .navbar-nav>li>a:hover, .main-nav  .navbar-collapse .navbar-nav>li>a:active {
    color: #161510;
    background-color: transparent;
    background-image: url(../../img/stripes.png);
}

.main-nav .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

/* top nav */

.top-nav {
	/*padding-top: 52px;*/
	/*margin-bottom: 50px;*/
	/*font-size: 20px;*/
	color: #a3a195;
	background-color: transparent;
	border: 0;
	font-family: 'IM Fell DW Pica SC', serif;
}
.top-nav .container-fluid, .top-nav .container {
	position: relative;
}

.top-nav .navbar-nav .no-mobile {
	display: none;
}
.homepage .top-nav .navbar-nav .no-mobile, .homepage .navbar-toggle .no-mobile {
	display: block;
}
.top-nav .navbar-nav>.open>a, .top-nav .navbar-nav>.open>a:focus, .top-nav .navbar-nav>.open>a:hover {
    background-color: transparent;
}
.top-nav .navbar-nav>li>.dropdown-menu {
    font-family: 'Oswald', sans-serif;
	border-radius: 0;
    background: #161510;
	outline: 2px solid #161510;
    border: 1px solid #a2a190;
    color: #dfddc8;
	margin-top: 10px;
	text-align: right;
    position: absolute;
    top: 100%;
    right: 15px;
    left: auto;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.top-nav .dropdown-menu>li {
	padding: 0 20px;
}
.top-nav .dropdown-menu>li>a {
    color: #a2a190;
	padding: 10px 0;
    border-bottom: 1px solid #3e3d35;
}
.top-nav .dropdown-menu>li:last-child>a {
	border-bottom: 0;
}

.top-nav .navbar-collapse {
	border: 0;
}
.top-nav .navbar-collapse .navbar-nav {
    /*padding-top: 15px;*/
    /*float: none!Important;*/
}
.top-nav .navbar-collapse .navbar-nav>li {
	/*float: none;*/
        /*float:right;*/
        margin-right:15px;
}
.top-nav .navbar-collapse .navbar-nav>li>a {
    color: #a2a190;
	padding: 10px 15px;
	text-transform: lowercase;
}
.top-nav  .navbar-collapse .navbar-nav>.active>a, .top-nav  .navbar-collapse .navbar-nav>.active>a:focus, .top-nav  .navbar-collapse .navbar-nav>.active>a:hover, .top-nav  .navbar-collapse .navbar-nav>li>a:hover, .top-nav  .navbar-collapse .navbar-nav>li>a:active {
    color: #161510;
    background-color: transparent;
/*    background-image: url(../../img/stripes.png);*/
}


.top-nav .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    color: #161510;
    background-color: transparent;
    background-image: url(../../img/stripes.png);    
    /*margin-top:15px;*/
    padding-top: 0px;
}

/*.top-nav .navbar-right {
    float: right !important;
    margin-right: -15px;
}*/

.top-nav .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.top-nav .navbar-header {
/*    border-top: 2px solid #a2a190;
    border-bottom: 2px solid #a2a190;
	margin: 0;
	height: 60px;*/
	width: 100%;
	
}
.top-nav .container-fluid > .navbar-collapse, .top-nav .container-fluid > .navbar-header, .top-nav .container > .navbar-collapse, .top-nav .container > .navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar-toggle {
    float: left;
    margin: 5px 0;
    padding-left: 10px;;
    border: 0;
    display: block;
    color: #a2a190;
}
.top-nav .navbar-toggle {
    float: right;
    margin: 5px 0;
    margin-right:5px;
    padding-left: 15px;
    background-color: transparent;
    background-image: url(../../img/stripes.png);  
}

.top-nav .navbar-collapse .navbar-nav > .active > a::after, .top-nav .navbar-collapse .navbar-nav > .active > a:focus::after, .top-nav .navbar-collapse .navbar-nav > .active > a:hover::after {
    content: '';
    position: absolute;
    width: 33%;
    height: 2px;
    background-color: #161510;
    left: 33%;
    bottom: -2px;
}

/* admin nav */

.admin-nav {
	/*color: #a2a190;*/
	background-color: transparent;
	border: 0;
	font-family: 'IM Fell DW Pica SC', serif;
}

.admin-nav .nav li {
        background-color: transparent;
    background-image: url(../../img/stripes.png);  
    border-radius: 0px;
    margin-left: 5px;
    margin-right: 5px;
    color: #a2a190;
    text-transform: lowercase;
}

.admin-nav .nav > li > a:focus, .admin-nav .nav > li > a:hover {
    color: #333;
    background-color: transparent;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #333;
    background-color: transparent;
}

.nav-pills > li.active > a::after, .admin-nav li > .active > a:focus::after, .admin-nav li > .active > a:hover::after {
    content: '';
    position: absolute;
    width: 33%;
    height: 2px;
    background-color: #161510;
    left: 33%;
    bottom: -2px;
}


/*BxSlider*/
.bx-wrapper {
	margin-bottom: 0;
}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;   
    border: 0;
    background-color: transparent;
	left: 0;
}
.bx-wrapper .bx-viewport>div>div {
	overflow: hidden;
}
.bx-wrapper .bx-loading {
    background: url(../../img/bx_loader.gif);
    width: 32px;
    height: 32px;
    min-height: 0px;
    padding: 0;
    border-radius: 4px;
    background-color: #fff;
}
.pager-toggle {
    display: inline-block;
	position: relative;
	margin: 20px auto;
	font-size: 24px;
	text-align: center;
    line-height: 1em;
    min-height: 10px;
	border: none;
    padding: 0 50px;
}
.pager-toggle a, .pager-toggle a:hover, .pager-toggle a:active, .pager-toggle a:focus {
    position: relative;
    z-index: 3;
	color: #a2a190;
    text-decoration: none;
    display: table-cell;
    line-height: 1em;
    font-size: 0.6em;
    text-align: center;
    background-color: #dfddc8;
    padding: 0 15px;
    text-transform: uppercase;
	cursor: pointer;
    width: 50%;
}
.pager-toggle a.active, .pager-toggle a:hover, .all-list-visible .pager-toggle a#general-button, .all-day-visible .pager-toggle a#day-button  {
    color: #161510;
}
/*touchspin*/
.header.bootstrap-touchspin {
    width: 300px;
	margin: 20px auto;
}
.header.bootstrap-touchspin .input-group-addon {
    background: transparent;
    text-decoration: none;
    color: #161510;
    font-family: 'Traditio', cursive;
    font-size: 46px;
    border: none;
    cursor: default;
    padding: 0;
    line-height: 1em;
}
.header.bootstrap-touchspin .form-control {
    background: transparent;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: right;
    width: 25px;
    padding: 0;
    font-family: 'Traditio', cursive;
    font-size: 46px;
    color: #161510;
}
.header.bootstrap-touchspin .my-btn {
    background: transparent;
    color: #a2a190;
    margin: 0 10px;
    border-radius: 5px;
    border: 1px solid transparent;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
}
.header.bootstrap-touchspin .my-btn:hover {
    color: #161510;
	border: 1px solid #161510;
}
.header.bootstrap-touchspin .my-btn:active {
	background-color: #a2a190;
	border: 1px solid #a2a190;
}
/*footer*/
footer {
	text-align: center;
    font-family: 'Oswald', sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	/*height: 300px;*/
	/*margin-top: -304px;*/
	font-weight: 700;
	color: #a2a190;
}
footer strong {
	display: block;
    font-family: 'IM Fell DW Pica SC', serif;
	font-size: 2em;
	text-transform: none;
	color: #161510;
}
footer .row>div {
	margin-bottom: 0;
	margin-bottom: 30px;
}
footer .row>div::after {
	position: absolute;
	content: '';
	width: 50px;
	height: 1px;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: 0 auto;
	background-color: #cbc9b7;
}
footer .row>div:last-child::after {
	display: none;
}
footer .row>div.logo {
	position: relative;
	margin-bottom: 15px;
	font-weight: 400;
    font-family: 'Traditio', cursive;
	text-transform: none;
	font-size: 3em;
}
.homepage footer .row>div.logo {
	visibility: hidden;
}
footer .row>div.logo::before {
    position: absolute;
    content: '';
    height: 1px;
    background-color: #a2a190;
    left: 20px;
    right: 20px;
    bottom: 10px;
}
footer .row>div.logo::after {
    position: absolute;
    content: '';
    width: 50%;
    min-width: 240px;
    height: 3px;
    background-color: #a2a190;
    left: 0;
    right: 0;
    bottom: 14px;
    top: auto;
    margin: 0 auto;
}
footer .logo span {
	padding: 0 10px;
    background: #dfddc8;
	display: inline-block;
	position: relative;
	z-index: 3;
}
footer .logo smaller {
	display: block;
	font-size: 0.66em;
	line-height: 1em;
}
/* modali */
.modal {
    color: #161510;
    font-family: 'IM Fell DW Pica', serif;
	font-size: 16px;
}
.modal-content {
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
    box-shadow: 0 3px 5px rgba(0,0,0,.3);
    border-radius: 0px;
    background: url(../../img/vintage-concrete.png)  #dfddc8;
	outline: 4px solid #dfddc8;
	border: 1px solid #a2a190;
}
.modal-header, .modal-footer {
	border: 0;
}
.modal-footer {
	background-image: url(../../img/stripes.png);
	margin: 5px;
}
.modal-title {
    font-family: 'Traditio', cursive;
    font-size: 2em;
	text-align: center;
}
.modal .btn, .modal .btn:focus, .modal .btn:active, .modal .btn:hover {
	border-radius: 0;
	outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	border: 1px solid;
}
.modal .btn-primary, .modal .btn-success, .modal .btn-primary:focus, .modal .btn-success:focus, .modal .btn-primary:active, .modal .btn-success:active {
    color: #fff;
    background: #161510;
    border-color: #161510;
}
.modal .btn-default, .modal .btn-default, .modal .btn-default, .modal .btn-default:focus, .modal .btn-default:active  {
    color: #161510;
    background: #dfddc8;
	border-color: #a2a190;
}
.modal .btn-primary:hover, .modal .btn-success:hover, .modal .btn-default:hover, .modal .btn-default:hover {
    color: #161510;
    background: #a2a190;
    border-color: #a2a190;
}
@media (min-width: 768px){ 
	body .wrapper>section {
		/*padding-bottom: 220px;*/
	}
	body.homepage .wrapper>section {
		/*padding-bottom: 163px;*/
	}
	/*NAVBAR*/
	.main-nav .container {
		padding: 0 52px;
	}
	.main-nav .navbar-form {
		margin-top: 17px;
		margin-bottom: 17px;
	}
	.main-nav .navbar-nav>li>a {
    	padding: 0;
		text-transform: none;
	}
	.main-nav .navbar-nav .no-mobile, .navbar-toggle .no-mobile {
		display: inline;
	}
	.homepage .main-nav .user-log {
		right: 25px;
	}
	.main-nav .navbar-nav .username:first-child {
		display: block;
		padding: 0;
		max-width: 200px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
        .top-nav .navbar-nav .no-mobile, .navbar-toggle .no-mobile {
		display: inline;
	}
	/*footer*/
	footer {
/*		height: 160px;
		margin-top: -164px;*/
		/*height: 200px;*/
		/*margin-top: -205px;*/
	}
	footer .disegno {
		text-align: right;
	}
	footer .sviluppo {
		text-align: left;
	}
	footer .row>div:not(.logo)::after {
		display: none;
	}
}

@media (min-width: 992px){ 
	.main-nav  .navbar-collapse .navbar-nav {
		display: inline-block;
    	padding: 28px 0 24px 0;
	}
	.main-nav  .navbar-collapse .navbar-nav>li {
		line-height: 0.75em;
		height: 0.75em;
		padding: 0 10px;
	}
	.main-nav .navbar-collapse .navbar-nav>li {
		float: left;
	}
	.main-nav .navbar-collapse .navbar-nav>li>a {
    	padding: 0 15px;
	}
	.main-nav  .navbar-collapse .navbar-nav>.active>a, .main-nav  .navbar-collapse .navbar-nav>.active>a:focus, .main-nav  .navbar-collapse .navbar-nav>.active>a:hover, .main-nav  .navbar-collapse .navbar-nav>li>a:hover, .main-nav  .navbar-collapse .navbar-nav>li>a:active {
		background-color: transparent;
		background-image: none;
	}
	.main-nav  .navbar-collapse .navbar-nav>.active>a::after, .main-nav  .navbar-collapse .navbar-nav>.active>a:focus::after, .main-nav  .navbar-collapse .navbar-nav>.active>a:hover::after {
		content: '';
		position: absolute;
		width: 33%;
		height: 2px;
		background-color: #161510;
		left: 33%;
		bottom: -2px;
	}
	.navbar-toggle {
		margin: 5px 0 5px 25px;
		display: none;
	}
	.main-nav .navbar-collapse {
    	float: none!important;
    	background-image: url(../../img/stripes.png);
	}
	.navbar-collapse.collapse {
		display: block!important;
	}
	/*homepage*/
	.photohome {
		/*height: 650px;*/
                height: 500px;
		margin-top: 0;
	}
	.photohome img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}


.pad10r {
    padding-right: 10px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}
.navbar-right {

    float: right !important;
    margin-right: 0px;

}

a {
    color: #a2a190;
}

#giocate .container-fluid {
    padding: 0px;
    
}

.form-box {
    margin-topo:20px;
}

.form-box input,
.form-box select,
.form-box textarea {
	background: #cbc9b7;
	border: 0;
	border-radius: 0;
	text-align: center;
	border-bottom: 2px solid #161510;
}
.form-box textarea {
    min-height: 250px;
}
.form-box input:focus, .form-box input:active,
.form-box select:focus, .form-box select:active {
	border-color: #161510;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-box .form-group {
	margin: 10px 0 30px;
}
.form-box .button-block {
	margin-top: 40px;
}
.form-box label {
	text-transform: uppercase;
	font-size: 0.75em;
}
.form-box form {
	font-size: 16px;
}
/*.form-box .separator::before {
	max-width: 400px;
}*/
.form-box .separator::after {
    display: none;
}
.form-box input.input-error , .form-box select.input-error, .form-box textarea.input-error {
    border-color: #f35b3f; 
    background-color: #f2dede;
}

td.inverse > a.btn {
    padding: 0px;
}
/*td.actions {
    width: 50px;
}*/

table.grid input.input-error {
    border-bottom: 2px solid #f35b3f;
    background-color: #f2dede;
}

.form-box input[type="checkbox"] {
    background: #cbc9b7;

    border-radius: 0;
    text-align: center;
    border-bottom: 2px solid #161510;
        border-bottom-color: rgb(22, 21, 16);
}

.btn {
    border-radius: 0px;
}

.btn-giocata {
    color: #161510;
    background-color: transparent;
    background-image: url(../../img/stripes.png);
    border-color: #161510;
    width: 50px;  
    font-size: 10px;
}

.btn-giocata.focus, .btn-giocata:focus {
    color: #161510;
    background-color: transparent;
    background-image: url(../../img/stripes.png);
    border-color: #161510;
}

.btn-giocata:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;

}

.btn-info.focus, .btn-info:focus {
    color: #fff;
/*    background-color: #31b0d5;
    border-color: #1b6d85;*/
    /*background-color: #5bc0de;*/
    border-color: #161510;
    border-color: #46b8da;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    /*border-color: #46b8da;*/
    border-color: #161510;
    width: 50px;
    font-size: 12px;    
}
.btn-info:hover {
    border-color: #161510;
}

table.grid .cel {
    /*width: 50px;*/
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}
table.grid .celx2 {
    /*width: 50px;*/
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}

#editor {overflow:scroll; max-height:300px}

.carousel div[class*=col-lg-]:first-child { padding-left: 0px; }
.carousel div[class*=col-lg-]:last-child { padding-right: 0px; }


#commenti h4 {
    /*background-color: #ccc;*/
    padding: 5px;
    border-bottom: 1px dotted #777;
}
#commenti article {
    background-color: #dfddc8;
    margin-bottom: 20px;
    padding: 20px;
    
}
#commenti article p {
    margin-left: 20px;
    margin-right: 20px;
    
}


.gap-sm {
    height: 10px;   
}
.gap-md {
    height: 30px;   
}
.gap-lg {
    height: 50px;   
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
}


input.border-giocata {
    color: #161510;
    background-color: transparent;
    background-image: url(../../img/stripes.png);
    border-color: #161510;
}