Изменить расстояние между блоками - Joomla 3.x: Шаблоны, разметка и макеты вывода

Центральная часть сайта находится ближе к левому блоку (Фильтры для воды) а от правого отдалена заметно дальше, как поставить по центру?
http://nice-planet.com/

в стилях
#top убрать     width: 450px;

далее убрать

#leftbar-w {
    width: 220px;
}

далее убрать

#rightbar-w {
    float: right;
    width: 220px;
}

И вроде уже лучше смотрится.
Огурцы отдельно, молоко отдельно... или в процентах или в пикселях.

Все выровнялось, спасибо! но теперь левые и правые блоки слишком длинные, а центральная часть короткая)) Если указывать размер leftbar-w и rightbar-w блоки сужаются, но образуется белое пространство в конце сайта.
 !Я так понимаю, что нужно указать размер центральной части, как это сделать?

У вас указан размер в процентах, вот и укажите их в процентах, только сделайте это таким образом, что бы боковые уменьшились, а свободное пространство было отдано именно центральной части и в сумме 100%.
Так то что вы указывали укажите в процентах попробуйте.

Насколько я помню и докажу, из практики, в em указывать надо, для адаптивности.
Но если у вас изначально в пикселях, тогда там меняйте.

Про em=гугл+почитайте адаптивность и как реагируют пиксели.

У Вас же Bootstrap

<div id="comp" class="span6"> на <div id="comp" class="span8">

div id="leftbar-w" class="span3"> на div id="leftbar-w" class="span2">
#leftbar-w {
    width: 20%;
}

<div id="rightbar-w" class="span3"> на <div id="rightbar-w" class="span2">
#rightbar-w {
    width: 20%;
    margin-top: 40px;
}

У Вас же Bootstrap

Странно, почему мы так не ответили)))
Порой имея банальные задачи, и все мы ищем как бы это усложнить)

Многие ответы близки к развязки проблемы, все же вопрос остается открытым... При указании параметра leftbar-w и rightbar-w, независимо в пикселях или в процентах, боковые поля становятся короче, но образуется белое пространство с боку сайта...
Необходимо убрать белую полосу с правой стороны сайта, при этом не растягивать боковые блоки до безобразия)) Прошу помощи)?

ну почитайте немного про бутстрап и CSS
вся ширина = 100%
левая и правая колонки у вас имеет класс span3, центральная - класс span6
ширина класса span3=~23%, ширина класса span6=~49%
а вы для #leftbar-w и #rightbar-w прибиваете её на 20%
Естественно, что 20%+49%+20%=89%, а не 100%
Так появляется белая полоса справа.
Уберите для #leftbar-w и #rightbar-w ширину 20%

Serg_ Убрал, но теперь левые и правые колонки слишком растянулись... их необходимо сжать, а центр за счет этого увеличить)

В шаблоне боковым смените класс с span3 на span2 а контентной части дайте span8 место ее span6

значение span3 снизил с 23,,, до 19,,, боковые колонки укоротились. Но когда до span6 добавляю проценты что бы расширить центр, получается каша)
Не как не могу убрать белую полосу с боку сайта))

Так каша выйдет так как вы смотрите на центр к оторому применен span6 класс, а он же еще в шапке, и по этому каша...
В шаблоне дайте классы боковым span2 и span8 средней.