@font-face {
        font-family: "Johnston bold";
        src: url(font/JohnstonITCTTBold.ttf);
}
@font-face {
        font-family: "Johnston sc bold";
        src: url(font/JohnstonITCSCTTBold.ttf);
}
@font-face {
        font-family: "Johnston medium";
        src: url(font/JohnstonITCMdTTMedium.ttf);
}
@font-face {
        font-family: "Johnston sc medium";
        src: url(font/JohnstonITCSCMdTTMedium.ttf);
}
h1, h2, h3, h4{ padding: 0px; margin:0px; font-weight: normal; }

body{ background-color: #d6e3e9; margin: 0px; padding: 0px; font-size: 12px; font-family: Verdana, Helvetica, Sans-Serif; color: black;}
a{ text-decoration: none; outline: none; color: black; }
img{ border: 0px; vertical-align: middle;}
input, select, textarea{ vertical-align: middle; border: 1px solid #8497a5; }
textarea{ width: 240px; height: 100px; }
input.text{ height: 20px; width: 120px;  }
h1{ font-size: 2.2em; font-family: "Johnston medium"; }
h2{ font-size: 1.6em; font-family: "Johnston medium"; margin: 10px 0 ;}
p{ margin: 0px; }

div#main{ width: 942px; _width: 948px; border-top: 9px solid; border-bottom: 9px solid; border-left: 3px solid; border-right: 3px solid;
          background-color: white; text-align: left;}
div#header{ width: 100%; _width: 942px; height: 158px; background-color: #9db9c5; position: relative;}
div#header img#logo{ position: absolute; top: 20px; left: 25px; }
div#header img#logo-m{ position: absolute; top: 20px; right: 25px; z-index: 500;}
div#header div#logo-m-marchio{ overflow: hidden; height: 60px; width: 100px; position: absolute; top: 20px; right: 25px; z-index: 1500;}

div#header div#pipe_slogan{ font-family: "Johnston bold"; font-size: 1em; color: white; text-transform: uppercase;
    position: absolute; top: 70px; left: 75px; letter-spacing: 0.1em;}

div#main-menu ul{ margin:0px; padding: 0px; list-style-type: none; position: absolute; bottom: 0px; background: url(images/menu/menu_bg.png); }
div#main-menu ul#main-level-1 li{ float: left; background-color: white; margin: 0 1px; padding: 0 3px; position: relative; }
div#main-menu ul#main-level-1 li a{ display: block; padding: 8px 0 5px 0;
      font-family: "Johnston bold"; font-size: 1em; text-align: center;}
div#main-menu ul#main-level-1 li img.point{ position: absolute; top: -10px; }

div#navbar{ background-color: black; width: 935px; _width: 942px; height: 25px; _height: 32px; padding: 7px 0 0 7px;
            color: white; font-family: "Johnston bold";}
div#navbar a{ color: white; }

div#breadcrumb, div#fontsize, div#search{ float: left; }
div#breadcrumb{ width: 573px; text-transform: uppercase; margin-left: 15px;}
div#breadcrumb img { float: left; }
div#breadcrumb div.sei_qui, div#breadcrumb div.bread_text{ float: left; margin-right: 10px; margin-top: 2px;}


div#fontsize{ width: 105px; text-align: center; }
div#fontsize img{ cursor: pointer; padding: 0 4px; }
div#search{ width: 200px; text-align: right; }
div#search a{ margin-top:3px; margin-left: 25px; display: block; float: left; }
div#search form#search_form input{ width: 120px; border: 0px solid; margin-left: 10px; }

