
/** zero out default browser margins, padding and borders for all site elements below**/
body,table,tr,td,th,h1,h2,h3,h4,h5,p,ol,ul,li,form,input,img {
	margin:0;
	padding:0;
	border:0;
	border-style: none;
}

html, body{ 
	text-align:center; 
}

/**For non-IE browsers**/
html,body {font-size:100.1%; height:100%; margin-bottom:1px; /**adds scrollbar in Mozilla**/}

/**For IE only**/
*body {font-size:100.1%; zoom: 1;}

body {
    /* font-family:Verdana, Arial, Helvetica, sans-serif; */
	font-family:'lucida_call', Arial, Helvetica, sans-serif;
	color: #000000;
    background: #E1F7FF; /* Page Background */
}

#pagewidth{ 
	width: 70em; 
	text-align: center; 
	margin: 0 auto;
} 
 
#maincol{
	text-align: center; 
	margin: 0 auto;
	position: relative; 
 }

.main {
	margin: 0 auto;
	padding-top: 0.5em;
	text-align:justify;
	font-family:'lucida_call', Arial, Helvetica, sans-serif;
	clear: both;
}

.contacts { 
	margin: 0 auto;
	padding: 0.5em;
	text-align: center;
}
.contacts #titolo1 { 
	font: bold 1.5em/1.5 'lucida_call', Arial, Helvetica, sans-serif;
}
.contacts #titolo2 { 
	font: 1em/1.5 'lucida_call', Arial, Helvetica, sans-serif;
}

#map {
	margin: 0 auto;
	padding: 0.5em;
	text-align: center;
	font: 1em/1.5 'lucida_call', Arial, Helvetica, sans-serif;
}

.facebook {
	margin: 0 auto;
	padding: 0;
	padding-top: 1em;
}

.logo_fb {
	margin: 0 0;
	padding: 0 1em;
	height: 4em;
}

#logo_fb_group {
	height: 4em;
}#dsa {
	margin: 0 auto;
	margin-bottom: 0.5em;
	color: #19C143;
	font-weight: bold;

}

#centrodsa {
	margin: 0 auto;
	margin-bottom: 0.5em;
	color: #19C143;
	font-weight: bold;

}

#centrodislessia {
	margin: 0 auto;
	margin-bottom: 1em;
	color: grey;

}
.extra .attivita .att {
	
	border: 0 0;
	margin: 0 0;
	margin-bottom: 1em;
	text-align: left;
	list-style-type: none;
	text-indent: 5em;
	font: 'lucida_call', Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 300%;
}

.extra .attivita .att li {

	text-align: left;
	list-style-type: none;
	text-indent: 15em;
	font-weight: normal;
	line-height: 170%;

}

.camptitle {
	color: #19C143;
	text-align: left;
	font-weight: bold;
}

@font-face {
   font-family: 'cursif';
   src: url('/fonts/Cursif.eot');
   src: local('cursif'), url('/fonts/Cursif.ttf') format('truetype');
}

@font-face {
   font-family: 'budhand';
   src: url(/fonts/Budhand.eot);
   src: local('budhand'), url('/fonts/Budhand.ttf') format('truetype');
}

@font-face {
   font-family: 'lucida_call';
   src: url('/fonts/Lucida_Calligraphy.eot');
   src: local('lucida_call'), url('/fonts/Lucida_Calligraphy.ttf') format('truetype');
}

@font-face {
   font-family: 'lucida_hand';
   src: url(/fonts/Lucida_Handwriting_Corsivo.eot);
   src: local('lucida_hand'), url('/fonts/Lucida_Handwriting_Corsivo.ttf') format('truetype');
}
#Footer {
	color: #000000;
	font-size: 1em;
	text-align:center; 
	clear: both;
}

#Footer ul li {
	margin:0;
	/*padding:0.15em;*/
	list-style:none;
}

#disclaimer {
	font-size: 0.7em;
}
#copyright {
	font-size: 0.8em;
}

a.mal,a.mail:visited,a.mail:link { color:#000000; text-decoration: none; font-size: 100%; }
a.mail:hover,a.mail:active,a.mail:focus { color:#FF5F00; text-decoration: underline; font-size: 110%; }
#logodiv {
	float:left;
	margin: 0 0;
	padding: 0 0;
	padding-top: 4.5em;
}

#logo {
	margin: 0 0;
	padding: 0 0;
	height: 12em; 
}

#Header {
	text-align: left; 
	margin: 0 auto;
	padding: 0 0;
	padding-left: 3em;
	font: 2.5em cursif, Verdana, sans-serif;
	color: #19C143;
	text-decoration: none;
}

#Titolo {
	text-align: left; 
	margin: 0 auto;
	margin-left: 15em;
	padding: 0 0;
	padding-bottom: 0.5em;
	color: #19C143;
	font: 1.2em cursif, Verdana, sans-serif;
	text-decoration: none;
}

