@import 'lib/reset.css';

body { color: #000; font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size: 75%; background: #2E2E2D url(../images/layout/bg-main.gif) repeat-x; }

a { color: #ffda2f; text-decoration: underline; }
a:hover { color: #ffda2f; text-decoration: none;}

a.black { color: #000; text-decoration: underline; }
a.black:hover { color: #000; text-decoration: none;}

h1,h2,h3,h4,h5,h6 { color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; }
h1 { font-size: 1.5em; line-height: 1; margin: 0; color: #FFF; padding: 20px 0 0 0; letter-spacing: -0.04em; text-align: center; }
h2 { font-size: 2.2em; margin: 0; padding: 15px 0 0 0; }
h3 { font-size: 1.5em; line-height: 1.25; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h3.block {font-size: 1.5em; line-height: 1.3; margin: 0 0 0.3em 0; padding: 0 105px 0 0; }
h3.small-block {font-size: 1.5em; line-height: 1.2; margin: 0 0 0.3em 0; padding: 0; }

.cleaner { clear: both; }

/* Text fields */
input.text  { width: 300px; margin: 0.5em 0.5em 0.5em 0; display: inline; border: 1px solid #bbb; background:#f6f6f6; padding:5px; }

/* Main page wrapper */
.container { margin: 0 auto; width: 960px; padding: 0; background: #FFF; }

/* Header */
.header { width: 960px; height: 109px; background: url(../images/layout/bg-header.jpg) no-repeat; padding: 0; margin: 0; }

/* Header - logo */
.header .logo { float: left; width: 240px; height: 109px; }
.header .logo a { background: none; }

/* Header - center part */
.header .center { float: left; padding: 0; margin: 0; }

/* Navigation area */
.navigation { width: 543px; height: 49px; margin: 22px 0 0 0; float: left; }
.navigation #nav { margin: 0; padding: 0; list-style-type: none; }
.navigation #nav li { display: inline; padding: 0; text-indent:-2000px; }
.navigation #nav li a { display: block; float:left; padding: 0;  height: 49px; }
.navigation #nav li a:hover { background-position: 0 -49px; }
.navigation #nav li a:active { background-position: 0 -49px; }
.navigation #audio a { background:url(../images/navigation/audio.gif); width: 181px;}
.navigation #audio a.active { background-position: 0 -98px; }
.navigation #disky a { background:url(../images/navigation/disky-pneumatiky.gif); width: 181px;}
.navigation #disky a.active { background-position: 0 -98px; }
.navigation #tuning a { background:url(../images/navigation/tuning.gif); width: 181px;}
.navigation #tuning a.active { background-position: 0 -98px; }
.navigation .clearfix { display: inline-block; }
.navigation .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Login info & Shopping cart */
.login-cart { float: right; width: 167px; padding: 20px 10px 0 0; margin: 0; }
.login-cart .cart { margin: 0 auto; padding: 0; text-align: center; color: #FFF; font-size: 1.5em; }
.login-cart .cart .icon { margin: 0; }
.login-cart .links { margin: 0 auto; padding: 0 0 10px 0; text-align: left; color: #FFF; font-size: 1em; }
.login-cart .items { margin: 0 auto; padding: 0 0 5px 0; text-align: center; color: #FFF; font-size: 1em; }

/* Navigation bar */
.nav-bar { width: 920px; height: 24px; padding: 8px 20px; margin: 0 0 25px 0; background: #FFDA2F; border-bottom: 1px solid #FFC313;}
.nav-bar .search { float: left; padding: 0; margin: 0; font-size: 1.3em; }
.nav-bar .contacts { float: right; padding: 2px 0 0 0;font-size: 1.2em; }
.nav-bar .contacts .phone { float: left;}
.nav-bar .contacts .icq { float: left; }
.nav-bar .contacts img { float: left; margin: 3px 3px 0 2px; display: inline; }

/* Main big boxes */
.main-blocks { margin: 0 0 25px 26px; height: 225px; padding: 0; }
.main-blocks .left-block { float: left; width: 253px; height: 200px; padding: 0 25px 25px 25px; background: #FFF url(../images/layout/bg-audio-main.jpg) no-repeat; }
.main-blocks .center-block { float: left; width: 250px; height: 200px; padding: 0 25px 25px 25px; background: url(../images/layout/bg-disky-pneumatiky-main.jpg) no-repeat; }
.main-blocks .right-block { float: left; width: 258px; height: 200px; padding: 0 20px 25px 25px; background: url(../images/layout/bg-tuning-main.jpg) no-repeat; }

/* Main small boxes */
.blocks { margin: 0 0 25px 26px; height: 120px; }
.blocks .left-block { float: left; width: 254px; height: 85px; padding: 10px 25px 25px 25px; background: #FFF url(../images/layout/bg-akcia.jpg) no-repeat; }
.blocks .center-block { float: left; width: 251px; height: 85px; padding: 10px 25px 25px 25px; background: url(../images/layout/bg-nove-produkty.jpg) no-repeat; }
.blocks .right-block { float: left; width: 251px; height: 85px; padding: 10px 25px 25px 25px; background: url(../images/layout/bg-newsletter.jpg) no-repeat; }
.blocks a { color: #000; text-decoration: underline;}
.blocks a:hover { color: #000; background: #ffda2f; text-decoration: none; }
.blocks .left-block p { font-size: 1.1em; line-height: 1.3em; padding: 0 125px 0 0; margin: 0; }
.blocks .center-block p { font-size: 1.1em; line-height: 1.3em; padding: 0 115px 0 0; margin: 0; }
.blocks .right-block p { font-size: 1.1em; line-height: 1.3em; padding: 0 25px 0 0; margin: 0; }
.blocks .right-block p.form { font-size: 1.1em; line-height: 1.3em; padding: 0; margin: 0; abackground: red; }

/* Footer */
#footer { width: 960px; height: 64px; padding: 10px 0 0 0; background: #FFF url(../images/layout/bg-footer.jpg) no-repeat; text-align: center; color: #000;  }
#footer .copy { color: #909090; font-size: 11px; text-align: center; padding: 5px 0 0 0; }
#footer .copy a { color: #909090; text-decoration: none; }
#footer .copy a:hover { color: #909090; text-decoration: underline; }
#footer a { color: #000; text-decoration: underline; margin: 0 15px 0 0; }
#footer a:hover { color: #000; text-decoration: none; }