/* markup strutturale */
html, body {margin: 0; padding: 0;}
#larghezza {width: 760px}
#testata, #testata_sf, #testata_faber{height: 56px}/*76  --> 56 */
#testata .spazio_carocci {width: 22px; height: 56px;} 
#testata .spazio_scuola {width: 23px; height: 56px;} 
#testata .spazio_faber {width: 19px; height: 56px;} 
#subtestata {position: relative; font: bold 12px Verdana; height: 2em}
#subtestata .voce_menu {padding-right: 3em}
#subtestata2 {position: relative; width: 560px; height: 60px; padding: 9px 0px 9px 200px; font: bold 9px fverdana;}
#subtestata3 {position: relative; width: 560px; height: 20px; padding: 9px 0px 9px 200px; font: bold 9px fverdana;}
#cerca {font: bold 9px fverdana;}
#briciole {padding: 9px 0px;}
#briciole .links a, #briciole .links a:link, #briciole .links a:visited, #briciole .links a:active {color: #CC0000; font-size: 10px; font-weight: bold; }
#colonnasx {
	width: 176px;      /**width: 170px;*/
	float: left;
	position: relative;
	background-color: none;
	margin: 0;
	padding: 0;
}
#maincol {
	float: right;
	display: inline;
	position: relative;
	/* width: 584px; */ 
        /* width: 570px; */
}

#maincol_bis {
	float: right;
	display: inline;
	 position: relative; 
	/* width: 584px; */ 
         width: 550px;   
 
}

.intercolonna_maincol {width: 16px;}
#colonnasx .contenuto {padding: 0px 0px 0px 16px}
#maincol .contenuto { padding: 0px 0px 0px 0px; }
#maincol .contenuto2 { padding: 0px 0px 0px 0px; }

}
#maincol2 {
	float: right;
	display: inline; 
	  width: 484px;   
        /* width: 570px; */
}
#maincol2 .contenuto { padding: 0px 0px 0px 0px; }

#maincol3  {
	float: right;
	display: inline; 
	  width: 484px;   
        /* width: 570px; */
}
 

#hnav {margin: 0 3px; padding: 4px 0}
.clear {clear: both}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix{display: inline-table;}
/* inizio IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* fine */

/* alcuni stili default */
a, a:link, a:visited, a:active {text-decoration: none}
a:hover {text-decoration: underline;  cursor: pointer;}
a img {border: 0}

/* I valori dei margini e le dimensioni per i titoli, i paragrafi
 * e le liste, per una visualizzazione uniforme su tutti i browser.
 * IMPORTANTE: Ricorda di non dare mai padding orizzontale agli elementi contenitori
 */

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {margin-top: 14px; margin-bottom: 14px; padding-top: 0; padding-bottom: 0}
/*
h1 {font-size: 220%}
h2 {font-size: 190%}
h3 {font-size: 160%}
h4 {font-size: 130%}
h5 {font-size: 100%}
h6 {font-size: 60%}
*/
/* tipografia spicciola e colori (ev. da mettere in un css separato) */

html, body, table {
	background-color:#FFFFCC;
	color: #303030;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}
a, a:link, a:visited, a:active {color: #303030}
#testata {background-color: #505050; padding: 0px 0px 0px 16px} /**333333 background-color:#595959;*/
#testata img {padding: 8px 0 13px 0}
#subtestata{
	background-color: #CC0000; /**background-color: #CC3333;*/
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding: 0 15px;
	height: 20px;        
}
#subtestata a {color: #FFFFFF;}
#subtestata2 {color: #333333; font-size: 9px;}
#subtestata2 input {
	width: 215px;
	padding: 0;
	color: #333333;
	margin-left:  4px;
}
.caps {font-variant: small-caps} /* maiuscoletto */

/** stile per le vetrine */
.libroFoto {float: left; width: 272px; vertical-align: top; clear: both;} /* se libroFoto è nella home lo dispone in due colonne*/
.uno {padding-right: 16px;} /* la prima delle due ha anche un margine*/ /**margin-right: 25px;*/
.padding_12Top {padding-top: 12px;}
.padding_12Bottom {padding-bottom: 12px;}

