/*-------------------------------------------
	LE STORIE DI PIMPA
	- - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		StoriePimpa.css
	Date:			Dic, 2008	
	Company:        FCP
	Please:         You may adapt elements of this CSS in your own projects, 
					but the unique combination of layouts, styles, sizes, typography, 
					and positioning ("the design") is copyright 2008 at FCP.it 
					and may not be reproduced.
	-------------------------------------------*/


/* HTML Elements                               */
/***********************************************/ 
body {
background-color: #000;
	font-size: 14px;
font-family: "Trebuchet MS", Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
background: url(../img/back02.jpg)
}

a {color: #005895;}
a:visited {color:#005895;}
a:hover {color: #005895;}
a:active { color:#005895;}



h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}


/* ----------container-------------- */
#container {
width: 960px;
margin-bottom: 10px;
margin: 0 auto;
background-color: trasparent;
text-align:center;
border:0px solid;
background:url(../img/backHome.jpg) no-repeat;
height:705px;
}
#containerSub {
width: 960px;
margin-bottom: 10px;
margin: 0 auto;
background-color: trasparent;
text-align:center;
border:0px solid;
background:url(../img/backSubpage.jpg) no-repeat;
height:705px;
}

/* ----------header-------------- */
#header{ width:100%; background:url(../img/header_back.html)}
#header_mov {
text-align:left;
padding: 0px;
margin: auto;
background:url(../img/testataBiblioteca.html);
width:940px;
border:0px solid;
}
#header_mov  h1 {
font-size: 11px;
text-transform:uppercase;
padding:0px 0px 0px 65px;
margin:0;
border:0px solid;
width:180px;

}
#header_mov  h1 a{display:block;border:0px solid;}
#header_mov img {padding:7px 0px;border:0px solid;} 

#header_gen {
padding: 0px;
margin: 0px;
width:100%;
height:120px;
border:0px solid;
background:url(../img/back_testata_gen.html);
position:relative
}
#header_interno{
width:960px;
height:auto;
border:0px solid;
margin:auto;
}

.menuTestata{ }

/* -----------------content--------------------- */
div#content {
padding: 0px;
margin: 0 auto;
width:960px;
height:580px;
}

div#contenutoBloccoCentrale{
background:url(../img/backCorpoCentrale.html);
width:960px;
border:0px solid #FFFFFF;
height:auto;
margin:auto;
}
#TitoloPagina{ text-align:left; margin-left:40px; margin-top:35px; font-size:20px; font-weight:bold; color:#008cd1; font-size:2em; background:url(../img/farfallaTitolo.jpg) no-repeat; height:50px; padding-left:60px; padding-top:10px;}
#TestoPagina{ width:500px; float:left; text-align:left;}
#TestoPagina p{ width:500px;}
.TestoPaginaEsteso{ width:500px; float:left; text-align:left; margin-left:20px; margin-top:40px;}
html>body .TestoPaginaEsteso{ width:500px; float:left; text-align:left; margin-left:40px; margin-top:40px;}
*:first-child+html .TestoPaginaEsteso{ width:500px; float:left; text-align:left; margin-left:40px; margin-top:40px;}
.TestoPaginaEsteso p{ width:500px;}
.ImgHomesezione{ width:159px; margin:0px}


/* --------------left navi------------- */
div#ColonnaSX{
	width: 182px;
	float: left;
	min-height: 470px;
	height: auto !important;
	border:0px solid;
	margin-left:0px;
	padding-left:0px;
	clear:both
	}
div#CorpoPagina{
	min-height: 470px;
	height: auto !important;
	border:0px solid;
	float: left;
	width:740px;
	margin-top:10px;
	position:relative;
	z-index:0
	}
div#CorpoPagina p{ padding-top:20px; border:0px solid; text-align:left; margin-left:20px; }	
div#ColonnaDX{
	width: 160px;
	min-height: 470px;
	height: auto !important;
	border:0px solid;
	float: left;
	margin-left:15px;
	}
