@import url(reset.css);

@import url(tipografia.css);



h2 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
	color: white;
}
.TabbedPanels li {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
}



#box1 .autore{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#box1 .titolo{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#box1 .sottotitolo{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#box2 .autore, #box3 .autore{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#box2 .titolo, #box3 .titolo{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#box2 .sottotitolo, #box3 .sottotitolo{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#menu li{
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BDC0BC;
	padding: 2px;
	padding-bottom: 2px;
	color: white;
	
	}

body {
	font-family: times, georgia, serif;
	width: 957px;
	position: relative;
}
#menu li a{
color: white;
}

/* testata */
#testa{
height: 294px;
}

#testa img{
margin-top: 38px;
}
#testa2 img{
margin-top: 41px;
}
#ricerca{
position:absolute;
top:0px;
right: 0px;
width: 282px;
background-image: url(/immagini/bak_ricerca2.gif);
background-repeat: no-repeat;
height: 50px;
}
#avanzata{
position: absolute;
background-image: url(/immagini/bak_avanzata2.png);
font-family: "Trebuchet MS", Arial, Helvetica, "sans-serif";
display: inline;
color: #fff;
font-size: 12px;
height: 40px;
width: 96px;
top: 30px;
right: 0px;
}
#avanzata p{
margin: 10px 5px 0 5px;
}
#pannello2{
position: absolute;
top: 36px;
right: 74px;
border: none;
}
#pannello2 .CollapsiblePanelTab{
position: absolute;
top: 0px;
right: 0px;
background-image: url(/immagini/bak_login2.png);
background-repeat: no-repeat;
background-color: transparent;
height: 42px;
width: 96px;
padding: 10px;
color: white;
font-family: "Trebuchet MS", Arial, Helvetica, "sans-serif";
font-size: 12px;
border: none;
z-index: 21;
}
#pannello2 .CollapsiblePanelContent{
background-color: #bdbdbd;
border: none;
width: 150px;
position: absolute;
top: 34px;
right:19px;
padding: 20px 10px 10px 10px;
font-family: "Trebuchet MS", Arial, Helvetica, "sans-serif";
font-size: 12px;
z-index: 9;
}
#pannello1	{
position: absolute;
top:42px;
right:166px;
border: none;
}
#pannello1 .CollapsiblePanelTab{
position: absolute;
top: 0px;
right: 0px;
background-image: url(/immagini/bak_carrello2.png);
background-repeat: no-repeat;
background-color: transparent;
height: 32px;
width: 96px;
padding: 10px;
color: white;
font-family: "Trebuchet MS", Arial, Helvetica, "sans-serif";
font-size: 12px;
border: none;
z-index: 11;
}
#pannello1 .CollapsiblePanelContent{
background-color: #bdbdbd;
border: none;
width: 150px;
position: absolute;
top: 32px;
right:25px;
padding: 10px;
font-family: "Trebuchet MS", Arial, Helvetica, "sans-serif";
font-size: 12px;
z-index: 10;
}



/*menu*/


#menu{
background-image: url(/immagini/bak_menu.gif);
width: 302px;
height: 128px;
float: left;
}
#menu li{
width: 100px;
margin-left: 18px;
float: left;
margin-top: 2px;
}

/*spalla*/

#TabbedPanels1{
width: 272px;
position: absolute;
top: 552px;
height: 250px;
left: 20px;
border: 1px solid #000;
}
#TabbedPanels1 .TabbedPanelsContent{
padding: 20px 10px 10px 20px;
background-color: #fff;
}

#casa_editrice{
width: 212px;
position: absolute;
top: 912px;
left: 20px;
padding: 20px 30px 20px 30px;
border: 1px solid #333;
}
#eventi{
width: 212px;
position: absolute;
top: 706px;
left: 20px;
padding: 20px 30px 20px 30px;
border: 1px solid #333;
}

#menu_contestuale{
width: 272px;
position: absolute;
top: 416px;
height: 200px;
left: 20px;
}
#menu_contestuale2{
width: 272px;
position: absolute;
top: 216px;
height: 200px;
left: 20px;
}
#notiziecollegate{
width: 212px;
position: absolute;
top: 416px;
left: 20px;
padding: 20px 30px 20px 30px;
border: 1px solid #333;
}

