@font-face {
   font-family: 'FUTURBCI_0';
   src: url('../font/FUTURBCI_0.eot');
   src: local('FUTURBCI_0'), url('../font/FUTURBCI_0.ttf') format('truetype'), url('../font/FUTURBCI_0.woff') format("woff");
 
}

@font-face {
   font-family: 'FUTURABC_0';
   src: url('../font/FUTURABC_0.eot');
   src: local('FUTURABC_0'), url('../font/FUTURABC_0.ttf') format('truetype'), url('../font/FUTURABC_0.woff') format("woff");
 
}

a:link {
	color: #333;
	text-decoration: none;
	font-weight:bold
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #008b11;
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration: none;
}

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
.header{
	width:100%;
	/*height:61px;*/
	}
	
.grigio{
	width:100%;
	height:50px;
	padding-top:8px;
	background-color:#f1f1f1;
	}
	
.verde{
	width:100%;
	height:3px;
	background-color:#008b11
	}
	
.contenitore{
	width:950px;
	margin:auto
	}
	


.banner{
	width:100%
	}	

.right{
	/*width:675px;
	float:left;
	height:292px;*/
	/*margin-top:15px;*/
	border-radius:0px 0px 10px 10px;
	margin-bottom:15px;
	overflow:hidden
	}
	
.logo{
	text-align:center;
	margin-bottom:0px;
	}
	
.box{
	margin-bottom:15px;
	margin-left:10px;
	}
	
.box .titolo{
	margin-bottom:5px;
	font-weight:bold;
	color:#666666
	}
	
.box .testo{
    margin-left:15px;
	margin-bottom:15px;
	}
	

	
.box .testo a{
    text-decoration:none;
	color:#333;
	font-weight:bold
	}
	
.box .testo a:hover{
    text-decoration:none;
	color:#008b11;
	}
	
.tasto-mappa a{
	padding:2px 5px 2px 5px;
	background-color:#ccc;
	color:#333;
	border-radius:5px 5px;
	margin-top:5px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	text-decoration:none
	}
	
.tasto-mappa a:hover{
	padding:2px 5px 2px 5px;
	background-color:#008b11;
	color:#fff;
	border-radius:5px 5px;
	margin-top:5px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	text-decoration:none
	}
	
/*integrazione*/
.left-fd{
	float:left;
	width:477px;
	margin-right:50px;
	}

.right-fd{
	float:left;
	width:400px;
	}
	
.banner{
	/*margin-bottom:20px;*/
    width:100%
	}
	
.campo{
	/*float:left;
	width:228px;*/
	width:100%;
	margin-right:20px;
	margin-bottom:30px;
	}
	

.campo-l{
	float:left;
	width:228px;
	}

.fotocampo{
	margin-bottom:10px;
	}
	
.descrizione-campo{
	margin-bottom:5px;
	height:30px;
	overflow:hidden;
	line-height: 16px;
	}
	
.tastini{
	float:left;
	margin-right:10px;
	}
	
.clear{
	clear:both
	}
	
.titolo-v{
	border-radius:7px;
	width:185px;;
	background-color:#008c11;
	border:1px solid #ccc;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	color:#fff;
	margin-bottom:10px;
	margin-top:10px;
	}
	
.titolo-full{
	border-radius:7px;
	width:100%;
	background-color:#008c11;
	border:1px solid #ccc;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	font-size:1.1em;
	padding-left:10px;
	color:#fff;
	margin-bottom:15px;
	font-family: 'FUTURABC_0';
	text-transform:uppercase
	}
	
.titolo-full100{
	border-radius:7px;
	width:100%;
	background-color:#008c11;
	border:1px solid #ccc;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	font-size:18px;
	padding-left:10px;
	color:#fff;
	margin-bottom:15px;
	margin-top:10px;
	font-family: 'FUTURABC_0';
	text-transform:uppercase
	}


.titolo-full100-partners{
	border-radius:7px;
	width:100%;
	border: 1px solid #e2d87d;
    background-color: #fffbd5;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	font-size:18px;
	padding-left:10px;
	color:#333;
	margin-bottom:15px;
	margin-top:10px;
	font-family: 'FUTURABC_0';
	text-transform:uppercase
	}
	