#Flags {
	text-align: left; 
	margin: 0 auto;
	margin-left: 14em;
	padding: 0.5em;
	font-size: 2em;
}/*style slider*/

#slider{
	margin:0 0;
	padding:0;
	width:750px;
	height:500px;
	position: relative;
    left: 50%;
    margin-left: -375px; /* Half of the width */

}

#slider ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative
}

#slider ul li{
	margin:0;
	padding:0;
	opacity:0;
	position:absolute;
	top:0;
	left:0;

	-o-animation-name:slides_animation;
	-o-animation-duration:55s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
	-o-animation-delay: 0;
	-o-animation-play-state: running;
	-o-animation-fill-mode: forwards;

	-webkit-animation-name:slides_animation;
	-webkit-animation-duration:55s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay: 0;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;

	-moz-animation-name:slides_animation;
	-moz-animation-duration:55s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-delay: 0;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;

	animation-name:slides_animation;
	animation-duration:55s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: 0;
	animation-play-state: running;
	animation-fill-mode: forwards;

}

#slider ul li:nth-child(2){-o-animation-delay:5s;-webkit-animation-delay:5s;-moz-animation-delay:5s;animation-delay:5s}
#slider ul li:nth-child(3){-o-animation-delay:10s;-webkit-animation-delay:10s;-moz-animation-delay:10s;animation-delay:10s}
#slider ul li:nth-child(4){-o-animation-delay:15s;-webkit-animation-delay:15s;-moz-animation-delay:15s;animation-delay:15s}
#slider ul li:nth-child(5){-o-animation-delay:20s;-webkit-animation-delay:20s;-moz-animation-delay:20s;animation-delay:20s}
#slider ul li:nth-child(6){-o-animation-delay:25s;-webkit-animation-delay:25s;-moz-animation-delay:25s;animation-delay:25s}
#slider ul li:nth-child(7){-o-animation-delay:30s;-webkit-animation-delay:30s;-moz-animation-delay:30s;animation-delay:30s}
#slider ul li:nth-child(8){-o-animation-delay:35s;-webkit-animation-delay:35s;-moz-animation-delay:35s;animation-delay:35s}
#slider ul li:nth-child(9){-o-animation-delay:40s;-webkit-animation-delay:40s;-moz-animation-delay:40s;animation-delay:40s}
#slider ul li:nth-child(10){-o-animation-delay:45s;-webkit-animation-delay:45s;-moz-animation-delay:45s;animation-delay:45s}
#slider ul li:nth-child(11){-o-animation-delay:50s;-webkit-animation-delay:50s;-moz-animation-delay:50s;animation-delay:50s}

#slider ul li img{vertical-align:text-top}


/*animation css3*/
@-o-keyframes slides_animation{
   0%{opacity:0;}
   5%{opacity:1;}
   95%{opacity:1;}
   100%{opacity:0;}
}
@-webkit-keyframes slides_animation{
   0%{opacity:0;}
   4%{opacity:1;}
   16%{opacity:1;}
   24%{opacity:0;}
   100%{opacity:0;}
}

@-moz-keyframes slides_animation{
   0%{opacity:0;}
   5%{opacity:1;}
   95%{opacity:1;}
   100%{opacity:0;}
}

@keyframes slides_animation{
   0%{opacity:0;}
   5%{opacity:1;}
   95%{opacity:1;}
   100%{opacity:0;}
}/*- Menu e submenu Tabs--------------------------- */

#menu {
	/* padding-bottom: 0.5em; */
	text-align: center; 
	margin: 0.5em auto;
	padding: 0;
	padding-bottom:0.2em; /* Padding per allineamneto riga del menu*/
/*	font: bold 0.8em/1.5 Verdana, Arial, Helvetica, sans-serif; */
	font: 0.81em/1.5 'lucida_call', Arial, Helvetica, sans-serif;
	border-bottom: 0.2em solid #b0c4de; /*Colore Bordo Tab*/
	}

#submenu {
	/* padding-bottom: 0.5em; */
	text-align: center; 
	margin: 0em 15em;
	padding: 0;
	padding-top:0.5em; /* Padding per allineamneto riga del menu*/
	font: 0.71em/2.5 'lucida_call', Arial, Helvetica, sans-serif;
	}

#subnav li {
	margin: 0 0.3em;
	padding: 0.3em 0.4em;
	display: inline;
	color: #FFFFFF;
	background-color: #E2EBF4;
	border: 0.1em solid #BCD2E6; /*Colore Bordo Tab*/
	border-radius: 0.4em;
	ms-border-radius: 0.4em;
}

#nav ul, #subnav ul {
	margin:0 auto;
	padding:0;
	list-style:none;
}

/* Primo livello */
#nav li {
	margin: 0 0.3em;
	padding: 0.3em 0.4em;
	display: inline;
	color: #FFFFFF;
	background-color: #E2EBF4;
	border: 0.1em solid #BCD2E6; /*Colore Bordo Tab*/
	border-bottom-width: 0;
	border-radius: 0.4em;
	ms-border-radius: 0.4em;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
}