div#ColonnaDX p{ width:154px; height:78px;  margin-top:20px; margin-bottom:5px; border:0px solid;}
div#ColonnaDX2{
	width: 160px;
	min-height: 470px;
	height: auto !important;
	border:0px solid;
	float: left;
	}
div#ColonnaDX2 p{ width:154px; height:110px; background:url(../img/back_thumb.html); margin-left:20px; padding-top:8px; margin-top:0px; border:0px solid;}
div#ColonnaDX2 p img{ padding-left:8px; padding-top:0px;}
div#ColonnaDX2 .didascalia{position:relative; left:25px; font-size:12px; line-height:10px; top:10px;}
div#ColonnaDX .didascalia{margin:0px; font-size:12px;}
div#ColonnaDX img{ border: 0px solid #FFF; margin:8px; border:5px solid #990000; padding:1px; background:#FFFFFF}
.sellingua{margin-top:20px;}

/*	NAVBAR
-------------------------------------------------------------------*/
#navBar{
	width: 200px;
	margin-top: 15px;
	padding:0px;
	list-style-type: none;
	text-align:left;
	margin-left:10px;
	font-size:22px;
	}
#navBar li{
	background: transparent url('../img/dot.html') repeat-x 0 100%;
	line-height: 20px;
	text-transform: uppercase;
	font-size: .8em;
	}
#navBar li a{
	background: transparent url('../img/bullet.html') no-repeat 0 0;
	padding-left: 20px;
	letter-spacing: .02em;
	text-decoration:none;
	}
#navBar li a:hover{ color:#990000}
#navBar li a.selected{
	font-weight: bold;
	}
#navBar ol{

	padding-bottom: 10px;
	list-style-type: none;
	}
#navBar ol li{
	font-size: 1.1em;
	text-transform: none;
		line-height: 20px;
	}

#navBar ol li a{
	background: transparent;
	padding-left: 0;
	}
	
/*	SUBNAV
-------------------------------------------------------------------*/
#navcontainer
{
margin: 0;
padding: 0 0 0 0px;

}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{

display: block;
margin: 0;
padding: 0;
float: left;
width: auto;

}

#navcontainer A
{
color: #FFF;
display: block;
width: auto;
text-decoration: none;
background: #444444;
margin: 0;
padding: 2px 10px;
border-left: 0px solid #ccc;
border-top: 0px solid #ccc;
border-right: 0px solid #ccc;
border-bottom: 0px solid #ccc;
}

#navcontainer A:hover, #navcontainer A:active { background: #880026; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

/* -----------footer--------------------------- */
#footer{
clear: both;
margin: auto;
margin-top:10px;
width:100%;
padding: 0;
text-align: right;
border:0px solid;
height:auto;
position:relative
}