.titoli-verde{
	border-radius:7px;
	width:100%;
	background-color:#008c11;
	border:1px solid #ccc;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	font-size:18px;
	padding-left:10px;
	color:#fff;
	margin-bottom:20px;
	font-family: 'FUTURABC_0';
	text-transform:uppercase
	}
	
.testo-i{
	font-size:12px;
	font-style:italic
	}
	
.miniatura{
	width:185px;
	border-radius:7px 7px;
	margin-bottom:10px;
	}
	
.header-fn{
	float:right;
	margin-bottom:35px;
	text-align:right;
	width:100%
	}
	
.social{
	margin-top:10px;
	margin-bottom:10px;
	text-align:right
	}
	
.login{
	margin-bottom:10px;
	}
	
.login a{
	font-weight:bold
	}
	
.colonna1{
	float:left;
	width:209px;
	}
	
.titoli{
	border-radius:7px;
	width:100%;
	background-color:#f1f1f1;
	border:1px solid #ccc;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	font-size:15px;
	font-weight:bold;
	padding-left:10px;
	color:#666;
	margin-bottom:20px;
	}
	
.titoli-fn{
	border-radius:7px;
	width:100%;
	background-color:#f1f1f1;
	border:1px solid #ccc;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	font-size:18px;
	padding-left:10px;
	color:#666;
	margin-bottom:20px;
	font-family: 'FUTURABC_0';
	text-transform:uppercase
	}
	
.titoli-fn100{
	border-radius:7px;
	width:100%;
	background-color:#f1f1f1;
	border:1px solid #ccc;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	font-size:18px;
	padding-left:10px;
	color:#666;
	margin-bottom:20px;
	font-family: 'FUTURABC_0';
	text-transform:uppercase
	}

.left-2{
   float:left;
   width:600px;
   margin-right:50px;
}

.right-2{
   float:left;
   width:300px;
} 

.left-info{
   float:left;
   width:550px;
   margin-right:75px;
}

.right-info{
   float:left;
   width:300px;
} 

.left50{
   float:left;
   width:450px;
   margin-right:50px;
}

.right50{
   float:left;
   width:450px;
} 

.left-2 .fotocampo{
   float:left;
   width:209px;
   margin-right:41px;
   height:168px;
}

.left-2 .prenotazioni{
   width:350px;
   float:left;
}

.prenotazione{
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px solid #ccc
}

.calendario{
 width:100%;
 
}

.calendario .up{
width:100%;
margin-bottom:2px;
background-color:#f1f1f1;
height:20px;
border-radius:5px 5px;
}

.nome-mese{
float:left;
line-height:20px;
vertical-align:middle;
font-weight:bold;
padding-left:5px
}

.frecce-mese{
float:right;
line-height:20px;
vertical-align:middle;
font-weight:bold;
padding-left:5px
}

.tab{
width:12.5%;
margin-right:3px;
float:left;
border: 1px solid #ccc;
margin-top:3px;
text-align:center;
background-color:#f1f1f1;
border-radius: 5px 5px;
}
.tab-r{
width:12.5%;
float:left;
border: 1px solid #ccc;
margin-top:3px;
background-color:#f1f1f1;
text-align:center;
border-radius: 5px 5px;
}

.tab-g{
width:12.5%;
margin-right:3px;
float:left;
border: 1px solid #ccc;
margin-top:3px;
text-align:center;
background-color:#f1f1f1;
height:38px;
line-height:38px;
vertical-align:middle;
border-radius: 5px 5px;
}

.tab-g a {
	text-decoration:none;
	color:#333;
	font-weight:bold
	}

.tab-r-g{
width:14%;
float:left;
border: 1px solid #ccc;
margin-top:3px;
background-color:#f1f1f1;
text-align:center;
height:38px;
line-height:38px;
vertical-align:middle;
border-radius: 5px 5px;
margin-right:0px !important
}

.tab-gs{
background-color:#ff5502;
color:#fff !important
}

.tab-go{
background-color:#333333;
color:#fff !important
}

