/*********version 2.4**********/
/*********26.11.09*************/

/*******************globalBox***********************/
#globalBox,#footerBox {
width:100% ;
max-width: 2300px;
min-width: 990px;
margin: 0 auto;
}

#globalBox {
margin-bottom:-56px;
background: url(/templates/skin1/images/globalBoxRepeatY.gif) repeat-y 22px 0;
}

/************mainBox********************/
#mainBox {
display: table;
background: url(/templates/skin1/images/mainBoxTopRepeatXBgr.png) repeat-x;
}

#leftBox,#rightBox {
display: table-cell;
padding-bottom: 100px;
vertical-align: top;
}

/*****leftBox********/
#leftBox {
width: 300px;
}

#leftBoxFixator {
width: 300px;
}

#leftBoxWrapper {
width:278px;
float: right;
}

#logo {
height: 124px;
width: 280px;
position: relative;
left: -3px;
background: url(/templates/skin1/images/logo.png);
}

#logo a {
width: 231px;
height: 92px;
display: block;
position: relative;
left: 22px;
top: 5px;
}

#logo span {
display: none;
}

/***katalogBox***/
#katalogBox li,#katalogBox a,
#katalogBox a > span,#katalogBox a > span > span,
#katalogBox a > span > span > span {
width: 270px;
height: 40px;
}

#leftBox .imgLoaderOperaFix .img1 {
background: url(/templates/skin1/images/katalogBoxDecorH.gif);
}

#katalogBox {
width: 270px;
margin: 0 auto;
display: block;
cursor: default;
}

#katalogBox li {
background:url(/templates/skin1/images/katalogBoxPointRepeatX.png) repeat-x;
display: block;
margin: 3px 0;
}

#katalogBox a {
background: url(/templates/skin1/images/katalogBoxPointLeft.png) no-repeat left top;
display: block;
font-size: 90%;
text-transform: uppercase;
color: #000;
text-decoration:none;
}

#katalogBox a > span {
background: url(/templates/skin1/images/katalogBoxPointRight.png) no-repeat right top;
display: block;
}

#katalogBox a > span > span {
background: url(/templates/skin1/images/katalogBoxDecor.gif) no-repeat 90% 50%;
display: table;
margin: 0 0 0 10px;
}

#katalogBox a > span > span > span {
display: table-cell;
vertical-align: middle;
padding: 0 40px 0 10px;
}

#katalogBox li:hover,#katalogBox li:hover a,#katalogBox .akt,#katalogBox .akt a {
background-position: 0 -46px;
}

#katalogBox li:hover a > span,#katalogBox .akt a > span {
background-position: right -46px;
}

#katalogBox li:hover a > span > span,#katalogBox .akt a > span > span {
background-image: url(/templates/skin1/images/katalogBoxDecorH.gif);
}
/***katalogBoxEnd***/

/***newsBox***/
#newsBox {
width: 100%;
margin-top:10px;
display: block;
}

#newsBox #newsBoxHeader {
width: 100%;
height: 40px;
background: url(/templates/skin1/images/newsBoxHeaderRepeatX.png) repeat-x;
border-top: 2px #fff solid;
border-bottom: 2px #fff solid;
font-size: 120%;
line-height: 38px;
text-indent: 20px;
font-weight: bold;
text-transform: uppercase;
color: #010101;
padding: 0;
}

#newsBox > div {
background: #72767a;
border-bottom: 1px #fff solid;
padding: 4px 0;
}

#newsBox > div > div {
width: 96%;
margin: 0 auto;
background: #5c5e60;
border: 1px #8c8c8c solid;
padding-bottom: 25px;
}

#newsBox span {
display: block;
width: 95%;
margin: 5px auto 0 auto;
position: relative;
color: #fff;
}

#newsBox .newsDate {
font-size: 90%;
color: #b8b8b8;
}

#newsBox .newsText {
padding-bottom:5px; 
}

#newsBox a {
display: block;
height: 19px;
position: absolute;
right: 0px;
padding:0 7px;
text-decoration: none;
color: #fff;
line-height: 18px;
font-weight: bold;
background: url(/templates/skin1/images/newsBoxButtomRepeatX.png) repeat-x;
}
/***newsBoxEnd***/

/******leftBoxEnd*******/

/******rightBox*******/
#rightBox {
width: 90%;
}

/************headerBox********************/
#headerBox {
width: 100%;
height: 64px;
position: relative;
}

#infBox {
position: absolute;
top: 15px;
left: 45px;
font-weight: bold;
width: 350px;
}

#infBox > span {
display: block;
width: 70%;
float: left;
}

#infBox #a1 {
width: 87px;
height: 33px;
display: block;
background: url(/templates/skin1/images/represent.gif);
float: right;
margin:0 5px;
position:relative;
top:-16px;
}

#infBox #a2 {
width:39px;
height:40px;
display: block;
background: url(/templates/skin1/images/mkt.gif);
float: right;
margin:0 5px;
position:relative;
top:-6px;
}

#infBox a span {
display: none;
}

#telBox {
height: inherit;
position: absolute;
top: 0;
right: 30px;
font-family:"Myriad Pro", Verdana, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 2px;
}

#telBox span {
font-family: Arial, Helvetica, sans-serif;
font-size: 210%;
color: #f76b12;
padding-left:10px;
position: relative;
top: 8px; 
}

/*************headerBoxEnd*******************/

