fbody,html{
margin : 0;
padding:0;
width:100%;
position:relative;
height:100%;
}
body{
background: #2B2320 url(../img/bg.jpg) top center no-repeat;
color:#c4c4c4;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
padding: 0;
margin: 0;
}
a{
color:#c4c4c4;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.main{
width:1000px;
margin:0 auto;
background:url(../img/title.jpg) top left no-repeat;
position:relative;
height:558px;
}
div#content {
width: 1024px;
height: auto;
margin: 0 auto;
padding: 0;
}
div#content div {
/*border: 1px solid red;*/
}
div#top_header {
width: 100%;
height: 150px;
float: left;
clear: both;
}
div#top_header #marquee {
width: 910px;
height: 25px;
padding-top: 15px;
float: left;
}
div#top_header a#logo {
width: 127px;
height: 70px;
margin: 0 0 0 45px;
float: left;
background:url(../img/logo.gif) top left no-repeat;
}
div#top_header #top_short_menu {
width: 450px;
margin-top: 5px;
height: auto;
float: right;
}
div#top_header #top_short_menu a {
color: #000;
font-weight: bold;
float: left;
font-size: 11px;
margin-right: 20px;
text-transform: uppercase;
}
div#top_header #top_short_menu a:hover {
color: #FFF;
text-decoration: none;
}
div#left_links {
float: left;
width: 270px;
z-index: 9;
}
div#left_links ul li {
list-style-type: none;
}
div#left_links ul li a img,
div#left_links ul li a {
border: none;
}
div.box_cont {
float: left;
width: 270px;
}
div.box_top {
width: 230px;
height: 24px;
float: right;
clear: both;
color: #000;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
padding: 35px 0 0 33px;
background:url(../img/box_top.png) bottom left no-repeat;
}
div#left_links .box_top {
background:url(../img/box_top_1.png) top left no-repeat;
}
div.box_content {
width: 244px;
height: auto;
float: right;
clear: both;
padding: 10px 0;
background: #FC7D1E;
}
.box_content ul {
padding: 0px;
margin: 0px;
}
.box_content ul li{
width: 100%;
text-align: center;
padding: 3px 0;
}
div.box_bottom {
width: 244px;
height: 19px;
float: right;
clear: both;
background:url(../img/box_bottom.png) top left no-repeat;
}
div#top_header #navi {
width: 100px;
height: 20px;
padding-top: 20px;
float: right;
position: relative;
}
div#top_header #top_menu {
width: 100%;
height: 90px;
float: left;
clear: both;
}
div#top_header #top_menu ul {
list-style-type: none;
float: left;
margin-top: 30px;
margin-left: 20px;
width: 780px;
height: auto;
}
div#top_header #top_menu ul li {
float: left;
}
div#top_header #top_menu ul li {
text-transform: uppercase;
}
div#top_header #top_menu ul li a {
float: left;
text-transform: uppercase;
color: #FFF;
font-weight: bold;
font-size: 11px;
background:url(../img/menu_sep.gif) no-repeat;
padding: 22px 15px 22px 40px;
}
a.bike_1,
a.bike_2,
a.bike_3,
a.bike_4,
a.bike_5,
a.bike_6 {
float: right;
clear: both;
height: 50px;
width: 100%;
}
a.bike_1 {
background:url('../img/bike_kelly.gif') no-repeat center center;
}
a.bike_2 {
background:url('../img/bike_corratec.gif') no-repeat center center;
}
a.bike_3 {
background:url('../img/bike_maxim.gif') no-repeat center center;
}
a.bike_4 {
background:url('../img/bike_haro.gif') no-repeat center center;
}
a.bike_5 {
background:url('../img/bike_ginat.gif') no-repeat center center;
}
a.bike_6 {
background:url('../img/bike_panther.gif') no-repeat center center;
}
div.content_line {
float: right;
clear: both;
position: relative;
height: 2px;
background: #FFF;
width: 255px;
#left: -11px;
background:url('../img/bike_rp.gif') repeat-x center center;
}
div#center_text {
float: left;
width: 100%;
height: auto;
margin-top: 15px;
}
div#center_text #left_block {
padding-top: 0px;
position: relative;
width: 270px;
top: -40px;
height: auto;
float: left;
}
div#center_text #left_block .box_banner {
float: left;
margin-top: 15px;
text-align: center;
padding-left: 70px;
}
div#center_text #right_block {
width: 750px;
height: auto;
float: left;
}
div#main_flash {
width: 100%;
height: 325px;
float: left;
}
div#bottom_text {
width: 100%;
height: 100px;
position: relative;
}
div#bottom_text #bottom_menu{
width: 1038px;
height: 63px;
position: absolute;
top: 8px;
left: -5px;
background:url(../img/bottom_bg.png) top left no-repeat;
}
div#bottom_text #bottom_menu ul {
list-style-type: none;
margin-top: 23px;
margin-left: 60px;
}
div#bottom_text #bottom_menu ul li {
float: left;
margin-left: 15px;
}
div#bottom_text #bottom_menu ul li a {
text-transform: uppercase;
font-size: 11px;
color: #5f5652;
}
div#bottom_text #bottom_c {
position: absolute;
bottom: 0px;
font-size: 12px;
margin-left: 20px;
padding-bottom: 20px;
}
div#bottom_text #bottom_c span {
font-size: 11px;
margin-right: 95px;
float: left;
}
div#bottom_text #bottom_c span.last_bottom {
margin-right: 0px;
margin-left: 70px;
}
.menu{
position:absolute;
width:165px;
height:294px;
top:114px;
left:134px;
}
.flash{
position:absolute;
width:336px;
height:318px;
top:142px;
right:35px;
}
.akcija{
position:absolute;
width:79px;
height:123px;
top:23px;
left:441px;
}
.contacts{
position:absolute;
top:40px;
left:22px;
font-size:11px;
color:#7b7a7a;
line-height:14px;
}
.contacts a{
color:#f67a15;
font-weight:bold;
}
.sol{
position:absolute;
bottom:12px;
left:22px;
}
.cr{
position:absolute;
bottom:12px;
right:22px;
}
.marq{
color:#FFFFFF;
position:absolute;
width:500px;
left:350px;
bottom:61px;
}
#FlashMenu {
display: none;
top: -1000px;
left: -100px;
width: 200px;
height:200px;
}
#navi a {
float: left;
width: 11px;
height: 9px;
margin-left: 10px;
}
#navi a.navi_home {
background:url(../img/navi_home.gif) top left no-repeat;
}
#navi a.navi_mail {
background:url(../img/navi_mail.gif) top left no-repeat;
}
#navi a.navi_map {
background:url(../img/navi_map.gif) top left no-repeat;
}
div#right_block div#main_left_block {
float: left;
width: 535px;
margin-left: 8px;
margin-right: 15px;
}
#facebook_block{
float: right;
margin-top: 10px;
}
div#right_block div#main_right_block {
float: left;
width: 185px;
}
a.a_h2{
color: #FFFFFF;
}
a.a_h2:HOVER{
text-decoration: underline;
}
div#right_block div#main_left_block h2,
div#right_block div#main_right_block h2 {
float: left;
clear: both;
width: 100%;
height: 25px;
padding: 21px 0 0 25px;
margin: 0;
color: #FFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
background:url(../img/small_title_bg.png) no-repeat;
}
div#right_block div#main_left_block h2 {
background:url(../img/title_bg.png) no-repeat;
}
div#right_block div#main_left_block div#main_left_content {
float: left;
clear: both;
width: 490px;
height: 530px;
margin: 13px 0 13px 10px;
padding: 0 15px;
overflow: auto;
font-size: 12px;
color: #838383;
}
div#right_block div#main_right_block div.main_right_content {
overflow: auto;
float: left;
clear: both;
width: 170px;
height: 225px;
margin-top: 15px;
margin-bottom: 15px;
background: #FFF;
overflow: auto;
color: #000;
padding: 0 7px;
}
div#right_block div#main_right_block .right_content_bg {
float: left;
clear: both;
width: 173px;
height: 46px;
margin-top: -61px;
position: relative;
z-index: 99;
background:url(../img/small_title_bg.png) no-repeat;
}
div#right_block div#main_right_block div.main_right_content p {
color: #000;
}
div#right_block div#main_left_block div#main_left_content {
border: 1px solid #5b5350;
background: #2e2724
}
div#left_menu_s {
float: left;
margin-top: 5px;
margin-left: 7px;
}
div#left_menu_s ul {
list-style-type: none;
padding: 0;
margin: 0;
}
div#left_menu_s ul li {
float: left;
clear: both;
padding: 20px 0 0 33px;
margin-top: 10px;
width: 230px;
height: 25px;
background:url(../img/menu_s_bg.png) no-repeat;
}
div#left_menu_s ul li a {
padding: 2px 40px 2px 0px;
margin: 0;
color: #000;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
background:url(../img/menu_s_sep.gif) no-repeat right center;
}
input.login {
float: left;
width: 144px;
font-size: 12px;
background: #372E29;
border: 1px solid #ffd6b6;
color: #ffd6b6;
margin: 0 5px 0 15px;
}
input.login_submit {
float: left;
background: #ff5400;
border: 1px solid #ffbc92;
color: #FFF;
font-weight: bold;
padding: 1px 5px;
margin: 0 0 0 0;
font-size: 10px;
cursor: pointer;
text-transform: uppercase;
}
div.box_c {
}
div.box_c a {
color: #000;
text-transform: uppercase;
font-weight: bold;
}
div.box_c .box_c_data {
height: 150px;
text-align: center;
padding-top: 10px;
}
div.box_c .box_c_data img {
}
div.box_c .box_c_data .boc_c_price {
color: #000;
}
div.box_c .box_c_data a img {
border: none;
}
div.box_c .box_c_data .boc_c_price p {
padding: 5px 0 0 0;
margin: 0;
}
div.box_c .box_c_data .boc_c_price p a {
padding: 0;
margin: 0;
float: right;
text-transform: none;
}
div.box_c .box_c_data .boc_c_price span {
color: #000;
font-weight: bold;
}
div.box_c .box_c_data .boc_c_price span.a_price {
text-decoration: line-through;
}
div.box_c .box_c_data .boc_c_price span.a_action {
color: #FF0000;
}
.news_item {
float: left;
width: 100%;
padding: 5px 0 15px 0;
margin-bottom: 10px;
border-bottom: 1px solid #666;
}
.news_item .title,
.news_item .title a {
color: #FF5400;
font-size: 14px;
font-weight: bold;
width: auto;
margin-bottom: 10px;
}
.news_item .title a {
margin-left: 10px;
}
div.right_box {
float: left;
clear: both;
height: auto;
width: 168px;
margin-top: 5px;
margin-bottom: 10px;
}
div.right_box div.right_box_top {
float: right;
clear: both;
padding: 25px 0 0 30px;
height: 23px;
width: 138px;
font-weight: bold;
font-size: 13px;
color: #000;
text-transform: uppercase;
background: url('../img/vd_box_top.png') no-repeat left bottom;
}
div.right_box div.right_box_content {
background: #E86800;
float: right;
clear: both;
padding: 5px 5px;
height: auto;
width: 147px;
}
.right_box_content .title{
color: #FFFFFF;
}
div.right_box div.right_box_bottom {
float: right;
clear: both;
padding: 0;
height: 22px;
width: 168px;
background: url('../img/vd_box_bottom.png') no-repeat left bottom;
}
.rbitem {
color: #000000;
margin-left: 1px;
padding: 6px;
width: 145px;
}
.right_box_content div.content_line {
background: url("../img/bike_rp.gif") repeat-x scroll center center transparent;
clear: both;
float: right;
height: 2px;
position: relative;
width: 160px;
z-index: 9;
}
div.btn_box {
display: inline-block;
overflow: hidden;
width: auto;
}
div.btn_box .btn_left {
float: left;
width: 4px;
height: 24px;
background:url('../img/btn_box_left.gif') no-repeat left;
}
div.btn_box .btn_content {
float: left;
width: auto;
padding: 5px 10px 0 10px;
height: 23px;
font-weight: bold;
text-transform: uppercase;
background:url('../img/btn_box_rp.gif') repeat-x left top;
}
div.btn_box .btn_right {
float: left;
width: 4px;
height: 24px;
background:url('../img/btn_box_right.gif') no-repeat right;
}
div.btn_box .btn_content input {
padding: 0;
margin: 0;
height: auot;
line-height: auto;
border: none;
background: none;
color: #FFF;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}