.tab-go a{
background-color:#333333;
color:#fff !important
}

.tab-r-go{
background-color:#333333;
color:#fff !important
}
.tab-r-go a{
background-color:#333333;
color:#fff !important
}


.ore{
width:52px;
/*height:42px;*/
margin-right:3px;
background-color:#f1f1f1;
border-radius:7px 7px;
border:1px solid #ccc;
float:left;
text-align:center;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
margin-bottom:3px;
}

.ore a{
	text-decoration:none;
	color:#333
	}

.ore-d{
display: none;
width:52px;
/*height:42px;*/
margin-right:3px;
/*background-color:#0ca84d;*/
background-color:#c40d0d;
padding-bottom:10px;
border-radius:7px 7px;
border:1px solid #ccc;
color:#fff !important;
float:left;
text-align:center;
padding-top:10px;
font-weight:bold;
margin-bottom:3px;
}

.ore-d a{
	color:#fff;
	}
  
.ore-d2{
width:52px;
margin-right:3px;
background-color:#ffcc00;
border-radius:7px 7px;
border:1px solid #ccc;
color:#fff !important;
float:left;
text-align:center;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
margin-bottom:3px;
}

.ore-d2 a{
	color:#fff;
	}

.ore-d3{
width:52px;
margin-right:3px;
background-color:#008C11;
border-radius:7px 7px;
border:1px solid #ccc;
color:#fff !important;
float:left;
text-align:center;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
margin-bottom:3px;
}

.ore-d3 a{
	color:#fff;
	}

.colonna-l{
	float:left;
	width:70px;
	}
	
.colonna-r{
	float:left;
	width:200px;
	}
	
.colonna-rf{
	float:left;
	width:350px;
	}
	
.line{
	height:20px;
	margin-bottom:5px;
	width:100%;
	vertical-align:middle;
	line-height:20px;
	}
	
.form{
	height:35px;
	width:100%;
	border-radius:5px 5px;
	border:1px solid #ccc;
	margin-bottom:15px;
	padding-left:5px;
	font-weight:bold;
	background-color:#f1f1f1
	}
	
.formPrenota{
	height:30px;
	width:100%;
	border-radius:5px 5px;
	border:1px solid #ccc;
	margin-bottom:5px;
	padding-left:5px;
	font-weight:bold;
	background-color:#fff;
	padding-top:5px;
	}
	
.invia{
	background-color:#049119;
	border-radius:7px 7px;
	border:0px;
	color:#fff;
	padding:5px 15px 5px 15px;
	font-family: 'FUTURABC_0';
	text-transform:uppercase;
	font-size:15px
	}
	
.textareaPrenota{
	height:80px;
	width:100%;
	border-radius:5px 5px;
	border:1px solid #ccc;
	margin-bottom:15px;
	padding-left:5px;
	font-weight:bold;
	background-color:#fff
	}
	
.banner-r{
	width:928px;
	height:107px;
	margin-bottom:20px;
	}
	
.privacy{
	font-size:11px;
	color:#666
	}
	
.menu-utente{
	
	}
	
.voce a{
	float:right;
	margin-left:5px;
	border-radius:5px 5px;
	padding:3px;
	color:#fff !important;
	background-color:#008c11;
	font-weight:bold;
	text-decoration:none
	}
	
	
.voce a:hover{
	float:right;
	margin-left:5px;
	border-radius:5px 5px;
	padding:3px;
	color:#008c11 !important;
	background-color:#fff;
	font-weight:bold;
	text-decoration:none
	}
	
.voce-e a{
	float:right;
	margin-left:5px;
	border-radius:5px 5px;
	padding:3px;
	color:#fff !important;
	background-color:#F00;
	font-weight:bold;
	text-decoration:none
	}
	
.nomeutente{
	font-size:13px;
	font-weight:bold;
	}
	
.prenotazione{
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px solid #ccc
}

.prenotazione .testo{
  margin-bottom:5px;
}

.elimina a{
padding:3px;
background-color:#CCCCCC;
color:#666666;
float:left;
margin-right:10px;
border-radius: 5px 5px;
text-decoration:none;
}

