
/*Contenitori
 ----------------------------------*/
 html {
 height:100%;
 margin:0;
 padding:0;
 }
 * html #tuttapagina{
height:100%;}
body{
	
	background: #005CAD url(../immagini/intbody.png) repeat-y !important;
	border-top:3px solid #8D8765;
	color:#3f3f3f;
	
 margin:0;
 padding:0;	line-height:1.5;	
	
	height:100%;
	
	
}
 body .narrow{
	
	background: #005CAD url(../immagini/body.png) repeat-y !important;
}
div#tuttapagina{ position:relative; height:100%; }
body>div#tuttapagina{height: auto; min-height: 100%;}


#generale{
height:100%;
	clear:both;
	
	
	padding:20px;
	padding-bottom:5px;
	line-height:1.7;
	width:auto;

	overflow:visible;
	
	
}
 .narrow #generale{
	width:740px;
}
#fondo{
	background:#333;
	border-top:1px solid #555;
	color:#aaa;
	
	
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:0.6em;
	margin-top: -0.5em;
	position:absolute;
	bottom:0;
	width:100%;
	
	
}

.copertina {
float:left; text-align:center; margin-top:20px; height:250px; width:150px; position:relative; padding:5px; padding-left:10px; 
padding-right:15px;

}
.copertina img {
width:150px;
}
.bandinacollana {
display:block;
text-align:center;
background-color: #FFECAB;
width:150px;

}
#quadrotesto {
padding-top:10px;
text-align:justify; clear:right; min-height:200px;
height:auto;
}

.titolo_libri {
 clear: right; padding-top:30px;
}

/*Barra
---------------------------------------------------*/
#barra{
	background:#9E233D url(../immagini/intheader.png) no-repeat left bottom !important;
	color:#fff;	
	height:80px;
	
	
}
 body.narrow #barra{
	background:#9E233D url(../immagini/header.png) no-repeat left bottom !important;
	
}
#areabarra {
border:1px solid #000000;
height:50px;
overflow:visible;
width:700px;
margin-left:200px;
position:relative;
clear:right;
}
body.narrow #areabarra {
width:400px;
}
.titolo{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	letter-spacing: -2px;
	color:#999999;
	margin:0;
	margin-left:210px;
	margin-bottom:10px;
	padding-top:50px !important;
	
	font-size:1.5em;
	line-height:1.2;
	padding-left:10px;
	position:absolute;
	float:left;
	overflow:visible;
	z-index:3000;
}

#logo {
position:absolute;
float:left;
margin-top:10px !important;
	margin-left:25px !important;
	
	overflow:visible;
}

#barra h1{
	background:url(../immagini/logo-goree.gif) no-repeat;
	
	display:inline;
	margin:0;
	margin-top:10px;
	margin-left:25px;
	text-indent:-9999px;
	float:left;
	position:relative;
}
#barra h1 a{
	display:block;
	height:82px;
	width:185px;
}
#barra h1 a:hover{
	background:transparent;
}

/*Notizie
---------------------------------*/

#notizie{
	color:#fff;
	
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	width:320px;
	
	padding:0;
	
	
	margin:0;
	text-align:right;
	margin-top:60px;
	
	
	position:absolute;
	margin-left:540px;
	
	
	
}

.narrow div#notizie{margin-left:340px; width:150px; visibility:hidden;}

/*

CARRELLO 
-----------------------------------*/
#carrello {
width:200px; padding:10px; float:right; clear:right; text-align:right; 
color:#FF6633; font-weight:bold; text-transform:uppercase;
margin-top:-10px;
}
#carrello input {
font-size:1em;
color:#444444;

text-align:center;
background-color:#FF9933;
float:right;
border:solid 0px;
cursor:pointer;

}
#carrello input:hover {
color:#CC0033;

}

/*
 *+Contenitori
---------------------------------------------*/

#contenitore{
	
	font-size:.8em;
	border-top:1px solid #d9cFb6;
	
	color:#616161;
	
	font-family: Arial, Helvetica, sans-serif;
	
	
	padding:10px;
	margin-left:200px;
	
	margin-top:-10px;
	padding-right:30px;
	padding-left:15px;
	width:710px;
	clear:right;
	

	
}

.narrow #contenitore {
	width:490px;
		
	
}
#contenitore h1,#contenitore h2,#contenitore h3,#contenitore h4, #contenitore h5{
	font-family: Sylfaen, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:5px 0;
	letter-spacing: -1px;
}
#contenitore p{
	margin:0;
	margin-bottom:10px;
}
#contenitore h3{
	font-size:1.6em;
	color:#434343;
}

#contenitore h4{
	font-size:1.4em;
	
	color:#a97;
	margin-bottom:0;
	line-height:1.1;
}
#contenitore h4 a{
text-decoration:none;
}
#contenitore h5{
	font-size:1.3em;
	color:#875;
}
.nomicontenitore {
font-size:1.4em;
	
	color:#a97;
	margin-bottom:0;
	line-height:1.1;
}
.nomicontenitore_medio {
font-size:1.2em;
	
	color:#a97;
	margin-bottom:0;
	line-height:1.1;
}
.titoli_libri {
font-size:1.6em;
	
	color:#a97;
	margin-bottom:0;
	line-height:1.1;
}
#quadrante {
width:200px; padding:10px; margin-top:-40px; float:right; clear:right; text-align:right; 

}
div.narrow #quadrante {
margin-left:300px;
}