div.pagination { margin-top: 10px; }
div.pagination img {  }
div.pagination div { float: left; }
div.pagination span, div.pagination a{ padding: 7px; font-family: "Johnston sc bold"; font-size: 1.3em; }
div.pagination span{ color: #CC3300; }
div.pagination a{ color: black; }

/* ELEMENTI COMUNI */
span.red{ color:red; }

div#colonna_left{ float: left; width: 345px; }
div#colonna_right{ float: right; width: 170px; }

div#infoboxblu{ width: 139px; _width: 163px; padding: 12px; padding-top: 25px; font-size: 0.9em;
    background: #dee7ec url(images/libri/flap_scheda_libro.jpg) no-repeat; margin-top: 15px;}
div#infoboxblu a{ color: black; }
div#infoboxblu div.separator{ border-bottom: 1px dashed; margin-bottom: 10px; }
div#infoboxblu b{ color: #637d8c; }

div.title_small_red{ font-size: 1.1em; font-family: "Johnston sc bold"; color: #ce3d0e; text-transform: lowercase;
    margin-top: 20px; padding-bottom: 7px; border-bottom: 2px solid black; width: 163px; word-spacing: 0.3em;}

div.materiale_correlato_elem{ padding: 15px 0; border-bottom: 1px dashed; }
div.materiale_correlato_elem img{ margin-right: 10px;  }
div.materiale_correlato_elem a{ display: block; color: black; font-size: 0.8em;}
div.materiale_correlato_elem a div{  float: right; width: 123px; }

div.note_bibliografiche, div.libri_correlati{ border-bottom: 1px dashed; margin-bottom: 20px; }
div.box_persona, div.box_libro{ float: left; width: 170px; font-size: 0.8em; padding-top: 5px; height: 70px;  }
div.box_persona img.autore, div.box_libro img.copertina{ float: left; margin-right: 5px; }
div.box_persona div.info, div.box_libro div.info{ float: left; width: 100px; }
div.box_persona div.info_txt, div.box_libro div.info_txt{ float: left; width: 100px; height: 40px; }
div.box_persona div.info a.string, div.box_libro div.info a.string{ color: black; }

div.pop_up_actions{float: left;}
div.pop_up_actions div.azioni{ font-family: "Johnston sc bold"; text-transform: uppercase; }
div.pop_up_actions div.azioni img{ margin-right: 5px; }
div.pop_up_actions div.azioni a{ color:black; }
div.pop_up_actions div.azioni div.pulsanti{ float: left; cursor:pointer; margin-right: 25px;}
div.pop_up_actions div.azioni div.add_shop{ margin-right: 0px; }
div.pop_up_actions div.pop_up_container{ position: relative; }
div.pop_up_actions div.pop_up_condividi{ display: none; position:absolute; width: 287px; height: 97px;
    background: url(images/appuntamenti/boxCondividi.png); top: -90px; left: -70px;}
div.pop_up_actions div.pop_up_promemoria{  display: none; position:absolute; width: 269px; height: 128px;
    background: url(images/appuntamenti/boxPromemoria.png); top: -120px; left: 70px;  }
div.pop_up_actions div.pop_up_content{ margin: 15px 20px; font-size: 0.9em; }

div.pop_up_actions div.pop_up_content div.intro_text{ font-weight: bold; font-size: 0.8em; margin-bottom: 10px; }
div.pop_up_actions div.pop_up_content input.email{ font-size: 0.9em;}
div.pop_up_actions div.pop_up_content span.red{ color: red; font-weight: bold; }
div.pop_up_actions div.pop_up_content span.blue{ color: blue; font-weight: bold; }
div.pop_up_actions div.pop_up_content div.small_text{ font-size: 0.8em; margin-top: 10px; }
div.pop_up_actions div.pop_up_content a{ color: black; }
div.pop_up_actions div.pop_up_content div.elem_share{ float: left; width: 80px; }

div.dettagli{ float: left; width: 173px; padding-left: 12px; _width: 185px;
    background: url(images/appuntamenti/boxDettagliBalloonArrow.png) 1px 20px no-repeat ; }
div.dettagli div.box_dettagli{ background-color: #dee7ec; padding: 15px; font-size: 0.8em;
    width: 130px; _width: 160px; }
div.dettagli div.box_dettagli b{ color: #657c8c; }


#notepad { width: 166px; background: url(images/corsi/notepadBody.png) repeat-y; }
#notepad a{ color:black; }
#notepad #notepadTop{ height: 14px; background-image: url(images/corsi/notepadTop.png); }
#notepad #notepadBody{ margin: 20px 2px 30px 1px; border-width: 1px; border-style: solid none none none; border-color: #E1D679; /*line-height: 2.5em;*/ }
#notepad #notepadBody ul{ list-style:none; margin:0px; padding:0px;}
#notepad #notepadBody li { line-height: 1.8em; font-size: 0.8em; border-bottom: 1px solid #E1D67A; padding: 0.7em 5px 0.5em 8px;}
#notepad #notepadBody li.contact{ line-height: 2em; }
#notepad #notepadBody li.title{ font-size: 1.1em; font-family: "Johnston sc bold"; text-transform: uppercase; color: #7f63c9;  }
#notepad #notepadBody li.name{ font-size: 1.0em; font-family: "Johnston sc bold"; text-transform: uppercase; }
#notepad #notepadBottom{ height: 4px; background-image: url(images/corsi/notepadBottom.png); }


/* /ELEMENTI COMUNI */


/* 3 COLS TEMPLATE */
div#container{ background: url(images/bg.gif); _height: 100px; }
div#left_col, div#content, div#right_col{ float: left; }
div#left_col{ width: 181px; }
div#content{ width: 534px; margin-left: 3px; padding: 20px; padding-top: 25px; _width: 574px;}
div#right_col{ width: 181px; margin-left: 3px; }

/* LEFT COL */
div.menu_col_box{ width: 100%; font-family: "Johnston sc bold"; color: white;
    font-size: 1.3em; padding-bottom: 17px;}
div.menu_col_box div.title{ padding: 15px 0 0 20px; text-transform: uppercase;}
div#left_col ul { list-style: none; margin: 0px; padding: 0px; }
div#left_col ul li { border-bottom: 1px dashed  }
div#left_col ul li a { display: block; padding: 8px 0 10px 16px;
    font-family: "Johnston sc bold"; color: black; text-transform: uppercase; }
div#left_col ul li ul{ margin-bottom: 10px; margin-left: 25px;}
div#left_col ul li ul li{ border-bottom: 0px dashed; }
div#left_col ul li ul li a { display: block; padding: 5px; font-family: Verdana, Helvetica, Sans-Serif; color: black; text-transform: none; font-size: 0.8em; }

/* RIGHT COL */
/* SCONTRINO */
div.col_box{ margin:11px; }
div#scontrino, div#scontrino_bottom{ width:140px; _width: 156px; padding:10px; background: url(images/shop/scontrino_top.jpg) no-repeat;
    border-left: 1px solid #b4c1c9; border-right: 1px solid #b4c1c9;}
div#scontrino_bottom{ height: 10px; background-position: bottom; }
div#scontrino div#logo{ text-align: center; height: 46px; border-bottom: 2px solid; margin:10px 0; }
div#scontrino div#elementi_scontrino{ border-bottom: 2px solid; margin-bottom:10px; padding-bottom: 10px; }
div#scontrino div.elemento_scontrino{  padding-top: 10px; border-bottom: 1px dashed;}
div#scontrino div.elemento_scontrino div{ font-size: 0.8em; }
div#scontrino div.titolo{ float: left; width: 85px;}
div#scontrino div.prezzo{ float: right; text-align: right; font-weight: bold; width: 45px; white-space: nowrap; }

div#scontrino div.elemento_scontrino_totale div{ font-size: 0.8em; font-weight: bold; margin-top:7px; }
div#scontrino div.elemento_scontrino_totale div.totale{ float: left;  }
div#scontrino div.elemento_scontrino_totale div.prezzo{ float: right; }
div#scontrino div.elemento_scontrino_totale div.prezzo_totale{ color: #DA5310; }

div#scontrino div#pulsanti { margin-top: 20px; }
div#scontrino div#pulsanti div{ float:left; text-align: center; }
div#scontrino div#pulsanti div.vai_alla_cassa{ float: right; }
div#scontrino div#pulsanti div a{ font-family: "Johnston sc bold"; color: black; font-size: 0.8em;}

div.container_elemento_scontrino{margin: 0 -10px; padding: 0 10px;}
img#img_addItem{ position: absolute; float:left; margin-left: -97px; margin-top: 4px;}

/* MINIMUM DAILY*/
div#minimum_daily{ width: 143px; height: 283px; _width: 159px; _height: 303px;
    background-color: #faef86;  margin: 11px; padding: 10px;}
div#minimum_daily_box{ border: 2px solid black; width: 140px; _width: 137px; height: 281px;
    background: url(images/daily/daily_bg.gif) no-repeat; position: relative;}

