Доброго всем настроения.
Шаблон td-okini , верхнее меню никак не получается выровнить по центру.
При таком варианте меня чуть левее чем хотелось бы
/*----------------------------------------------*/
/* Topmenu
/*----------------------------------------------*/
#topmenu {
float: left;
clear: both;
margin: 0 auto;
margin-top: 0px;
font-family: 'Open Sans', sans-serif; font-weight: 700;
font-size: 1.3em;
letter-spacing: -0.11em;
color: #8c8c8c;
width: 100%;
overflow: auto;
}
#topmenu ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
#topmenu a {
display: block;
color: #808080;
padding-bottom: 18px;
padding-left: 1px;
padding-right: 1px;
margin-left: 34px;
text-decoration:none;
text-transform: uppercase;
}
#topmenu a:hover {
color: #fff;
text-decoration: none;
}
#topmenu a:active, a:visited {
border: none;
outline: none;
}
#topmenu li {
float: left;
}
/* Second-level lists */
#topmenu li ul {
position: absolute;
font-family: 'Open Sans', sans-serif; font-weight: 400;
font-size: 12px;
letter-spacing: 0em;
width: 182px;
left: -999em;
border: 0;
margin-left: 0px;
margin-top: 0px;
z-index:100;
}
#topmenu li li,
#topmenu li li:first-child {
border: 0;
border-top: 1px solid #444444;
margin-bottom: -1px;
}
#topmenu li li a,
#topmenu li.active li a {
width: 200px;
background-color: #333333;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 14px;
margin: 0;
text-transform: none;
}
#topmenu li li:first-child {
margin-top: 5px;
border: 0;
}
#topmenu li ul a {
width: 200px;
}
#topmenu li li a:hover {
color: #fff;
text-decoration: none;
background-color: #666666;
}
/* Level third and above */
#topmenu li li li:first-child {
margin-top: 0px;
}
#topmenu li ul ul {
margin: -39px 0 0 185px;
}
#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
left: -999em;
}
#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */
left: auto;
}
Делаю так
#topmenu li {
display: inline-block;
}
Вроде смещается в право, но как-то чуть правее чем хотелось бы.
Буду очень признателен за помощь или идею.