body {background: #fff; text-align: center; color:#333;}

/* LAYOUT */
#header {background: #182334 url('/img/bg/header.png') 50% 0 no-repeat; border-bottom: 1px solid #334c81;}
#header .inBox {height: 100px;}
#main {background: url('/img/bg/main.png') 0 0 repeat-x; padding: 1px 0; min-height: 350px;}
.inBox {margin: 0 auto; width: 940px; text-align: left;}

#col-content {float: left; display: inline; width: 640px;}
#col-side {float: right; display: inline; width: 240px;}

/* LOGO BOX */
#logo-box {float: left; display: inline; margin: 20px 0 0;}

/* MAIN MENU */
#main-menu {float: right; display: inline; margin: 38px 0 0 0; _width: 570px;}
#main-menu ul.reset {position:relative;}
#main-menu li {float: left; display: inline; position: relative; z-index: 2;}
#main-menu li a {float: left; display: inline; line-height: 31px; text-decoration: none; color: #fff; padding: 0 10px;}
#main-menu li.current a {font-weight: bold;}
#main-menu li.back {background: url('/img/bg/main-menu.png') 100% 0 no-repeat; width: 9px; height: 31px; z-index: 1; position: absolute;}
#main-menu li.back .left {background: url('/img/bg/main-menu.png') 0 0 no-repeat; height: 31px; margin: 0 18px 0 0;}

/* MOTIVE */
#motive {background: #2d3e65 url('/img/bg/motive.png') 0 0 repeat-x; border: 1px solid #fff; border-width: 1px 0;}
#motive .inBox {height: 240px; position: relative; background: url('/img/bg/motive-in.jpg') 100% 0 no-repeat;}
#motive h1 {margin: 0; position: absolute; top: 40px; left: 0;}
#motive .buttons {position: absolute; left: 0; top: 140px;}
#motive .buttons a {float: left; margin: 0 5px 0 0;}
#motive .buttons a.info {background: url('/img/btn/informace-o-mopedautech-hover.png') 0 0 no-repeat;}
#motive .buttons a.nabidka {background: url('/img/btn/nabidka-mopedaut-hover.png') 0 0 no-repeat;}
#motive .signal1 {position: absolute; left: 430px; top: 40px;}
#motive .signal2 {position: absolute; left: 515px; top: 40px;}

/* BREADCRUMB */
#breadcrumb {background: #2d3e65 url('/img/bg/motive.png') 0 0 repeat-x; border: 1px solid #fff; border-width: 1px 0;}
#breadcrumb .inBox {color: #fff; padding: 15px 0; font-size: 117%;}
#breadcrumb .inBox a {color: #fff;}
#breadcrumb .inBox a:hover {text-decoration: none;}
#breadcrumb .inBox strong {font-weight: normal;}

/* ANNOT BOX */
#annot-box h2, #annot-box h1 {font-size: 200%;}
#annot-box p {font-size: 117%;}
#annot-box {margin: 0 0 25px;}

/* PRODUCT LIST */
.product-list li {padding: 0 0 40px; overflow: hidden; zoom: 1;}
.home .product-list li {padding: 0;}
.product-list .left-side {float: left; display: inline; width: 255px;}
.product-list .big {margin: 0 0 2px;}
.product-list .small {margin: 0 0 0 -2px;}
.product-list .small a {margin: 0 0 0 2px; text-decoration: none;}
.product-list .right-side {float: right; display: inline; width: 365px;}
.product-list li ul.reset {margin: 0 0 0.8em;}
.product-list li li {padding: 3px 0 !important; border-bottom: 1px solid #ddd;}
.product-list li li .l {width: 80px;}
.product-list li li .r {width: 270px;}
.product-list li li .etelka {font-size: 133%;}
.product-list h3, .product-list h2.title {font-size: 143%; font-weight: bold; color: #999; margin: 0 0 5px;}
.product-list .title strong {color: #333;}
.product-list .img {width: 255px; float: left; display: inline; margin: 0 0 0 -275px;}
.product-list .price {font-size: 125%; margin: 3px 0 5px;}
.product-list .small {color: #999;}

/* ACCESSORIES LIST */
.accessories-list{margin:0 0 20px -20px; overflow:hidden; zoom:1; background:url('/img/bg/acc.png') 0 0 repeat;}
.accessories-list li{float:left; display:inline; width:200px; margin:0 0 0 20px; background:#DDDDDD;}
.accessories-list h2{margin:0; padding:10px; font-size:117%;}
.accessories-list p{margin:0; padding:0 10px 10px;}
.accessories-list img{background:#fff;}

/* CROSSROAD */
.crossroad li {padding: 0 0 20px 150px; overflow: hidden; zoom: 1;}
.crossroad li p, .crossroad li h3 {margin: 0 0 3px;}
.crossroad .img {text-align: center; float: left; display: inline; width: 120px; border: 3px solid #dedede; padding: 5px; margin: 4px 0 0 -150px;}
.crossroad .img img {display: block; margin: 0 auto;}

/* NEWS BOX */
.news-box h3 {font-size: 117%;}
.news-box li {margin: 0 0 20px;}

/* CONTACT */
.contact p {font-size: 108%;}
.contact p strong {display: inline-block; width: 100px;}

/* FOOTER */
#footer {font-size: 92%; color: #666; margin: 30px 0 20px;}
#footer .logos-list {background: #dedede; padding: 10px 0; height: 57px; margin: 0 0 10px;}
#footer .logos-list li {float: left; display: inline; margin: 0 40px;}
#footer .logos-list li a {float: left; display: inline;}
#footer .logos-list .aixam a {background: url('/img/logo/aixam-hover.png') 0 0 no-repeat;}
#footer .logos-list .ligier a {background: url('/img/logo/ligier-hover.png') 0 0 no-repeat;}
#footer .logos-list .microcar a {background: url('/img/logo/microcar-hover.png') 0 0 no-repeat;}
#footer .logos-list .jdm a {background: url('/img/logo/jdm-hover.png') 0 0 no-repeat;}
#footer .logos-list .chatenet a {background: url('/img/logo/chatenet-hover.png') 0 0 no-repeat;}
#footer .logos-list .bellier a {background: url('/img/logo/bellier-hover.png') 0 0 no-repeat;}

/* FORM */
.form {background: #fafafa; padding: 20px; margin: 20px 0;}
.form h2 {margin-top: 0;}
.form label {display: inline-block; width: 150px; vertical-align: top; text-align: right; margin: 0 10px 0 0; font-weight: bold;}
.form .submit {padding: 5px 10px; border: none; background: #2C3B60; color: #fff; font-weight: bold; cursor: pointer;}
.form .block {display: block; width: 100%; text-align: left; margin: 0 0 2px;}

/* IMG HOVER */
#motive .buttons a:hover img, #footer .logos-list a img {filter:alpha(opacity=0); opacity: 0;}
#footer .logos-list a:hover img {filter:alpha(opacity=100); opacity: 1;}

/* MESSAGE */
.ok-message {padding:7px 20px 7px 35px; background:10px 50% no-repeat; border:1px solid; font-weight:bold; background-color:#E3FDB6; background-image:url('/img/ico/bullet-tick.png'); border-color:#8AC722; color:#4B7600; margin: 15px 0;}
.error-message {padding:7px 20px 7px 35px; background:10px 50% no-repeat; border:1px solid; font-weight:bold; background-color:#FFCCCC; background-image:url('/img/ico/bullet-cross.png'); border-color:#DB0000; color:#B10000; margin: 15px 0;}