body,html{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; background: #888;}
img {border:0;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
h1,h2,h3 {font-family:Verdana, Arial, Helvetica, Verdana,sans-serif; margin:0; padding:0; font-weight:normal; font-style:normal;}
form {margin:0; padding:0;}
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; padding:1px 1px 1px 2px; color:#000; display:block; float:left;}
label {width:80px; padding:8px 0 0 0; display:block; margin:0 10px 0 45px; color:#000; float:left;}
.cleaner {clear:both; line-height:0; height:0; font-size:0; display:block;}
.hidden {display:none; height:0; border:none; background:none; line-height:0;}
.linea_sotto {border-bottom: 1px solid #888;}

input{margin:5px 0 5px 0;}

input.button { width: 50px; height: 24px; font-weight: bold; cursor:pointer;border: none; background: #FFF; padding:0 2px 2px 2px; margin:5px 0 0 4px; color: #616161; }

/*main*/
#main {width:970px; position:relative; margin:0 auto;}

/*header*/
#main #header {width:970px; margin: 0 0 0 0; float:right;}



/*menu oriz*/
#main #header .logo {height:200px; background:#e9e9e9; margin:0 0 0 10px; float:left;}

#main #header .menuoriz {width:750px; height:200px; background:url(../images/common/sfondo-header.jpg) repeat-y #cd071e; margin:0 0 0 0; float:left;}
#main #header .menuoriz .primo{width:244px; height:23px; margin:140px 0 0 0;padding:7px 0 0 0; font-size:11px; border-right:1px solid #fff; color:#fff; font-weight:bold; text-align:center; background:#dbdbdb; float:left;}
#main #header .menuoriz .primo a {color:#000;}
#main #header .menuoriz .primo a:hover {color:#fff;}
#main #header .menuoriz .secondo{width:183px; height:23px; padding:7px 0 0 0; font-size:11px; color:#fff; font-weight:bold; text-align:center;  border-right:1px solid #fff; background:#565656; float:left;}
#main #header .menuoriz .secondo a {color:#fff;}
#main #header .menuoriz .secondo a:hover {color:#000;}



/*content*/
#main #content {width:970px; background:url(../images/common/sfondo-content.jpg) repeat-y #fff; float:right;}


/*menu sx*/
#main #content #menu {width:220px; background:url(../images/common/sfondo-menu.jpg) repeat-y #888; float:left;}
#main #content #menu .cerca {width:210px; padding:0 0 20px 0; font-size:9px; font-weight:bold; color:#fff; background:#e9e9e9; float:right;}
#main #content #menu .cerca .titolo {width:220px; padding:6px 0 6px 10px; color:#cd071e;}
#main #content #menu .cerca form {padding: 10px 0 0 10px}
#main #content #menu .inputcerca {border: 1px solid #888888; padding: 3px 5px 3px 0;}
#main #content #menu .btncerca  {border: 1px solid #888888; margin: 5px 0 0 3px;}
#main #content #menu .menudue {width:210px; background:#e9e9e9; float:right;}
#main #content #menu .menudue .title {width:210px; padding:5px 0 5px 7px; font-size:9px; color:#cd071e; font-weight:bold;}
#main #content #menu .menudue .title a {color:#cd071e;}
#main #content #menu .menudue .title a:hover {color:#cd071e;}

#main #content #menu .menudue .voci {width:200px; margin:5px 0 12px 0; font-size:10px; font-weight:bold; color:#555; float:right;}
#main #content #menu .menudue .voci a {color:#666666; margin:0 0 7px 0; line-height:20px; }
#main #content #menu .menudue .voci a:hover {color:#cd071e;}
#main #content #menu .menudue .voci_carrello {width:200px; margin:5px 0 12px 0; font-size:10px; color:#555; float:right;}
#main #content #menu .menudue .voci_carrello a {color:#666666; font-size:9px; margin:0 0 7px 0; line-height:20px; font-weight:bold;}
#main #content #menu .menudue .voci_carrello a:hover {color:#cd071e;}
#main #content #menu .imm {background:#eee; padding:30px 0 0 0; float:right;}
#main #content #menu .uomo {width:220px; margin:0 0 0 9px; float:left;}

#main #content .menusup {color:#ccc; float:left; font-size:12px; margin:20px 10px 15px 30px; font-weight:bold; }
#main #content .menusup a{color:#ccc;}
#main #content .menusup a:hover{color:#ccc;}

/*categoria*/
#main #content .categoria {width:350px; margin: 30px 10px 15px 10px;float:left;}
#main #content .categoria .immagine {width:200px; text-align:center; margin:0 0 15px 10px; float:left;}
#main #content .categoria .descrizione {color:#a72c3a; text-align:left; #margin:0 0 0 10px;}
#main #content .categoria .descrizione a{color:#a72c3a; font-size:12px; margin:0 0 0 10px;  font-weight:bold; }
#main #content .categoria .descrizione a:hover {color:#ccc; font-size:12px; font-weight:bold; }


/*privacy*/
#main #content .privacy {width:700px; margin:15px 0 0 15px; font-size:12px; line-height:18px; color:#000; text-align:justify; float:left;}
#main #content .cond-generali {width:700px; margin:15px 0 0 15px; font-size:12px;  color:#000; text-align:justify; float:left;}

/*sottocategoria*/
#main #content .sottocategoria {width:720px; margin: 30px 10px 10px 20px;float:right;}
#main #content .sottocategoria .image{width:200px;text-align:center;margin:0 20px 0 0;float:left;}
#main #content .sottocategoria .titles {width:500px;font-size:12px; margin:0 0 10px 0; font-weight:bold; color:#a72c3a; float:left;}
#main #content .sottocategoria .titles a{color:#a72c3a;}
#main #content .sottocategoria .titles a:hover{color:#ccc;}
#main #content .sottocategoria .description {width:460px;font-size:11px; color:#000; text-align:justify; float:left;}



/*prodotti*/
#main #content #elenco {width:715px; margin:0 0 0 0;float:right;}
#main #content #elenco .elencoimm {width:160px; margin:20px 0 0px 20px;float:left; padding: 0 0 0 10px; text-align: center;} 
#main #content #elenco .elencotitolo{width:520px; margin:30px 0 0px 0; font-size:12px; font-weight:bold; color:#a72c3a; float:left;}
#main #content #elenco .elencotitolo a {color:#a72c3a;}
#main #content #elenco .elencotitolo a:hover {color:#ccc;}

#main #content #elenco .elencoautore{width:520px; margin:0 0 15px 0;font-size:12px; font-weight:normal; color:#000; float:left;}
#main #content #elenco .elencodescr{width:500px; margin:0 20px 0 0;font-size:11px; font-weight:normal; color:#000; text-align:justify; float:left;}
#main #content #elenco .elencodescr a {color:#000;}
#main #content #elenco .elencodescr a:hover {color:#ccc;}

#main #content #elenco .elencodati {width: 530px; font-size:11px; margin:10px 30px 0px 0px; color:#000; float:right; }
#main #content #elenco .elencodati .codice {float:left; height:30px; line-height: 30px; width: 210px;}
#main #content #elenco .elencodati .prezzo {width:175px; float:left; height:30px; line-height: 30px}
#main #content #elenco .elencodati .acquista {float:right; height:30px; line-height: 30px}
#main #content #elenco .elencodati .leggilibro {float:right; height:30px; line-height: 30px}


/*sklibri*/
#main #content #contenitore {width:720px; margin:0 20px 0 0; float:right;}
#main #content #contenitore .prodotto {width:200px; float:left;}
#main #content #contenitore .prodotto .immlibro {width:180px; margin:20px 0 0 20px; float:left;}
#main #content #contenitore #visualizza_image {width: 180px; float:left; height: 30px;  margin: 0 0 0 0;}
#main #content #contenitore #visualizza_image .view_on {background: url('../images/libri/view_image.jpg') no-repeat;}
#main #content #contenitore #visualizza_image .view_off {background: url('../images/libri/view_image.jpg') no-repeat; background-position: 0px -30px}
#main #content #contenitore #visualizza_image a {width:180px; float: left; height: 30px; line-height: 30px; text-align: left; color: #000; margin: 0 15px 20px 200px; padding: 0 0 0 4px; font-weight: bold;}

#main #content #contenitore #table_prodotti{width:700px; float:right;}
#main #content #contenitore #table_prodotti thead td {	font-weight: bold; background-color: #ccc; padding: 8px 0px 8px 2px;	border-bottom: 2px solid #393939;}
#main #content #contenitore #table_prodotti tbody td { border-bottom: 1px solid #ccc;}
#main #content #contenitore #table_prodotti a { color: #B30717; text-decoration: none; font-weight:bold;}

#main #content #contenitore #pageNavPosition { float: right; margin: 0px 35px 0px 0px; padding: 10px 0 10px 0;}
#main #content #contenitore #pageNavPosition span { cursor:pointer; padding: 5px; background-color: #EEEEEE; margin: 2px; border: 1px solid #888888}
#main #content #contenitore #pageNavPosition .pg-selected { background-color: #ccc } 

#main #content #contenitore .descrprodotto {width:495px; margin:30px 0 0 10px; float:left;}
#main #content #contenitore .descrprodotto .titolo {font-size:12px; margin: 0 0 15px 0;font-weight:bold; color:#a72c3a; float:left;}
#main #content #contenitore .descrprodotto .autore {font-size:12px; margin: 0 0 15px 0;font-weight:normal; color:#000; float:left;}
#main #content #contenitore .descrprodotto .descr {width:320px; font-size:12px; color:#000; margin:10px 0 0 0; float:left;}
#main #content #contenitore .descrprodotto .pulsanti {margin:0 25px 0 0; float:right;}

#main #content #contenitore a.acquista { background-image: url('../images/libri/acquista.jpg'); height: 30px; line-height: 30px; background-repeat: no-repeat; padding: 0px 0 5px 38px; #margin:0 0 0 7px; color: #A72C3A; font-weight: bold; font-size: 120%;}
#main #content #contenitore .descrprodotto .pulsanti a.leggilibro { height: 30px; line-height: 30px; background-repeat: no-repeat; padding: 0px 0 5px 50px; color: #000; font-weight: bold; font-size: 120%; float:right;}
#main #content #contenitore a:hover.acquista {color: #000;}
#main #content #contenitore a:hover.leggilibro {color: #000;}


#main #content #contenitore .descrlibro { width:650px;font-size:11px; text-align:justify; color:#000; margin: 0 0 25px 0; margin:0 0 0 40px; float:left;}
#main #content #contenitore .descrautore { width:650px;font-size:11px; margin:0 0 0 40px; text-align:justify; color:#000; float:left;}
#main #content #contenitore .descrautore a{color:#000;}
#main #content #contenitore .descrautore a:hover{color:#ccc;}

#main #content #contenitore .desclibro {margin:30px 40px 0 30px; text-align:justify;float:left;}

/*paginazione*/
#main #content #contenitore #pagina {width:700px; margin:5px; font-size:11px; color:#000; text-align:right; float:right;}

#main #content #contenitore #pagina a{color:#000;}
#main #content #contenitore #pagina a:hover{color:#888;}

/*carrello*/
/*step1*/
#main #content #contenitore #barra {width:720px;  float:left; }
#main #content #contenitore #barra .step {width:140px; margin:20px 0 0 0;float:left;}
#main #content #contenitore #barra .separatore {width:717px; height:20px; margin:-1px 0 35px 0;  z-index:100; padding:8px 0 0 0; background:url(../images/cart/separatore-up.jpg); font-weight:bold; color:#fff; float:left;}

#main #content #contenitore .separatore-down {width:717px; margin:20px 0 0 0; float:left;}
#main #content #contenitore .ritorna {width:290px; margin:15px 0 0 30px; float:left;}
#main #content #contenitore .aggiorna {width:100px; text-align:center; margin:15px 15px 0 0; float:left;}
#main #content #contenitore .continua {width:250px; text-align:right;margin:15px 15px 0 0; float:right;}

/*step2*/
#main #content #contenitore #barra .titlestep2 {width:707px; height:18px; margin:-1px 0 35px 0;  z-index:100; padding:10px 0 0 10px; font-size:10px; background:url(../images/cart/separatore-up.jpg); color:#fff; float:left;}
#main #content #contenitore #barra .login {width:340px; height:200px; margin:40px 10px 50px 10px; background:#ddd; float:left;}
#main #content #contenitore #barra .login .contentDati {width:300px; height:70px; padding:10px 10px 10px 10px; font-size:10px; color:#000; text-align:left; float:left;}
#main #content #contenitore #barra .login .headerlogin {width:320px; height:20px; border-bottom:1px solid #fff; padding:10px; font-size:14px; color:#000; float:left;}
#main #content #contenitore #barra .login .contentlogin {width:300px; height:70px; border-bottom:1px solid #fff; padding:30px 10px 10px 10px; font-size:10px; color:#000; text-align:right; float:left;}
#main #content #contenitore #barra .login .footerlogin {width:320px; height:52px;  font-size:10px; color:#000; text-align:right; margin: 8px 10px 0 0; float:left;}
#main #content #contenitore #barra .login .footerlogin a{font-weight:bold; color:#555;} 
#main #content #contenitore #barra .login .footerlogin a:hover{font-weight:bold; color:#000;} 

/*step3*/

#main #content #contenitore #barra .spedizione {width:680px; margin:10px 0 10px 25px;padding:0 0 5px 0; border-bottom:1px solid #eee; float:left;}

#main #content #contenitore #barra .spedizione .radio {width:35px; margin: 0 0 0 5px; padding:10px 0 10px 25px; background:#ddd; float:left;}

#main #content #contenitore #barra .modalita {width:460px; padding:0 20px 0 20px; float:left;}
#main #content #contenitore #barra .modalita .titolo {width:500px; font-size:10px; font-weight:bold; color:#000;  padding:5px; float:left;}
#main #content #contenitore #barra .modalita .modalitatesto {font-size:10px; color:#000;  padding:5px; float:left;}

#main #content #contenitore #barra .trasporto {width:90px; font-size:10px; color:#000;  padding:15px 5px 5px 5px; float:left;}


/*footer*/

#main #footer {width:970px; background:url(../images/common/sfondo-footer.jpg) repeat-y #e9e9e9; float:right;}
#main #footer .indirizzo {width:740px; height:40px; padding:10px 0 0 0; margin:0 10px 0 0; font-size:11px; color:#ccc; background:#565656; text-align:center; float:right;}
#main #footer .indirizzo a {font-weight:bold; font-size:12px; color:#fff;}
#main #footer .indirizzo a:hover {font-weight:bold; color:#fff;}

/* error overlay */
#error {width:100%; height:100%; top:0; z-index:9990; background:url(../images/common/nero.gif); position:absolute;}
#err_msg {width:334px; padding:0 8px 0 8px; height:170px; z-index:9991; position:absolute; left:50%; top:0;  margin-left:-150px; background:#fff; text-align:center; color:#000; line-height:19px;} 
#err_msg #close_btn {width:21px; height:19px; margin:8px 0 30px 0; float:right; cursor:pointer; background:url(../images/common/chiudi.gif) no-repeat;}