#footer_int 
{
margin: auto;
width:939px;
padding: 0;
text-align: right;
border:0px solid;
background:url(../img/piedeTemplate.html);
height:auto;
}
#footer_int  p
{ padding-top:0px; float:left; padding-left:190px; font-size:13px; color:#FFFFFF; font-weight:bold; text-align:center;}
.titolo{font-size:12px; font-weight:bold}
.titolo a{font-size:12px; font-weight:bold}
.testoDescr{font-size:11px;}
.ImgArticolo{ width:148px; float:left; margin-left:60px;
}
#footer_int  p a{ color:#FFFFFF; text-decoration:none}
#footer_int  p a:hover{ color:#CFCFCF; text-decoration:none}

.contenutoQuadro {border:0px solid; width:131px; height:79px; background:url(../img/uscitaON.jpg); position:absolute; left:132px; top:48px; float:left}
html>body .contenutoQuadro{top:38px;}
*:first-child+html .contenutoQuadro{top:48px;}
.contenutoQuadro a{ display:block;width:100%; height:100%}
.contenutoQuadro a:hover{background:url(../img/uscitaOFF.jpg)}

.buttLibro{border:0px solid; width:50px; height:22px; position:absolute; left:310px; top:100px; background:url(../img/libroON.jpg)}
.buttLibro a{display:block;width:100%; height:100%}
.buttLibro a:hover{background:url(../img/libroOFF.jpg)}

.buttLibreria{border:0px solid; width:70px; height:23px; position:absolute; background:url(../img/libreriaON.jpg);top:175px; left:350px;}
html>body .buttLibreria{top:165px;}
*:first-child+html .buttLibreria{top:175px;}
.buttLibreria a{display:block;width:100%; height:100%}
.buttLibreria a:hover{background:url(../img/libreriaOFF.jpg)}

.videolibro{border:0px solid; width:89px; height:24px; left:680px; top:35px; position:absolute; background:url(../img/videolibroON.jpg)}
html>body .videolibro{top:25px;}
*:first-child+html .videolibro{top:35px;}
.videolibro a{display:block;width:100%; height:100%}
.videolibro a:hover{background:url(../img/videolibroOFF.jpg)}

.libLegno{border:0px solid; width:123px; height:43px;  left:602px; top:345px; background:url(../img/libLegnoON.jpg); position:absolute;}
html>body .libLegno{top:345px;}
*:first-child+html .libLegno{top:355px;}

.abbonatiSub{border:0px solid; width:84px; height:37px; left:622px; top:410px; position:absolute; background:url(../img/abbonatiSubON.jpg)}
.abbonatiSub a{display:block;width:100%; height:100%}
.abbonatiSub a:hover{background:url(../img/abbonatiSubOFF.jpg)}

.LogoFCP{float:right; margin-left:20px; margin-top:29px; width:153px; height:56px; border:0px solid;}
html>body .LogoFCP{float:left; margin-left:807px; margin-top:-79px; width:153px; height:56px; border:0px solid;}
*:first-child+html .LogoFCP{float:left; margin-left:807px; margin-top:-79px; width:153px; height:56px; border:0px solid;}
.LogoFCP a{display:block;width:100%; height:100%}
.LogoFCP a:hover{background:url(../img/logoFCP.jpg)}

.LogoFCPSUB{ margin-top:29px; width:153px; height:56px; border:0px solid; float:right}
html>body .LogoFCPSUB{ margin-left:205px; margin-top:29px; width:153px; height:56px; border:0px solid; float:left}
*:first-child+html .LogoFCPSUB{ margin-left:205px; margin-top:29px; width:153px; height:56px; border:0px solid; float:left}
.LogoFCPSUB a{display:block;width:100%; height:100%}
.LogoFCPSUB a:hover{background:url(../img/LogoFCPSUB.jpg)}

.tornaHome{float:left; margin-left:10px; margin-top:14px; width:592px; height:94px; border:0px solid;}
.tornaHome a{display:block;width:100%; height:100%}

.menuPimpa{ width:180px; height:300px; border:0px solid;}

.menuPimpaLibro{border:0px solid; width:180px; height:34px;background:url(../img/libroVideolibroON.jpg); margin-top:8px; margin-left:0px;}
.menuPimpaLibro a{display:block;width:100%; height:100%}
.menuPimpaLibroSelezionato{background:url(../img/libroVideolibroOFF.jpg)}
.menuPimpaLibro a:hover{background:url(../img/libroVideolibroOFF.jpg)}

.menuPimpaPianoOpera{border:0px solid; width:196px; height:34px;  background:url(../img/pianodelloperaON.jpg);margin-top:0px; margin-left:0px;}
.menuPimpaPianoOpera a{display:block;width:100%; height:100%}
.menuPimpaPianoOperaSelezionato{background:url(../img/pianodelloperaOFF.jpg)}
.menuPimpaPianoOpera a:hover{background:url(../img/pianodelloperaOFF.jpg)}

.menuPimpaLibLegno{border:0px solid; width:190px; height:34px;  background:url(../img/librerialegnoON.jpg); margin-top:4px; margin-left:0px;}
.menuPimpaLibLegno a{display:block;width:100%; height:100%}
.menuPimpaLibLegnoSelezionato{background:url(../img/librerialegnoOFF.jpg)}
.menuPimpaLibLegno a:hover{background:url(../img/librerialegnoOFF.jpg)}

.menuPimpaOfferta{border:0px solid; width:175px; height:34px;  background:url(../img/offertaON.jpg);margin-top:4px; margin-left:0px;}
.menuPimpaOfferta a{display:block;width:100%; height:100%}
.menuPimpaOffertaSelezionato{background:url(../img/offertaOFF.jpg)}
.menuPimpaOfferta a:hover{background:url(../img/offertaOFF.jpg)}

.menuPimpaAbbonati{border:0px solid; width:156px; height:34px; background:url(../img/abbonatisubitoON.jpg); margin-top:10px; margin-left:10px;}
.menuPimpaAbbonati a{display:block;width:100%; height:100%}
.menuPimpaAbbonatiSelezionato{background:url(../img/abbonatisubitoOFF.jpg)}
.menuPimpaAbbonati a:hover{background:url(../img/abbonatisubitoOFF.jpg)}

.menuPimpaGioca{border:0px solid; width:174px; height:34px;  background:url(../img/giocaOnlineON.jpg);margin-top:8px; margin-left:0px;}
.menuPimpaGioca a{display:block;width:100%; height:100%}
.menuPimpaGiocaSelezionato{background:url(../img/giocaOnlineOFF.jpg)}
.menuPimpaGioca a:hover{background:url(../img/giocaOnlineOFF.jpg)}

.imgTelevisione{ width:190px; height:130px;  position:absolute; top:193px; left:340px;border:0px solid}
.imgTelevisione img{border:0px solid}
html>body .imgTelevisione{top:193px; left:340px;}
*:first-child+html .imgTelevisione{top:193px;}

.libroLuminoso {border:0px solid; width:251px; height:288px; position:absolute; left:556px; top:29px; z-index:1000}
.libroLuminoso img{border:0px solid}
html>body .libroLuminoso{left:556px;}
*:first-child+html .libroLuminoso{left:556px;}
.libroLuminoso a{ display:block;width:100%; height:100%;border:0px solid;}
.libroLuminoso a:hover{background:url(../img/libroLuminoso.jpg)}

.CDLuminoso {border:0px solid; width:238px; height:220px; position:absolute; left:721px; top:85px; z-index:1500}
.CDLuminoso img{border:0px solid}
html>body .CDLuminoso{left:721px;}
*:first-child+html .CDLuminoso{left:721px;}
.CDLuminoso a{ display:block;width:100%; height:100%;border:0px solid;}
.CDLuminoso a:hover{background:url(../img/cdLuminoso.jpg)}

.LibLuminoso {border:0px solid; width:190px; height:270px; position:absolute; left:6px; top:428px; z-index:1500}
.LibLuminoso img{border:0px solid}	
html>body .LibLuminoso{left:6px;}
*:first-child+html .LibLuminoso{left:6px;}
.LibLuminoso a{ display:block;width:100%; height:100%;border:0px solid;width:190px; height:270px;}
.LibLuminoso a:hover{background:url(../img/libLuminosa.jpg)}

.mb{ z-index:2000;}

.guardaLibri {border:0px solid; width:186px; height:53px; position:relative; left:0px; top:-86px; z-index:1500}
.guardaLibri img{border:0px solid}
html>body .guardaLibri{left:0px;top:-86px;}
*:first-child+html .guardaLibri{left:0px;top:-86px;}
.guardaLibri a{ display:block;width:100%; height:100%;border:0px solid;}
.guardaLibri a:hover{background:url(../img/guardaLibriOFF.jpg)}

.PimpaSub{margin-left:0px; margin-top:-66px; width:229px; height:272px; border:0px solid; position:relative; top:0px; z-index:100px;}