div#minimum_daily_box div.title{ width: 127px; float:right; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed; margin-right: 10px;}
div#minimum_daily_box div.title img{  }
div#minimum_daily_box div.title a{ color: black; }
div#minimum_daily_box div#data{ display:none; }
div#minimum_daily_box div#diary{ font-size: 0.9em; width: 144px; _width: 137px;  height: 157px;
    margin-top: 10px; _margin-left: 3px; margin-left: 7px;}
div#minimum_daily_box div#diary div.img{ display: none;  }
div#minimum_daily_box .jScrollPaneContainer{ position: absolute; _width: 141px; top: 50px; margin-top: 17px; }
div#minimum_daily_box .jScrollPaneTrack{ background-color: #e1d67a; }
div#minimum_daily_box .jScrollPaneDrag{ background-color: black; }
div#minimum_daily_box div#vai_archivio{ position: absolute; bottom: 13px; left: 25px; font-size: 0.9em;}


/* REGISTRATI*/
div#banner_registrati{ width: 143px; height: 149px; _width: 142px; _height: 169px;
    background-color: #efeedc; margin: 11px; padding: 10px; _margin-right: 0px; }
div#banner_registrati_box{ border: 2px solid black; width: 140px; height: 145px; _width: 114px;
    background: url(images/banner-iscriviti/francobollo-minimum-small.jpg) no-repeat; position: relative;}
div#banner_registrati_box div.links{ float: right; width: 113px; margin-top: 40px; margin-right: 20px; _margin-left:5px;  margin-right: 10px;
       _width: 108px; font-size: 0.85em;}
