/* -------------------- tag styles --------------------*/
html,body{margin: 0; padding: 0; min-height: 100%; height: auto !important; height:100%; border:none;}
body,td,div {font-family: Tahoma; font-size: 12px; text-align: left;}
body {background: #111 url(../images/bck_bottom.gif) repeat-x bottom;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: bold; color: silver;}
h1 {font-size: 20px; font-family: arial; color: #999; font-weight: normal; border-bottom: 1px solid #383838; padding: 20px 10px 15px 10px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
a:active {}
a:visited {}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}

.fs9 {font-size: 10px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #999;} /*silver*/
.fc4 {color: #FF3300;} /*red*/

.ls25 {letter-spacing: 0.025em;}

ul {list-style: none; padding: 0; margin: 0;}

/* -------------------------------------------------------------------------------------------*/

div#outer-box {background: url(../images/bck_top.gif) repeat-x;}

/* -------------------- HEAD start --------------------*/
a#logotype {display: block; width: 309px; height: 126px; background: url(../images/logo.gif) no-repeat; top: 0; left: 0; text-indent: -9999px;}
div.texture-1 {width: 144px; height: 122px; background: url(../images/texture-1.gif) no-repeat; top: 4px; left: 650px;}

div#head {width: 974px; margin: 0 auto;}

div.head-intro {height: 453px; background: url(../images/bck_head-intro.png) no-repeat bottom;}
div.head-intro div#head-image {width: 936px; height: 249px; top: 197px; left: 19px;}

div.head-intro div.image-0 {background: url(../images/head_image-0.jpg) no-repeat;}

div.head-main {height: 313px; background: url(../images/bck_head-main.png) no-repeat bottom;}
div.head-main div#head-image {width: 936px; height: 109px; top: 197px; left: 19px;}
div.head-main div.image-0 {background: url(../images/head_image-0.jpg) no-repeat 0 -30px;}
div.head-main div.image-1 {background: url(../images/head_image-1.jpg) no-repeat 0 -30px;}
div.head-main div.image-2 {background: url(../images/head_image-2.jpg) no-repeat 0 -30px;;}
div.head-main div.image-3 {background: url(../images/head_image-3.jpg) no-repeat 0 -30px;;}
div.head-main div.image-4 {background: url(../images/head_image-4.jpg) no-repeat 0 -30px;;}

ul#sys-menu {top: 4px; right: 17px;}
ul#sys-menu li {float: left; padding: 5px 20px; background: url(../images/divider.gif) no-repeat;}
ul#sys-menu li a {color: #999; text-decoration: none;} ul#sys-menu li a:hover {text-decoration: underline;}
ul#sys-menu li.basket {padding: 5px 20px 5px 35px; background: url(../images/ico_basket.gif) no-repeat;}
ul#sys-menu li.basket  a span {color: #FF3300; margin: 0 2px;}

form.search-box {top: 60px; right: 17px; width: 184px; height: 33px; background: url(../images/bck_search.gif) no-repeat;}
form.search-box input {top: 6px; left: 5px; border: 0; color: #999; background: transparent; width: 138px; height: 20px; outline: none;}
form.search-box input.submit {width: 31px; height: 28px; cursor: pointer; top: 3px; left: 150px;}

ul#main-menu {
	width: 940px; height: 65px;
	top: 128px;	left: 17px;
	background: url(../images/bck_menu.gif) no-repeat;
}

ul#main-menu li {float: left;}
ul#main-menu li a {display: block; height: 65px; /*text-indent: -9999px;*/ width: 235px; text-decoration: none;}
ul#main-menu li a.link1 {background: url(../images/m-kolesa.gif) 60px 20px no-repeat;} ul#main-menu li a.link1:hover {background: url(../images/m-kolesa.gif) 60px -26px no-repeat;}
ul#main-menu li a.link2 {background: url(../images/m-oprema.gif) 35px 20px no-repeat;} ul#main-menu li a.link2:hover {background: url(../images/m-oprema.gif) 35px -26px no-repeat;}
ul#main-menu li a.link3 {background: url(../images/m-rezervni_deli.gif) 20px 20px no-repeat;} ul#main-menu li a.link3:hover {background: url(../images/m-rezervni_deli.gif) 20px -26px no-repeat;}
ul#main-menu li a.link4 {background: url(../images/m-ostalo.gif) 75px 20px no-repeat;} ul#main-menu li a.link4:hover {background: url(../images/m-ostalo.gif) 75px -26px no-repeat;}

div.submenu {
	padding: 20px 10px;
	top: 192px;
	background: #2d2d2d;
	border: 1px solid #171718;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
}

div.submenu ul {float: left; padding: 0 10px;}
div.submenu ul li {width: 186px; background: url(../images/divider2.gif) no-repeat top; padding: 9px 0;}
div.submenu ul li.no-divider {background: transparent;}
div.submenu ul li a {display: block; padding: 0 0 0 20px; background: url(../images/arrow.gif) 2px -18px no-repeat; color: #fff; text-decoration: none;}
div.submenu ul li a:hover {display: block; padding: 0 0 0 20px; background: url(../images/arrow.gif) 2px 3px no-repeat; color: #e21717;}

div.submenu img {top: -20px; left: 83px; z-index: 100;}

div#submenu1 {left: 17px;}
div#submenu2 {width: 620px; left: 232px;}
div#submenu3 {left: 480px;}
div#submenu4 {left: 730px;}
/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
div#logo-h {width: 944px; margin: 0 auto; text-align: center; padding: 10px 0;}
div#logo-h span {margin: 0 10px;}

div#page {width: 974px; margin: 0 auto;}

div#content_intro {margin: 0 15px; border: 1px solid #595959; background: #2d2d2d;}
div#content_intro div#left {width: 321px; padding: 0 10px;}
div#content_intro div#center {width: 341px;}
div#content_intro div#right {width: 240px; padding: 0 10px;}

div#content, div#content2, div#content3  {margin: 10px 15px 0 15px; border: 1px solid #595959; background: #2d2d2d;}
div#content div#left {width: 228px; padding: 10px;}
div#content div#center {width: 686px; padding: 10px 0; color: silver; min-height: 300px; height: auto !important; height: 300px;}

div#content2 div#center {width: 666px; padding: 10px; color: silver;}
div#content2 div#right {width: 248px; padding: 10px 0;}

div#content3 div#center {padding: 10px; color: silver; min-height: 300px; height: auto !important; height: 300px;}

ul#left-menu {background: #1e1e1e url(../images/gradient_black-gray.gif) repeat-x bottom; padding-left: 2px;}
ul#left-menu li {background: url(../images/divider3.gif) repeat-x top; padding-top: 1px;}
ul#left-menu li.title {padding: 15px 20px 15px 20px; background: transparent;}
ul#left-menu li a {
	display: block; color: #fff;
	padding: 20px 0 20px 20px;
	width: 204px;
	font-size: 14px; font-family: Tahoma; font-weight: bold;
}
ul#left-menu li a:hover {background: #000 url(../images/bck_button.gif) no-repeat right; color: #E21717; text-decoration: none;}

div.title-h {background: url(../images/gradient_darkgray-gray.gif) repeat-x; height: 100px; padding: 0 10px;}

ul.list-1 li.no-border, ul.list-2 li.no-border, 
ul.list-3 li.no-border, ul.list-4 li.no-border, 
ul.list-5 li.no-border, ul.list-6 li.no-border, 
ul.list-7 li.no-border  {border: 0;}

ul.list-1 li {padding: 25px 0; border-top: 1px solid #383838;}
ul.list-1 li a, ul.list-1 li a:hover {text-decoration: none;}
ul.list-1 li a.img-h {width: 115px; text-align: right; margin-right: 25px;}
ul.list-1 li a.img-h  img {border: 1px solid #c8c8c8;}
ul.list-1 li a.txt-h {width: 175px; color: #fff;}
ul.list-1 li a.txt-h p {color: #5F5F5F;}
ul.list-1 li a span {display: block; background: url(../images/arrow2.gif) no-repeat right; padding-right: 20px;}
ul.list-1 li a span b {font-weight: normal;}

ul.list-2 li {padding: 25px 0; border-top: 1px solid #383838;}
ul.list-2 li a, ul.list-2 li a:hover {text-decoration: none;}
ul.list-2 li a.img-h {width: 150px; text-align: right; margin-right: 25px;}
ul.list-2 li a.img-h  img {border: 3px solid #5f5f5f;}
ul.list-2 li a.txt-h {width: 140px; color: #fff;}
ul.list-2 li a.txt-h p {color: #5F5F5F;}
ul.list-2 li.last {padding: 0 0 15px 15px;}
ul.list-2 li a.link {color: #fff; background: url(../images/arrow2.gif) no-repeat left; padding-left: 20px;}

ul.list-3 {background: url(../images/bck_ap-list.gif) repeat-y top; zoom: 1; border: 1px solid #383838; border-top: 0;}
ul.list-3 li {width: 169px; height: 232px; float: left; text-align: center; line-height: 18px;}
ul.list-3 li a {color: #fff;}
ul.list-3 li a * {display: block;}
ul.list-3 li a b {height: 40px; margin-top: 15px;}
ul.list-3 li a img {margin: 0 auto; border: 1px solid #c8c8c8;}
ul.list-3 li a i {font-style: normal; margin-top: 20px;}
ul.list-3 li a span {color: #BD2600; font-size: 14px;}
ul.list-3 li.clear {float: none; clear: both; height: 0; _display: none; #display: none;}

ul.list-4 li {padding: 25px 10px; border-bottom: 1px solid #383838;}
ul.list-4 li a {color: #fff;}
ul.list-4 li a:hover {text-decoration: none;}
ul.list-4 li a span {display: block; background: url(../images/arrow2.gif) no-repeat right; padding-right: 20px; margin-right: 5px;}
ul.list-4 li a b {font-weight: normal;}
ul.list-4 li a p {padding: 0; margin: 0 15px 0 0; float: left; color: #5F5F5F; width: 100px; cursor: pointer;}
ul.list-4 li a img {float: left;}

ul.list-5 li.main-title {padding: 15px 20px; background: url(../images/bck_title.gif) no-repeat top;}
ul.list-5 li.title {margin: 0 2px; padding: 5px 20px; color: #fff; font-weight: bold; background: url(../images/gradient_black-darkgray.gif) repeat-x top;}
ul.list-5 li.sub-menu ul {padding: 10px 20px;}
ul.list-5 li.sub-menu ul li {padding: 2px 0;}
ul.list-5 li.sub-menu ul li a {color: #5f5f5f; background: url(../images/arrow4.gif) no-repeat left; padding-left: 10px;}
ul.list-5 li.sub-menu ul li a:hover {text-decoration: none; color: #999;}

ul.list-6 {padding: 10px 5px;}
ul.list-6 * {display: block; text-align: center; color: #fff;}
ul.list-6 a:hover {text-decoration: none;}
ul.list-6 img {margin: 15px auto 15px auto;}
ul.list-6 span {font-size: 14px; color: #FF3300; margin-top: 5px; font-weight: bold;}

ul.list-7 {padding: 0 20px;}
ul.list-7 li {width: 305px; padding: 35px 0; border-bottom: 1px solid #383838;}
ul.list-7 li.odd {float: left;}
ul.list-7 li.even {float: right;}
ul.list-7 li.clear {float: none; clear: both; border: 0; padding: 0;}
ul.list-7 li a, ul.list-7 li a:hover {text-decoration: none;}
ul.list-7 li a.img-h {width: 115px; padding-bottom: 25px; text-align: right; margin-left: 10px; background: url(../images/ico_shopcarrel.gif) no-repeat bottom;}
ul.list-7 li a.img-h  img {border: 1px solid #c8c8c8;}
ul.list-7 li a.txt-h {width: 175px; color: #fff;}
ul.list-7 li a.txt-h p {color: #5F5F5F; padding: 10px 0;}
ul.list-7 li a span {display: block; background: url(../images/arrow2.gif) no-repeat right; padding-right: 20px;}
ul.list-7 li a span b {font-weight: normal;}

form.mailing-form {padding: 0 10px 10px 10px; color: #5F5F5F;}
form.mailing-form p {padding: 0 10px;}
form.mailing-form span {margin-left: 10px; _position: relative; _top: -13px; #position: relative; #top: -13px; font-size: 14px;}
form.mailing-form input.input {border: 1px solid #d9d9d9; width: 258px; height: 24px; color: gray; margin: 0 0 10px 10px;}
form.mailing-form input.rb {margin-left: 10px; cursor: pointer;}
form.mailing-form  label {cursor: pointer;}
form.mailing-form input.submit, form.mailing-form button {display: block; background: transparent; border: 0; cursor: pointer; background: url(../images/arrow2.gif) no-repeat left; color: #5F5F5F; padding-left: 15px; margin: 20px 0 0 10px;}

.g1 {background: url(../images/gradient_red-gray.gif) repeat-x bottom;}
div.address-h {color: #5F5F5F; padding: 25px 10px; line-height: 16px;}
div.address-h a {color: #5F5F5F;}
div.address-h b {color: #fff;}

div.title2-h {background: url(../images/gradient_darkgray-gray.gif) repeat-x; padding: 10px;}
div.title2-h a {color: #999;}
div.title2-h h1 {padding: 10px 0; margin-top: 10px; border: 0; border-top: 1px solid #383838;}
table.p-info {margin-left: 10px;}
table.p-info tr td.image {padding: 0 20px 0 0;}
table.p-info tr td.dotts {border: 1px dashed #484848; color: #fff; padding: 10px;}
table.p-info tr td.dotts a {color: #fff;}
table.p-info tr td.dotts ul {width: 170px; float: left; padding: 10px 10px 10px 0; background: url(../images/divider4.gif) repeat-y right;}
table.p-info tr td.dotts ul li {height: 40px;}
table.p-info tr td.dotts ul li .pr {top: -3px;}
table.p-info tr td.dotts div {width: 170px; float: left; padding: 10px 0 10px 10px; line-height: 18px;}
table.p-info tr td.dotts .button {width: 169px; height: 37px; cursor: pointer; background: url(../images/b-vkosaro.gif); border: 0;}
table.p-info tr td.thumb-h img {margin: 5px 1px;}

div.p-spec {background: url(../images/bck_p-spec.gif) no-repeat top; padding: 30px 25px;}
div.p-spec table {width: 100%; margin: 10px 0;}
div.p-spec table td{border-bottom: 1px solid #383838; padding: 5px;}
/***/

h3.foto-title {border-bottom: 1px solid #383838; font-size: 12px; color: #CCC; padding-bottom: 5px;}

div.photo-h {
	width: 152px; height: 199px;
	background: url(../images/bck_photo.gif) no-repeat;
	margin: 0 7px;
}

div.photo-h img {margin: 2px 0 0 2px;}

/* --------------------- MAIN end ---------------------*/

/* -------------------- FOOT start --------------------*/
div#foot {width: 944px; margin: 0 auto; padding: 15px 0 10px 0; color: #5F5F5F;}
div#foot p {text-align: center; font-size: 10px; margin-bottom: 25px;}
div#foot a {color: #5F5F5F;}
div#foot ul {float: left; width: 157px;}
div#foot ul li {padding: 3px 0;}
div#foot ul li.title {border-bottom: 1px solid #5F5F5F;}

/* --------------------- FOOT end ---------------------*/