/*********************** 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/valdisole2010/images/back-layout.png"); background-repeat: repeat-y; position: relative; }
div#container { width: 930px; background: url("/templates/valdisole2010/images/back-container.png") bottom repeat-x; margin: 0 auto; }
div#bottom { width: 950px; clear: both; height: 114px; background: url("/templates/valdisole2010/images/back-bottom-pngfix.png") no-repeat; margin: 0 auto; position: relative; }

/*********************** STRUTTURA ************************/
div#content { width: 695px; float: left; padding: 0px; margin: 0px; position: relative; }
div#header { height: 88px; }

/* Header */
div.logoCR { margin: 11px 0px 0px 30px; height: 33px; width: 137px; cursor: pointer; float: left; }
div.logoCR img { border: none; margin: 0px; }

/* Navtools */

#navtools { position: absolute; right: 22px; top: 20px; }
    #navtools ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
        #navtools ul li { margin: 0 0 0 20px; padding: 0; display: block; float: left; }
            #navtools ul li a { color: #c1c1c1; display: block; padding: 1px 0 8px 22px; }
            #navtools ul li a:hover { text-decoration: underline; }
            #navtools ul li.home a { background: url("/templates/valdisole2010/images/tools-home.png") no-repeat 0 center; }
            #navtools ul li.reserved-area a { background: url("/templates/valdisole2010/images/tools-reserved.png") no-repeat 0 center; }

/**** 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/valdisole2010/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; overflow: hidden; }
div.containerTabsInterno { margin: 1px 0 0 0; }

div.containerTabsBig { width: 666px; height: 340px; padding: 0; }
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 { line-height: 19px; }
div.containerTabsSection { height: 25px; width: 666px; overflow: hidden; }

.btnSmall, .btnBig { float: left; height: 19px; cursor: pointer; background-position: 0px 1px; background-image: url("/templates/valdisole2010/images/btnTabs.jpg"); background-repeat: repeat-x; background-color: #acadad; text-align: center; padding-top: 6px; }
/*.btnSmall:hover, .btnBig:hover { 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: 0 24px 0 0; 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/valdisole2010/images/search-lens.jpg") 5px 4px no-repeat; }
.searchbutton { width: 25px; height: 15px; border: none; background: url("/templates/valdisole2010/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: 160px; border-top: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; border-left: 1px solid #b1b1b1; background-color: #f1f1f1; background-image: url("/templates/valdisole2010/images/back-news.png"); background-repeat: repeat-x; background-position: left 66px; }

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

.tabsNewsOff { width: 52px; height: 17px; background: #d9d9d9 url("/templates/valdisole2010/images/btnTab.jpg") right 0px no-repeat; }
.tabsInbackOff { width: 144px; height: 17px; background: #d9d9d9 url("/templates/valdisole2010/images/btnTab.jpg") right 0px no-repeat; }
.tabsNewsOn { width: 53px; height: 21px; background-color: #f1f1f1; background-image: none; border-left: 1px solid #b1b1b1; }
.tabsInbackOn { width: 145px; height: 21px; background-color: #f1f1f1; background-image: none; border-left: 1px solid #b1b1b1; }

.tabsNewsOff { margin: 4px 0px 0px 147px; }
.tabsInbackOff { margin: 4px 0px 0px 3px; border-left: 1px solid #adadad; }
.tabsNewsOn { margin: 1px 0px 0px 148px; }
.tabsInbackOn { margin: 1px 0px 0px 0px; }

div.singleTab { display: none; }
div.textInbank { margin: 7px 10px 0px 10px; color: #878787; line-height: 18px; text-align: justify; }
div.loginInbank { margin: 20px 0 0 0; text-align: center; }
div.loginSimplybank { margin: 26px 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-position: 0px 0px; background-image: url("/templates/valdisole2010/images/btnTabs.jpg"); background-repeat: 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/valdisole2010/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/valdisole2010/images/opac.png"); margin: 0px 5px 3px 5px; padding: 4px 3px 4px 3px; cursor: pointer; }
div.listVoiceSubmenuLink:hover { background: url("/templates/valdisole2010/images/opac-hover.png"); cursor: pointer; }

div.listVoiceSubmenu { background: url("/templates/valdisole2010/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 { background: #b7c6ce url("/templates/valdisole2010/images/box-background.png") repeat-x bottom left; bottom: -25px; cursor: default; height: 365px; left: 0; list-style: none; margin: 0 19px; padding: 0; position: absolute; visibility: hidden; width: 166px; }
    .boxHome h3 { background-image: url("/templates/valdisole2010/images/box-shadow.png"); background-position: 0 0; background-repeat: no-repeat; bottom: 0; font-size: 1em; height: 365px; margin: 0; left: -19px; padding: 0 19px; position: absolute; width: 165px; z-index: 1; }
        .boxHome h3 a { bottom: 0; color: #ffffff; display: block; font-weight: normal; left: 19px; padding: 0 0 4px 0; position: absolute; text-align: center; width: 165px; }
    .boxHome ul { margin: 0 11px; padding: 70px 0 0 0; list-style: none; border-bottom: 1px dotted #d6d6d6; position: relative; z-index: 2; }
        .boxHome ul li { color: #ffffff; margin: 0; padding: 0; border-top: 1px dotted #d6d6d6; }
            .boxHome ul li a { background: url("/templates/valdisole2010/images/listhome.gif") 4px 10px no-repeat; color: #ffffff; display: block; line-height: 16px; padding: 4px 0 4px 14px; overflow: hidden; }
            .boxHome ul li a:hover { background-color: #ffffff; color: #176ca7; font-weight: bold; opacity: 0.8; }

#boxHome0 { left: -19px; }
#boxHome1 { left: 148px; }
#boxHome2 { left: 315px; }
#boxHome3 { left: 482px; width: 165px; }
    #boxHome3 ul { margin: 0 8px; padding: 3px 0 0 0 ; border: 0; }
        #boxHome3 ul li { border: 0; margin: 0; padding: 0; line-height: 11px; }
            #boxHome3 ul li a { background-position: 4px 4px; display: block; font-size: 0.9em; line-height: 11px; padding: 1px 0 2px 14px; }
            #boxHome3 ul li a:hover { font-weight: normal; }

/*********************** 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; }

/* Certificazione */
.certificazione { background: url("/templates/valdisole2010/images/logo-iso.png") no-repeat left 0; color: #28578d; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.8em; height: 50px; left: 268px; line-height: 1.1em; padding: 7px 0 0 50px; position: absolute; top: 10px; }

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