div#banner_registrati_box div.links div.social-links img{ margin: 0px 8px 0 0; }
div#banner_registrati_box div.registrati_text{ margin-left: -8px; _margin-left: 5px; _margin-bottom: 5px;}
div#banner_registrati_box img.separatore{ margin: 3px 0; }


/* TABS */
div.sub_titolo{ font-family: "Johnston medium"; font-size: 1.7em; margin-top: 20px; color: #DA5310; }
div.sub_titolo_right{ font-family: "Johnston sc bold"; font-size: 1em; padding-bottom: 10px;
    border-bottom: 2px solid black; width: 163px; color: #DA5310; margin-top: 20px;}

div#media_gallery { padding-bottom: 1px; border-bottom: 0px dashed; width: 163px}
div#media_gallery ul.tabs { margin: 0; padding: 0; float: left;	list-style: none; border-top: 0px solid #b0c1c9; width: 100%; }
div#media_gallery ul.tabs li { float: left; margin: 0; padding: 0; border: 1px solid #b0c1c9; margin-bottom: -1px; overflow: hidden;
	position: relative; background: #dee7ec; }
div#media_gallery ul.tabs li a { color: #000; display: block; font-size: 0.8em; font-weight: bold; height: 25px; line-height: 24px;
        width: 25px; text-align: center; }
/* div#media_gallery ul.tabs li a:hover { background: #ccc; } */
html div#media_gallery ul.tabs li.active, html ul.tabs li.active a:hover  { background: #fff; color: #DA5310; }
html div#media_gallery ul.tabs li.active a{ color: #DA5310; }
html div#media_gallery ul.tabs li.active{ border-top: 1px solid #fff; }
html div#media_gallery ul.tabs li.empty{ background: #fff; border: 1px solid #fff; border-top: 1px solid #b0c1c9;
       width: 25px; height: 25px; }

div#media_gallery .tab_container { overflow: hidden; clear: both; float: left; width: 100%; height: 170px;}
div#media_gallery .tab_content { padding: 3px; font-size: 1.2em; height: 86px;}
div#media_gallery div.borded{ border-bottom: 1px dashed; }
div#media_gallery div.image_media_gallery{ float: left; margin: 10px 0;  }
div#media_gallery div.text_media_gallery div{ color: #6c8698; font-weight: bold; margin-bottom: 5px; }
div#media_gallery a div.text_media_gallery{ float: right; width: 95px; font-size: 0.8em;  margin: 10px 0; color: black;}
div#media_gallery div.titolo_media_gallery{ font-weight: bold; text-transform: uppercase; color: #6d8798; }


/* foglio_orecchia */
div.foglio_orecchia{ position: relative; border: 1px solid #e1ddc0; background: #f6f6ec;
    padding: 20px; width:330px; _width:370px; text-align: left;}
div.foglio_orecchia img.orecchia{ position:absolute; right:-1px; top: -1px; }
div.foglio_orecchia div#title{ border-bottom: 1px dashed; text-align: left; margin-bottom: 10px;}
div.foglio_orecchia div#title h2{ float: left; margin-left: 10px; }
div.foglio_orecchia div#title img{ float: left; margin-bottom: 5px; }

/* NEWSLETTER */
div#newsletter h1{ margin-bottom: 30px; }
div#newsletter h2{ margin-bottom: 20px; }

/* FORM POPUP */
div#form_registrazione form{ display: inline; }
div#form_registrazione div.label{ color: #6EADD6; font-weight: bold; font-size: 0.9em; margin: 5px; }
div#form_registrazione div.separator{ width: 305px; border-bottom: 1px dashed; margin-bottom: 10px; clear: both; }
div#form_registrazione div.elemento_form{ float: left; width: 165px; margin: 5px 0;}
div#form_registrazione div.long{ width: 330px; }
div#form_registrazione div.long input.long{ width: 310px; }
div#form_registrazione div.long input.cap{ width: 50px; }
div#form_registrazione div.long input.provincia{ width: 40px; }
div#form_registrazione a.invia{ font-weight: bold; display: block; margin-top: 10px; color: #6EADD6;}
div#form_registrazione div.error{ color: red; font-size: 0.8em; }

/* FOOTER */
div#footer{ height: 90px; border-top: 3px solid; }
div#footer div{ float: left; color: white; font-size: 0.9em;}
div#footer div a{ color: white; }
div#footer div.logo{  height: 90px; width: 182px; border-right: 1px dashed black; }
div#footer div.logo img{ margin: 20px; }
div#footer div.dati{ padding: 15px; height: 60px; _height: 90px; width: 546px; _width: 576px; border-right: 1px dashed black; line-height: 13px;}
div#footer div.dati div.col1{ width: 160px; }
div#footer div.dati div.col2{ }
div#footer div.link{ height: 60px; padding: 15px;  font-weight: bold; line-height: 15px;}
