html
{
   height: 1500px;
}

#space
{
   width: 1px;
   height: 50%;
   margin-bottom: 0px;
   float:left;
}

@media only screen and (max-width: 600px) {

   #container
   {
      width: 550px;
      height: 1500px;
      margin: auto;
      position: relative;
      clear: left;
   }
   .labelfont
   {
      color: #000000;
      font-family: Tahoma;
      font-size: 20px;
   }
   #page1Editbox1
   {
      border: 1px #A9A9A9 solid;
      background-color: #FFFFFF;
      background-image: none;
      color :#000000;
      font-family: colibri;
      font-weight: bold;
      font-size: 25px;
      padding: 0px 0px 0px 0px;
      text-align: left;
      vertical-align: middle;
   }
   #wb_page1Form1
   {
   position: relative;
   left: 0px;
   top: -70px;
   width: 550px;
   //height: 400px;
   vertical-align: middle;
   z-index: 1;
   margin: 0 auto;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px #000000 solid;
   display: block;
   }
}

#container
{
   width: 1000px;
   height: 1500px;
   margin: auto;
   position: relative;
   clear: left;
}
#container1
{
   width: 1000px;
   height: 1500px;
   margin: auto;
   position: relative;
   
   color: black;
   clear: left;
}
  
#selection_table
{
   width: 1000px;
   height: 1500px;
   top: 120px;
   margin: 0px auto;
   position: relative;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: auto;
   /*! padding: 0px 0px 0px 0px; */
   /*! width: 1000px; */
  float: center;
}
#indexPlanning
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   /*! left: 0px; */
   /*! top: 80px; */
   /*! width: 100%; */
   position: relative;
   /*! float: center; */
}
#wb_indexText2 div
{
   text-align: center;
}
#page1Editbox1
{
   border: 1px #A9A9A9 solid;
   background-color: #FFFFFF;
   background-image: none;
   color :#000000;
   font-family: "Courier New";
   font-weight: normal;
   font-size: 16px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: middle;
}
#page1Editbox1:focus
{
   border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}

#pos_label_nome 
{  position: relative;
   left: 2px;
   top: 140px;
   width: 122px;
   height: 21px;
   text-align: right;
   z-index: 10;
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0px;
   margin: 0px;
   text-align: right;
}
#wb_page1Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_page1Text7 div
{
   text-align: right;
}
#pos_label_mail
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: right;
}

