/*stili per il layout fluido*/
html,body{margin: 0;padding:0; background-color:#666666;}
body{font-family: arial,sans-serif;font-size: 76%;color:white}
div#container{position: relative}

/*stili generici, su header e footer*/
div#header{height: 130px;;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: white;font-size: 1.5em}
div#footer a{color:white; font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: -250px; left: 0;
    width: 160px;padding: 1em 0 0 10px}
div#extra{position: absolute; top: 10px;  right: 0;
    width: 160px;padding: 1em 5px}
div#content{position:relative; top: 20px; margin: 0 170px;padding: 1em 10px}
div#footer{color:white; position:relative; text-align:left;font-family: 'Offside', cursive; left:5%;top: 50px; padding: 5px 0;z-index:-10}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:white;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: white;text-decoration: underline}
div#navigation a#activelink{color: white;text-decoration: none}
div#navigation p{font-size: 90%}

/*stili per la sezione extra*/
div#extra div.copertine{font-size: 90%;margin-bottom: 2em}
div#extra div.copertine h2{color: white;font-size: 1.2em}
div#extra div.copertine p{margin: 0}
div#extra div.copertine img {width:65px; padding: 5px;}

/*Stili Simone*/
img#menu_img {width:250px;}
img.pag_libro {width:75px;}
table.pag_libro {position:relative;width:100%; left:18%}
p.firma_prefazione {text-align:right;font-weight:bold;}

/*Focus mouse*/
div.out {
width:40%;
height:120px;
margin:0 15px;
background-color:#D6EDFC;
float:left;
}
div.in {
width:60%;
height:60%;
background-color:#FFCC00;
margin:10px auto;
}
p {
line-height:1em;
font-size:15px;
font-family: 'Englebert', sans-serif;
font-family: 'Offside', cursive;
margin:0;
padding:0;
}

/*Imagini da focus*/
div.focus_img
{
position:fixed;
right:380px;
top:10px;
width:0;
height:0;
z-index:100;
display:none;
}
img.focused
{
max-width: 350px;
}

div.focus_dvd
{
position:fixed;
right:720px;
top:10px;
width:0;
height:0;
z-index:100;
display:none;
}
img.focus_dvd
{
max-width: 700px;
}

#sliderFrame {
    float: left;
    height: 350px;
    position: relative;
    width: 100%;
}

a {
	color:#fff;
}