/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
/*reset css*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}

li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:”;}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn’t inherit in IE */
legend{color:#000;}





form{margin:0;padding:0; display: inline;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/

input.submit{ background-color: transparent; }
textarea{ overflow: auto; }
input, select, textarea{
	*font-size:100%; background-color: #ffffff;
	border: 1px solid #ffa500;
	font-size:11px;
	font-weight: normal;
	height: 15px;
}
input:focus {
	background: #FEFF80;
}
input:active{
	background: #FEFF80;
}

input.submit{
	border:0px;
}
input.image{
	border:0px;
}
input.check{ background-color: transparent; border: none; }
/* ----------------------------------------------------------- My css */


body,html {margin:0px;padding:0px;}

body{
	font-family: arial;
	font-size: 15px;
	background: url(grafica/gradient_body.gif) repeat-x scroll top left;
}
#container{
	position:relative;
	margin:0 auto;
	width:770px;
	overflow:auto;
	border: 1px solid #474747;
	border-top: none;
	background-color: #ffffff;
}

#header{
	width: 770px;
	height: 120px;
   background-image: url(grafica/header.gif);
	background-color: #ffd700;
}

#menu_top{
  background-image: url(grafica/menu_top.gif);
  height:29px;
  width:570px;
  float:left;
  padding-top: 1px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  word-spacing: 20px;
}
#menu_top a{color: #171717; text-decoration: none; }
#menu_top a:hover{color: #006699; text-decoration: underline;}
#menu_lang{
background-image: url(grafica/menu_lang.gif);
height:20px;
font-size:11px;
float:right;
width:200px;
text-align: center;
padding-top: 10px;
word-spacing: 5px;
}
#menu_lang a{color: #272727; text-decoration: none;}
#menu_lang a:hover{color: #006699; text-decoration: underline; }

#corpo{
width:540px;
min-height:570px;
height: auto !important;
height: 570px;
background-image: url(grafica/corpo.gif);
background-repeat: no-repeat;
float:left;
display: inline;
padding:15px;
}

#menu_right{
height:575px;
padding-top: 25px !important;
padding-top: 45px;
float:right;
display: inline;
width:200px;
background-image: url(grafica/menu_right.gif);
background-repeat: no-repeat; 
}

.box_voci{
 font-size: 17px;
 font-weight: bold;
 line-height: 17px !important;
 line-height: 18px;
 margin-left: 25px;
 margin-top: 20px;
 color: #6A5ACD;
}
.box_voci b{color: #474747; margin-left: 10px; font-size: 12px; }
.box_voci a{font-size: 14px; font-weight: normal; color:#800080; text-decoration: none; }
.box_voci a:hover{color: #4169E1; text-decoration: underline; }

#footer{
	clear:both;
	background-color: #6c143b;
	height:20px;
	text-align:center;
	font-size: 13px;
	line-height: 20px;
	color: #dddddd;
}
#footer a{ font-weight: bold; color: #ff8c00; }

#titolo_pagina{
	font-size: 18px;
	font-weight: bold;
	color: #4169E1;
	text-align: center;
	margin: 10px 0px 30px 0px !important;
	margin: 25px 0px 30px 0px;
}
#titolo_pagina b{ font-size: 16px; color: #6495ED; }
#titolo_pagina a{color: #4169E1; text-decoration: none;}
#titolo_pagina a:hover{text-decoration: underline; }

#descrizione_pagina{
font-size: 12px; 
color: #660055; 
text-align: justify;
margin-bottom: 30px;
}

.continua{ text-align: right; }
.continua a{color: #006699; text-decoration: none; }
.continua a:hover{color: #4169E1; text-decoration: underline; }

#pagine{ font-size: 14px; color: #aaaaaa; text-align: center; word-spacing: 5px; margin-top: 50px; }
#pagine b{font-size: 12px; color: #4169E1; }
#pagine span{font-size: 11px; color: #008080; }
#pagine a{ color: #008080; text-decoration: none; }
#pagine a:hover{ color: #4169E1; font-weight: bold; }
/* ----------------------------------------------------------- pop up */
#pagina_commenti{
	background-color: #ffffff;
   min-height:500px;
   height: auto !important;
   height: 500px;
}
#pagina_commenti p{
	font-size: 14px;
	font-weight: bold;
	color: #4169E1;
	margin: 15px 5px 5px 5px;
}