/*vetrina*/

#vetrina{
width: 602px;
border: 1px solid #666;
padding-top: 20px;
margin: 20px 0 0 353px;
height: 320px;
position: relative;
}
#box1 .immagine{
float: left;
width: 118px;
}
#box1  .dati{
margin-left: 128px;
}
#box1{
width: 542px;
height: 130px;
margin: 0px 30px 10px 30px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #666;
}
#box2 .immagine, #box3 .immagine{
float: left;
width: 104px;
}
#box2 .dati, #box3 .dati{
margin-left: 114px;
}
#box2{
width: 241px;
height: 120px;
float: left;
margin-left: 30px;
padding-right: 15px;
border-right: 1px solid #333;
}
#box3{
width: 256px;
height: 120px;
margin-left: 301px;
margin-bottom: 15px;
}
#box1, #box2, #box3{
position: relative;
}
.freccia{
position: absolute;
bottom: 5px;
right: 5px;
}


/*news*/

#TabbedPanels2{
margin-left: 360px;
margin-top: 30px;
width: 282px;
float: left;
top: 130px;

position: relative;
}
#TabbedPanels2 .TabbedPanelsContent{
padding: 20px 30px 20px 30px;
background-color: #fff;
}



/*multimedia*/

#multimedia{
width: 282px;
border: 1px solid #333;
margin-left: 674px;
height: 253px;
position: relative;
top: -110px;
float: left;
}
#multimedia h2{
z-index: 57;
}
.vimeo{
margin-left: 10px;
margin-top: 15px;
z-index: 56;
position: relative;
}
#multimedia p{
font-size: 12px;
margin: 5px 10px 5px 10px;
}

/*box_testo*/

#box_testo{
width: 542px;
margin-left: 360px;
border: 1px solid #333;
padding: 20px 30px 20px 30px;
clear: both;
top:-100px;
position: relative;
}

/*piede*/

#piede{
width: 582px;
margin-left: 360px;
padding: 10px;
clear: both;
background-image: url(/immagini/bak_piede.png);
background-repeat: no-repeat;
position: relative;
top:-90px;
}
#piede2{
width: 582px;
margin-left: 360px;
padding: 10px;
clear: both;
background-image: url(/immagini/bak_piede.png);
background-repeat: no-repeat;
position: relative;
top: 45px;
}
#piede3{
width: 582px;
margin-left: 360px;
padding: 10px;
clear: both;
background-image: url(/immagini/bak_piede.png);
background-repeat: no-repeat;
position: relative;
top: 0px;
}


/*banner*/
#banner1{
position: absolute;
left: 35px;
top: 420px;
}
#banner1_int{
position: absolute;
left: 35px;
top: 304px;
background-color: gray;
}
#banner2{
position: absolute;
left: 35px;
top: 812px;
}
#banner2_int{
position: absolute;
left: 35px;
top: 586px;
background-color: lime;
}
#banner3{
position: absolute;
top: 670px;
left: 674px;
background-color: fuchsia;
}
#banner4{
position: absolute;
top: 670px;
left: 826px;
background-color: fuchsia;
}
#banner_lungo{
position: absolute;
top: 670px;
left: 360px;
}
#banner_lungo img{
margin-right: 35px;
border: 0px;
background-color: none;
}
#banner5{
position: absolute;
top: 710px;
left: 674px;
background-color: fuchsia;
}

/*scheda*/


