#main { text-align: left; margin:0 auto; width:1024px; max-width: 1024px; width:expression((document.body.clientWidth == 1003 || document.body.clientWidth == 1004) ? document.body.clientWidth : '1024px'); } .end-cell { clear: both; } .cell { float: left; } .row { width: 100%; } html { overflow-x: auto; } body { font-family: Lucida Sans Unicode; color:#fffff; width:100%; /*width:1024px;*/ } ::selection { background: #ddd; color: red; } ::-moz-selection { background: #ddd; color: red; } a { border: none; } #solobike_body{ width:100%; text-align: center; } /* table { border-collapse:collapse; width:100%; } tr { vertical-align:top; } td { vertical-align:top; } */ #banner_top { width:100%; text-align:center; } /* .header { border-collapse:collapse; width:100%; } */ #header_top { border-collapse:collapse; } #top_left { width:761px; } #mod_top_right { width:240px; height:153px; background-image:url('../../htdocs/img/header_right.jpg'); background-repeat:no-repeat; } #header_top_2 { border-collapse:collapse; } #top_left_2 { width:761px; } #mod_top_right_2 { width:250px; max-width: 250px; width:expression((document.body.clientWidth == 1003 || document.body.clientWidth == 1004) ? '235px' : '250px'); height:133px; background-image:url('../../htdocs/img/header_right_new2.jpg'); background-repeat:no-repeat; background-position:right top; text-align:right; } #mod_top_right_2 img { position:relative; top:1px; } /* FOOTER */ .footer { text-align:center; font-size:8pt; } .rubrichespallasx { width:100%; border:1px solid #CCCCCC; text-align:center; background:#F9A135; padding:0 0 5px 0; } .rubrichespallasx .link{ color:#0000EE; font-weight:bold; /*font-family:arial;*/ font-size:11px; text-decoration:none; } .rubrichespallasx .link:hover{ color:#FFFFFF; background:#867318; font-weight:bold; /*font-family:arial;*/ font-size:11px; } .hidden_link { background:none; color:white; text-decoration:none; } .hidden_link:visited { background:none; color:white; text-decoration:none; } .hidden_link:hover { background:red; color:white; text-decoration:none; } /*.menu { border-collapse:collapse; width:100%; }*/ .menu1 { width:100%; text-align:center; } .menu1_fr { text-align:center; } #postit { position: absolute; left:0px; top:-50px; width:272px; height:290px; background-image:url('../../htdocs/img/postit_85.gif'); background-repeat: no-repeat; z-index:5000; font-family: "Verdana"; font-size: 9px; font-weight: normal; font-style: normal; padding-left : 5px; padding-top: 15px; line-height: 18px; } #postit a { font-style: italic; } .evento_postit { padding-bottom: 5px; padding-top: 5px; } #icona-postit { position: absolute; left:0px; top:-37px; width:30px; height:30px; visibility: hidden; z-index:5000; } #menu_new2 { position: relative; } #menu2 { max-width:100%; /*width:expression(document.body.clientWidth > 1003 ? '1024px' : '1003px');*/ width:expression((document.body.clientWidth == 1003 || document.body.clientWidth == 1004) ? document.body.clientWidth : '1024px'); } .menu2_table { text-align:center; } #banner_3_0 { width:100%; text-align:center; } .logo_banners { height:125px; } .logo { width:100%; height:125px; background-image:url('../../htdocs/img/header_left.jpg'); } .logo img { border:none; } .logo_banners_2 { height:125px; } .logo_2 { width:100%; height:125px; background-image:url('../../htdocs/img/header_left_new2.jpg'); } .logo_2 img { border:none; } .functions{ height:36px; } .functions_bar{ width:100%; background-image:url('../../htdocs/img/functions.jpg'); height:36px; } .functions_bar img{ border:none; } .functions img { border:none; vertical-align:middle; } .functions_text_red { font-weight:bold; /*font-family:arial;*/ font-size:9pt; color:#FF0000; text-decoration:none; } .functions_text_red a{ font-weight:bold; /*font-family:arial;*/ font-size:9pt; color:#FF0000; text-decoration:none; } .functions_text_red a:visited{ font-weight:bold; /*font-family:arial;*/ font-size:9pt; color:#FF0000; text-decoration:none; } .functions_text_red a:hover{ font-weight:bold; /*font-family:arial;*/ font-size:9pt; } /* MENU 2 NEW */ .bg { background: url(../../htdocs/img/button4.gif); } .menu { padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(../../htdocs/img/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; } .menu li.top { display:block; float:left; position:relative; } .menu li a.top_link { display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; } .menu li a.top_link span { float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px; } .menu li a.top_link span.down { float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../../htdocs/img/down.gif) no-repeat right top; } .menu li a.top_link:hover { color:#000; background: url(../../htdocs/img/button4.gif) no-repeat; } .menu li a.top_link:hover span { background:url(../../htdocs/img/button4.gif) no-repeat right top; } .menu li a.top_link:hover span.down { background:url(../../htdocs/img/button4a.gif) no-repeat right top; } .menu li:hover > a.top_link { color:#000; background: url(../../htdocs/img/button4.gif) no-repeat; } .menu li:hover > a.top_link span { background:url(../../htdocs/img/button4.gif) no-repeat right top; } .menu li:hover > a.top_link span.down { background:url(../../htdocs/img/button4a.gif) no-repeat right top; } .menu table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; } .menu a:hover { visibility:visible; } .menu li:hover { position:relative; z-index:200; } .menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index: 2000; } .menu :hover ul.sub { left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto; z-index: 2000; } .menu :hover ul.sub li { display:block; height:20px; position:absolute; float:left; width:250px; z-index: 2000; } .menu :hover ul.sub li a { font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px; } .menu :hover ul.sub li a.fly { background:#fff url(../../htdocs/img/arrow.gif) 80px 7px no-repeat; } .menu :hover ul.sub li a:hover { background:#999999; color:#fff; } .menu :hover ul.sub li a.fly:hover { background:#999999 url(../../htdocs/img/arrow_over.gif) 80px 7px no-repeat; color:#fff; } .menu :hover ul li:hover > a.fly { background:#999999 url(../../htdocs/img/arrow_over.gif) 80px 7px no-repeat; color:#fff; } .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul { left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto; } /* */ /* MENU NEW */ #slidetabsmenu_new { margin:0; padding:0; } #slidetabsmenu_new ul{ margin:0; padding:0; } #slidetabsmenu_new ul li:first-child{ border: none; } #slidetabsmenu_new ul li{ display: inline; margin:0; padding:0; border: none; } #slidetabsmenu_new ul li a{ color: #000000; text-decoration: none; font-weight: bold; font-size: 12px; padding: 0 5 0 5; } #slidetabsmenu_new ul li a:hover{ color: blue; text-decoration: underline; } /* */ /* MENU */ #slidetabsmenu { float:left; width:auto; font-size:9.5pt; line-height:normal; border-bottom: 1px solid gray; } * html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/ margin-bottom: 0em; } #slidetabsmenu ul{ list-style-type: none; margin:0; margin-left: 0px; padding:0; } #slidetabsmenu li{ display:inline; margin:0; padding:0; } #slidetabsmenu a { float:left; background:url('../../htdocs/img/tab-left.gif') no-repeat left top; margin:0; padding:0 0 0 8px; text-decoration:none; } #slidetabsmenu a span { float:left; display:block; background:url('../../htdocs/img/tab-right.gif') no-repeat right top; padding:3px 15px 3px 10px; font-weight:bold; /*font-family:arial;*/ color:#3B3B3B; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #slidetabsmenu a span {float:none;} /* End IE5-Mac hack */ #slidetabsmenu a:hover span { color: black; } #slidetabsmenu #current a { background-position:0 -125px; } #slidetabsmenu #current a span { background-position:100% -125px; color: black; } #slidetabsmenu a:hover { background-position:0% -125px; } #slidetabsmenu a:hover span { background-position:100% -125px; } /* MENU 2 */ .suckertreemenu { width: 100%; text-align:center; margin: 0; padding: 0 0 0 0; height: 30px; background:url('../../htdocs/img/play.jpg') no-repeat 3px top; } .suckertreemenu ul{ width: 100%; /*display: table;*/ text-align:center; margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .suckertreemenu ul li{ /*display: table-cell;*/ position: relative; display: inline; float: left; padding: 5 0 0 0; } /*Top level menu link items style*/ .suckertreemenu ul li a{ display: block; width: auto; /*Width of top level menu link items*/ padding: 1px 8px; border:none; border-left-width: 0; text-decoration: none; /*font-family:arial;*/ font-size:10pt; font-weight:bold; color: #000000; } /*1st sub level menu*/ .suckertreemenu ul li ul{ left: 0; position: absolute; top: 1em; /* no need to change, as true value set by script */ display: block; visibility: hidden; z-index:1000; } /*Sub level menu list items (undo style from Top level List Items)*/ .suckertreemenu ul li ul li{ display: list-item; float: none; padding: 0 0 0 0; background-color: #B2B2B2; width:170px; border: 1px solid #ccc; z-index:1001; } /*All subsequent sub menu levels offset after 1st level sub menu */ .suckertreemenu ul li ul li ul{ left: 169px; /* no need to change, as true value set by script */ top: 0; z-index:1002; } /* Sub level menu links style */ .suckertreemenu ul li ul li a{ display: block; width: 170px; /*width of sub menu levels*/ color: #000000; text-decoration: none; padding: 1px 5px; z-index:1003; } .suckertreemenu ul li a:hover{ /*background-color: black;*/ color: #000000; text-decoration:underline; } /*Background image for top level menu list links */ .suckertreemenu .mainfoldericon{ /*background: url(media/arrow-down.gif) no-repeat center right; */ } /*Background image for subsequent level menu list links */ .suckertreemenu .subfoldericon{ background: url(media/arrow-right.gif) no-repeat center right; } /* MENU 2 NEW */ .suckertreemenu_new { width: 1011px; width:expression((document.body.clientWidth == 1003 || document.body.clientWidth == 1004) ? '1003px' : '1011px'); text-align:center; margin: 0; padding: 0 0 0 0; height: 36px; background:url('../../htdocs/img/button1a.gif') repeat-x 3px top; } .suckertreemenu_new ul{ width: 100%; /*display: table;*/ text-align:center; margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .suckertreemenu_new ul li{ /*display: table-cell;*/ position: relative; display: inline; float: left; padding: 5 0 0 0; } /*Top level menu link items style*/ .suckertreemenu_new ul li a{ display: block; width: auto; /*Width of top level menu link items*/ padding: 3px 6px; border:none; border-left-width: 0; text-decoration: none; /*font-family:arial;*/ font-size:14px; font-weight:bold; color: #ffffff; } /*1st sub level menu*/ .suckertreemenu_new ul li ul{ left: 0; position: absolute; top: 1em; /* no need to change, as true value set by script */ display: block; visibility: hidden; z-index:1000; } /*Sub level menu list items (undo style from Top level List Items)*/ .suckertreemenu_new ul li ul li{ display: list-item; float: none; padding: 0 0 0 0; background-color: #8F8F8F; width:170px; border: 1px solid #ccc; z-index:1001; } /*All subsequent sub menu levels offset after 1st level sub menu */ .suckertreemenu_new ul li ul li ul{ left: 169px; /* no need to change, as true value set by script */ top: 0; z-index:1002; } /* Sub level menu links style */ .suckertreemenu_new ul li ul li a{ display: block; width: 170px; /*width of sub menu levels*/ color: #000000; text-decoration: none; padding: 1px 5px; z-index:1003; font-size: 12px; } .suckertreemenu_new ul li a:hover{ /*background-color: black;*/ color: #ff0000; text-decoration:underline; } /*Background image for top level menu list links */ .suckertreemenu_new .mainfoldericon{ /*background: url(media/arrow-down.gif) no-repeat center right; */ } /*Background image for subsequent level menu list links */ .suckertreemenu_new .subfoldericon{ background: url(media/arrow-right.gif) no-repeat center right; } /**/ * html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/ padding-top: 1em; } .banner_a_scomparsa { font-height:0px; position:absolute; text-align:center; top:0px; left:0px; width:100%; height:100%; z-index:1000; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../htdocs/img/yellow.png'); } .banner_a_scomparsa[class] { background:url(../../htdocs/img/yellow.png) repeat top left; } .banner_a_scomparsa2 { position:absolute; text-align:center; top:20px; left:0px; z-index:5000; width:100%; } /*SPALLA DX*/ #hp_body_up_right { width:273px; max-width: 273px; /*width:expression(document.body.clientWidth > 1003 ? '273px' : '265px');*/ width:expression((document.body.clientWidth == 1003 || document.body.clientWidth == 1004) ? ((1004 - document.body.clientWidth)+264)+'px' : '273px'); } /* BANDIERE e RICERCA */ #search_n_flags_2 { background: url('../../htdocs/img/bandiere_new.jpg') no-repeat top left; height:20px; padding:0 0 0 0; margin:0 0 0 0; } #search_n_flags_2 img{ border:none; } #search_and_flags { background: url('../../htdocs/img/bandiere.jpg') no-repeat top left; height:70px; padding:0 0 0 0; margin:0 0 0 0; } #search_and_flags img{ border:none; } .search_form { margin-bottom:0px; margin-top:0px; } #search_input { border:1px outset navy; } #search_button { font: bold 10px 'trebuchet ms',helvetica,sans-serif; background-color:#fed; border:1px solid; border-color: red; height: 20px; } #banner_spalla { background:transparent url('../../htdocs/img/spalla.jpg') repeat-y left top; width:100%; text-align:center; padding-top: 5px; } #hotels_map { background:transparent url('../../htdocs/img/spalla.jpg') repeat-y left top; width:100%; /*text-align:center;*/ } .face_box { left: 5px; top:2px; position:relative; padding-bottom:10px; } .face_box .fb_iframe_widget { background:#000000; } #hotels_map_2 { background:transparent url('../../htdocs/img/spalla.jpg') repeat-y left top; width:100%; /*text-align:center;*/ } .hotels_map_2_pretitle{ height: 5px; } .hotels_map_2_title{ text-align:center; background-color: #000000; color: white; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2","Georgia",serif; font-style: italic; margin: 0px; font-size:18px; position:relative; width:260px; left: 5px; border:1px black solid; } .hotels_map_2_box{ border:1px black solid; position:relative; width:260px; left: 5px; /*margin-right:2px;*/ background: url('../../htdocs/img/sfondo_hotel.gif') repeat scroll 0pt 0pt transparent; } .hotels_map_2_map{ float:left; position:relative; top:10px; } .hotels_map_2_boxlist{ background:#ffffff; font-size:10px; display:inline; float:left; width:90px; } .hotels_map_2_list{ margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; list-style: none outside none; padding-left: 0px; } .hotels_map_2_list li { margin-bottom: 3px; } .hotels_map_2_list a { color: #000000; text-decoration: none; font-weight: bold; } .hotels_map_2_list a:hover { color: blue; text-decoration: underline; font-weight: bold; } #end_spalla { background:transparent url(../../htdocs/img/end_spalla.jpg) no-repeat scroll left top; width:100%; height:130px; } #banners_list { background:transparent url('../../htdocs/img/spalla.jpg') repeat-y left top; width:100%; height:auto; } #banners_flickr { background:transparent url(../../htdocs/img/spalla.jpg) repeat-y scroll left top; height:auto; width:100%; } #box_flickr a { color: #000000; text-decoration: none; } #box_flickr a:hover { color: blue; text-decoration: underline; }