html,body { margin:0; padding:0; height:100%; background:#ffffff; font-family:arial,sans-serif; font-size:12px; }
#divHTML {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:100%;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background: url(img/html-right-bkg.png) repeat-y top right;
}
#divHtmlBgkL {
position:absolute; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
padding: 0;
width:100%;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background: url(img/html-left-bkg.png) repeat-y top left;
}
#divTop {
width:100%;
height: 79px;
margin: 0 auto;
padding: 0;
position: relative;
background: url(img/a-bkg.png) repeat-x;
}
#divTopCenter { float: left; width:100%; }
#divTopCenterCont { margin: 0 26px; }
#divTopRight { float: left; width: 26px; margin-left: -26px; }
#divTopLeft { float: left; width: 409px; margin-left: -100%; }
#divBarraMenu {
width:100%;
height: 40px;
margin: 0 auto;
padding: 0;
position: relative;
background: url(img/b-bkg.png) repeat-x;
}
#divBarraCenter { float: left; width:100%; }
#divBarraCont { margin: 0 125px; }
#divBarraRight { float: left; width: 125px; margin-left: -125px; }
#divBarraLeft { float: left; width: 754px; margin-left: -100%; }
/* MENU LEFT */
#divMenuLeft { width: 754px; height: 40px; margin: 0 auto; padding: 0; position: relative; overflow: hidden; }
#divMenuLeft { background: url(img/b1.png); }
#divMenuLeft ul,#divMenuLeft li { margin: 0; padding: 0; list-style: none; }
#divMenuLeft a { position: absolute; height: 40px; left: 0; top: 0; text-indent: -9999px; }
#divMenuLeft a { background-image: url(img/b1.png) }
/* */
#mnul1 a { width: 119px; left: 26px; background-position: -26px 0; }
#mnul2 a { width: 109px; left: 144px; background-position: -144px 0; }
#mnul3 a { width: 120px; left: 253px; background-position: -253px 0; }
#mnul4 a { width: 150px; left: 409px; background-position: -409px 0; }
#mnul5 a { width: 110px; left: 523px; background-position: -523px 0; }
#mnul6 a { width: 119px; left: 633px; background-position: -633px 0; }
/* */
#mnul1 a:hover,#mnul1 a.active { background-position: -26px -40px; }
#mnul2 a:hover,#mnul2 a.active { background-position: -144px -40px; }
#mnul3 a:hover,#mnul3 a.active { background-position: -253px -40px; }
#mnul4 a:hover,#mnul4 a.active { background-position: -409px -40px; }
#mnul5 a:hover,#mnul5 a.active { background-position: -523px -40px; }
#mnul6 a:hover,#mnul6 a.active { background-position: -633px -40px; }
/* ************************************************** */
/* MENU RIGHT */
#divMenuRight { width: 125px; height: 40px; margin: 0 auto; padding: 0; position: relative; overflow: hidden; }
#divMenuRight { background: url(img/b2.png); }
#divMenuRight ul,#divMenuRight li { margin: 0; padding: 0; list-style: none; }
#divMenuRight a { position: absolute; height: 40px; left: 0; top: 0; text-indent: -9999px; }
#divMenuRight a { background-image: url(img/b2.png) }
/* */
#mnur1 a { width: 72px; left: 17px; background-position: -17px 0; }
/* */
#mnur1 a:hover,#mnur1 a.active { background-position: -17px -40px; }
/* ************************************************** */
#divBody {
width:100%;
margin: 0 auto;
padding: 0;
position: relative;
text-align: left;
}
#divBodyCenter { float: left; width:100%; text-align: left; margin: 0 auto; padding: 0; }
#divCenterCont { margin-right: 246px; margin-left: 26px; position: relative; }
.divCenterCont { padding: 4px; }
#dynamicBox { float: left; width: 728px; margin: 0 auto; padding: 0; }
#dynamicBoxTitleL { float: left; width: 725px; margin: 0 auto; padding: 0; }
#dynamicBoxTitleR { float: left; width: 3px; margin: 0 auto; padding: 0; }
/* Linee Titoli */
/*#dynamicBoxLine { width: 725px; height: 4px; margin: 0 auto; padding: 0; background-image: url(img/dynamicBox-title-01.png); background-repeat: repeat-x; }*/
/* MENU BOX */
#dynamicBoxMenu { width: 725px; height: 45px; margin: 0 auto; padding: 0; position: relative; overflow: hidden; font-size: 11px; }
#dynamicBoxMenu { background: url(img/dynamicBox-title.png); }
#dynamicBoxMenu ul,#dynamicBoxMenu li { margin: 0; padding: 0; list-style: none; }
#dynamicBoxMenu a { position: absolute; width: 142px; height: 38px; left: 0; top: 8px; color: #ffffff; text-decoration: none;}
#dynamicBoxMenu SPAN { display: block; width: 142px; margin-top: 5px; text-align: center; cursor: pointer; }
#dynamicBoxMenu a { background-image: url(img/dynamicBox-title.png) }
/* */
#mdb1 a { left: 6px; background-position: -6px -8px; }
#mdb2 a { left: 150px; background-position: -150px -8px; }
#mdb3 a { left: 294px; background-position: -294px -8px; }
#mdb4 a { left: 438px; background-position: -438px -8px; }
#mdb5 a { left: 582px; background-position: -582px -8px; }
/* */
#mdb1 a:hover,#mdb1 a.active { background-position: -6px -53px; }
#mdb2 a:hover,#mdb2 a.active { background-position: -150px -53px; }
#mdb3 a:hover,#mdb3 a.active { background-position: -294px -53px; }
#mdb4 a:hover,#mdb4 a.active { background-position: -438px -53px; }
#mdb5 a:hover,#mdb5 a.active { background-position: -582px -53px; }
/* VEDI JS */
#dynamicBoxBtOn { position: absolute; width: 142px; height: 38px; left: 0; top: 8px; background-image: url(img/dynamicBox-title.png); left: 6px; background-position: -6px -53px; }
#dynamicBoxBtOn SPAN { display: block; width: 142px; margin-top: 4px; text-align: center; color: #ffffff; text-decoration: none; font-weight: bold; }
/* ************************************************** */
#dynamicBoxBodyC { float: left; width: 728px; } /*width:100%; */
#dynamicBoxBodyCont { width: 728px; margin: 0 auto; height: 224px; background: url(img/dynamicBox-body-bkg.png) repeat-x; text-align: right; }
#dynamicBoxBodyR { float: left; width: 3px; margin-left: -3px; }
#dynamicBoxBodyL { float: left; width: 3px; margin-left: -100%; }
#divBodyRight { float: left; width: 246px; margin-left: -246px; text-align: left; }
#divBodyRight A { color: #000000; }
#divBodyRight A:hover { color: #dc3919; }
/*float: right; width: 220px; margin-right: 27px; background-color: #dddddd; }*/
.rightTitle { width: 212px; height: 30px; margin-left: 8px; text-align: right; background: url(img/right-title.png) no-repeat; font-weight: bold; font-size: 13px; color: #636363; }
.rightTitle SPAN { display: block; margin-right: 10px; padding-top: 7px; }
#rightSearch { width: 212px; height: 59px; margin-left: 8px; text-align: right; background: url(img/right-cerca-bkg.png) no-repeat; font-size: 11px; color: #636363; }
#rightSearch SPAN { display: block; margin-right: 10px; padding-top: 5px; font-weight: bold; }
.rightBody { width: 212px; margin-left: 8px; background: url(img/right-body-bkg.png) repeat-y top left; text-align: left; font-size: 13px; color: #636363; }
.rightBody SPAN { display: block; padding: 6px; }
.rightStats { width: 212px; margin-left: 8px; text-align: center; font-size: 13px; color: #636363; }
#divFoot {
position:absolute;
width:100%;
height: 1px;
bottom:0; /* stick to bottom */
}
/* Catalogo */
.divListBook { float: left; width: 356px; height: 130px; margin: 0 auto; margin-bottom: 8px; padding: 0px; }
.divListBook A { color: #326532; }
.divListBookImg { float: left; width: 84px; text-align: left; }
.divListBookImg IMG { width: 80px; border: 1px solid #060705; }
.divListBookTxt { float: left; width: 254px; text-align: left; margin-left: 4px; }
DIV.divListBookTxt .spanTitle { display: block; font-weight: bold; color: #326532; }
DIV.divListBookTxt .spanAutor { display: block; font-style: italic; }
DIV.divListBookTxt .spanText { display: block; margin-top: 10px; text-align: justify; font-size: 10px; }
.divBoxBook { float: left; width: 99%; margin: 0 auto; margin-top: 10px; padding: 0px; }
.divBoxBookImg { float: left; width: 164px; text-align: left; margin-left: 20px; }
.divBoxBookImg IMG { border: 1px solid #060705; }
.divBoxBookInfo { float: left; text-align: left; margin-left: 4px; }
DIV.divBoxBookInfo .spanTitle { display: block; font-weight: bold; color: #326532; }
DIV.divBoxBookInfo .spanAutor { display: block; font-style: italic; margin-top: 10px; }
DIV.divBoxBookInfo .spanNote { display: block; margin-top: 10px; }
.spanNote P { display: inline; margin: 0 auto; padding: 0; font-style: italic; }
.divBoxBookTxt { width: 99%; margin-left: 4px; margin-top: 10px; text-align: justify; }
.pLabelBookTxt { margin: 0 auto; margin-bottom: 5px; padding: 0; font-style: italic; }
/* Autori & Distribuzione & Rivista */
.divBoxAuto { float: left; width: 99%; margin: 0 auto; margin-top: 10px; padding: 0px; }
DIV.divBoxAuto .spanTitle { display: block; font-weight: bold; font-size: 14px; color: #636363; margin-bottom: 10px; }
.divBoxAutoTxt { width: 99%; margin-left: 4px; margin-top: 10px; text-align: justify; }
DIV.divBoxAutoTxt .imgFoto { width: 80px; margin-right: 10px; margin-bottom: 3px; border: 1px solid #060705;}
.divBoxAutoBook { width: 99%; margin-left: 4px; margin-top: 10px; text-align: left; }
.pLabelBookList { margin: 0 auto; margin-bottom: 5px; padding: 0; font-style: italic; color: #ee7c1c; font-weight: bold; }
DIV.divBoxAutoBook .divListBook { width: 345px; height: 78px; margin-bottom: 2px; }
DIV.divBoxAutoBook .divListBookImg { width: 54px; }
DIV.divBoxAutoBook IMG { width: 50px; }
DIV.divBoxAutoBook .spanTitle { font-size: 12px; }
/* Rivista */
DIV.divListBookTxt .spanData { display: block; font-style: italic; }
.divBoxRivi { float: left; width: 99%; margin: 0 auto; margin-top: 10px; padding: 0px; }
DIV.divBoxRivi .spanTitle { display: block; font-weight: bold; font-size: 14px; color: #636363; }
DIV.divBoxRivi .spanData { display: block; font-style: italic; margin-bottom: 10px; }
/* Acquista */
.spanPrice { display: block; margin-top: 20px; font-weight: bold; }
.spanPrice P { display: inline; margin: 0 auto; padding: 0; font-style: italic; }
.spanBuy { display: block; font-weight: bold; }
/* Links */
.divListCate { margin: 0 auto; margin-bottom: 10px; padding: 4px; font-size: 14px; font-weight: bold; color: #DC3919; border: 1px solid #EEEDED; background: url(img/spanTitle-Bgk.png) repeat-x top left;}
.divListLink { margin: 0 auto; margin-left: 20px; margin-bottom: 10px; padding: 0px; border-bottom: 1px solid #E3E2E2; }
.spanListName { display: block; margin: 0 auto; padding: 0; font-weight: bold; }
.spanListDesc { display: block; margin: 0 auto; margin-top: 5px; padding: 0; font-size: 11px; }
.spanListLink { display: block; margin: 0 auto; margin-top: 5px; padding: 0; }
/******/
.clear { clear: both; }
A { color: #636363; text-decoration: underline; }
A:hover { color: #dc3919; }
FORM { display: inline; }
.cssForm, .cssFormOn { height: 19px; font-size: 11px; background: url(img/input-bkg.png) repeat-x; }
.cssForm { border: 1px solid #b9b8b8; }
.cssFormOn { border: 1px solid #dc3919; }
.divCenterConBorder { display: block; margin-left: 1px; margin-right: 1px; margin-top: 2px; border: 1px solid #9a9a9a; }
.pCenterTitle { margin: 0 auto; margin-bottom: 10px; font-size: 14px; color: #ee7c1c; font-weight: bold; }