#scheda{
width: 602px;
margin: 20px 0 0 353px;
position: relative;
}
#scheda img{
float: left;
margin:  0 10px 10px 0;
}
#acquista, #in_collana, #argomenti, #commenti,  #recensioni{
clear: both;
margin-left: 353px;
margin-bottom: 30px;
position: relative;
top: 15px;
}
#pannello_autore.CollapsiblePanel{
border: none;
}
#pannello_autore .CollapsiblePanelTab{
background-color: white;
border: none
}
#pannello_autore .CollapsiblePanelContent{
padding: 20px;
background-color: #333;
color: #fff;
margin-left: 280px;
margin-bottom: 20px;
}
#acquista .CollapsiblePanelContent, #in_collana .CollapsiblePanelContent, #argomenti .CollapsiblePanelContent, #commenti .CollapsiblePanelContent, #recensioni .CollapsiblePanelContent{
padding: 20px 30px 20px 30px;
}
#acquista.CollapsiblePanelClosed, #in_collana.CollapsiblePanelClosed, #argomenti.CollapsiblePanelClosed, #commenti.CollapsiblePanelClosed, #recensioni.CollapsiblePanelClosed{
height: 5px;
}
#acquista.CollapsiblePanelOpen, #in_collana.CollapsiblePanelOpen, #argomenti.CollapsiblePanelOpen, #commenti.CollapsiblePanelOpen, #recensioni.CollapsiblePanelOpen{
height: auto;
}
#acquista img{
margin-left: 20px;
}
.scheda_spalla img{
float: left;
margin-right: 10px;
}
.scheda_spalla{
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #666;
}


/*pagina*/

#notizia{
width: 602px;
margin: 20px 0 0 353px;
position: relative;
}
#notizia h3{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #534741;
padding-bottom: 15px;
}

/*carrello*/
#checkout{
width: 602px;
margin: 20px 0 20px 353px;
position: relative;
}
#stato_carrello 
{
background-color: #792b29;
margin:0 0 10px 0;
margin-top: 10px;
height: 30px;
}
#stato_carrello li a
{
color:#fff;

}
#stato_carrello li
{
line-height: 20px;
padding: 5px;
height: 20px;
color: #fff;
float: left;
font-size: 12px;
list-style-position: inside;
}
#chek_carrello
{
clear: both;
margin-top: 5px;
width: 565px;
}
#chek_carrello th
{
font-size: 12px;
border-bottom: 1px solid #333;
}
#chek_carrello td
{
font-size: 12px;
border-bottom: 1px solid #999;
}

#stato_carrello li.attivo
{

	background: #b82c30 url(/immagini/bak_stato.gif) no-repeat right;
	padding-right: 20px;
}
#checkout fieldset
{
margin: 0px;
padding: 0px;
}
#checkout .legend
{
margin-left: 0;
margin-bottom: 5px;
margin-right: 0;
margin-top: 10px;
width: 565px;
color: #fff;
background-color: #666;
font-size: 12px;
font-weight: bold;
padding: 5px;
}
#checkout h4{
font-size: 12px;
}
#checkout h4 a
{
font-size: 14px;
color: #792b29;
}
#checkout fieldset p
{
padding-top: 10px;
font-size: 12px;
}
#carrello_destinazione2, #carrello_spedizione2, #carrello_pagamento2, #carrello_fatturazione2
{
border-bottom: 1px solid #666;
margin-bottom: 15px;
padding-bottom: 5px;
}
#checkout fieldset #pinteresse p{
margin:0px;
padding: 5px;
float: left;
width: 150px;
background-color: #999;
}
#checkout label{
width: 120px;
display: block;
float: left;
}

#col_temi{
position: absolute;
top: 20px;
left: 150px;
}
#col_collane{
width: 120px;
padding-right: 10px;
border-right: 1px solid #000;
margin-top: 20px;
margin-left: 10px
}
#commenti p a{
margin-top: 10px;
font-weight: bold;
}

#recensioni p a{
margin-top: 10px;
font-weight: bold;
}

#banner8{
position: absolute;
left: 20px;
top: 1100px;
width: 250px;
}

#titolo h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
margin-left: 352px;
padding-top: 10px;
padding-bottom: 10px;
}

#coupon {
margin-left: 355px;
margin-top: 50px;
}
#codice{
margin-bottom: 20px;
margin-top: 20px;
}

#coupon a{
font-size: 14px;
}

#img_coupon{
float: left;
margin-right: 10px;
}

#pannello_autore .CollapsiblePanelContent a{
color: #fff;
font-weight: bold;
}