Ciao ellezero
Se vado a spostare il TopMenu dalla sua posizione mi cambia formattazione e diventa come puoi vedere sul sito...
Per il tratteggio invece ti inserisco il CSS del templates perchè ho un po' di difficoltà a trovare ciò che tu mi indichi
/*
// "Freshpick" Template for Joomla! 1.5.x - Version: 1.0
// Designed by Styleshout (www.styleshout.com) & developed for Joomla! by TemplateWorks
// Copyright (c) 2008 - 2009 TemplateWorks. All rights reserved.
// Released under the GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
// More info at http://www.templateworks.net
// *** Last update: July 14th, 2009 ***
*/
/* (typography) */
body { padding:0; margin:0; text-align:left; font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color:#555; background:#fff; }
div { padding:0; margin:0; }
.clr { clear:both; height:0; line-height:0; font-size:0; }
.hidden { display:none; }
hr { line-height:0; height:0; border:none; border-bottom:1px solid #000; padding:0; margin:8px 0; }
p { margin:0 5px 12px 0; padding:12px 0; line-height:190%; }
p.info { margin:0 0 12px 0; padding:12px 12px; background:#f9f9f9; }
b { }
strong {}
big { }
/* (links) */
a:link, a:visited { color:#0788c3; font-weight:normal; text-decoration:none; }
a:active, a:focus { outline:0; }
a:hover { color:#0788c3; font-weight:normal; text-decoration:none; border-bottom:1px dotted #0788c3; }
/* (headings) */
h1, h2, h3, h4, h5, h6 { color:#555; margin:12px 0 6px 0; padding:0; }
h1 { font:normal 36px/40px Georgia, "Times New Roman", Times, serif; }
h2 { font:normal 26px Georgia, "Times New Roman", Times, serif; color:#295177; }
h3 { font:normal 20px Georgia, "Times New Roman", Times, serif; color:#555; }
h4 { font:normal 16px/20px Georgia, "Times New Roman", Times, serif; color:#555; }
h5 { font:normal 14px/16px Georgia, "Times New Roman", Times, serif; color:#555; }
h6 { font:normal 12px/14px Georgia, "Times New Roman", Times, serif; color:#555; }
/* (listings) */
ul { margin:8px 16px; padding:0 8px; list-style:square; }
ul li { margin:1px 4px; padding:0; }
ol { margin:8px 16px; padding:0 8px; }
ol li { margin:1px 4px; padding:0; }
dl { margin:8px 16px; padding:0 8px; }
dl dt { margin:4px; padding:0; }
dl dd { margin:1px 4px; padding:0; }
/* (tables)*/
table { width:auto; border-collapse: collapse; margin: 10px 0; }
tr td { background: #fff; }
tr.row2 td { background: #F9F9F9; }
th, td { text-align: left; border-width: 1px; border-style: solid; }
th { color: #6d6d6d; background: #f0f0f0; padding: 6px 14px 4px; border-color: #e4e4e4 #d9d9d9 #b4b4b4 #d9d9d9; }
th a:link, th a:visited { color: #6d6d6d; }
td { border-color: #efefef; padding: 6px 14px 4px; }
table.contenttoc { float: right; margin:22px 4px 10px 12px; width:200px; }
table.contenttoc tbody tr td { padding:2px 2px 2px 20px; background:url(../images/paging.png) no-repeat left; }
/* (images) */
img, a img { border:0; }
.itemTextIntro img, .itemTextFull img { background: #fafafa; border: 1px solid #dcdcdc; padding: 8px; margin:0 8px 8px; }
/* (forms) */
form { }
fieldset { border:0; padding:8px 0; }
legend { }
select, option { }
input { }
textarea { padding:2px 5px; margin:0 20px 12px 0; }
label { color:#138cd1; }
.inputbox { }
.inputbox:focus { }
.button { cursor:pointer; }
input.invalid, textarea.invalid { background: #f9f2f7; }
label.invalid { color: #ff0000; }
/* (other) */
pre, code { font-family:monospace; padding:0 22px; background:#fff url(../images/odeline.jpg) repeat 0 0; line-height:22px; color:#253cc8; border-top:1px solid #f2d3f3; margin-bottom:22px; }
blockquote { font:italic 18px/22px "Lucida Sans", "Lucida Sans Italic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; background:#fafafa; margin:10px 0; padding:20px; color:#555; }
acronym { cursor: help; border-bottom: 1px dotted #000; }
/* ============================ CONTENT LAYOUT ============================== */
#header, #topWrapper, #menu, #content, #bottom, #footer { width:920px; margin:0 auto; padding:4px 0; }
#headerWrapper { background:url(../images/coffee.jpg) repeat-x 0 0; }
#header { margin-bottom:10px; position:relative;height:234px; }
#logo h2 { font:bold italic 13px Georgia, "Times New Roman", Times, serif; color:#999;display:block; padding:0 0 60px 0; margin:0;}
#logo{ display:block;padding:30px 0 0 0; }
#logo a { font:bold 62px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif; color:#1980af; letter-spacing:-6px; }
#logo a:hover {border-bottom:none;}
#imageBg { width:292px; height:234px; float:right; position:absolute; top:25px; right:0; background:url(../images/coffee.jpg) no-repeat 100% 0;}
#topWrapper { padding:10px 0 0 0; }
#topInner { width:860px; margin:0px 0 15px 10px; background:#f8fafd; border:1px solid #dcf1f8; padding:20px; }
#topInner a { color:#0788c3; text-decoration:none; }
#topInner a:hover { color:#0788c3; text-decoration:none; border-bottom:1px dotted #0788c3; }
#topInner h3 { font:normal 45px Georgia, "Times New Roman", Times, serif; color:#295177;}
#menuWrapper { }
#menu { }
#contentWrapper { }
#content { background:url(../images/dots.gif) repeat-x top; padding:20px 20px 0 0; }
#left {float:left;}
.sideBar { background:url(../images/ver-dots.gif) repeat-y left; padding-bottom:20px; margin-bottom:10px; }
.s1 { /* sidebar */
width:180px;
float:left;
padding:0 0 0 20px;
}
.s2 {
width:270px;
float:right;
padding:0 0 0 20px;
}
.s3 { /* sidebar */
float:left;padding:20px;font:normal 12px 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
}
.c1 .s3 {
width:880px;
}
.c2 .s3 {
width:570px;
}
.c3 .s3 {
width:300px;
}
.sideBar h3 {border-bottom:1px solid #eee;}
#breadCrumb { margin-bottom:12px; }
#bottom { background:url(../images/dots.gif) repeat-x top; padding:20px 20px 40px 20px; width:880px; margin:0 auto; }
#bottomLeft { float:left; width:265px; padding:0 0 0 20px; }
#bottomLeft .thumbs { display:none; }
#bottomCenter { float:left; width:265px; padding:0 0 0 30px; }
#bottomRight { float:left; width:265px;padding:0 0 0 30px; }
.box { font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; }
.box h3 { font:normal 26px Georgia, "Times New Roman", Times, serif; color:#555; padding:20px 0 0 0; margin:0 0 10px 0; }
.box img { height:50px; width:50px; }
.box a img { display:block; background:#eee; float:left; margin:5px; border:1px solid #ddd; padding:8px; }
.box a img:hover { background:#fafafa; border:1px solid #ccc; }
#footerWrapper { }
#footer { background:url(../images/dots.gif) repeat-x top; padding:10px 0 65px 0; }
#footer #credits { float:right; font:normal 12px 'Trebuchet MS', Arial, Sans-Serif; padding:0 10px 0 0; }
#footer #credits a { color:#0788c3; font:normal 12px 'Trebuchet MS', Arial, Sans-Serif; }
#footer #credits a:hover { border-bottom:1px dotted #0788c3; text-decoration:none; }
#footer #copyrights { float:left; font:normal 12px 'Trebuchet MS', Arial, Sans-Serif; padding:0 0 0 10px; }
#footer #copyrights a { color:#0788c3; font:normal 12px 'Trebuchet MS', Arial, Sans-Serif; }
#footer #copyrights a:hover { border-bottom:1px dotted #0788c3; text-decoration:none; }
/* ============= COMMON ELEMENTS (titles, forms, buttons etc.) ============== */
/* (headings) */
h2.componentheading { }
h2.componentheading a { }
/* (headings)(for 3d party components) */
.componentheading, div.componentheading { }
td.contentheading { }
.contentheading, .contentheading a, a.contentheading, .contentpagetitle, .contentpagetitle a, a.contentpagetitle { }
.contentheading a:hover, a.contentheading:hover, .contentpagetitle a:hover, a.contentpagetitle:hover { }
/* (back button)(legacy) */
div.back_button { }
div.back_button a { }
div.back_button a:hover { }
/* =============================== COMPONENTS =============================== */
/* (description) (floating image with text) */
div.descText { }
/* (weblinks) (categories) */
div.weblinksContainer { }
ul.weblinksCategoriesList { }
ul.weblinksCategoriesList li { }
ul.weblinksCategoriesList li a.weblinksCategoryLink { }
/* (weblinks) (category) */
div.weblinksItemsContainer { }
table th img { border:0; margin-left:4px; }
span.weblinkIcon { }
span.weblinkDescription { }
ul.weblinksOtherCategoriesList { }
ul.weblinksOtherCategoriesList li { }
ul.weblinksOtherCategoriesList li a { }
ul.weblinksOtherCategoriesList li a span { }
/* (user) (logout) */
form.userForms { }
/* (newsfeeds) */
.newsfeedContainer { }
span.feedImage { }
/* (polls) */
.pollContainer { }
.pollGraphContainer { }
/* (contact) */
.contactContainer { }
#component-contact { margin-right:12px; width:40%; float:left; }
.contactContainer .contactDetailsContainer { margin:0 10px 10px 0; width:40%; float:left; }
.contactImage { }
/* (edit) */
.editForm { }
.editForm fieldset { }
.editForm label { }
.editForm input.inputbox { }
.editForm textarea.inputbox { }
.editForm button { }
/* (search)(component) */
fieldset.searchAgain { background:#f9f9f9; padding:12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #dfdfdf; }
fieldset.searchAgain input.inputbox { padding:5px 10px; font-size:18px; color:#888; border:1px solid #ddd; }
fieldset.searchAgain .button { border:1px solid #e1e1e1; color:#666; background:#e6e6e6; font-size:18px; padding:4px 8px; }
/* (content) (items page) */
.frontpageView { }
.sectionView { }
.categoryView { }
.itemsPage { }
.itemPage { }
.itemIcons { padding:0 0 0 50px; }
.leading { margin-bottom:12px; }
.leading .itemBox { }
.leading .itemBox a:hover { border:0; }
div.componentheading { margin-bottom:12px; }
h2.contentheading { }
.introItem { margin-bottom:20px; }
.introItem .itemBox { padding-right:20px; }
.last .itemBox { padding-right:0; }
.introItem h2.contentheading { }
.itemTextIntro { background:url(../images/dots.gif) repeat-x top;padding:10px 0 0 0; }
.itemTextFull { background:url(../images/dots.gif) repeat-x top; position:relative;padding:4px 0 20px 0; }
span.createdate { }
span.modifydate { background:url(../images/dots.gif) repeat-x top; padding:0 20px 0 0;}
a.readon span { color:#0788c3; font:bold 12px/40px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; text-decoration:none; text-transform:lowercase; }
a.readon span:hover { }
/* (modules) */
.module { margin-bottom:22px; }
.module h3 { }
.module .moduleContent { }
/* (breadCrumbs)(module) */
span.breadcrumbsText { color:#999; }
span.pathway { }
span.pathway img { }
a.pathway { }
a.pathway:hover { }
/* (banners)(module) */
/* (rss)(module) */
#rss a:hover{border:0;}
/* (latestnews)(module) */
.box ul { list-style:none; padding:0 30px 0 0; margin:0; display:block; }
.box ul li { background:url(../images/dots.gif) repeat-x bottom; margin:0; padding:7px 0; display:block; }
.box ul li a:link, .box ul li a:visited { font:normal 12px/13px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color:#77a6d3; text-decoration:none; text-transform:lowercase; margin:0; }
.box ul li a:hover { color:#333; border:none; text-decoration:none; }
.box ul li {}
.contentpaneopen span.iconEdit a:hover,
.contentpaneopen span.iconEdit a img ,
.s3 span.itemIcons a:hover,
.s3 span.itemIcons a img { background:none;margin:0;padding:0;border:0; }
/* (login)(module) */
/* (mainmenu)(module) */
.s2 ul { list-style:none; padding:0; margin:0; }
.s2 ul li { background:url(../images/dots.gif) repeat-x bottom; width:270px; padding:0; margin:0;}
.s2 ul li a { display:block; font:bold 12px/33px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color:#5d95ca; }
.s2 ul li a:hover { display:block; color:#000; text-decoration:none; border:none; }
.s2 ul li.active a { display:block; color:#000; text-decoration:none; }
.s2 ul li.active.parent li a { color:#5d95ca; display:block; padding-left:12px; text-decoration:none; }
.s2 ul li.active.parent li a:hover { display:block; padding-left:12px; text-decoration:none; border:none; }
.s2 ul li.active.parent li.active a { color:#000; display:block; padding-left:12px; text-decoration:none; }
.s2 ul li.active.parent li.active a:hover { display:block; padding-left:12px; text-decoration:none; }
.s2 li a#active_menu.mainlevel { display:block; color:#000; text-decoration:none; }
/* (search)(module) */
.search { height:33px; margin: 0; padding:0; width:270px; background:url(../images/header-search.gif) no-repeat center; border:none; }
.search.inputbox { border:none; float:right; }
input#mod_search_searchword.inputbox { float:left; padding:8px 0 0 4px; text-transform:lowercase; color:#999; font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; background:url(../images/search.gif) no-repeat right 3px; width:260px; height:40px; border:none; }
div.search input.button { }
div.searchContainer h3 a{ font:normal 26px Georgia, "Times New Roman", Times, serif; color:#555; }
div.searchContainer h3 a:hover {font:normal 26px Georgia, "Times New Roman", Times, serif; color:#555;text-decoration:underline;border:none;}
/* (flashnews) */
.newsflashHorizItem { padding:0 10px 10px 0; }
/* ================ MENU STYLING ============================================ */
/* (menu) (list) */
#menu ul { }
#menu ul li { display:inline; }
#menu ul li a { }
#menu ul li a span { }
#menu a:hover { }
#menu a#active_menu-nav, #menu li.active a { }
/* (menu) (table) */
#menu {}
#menu ul { padding:0; margin:0; display:block; border-left:1px solid #eee; border-bottom:1px solid #eee; height:33px; list-style:none; } /* flat list mode */
#menu ul li { display:inline; padding:0; margin:0; }
#menu ul li a { display:block; float:left; height:20px; font:bold 14px 'Trebuchet MS', Arial, Sans-Serif; text-transform:uppercase; padding:7px 16px; border-right:1px solid #eee; }
#menu ul li a:link, #menu ul li a:visited { color:#666; text-decoration:none; }
#menu ul li a:hover { color:#000; text-decoration:none; border-right:1px solid #eee; border-bottom:none; }
#menu ul li.active a, #menu ul li a#active_menu-nav { color:#222; text-decoration:none; text-transform:uppercase; font:bold 14px 'Trebuchet MS', Arial, Sans-Serif; border-right:1px solid #eee; background:transparent url(../images/current.gif) repeat-x scroll left bottom; }
/* (tooltips)(plugin) */
div.tool-tip { float: left; padding: 5px; max-width: 200px; z-index:13000; background: #1980af !important; border: 1px solid #138CD1; }
div.tool-title { padding: 0; margin: 0; font-size: 95%; font-weight: bold; background: #1980af; color:#fff; }
div.tool-text { font-size: 90%; margin: 0; padding:3px 5px; background:#1980af; color:#fff; }
/* Blog more - article lists (the "more..." list) */
div.blog_more { margin:2px 0 24px 0; padding:4px; }
div.blog_more div strong { font:normal 20px Georgia, "Times New Roman", Times, serif; color:#295177; padding:2px 6px; } /* title */
div.blog_more ul { margin:10px 12px; padding:0 8px; } /* article list */
div.blog_more ul li { margin:15px 4px; padding:0; } /* article list item */
/* (page navigation)(plugin) */
div.limitBox { }
dl.pageNavigationContainer { display:block; padding:10px; margin:20px 0 20px 0; }
dl.pageNavigationContainer dd { display:inline; }
dd.pagesLinks { }
dd.pageCounter span { font-weight:bold; color:#fff; font-size:11px; line-height:15px; padding:2px 4px; border:1px solid #ddd; background:#bade7d; margin:0 2px; }
span.pagination { }
span.pagination span { font-weight:bold; color:#777; font-size:11px; line-height:15px; padding:2px 4px; border:1px solid #ddd; background:#fff; margin:0 2px; }
span.pagination a, .pagenav a { font-weight:bold; color:#777; font-size:11px; line-height:15px; padding:2px 4px; border:1px solid #ddd; background:#eee; margin:0 2px; }
span.pagination a:hover, .pagenav a:hover { font-weight:bold; color:#777; font-size:11px; line-height:15px; padding:2px 4px; border:1px solid #ddd; background:#dcf1fb; margin:0 2px; }
span.pagination span.paginationDummy { border:none; }
/* (pagenav)(plugin)(sorry, can't override) */
.pagenavbar a { font-weight:bold; color:#777; font-size:11px; line-height:15px; padding:2px 4px; border:1px solid #ddd; background:#eee; margin:0 2px; }
.pagenavbar a:hover { background:#dcf1fb; }
.pagenavcounter { display:block; float:right; position:absolute; right:0; font-weight:bold; color:#666; padding:3px; margin:24px 12px 18px 0; }
table.pagenav th, table.pagenav td { border:0; padding:0; margin:0; background:none; width:auto !important; }
span.content_rating { margin:10px 0 0; display:block; }
span.content_rating img { padding:0 2px; }
.content_vote { margin:0 0 10px; display:block; }
.content_vote input { margin:0 5px; }
.content_vote .button { }
/* (print-email)(component) */
body.contentpane { padding:16px; margin:0; background-image:none; background:#fff; }
.closeWindowLink { padding-right:25px; background:url(../images/close-x.png) no-repeat 100% 0; }
/* (offline)(system) */
body.offline #frame { margin: 20px auto; width: 400px; padding: 20px; }
body.offline #frame form { text-align: left; }
body.offline .outline { border: 8px solid #cccccc; background: #ffffff; padding: 8px; }
body.offline form { margin: auto; }
/* (messages)(system) */
#system-message { padding:0; margin:10px 0 10px 20px; border:1px solid #e4e4e4; background:#bade7d; }
#system-message dt { display:none; }
#system-message dd { margin: 0; font-weight: bold; padding:10px; }
#system-message dd ul { color: #fff; margin:0px; list-style: none; padding:0px; }
/* Unpublished */
.system-unpublished {background: #e8edf1;border-top: 4px solid #c4d3df;border-bottom: 4px solid #c4d3df;}
/* (tabs)(system) */
dl.tabs { float: left; margin: 10px 0 -1px 0; padding:0; z-index: 50; }
dl.tabs dt { float: left; padding: 4px 10px; margin:0 2px 0 1px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #f0f0f0; color: #666; }
dl.tabs dt.open { background: #fff; border-bottom: 1px solid #fff; z-index: 100; color: #000; }
div.current { clear: both; border: 1px solid #ccc; padding: 10px 10px; height:200px; overflow: auto; margin-bottom:20px; }
div.current dd { padding: 0; margin: 0; }
/* (sliders)(system) */
.pane-sliders .title { margin: 0; padding: 2px; cursor: pointer; }
.pane-sliders .panel { border: 1px solid #ccc; margin-bottom: 3px; }
.pane-sliders .panel h3 { }
.pane-sliders .content { }
.jpane-toggler span { background: transparent url(../images/j_arrow.png) 5px 50% no-repeat; padding-left: 20px; }
.jpane-toggler-down span { background: transparent url(../images/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px; }
.jpane-toggler-down { border-bottom: 1px solid #ccc; }
/* (editor frontend)(system) */
body.edit fieldset { background:#fff; display:block; padding:5px; margin:0 0 10px 0; border:0; }
body.edit fieldset legend { display:block; padding:8px 12px; margin:0; background:#fff; font-size:20px; }
#editorForm { border:2px solid #f3f3f3; padding:20px 30px; margin-bottom:30px; }
/* Buttons */
#editor-xtd-buttons { padding: 5px; }
.button2-left, .button2-right, .button2-left div, .button2-right div { float: left; }
.button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: #666; cursor: pointer; }
.button2-left span, .button2-right span { cursor: default; color: #999; }
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; }
.page span { color: #000; font-weight: bold; }
.button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; }
.button2-left a, .button2-left span { padding: 0 24px 0 6px; }
.button2-right a, .button2-right span { padding: 0 6px 0 24px; }
.button2-left { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }
.button2-right { background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }
.button2-left .image { background: url(../images/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore { background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak { background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank { background: url(../images/j_button2_blank.png) 100% 0 no-repeat; }
/* --- */
/* Caption fixes */
.img_caption.left { float: left; margin-right: 12px; }
.img_caption.right { float: right; margin-left: 12px; }
.img_caption.left p { clear: left; text-align: center; }
.img_caption.right p { clear: right; text-align: center; }
/* Calendar */
a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url(../images/calendar.png) no-repeat; cursor: pointer; vertical-align: middle; }
Grazie