/*********************** PROJECT BY GRAFFITI 2000 - G2K ***************/

/*********************** STILI PER IL BODY ****************************/
body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; background-color: #ffffff; font-size: 0.7em; }

a { text-decoration: none; outline: none; }
div.contentPage a { text-decoration: underline; outline: none; color: #232323 !important; }
div.contentPage a:hover { text-decoration: none; }

form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }

ul { margin: 0; padding: 0 0 0 16px; line-height: 19px; }
ul li { margin: 0; padding: 0; }
a img { border: 0; }

div.wrapper { height: 0px; clear: both; }
div.clear { height: 0px; width: 1px; clear: both; float: none !important; border: 0 !important; background-color: Transparent !important; }

/*********************** STILI PER IL LAYOUT **************************/
div#layout { width: 950px; margin: 0 auto; background-image: url( "/templates/pinzolo/images/back-layout.png" ); background-repeat: repeat-y; }
div#container { width: 930px; background: url( "/templates/pinzolo/images/back-container.png" ) bottom repeat-x; margin: 0 auto; }
div#bottom { width: 950px; clear: both; height: 114px; background: url( "/templates/pinzolo/images/back-bottom-pngfix.png" ) no-repeat; margin: 0 auto; }

/*********************** STILI PER I CONTENUTI ************************/

div#content { width: 695px; float: left; padding: 0px; margin: 0px; }
div#header { height: 88px; }
div.logoCR { margin: 11px 0px 0px 30px; height: 33px; width: 137px; cursor: pointer; float: left; }
div.logoCR img { border: none; margin: 0px; }

/**** Navbar */