#sinistra{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	float:left;
	width:200px;
	padding:0 0px;
	color:#fff;
	margin-top:-10px;
	
border-top:1px solid #cccccc;
position:relative;
}

#sinistra a{
	color:#bbb;
}



/*
 *++FORMS
 ---------------------------------------------*/
#home div.narrow #formcontatti{display:none}

#formcontatti input#s:focus{
	background:#bbb;
	color:#333;
}
#formcontatti input, #formcontatti select, #formcontatti textarea {
	background:#888;
	border:1px solid #aaa;
	color:#fff;
	padding:3px;
	font-size:10px;
}
#formcontatti{
	
	border-bottom:1px solid #cccccc;
	
	line-height:16px;
	margin-right:-5px;
	padding:5px 4px 5px 0;
	
	width:100%;
}
#formcommenti textarea {
width:95%;
}
#formcontatti>.searchbutton{
	vertical-align:-3px;
}
div.narrow #formcontatti{
	width:500px;
}
div.narrow #formcontatti input#s, div.wide #formcontatti input#s{
	width:270px;
}
div.medium #formcontatti input#s{
	width:195px;
}

#formcontatti input#s{
background:#616161;
border:1px solid #777;
}


div.narrow #formcommenti{
	width:360px;
}
#formcommenti{
	border:1px solid #888;
	color:#444444;
	clear:both;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	
	padding:20px;
	margin:10px 0 20px 10px ;
	
	width:560px;
}
#formcommenti input {
border:1px dotted #cccccc;;



}
#formcommenti textarea {
border:1px dotted #cccccc;;

width:95%;

}
.formdiv label, .formdiv input{
	float:left;
}
div.narrow .formdiv label{
	width:125px;
}
div.narrow .formdiv input{
	width:200px;
}
.formdiv label{
	width:175px;
}
.formdiv input{
	width:367px;
}
.formdiv {
	clear:both;
	padding:5px 0;
}

/*
 *+LINK
 --------------------------------------*/
a{
	color:#555;
	text-decoration:none;
}
a:hover{
	color:#8D8765;

}




#contenitore a{color:#8D875F;background:transparent;}
#contenitore a:visited{color:#7A6353;background:transparent;}
#contenitore .footnotes a{color:#b3ab83;background:transparent;}
#contenitore a:hover{background:transparent;}
#contenitore p a:hover{color:#fff;background:#535A53;}
#contenitore p a:active{color:#fff;background:#737A73;}



#contenitore a{
	font-weight:bold;
	padding:0 2px;
}
#contenitore a:hover{
text-decoration:underline;
}
#fondo a{
	color:#8D8765;
}





.nextPage #sinistra, .nextPage #contenitore{
border-top:none;
}


/*
MENU
-----------------------------------------------------------------*/
#menu {
/*#eee;*/
  
  	text-transform: uppercase;
 font-family:  Arial, Helvetica, sans-serif;
	/*font-size: x-small;*/
	color: #000000;
position:relative;
	
	width:90%;
	padding-top: 10px;
	
	padding-right: 10px;
	margin-left:-1px;
	z-index:5000;
	background:transparent;
}

 #menu span { 
 text-transform: uppercase;
 font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	}
 #menu ul { /* rimuove gli oggetti elenco */
list-style: none;
margin: 0;
padding: 0;
width:100%;
}
#menu a, #menu h2 {
font-size: x-small !important;
font-family:"Courier New", Courier, mono;
display: block;
background: #444444;
margin-top: 1px !important;
margin-top:-3px;
padding: 0px 3px;


border-bottom: 1px solid #cccccc;

}
#menu h2 {
margin-top:5px;
margin-bottom:-5px;
color: #fff;
background: #666666;
text-transform: uppercase;
}


#menu a {
color: #f1f1f0;
text-decoration: none;
}
.selezionata {
background: url(../immagini/freccetta.jpg) no-repeat right ;}

#menu a:hover {
color: #ffffff;


/*background: #f1f1f0;*/
}

#menu li {
/* 
trasforma la lista in un blocco contenente i link annidati */
position: relative;
background:transparent;
} 

#menu ul ul  {

background:transparent;
position: absolute;
top: -1px;
left: 100%; /* li pone a destra del blocco principale */
width: 100%; /* dimensione in funzione del blocco contenitore */
z-index:8000;
}

div#menu ul ul ,
div#menu ul  li:hover ul ul
{display: none;}

div#menu ul  li:hover ul,
div#menu ul ul  li:hover ul
{display: block;}

 /* classe + per indicare il contenuto di altri link*/
 #menu A.x {
	BACKGROUND: url(../immagini/piu.png) #ffffff no-repeat right bottom
}

#menu A.x2 {
	BACKGROUND: url(../immagini/dante.jpg) #ffffff no-repeat right top
}
#menu A.x:hover {
border-bottom: 1px dotted #ccc;
	}
/*
PUNCH
----------------------------------------------------*/

.punch_sinistra {
float: left;  
padding-right:10px;
   position:relative;
   width:150px;
   z-index:3000;
  /* border-width: 0 0.2em 0.2em 0;*/ margin: 0 0 0 0;}            /* fix for IE/Win */
 .punch_sinistra img { width: 150px;
 }


#contatore {
text-align:left;

color:#FFFFFF;
margin-left:20px;
padding-bottom:30px;
font-family:Arial, Helvetica, sans-serif !important;
font-size:10px;

width:175px;
clear:both;

}


.pulsante {
display:block;
text-align:center;
font-weight:normal;
}