#lascia_commento{ font-size: 12px; text-align: right; margin: 5px 12px 10px 0px; }
#lascia_commento a{ color: #4169E1;}
#lascia_commento a:hover{ font-weight: bold; }

.box_commenti{
	background-color: #F1D8F1;
   border: 1px solid #E8C0E9;
   min-height:30px;
   height: auto !important;
   height: 30px;
	padding: 5px;	
	margin: 0px 10px 5px 10px;
	font-size: 12px;
	color: #373737;
	text-align: justify;
}
.box_commenti b{ font-size: 13px; color: #7B68EE; }
.box_commenti span{ color: #1E90FF; }

#ins_commenti{
	margin: 10px 5px 5px 5px;
	padding: 5px;
	background-color: #D8BFD8;
	font-size: 13px;
	color: #008080; 
}
#ins_commenti b{ color: #4169E1; }


#comm_inserito{
	text-align: center;
	color: #4068FF;
	background-color: #EED0EE;
	margin: 25px;
	padding: 3px;
}
#comm_inserito span{ color: #ff5500;}

#ins_commenti input.submit {
	background-color: #6495ED;
	display: block;
	width: 100px;
	height: 30px;
	margin-left: 205px !important;
	margin-left: 185px;
	border: 1px solid black;
	margin-top: 25px;
}
#ins_commenti label {
	float: left;
	width: 190px;
	height: 24px;
	padding-top: 6px;
	margin-right: 5px;
	text-align: right;
	font-weight: bold;
}
#commento{ font-weight: bold; margin: 0px 0px 0px 100px; }

#ins_commenti input.text, #ins_commenti  select {
	display: block;
	width: 175px;
	background: #FFF;
	margin: 5px 0 0 10px
}
#ins_commenti  textarea {
	display: inline;
	width: 280px;
	background: #FFF;
	margin: 5px 0px 0px 0px;
	height: 100px;
	text-align:justify;
	font-size: 12px;
	font-weight: normal;
}
#note_commenti{
	font-size: 11px;
	line-height: 11px;
	text-align: justify;
	margin: 20px 100px 0px 100px;
}
#note_commenti b{	font-size: 15px;}



/* ----------------------------------------------------------- home */
#scheda_foto{
	width: 230px;
}
.bordo_up{float: left; display: inline;}

#box_foto{background-color: #ffd700; clear: left;}
#box_foto img{
 width: 192px;
 height: 200px;
 border: 1px solid #ffa500;
 margin: 0px 0px 6px 19px !important; 
 margin: 0px 0px 3px 19px; 
}
#testo_foto{
	background-color:  #FFFFBF;
	border: 1px solid #ffa500;
	width: 208px;
	min-height: 105px;
	height: auto !important;
	height: 105px;
	margin-left: 8px;
	font-size: 13px;
	line-height: 13px;
	color: #006699;
	padding: 2px;
	text-align: justify;
}

#ultime_lezioni{
width:270px;
position:absolute;
left:260px;
top:183px;
}
#contenitore_lezioni{
 background-color: #ffa500;
 clear: left;
}
#box_lezioni{
background-color: #E6E6FA;
margin: 0px 2px 0px 8px;
border: 1px solid #B8B9F1;
min-height: 140px;
height: auto !important;
height:140px; 
clear: left;
font-size: 11px;
text-align: justify;
color: #4682B4;
padding: 0px 3px 0px 3px;
}
#box_lezioni b{ font-size: 13px; }
#box_lezioni a{ font-size: 12px; color: #ff8c00;}
#box_lezioni a:hover{ color: #4169E1;}


#ultime_pubblicazioni{
width:290px;
position:absolute;
left:260px;
top:361px;
}
#contenitore_pubblicazioni{
 background-color: #6c143b;
 clear: left;
}
#box_pubblicazioni{
background-color: #E6E6FA;
margin: 0px 2px 0px 8px;
border: 1px solid #B8B9F1;
min-height: 140px;
height: auto !important;
height:140px; 
clear: left;
font-size: 11px;
text-align: justify;
color: #6A5ACD;
padding: 0px 3px 0px 3px;
}
#box_pubblicazioni b{ font-size: 13px; }
#box_pubblicazioni a{font-size: 12px; font-weight: bold; text-decoration: none; color: #4169E1;}
#box_pubblicazioni a:hover{ text-decoration: underline;}
#box_pubblicazioni i{ margin-left: 10px; }