div.navbar { height: 27px; margin-left: 31px; width: 664px; border-left: 1px solid #a9a8a8; padding: 0px; }
div.button { width: 165px; height: 18px; background: url( "/templates/pinzolo/images/btnTabs.jpg" ); background-position: 0px 0px; background-repeat: repeat-x; float: left; text-align: center; padding: 7px 0px 0px 0px; border-top: 1px solid #a9a8a8; border-bottom: 1px solid #a9a8a8; border-right: 1px solid #a9a8a8; }
div.button:hover { background-position: 0px -25px; cursor: pointer; }

/**** TextArea */

div#textArea { padding: 0px 0px 0px 0px; margin: 20px 24px 0px 18px; }
div#textAreaPage { margin-left: 27px; }
div.containerTabs { border: 1px solid #a2a7aa; margin-top: 1px; }
div.containerTabsInterno { margin: 1px 0px 0px 0px; }
div#slidingDiv { overflow: hidden; position: absolute; border: none; width: 664px; height: 351px; margin: 1px 0px 0px 31px; }
div#containerTabsInternoBig { display: none; border-left: 1px solid #a2a7aa; border-right: 1px solid #a2a7aa; border-bottom: 1px solid #a2a7aa; width: 662px; height: 340px; padding: 0px; margin: 0px; overflow: hidden; }
div.containerTabsBig { width: 666px; height: 340px; padding: 0px; overflow: hidden; }
div.containerTabsInternoText { width: 630px; height: 324px; padding: 16px 16px 0px 16px; display: none; }
div.containerTabsInternoText div.textContent { padding-right: 240px; padding-left: 0px; }

div.containerTabsText { position: relative; width: 634px; height: 324px; padding: 16px 16px 0px 16px; background-color: #ffffff; background-repeat: no-repeat; background-position: 0px 0px; }
div.containerTabsText p, div.containerTabsInternoText p { line-height: 19px; }

div.containerTabsSection { height: 25px; }

.btnSmall, .btnBig { float: left; height: 19px; cursor: pointer; background-position: 0px 1px; background-image: url( "/templates/pinzolo/images/btnTabs.jpg" ); background-repeat: repeat-x; background-color: #acadad; text-align: center; padding-top: 6px; }
.btnSmall:hover, .btnBig:hover, .btnSmall.selected, .btnBig.selected { background-position: 0px -24px; }
.btnSmall { width: 166px; border-right: 1px solid #a8a9a9; }
.btnBig { width: 165px; }

div.highlights { width: 668px; height: 127px; margin-top: 10px; padding: 0px; position: relative; }
div.highlights div { width: 214px; height: 140px; border: 1px solid #8b8b8b; position: absolute; overflow: hidden; top: 0; left: 0; display: none; }
div.highlights .icon0 { display: block; }
div.highlights .icon1 { display: block; left: 226px; }
div.highlights .icon2 { display: block; left: 452px; }

/******* Content *******/
div.contentPage { padding: 0; margin: 0 0 0 16px; }

/*********************** STILI PER L'AREA DEL MENU ****************************/
div#menu { padding: 0px; margin: 0px 24px 0px 0px; width: 205px; float: right; }

div.simpleTitle { margin-top: -1px; font-size: 0.9em; height: 16px; width: 201px; text-align: center; padding: 7px 0px 0px 0px; color: #1e1e1e; background-color: #e5e5e5; border-top: 1px solid #b1b1b1; border-left: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; }
span.specialTitle { font-size: 1.1em; color: #232323; font-weight: bold; }

/* SEARCH BOX */
div.searchBox { margin-top: 20px; }
.search { border: 0px; width: 140px; font-size: 0.9em; color: #c1c1c1; padding-left: 5px; margin: 3px 0px 0px 0px; float: left; }
.searchdiv { padding: 0px 0px 2px 20px; height: 18px; width: 180px; border: 1px solid #e8e8e8; background: url( "/templates/pinzolo/images/search-lens.jpg" ) 5px 4px no-repeat; }
.searchbutton { width: 25px; height: 15px; border: none; background: url( "/templates/pinzolo/images/search-button.jpg" ) 0px 0px no-repeat; cursor: pointer; padding: 0px; margin: 3px 0px 0px 0px; float: right; }

/* TABS NEWS e INBANK */
div.tabsBox, div.tabsBoxHome { width: 203px; min-height: 27px; margin-top: 21px; }

div.tabsHeader { height: 26px; position: relative; z-index: 30; }

div.tabsContent, div.tabsContentHome { position: relative; z-index: 20; width: 201px; overflow: hidden; height: 130px; border: 1px solid #b1b1b1; background: #f1f1f1 url( "/templates/pinzolo/images/back-news.png" ) left bottom repeat-x; }

div#tabOne, div#tabTwo { background-color: #f1f1f1; background-repeat: no-repeat; border-top: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; padding: 0px; cursor: pointer; position: absolute; text-align: center; font-size: 1.1em; font-weight: bold; color: #767676; padding-top: 3px; }

div#tabOne img, div#tabTwo img { margin-top: -3px; }

.tabsNewsOff, .tabsInbackOff { width: 81px; height: 18px; background-image: url( "/templates/pinzolo/images/btnTab.jpg" ); }
.tabsNewsOn, .tabsInbackOn { width: 99px; height: 22px; background-image: none; border-left: 1px solid #b1b1b1; }

.tabsNewsOff { margin: 4px 0 0 101px; }
.tabsInbackOff { margin: 4px 0 0 19px; border-left: 1px solid #adadad; }
.tabsNewsOn { margin: 1px 0 0 102px; }
.tabsInbackOn { margin: 1px 0 0 0; }

div.singleTab { display: none; }

div.textInbank { margin: 7px 10px 0px 10px; color: #878787; line-height: 18px; text-align: justify; }

div.loginInbank { margin: 24px 0 0 0; text-align: center; }

/********* NEWS *******/
div.newsBox { margin: 0; padding: 0; color: #9e9e9e; font-size: 0.9em; }
div.newsboxBlock { top: 26px; left: 22px; position: absolute; width: 156px; }
div.newsboxBlock p { margin: 8px 0px; }
div.newsboxBlock a { color: #9f9f9f; text-decoration: none; }
div.newsboxBlock a:hover { text-decoration: underline; }
div.newsboxBlock div.newsDate { color: #4ca2ce; text-align: left; font-weight: bold; padding: 0 0 8px 0; margin: 0; }

div#newsNav { height: 16px; overflow: hidden; text-align: center; position: absolute; bottom: 3px; width: 201px; }
div#newsNav a { color: #343434; font-size: 0.9em; }
div#newsNav a:hover { font-weight: bold; }

/* BOX MENU */

div.listBox { margin: 0px 0px 0px 0px; }
div.listVoice { width: 203px; height: 27px; overflow: hidden; padding: 0px; margin: 1px 0px 0px 0px; }
div.listVoiceTitle { width: 201px; font-size: 0.9em; height: 19px; cursor: pointer; text-align: center; padding: 6px 0px 0px 0px; margin: 0px 0px 1px 0px; color: #1e1e1e; border: 1px solid #a9a8a8; background: url("/templates/pinzolo/images/btnTabs.jpg") 0px 0px repeat-x; }
div.listVoiceTitle a { color: #1e1e1e; display: block; text-align: center; width: 201px; height: 19px; }
div.listVoiceTitle a:hover { text-decoration: underline; }
div.listVoiceTitle:hover { background-position: 0px -25px; cursor: pointer; }
div.listVoiceContent { background: #303030 url( "/templates/pinzolo/images/back-listmenu.png" ) 0px 0px no-repeat; font-size: 0.9em; text-align: left; color: #ffffff; width: 201px; overflow: hidden; border: 1px solid #a9a8a8; padding: 7px 0px 7px 0px; margin: 0px 0px 0px 0px; }
div.listVoiceContent ul { margin: 0px; padding: 0px 0px 0px 14px; line-height: 16px; }
div.listVoiceContent ul li { margin: 0px; padding: 0px; }
div.listVoiceText { margin: 0px 7px 3px 7px; }

div.listVoiceText a { color: #FFFFFF; text-decoration: underline; }
div.listVoiceText a:hover { text-decoration: none; }

div.listVoiceSubmenuLink { background: url( "/templates/pinzolo/images/opac.png" ); margin: 0px 5px 3px 5px; padding: 4px 3px 4px 3px; cursor: pointer; }
div.listVoiceSubmenuLink:hover { background: url( "/templates/pinzolo/images/opac-hover.png" ); cursor: pointer; }

div.listVoiceSubmenu { background: url( "/templates/pinzolo/images/opac-hover.png" ); margin: 0px 5px 3px 5px; padding: 4px 3px 4px 3px; }

div.listVoiceSubmenu a { color: #FFFFFF; text-decoration: underline; }
div.listVoiceSubmenu a:hover { text-decoration: none; }

/** BOX HOME **/
.boxHome { list-style: none; margin: 0; padding: 0; background: #ffffff; height: 225px; opacity: 0.9; position: absolute; bottom: 20px; left: 20px; width: 520px; }
.boxHide { display: none; }
.boxHome h3 { top: -1.7em; left: 0; margin: 0; padding: 0 0 0.2em 0; width: 40%; height: 1.5em; background-color: #5d7fb8; color: #fefefe; font-size: 1.2em; font-weight: normal; position: absolute; }
.boxHome h3 a { color: #fefefe; height: 245px; padding: 0.1em 0.5em; display: block; }
.boxHome ul { margin: 0 0 0 45%; padding: 18px 0; list-style: none; }
.boxHome ul li { color: #5b7db8; margin: 0 30px 0 0; padding: 2px 10px; border-top: 1px solid #d6d6d6; }
.boxHome ul li:first-child { border-top: 0; }
.boxHome ul li a { color: #5b7db8; display: block; background: url('/templates/pinzolo/images/listhome.gif') right center no-repeat; }

#boxHome0 h3 a { background: url('/templates/pinzolo/images/banca.png') center 55px no-repeat; }
#boxHome1 h3 a { background: url('/templates/pinzolo/images/soci.png') center 55px no-repeat; }
#boxHome2 h3 a { background: url('/templates/pinzolo/images/offerta.png') center 55px no-repeat; }
#boxHome3 h3 a { background: url('/templates/pinzolo/images/comunita.png') center 55px no-repeat; }

/*********************** STILI PER IL FOOTER **************************/
div#footer { clear: both; padding: 30px 10px; }
div.footerMenu { float: left; }
div.footerIcon { float: right; }

div#footer ul { margin: 0; padding: 0; }
div#footer ul li { list-style-type: none; display: inline; border-left: 1px solid #000; padding: 0 10px 0 12px; }
div#footer ul li:first-child { border: 0; padding: 0 10px 0 12px; }
div#footer ul li a { color: #333; }

/* VARIE */
h3.xmas, h3.easter, h3.summer { display: none; }