html{ min-height:100%; _height:100%;}
body{background:#E4E4E4; text-align:center; font-family: Arial, sans-serif; font-size: 12px; min-height:100%; _height:100%;}

/* NAVIGATION-SKIP */
#nav-skip { position: absolute; left: -3000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 3000px; }

/* LAYOUT */
#mother {margin: 0 auto; width:986px; text-align:left;}
#mother .inBox{margin:0 auto;}
#header .inBox{position:relative; padding:20px 12px 20px 30px; width:944px; float: left; margin-top: 3px; float: left}
#header {background: url('/img/bg/header.png') center top no-repeat; height: 132px;}
#page-top {background: url('/img/bg/page-top.png') 0 0 no-repeat; height: 12px}
#page {background: url('/img/bg/page.png') 0 0 repeat-y;}
#fullpage {background: white url('/img/bg/page.png') 0 0 repeat-y;}
#fullpage .inBox{padding:20px 37px 20px 40px;background: url('/img/bg/main2.png') 15px top no-repeat;}
#footer{background:url('/img/bg/footer.jpg') 0 0 no-repeat; padding:90px 13px 180px 25px; color:#333333 }


/* HOME PAGE*/
#motive{margin: 0 12px 1px 15px; background: #668C4F url('/img/bg/motive.jpg') 0px top no-repeat; height: 300px; color: white}
#motive .motive-l {width: 285px; height: 260px; float: left; padding: 40px 0 0 30px}
#motive .motive-c {width: 285px; height: 260px; float: left; padding: 40px 0 0 30px}
#motive .motive-r {width: 285px; height: 260px; float: left; padding: 40px 0 0 30px}

/*
#motive h2 {font-weight:normal; color:#fff; font-size:200%; line-height:30px; margin:0 0 8px;}
#motive ul li {background: url('/img/ico/check.png') 0px 3px no-repeat; margin: 10px 0 0 5px; padding-left: 25px; font-weight: bold; font-size: 117%;}
*/
#motive .spc {padding: 90px 0 0 70px}
#motive h2 {font-weight:normal; color:#fff; font-size:300%; line-height:30px; margin:0 0 8px; font-family: cambria;}
#motive p {font-weight:normal; color:#fff; font-size:150%; line-height:30px; margin:0 0 8px;}
#motive div.more {background: #1D3616 url('/img/btn/more.png'); width: 135px; height: 30px; display: block; font-weight: bold; font-size: 108%; margin: 20px 0 0 0px; cursor: pointer;}
#motive div.more:hover {background: #1D3616 url('/img/btn/more_hover.png');}
#motive .more a {color: white; text-decoration: none; line-height: 30px; padding-left: 10px; display: block;}

#motive2{background: #668C4F url('/img/bg/motive2.jpg') 0px top no-repeat; height: 420px; color: white}
#motive2 h2 {font-weight:normal; color:#fff; font-size:200%; line-height:30px; margin:0 0 8px;}
#motive2 .motive-l {width: 273px; height: 260px; float: left; padding: 95px 0 0 30px}
#motive2 .motive-c {width: 273px; height: 260px; float: left; padding: 95px 0 0 30px}
#motive2 .motive-r {width: 273px; height: 260px; float: left; padding: 95px 0 0 30px}
#motive2 p {font-weight:normal; color:#fff; font-size:150%; line-height:30px; margin:0 0 8px;}
#motive2 div.more {background: #1D3616 url('/img/btn/more.png'); width: 135px; height: 30px; display: block; font-weight: bold; font-size: 108%; margin: 65px 0 0 0px; cursor: pointer;}
#motive2 div.more:hover {background: #1D3616 url('/img/btn/more_hover.png');}
#motive2 .more a {color: white; text-decoration: none; line-height: 30px; padding-left: 10px; display: block;}

#main {background: url('/img/bg/main.png') 15px top no-repeat;}
#main .inBox {padding: 25px 30px 25px 30px; margin: 0 15px}
#main .tip-l {background: url('/img/ico/ico1.png') 0 15px no-repeat; padding-left: 70px	}
#main .tip-r {background: url('/img/ico/ico2.png') 0 30px no-repeat; padding-left: 70px }
#main .tip-l h3, #main .tip-r h3 {font-size: 142%; margin-top: 0.7em}
#main h2 {font-weight: bold;}
#main img {float: left; border: 1px solid #dadada; padding: 2px; margin: 0 15px 5px 0}
#main h3.reset {font-size: 100%; font-weight: normal;}
#main a {font-size: 117%}


/* FULL PAGE*/
.col-l {width: 250px; float: left; }
.col-c {width: 250px; float: left; margin: 0 79px}
.col-r {width: 250px; float: left;}

.col-l a, .col-c a, .col-r a {font-size: 117%; font-weight: bold; display: block; margin: 0 0 10px 0 }

#fullpage a.item{width:240px; height:240px; display:block; padding:4px 4px 5px; border: 1px solid #dadada; margin: 0 0 20px 0}
#fullpage a.item span{width:240px; height:240px; line-height:240px; font-size:0; text-align:center; display:block; overflow:hidden;}
#fullpage a.item img{vertical-align:middle;}


.col-l-page {position: relative;width: 250px; float: left; margin-right: 20px}
.col-l-page p.desc {font-size: 117%; font-style: italic;}
.col-l-page p.name {font-size: 92%; font-style: italic;}

div.back {float: right;background: #152C0F url('/img/btn/back.png') left center no-repeat; height: 29px; display: block; font-weight: bold; font-size: 108%;}
.back a {color: white; text-decoration: none; line-height: 29px; padding: 0 10px 0 30px}



/* CROSSROAD */
.crossroad li {padding: 0 0 20px 145px; overflow: hidden; zoom: 1;}
.crossroad h2 {font-size: 150%; margin: 0 0 5px;}
.crossroad p {margin: 0;}
.crossroad .img {width:160px; height:160px; line-height:160px; float: left; display: block; margin: 0 10px 5px 0; padding: 2px; border: 1px solid #F2EEDF; text-align: center;}
.crossroad .img img {margin: 0 auto;vertical-align:middle}

#breadcrumb {padding: 0 20px;margin: 0 12px 0 15px; background: #668C4F url('/img/bg/motive-small.jpg') 0px top no-repeat; height: 40px; line-height: 40px; color: white; font-size: 100%}
#breadcrumb a {color: white; padding: 0 12px 0 5px; background: url('/img/ico/bread.png') center right no-repeat;}

/* LOGO BOX */ 
#logo-box{color:white; margin:0; float: left}
#logo-box h1, #logo-box p{margin:0; padding:0; font-size:117%; line-height:1; color:#333;}

/* MAIN MENU */
#main-menu{width:410px; height: 44px; border-bottom:1px solid #dadada; float: right; margin-top: 22px; background:#2A441F url('/img/bg/menu.png') top right no-repeat;}
#main-menu ul{overflow:hidden; width:100%;}
#main-menu li{float:left; width:20%; background:url('/img/bg/menu-li.png') center right no-repeat;}
#main-menu li a, #main-menu li strong{display:block; text-align:center; color:white; text-decoration:none; font-size:133%; height:44px; line-height:44px;  position:relative; z-index:2;}
#main-menu li strong {background: #5F834B; font-weight: normal;}
#main-menu li strong, #main-menu li.active{color:white;}
#main-menu li a:hover{color:white;background: #5F834B;}
#main-menu #lavaBox {background:#1f75c0; position:absolute; z-index:1; float:none;}

/* ANNOT 
.annot-box h1{margin:0 0 0.3em;}
.annot-box p{font-weight:bold; margin-right:50px;}
.section-annot{color:#A0A0A0; margin-top:5px;}

/* ATT IMAGES */
#att-images h3{margin:0 0 0.5em}
#att-images a.item{float:left; width:160px; height:160px; display:inline; padding:4px 4px 5px; border: 1px solid #dadada;margin:0px 12px 12px 0; }
#att-images a.item span{width:160px; height:160px; line-height:160px; font-size:0; text-align:center; display:block; overflow:hidden;}
#att-images a.item img{vertical-align:middle;}

/* COLs 
#col-content{float:right; width:741px; margin-left:-1px; display:inline; background:url('../img/bg/dot-border.png') 0 0 repeat-y; margin-bottom:30px;}
#col-side{float:left; width:180px; display:inline; background:url('../img/bg/dot-border.png') 100% 0 repeat-y;  margin-bottom:30px;}
#col-content .in{padding:1px 25px;}
#fullpage .in{padding:1px 25px;}
.content{padding-bottom:10px; overflow:hidden; width:100%;}

/* SIDE MENU 
#side-menu ul li{ border:1px solid #dedede; position:relative; margin:0 0 -1px;}
#side-menu ul li a, #side-menu ul li strong{display:block; padding:8px 15px; background:#ededed url('../img/bg/side.png') 0 0 repeat-x; font-weight:bold; font-size:92%; text-decoration:none; color:#333; zoom:1;}
#side-menu ul li strong{background:#1f426d url('../img/bg/side-active.png') 0 0 repeat-x; color:white;}
#side-menu ul li a:hover{color:#0e548f;}
#side-menu .capitalize{text-transform: uppercase;}

/* HOME 
.home-box{float:left; width:306px; background:url('../img/bg/dot-border.png') 100% 0 repeat-y; margin-bottom:40px;}
.home-box .spc{padding:1px 23px;}
.home-box ul{width:100%; overflow:hidden;}
.home-box h3 a{color:#333;}
.home-box h3 a:hover{color:#0e548f;}
.home-box h3{font-family:tahoma, verdana, arial, sans-serif;}
.home-box p{margin-bottom:5px;}
.home-box li p{color:#a0a0a0; overflow:hidden; zoom:1; margin-bottom:10px;}

/*
.news-box{background:none;}
.news-box h3, .services-box h3{font-size:100%;}
.news-box li, .services-box li{overflow:hidden; width:100%;}
.news-box li span{float:left; display:inline; background:url('../img/bg/cal.png') 0 0 no-repeat; width:27px; height:20px; font-size:8px; color:#0e548f; line-height:9px; padding:8px 1px 1px; text-align:center; margin: 10px 10px 0 0px;}
.news-box .spc{padding-right:15px;}

.services-box .img, .crossroad .img{float:left; width:90px; height:90px; display:inline; padding:4px 4px 5px; background:#f9f9f9 url('../img/bg/frame-small.png') 0 0 no-repeat; margin:10px 12px 0 0; }
.services-box .imgIn, .crossroad .imgIn{width:90px; height:90px; line-height:90px; font-size:0; text-align:center; display:block; overflow:hidden;}
.services-box .img img, .crossroad .img img{vertical-align:middle;}

.list-box .spc{padding-left:15px;}
.list-box  h2, .list-box  p{margin-left:10px;}
.list-box h3{font-size:117%; margin:0;}
.list-box ul li{float:left; display:inline; margin:0 0 1px 1px; overflow:hidden; width:130px; min-height:130px;  _height:130px; text-align:center;}
.list-box li a{display:block; padding:85px 15px 10px; min-height:35px; _height:35px;}
.list-box li.new-pneu  a:hover{background:url('../img/bg/list1-hover.png') 100% 100% no-repeat;}
.list-box .new-pneu{background:url('../img/bg/list1.png') 100% 100% no-repeat; margin-top:15px;}
.list-box .old-pneu{background:url('../img/bg/list2.png') 0 100% no-repeat;  margin-top:15px;}
.list-box .old-pneu a:hover{background:url('../img/bg/list2-hover.png') 0 100% no-repeat;}
.list-box .alu-wheel{background:url('../img/bg/list3.png') 0 100% no-repeat;}
.list-box .alu-wheel a:hover{background:url('../img/bg/list3-hover.png') 0 100% no-repeat;}
.list-box .accessories{background:url('../img/bg/list4.png') 0 100% no-repeat;}
.list-box .accessories a:hover{background:url('../img/bg/list4-hover.png') 0 100% no-repeat;}

/* LIST 1 
.product-list h2, .table-list h2{margin:1.2em 0 0.5em;}
.product-list ul{width:100%; overflow:hidden; margin-bottom:18px;}
.product-list ul li{float:left; width:158px; border-bottom:1px solid #f6f6f6; margin:0 0 0 18px; background:#f8f8f8;}
.product-list ul li .spc{border:1px solid #efefef; padding:0 6px}
.product-list ul li.first{margin:0;}
.product-list ul li .img{display:block; margin:0 -6px 8px; position:relative; background:white url('../img/bg/dot-border-list.png') 0 100% repeat-x; padding:10px 0 11px; height:100px; overflow:hidden; font-size:0; line-height:100px;}
.product-list ul li .img img{vertical-align:middle;}
.product-list ul li h3{font-size:117%; margin:0 0 6px; text-align:center; font-family:tahoma; font-weight:normal;}
.product-list table{border:none; font-size:92%; width:100%; margin:0;}
.product-list table td, .product-list table th{border:none; background:none; vertical-align:top; padding:1px 5px; }
.product-list table th{}
.product-list .price{text-align:center; line-height:1.3; margin-bottom:0;}
.product-list .center{margin:6px 0 6px;}
.product-list .price strong{font-size:108%;}
.product-list .price span{font-size:92%; color:#999; display:block;}
.product-list .desc{font-size:92%; margin:0px 5px 8px;}
.table-list table{margin:0;}

.contact-box{margin: 0 50px 0 0;}
.contact-box p{margin-top:0;}

/* BREADCRUMB 
#breadcrumb{background:#f5f5f5; padding:10px 15px; font-size:92%; margin:0 0 35px;}
#breadcrumb a{margin-right:6px; padding-right:14px; background:url('../img/bg/more.png') 100% 60% no-repeat;}



/* INLINE LINK 
a.inline-link{display:inline-block; vertical-align:middle; text-transform:uppercase; color:#666; text-decoration:none; cursor:pointer; height:32px; overflow:hidden;}
a.inline-link span{display:inline-block; height:32px; line-height:33px; padding:0 22px 0 10px; width:140px;}

/* MESSAGE */
.message{margin:1em 0 2em; border-bottom:1px solid #f5f5f5;}
.home .message{margin:1em 25px 2em;}
.info-message p{border:1px solid #e8ddae; background:#fff7d2 url('../img/ico/bulb.png') 15px 50% no-repeat; margin:0; padding:10px 20px 10px 50px;}

.ok-message{background:#E3FDB6 url(/img/ico/bullet-tick.png) 10px 50% no-repeat; padding:7px 20px 7px 35px; border:1px solid #8AC722; color:#4B7600 !important; font-weight:bold; margin:0.8em 0px 1em !important;; }
.error-message{background:#FFCCCC url(/img/ico/bullet-cross.png) 10px 50% no-repeat; padding:7px 20px 7px 35px; border:1px solid #DB0000; color:#B10000 !important; font-weight:bold;  margin:0.8em 0px 1em !important;;}
.info-message{background:#fff1b0 url(/img/ico/bullet-info.png) 10px 50% no-repeat; padding:7px 20px 7px 35px; border:1px solid #e6bd00; color:#6c6c6c !important; font-weight:bold;  margin:0.8em 0px 1em !important;;}

/* ATT FILES */
#att-files li { list-style: none; padding-left: 0; padding:1px 0 1px 22px; margin-bottom:2px; background-position: 0 0em; background-image: url("/img/fileico/fico-sm-unknown.png"); background-repeat: no-repeat}
#att-files .dm { background-image: url("/img/fileico/fico-sm-3dm.png"); }
#att-files .ai { background-image: url("/img/fileico/fico-sm-ai.png"); }
#att-files .avi { background-image: url("/img/fileico/fico-sm-avi.png"); }
#att-files .bmp { background-image: url("/img/fileico/fico-sm-bmp.png"); }
#att-files .cdr { background-image: url("/img/fileico/fico-sm-cdr.png"); }
#att-files .doc { background-image: url("/img/fileico/fico-sm-doc.png"); }
#att-files .dxf { background-image: url("/img/fileico/fico-sm-dxf.png"); }
#att-files .exe { background-image: url("/img/fileico/fico-sm-exe.png"); }
#att-files .gif { background-image: url("/img/fileico/fico-sm-gif.png"); }
#att-files .html { background-image: url("/img/fileico/fico-sm-html.png"); }
#att-files .jpg { background-image: url("/img/fileico/fico-sm-jpg.png"); }
#att-files .mp3 { background-image: url("/img/fileico/fico-sm-mp3.png"); }
#att-files .pdf { background-image: url("/img/fileico/fico-sm-pdf.png"); }
#att-files .png { background-image: url("/img/fileico/fico-sm-png.png"); }
#att-files .ppt { background-image: url("/img/fileico/fico-sm-ppt.png"); }
#att-files .psd { background-image: url("/img/fileico/fico-sm-psd.png"); }
#att-files .qt { background-image: url("/img/fileico/fico-sm-qt.png"); }
#att-files .ra { background-image: url("/img/fileico/fico-sm-ra.png"); }
#att-files .swf { background-image: url("/img/fileico/fico-sm-swf.png"); }
#att-files .tif { background-image: url("/img/fileico/fico-sm-tif.png"); }
#att-files .txt { background-image: url("/img/fileico/fico-sm-txt.png"); }
#att-files .xls { background-image: url("/img/fileico/fico-sm-xls.png"); }
#att-files .zip { background-image: url("/img/fileico/fico-sm-zip.png"); }

/* CORNERS 
.cor{overflow:hidden; position:absolute; background-repeat:no-repeat; display:block; z-index:10;}
.cor-l{top:0; left:0; background-position:0 0;}
.cor-r{top:0; right:0; background-position:100% 0;}
.cor-bl{bottom:0; left:0; background-position:0 -5px;}
.cor-br{bottom:0; right:0; background-position:100% -5px;}

/* CONTACT FORM */
.contact-form{border:1px solid #e5e5e5; background:#668C4F url('/img/bg/form.png') 0 0 repeat-x; padding: 20px 40px; margin-bottom:25px; color: white;}
.contact-form .spc, .map-box .spc{width:100%;}
.contact-form label {font-weight: bold;}
.contact-form .btn-submit {background: #2A441F url('/img/btn/send.png') 0 0 no-repeat; width: 127px; height: 32px; line-height: 32px;border: 0px; color: white; font-weight: bold; cursor: pointer}
.contact-form .btn-submit:hover {background: #2A441F url('/img/btn/send_hover.png') 0 0 no-repeat;}
.contact-form input.error {background: white url('/img/ico/bullet-cross.png') 98% center no-repeat; color: black}
.contact-form textarea.error {background: white url('/img/ico/bullet-cross.png') 99% 10% no-repeat; color: black}