#suggerimenti_scorrevoli{width: 535px; margin-top: 5px;}
#contenitore_sugg{
 background-color: #ffd700;
 clear: left;
 font-size: 13px;
 font-weight: bold;
 color: #4169E1;
}
#contenitore_sugg span{ margin-left: 225px;}

#box_sugg{
background-color: #FFFFBF;
margin: 3px 0px 0px 12px;
border: 1px solid #B8B9F1;
min-height: 140px;
height: auto !important;
height:140px; 
clear: left;
font-size: 12px;
font-weight: normal;
text-align: justify;
}
#box_sugg i{color: #006699; }
#box_sugg b{ font-size: 13px; color: #4682B4; }
#box_sugg a{font-weight: bold; color: #008B8B;}
#box_sugg a:hover{ color: #7B68EE;}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 509px; /*Width of Carousel Viewer itself*/
height:140px;/*Height should enough to fit largest content's height*/
}

.stepcarouse, .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.box_scorrevole{
	width: 500px;
	margin: 5px;
	float: left; /*leave this value alone*/
   overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
}

.cover_book{
   background-image: url(/style/css/grafica/book.gif);
	border: 1px solid #4169E1;
   width: 50px;
	height: 60px;
	float: right;
	display: inline;
	margin: 0px 10px 0px 10px;
}

/* ----------------------------------------------------------- fantasticherie */