/****navBox***/
#navBox,#navBoxWrapper,#navBoxLeft,#navBoxRight {
height: 43px;
} 

#navBox {
width: 90%;
background: url(/templates/skin1/images/navBoxRepeatX.png) repeat-x;
position: relative;
margin: 0 auto;
}

#navBoxWrapper {
width: 100%;
background: url(/templates/skin1/images/navBoxDecor.png) no-repeat 40px 50%;
}

#navBoxUl li,#navBoxUl a,#navBoxUl a > span,
#navBoxUl a > span > span {
height: 37px;
display: block;
} 

#navBoxUl {
display: table;
width: 100%;
position: relative;
top: 3px;
}

/**navBoxImgLoader**/

#navBox .imgLoaderOperaFix  .img1 {
background: url(/templates/skin1/images/navBoxHoverLeft.png);
}

#navBox .imgLoaderOperaFix  .img2 {
background: url(/templates/skin1/images/navBoxHoverRepeatX.png);
}

#navBox .imgLoaderOperaFix  .img3 {
background: url(/templates/skin1/images/navBoxHoverRight.png);
}
/**navBoxImgLoaderEnd**/

#navBoxLeft {
width: 28px;
position: absolute;
left: -28px;
top: 0;
background:url(/templates/skin1/images/navBoxLeft.png) no-repeat ;
}

#navBoxRight {
width: 35px;
position: absolute;
right: -35px;
top: 0;
background: url(/templates/skin1/images/navBoxRight.png) no-repeat ;
}

#navBoxUl li {
display: table-cell;
background: url(/templates/skin1/images/navBoxDivider.png) no-repeat left 50%;
text-align: center;
min-width: 100px;
}

#navBoxUl a {
width: 100%;
display: block;
text-transform: uppercase;
font-weight: bold;
color: #000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 110%;
}

#navBoxUl a > span > span {
line-height: 36px;
white-space:nowrap;
}

#navBoxUl a:hover,#navBoxUl .akt  {
background: url(/templates/skin1/images/navBoxHoverRepeatX.png) repeat-x;
}

#navBoxUl a:hover > span,#navBoxUl .akt  > span {
background: url(/templates/skin1/images/navBoxHoverLeft.png) no-repeat left top;
}

#navBoxUl a:hover > span > span,#navBoxUl .akt  > span > span {
background: url(/templates/skin1/images/navBoxHoverRight.png) no-repeat right top;
}
/***navBoxEnd***/

/*************carBox*******************/
#carBox {
width: 100%;
margin: 0 auto;
height: 275px;
max-width: 1600px;
background:url(/templates/skin1/images/car1.png) no-repeat left top;
}

#carBox > div {
width: 100%;
height: inherit;
background: url(/templates/skin1/images/car2.png) no-repeat 50% top;
}

#carBox > div > div {
width: 100%;
height: inherit;
background: url(/templates/skin1/images/car3.png) no-repeat right top;
}

#carBox span {
display: none;
}

/*************carBoxEnd*******************/

#contentMainHeader {
}

#contentBox {
width: 90%;
padding: 10px 0;
margin: 0 auto;
max-width: 1200px;
}

#contentBox #katalogPageBox div {
width: 212px;
height: 226px;
display: block;
background: url(/templates/skin1/images/imgBox.png);
margin: 10px;
float: left;
position: relative;
}

#contentBox #katalogPageBox div img {
position: absolute;
left: 17px;
bottom: 5px;
z-index: 1;
width: 180px;
height: 180px;
}

#contentBox #katalogPageBox div > span {
width: 188px;
height: 35px;
display: table;
position: absolute;
top: 1px;
left: 13px;
z-index: 1;
}

#contentBox #katalogPageBox div > span > span {
height: 35px;
width: 188px;
display: table-cell;
vertical-align: middle;
text-align: center;
padding:0 10px;
*padding:0;
}

#contentBox #katalogPageBox div a {
position: absolute;
left: 11px;
z-index: 10;
display: block;
width: 190px;
height: 226px;
padding: 0;
background: #fff;
opacity:0;
}

#contentBox #katalogPageBox div a span {
display: none;
}

#contentBox #katalogPageBox div a:hover + span > span {
text-decoration: underline;
}

#contentBox #katalogPageBox .centerIE {
position: relative;
*display:block;
*width:172px;
}

/******rightBoxEnd*******/


/*************mainBoxEnd*******************/


/********************globalBoxEnd**********************/


/********************footerBox**********************/
#footerBox {
height: 56px;
background: #5c5e60;
position: relative;
}

#copyrightBox {
margin: 0 auto;
text-align: center;
position: relative;
top:15px;
color: #fff;
line-height:1.5em;
}

#ArtlineStudio {
position: absolute;
left: 20px;
top:15px;
width: 190px;
}

#ArtlineStudio span {
display: block;
width: 50%;
float: left;
color: #cecece;
font-size: 90%;
}

#ArtlineStudio > span a {
color: #cecece;
}

#ArtlineStudio > span a:hover {
color: #f00;
}

#ArtlineStudio > a {
display: block;
width: 93px;
height: 28px;
background: url(/templates/skin1/images/logoArtline.png);
float: left;
}

#ArtlineStudio > a > span {
display: none;
}

#bannersBox {
position: absolute;
right: 20px;
}

#bannersBox img {
float: right;
margin: 0 3px;
}
/**********************footerBoxEnd*********************/0