.elimina a:hover{
padding:3px;
background-color:#FF0000;
text-decoration:none;
color:#fff;
float:left;
margin-right:10px;
border-radius: 5px 5px;
}

.select{
	width:200px;
	height:22px;
	margin-bottom:5px;
	border-radius:5px 5px;
	}
	
.eliminazione{
	color:#F00;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold
	}
.testo-fn{
	color:#333;
	font-size:13px;
	margin-bottom:5px
	}
	
.titolo-principale{
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
	float:left
	}

.footer{
	padding:10px;
	background-color:#f1f1f1;
	border-radius:7px 7px;
	color:#666;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #ccc;
    margin-bottom:20px
	}
	
.footer a{
	color:#333;
	text-decoration:none;
	}
	
.footer a:hover{
	color:#008b11;
	text-decoration:none;
	}
	
.left-home{
	float:left;
	background-color:#f1f1f1;
	border-radius:7px 7px;
	border:1px solid #ccc;
	padding:10px;
	width:100%;
	min-height:330px;
	margin-right:15px;
	margin-bottom:15px;
	}
	
.right-home{
	float:left;
	background-color:#f6fff7;
	border-radius:7px 7px;
	border:1px solid #c8e0cb;
	padding:10px;
	width:100%;
	height:330px;
	overflow-y:scroll;
	margin-bottom:15px;
	}
	
.titoletto{
	color:#666;
	margin-bottom:10px;
	font-family: 'FUTURABC_0';
	text-transform:uppercase;
	font-size:18px;
	}
	
.nome-campo{
	width:100%;
	text-align:left;
	overflow:hidden;
	font-family: 'FUTURABC_0';
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	position:relative;
	font-size:16px;
	}
	
.nome-campo-new{
   /*margin-top:-160px;*/
   font-size:16px;
	width:100%;
	text-align:left;
	overflow:hidden;
	font-family: 'FUTURABC_0';
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
    position:relative
	}
	
.nome-campo-new a{
	font-weight:normal
	}
	
.orario-b{
font-weight:bold;
width:100%;
margin-bottom:2px;
color:#999999
}

.testo-b{
width:100%;
margin-bottom:25px;
}

.testo-b p{
margin:0px;
padding:0px;
}

.top{
	margin-top:25px;
	}
	
.line{
	width:100%;
	height:30px;
	margin-bottom:5px;
	line-height:26px;
	vertical-align:middle
	}

@media(min-width:1200px){
.logo-fieldnow{
  height:250px;
  margin-bottom:20px;
  
}
}

@media(min-width:992px){
.logo-fieldnow{
  height:200px;
  margin-bottom:20px;
  
}
}

@media(max-width:991px){
.logo-fieldnow{
  height:150px;
  margin-bottom:20px;
 
}
}

@media(max-width:767px){
.logo-fieldnow{

  border-radius:7px;
  border:1px solid #ccc
}
}



.label-s{
float:left;
width:100%;
color:#666;
font-size:12px;
}

.form-registrazione{
width:100%;
}

.left-registrazione{
float:left;
width:400px
}

.right-registrazione{
float:left;
width:200px;
}

.label-accedi{
float:left;
width:80px;
color:#666;
line-height:24px;
vertical-align:middle
}

.line-p{
	width:100%;
	height:30px;
	margin-bottom:5px;
	line-height:30px;
	vertical-align:middle
	}
	
.line-po{
	width:100%;
	height:22px;
	margin-bottom:5px;
	line-height:23px;
	vertical-align:middle;
	font-weight:bold
	}
	
.icona-campo-h{
	width:100% !important
	}
	
.password-inviata{
border-radius: 7px;
padding:0px 15px 0px 15px;
background-color: #E20003;
border: 1px solid #AC0002;
text-align:center;
height: 30px;
line-height: 30px;
vertical-align: middle;
font-size: 18px;
padding-left: 10px;
color: #fff;
margin-bottom: 20px;
font-family: 'FUTURABC_0';
text-transform: uppercase;
	}
	