#wb_page1Text10 
{
  
}
#wb_page1Text10 div
{
   text-align: right;
}
#wb_page1Text11 
{
   
}
#wb_page1Text11 div
{
   text-align: right;
}
#page1Editbox2
{
   border: 1px #A9A9A9 solid;
   background-color: #FFFFFF;
   background-image: none;
   color :#000000;
   font-family: "Courier New";
   font-weight: normal;
   font-size: 16px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: middle;
}
#page1Editbox2:focus
{
   border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#page1Editbox3
{
   border: 1px #A9A9A9 solid;
   background-color: #FFFFFF;
   background-image: none;
   color :#000000;
   font-family: "Courier New";
   font-weight: normal;
   font-size: 15px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: middle;
}
#page1Editbox3:focus
{
   border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#page1Editbox4
{
   border: 1px #A9A9A9 solid;
   background-color: #FFFFFF;
   background-image: none;
   color :#000000;
   font-family: "Courier New";
   font-weight: normal;
   font-size: 16px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: middle;
}
#page1Editbox4:focus
{
   border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#page1Editbox5
{
   border: 1px #A9A9A9 solid;
   background-color: #FFFFFF;
   background-image: none;
   color :#000000;
   font-family: "Courier New";
   font-weight: normal;
   font-size: 16px;
   padding: 0px 0px 0px 0px;
   text-align: left;
   vertical-align: middle;
}
#page1Editbox5:focus
{
   border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#wb_page1Text12 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_page1Text12 div
{
   text-align: left;
}
#page1Button2
{
   border: 5px #32CD32 solid;
   background-color: transparent;
   background-image: none;
   color: #008000;
   font-family: "Arial Black";
   font-weight: normal;
   font-size: 13px;
}
#page1Button1
{
   border: 5px #FF0000 solid;
   background-color: transparent;
   background-image: none;
   color: #FF0000;
   font-family: "Arial Black";
   font-weight: normal;
   font-size: 13px;
}

#wb_page1Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_page1Text6 div
{
   text-align: left;
}
#indexTextArea1
{
   border: 1px #A9A9A9 solid;
   background-color: #FFFFFF;
   background-image: none;
   color :#000000;
   font-family: "Comic Sans MS";
   font-weight: normal;
   font-style: italic;
   font-size: 15px;
   text-align: left;
   overflow: auto;
   resize: none;
}
#indexTextArea1:focus
{
   border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}

#baseimage
{ 	position: relative;
	width: 1000px;
	top: 10px;
	left: 0px;
	margin: auto;
}
#fondo_home
{	position: relative;
	width: 1000px;
}

#indexText4 
{
   border-width: 0;
   margin: 0;
}
#nuove_scoperte
{
	border-width: 0;
	margin: 0;
	position: absolute;
	top: 10px;
	left: 520px;
	width: 600px;
	height: auto;
}
#wb_indexText5 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_indexText5 div
{
   text-align: center;
}
#wb_indexText6 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_indexText6 div
{
   text-align: center;
}
#pos_lab 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_indexText7 
{
   text-align: center;
}
#indexShape1
{
   border-width: 0;
}
#wb_indexText8 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_indexText8 div
{
   text-align: center;
}
#indexShape2
{
   border-width: 0;
}
#wb_indexShape2
{
   position: absolute;
   left: 513px;
   top: 210px;
   width: 560px;
   height: 126px;
   filter: alpha(opacity=17);
   opacity: 0.17;
   z-index: 29;
}
#pos_label_tel
{
   position: relative;
   left: 34px;
   top: 209px;
   width: 82px;
   height: 21px;
   text-align: right;
   z-index: 2;
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
    padding: 0;
   margin: 0;
   text-align: center;
   
}
.labelfont
{
   color: #000000;
   font-family: Tahoma;
   font-size: 17px;
}
.Titolo1
{
   position: relative;
   top: -20px;
   /*! height: 40px; */
   text-align: center;
   z-index: 20;
}
#pos_label_eta
{
   position: absolute;
   left: 2px;
   top: 275px;
   width: 122px;
   height: 21px;
   z-index: 10;
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: right;
}
#format_titre_box1
{
   position: absolute;
   left: 64px;
   top: 97px;
   width: 53px;
   height: 21px;
   text-align: right;
   z-index: 8;
}

#page1Button1
{
   position: relative;
   left: -120px;
   top: 290px;
   width: 125px;
   height: 40px;
   vertical-align: middle;
   z-index: 17;
}
#wb_page1Text12
{
   position: absolute;
   left: 436px;
   top: 0px;
   width: 235px;
   height: 19px;
   z-index: 15;
}
#box1  /* non utilizzato in index.php */
{
   position: absolute;
   left: 134px;
   top: 88px;
   width: 218px;
   height: 29px;
   line-height: 29px;
   z-index: 9;
   color: #0F0FFF;
   }

#entete
{
   position: relative;
   left: 0px;
   top: 10px;
   width:700px;
   height: auto;
   margin: auto;
   text-align: center;
   display: block;
   
   z-index: 5;
}
#wb_indexText3
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
   position: absolute;
   left: 43px;
   top: 1550px;
   width: 1050px;
   height: auto;
   text-align: center;
   z-index: 22;
}
#page1Button2
{
   position: relative;
   left: 280px;
   top: 290px;
   width: 120px;
   height: 40px;
   vertical-align: middle;
   z-index: 16;
}
#police_titre_box1
{
   color: #000000;
   font-family: Tahoma;
   font-size: 17px;
}
#page1Editbox1
{
   position: absolute;
   left: 134px;
   top: 90px;
   width: 218px;
   height: 29px;
   line-height: 29px;
   z-index: 3;
}
#page1Editbox2
{
   position: absolute;
   left: 134px;
   top: 135px;
   width: 218px;
   height: 29px;
   line-height: 29px;
   z-index: 3;
}
#wb_page1Text4
{
   position: absolute;
   left: 555px;
   top: 342px;
   width: 389px;
   height: 2px;
   z-index: 18;
}

#page1Editbox3
{
   position: absolute;
   left: 134px;
   top: 180px;
   width: 218px;
   height: 29px;
   line-height: 29px;
   z-index: 4;
}
#wb_indexText5
{
   position: absolute;
   left: 561px;
   top: 90px;
   width: 429px;
   height: 51px;
   text-align: center;
   z-index: 24;
}
#wb_uid6
{
   color: #000000;
   font-family: Comic Sans MS;
   font-size: 17px;
}
#page1Editbox4
{
   position: absolute;
   left: 133px;
   top: 225px;
   width: 217px;
   height: 29px;
   line-height: 29px;
   z-index: 5;
}
#wb_indexText6
{
   position: absolute;
   left: 554px;
   top: 59px;
   width: 442px;
   height: 30px;
   text-align: center;
   z-index: 25;
}
#wb_uid7
{
   color: #000000;
   font-family: Comic Sans MS;
   font-size: 24px;
}
#wb_page1Text6
{
   position: absolute;
   left: 13px;
   top: 0px;
   width: 389px;
   height: 2px;
   z-index: 7;
}
#page1Editbox5
{
   position: absolute;
   left: 133px;
   top: 270px;
   width: 216px;
   height: 29px;
   line-height: 29px;
   z-index: 6;
}
#wb_indexImage2
{
   position: absolute;
   left: 5px;
   top: 950px;
   width: 44%;
   height: 18%;
   z-index: 11;
}
#wb_indexText7
{
   position: absolute;
   left: 570px;
   top: 134px;
   width: 411px;
   height: 30px;
   text-align: center;
   z-index: 26;
}
#wb_uid8
{
   color: #FF4200;
   font-family: AR BLANCA;
   font-size: 34px;
}
#pos_label_cognome
{
   position: absolute;
   left: 32px;
   top: 95px;
   width: 90px;
   height: 21px;
   text-align: right;
   z-index: 0;
}
#wb_indexText8
{
   position: absolute;
   left: 512px;
   top: 248px;
   width: 563px;
   height: 54px;
   text-align: center;
   z-index: 28;
}
#wb_uid10
{
   color: #F08080;
   font-family: AR BLANCA;
   font-size: 24px;
}
#wb_uid9
{
   color: #FF4200;
   font-family: AR BLANCA;
   font-size: 24px;
}
#wb_uid11
{
   color: #0000FF;
   font-family: Tempus Sans ITC;
   font-size: 21px;
}
#indexText4
{
   position: relative;
   margin: auto;
   width: 500px;
   height: 30px;
   z-index: 1;
}
#pos_label_mail
{
   position: absolute;
   left: 62px;
   top: 184px;
   width: 55px;
   height: 21px;
   text-align: right;
   z-index: 1;
}
#indexTextArea1
{
   position: relative;
   left:0px;
   top: 280px;
   width: 397px;
   height: 270px;
   z-index: 19;
}
#wb_page1Form1
{
   position: relative;
   left: 0px;
   top: -70px;
   width: 400px;
   //height: 400px;
   vertical-align: middle;
   z-index: 1;
   margin: 0 auto;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px #000000 solid;
   display: block;
}
#indexShape1
{
   width: 471px;
   height: 146px;
}
#indexShape2
{
   width: 560px;
   height: 126px;
}
#wb_indexShape1
{
   position: absolute;
   left: 550px;
   top: 39px;
   width: 471px;
   height: 146px;
   filter: alpha(opacity=6);
   opacity: 0.06;
   z-index: 27;
}
#wb_uid0
{
   position: absolute;
   left: 453px;
   top: 1307px;
   border-width: 0;
   z-index: 250;
}

#locandina_carnevale_2020
{	
	border-width: 0;
	margin : 0;
	position: absolute;
	top: 930px;
	left: 520px;
	width: 600px;
	height: auto;

}
#volantino_yoga_adultes
{
	border-width: 0;
	margin : 0;
	position: absolute;
	top: 450px;
	left: 520px;
	width: 600px;
	height: auto;
}

 .tooltipform {
 visibility: hidden;
  background-color: red;
  color: #fff;
  width: auto;
  text-align: center;
  padding: 10px;
  border-radius: 7px;
  position: absolute;
  z-index:5;
 }

/* tutta la parte posizione */

 .tooltiptext0 { /*informazioni generali*/
  top: 11%;
  left: 41%;
}
 .tooltiptext1 { /*biberon*/
  top: 20%;
  left: 76%;
}
 .tooltiptext2 { /* baby musica*/
  top: 16%;
  left: 22%;  
}
.tooltiptext3 {  /* pianoforte   */
  top: 23%;
  left: 10%;
}
.tooltiptext4 {  /* violino - fanta teatro  */
  top: 63%;
  left: 81%;  
}
.tooltiptext5 {  /* danza creativa  */
  top: 33%;
  left: 82%;  
}
.tooltiptext6 {  /* danza classica  */
  top: 48%;
  left: 7.1%;  
}
.tooltiptext7 { /* compleanni  */
  top: 66%;
  left: 43%;  
}
.tooltiptext8 { /*  fiore Yoga */
  top: 43%;
  left: 89%;  
}
.tooltiptext9 {  /*  mano atelier di pittura */
  top: 33%;
  left: 3%;  
}
.tooltiptext10 {  /* artistic gym  - cavallo  */
  top: 64%;
  left: 11%;  
}
.tooltiptext11 {  /*  carozzina */
  top: 61%;
  left: 66%;  
}
.tooltiptext12 {  /* Albero - corsi all'aperto */
  top: 72%;
  left: 27%;  
}
.tooltiptext13 {  /* matita  */
  top: 24%;
  left: 83%;  
}

/* tutta la parte HOVER */

 .tooltip:hover .tooltiptext3 {
  visibility: visible;
} 
 .tooltip:hover .tooltiptext0 {
  visibility: visible;
} 
 .tooltip:hover .tooltiptext1 {
  visibility: visible;
}
 .tooltip:hover .tooltiptext2 {
  visibility: visible;
  }
 .tooltip:hover .tooltiptext4 {
  visibility: visible;
   }
 .tooltip:hover .tooltiptext5 {
  visibility: visible;
   }
 .tooltip:hover .tooltiptext6 {
  visibility: visible;
   }
 .tooltip:hover .tooltiptext7 {
  visibility: visible;
   }
 .tooltip:hover .tooltiptext8 {
  visibility: visible;
   }
 .tooltip:hover .tooltiptext9 {
  visibility: visible;
   }
 .tooltip:hover .tooltiptext10 {
  visibility: visible;
   }
 .tooltip:hover .tooltiptext11 {
  visibility: visible;
   }
 .tooltip:hover .tooltiptext12 {
  visibility: visible;
   }
 .tooltip:hover .tooltiptext13 {
  visibility: visible;
   }

#boutons {
position: sticky;
display: inline-block;
top: 5px;
z-index: 25;
width: 60%;

}


.contatto {
background-color: cyan;
text-align: center;
font-size: 32px;
color: red;
width: 150px;
}

.iscrizione{
background-color: greenyellow;
text-align: center;
font-size: 32px;
color: darkblue;
width: 150px;
}

#lingue {
	position: sticky;
	top:5px;
	left: 80%;
	z-index: 25;
	width: 169px;
	display: inline-block;
	}

.lingue {
	height: 60px;
	width: 70px;
	vertical-align: middle;
	background-color: white;
	
	/*text-align: center;*/
}
#avviso {
	position: relative;
	display: block;
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	margin: auto;
	top:-210px;
	width: 500px;
	height: 100px;
	background-color: lightblue;
	opacity: 0.7;
	color: yellow;
	z-index: 10;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	padding: 2%;
}
#avviso_skate {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	top: -450px;
	width: 500px;
	background-color: #66045b;
	opacity: 0.8;
	color: #12f455;
	z-index: 10;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	//padding: 70%;
}

.obliquo
{	
	transform:rotate(-12deg);
	background-color: yellow;
	color: red;
}
#info {
	position:relative;
	height:200px;
	width:500px;
	top: 230px;
	text-align: center;
	display: block;
	margin: auto;
}
#sentok {
	position: relative;
	display: block;
   width: 403px;
	top: 780px;
   margin: auto;
	z-index: 40;
	text-align:center;
	font-size: 32px;
	background-color: #4ce600;
	}
	
#sentko {
	position: relative;
	display: block;
   width: 403px;
	top: 780px;
   margin: auto;
	z-index: 40;
	text-align:center;
	font-size: 32px;
	color: white;
	background-color: #ff0000;
}
#centro_pagina{
	position: relative;
	top: -774px;
	/*! height: 450px; */
	width: 500px;
	margin: 0 auto;
	/*! text-align: center; */
}