/* CSS Document */
/*
chiaro #B2B2B2
scuro #C9211E
oro #AD9963
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,header,footer,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus {outline:0;}
a:active {outline:none;}
body {line-height:1; color:black; background:white;}
ol,ul {list-style:none;}
caption,th,td {text-align:left; font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
form, fieldset, input, {margin:0; padding:0;}
em {font-style:italic;}
strong {font-weight:bold;}
img {border:0; margin:0;}

a {text-decoration:none; color:#C9211E;}

p {
font-size:1em;                 /*    16px / 16px  = 1em              */
line-height:1.2em;            /*    18px  / 16px = 1.125em    */
}

body {background:#FFF; font-family: 'Lato', sans-serif; color:#222;}

h1 {font-size:2.25em; color:#C9211E; line-height:1.25em;}
h2 {font-size:2em; color:#B2B2B2;}
h3 {font-size:1.375em; color:#C9211E;}
h4 {font-size:1.125em; font-weight:bold;}

.container {width:100%; float:left;}

.riga-uno {height:0.5em; background:#B2B2B2;}
.riga-due {height:0.5em; background:#C9211E;}
.sf-uno {background:#B2B2B2;}
.sf-due {background:#C9211E;}
.sf-tre {background:#AD9963;}

.bianco {color:#FFF;}
.rosso {color:#C00;}
.verde {color:#090;}
.oro {color:#DAA520;}
.nero {color:#000;}
.colore-uno {color:#B2B2B2;}
.colore-due {color:#C9211E;}
.blu {color:#1e8fed;}


.vis {display:block;}
.inv {display:none;}

.sottolineato {text-decoration: underline;}

header {color:#C9211E;}
header a {color:#C9211E;}

#logo-cms {text-align:center;}

#menu-sx li {padding:0.5em 0;}
#menu-sx li.ultimo {margin-bottom:1em;}
#menu-sx li.logout {margin-top:2em;}

nav select {display:none;}

#elenco-item {line-height:1.5em;}
#elenco-item .item {padding:1em 0; border-bottom:1px solid #0F1A25;}
#elenco-item .item-azioni {margin-top:1em;}
#elenco-item .item-azione {display:inline-block; margin-right:2em;}
#elenco-item .item-azione a {font-size:2em;}
#elenco-item .item-azioni div.item-azione:last-child {margin-right:0;}
#elenco-item .riga1 {background:#EEE;}
#elenco-item .riga2 {background:#C4C4C4;}
#elenco-item .tab-titolo {color:#0F1A25; font-weight:bold;}
#elenco-item input[type="submit"] {width:100%;}
#elenco-item input[type="text"] {width:100%;}
#elenco-item input[type="reset"] {width:100%;}
#elenco-item img.mezza {width:50%;}
#elenco-item img.intera {width:100%;}

.cms-col-20 {width:20%; float:left;}
.cms-col-40 {width:40%; float:left;}
.cms-col-60 {width:60%; float:left;}
.cms-col-80 {width:80%; float:left;}

#cms-form input[type="submit"] {width:100%;}
#cms-form input[type="text"] {width:100%;}
#cms-form input[type="reset"] {width:100%;}
#cms-form textarea {width:100%;}

footer {color:#FFF;}

.pad-vert {padding-top:0.625em; padding-bottom:0.625em;}
.pad-oriz {padding-left:0.625em; padding-right:0.625em;}
.pad-oriz-uno {padding-left:1em; padding-right:1em;}
.pad-vert-uno {padding-top:1em; padding-bottom:1em;}
.pad-oriz-due {padding-left:1.5em; padding-right:1.5em;}
.pad-vert-due {padding-top:1.5em; padding-bottom:1.5em;}
.pad-vert-quattro {padding-top:4em; padding-bottom:4em;}
.pad-oriz-sei {padding-left:6em; padding-right:6em;}
.pad-main {padding-left:6%; padding-right:6%;}
.respiro-top {padding-top:2.5em;}
.respiro-bottom {padding-bottom:2.5em;}
.respiro-fascia {padding-top:2.5em; padding-bottom:2.5em;}
.respiro-titolo {padding-top:2.5em;}
.respiro-sei {padding-top:6em; padding-bottom:6em;}
.rientro {padding-left:1em;}

.mrg-vert {margin-top:0.5em; margin-bottom:0.5em;}
.mrg-oriz {margin-left:0.5em; margin-right:0.5em;}
.centrato {margin:auto;}

.pulsante {padding:1em;}

.errore {color:#C00;}

.int {max-width:60em; margin:auto;}

.col-uno-cinque {width:20%; float:left;}
.col-uno-quattro {width:25%; float:left;}
.col-uno-tre {width:33.3%; float:left;}
.col-due-tre {width:66.6%; float:left;}
.col-uno-due {width:50%; float:left;}

.col-uno-sette {width: 14%; float: left;}
.col-tre-quattro {width:75%; float:left;}
.col-quattro-cinque {width:80%; float:left;}


.calendario-giorno-titolo {background:#43BAFF; border:solid 1px #FFF; padding: 1em 0;}
.calendario-giorno {border:solid 1px #43BAFF;}
.calendario-inner-box {padding-top: 100%; height: 0; overflow: hidden; position: relative;}
.calendario-inner-text {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top:0em; padding-bottom:0em;}

.bsiz-bb {box-sizing: border-box;}

.sf-tab-tit {background:#333;}
.clr-tab-tit {color:#FFF;}

.partite-atleti input[type="text"] {width: inherit !important; font-size: 0.7em;}

.cl {clear:both;}
.fSx {float:left;}
.fDx {float:right;}


.taC {text-align:center;}
.taR {text-align:right;}
.taL {text-align:left;}
.taJ {text-align:justify;}
.bld {font-weight:bold;}

.ilUnoMezzo p {line-height: 1.5em;}
.ilDue p {line-height: 2em;}

.full {width:100%;}

.ph-only {display:none;}
.dk-only {display:inline-block;}
.dk-onlyB {display:block;}
.dk-onlyIL {display:inline;}

.fs-07 {font-size: 0.7em;}
.fs-2 {font-size: 2em;}

/*********MEDIA QUERY *************/
@media only screen and (max-width:699px) {
	/* SMARTPHONE VERTICALE */
	.ph-only {display:inline-block;}
	.dk-only {display:none !important;}
	.dk-onlyB {display:none;}
	.dk-onlyIL {display:none;}
	
	#hd-logout {display:none;}
	#hd-benvenuto {text-align:center; padding-bottom:1em;}
	
	.col-uno-tre {width:100%;}
	.col-due-tre {width:100%;}
	.col-uno-due {width:100%;}
	.col-uno-quattro {width:50%;}
	.col-uno-sette {width: 13.5%;}
	
	#col-menu {width:100%;}
	#col-main {width:100%;}
	
	.int {width:100%; max-width:20em;}
	
	p {
	font-size:0.9375em;				/* 15px  / 16px = 0.9375em    */
	line-height:1.25em;				/* 20px  / 16px = 1.25em    */	
	}
}

/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}