/* Link del primo livello */
#nav li a, #subnav li a {
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	white-space:nowrap;
}
#nav li:hover { background-color:white; } 
#subnav li:hover { background-color:white; } 

/* Selected tab */
.home #home,
.school #school,
.cv #cv,
.curriculum #curriculum,
.green #green,
.greencamp #greencamp,
.camps #camps,
.dyslexia #dyslexia,
.skicamp #skicamp,
.extra #extra,
.montessori #montessori,
.attivita #attivita,
.photogallery #photogallery,
.info #info,
.formazione #formazione,
.contact #contact,
.contatti #contatti {
	background-color:#E1F7FF;
	border: 0.2em solid #b0c4de; /*Colore Bordo Tab*/
	border-bottom: 0.3em solid #E1F7FF; /*stesso colore dell sfondo*/
	color: #19C143;
	font-weight: bold;
}

#submenu .selected { background-color:#FFFFFF;}

#nav li ul, #subnav li ul {
	/*hide the subnavs*/
	display: none;
	position: absolute;
	top: 33px;
	height: 15px;
	left: 0;
	padding-top: 10px;
}

a.tabs,a.tabs:visited,a.tabs:link { color:#19C143; text-decoration: none;}
a.tabs:hover,a.tabs:active,a.tabs:focus { color:#159434; text-decoration: none;}

/*- Fine Menu Tabs--------------------------- */#montessori {
	margin: 0 auto;
	margin-bottom: 4em;
}

#maintitle {
	font-weight: bold;
	font-size: 1.4em;
}

#text_montessori_last {
	margin-top: 1em;
}

#montessori_img1{
	float: left;
	margin: 0 0;
	margin-left: 4em;
	height: 9em;
}

#montessori_img2{
	float: left;
	margin: 0 0;
	margin-right: 1em;
}
.photogallery_container {
	width:900px;
	height:600px;
  	margin: 0px auto;
	border:1px solid #BFBCB3;
	margin-top:30px;
/*	background-color:#cccccc;*/
}

/*.photogallery_container:hover .photogallery_bgthumbs {
visibility: visible;
}*/

.photogallery_bgthumbs{
	width:800px;
	height:88px;
	filter: alpha(opacity=70);
	opacity:0.7;
	-khtml-opacity:0.7;
	overflow:hidden;
}

.photogallery_thumbs_slider{
	margin-right:4px;
}

.photogallery_thumbs_slider div{
	float:left;
	padding:4px 4px 4px 4px;
	visibility: visible;
}

.photogallery_thumbs_slider div img{
	width:120px;
	height:80px;
}

.photogallery_thumbs_slider div a{
	filter: alpha(opacity=70);
	opacity:0.7;
	-khtml-opacity:0.7;
}
.photogallery_thumbs_slider div a:hover{
	filter: alpha(opacity=90);
	opacity:0.9;
	-khtml-opacity:0.9;
}
#mainscuola {
	margin: 0 auto;
	margin-bottom: 4em;
}

.center { text-align:center; }

#villa_small { 
	float: right;
	height: 150px; 
	margin: 0 0;
	margin-left: 1em;
}

#interno_small { 
	float: left;
	height: 150px;
	margin: 0 0;
	margin-top: 0em;
	margin-right: 1em;
}

#interno_vert_small { height:150px; }
#entrata_small { height:150px; }
#volte_small { height:150px; }

.citazione {
	float: right;
	padding: 0.5em;
	margin: 0 0;
	font-family:'lucida_hand', Arial, Helvetica, sans-serif;
	text-align:right;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

cite {
	font-weight: bold;
	clear: both;
}

.attiv {
	padding-top: 0.5em;
	font-family:'lucida_call', Arial, Helvetica, sans-serif;
	text-align:left;
	clear: both;
}

#text_scuola_1{
	margin-top: 0em;
	margin-bottom: 1em;
}
#text_scuola_2{
	margin-top: 7em;
	margin-bottom: 1em;
}
#text_scuola_3{
	margin-top: 1em;
	margin-bottom: 1em;
}
#text_scuola_4{
	clear: both;
	margin: 0 0;
}

/** Links **/
a,a:visited,a:link,a:hover,a:active,a:focus { text-decoration: none;}

/** Image borders **/
a img{border: none;}
img a:hover {border: none}

/**Text styles**/
h1,h2,h3,h4,h5 { font-size:1.2em; line-height:1.8em; color:#666; margin:.8em 0 .2em 0; padding:0; }

enfatizzato { font-size:1.2em; font-weight: bold; }
enfatizzatoverde { font-size:1.2em; color:#1C1; 	font-weight: bold; }

p { font-size: 1em; line-height:1 }
p { margin:.4em 0 .8em 0; padding:0; }