.fotoLibro2 {width: 98px; float: right}
.fotoLibro2 img {width: 86px; height: 120px; border: 1px solid #333333; }

.fotoLibro {width: 98px; float: left}
.fotoLibro img {width: 86px; height: 120px; border: 1px solid #333333; }
.fotoLibro  .in_preparazione {width: 86px; height: 120px; border: 1px solid #333333; padding: 6px 4px 0px 4px; font: bold 10px verdana;  background-color: #FFCC00; }
.altroLibro {
	float: left;
	width: 174px;
        font: normal 10px verdana;
}

.libroFoto .links font {font: normal 9px verdana; padding-right: 6px;}

.libroFoto .altroLibro .titolo, .libroFoto_novita .titolo {font-weight: bold;}
.libroFoto .altroLibro .collana, .libroFoto_novita .collana {font-style: italic;}
.libroFoto .altroLibro .autore a, .libroFoto .altroLibro .autore a:link, .libroFoto .altroLibro .autore a:visited, .libroFoto .altroLibro .autore a:active {color: #CC0000}
.libroFoto .altroLibro .titolo a, .libroFoto .altroLibro .titolo a:link, .libroFoto .altroLibro .titolo a:visited, .libroFoto .altroLibro .titolo a:active {color: #CC0000}
.libroFoto .altroLibro .collana a, .libroFoto .altroLibro .collana a:link, .libroFoto .altroLibro .collana a:visited, .libroFoto .altroLibro .collana a:active {color: #CC0000}
.libroFoto .links a, .libroFoto .links a:link, .libroFoto .links a:visited, .libroFoto .links .links a:active {color: #CC0000}

.interlinea_14 {line-height: 14px}
.interlinea_18 {line-height: 18px}

/** stile per la pagina acquisti */
#carrelloHomeImg {width: 44px; float: left}
#carrelloHome {width: 100px; float: left; font-size: 10px}

/** stile per il popup acquisto */
/* #popup_acquisto { position: absolute; width: 472px; z-index: 10; visibility: hidden; border: 1px solid #333333; padding: 10px 0px; background-color: white;} */
#popup_acquisto { position: absolute; width: 272px; z-index: 10; padding: 10px 0px; background-color: white; visibility = hidden}
#popup_acquisto #titolo {font-size: 10px; font-weight: normal; padding: 0px 10px; color: #333333; background-color: white;}
#popup_acquisto #titolo .nel_carrello {width: 160px; height: 30px; font-size: 14; font-weight: bold; padding: 10px 0px 10px 10px;} 
/*#popup_acquisto #titolo .nel_carrello {width: 160px; height: 30px; font-weight: bold; padding: 10px 0px 10px 10px;}*/
#popup_acquisto #titolo .img_chiudi {width: 20px; height: 30px; padding: 8px 0px;}
#popup_acquisto #titolo .red_chiudi {width: 10px; height: 30px; color: #CC0000; padding: 10px 0px;}
#popup_acquisto #titolo .lineetta {width: 1px; padding: 10px 0px;}
#popup_acquisto #titolo .red_freccia {width: 132px; height: 30px; color: #CC0000; padding: 10px 0px;}
#popup_acquisto #titolo .img_freccia {width: 20x; height: 30px; padding: 8px 0px;}
#popup_acquisto #corpo {font-weight: normal; color: #333333; padding: 10px 10px 0px 50px; background-color: white;}
#popup_acquisto #corpo .riga_voci {height: 30px; font: bold 10px; padding: 10px; 0px; border-top: 1px solid #333333; background-color: white;}
#popup_acquisto #corpo .riga_item_enabled {height: 30px; font: normal 10px; padding: 10px 10px 10px 0px; border-top: 1px solid #333333; background-color: white;}
#popup_acquisto #corpo .riga_item_enabled_titolo {height: 30px; font: normal 10px; padding: 10px 0px; border-top: 1px solid #333333; background-color: white;}
#popup_acquisto #corpo .riga_item_disabled {height: 30px; font: normal 10px; color: #AAAAAA; padding: 10px 10px 10px 0px; border-top: 1px solid #333333; background-color: white;}
#popup_acquisto #corpo .riga_item_disabled_titolo {height: 30px; font: normal 10px; color: #AAAAAA; padding: 10px 0px; border-top: 1px solid #333333; background-color: white;}
#popup_acquisto #corpo .riga_mod_spe {height: 50px; padding: 10px 0px; border-top: 1px solid #333333; background-color: white;}
#popup_acquisto #corpo .riga_mod_spe_enabled {font: normal 10px; color: #333333; background-color: white;}
#popup_acquisto #corpo .riga_mod_spe_disabled {font: normal 10px; color: #AAAAAA; background-color: white;}
#popup_acquisto #corpo .riga_mod_spe_img {font: normal 10px; padding-right: 10px; color: #333333; background-color: white;}
#popup_acquisto #corpo .riga_totale {height: 30px; font: bold 10px; padding: 10px; 0px; border-bottom: 1px solid #333333; border-top: 1px solid #333333; background-color: white;}

.red {color: #CC0000}
#maincol hr, #colonnasx hr {height:1px; color:#333333; background-color:#333333; border:0; margin: 0; padding: 0; clear: both}
#colonnasx .links {font 12px Verdana; hight: 30px; padding: 9px 0; border-top: 1px solid #333333}
#colonnasx .links a {color: #CC0000}
#colonnasx .rilievo, #colonnasx #pressonline {	     
        font: 12px Verdana;
        hight: 40px;
        padding: 14px 0;
	border-top: 1px solid #333333;	
}
#colonnasx .rilievo_universita {height: 40px; border-top: 1px solid #333333;}
#colonnasx .rilievo a, #colonnasx #pressonline a {color: #CC0000;}
#colonnasx #rilievo_carrello {	
        height: 40px;
        border-bottom: 1px solid #333333;	
	border-top: 1px solid #333333;	
}
#colonnasx #rilievo_carrello .img {
        height: 40px;
        padding: 4px 5px 4px 0px;
}
#colonnasx #rilievo_carrello .testo {
        height: 40px; 
        padding: 14px 0px;
    font: 12px Verdana;                        
}
#colonnasx #rilievo_carrello .testo a, 
#colonnasx #rilievo_carrello .testo a:link, 
#colonnasx #rilievo_carrello .testo a:visited,
#colonnasx #rilievo_carrello .testo a:active {color: #CC0000}
#colonnasx #rilievo_fascette {	
        height: 84px;
        margin-top: 9px;	
}
#colonnasx #pressonline {padding-bottom: 8px} 
#colonnasx .links .titolo {
	font-weight: bold;
	color: #CC0000;
	margin: 4px 0;
}
#colonnasx .fondo {
	font-weight: bold;
	background-color: #CC0000;
	color: #FFFFFF;
	border-bottom: 1px solid white;
        border-right: 7px solid #FFFFCC;
	padding: 3px 0;
}

/** stile menù cased */
#colonnasx .barra_sopra_menu_cased {width: 160px; border-top: 1px solid #333333;}
#colonnasx .rilievo_menu_casaed {font: normal 10px verdana; line-height: 13px; border-bottom: 1px solid #333333; padding: 9px 0px;}
#colonnasx .rilievo_menu_casaed a,
#colonnasx .rilievo_menu_casaed a:link,
#colonnasx .rilievo_menu_casaed a:visited,
#colonnasx .rilievo_menu_casaed a:active, {color: #CC0000}

/** stile menù librerie */
#colonnasx .rilievo_menu_librerie {font: normal 12px verdana; line-height: 18px; width: 160px; border-top: 1px solid #333333;  border-bottom: 1px solid #333333; padding: 9px 0px;}
#colonnasx .rilievo_regione {font: normal 12px verdana; border-bottom: 1px solid #333333; padding: 6px 0px;}
#colonnasx .rilievo_regione .selected {color: #AAAAAA;}
#colonnasx .rilievo_regione a,
#colonnasx .rilievo_regione a:link,
#colonnasx .rilievo_regione a:visited,
#colonnasx .rilievo_regione a:active, {color: #CC0000}

#maincol .hand {margin: 0 5px 5px 73px}
#promo {        	
	width: 560px;
}

.disabilitato {color: #ccc; text-decoration:none}
.display-on { display: block }
.display-off { display: none }

#titolonero {font-size: 10px; font-weight: bold; padding: 10px 10px; background-color: white;}