.titolo_racconti{
	font-size: 15px;
   font-weight: bold;
	margin: 15px 0px 0px 0px;
}
.titolo_racconti a{ text-decoration: none; color: #ff7500; }
.titolo_racconti a:hover{ text-decoration:underline; }

.testo_racconti{font-size: 12px; text-align: justify; margin: 0px 10px 0px 10px; }
.testo_racconti a{ text-decoration: none; color: #272727; }
.testo_racconti a:hover{ color: #006699; }
.testo_racconti img{margin: 10px 0px 0px 122px;}

#testo_racconto{
   color: #272727; 
	font-size: 13px; 
	text-align: justify; 
	border: 1px solid #bbbbbb; 
	border-top: none; 
	border-bottom: none;
	margin: 0px 10px 0px 10px;
	padding: 5px;
}

.commenti_racc{ font-size: 12px; margin-left: 15px; }
.commenti_racc a{ color: #006699; }
.commenti_racc a:hover{ color: #ff8c00; }

/* ----------------------------------------------------------- suggerimenti */
.box_voce{
  font-size: 16px; 
  font-weight: bold; 
  color: #006699; 
  line-height: 11px; 
  margin: 50px 0px 0px 120px;
  clear: both;
}
.box_voce a{text-decoration: none; color: #4169E1; }
.box_voce a:hover{text-decoration:underline;}
.box_voce img{float: left; display: inline; margin: 0px 4px 0px 0px; }

.titolo_voce{ font-size: 12px; margin-top: 4px; }
.titolo_voce a{font-size: 13px; color: #006699; text-decoration: none;}
.titolo_voce a:hover{ text-decoration: underline; }
.titolo_voce span{ font-size: 11px; font-weight: normal; }

.elenco_completo{font-size: 11px;}
.elenco_completo a{ color: #006699; font-weight: normal; text-decoration: underline;}
.elenco_completo a:hover{color: #4169E1; font-weight: bold; }


/* ----------------------------------------------------------- lezioni */
#box_video{
   float: left;
   display: inline;
	padding-right: 4px;
   border-right: 1px solid #4169E1;
	font-size: 13px;
	width: 380px;
	min-height: 301px;
	height: auto !important;
	height: 301px;
	margin: 0px 0px 10px 0px;
}
#box_video i{ font-size: 11px; }

.parte_video{
	text-align: right;
	float: right; 
	display: inline;
	font-size: 12px;
   margin-left: 5px;
}
.parte_video a{ color: #888888; }
.parte_video a:hover{ color: #ff7500; }

#video{
   background-image: url(grafica/big_yt.gif);
   background-repeat: no-repeat;	
   width: 380px;
   height: 285px;
  }

#download{
	height: 285px;
	margin: 56px 0px 0px 387px !important;
	margin: 56px 0px 0px 385px;
	font-size: 13px;
} 
#download p{ font-weight: bold; color: #1c41d8; margin: 0px 0px 30px 45px; } 
#download a{ color: #4169E1; text-decoration: none; } 
#download a:hover{ color: #ff7500; text-decoration: underline; }
#download span{color: #aaaaaa;} 

.commenti_les{margin: 70px 0px 0px 0px; }


#descrizione_video{
	font-size: 13px;
	color: #272727;
	text-align: justify;
   clear: left;
 width:537px;
}
#descrizione_video a{ color: #4169E1; font-size: 12px; line-height: 20px; } 
#descrizione_video a:hover{ color: #ff7500; } 




#archivio_lezioni{
	clear: both;
	font-size: 13px;
	font-weight: bold;
	color: #ff7500;
	margin-top: 20px;
}
#archivio_lezioni p{font-size: 15px; margin: 0px; font-weight: bold; }
.box_archivio{
	float: left;
	display: inline;
	margin-left:1px;
	width: 268px;
}
.box_archivio a{font-size: 13px; font-weight: normal; color: #373737; text-decoration: none;}
.box_archivio a:hover{ color: #ff7500; text-decoration: underline;}
.box_archivio i{ font-size: 11px; }

/* ----------------------------------------------------------- libri */

.titolo_libro{
   color: #ff7500;
	font-size: 15px;
   font-weight: bold;
	margin: 15px 0px 0px 0px;
}
.titolo_libro i{ font-size: 12px; font-weight: normal; }

.testo_libro{
   color: #272727; 
	font-size: 13px; 
	text-align: justify; 
	border: 1px solid #bbbbbb; 
	border-top: none; 
	border-bottom: none;
	margin: 0px 10px 0px 10px;
	padding: 5px;
}

.continua_lettura{ text-align: right; }
.continua_lettura a{color: #006699; text-decoration: none; }
.continua_lettura a:hover{color: #4169E1; text-decoration: underline; }
.separatore_libri{margin: 10px 0px 10px 137px;}

.commenti_lib{ font-size: 12px; margin-left: 15px; }
.commenti_lib a{ color: #006699; }
.commenti_lib a:hover{ color: #ff8c00; }
/* ----------------------------------------------------------- citazioni */

.box_citazione{margin: 0px 10px 0px 10px;}
.box_citazione b{ font-size: 14px; color: #006699; float:right; display: inline; margin-right: 15px; }
.testo_citazione{
   color: #272727; 
	font-size: 13px; 
	text-align: justify; 
	margin: 0px 35px 0px 35px;
}
.apici_up{}
.apici_down{float:right; display: inline;}
.separatore_citazioni{clear:both; margin: 10px 0px 30px 122px;}

.commenti_cit{ font-size: 12px; margin: 20px 0px 0px 44px; }
.commenti_cit a{ color: #006699; }
.commenti_cit a:hover{ color: #ff8c00; }
/* ----------------------------------------------------------- video */

.box_video{font-size: 14px; margin: 0px 10px 00px 10px;}
.box_video a{ font-weight: bold; color: #006699; text-decoration: none;}
.box_video a:hover{ text-decoration: underline;}
.testo_video{
   color: #272727; 
	font-size: 13px; 
	text-align: justify; 
	margin: 0px 35px 0px 35px;
}
.video_up{}
.video_down{float:right; display: inline;}
.separatore_video{clear:both; margin: 10px 0px 30px 122px;}
.guarda_video{ float: right; display: inline; margin-right: 15px; font-size: 11px; }

.commenti_vid{ font-size: 12px; margin: 20px 0px 0px 45px; }
.commenti_vid a{ color: #006699; }
.commenti_vid a:hover{ color: #ff8c00; }

/* ----------------------------------------------------------- siti */
.box_sito{font-size: 14px; margin: 0px 10px 00px 10px;}
.box_sito a{ font-weight: bold; color: #006699; text-decoration: none;}
.box_sito a:hover{ text-decoration: underline;}
.testo_sito{
   color: #272727; 
	font-size: 13px; 
	text-align: justify; 
	margin: 0px 35px 0px 35px;
}
.sito_up{}
.sito_down{float:right; display: inline;}
.guarda_sito{ float: right; display: inline; margin-right: 15px; font-size: 11px; }

.separatore_siti{clear:both; margin: 10px 0px 30px 122px;}

.commenti_sit{ font-size: 12px; margin: 20px 0px 0px 45px; }
.commenti_sit a{ color: #006699; }
.commenti_sit a:hover{ color: #ff8c00; }

/* ----------------------------------------------------------- contatti */
#intro_contatti{
	margin: 0px 30px 10px 30px;
   font-size: 14px;
	text-align: center;
	color: #800080;
}
#intro_contatti b{color: #6A5ACD;}

#box_gigante {
	margin: 10px 20px 20px 20px;
	border: 1px dashed #4169E1;
	background-color: #D8BFD8;
	font-size: 13px;
}
#box_gigante input.submit {
	background-color: #6495ED;
	display: block;
	width: 100px;
	height: 30px;
	margin-left: 220px !important;
	margin-left: 200px;
	border: 1px solid black;
	margin-top: 25px;
}
#box_gigante label {
	float: left;
	width: 190px;
	height: 24px;
	padding-top: 6px;
	margin-right: 5px;
	text-align: right;
	font-weight: bold;
}
#note{ font-weight: bold; margin: 0px 0px 0px 100px; }
div.input-cont {
	float: left;
	width: 200px;
	height: 32px;
	display: inline;
}

#box_gigante input.text, #box_gigante  select {
	display: block;
	width: 175px;
	background: #FFF;
	margin: 5px 0 0 10px
}
#box_gigante  textarea {
	display: inline;
	width: 280px;
	background: #FFF;
	margin: 5px 0px 0px 0px;
	height: 100px;
	text-align:justify;
	font-size: 12px;
	font-weight: normal;
}
#compilabili {
	width: 420px;
	padding: 25px 15px 0px 0px;
}

#altemail {
   display: none;
	margin-left: 110px;
}
.alt {
/*CSS for link that shows hint onmouseover*/
	font-size: 11px;
	font-weight: bold;
	color: #ff7500;
	margin-left: 18px;
}

#hintbox {
/*CSS for pop up hint box */
	position: absolute;
  margin-top: 20px;
	margin-left: -45px;
	background-color: #DCDCDC;
	width: 130px;
/*Default width of hint.*/
	padding: 3px;
	border: 1px solid #272727;
	font-size: 11px;
	text-align: center;
	line-height: 15px;
	z-index: 100;
	display: none;
}

#messaggio_inviato{
 font-size: 13px;
 font-weight: bold;
 color: #0066cc;
 text-align:center;
 margin-top: 20px;
}
#messaggio_inviato span{color: #ff5500;}

/* ----------------------------------------------------------- ricerche & Co */
.box_ricerche{	margin: 0px 0px 0px 0px;}
.titoli_ricerche{
  float: left;
  display: inline; 
  clear: left;
  text-align: right; 
  width: 120px; 
  color:#6A5ACD; 
  font-size: 11px; 
  font-weight: bold; 
  line-height: 16px;
 }
.testo_ricerche{  
  background-color: #E4DBF6;
  margin-left:123px !important;
  text-align: justify;
  margin-left:118px;  
  width:390px;
  min-height: 17px;
  height: auto !important;
  height: 17px;
  color:#272727; 
  font-size: 13px; 
  border-left: 1px solid #bbbbbb;
  padding: 0px 4px 0px 4px;
 }
 .testo_ricerche b{color: #006699; }
 .testo_ricerche i{ font-size: 11px; }
 .testo_ricerche a{ font-size: 11px; color: #006699; }
 .testo_ricerche a:hover{color: #ff8c00; }
  
.box_vuoto_ricerche{
  background-color: #E4DBF6;
  margin-left:123px !important;
  margin-left:123px;  
  width:390px;
  border-left: 1px solid #bbbbbb;
  padding: 5px 4px 5px 4px;

 }  
.vuoto_ricerche{
background-color: #D8CDF2;
height:6px !important;
height:0px;
margin-left:41px;
width:305px;
}