.campo_non_disponibile{
	border: 1px solid #e2d87d;
   background-color: #fffbd5;
   padding:5px;
   border-radius:7px
	}
	
.nologin{
	float:left;
	padding:10px;
	background-color:rgba(252,0,4,0.80);
	border-radius:7px;
	border:1px solid rgba(255,0,4,0.90);
	color:#fff;
	font-weight:bold
	}
	
.box_num_partecipanti{
	width:100%;
	padding:5px;
	background-color:rgba(3,158,19,1.00);
	color:#fff;
	border-radius:7px;
	font-size:12px;
	font-style:italic;
	margin-bottom:5px;
	}
	
.avvisami{
	width:100%;
border: 1px solid #e2d87d;
background-color: #fffbd5;
padding: 10px;
border-radius: 7px;
float:left
}

.inviaAvvisami a{
	background-color:#008c11;
	color:#fff;
	padding:5px;
	float:left;
	border-radius:7px
	}
	
.titoloAvvisami{
	font-family: 'FUTURABC_0';
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	width:100%;
	margin-bottom:5px;
	font-size:16px
	}

.descrizioneAvvisami{}

.selectAvvisami{
	float:left;
	height:30px;
	margin-right:5px;
	border:7px
	}
	
.titolo{
	font-family: 'FUTURABC_0';
	margin-bottom:5px;
	font-size:16px;
	color:#666
	}
	
.titolo img{
	top:-3px;
	position:relative
	}
	
#confirmation{
	width:300px !important
	}

@media (max-width:767px){
.tastinoCalendario{
	position:fixed;
	bottom:0px;
    width: 100%;
    background-color: #333;
	
	-webkit-box-shadow: 0px -2px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -2px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px -2px 5px -2px rgba(0,0,0,0.75);

	padding:10px;
	text-align:center;

    font-size: 1.1em;
    color: #fff;

    font-family: 'FUTURABC_0';
    text-transform: uppercase;
}

.footer{
	margin-bottom:60px;
	}
}

@media (min-width:768px){
.tastinoCalendario{
	display:none
}
}

.errorePrenotazione{
	    margin-top: 10px;
    background-color: #f00;
    padding: 5px;
    border-radius: 5px;
    float: left;
    color: #fff;
    font-weight: bold;
	}
	
.staiCercando{
	float:left;
	margin-top:15px;
	font-weight:bold;
	width: 100%;
    border: 1px solid #e2d87d;
    background-color: #fffbd5;
    padding: 10px;
    border-radius: 7px;
	}
	
.invitoAccettato{
	padding: 3px;
	background-color: #008c11;
	color: #fff;
	float: left;
	margin-right: 10px;
	border-radius: 5px 5px;
	text-decoration: none;
	font-weight:bold
	}
	
	
.invitoNonAccettato{
	padding: 3px;
	background-color: #FF0000;
	color: #fff;
	float: left;
	margin-right: 10px;
	border-radius: 5px 5px;
	text-decoration: none;
	font-weight:bold
	}

@media (min-width:1200px){
.iconaCampo{
	height:231px;
	}
}

@media (min-width:990px) and (max-width:1199px){
.iconaCampo{
	height:183px;
	}
}

@media (min-width:768px) and (max-width:989px){
.iconaCampo{
	height:131px;
	}
}


/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
     bottom: 105%;
    left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 105%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media (max-width:767px){
	.left{
		margin-bottom:30px;
		}
		
	.altreAttivita{
		width:50%;
		float:left}
	}
	
label.error{
	top: -8px;
    position: relative
	}
	
.complimenti{
	width:100%;
	margin:25px 0px;
	text-align:center;
	
	}
	
.complimenti img{
	height:200px;
	}
	
.complimenti h1{
	width:100%;
	font-size:25px;
	font-family: 'FUTURABC_0';
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	color:#00abff
	}

.tastone{
	background-color:#333;
	color:#fff;font-family: 'FUTURABC_0';
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	padding:5px 10px;
	margin:15px;
	float:left;
	border-radius:5px;
	cursor:pointer
	}
	
.tastone:hover{
	background-color:#008c11;
	}
	
.grouped{
	cursor:pointer
	}