@charset "utf-8";
/* CSS Document */
html, body {
	margin:0;
	padding:0;
	overflow:auto;
}
body {
	font: 18px "Trebuchet MS", Verdana, Arial, sans-serif;
	background:#FFCC66;
	color: #555;
	text-align:center;
	overflow:hidden;
}
h1 {
	margin: 0;
	padding: 30px 0 10px 5px;
	font-size: 600%;
	color: #FF744C
}
h2, h3, h4 {
	margin:0;
	padding-left: 5px;
	line-height: 30px;
	color: #333
}
h2 {
	font-size: 160%
}
h3 {
	font-size:130%
}
h4 {
	font-size:120%
}
p {
	margin: 0 5px;
	padding: 0 0 0.7em
}
div#container {
	width:1004px;
	height:100%;
	margin: 0 auto;
	text-align:left;
	border:#000000 solid 1px;
}
/*testata*/
div#header {
	background: #fea734;
	height:164px;
}
#testata {
	top:11px;
	position:absolute;
	width:625px;
	height:113px;
	border:#ef5d10 solid 3px;
	background-image:url(../img/sfondotestata.png);
	float:left;
	margin-left:187px;}
#testata img{ margin-left:7px;}
/*alte*/
#fatadx {
	width:189px;
	height:165px;
	background-image:url(../img/palloncini.png);
	float:right;
	z-index:10;
	position:relative;
	margin:0;
	border:0;
}
#fatasx {
	width:189px;
	height:135px;
	float:left;
	margin-top:30px;
	background-image:url(../img/bambini.png);
	z-index:10;
	position:relative;
}

/*menu*/
#menu {
	height:33px;
	width:678px;
	margin-left:-335px;
	position:absolute;
	left:50%;
	top:132px;
}
#menu ul {
	/*list-style-type: none;*//*simile a text decoration: none ma specifico per le liste*/
	margin: 0;
	padding: 0;
}
#menu li {
	display:inline;
	float:left; /*è fondamentale perchè allinea gli elementi del senza dargli spazio laterali*/
}
/*2 definisco la classe elemento che gestisce le ancore*/
.elemento {
	width: 126px;
	height: 31px;
}
/*2.1 stabilisco gli stati dell'ancora*/
.elemento a {
	display:inline-block;/*da all'ancora la possibilità di avere una dimensione*/
	width: 126px;
	height: 33px;
	background-image:url(../img/tasto.png);
	text-decoration:none;
	text-align:center;
	padding:2px 0 0 0;
	font-weight:bold;
	color:#FFFFFF;
}
/*.elemento a:hover {
color:#5c5858;
background: url(img/hover.png);
}
#selected{
background-image:url(img/hover.png);}*/
.spacer_menu{
	width: 11px;
	height: 31px;
}


/*menu*/

/*fine testata*/


div#main {
	float:left;
	width:1004px;
	height:auto;
	/*background:url(../img/sfumatura.jpg) repeat-x bottom;*/
	background:url(../img/griglia.gif) repeat;
	background-color:#fff69d;
	z-index:0;
	}
 /*login*/
#login {
	margin:7px 0 0 600px;
 	float: left;
	position:absolute;
	z-index:5;
	color:#000000;
	font-weight:bold;
}
#login a { color:#000099; text-decoration:none;}
#login a:hover{ color:#FF0000;}
#login input {
	margin:0;
	font-size:12px;
}
/*fine login*/
div#contenuti {
	float:left;
	width:655px;
	height:auto;
	top:30px;
	position:relative;
	padding:0;
	margin:0 0 0 12px;
	font-size:80%;
	background-color:#ffffff;
	z-index:5;
}

#titolo_libri{	
	width:655px;
	height:35px;
	background-image:url(../img/libri.png)
	}
#titolo_news{	
	width:655px;
	height:35px;
	background-image:url(../img/news.png)
	}	
#titolo_chi{	
	width:655px;
	height:35px;
	background-image:url(../img/chi.png)
	}
#titolo_gallery{	
	width:655px;
	height:35px;
	background-image:url(../img/gallery.png)
	}
#titolo_contatti{	
	width:655px;
	height:35px;
	background-image:url(../img/contatti.png)
	}
	
#sottomenu{ padding:7px 7px 0 150px; text-align:right; text-decoration:none; font-weight:bold; color:#FFFFFF}
#sottomenu a:link{ color:#FFFFFF; text-decoration:none;}
#sottomenu a:hover{color:#FF6600; text-decoration:none;}
#sottomenu a:visited{color:#FFFFFF;text-decoration:none;}
#sottomenu a:visited:hover{color:#FF6600; text-decoration:none;}

