<!--
*{font-family: Verdana, Helvetica, sans-serif;}
HTML, BODY {
        background-color:#FFF;
        color:#333;
        font-family:Arial,Helvetica,sans-serif;
        font-size: 87%;
        margin:0 auto;
        padding:0;
}
UL {list-style-type:none}
IMG {border:0; margin:0; }
A {color:#37678f; text-decoration:none}
A:hover{text-decoration:underline}

FORM {margin:0; padding:0;}

INPUT, SELECT, TEXTAREA {font-size:90%; background-color:#fff; border: 1px solid #1b4e6b;}
INPUT {padding:0 5px}
TEXTAREA   {
  width: 100%;
  height: 80px;
  padding: 0 5px;
}

/*VARIA utilità */
.readonly{background: #efefef;}
.clearer {clear:both;}
.clear_right {float:left; clear:right;}
.NoMargins{margin:0; padding:0}
.floatLeft{float:left; margin-right:10px}
.margin_min{margin:0px; padding:5px; background-color:transparent}

.txtWhite {color:#FFFFFF;}
.txtWhite A{color:#FFFFFF; font-weight:bold}



#logoPrint{display:none}

/* SFONDO colonna destra */
#wrapper {
        min-width:995px;
        float:left;
        width:100%;
        background-image:url("../img/str/right_viola.gif");
        background-position:right;
        background-repeat:repeat-y;
        background-color:#fff;
}


/* barra di navigazione  */
DIV#nav_bar{padding: 2px 5px 2px 8px; margin-bottom:8px; font-size:90%}


#strHeader {height:110px;background:transparent url("../img/str/header.jpg") no-repeat;}
#inner_wrapper {background:url("../img/str/left.gif") repeat-y;}

/* colonna liquida */
#content-LC {
        position:relative;
        display:inline; /*x safari*/
        float:left;
        width:100%;
        padding:0;
        margin:0 0 0 -218px;
        min-height:650px; height:auto!important; height: 650px;
}

/* display:inline altrimenti IE5 raddoppia i margini nei float */
#leftcolumn {display:inline;float:left;width:198px;padding:0 0 20px 0;margin:0 0 0 218px;}

#middleCol{margin:0 0 0 430px;padding:0;}

/* ridimensionare con i margini negativi*/
#rightcolumn {padding:0 0 20px 100%;margin:0 0 0 -198px;}

div#strFooter{
        position: relative;  /* Per Safari */
        min-width:995px;
        height:65px;
        color:#FFFFFF;
        background:url("../img/str/footer.jpg") no-repeat;
}
div#strFooter DIV{padding:15px 0 0 200px;}
div#strFooter A{color:#FFFFFF; font-weight:bold}

/*=PRODOTTI*/
#prodotti{margin:15px 0;}
.prodotto{
        position:relative;
        overflow:hidden;
        float:left;
        margin:5px 1px;
        padding:0px 2px;
        min-height: 290px;
        height: auto !important;
        height: 280px;
}

.copertina {border:1px solid #000;}
.prodotto h1, .prodotto h2, .prodotto h3, .vetrina h1, .vetrina h2, .vetrina h3 {margin:3px 0}
.prodotto h1, .vetrina h1 { font-size:88%; font-weight:normal}
.prodotto h2, .vetrina h2  { font-weight:bold; font-size:100%;}
.prodotto h3, .vetrina h3 {font-style:italic; font-weight:normal; font-size:95%;}
.prodotto IMG, .vetrina IMG{float:left; margin-right:10px;}
.prodotto p, .vetrina p{font-size:95%; margin:0}
.prodotto .prezzo, .vetrina .prezzo{font-weight:bold;margin:5px 0;}
.prodotto .prezzo strong, .vetrina .prezzo strong{ color:#c9050f;}
.prodCart{margin:5px 0!important; background:url("../img/str/sfondo_cart.jpg") repeat-y; height:23px; line-height:23px;}
.prodCart A{ color:#c9050f; font-weight:bold; font-size:90%;}
.prodCart img{margin:2px;}
DIV.prodotto H1.autore{overflow:hidden;}
DIV.prodotto H2.titolo{overflow:hidden; margin-bottom:2px}
DIV.prodotto DIV.descrizioni{height:114px; overflow:hidden; clear:both;}

DIV.pdf_gratis{overflow:hidden; margin-bottom:2px}

#titoloLibro{font-size:130%; font-weight:bold; color:#275ac7}
.cartPaginaLibro{color:#d40203; font-weight:bold; font-size:115%}
.cartPaginaLibro A{color:#d40203; font-weight:bold; font-size:130%;}
.cartPaginaLibro A IMG{vertical-align:bottom;}


/* pulsanti di sharing */
.box_sharing{background:#EAF4FF; border:1px solid #D1E3FF; padding:3px; margin:2px 0px 5px 2px;  float:right}
.icons 
  {
  color:#7A7A7A;
  text-align:right;
  font-size: 11px;
  }
.icons img   {vertical-align: top; border: 0; padding-right:3px;}


/* --------------------*/
/* --     MENU      -- */

div#strHeader UL {margin: 0 0 0 180px; padding: 25px 0 0 0;}
div#strHeader UL LI{ float: left; margin:0 3px; text-align: center;}
div#strHeader UL A{height: 30px; line-height: 30px; float: left; display: block; font-weight:bold;
  color: #FFFFFF; padding:0 15px; text-decoration: none; }
div#strHeader UL A:hover{text-decoration:underline}


/* --------------------*/
/* -- STRUTTURA BOX -- */
/* partiamo con le parti in comune a tutti i box, per poi passare alle parti specifiche del singolo modello di box */

/* -- titolo box di sinistra-- */
DIV.strBoxOne H4, DIV.strBoxTwo H4
  { 
  height:22px;
  padding: 1px 0 0 5px; margin:6px 0 0 0;
  color:#fff;
  font-weight:bold; font-size:110%;
   text-transform:uppercase
  }

  DIV.strBoxThree H4, DIV.strBoxThree H4 A
  { 
  height:22px;
  padding: 1px 0 0 5px; margin: 0;
  color:#fff;
  font-weight:bold; font-size:105%;
  }


  
DIV.strBoxOne H5, DIV.strBoxTwo H5, DIV.strBoxThree H5{
  margin:3px 0 0 0; padding:0; text-align:center; font-size:100%;}

/* -- liste -- */
DIV.strBoxOne DL, DIV.strBoxTwo DL, DIV.strBoxThree DL, DIV.strBoxOne UL, DIV.strBoxTwo UL, DIV.strBoxThree UL, DIV.strBoxOne DIV, DIV.strBoxTwo DIV
{margin:6px 0; padding:0 7px;}

DIV.strBoxThree DIV{margin:0; padding:0 2px;}
  
DIV.strBoxOne DL DD, DIV.strBoxTwo DL DD, DIV.strBoxThree DL DD{
  margin:0; padding:0 0 3px 0; border-bottom:1px solid #013476}
/* l'ultimo elemento non deve avere il bordo in basso*/
DIV.strBoxOne DL DD.strBoxLastEl, DIV.strBoxTwo DL DD.strBoxLastEl, DIV.strBoxThree DL DD.strBoxLastEl{
  margin:0; padding:0 0 3px 0; border:0}
DIV.strBoxOne DL DD A, DIV.strBoxTwo DL DD A, DIV.strBoxThree DL DD A{
  font-weight:bold}
/* questo trucchetto serve perchè al solito IE fa incazzare con la list-style-image */
DIV.strBoxOne UL LI, DIV.strBoxTwo UL LI, DIV.strBoxThree UL LI, DIV.blocco UL LI{
  list-style-position:outside; background: url("../img/str/pallino.gif") 0 7px no-repeat; padding-left:10px}

/* form elements */
DIV.strBoxOne DIV INPUT.strBoxInputbox, DIV.strBoxTwo DIV INPUT.strBoxInputbox, DIV.strBoxThree DIV INPUT.strBoxInputbox{
  width:90%;}
DIV.strBoxOne DIV INPUT.strBoxButton, DIV.strBoxTwo DIV INPUT.strBoxButton, DIV.strBoxThree DIV INPUT.strBoxButton{
  background:#01509b; color:#FFFFFF;}

/* -- link per accedere alla pagina con tutti gli elementi del box --*/
/* devo togliere gli stili generici per tutti i div del box */
DIV.strBoxOne DIV.strBoxLinkToPageContainer, DIV.strBoxTwo DIV.strBoxLinkToPageContainer, DIV.strBoxThree DIV.strBoxLinkToPageContainer{
  margin:0; padding:0}
DIV.strBoxOne DIV.strBoxLinkToPageContainer, DIV.strBoxTwo DIV.strBoxLinkToPageContainer, DIV.strBoxThree DIV.strBoxLinkToPageContainer{
  text-align:right; height:15px}
DIV.strBoxOne DIV.strBoxLinkToPageContainer A.strBoxLinkToPage, DIV.strBoxTwo DIV.strBoxLinkToPageContainer A.strBoxLinkToPage, DIV.strBoxThree DIV.strBoxLinkToPageContainer A.strBoxLinkToPage{
  margin:0; padding:2px 0 0 0; width:130px; display:block; float:right;
  font-weight:bold; font-size:90%; text-align:center;}

/* -- Caso particolare: primo box della colonna --*/
DIV.strBoxOne H4.strBoxFirst, DIV.strBoxTwo H4.strBoxFirst, DIV.strBoxThree H4.strBoxFirst{margin:0}

/* -- box blu SX -- */
DIV.strBoxOne{border-bottom:3px solid #014083; background:#cce6f3;}
DIV.strBoxOne H4{background:url("../img/str/menu_sec_blu.jpg") no-repeat;}
DIV.strBoxOne H5{font-weight:normal}
DIV.strBoxOne UL LI{font-weight:bold}
DIV.strBoxOne DIV.strBoxLinkToPageContainer A.strBoxLinkToPage{background:#014083; color:#FFFFFF}

/* -- box rosso SX -- */
DIV.strBoxTwo{border-bottom:3px solid #c9050f; background:#cce6f3;}
DIV.strBoxTwo H4{background:url("../img/str/menu_sec_red.jpg") no-repeat;}
DIV.strBoxTwo H5{color:#be0902;}
DIV.strBoxTwo DIV.strBoxLinkToPageContainer A.strBoxLinkToPage{background:#c9050f; color:#FFFFFF}

/* -- box blu DX  banner newsletter  ...-- */
DIV.strBoxThree{background:#fff; border:1px solid #092A57; border-bottom:3px solid #092A57; margin:0; padding:0}
DIV.strBoxThree H4{background:url("../img/str/menu_sec_blu.jpg") no-repeat;}

DIV.strBoxThree DIV.strBoxMainBanner{text-align:center; padding-bottom:2px; color:#000000; padding-top:2px;}
DIV.strBoxThree DIV.strBoxMainBanner A {color:#000000;}

DIV.strBoxThree DIV.strBoxAutoreMese{text-align:center; text-transform:uppercase; font-weight:bold}





/* --------------------*/
/* --   HOMEPAGE    -- */

UL.homeBanners{margin:5px 0; padding:0;}
UL.homeBanners LI{text-align:center;}
H1.homeVetrinaOneTitolo {border-bottom:1px solid #033476; margin:0 0 10px 0; padding:0;
  font-size:150%; font-weight:bold; color:#033476}
H1.homeVetrinaTwoTitolo {border-bottom:1px solid #c9050f; margin:10px 0; padding:0;
  font-size:150%; font-weight:bold; color:#c9050f}
H1.homeVetrinaThreeTitolo{border-bottom:1px solid #033476; margin:10px 0; padding:0;
  font-size:150%; font-weight:bold; color:#275ac7}
H1.homeVetrinaFourTitolo{margin:0; padding:0; font-size:120%; font-weight:bold; color:#033476}

DIV.homeBox{width:31%; float:left; padding:6px;}
DIV.homeBoxLabel
  {
  background:url("../img/str/home_sec_blu.jpg") repeat-x;
  height:21px; padding: 2px 0 0 10px; margin:6px 0 0 0;
  color:white; font-weight:bold; font-size:130%; text-transform:capitalize;
  }
DIV.homeBoxLinkToPageContainer{font-weight:bold; margin:10px 30px 0 0; text-align:right;}


.SimpleLinkBlock{display:block}
.SimpleTitle{font-size:160%}

.SimpleSubTitle{font-size:100%; font-weight:bold; margin:5px 0}
.SimpleAlignCenter{text-align:center}


.TitoloEvento{font-size:100%; font-weight:bold;}
.TitoloEvento A{font-size:100%; font-weight:bold;}

TABLE {font-size:100%; width:99%}
TABLE TD, TH{padding:3px 5px}
TABLE TH{border-bottom:1px solid #033476; height:21px; margin:0; padding:25px 0 0 0;
  font-size:100%; font-weight:bold; color:#033476; text-align:left}



.box_avviso { background-color:#FFFF99; border-bottom:1px #FF9933 solid; border-top:1px #FF9933 solid; margin:2px; padding2px;}

.preSegnalazioni{float:left;width:100%;}
.prodBoxAction{height:25px;}
.badFldForm{background:#E1A5A6}
.userErrorMsg{background: #FFE4E3 url('../img/str/exclamation.png') left no-repeat;
  background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px;
  border-top: 2px solid #E47E7A; border-bottom: 2px solid #E47E7A; margin-bottom:15px;}
.usertOkMsg{
  background: #E0FFD3 url('../img/str/accept.png') left no-repeat;
  background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px;
  border-top: 2px solid #8BD76B; border-bottom: 2px solid #8BD76B; margin-bottom:15px;
}
INPUT.Btn{border:0; background-image:url("../img/str/btn.jpg"); color:#002261; font-size:150%; font-weight:bold; padding:5px; cursor:pointer; width:435px; height:87px}

/*Riquadri novità - in uscita - Bestseller*/
.BookFlag SPAN{background:#dc0000; color:white; padding:0 3px; letter-spacing:1px; width:80px; font-weight:bold; font-style:italic;}
.BookFlagBest SPAN{background:#125C40; color:white; padding:0 3px; letter-spacing:1px; width:80px; font-weight:bold;}


.BoxImg{height:120px; float:left}
DIV.vetrina .BoxImgBig{height:180px; float:left}

DL.myList DT{border-bottom:1px solid #033476; margin:0 0 10px 0; padding:0; font-size:120%; font-weight:bold; color:#033476}
DL.myList DD{list-style-position:outside; background: url("../img/bullet_black.gif") 0 -1px no-repeat; padding-left:17px; margin-top:7px;}
DL.libriSimili{float:left; height:215px; width:43%; margin-left:10px; margin-top:10px}
DIV#dettagliLibro{margin:20px 0 0 0; width:30%;}
DIV#azioniLibro{width:310px; float:right;}
DIV#descrizioneLibro{clear:both; padding-top:20px;}


/* -----------------------------*/
/* --  RECENSIONI -- */
DIV#recensioni{margin-top:25px;}
BLOCKQUOTE { 
  background: transparent url("../img/quote1.gif") no-repeat top left;
  margin:10px 0;
  padding:0 40px;
  min-height: 50px;
  height: auto !important;
  height: 50px;
}
DIV#recensioni SPAN{font-size:80%; text-align:right; display:block}
DIV#recensioni STRONG{font-weight:bold; display:block}


/* -----------------------------*/
/* --  ELENCHI E PAGINAZIONE -- */
.listRowBgOne{background:#cce6f3; padding:2px 5px; margin-top:5px}
.listRowBgTwo{background:#EBF1F9; padding:2px 5px; margin-top:5px}
.listRowBgSezione{background:#FFFF99; padding:3px; margin-top:25px; border-bottom:1px solid #506599; color:#CC0000}

.listPagination li {
        display: inline;
}
.listPagination a {
        border: 1px solid #ccc;
        background: #fff;
        display: block;
        float: left;
        padding: 1px 4px;
        margin-right: 0.5em;
        text-decoration: none;
        font-weight: bold;
}

.listPagination a:hover, .listPagination a.current {
        border: 1px solid #033476;
        font-weight: bold;
        background-color: #165582;
        color: #fff;
}
.bluBox{background:#EAF4FF; border:1px solid #D1E3FF; padding:10px; margin:0}


DIV#middleCol DIV.tinyMCEContent UL{list-style:none; padding:0; margin:0 0 0 20px}
DIV#middleCol DIV.tinyMCEContent UL LI{list-style-position:outside; background: url("../img/bullet_black.gif") 0 10px no-repeat; padding-left:25px; padding-top:5px}

/* EE content */
DIV#middleCol DIV.blocco H1{border-bottom:1px solid #033476; margin:0 0 10px 0; padding:0;
  font-size:150%; font-weight:bold; color:#033476}


-->