html { border: 0; margin: 0; padding: 0; height: 100% } body { background: url(../images/comunes/fondo_pagina.gif) no-repeat top center #fff; margin: 0; padding: 0; /* color: #333; */ background-color:#EEEEEE; font-size: 70%; font-family: Arial,Tahoma,Verdana,'Sans-serif'; /* text-align: center; */ height: 100% } h1 { margin:0; padding:0; line-height: 0; font-size: 0; color: #fff; text-indent:-9000px } h2, h3, h4 { margin:0; padding:0; } ul, dl, li, ol, dt, dd { margin:0; padding:0; list-style: none; } a { text-decoration:none; color:#666; } img { border:0 } p { margin: 0; padding:0 } form, fieldset, label, input, select, textarea, legend { padding: 0; margin: 0; color: #333; font-size: 127%; /* font-family: Arial,Tahoma,Verdana,'Sans-serif'; */ } label { color:#666666; } fieldset, legend { border: 0 } form { display: inline } button { border: none } table { width: 100%; } table, td, tr { padding:0; border:0; margin: 0; border-collapse:collapse; } tr, td { vertical-align: top; } :focus { outline: 0; } /***************************** begin general *****************************/ .wrapper { margin: 0 auto; text-align: left; width: 97%; height: 100% }/*751px*/ .header { min-width: 730px; /* border-bottom: 3px solid #049460; */ padding: 48px 0 10px } .header a { float: left; display: block; background: url(../html/images/logo.gif) no-repeat; width: 210px; height: 49px; text-indent: -9000px; margin: 0; padding: 0 } .header h1 { background: url(../images/tit_branch.gif) no-repeat 0 100%; width: 510px; height: 17px; margin: 0 0 7px 222px } .header h2 { display:block; font-size: 10px; color: #049460; margin: 0 0 0 222px } /* .headerMappa { min-width: 743px; border-bottom: 3px solid #049460; padding: 17px35px*//*48px 0 10px } */ .headerMappa { min-width: 743px; padding: 17px/*35px*//*48px*/ 0 10px } .headerMappa a { float: left; display: block; background: url(../html/images/logo.gif) no-repeat; width: 210px; height: 49px; text-indent: -9000px; margin: 0; padding: 0 } /* .headerMappa h1 { background: url(../images/tit_branch.gif) no-repeat 0 100%; width: 510px; height: 17px; margin: 0 0 7px 222px } */ .headerMappa h1 { width: 510px; height: 17px; margin: 0 0 7px 222px } .headerMappa h2 { display:block; font-size: 10px; color: #049460; margin: 0 0 0 222px } .boxing { margin: 15px 0; padding: 0 0 0 10px; background:url(../images/box_home.png) bottom left repeat-y; min-width: 710px } .boxing .bt { height:15px; padding:0 ; margin:0 0 0 -10px; background:url(../images/box_home.png) 100% 0 no-repeat; } .boxing .bi { margin: 0; background:url(../images/box_home.png) bottom right} .boxing .bt div { width:10px; height:25px; background:url(../images/box_home.png) 0 0 no-repeat; } .boxing .bi h3 { float: left; width: 99%; border-bottom: 1px solid #049460; margin: 0 0 10px } .boxing .bi h3 span { float: left; font-size: 11px; font-weight: bold; color: #fff; background:url(../images/sol_left.gif) no-repeat #049460 } .boxing .bi h3 span span { background:url(../images/sol_right.gif) top right no-repeat; padding: 1px 10px 0 10px; text-transform: uppercase } /* .boxing_menu { min-width: 743px; position: relative; margin: 5px -4px 0 0; background:url(../images/box_menu.png) top right repeat-y; padding: 0 5px 0 0; height: 56px; z-index: 5; } */ .boxing_menu { min-width: 743px; position: relative; margin: -3px -4px 3px; padding: 0 5px 0 0; height: 85px; z-index: 5; } /* .boxing_menu .bi { float: left; background:url(../images/box_menu.png) 0 0 repeat-y; padding: 0 0 0 5px; height: 56px } */ .boxing_menu .bi { float: left; padding: 0 0 0 5px; height: 56px } .bar { margin: 0 -3px;height: 20px } .bar span { float:left; display: block; height: 20px; width: 26% } .boxing_mapa { position: relative; min-height: 60%; height: /*60%*/65%; min-width: 743px; width: 100%; margin: 0; padding:0 3px 0 0; z-index: 1 } .boxing_mapa .bi { height: 100%; padding:0;margin-top: 20px; background:url(../images/border_map.gif) 0 0 repeat-y; } .boxing_mapa .bt { height:6px; margin:0 -3px; background:url(../images/box_map.gif) 100% 0 no-repeat; } .boxing_mapa .bt div { width:3px; height:6px; background:url(../images/box_map.gif) 0 0 no-repeat; } .boxing_mapa .bb { position: relative; height:6px; margin:-16px -3px 0; background:url(../images/box_map.gif) 100% 100% no-repeat; } html>body .boxing_mapa .bb { margin-top: -5px; } .boxing_mapa .bb div { width:3px; height:6px; background:url(../images/box_map.gif) 0 100% no-repeat; } /***************** reference *******************/ .reference { float: left; width: 26%; overflow-y: scroll; height: 88.3%; padding: 7px; margin: 0; background-color: #FFFFFF;} /***************** reference a - b *******************/ .reference .a, .reference .b { width: auto; display: block; background:url(../images/icon_01.gif) 5px 5px no-repeat #eeeeee; font-size: 12px; margin: 4px 0; color: #000 } .reference .b { background: url(../images/icon_02.gif) 4px 0 no-repeat #eeeeee; } .reference .a td, .reference .b td { padding: 10px 5px 5px } .reference a, .reference td.indici { color: #049460; text-decoration: underline } .reference td.indici { width: 7%; padding: 10px 5px 5px 35px } .reference td.modifica { padding: 5px; text-align: right; font-size: 90%; vertical-align: bottom } .reference td.modifica a { float:right } .reference a:hover { text-decoration: none } /*************** nasconde l'elenco dopo la direzione ****************/ .reference .hidden { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } /**************** reference in auto *******************/ .reference fieldset { margin: 3px 0 7px; padding: 0 0 3px 0; border-bottom: 1px solid #d2d2d2 } .reference fieldset span { display: block; float: right; padding: 4px 0 0 } /**************** reference steeps *******************/ .reference table.steep { width: auto } .reference table.steep th, .reference table.steep td { border-bottom: 1px dotted #e1e1e1; margin: 0; padding: 7px 10px 7px 0; color: #049460 } .reference table.steep th { width: 5px; text-decoration: underline } .reference table.steep td { color: #666 } .reference table.steep td.kms { padding: 7px 0 7px 10px; text-align: right; white-space: nowrap; color: #666 } .reference table.steep td strong { font-weight: bold; color: #049460 } .reference strong.title { font-size: 11px; color: #000; display: block; margin: 0 0 3px } .reference ul { border-top: 1px solid #d2d2d2; margin: 7px 0; padding: 7px 0 } .reference ul li { padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #e1e1e1; } .reference ul li a { display:block } .reference ul li span { float:left; width:90%; color: #666; line-height: 17px; font-size: 11px } .reference ul li ol { float:left; width: 15px /*10%*//*20px*/; margin: 2px 0 0 } .reference ul li ol li { border-bottom: none; margin: 0 0 3px; padding: 0 0 2px; width: 0px; height: 7px; text-indent: -9000px; line-height: 0; font-size: 0 } .reference ul li ol li.filiali { background: #049460 } .reference ul li ol li.bancomat { background: #08286b } .reference ul li ol li.imprese { background: #cd7e00 } .reference ul li ol li.corporate { background: #70b1ce } .reference ul li ol li.private { background: #894538 } .reference ul li ol li.enti { background: #7ca75d } /**** evidenziare gli stili di google per directions ****/ /**** il nome della classe default di google ****/ /**** elemento evidenzia in rosso "strada a pedaggio" ****/ .reference .googledir .google_impnote { color:#CC0033 } .reference .googledir b { color:#009966 } /*#stampa .boxing_mapa { min-height: auto; height: auto; } #stampa .reference { float: none; width: 98%; height: auto; overflow: visible; margin: 0; } #stampa td { width: 96% } #stampa td.indici { width: 140px } #stampa .google_impnote { color:#CC0033 } #stampa b { color:#009966 }*/ #stampa.wrapper { margin:0 auto; text-align: left; width:755px;height:auto;} #stampa .boxing_mapa { min-height: auto; height: auto;} #stampa .reference { float: none; width:743px; text-align:left; height: auto; overflow: visible; margin: 0; } #stampa TABLE{ width:733px !important;} #stampa td {} #stampa td.indici {width:40px;} #stampa .google_impnote { color:#CC0033 } #stampa b { color:#009966 } #stampa td.indici {padding: 10px 5px 5px 35px;} #stampa span.routeDistance {padding: 5px 0px 0px 7px;} #stampa select.travelMode {padding: 0px 0px 0px 7px; margin-top:5px; } #stampa td.descrizione{ width:530px;} #stampa td.descrizione, #stampa td.kms {padding:10px 0;} #stampa td.kms{text-align:right; padding-right:10px;} #stampa .boxing_mapa { position: relative; margin:0; padding:0; width:755px; background:url(../images/border_map.gif) top right repeat-y; z-index: 1;} #stampa>.boxing_mapa { padding:0 3px 0 0; width:752px;} .tabLoc{border: 1px solid silver; background-color:#f5f5f5; text-align:left; margin-left:7px;} .tabLoc TD{ padding:10px 5px;} .rowOff{width:732px; padding:0; margin:0; overflow:hidden; } .rowOn{background:#f5f5f5; width:732px; padding:0; margin:0; overflow:hidden; } .selectBy{ width:712px; margin-left:7px; padding:10px; border-bottom:1px solid #CCC;} .ftStampa{width:755px; margin:0 auto; padding:0 0 0 0px;} body>.ftStampa{width:755px} .ftStampa .ftSx{background:url(../images/box_map.gif) left bottom no-repeat; width:700px; float:left} .ftStampa>.ftSx{background:url(../images/box_map.gif) 3px bottom no-repeat; width:700px;} .ftStampa .ftDx{background:url(../images/box_map.gif) right bottom no-repeat; width:55px; float:right} /*.ftStampa .ftSx{background:url(../html/images/box_map.gif) left bottom no-repeat; width:100%x; float:left; margin: 0;} .ftStampa>.ftSx{background:url(../html/images/box_map.gif) 0px bottom no-repeat; width:50%;} .ftStampa .ftDx{background:url(../html/images/box_map.gif) right bottom no-repeat; width:50%; float:right}*/ #mappe{width:730px;overflow:hidden; margin:0 auto;} #mappe strong{ font-size:14px; text-align:center; display:block; padding:10px 0 5px 0;} /********************** mapa ***************************/ .mapa { position: relative; height: 93.8%; overflow: hidden; float: right; width: 72%; z-index: 1; } .boxing fieldset { display: block; float: right; width: 30%; margin-right:1%; } .boxing fieldset ul li { float: left; width: 100% } .boxing fieldset ul li ol li { float: left; width: auto } .boxing label { display: block; color: #049460; text-transform: uppercase; font-weight: bold } .boxing select, .boxing input { width: 140px; height: 18px; border: 1px solid #9C9C9C; margin: 0 5px 10px 0 } .boxing select { height: 21px; } .boxing select.localita { height: 21px; width: 205px;} .boxing input.text { width: 58px } .boxing input.text2 { width: 205px } .boxing select.listaindirizzi { width: 205px } .boxing select:hover, .boxing input:hover { border: 2px solid #049460; } .boxing input:hover { margin: 0 3px 8px 0 } .boxing .categoria { float: none; width: 100%; margin: 0 0 80px } .boxing .categoria ul { width: 78% } .boxing .categoria ul li ol li { margin-right: 10px } .boxing .categoria input.text2 { width: 295px } .boxing .categoria h4 { float: right; width: 145px; height: 87px; background:url(../images/categoria/filiali.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/categoria/filiali.png'); text-indent: -9000px } .boxing .categoria h4.bancomat { background: url(../images/categoria/bancomat.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/categoria/bancomat.png') } .boxing .categoria h4.imprese { background: url(../images/categoria/imprese.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/categoria/imprese.png') } .boxing .categoria h4.corporate { background: url(../images/categoria/corporate.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/categoria/corporate.png') } .boxing .categoria h4.private { background: url(../images/categoria/private_banking.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/categoria/private_banking.png') } .boxing .categoria h4.enti { background: url(../images/categoria/enti.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/categoria/enti.png') } .icon { float: left; width: 100%; } .icon li { background: none repeat scroll 0 0 #333; float: left; height: 80px; padding: 0 3px 4px 0; width: 16.6%; min-width: 100px; } .icon li:not(.on):hover { background: none repeat scroll 0 0 #00925b; } .icon li.on { background:#fff; } @media (max-width: 700px) { .icon li { width: 50%; } } .icon li a { display: block; height: 80px; margin: 0 auto; text-indent: -9000px; width: 100px; } .icon li a.filiali { cursor: pointer; background: url(../images/ico/filiali_off.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/filiali_off.png'); } .icon li a.bancomat { cursor: pointer; background: url(../images/ico/bancomat_off.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/bancomat_off.png'); } .icon li a.imprese { cursor: pointer; background: url(../images/ico/imprese_off.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/imprese_off.png'); } .icon li a.corporate { cursor: pointer; background: url(../images/ico/corporate_off.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/corporate_off.png'); } .icon li a.private { cursor: pointer; background: url(../images/ico/private_banking_off.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/private_banking_off.png'); } .icon li a.enti { cursor: pointer; background: url(../images/ico/enti_off.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/enti_off.png'); } .icon li.on a.filiali { cursor: pointer; background: url(../images/ico/filiali_on.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/filiali_on.png'); } .icon li.on a.bancomat { cursor: pointer; background: url(../images/ico/bancomat_on.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/bancomat_on.png'); } .icon li.on a.imprese { cursor: pointer; background: url(../images/ico/imprese_on.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/imprese_on.png'); } .icon li.on a.corporate { cursor: pointer; background: url(../images/ico/corporate_on.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/corporate_on.png'); } .icon li.on a.private { cursor: pointer; background: url(../images/ico/private_banking_on.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/private_banking_on.png'); } .icon li.on a.enti { cursor: pointer; background: url(../images/ico/enti_on.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/enti_on.png'); } .icon li:not(.on):HOVER a.filiali { cursor: pointer; background: url(../images/ico/filiali_over.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/filiali_on.png'); } .icon li:not(.on):HOVER a.bancomat { cursor: pointer; background: url(../images/ico/bancomat_over.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/bancomat_on.png'); } .icon li:not(.on):HOVER a.imprese { cursor: pointer; background: url(../images/ico/imprese_over.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/imprese_on.png'); } .icon li:not(.on):HOVER a.corporate { cursor: pointer; background: url(../images/ico/corporate_over.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/corporate_on.png'); } .icon li:not(.on):HOVER a.private { cursor: pointer; background: url(../images/ico/private_banking_over.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/private_banking_on.png'); } .icon li:not(.on):HOVER a.enti { cursor: pointer; background: url(../images/ico/enti_over.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/ico/enti_on.png'); } .alert { clear: both; width: 97%; border-top: 1px solid #72c29d; padding: 7px } .alert button { float: right; cursor: pointer; background: url(../images/bot_cerca.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/bot_cerca.png'); width: 74px; height: 26px; text-indent: -9000px } .alert p { font-size: 10px; color:#049460; font-weight: bold; padding: 7px 0 0 } .alert .error { color: #ff2300 } /* .km { float: right; margin: 9px -2px 0 0; background: url(../images/km.gif) 0 70% no-repeat; width: 117px; padding: 0 0 0 20px } */ .km { float: right; margin: 9px -2px 0 0; width: 117px; padding: 0 0 0 20px; display:block; } .boxing_menu ul { position: absolute; left: 7px; top: 7px } .boxing_menu li { float: left; padding: 0 4px 0 0 } .boxing_menu li a { display: block; width: 72px; height: 51px; text-indent: -9000px } .boxing_menu li a.filiali {margin-left:-3px; cursor: pointer; background: url(../images/menu/filiali_off.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/filiali_off.png'); z-index: 5; } .boxing_menu li a.bancomat { margin-left:-4px; cursor: pointer; background: url(../images/menu/bancomat_off.png) no-repeat top left !important; height: 80px; width: 100px;background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/bancomat_off.png'); z-index: 10; } .boxing_menu li a.imprese { margin-left:-4px; cursor: pointer; background: url(../images/menu/imprese_off.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/imprese_off.png'); z-index: 15; } .boxing_menu li a.corporate {margin-left:-4px; cursor: pointer; background: url(../images/menu/corporate_off.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/corporate_off.png'); z-index: 20; } .boxing_menu li a.private { margin-left:-4px; cursor: pointer; background: url(../images/menu/private_banking_off.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/private_banking_off.png'); z-index: 25; } .boxing_menu li a.enti { margin-left:-4px; cursor: pointer; background: url(../images/menu/enti_off.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/enti_off.png'); z-index: 30; } .boxing_menu li#filiali a.on {margin-left:-3px; background: url(../images/menu/filiali_on.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/filiali_on.png'); z-index: 5; } .boxing_menu li#bancomat a.on { margin-left:-4px; background: url(../images/menu/bancomat_on.png) no-repeat top left !important; height: 80px; width: 100px;background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/bancomat_on.png'); z-index: 10; } .boxing_menu li#imprese a.on {margin-left:-4px; background: url(../images/menu/imprese_on.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/imprese_on.png'); z-index: 15; } .boxing_menu li#corporate a.on {margin-left:-4px; background: url(../images/menu/corporate_on.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/corporate_on.png'); z-index: 20; } .boxing_menu li#private a.on {margin-left:-4px; background: url(../images/menu/private_banking_on.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/private_banking_on.png'); z-index: 25; } .boxing_menu li#enti a.on {margin-left:-4px; background: url(../images/menu/enti_on.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/enti_on.png'); z-index: 30; } .boxing_menu li a.filiali:hover{ margin-left:-3px; background: url(../images/menu/filiali_over.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/filiali_on.png'); z-index: 5; } .boxing_menu li a.bancomat:hover{ margin-left:-4px; background: url(../images/menu/bancomat_over.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/bancomat_on.png'); z-index: 10; } .boxing_menu li a.imprese:hover{margin-left:-4px; background: url(../images/menu/imprese_over.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/imprese_on.png'); z-index: 15; } .boxing_menu li a.corporate:hover{ margin-left:-4px; background: url(../images/menu/corporate_over.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/corporate_on.png'); z-index: 20; } .boxing_menu li a.private:hover{margin-left:-4px; background: url(../images/menu/private_banking_over.png) no-repeat top left !important; height: 80px; width: 100px; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/private_banking_on.png'); z-index: 25; } .boxing_menu li a.enti:hover{ margin-left:-4px; background: url(../images/menu/enti_over.png) no-repeat top left !important; height: 80px; width: 100px;background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/menu/enti_on.png'); z-index: 30; } #filiali .opzioni, #bancomat .opzioni, #imprese .opzioni, #corporate .opzioni, #private .opzioni, #enti .opzioni { display: none; position: absolute; margin-left: -3px; background: url(../images/solapa/opzioni.png) no-repeat; width: 100px; height: 16px; text-indent: -9000px; z-index: 6; } #bancomat .opzioni { background: url(../images/solapa/opzioni.png) no-repeat; z-index: 11; } #imprese .opzioni { background: url(../images/solapa/imprese_off.png) no-repeat; z-index: 16; } #corporate .opzioni { background: url(../images/solapa/corporate_off.png) no-repeat; z-index: 21; } #private .opzioni { background: url(../images/solapa/private_off.png) no-repeat; z-index: 26; } #enti .opzioni { background: url(../images/solapa/enti_off.png) no-repeat; z-index: 31; } #filiali .display, #bancomat .display, #imprese .display, #corporate .display, #private .display, #enti .display { display: block; } #filiali .opzioni_on, #bancomat .opzioni_on, #imprese .opzioni_on, #corporate .opzioni_on, #private .opzioni_on, #enti .opzioni_on { background:url(../images/solapa/opzioni_open.png) no-repeat; width: 100px; height: 22px; } #bancomat .opzioni_on { background:url(../images/solapa/opzioni_open.png) no-repeat } #imprese .opzioni_on { background:url(../images/solapa/imprese_on.gif) no-repeat } #corporate .opzioni_on { background:url(../images/solapa/corporate_on.gif) no-repeat } #private .opzioni_on { background:url(../images/solapa/private_on.gif) no-repeat } #enti .opzioni_on { background:url(../images/solapa/enti_on.gif) no-repeat } #filiali .list_check, #bancomat .list_check, #imprese .list_check, #corporate .list_check, #private .list_check, #enti .list_check { position: absolute; display: none; margin-left: -2px; top: 96px; border-bottom: 1px solid #e47f0e; z-index: 1 } #filiali .list_check div, #bancomat .list_check div, #imprese .list_check div, #corporate .list_check div, #private .list_check div, #enti .list_check div { position:relative; float: left; width: 88px; margin: 0 -1px; border-left: 1px solid #00925b; border-right: 1px solid #00925b; background: #00925b; padding: 5px; } #filiali .list_check { border-bottom: 1px solid #478b58 } #bancomat .list_check { border-bottom: 1px solid #478b58 } #bancomat .list_check div { border-left: 1px solid #478b58; border-right: 1px solid #478b58; background: #478b58 } #imprese .list_check { border-bottom: 1px solid #e47f0e } #imprese .list_check div { border-left: 1px solid #e47f0e; border-right: 1px solid #e47f0e; background: #e47f0e } #corporate .list_check { border-bottom: 1px solid #52b8df } #corporate .list_check div { border-left: 1px solid #52b8df; border-right: 1px solid #52b8df; background: #52b8df } #private .list_check { border-bottom: 1px solid #964031 } #private .list_check div { border-left: 1px solid #964031; border-right: 1px solid #964031; background: #964031 } #enti .list_check { border-bottom: 1px solid #62a556 } #enti .list_check div { border-left: 1px solid #62a556; border-right: 1px solid #62a556; background: #62a556 } .list_check li { float: none } .list_check li a { color: #fff; font-size: 11px; text-indent: 1px; height: auto; cursor: pointer; background:url(../images/check.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/check.png'); padding: 0 0 0 13px } * html .list_check li a { height: 17px } .list_check li a:hover { text-decoration: none } .list_check li a.check { background:url(../images/check_on.png) no-repeat top left !important; background: none no-repeat top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../html/images/check_on.png'); } .opcione { border-top: 1px solid #e4e4e4; margin: 7px 0 } .opcione li { float: left; padding: 5px 15px 5px 5px } .opcione li a { display: block; color: #797979; height: 23 } .opcione li a.stampa { background:url(../images/stampa.png) no-repeat; padding: 5px 0 0 43px } .opcione li a.versione { background:url(../images/versione_testuale.png) no-repeat; padding: 5px 0 0 49px } .opcione li a.versionemappa { background:url(../images/ico_backmappa2.gif) no-repeat; padding: 5px 0 0 49px } .opcione .hidden { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } /************************* *****************************/ /* .fumetti { width: 250px; padding: 15px; font-size: 120% } .fumetti a { color: #0000cc; text-decoration: underline } a.close { float: right; display: block; background:url(../images/fumetti/iw_close.gif) no-repeat; width: 12px; height: 12px; text-indent: -9000px; margin: 0 0 0 5px } a.min { float: right; display: block; background:url(../images/fumetti/iw_minus.gif) no-repeat; width: 12px; height: 12px; text-indent: -9000px; margin: 0 0 0 5px } */ /****** nuova vers. fumetto con 2 pulsanti (+prendi appuntamento)*****/ /************************* *****************************/ .georefer a { display: block; background:url(../images/fumetti/bt_bancomat.gif) no-repeat; width: 166px; height: 24px; text-align: center; font-size: 12px; color: #333; padding: 6px 0 0; text-decoration: none; margin:3px 0 0 0; } .fumetti { width: 250px; /*height: 150px;*/ padding: 20px 50px 40px 20px; font-size: 120% } .fumetti > div { margin-top: 15px !important; width: 280px; } .fumetti a { color: #0000cc; text-decoration: underline } a.close { float: right; display: block; background: url(../images/fumetti/iw_close.gif) no-repeat; width: 12px; height: 12px; text-indent: -9000px; margin: 0 0 0 5px } a.min { float: right; display: block; background: url(../images/fumetti/iw_minus.gif) no-repeat; width: 12px; height: 12px; text-indent: -9000px; margin: 0 0 0 5px } .fumetti table { width: auto } .fumetti .logo, .fumetti_big .logo { /*background:url(../images/fumetti/logo_fumetti.gif) 0 0 no-repeat; width: 70px; height: 34px; text-indent: -9000px */} .fumetti img { margin: 0 0 0 -12px; } .fumetti table address { font-style: normal; font-size: 11px; } .fumetti table strong {font-style: bold; font-size: 12px; } .fumetti_dir table.filiali a, .fumetti_dir table.bancomat a, .fumetti_dir table.imprese a, .fumetti_dir table.corporate a, .fumetti_dir table.private a, .fumetti_dir table.enti a, .fumetti table.filiali a, .fumetti table.bancomat a, .fumetti table.imprese a, .fumetti table.corporate a, .fumetti table.private a, .fumetti table.enti a { display: block; background:url(../images/fumetti/bt_bancomat.gif) no-repeat; width: 166px; height: 24px; text-align: center; font-size: 12px; color: #333; padding: 6px 0 0; text-decoration: none; margin:3px 0 0 0; } #strViewDiv a{ background:none; width:auto; color:blue; padding:none; text-decoration:underline; margin:0;} #strViewDiv a:hover{ text-decoration:none;} /* link bottone indicazioni stradali */ .fumetti_dir table.filiali a.vai {cursor: pointer; background:url(../images/fumetti/vai/bt_filiali.gif) no-repeat; width: 136px; height: 22px; text-align: center; } .fumetti_dir table.bancomat a.vai {cursor: pointer; background:url(../images/fumetti/vai/bt_bancomat.gif) no-repeat; width: 136px; height: 22px; text-align: center;} .fumetti_dir table.imprese a.vai{cursor: pointer; background:url(../images/fumetti/vai/bt_imprese.gif) no-repeat;width: 136px; height: 22px; text-align: center;} .fumetti_dir table.corporate a.vai{cursor: pointer; background:url(../images/fumetti/vai/bt_corporate.gif) no-repeat; width: 136px; height: 22px; text-align: center;} .fumetti_dir table.private a.vai{cursor: pointer; background:url(../images/fumetti/vai/bt_private.gif) no-repeat;width: 136px; height: 22px; text-align: center;} .fumetti_dir table.enti a.vai{cursor: pointer; background:url(../images/fumetti/vai/bt_enti.gif) no-repeat;width: 136px; height: 22px; text-align: center;} .fumetti table.filiali a, .fumetti_dir table.filiali a { background:url(../images/fumetti/bt_filiali.gif) no-repeat } .fumetti table.imprese a, .fumetti_dir table.imprese a { background:url(../images/fumetti/bt_imprese.gif) no-repeat } .fumetti table.corporate a, .fumetti_dir table.corporate a { background:url(../images/fumetti/bt_corporate.gif) no-repeat } .fumetti table.private a, .fumetti_dir table.private a { background:url(../images/fumetti/bt_private.gif) no-repeat } .fumetti table.enti a, .fumetti_dir table.enti a { background:url(../images/fumetti/bt_enti.gif) no-repeat } .fumetti_dir table address strong{ display:block;} .fumetti table.filiali address strong, .fumetti_dir table.filiali address strong { color: #049460 } .fumetti table.bancomat address strong, .fumetti_dir table.bancomat address strong { color: #09296b } .fumetti table.imprese address strong, .fumetti_dir table.imprese address strong{ color: #d58f00 } .fumetti table.corporate address strong, .fumetti_dir table.corporate address strong { color: #83bdd5 } .fumetti table.private address strong, .fumetti_dir table.private address strong { color: #985849 } .fumetti table.enti address strong, .fumetti_dir table.enti address strong { color: #8db470 } /************************* dir *****************************/ .fumetti_dir { width: 370px; padding: 0px } .fumetti_dir .logo { background:url(../images/fumetti/logo_fumetti.gif) 0 0 no-repeat; width: 70px; height: 34px; text-indent: -9000px } .fumetti_dir span { display: block; color: #b21f39; text-transform: uppercase; margin: 15px 0 } .fumetti_dir table td.address { padding-bottom:5px } .fumetti_dir table strong {font-style: bold; font-size: 12px;} .fumetti_dir table address { font-style: normal; margin: 0 0 10px 0 } .fumetti_dir table{width:90%;margin:5px 0 0 5px;} .fumetti_dir table a { font-size: 80%; overflow: visible; padding: 3px 6px } .fumetti_dir table td.cl { color: #797979 } /* serve allineamento al centro quando c'e solo link a qui da qui*/ /*.fumetti_dir table td.last { text-align: center }*/ /* dopo aver aggiunto combo per auto/piedi */ .fumetti_dir table td.last { text-align: left } /* link a qui da qui in fumetto_dir */ .fumetti_dir table td.foto A{background:none; text-decoration:underline; color:#666; font-size:11px; display:inline;} .fumetti_dir table td.tdLink A{background:none; text-decoration:underline; color:#666; font-size:11px; display:inline;} .fumetti_dir table td.tdLink A:hover{text-decoration:none;} .fumetti_dir table td.last { color:blue; font-size:12px;} .fumetti_dir table td.last A { background:none; text-decoration:underline; color:blue; font-size:12px !important; display:inline; nowrap;} .fumetti_dir table td.last A:hover {text-decoration:none;} .fumetti_dir table label { display: block; color: #333 } .fumetti_dir table td { padding: 1px 0; vertical-align:top} .fumetti_dir table td.vai{vertical-align:bottom;} /*****************************************************/ /* tabella orari */ TABLE.orari{border-collapse:collapse} TABLE.orari TR TD{padding:7px;text-align:center;vertical-align:middle;min-width:70px;width:auto;width:70px!important} TABLE.orari TR TD,.orari TR TH{border-bottom:1px solid #ccc !important;} TABLE.orari TR.last TD,.orari TR.last TH{border-bottom:1px solid #fff !important;} TABLE.orari TR.th TH{ text-align:center} TABLE.orari TH{padding:7px;font-weight:normal; color:#666} TABLE.orari .high{background:#f3f3f3} /************************* *****************************/ .big { width: 99%; padding: 0; font-size: 120% } .big .top { background: #f4f4f4; padding: 2px 10px; border-bottom: 1px solid #ababab; text-align: center } .big .top h1 { font-size: 18px; line-height: 20px; color: #000000; font-weight: bold; text-indent: 1px } .big .top a.close, .big .top a.min { margin-top: 5px } .big .content { background:url(../images/fumetti/bg_fumetti.gif) left bottom repeat-x; padding: 15px } .big .content table { width: 100%;} .big .content .f_mapa img { float: right; border: 1px solid #0000cc } .big .tabs ul { float: left; width: 98% ; background: #f4f4f4; border-bottom: 1px solid #b0b0b0; padding: 0 2% } .big .tabs li { float: left } .big .tabs li a { display: block; color: #000; text-decoration: none; padding: 4px 10px } .big .tabs li a.selected { position: relative; border: 1px solid #b0b0b0; border-bottom: none; background: #fff; font-weight: bold; margin-bottom: -2px } .big .container { width: 100%; height: 100%; overflow: auto; padding: 30px 2% } .big .container p { padding: 0 0 15px } .big .hidden { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } /***************************** begin box *****************************/ .box_ricerca { margin: 5px 0; padding: 0 0 0 10px; background:url(../images/box_ricerca.png) bottom left repeat-y } .box_ricerca .bi { margin: 0; height: auto; padding: 0 10px 10px 0; background:url(../html/images/box_ricerca.png) bottom right } .box_ricerca .bt { height:7px; margin:0 0 0 -10px; background:url(../html/images/box_ricerca.png) 100% 0 no-repeat; } .box_ricerca .bt div { width:10px; height:7px; background:url(../html/images/box_ricerca.png) 0 0 no-repeat; } .box_ricerca fieldset, .box_ricerca fieldset ul { border: none; margin: 0; padding: 0 } .box_ricerca fieldset li { border: none; background: none; clear: both; margin: 0; padding: 7px 0 7px 20% } .box_ricerca li.a, .box_ricerca li.b { background:url(../images/icon_01.gif) no-repeat; padding: 7px 0 7px 20%; font-size: 100% } .box_ricerca li.b { background:url(../images/icon_02.gif) no-repeat } .box_ricerca fieldset li label { font-weight: bold; color: #333; padding: 0; margin: 0 } .box_ricerca li.a label, .box_ricerca li.b label { display: block } .box_ricerca li input { margin: 0; width: 70% } .fl_off, .fl_on { float: left; display: block; background:url(../images/fl_off.gif) no-repeat; width: 14px; height: 20px; text-indent: -9000px } .fl_on { margin-left: 2px;display: none; background:url(../images/fl_on.gif) no-repeat; } /***************************** begin clear *****************************/ .clear { clear: both; width: 700px; height: 0px; margin: 0; padding: 0; line-height: 0; font-size: 0 } .clear2 { width:20%; clear: both; height: 0px; margin: 0; padding: 0; line-height: 0; font-size: 0 } /* div Numero Verde */ /*.smallError {position:absolute; background:#fff; margin:200px 30% auto 30%; top:0; left:0; width:40%; height:30%; color:#333; font-size:10px; z-index:10001; display:none;} */ .smallError{position:absolute; background:#fff; margin:200px 30% auto 30%; top:0; left:0; width:40%; height:30%; color:#333; font-size:10px; z-index:10001; display:none; text-align:left; padding:10px; } .smallError H2{color:#e70002; font-size:14px; display:inline; margin-bottom:10px; margin-top:10px; float:center; width:230px;} .smallError A.chiudi{float:right;} .smallError DIV.clear{width:auto!important;} .smallError UL P.pError{font-size:12px;} .smallError UL P.pErrorPrivate{font-size:10px;} .smallError UL.nVerd{ margin-top:10px} .smallError UL.nVerd LI DIV.clear{width:auto!important;} .smallError UL.nVerd LI{background:url(../html/images/ico/dot.gif) 10px 12px no-repeat; border-top:1px solid #cacbcd; list-style:none; display:block} .smallError UL.nVerd LI P{float:left; font-size:12px; padding:7px 0 6px 0; margin-left:20px; } .smallError UL.nVerd LI IMG{float:right; margin:2px 0 0 0}