#content{
padding:15px;
margin:0 ;
border:0;
overflow:auto;
}
#content form{ padding:15px;}
#prenotazione{ 
	float:right;
	width:95%;
	padding:15px;
	margin-top:15px;
	background-color:#fff69d;
	color:#CC6600;
	border: solid 1px #CC6600;
}
.titolo  {
font-size:120%;
color:#7c9c25;
padding:15px 0 15px 0;
}
#contenuti p{ padding-bottom:15px;}
#contenuti p iframe{ float:right; margin:0 0 0 15px;}
#contenuti p #testo{ float:left; background-color:#009933; height:400px;}
#staff {width:626px; float:left; height:150px;}
#lista_staff{width:306px; height:140px; float:left;  border-right:#FF3300 1px dotted; }
#lista_staff li { font-size:12px;}
#form_staff{ width:300px; height:140px; float:right; margin:0; border:0; padding:0 0 0 10px;}
#contenuti ul{ margin:0; padding:0; border:0;}
#contenuti ul li{ display:inline-table; list-style:none; float:left;}
#prev_generi{
	background-color:rgba(0, 102, 153, 0.85);
	height:230px;
	width:90px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	margin: 7px;
}
.titolo_genere{
	color:#FFFFFF;
	line-height:12px;
}
.titolo_genere:hover{
	color:#FF9900;
	text-decoration:none;
}
#prev_generi img {
	border:#FFFFFF solid 1px;
	width:70px;
	margin-top:3px;
}
#prev_generi span{
	font-size:12px;
}
.titolo_libro{color:#FFF;}
.titolo_libro:hover{color:#FF9900;}
#libro{
	
}
#libro img{ float:left; margin-right:10px;} 
#libro span { font-weight:bold;}
#libro p{ text-align:justify;}
#lista_foto {
	top:15px;
	left:200px;
	height:85px;
	overflow:auto;
	margin:25px 0 5px 15px;
}
div#spallasx {
	top:40px;
	position:relative;
	float:left;
	width:151px;
	font-size:70%;
	margin:0 11px 25px 0;
	z-index:2;
}
#testo_spalla_sx{
	width:141px;
	height:auto;
	padding:0 5px 0 5px;
	margin: 0 0 0 10px;
	display:block;
	background-color:#FFFFFF;
 } 
#testo_spalla_sx p span{ font-weight:bold; text-decoration:none; font-size:14px; color:#7c9c25; }
#testo_spalla_sx p a{text-decoration:none; font-size:11px; color:#7c9c25; font-weight:bold }
#testo_spalla_sx p a:hover{ text-decoration:underline; color:#000099; font-weight:bold}

#testo_spalla_sx h3{
	background-image:url(../img/novita.png); 
	height:36px;
 }
div#spalladx {
	text-align:right;
	top:40px;
	position:relative;
	float:left;
	width:151px;
	height:auto;
	font-size:70%;
	margin:0 0 25px 11px;
	z-index:2;
 }
#testo_spalla_dx{
	position:relative;
	width:135px;
	height:auto;
	padding:0 5px 0 5px;
	margin: 0 10px 0 0;
	background-color:#FFFFFF;
	}
#testo_spalla_dx h3{ background-image:url(../img/gallery-laterale.png); height:36px;}
div#spalladx #testo_spalla_dx ul{
	margin:15px;
	padding:0;
	border:0; 
	}
#testo_spalla_dx  ul li{
	list-style:none;
	}
#testo_spalla_dx  ul li a img{
	border:0;
	}
/*FOOTER*/
div#footer {
	clear:both;
	width:100%;
	height:68px;
	padding-top:5px;
	background: #f45e11;
	color:#ffffff;
	font-size:10px;
}
#f_sx, #f_cx, #f_dx{ display:block; width:304px; height:46px; float:left; position: relative; padding: 10px 15px 10px 15px;}
#f_sx, #f_cx{ border-right:#cccccc dotted 1px;}
#f_sx a, #f_cx a , #f_dx a{ text-decoration:none; color:#FFFFFF;}
#f_sx a:hover, #f_cx a:hover , #f_dx a:hover{ text-decoration:underline; color:#FFFFFF; font-weight:bold;}
#f_cx{ width:638px; border-right:none;} /*DA COMMENTARE QUANDO VORRAI AGGIUNGERE IL BLOCCO DESTRO DEL FOOTER*/
/*#f_dx{}*/

/*FINE FOOOTER*/

/*decorazioni*/
/*l'immagine di ciscuna fata comprende anche le due farfalle colorate*/


/*basse*/
#decoraizoni_basse{
	width:100%; 
	height:165px; 
	/*background-color:#CCCC66; */
	float:right; 
	display:compact;
	z-index:2;
	}
#bassodx {
	width:189px;
	height:165px;
	/*background-color:#000000;*/
	background-image:url(../img/basso_dx.png);
	float:right;
	/*top:100%;*/
}
#bassosx {
	width:189px;
	height:135px;
	/*background-color:#009900;*/
	background-image:url(../img/basso_sx.png);
	float:left;
	top:100%;
	margin-top:30px;
}
/*fine decoraizoni*/

.button {
	font-weight:bold;
}
#img_popup {
	width:233px;
	height:155px;
}
#login .a {
	color:#FFFFFF;
}
/*fine del login*/
input, textarea, select { color:#333333; font-size:12px; margin:5px;}
button, submit{ font-size:14px; font-weight:bold;}


/*show more*/
p.alwayson{ padding:0;}
.hide .readmore {
  display: block;
  float: right;
}
.hide .normallyhidden {
  display: none;
}
.hide .readless {
  display: none;
}

.show .readmore {
  display: none;
}
.show .normallyhidden {
  display: block;
}
.show .readless {
  display: block;
  float: right;
}
/*fine del more*/