h2, html {margin:0; padding:0; }
body {margin: 0px 0px 40px 0; }
img {border:0; }
body {background: white url(../img/page-background.gif) repeat-x top center; font-family: Arial; font-size: 80%; }
#header-background {position: absolute; top: 0; height: 145px; width: 100%; background: url(../img/header.jpg) no-repeat center; z-index: -1; }
#page-wrapper {position: relative; margin: 0 auto; width: 972px; }

/* logo */
h2 {position: relative; top: 37px; margin-left: 20px;  }
h2 a {position: relative; display: block; width: 600px; height: 40px; color: white; text-decoration: none; }
h2 a strong {position: absolute; bottom: -10px; left: 110px; font-family: Myriad Pro, Arial; font-size: 140%; font-weight: normal; }
h2 a span {position: absolute; top: 0; left: 0; display: block; width: 531px; height: 50px; background: url(../img/logo.png) no-repeat; cursor: pointer;  }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/* content spacer */
#content {position: relative; margin-top: 90px; background: url(../img/content-top.png) no-repeat; }
#text-content {width: 776px; background: url(../img/content-background.png) no-repeat 0 225px; }
#content-background {background: url(../img/content-bottom.png) left bottom no-repeat; min-height: 500px; padding-right: 50px; padding-bottom: 100px; }
#nahradni-dily #content-background,
#tlumice-perovani #content-background,
#brzdova-soustava #content-background,
#naprava #content-background,
#filtry-remeny-kladky #content-background,
#zapalovani #content-background,
#chladici-a-palivove-systemy #content-background,
#ostatni #content-background
{padding-right: 245px; }

/* nekonecne pozadi... */
body#odkazy #bg-repeat { width: 726px; background-color: #D2D6D7; margin-bottom: 55px; padding-right: 50px; }

#page-image {position: absolute; width: 318px; height: 289px; top: 180px; margin-left: 660px; z-index: -1; }


/* content and text styles definition */
#content .breadcrumb-navigation {position: absolute; list-style: none; left: 5px; top: 50px; font-size: 90%; margin: 0px 0px 0px 50px; }
#content .breadcrumb-navigation li {float: left; display: block; padding-left: 20px; background: url(../img/arrow.gif) no-repeat 8px center; }
#content .breadcrumb-navigation li:first-child {padding-left: 0; background: none; }
#content .breadcrumb-navigation li a {color: #1C0B00; padding: 0; margin: 0; }
#content .breadcrumb-navigation li a:hover {color: #D10000; }

#content h1, #content h3, #content h4 {font-family: Myriad Pro, Arial; }
#content h3, #content h4 {color: #D10000; }

#content h1 {margin: 0; padding: 90px 0px 0px 50px; color: #3C4349; font-size: 300%; letter-spacing: -2px; }
#content h3 {margin: 20px 0px 0px 50px; padding: 0; font-size: 180%; letter-spacing: -1px;}
#content h4 {margin: 20px 0px 0px 50px; padding: 0; font-size: 130%; letter-spacing: -1px;}
#content p {margin: 10px 0px 0px 50px; padding: 0; line-height: 170%;  }
#content ul {margin: 10px 0px 0px 80px; padding: 0; line-height: 180%; list-style: none;  }
#content ul li {background: url(../img/arrow.gif) no-repeat left 8px; padding-left: 12px; }

#content a {color: #D10000; padding: 5px; margin: -5px; }
#content a:hover {color: black; }
#content a:active, #content a:focus {background: #EBEDED; }


#content img.fll {margin: 20px 20px 10px 60px; }

/* #content img {margin: 20px 0px 20px 50px;} */


/* menu */
#menu {position: absolute; list-style: none; top: 111px; margin: 0px 0px 0px 0px; padding: 0; height: 54px; width: 972px; background: url(../img/menu.png); }
#menu li {float: left; }
#menu li a {display: block; position: relative; text-align: center; }
#menu .active a {background: #1C0B00 !important; }

#menu li a {color: white; }
#menu li a:hover {background: #C80000; }

#m-homepage, #m-o-nas, #m-kde-nas-najdete,
#m-homepage span, #m-o-nas span, #m-kde-nas-najdete span {height: 54px; }
#m-nahradni-dily, #m-tlumice-perovani, #m-filtry-remeny-kladky, #m-motorove-oleje, #m-karosarske-dily,
#m-nahradni-dily span, #m-tlumice-perovani span, #m-filtry-remeny-kladky span, #m-motorove-oleje span, #m-karosarske-dily span {height: 37px; }

#m-homepage, #m-homepage span {width: 94px; }
#m-o-nas, #m-o-nas span {width: 95px; }
#m-kde-nas-najdete, #m-kde-nas-najdete span {width: 192px; }
#m-nahradni-dily, #m-nahradni-dily span {width: 106px;  }
#m-tlumice-perovani, #m-tlumice-perovani span {width: 115px; }
#m-filtry-remeny-kladky, #m-filtry-remeny-kladky span {width: 107px; }
#m-motorove-oleje, #m-motorove-oleje span {width: 105px; }
#m-karosarske-dily, #m-karosarske-dily span {width: 116px; }

#m-homepage {margin-left: 10px; }
#m-nahradni-dily {margin-left: 14px; margin-top: 9px; }
#m-tlumice-perovani, #m-filtry-remeny-kladky, #m-motorove-oleje, #m-karosarske-dily {margin-top: 9px; }

#m-homepage span, #m-o-nas span, #m-kde-nas-najdete span, #m-nahradni-dily span, #m-tlumice-perovani span, #m-filtry-remeny-kladky span, #m-motorove-oleje span, #m-karosarske-dily span {position: absolute; display: block; left: 0; top: 0px; background: url(../img/menu.png) no-repeat; cursor: pointer; }

#m-homepage span {background-position: -10px 0px; }
#m-o-nas span {background-position: -104px 0px;  }
#m-kde-nas-najdete span {background-position: -199px 0px; }
#m-nahradni-dily span {background-position: -403px -9px; }
#m-tlumice-perovani span {background-position: -508px -9px; }
#m-filtry-remeny-kladky span {background-position: -625px -9px; }
#m-motorove-oleje span {background-position: -731px -9px; }
#m-karosarske-dily span {background-position: -838px -9px; }

#m-homepage:hover span, #m-homepage:focus span, #m-homepage:active span {background-position: -10px -54px; }
#m-o-nas:hover span, #m-o-nas:focus span, #m-o-nas:active span {background-position: -104px -54px;  }
#m-kde-nas-najdete:hover span, #m-kde-nas-najdete:active span, #m-kde-nas-najdete:focus span {background-position: -199px -54px; }
#m-nahradni-dily:hover span, #m-nahradni-dily:active span, #m-nahradni-dily:focus span {background-position: -403px -63px; }
#m-tlumice-perovani:hover span, #m-tlumice-perovani:active span, #m-tlumice-perovani:focus span {background-position: -508px -63px; }
#m-filtry-remeny-kladky:hover span, #m-filtry-remeny-kladky:active span, #m-filtry-remeny-kladky:focus span {background-position: -625px -63px; }
#m-motorove-oleje:hover span, #m-motorove-oleje:active span, #m-motorove-oleje:focus span {background-position: -731px -63px; }
#m-karosarske-dily:hover span, #m-karosarske-dily:active span, #m-karosarske-dily:focus span {background-position: -838px -63px; }

.active #m-homepage span {background-position: -7px -108px !important; }
.active #m-o-nas span {background-position: -104px -108px !important;  }
.active #m-kde-nas-najdete span {background-position: -199px -108px !important; }
.active #m-nahradni-dily span {background-position: -403px -117px !important; }
.active #m-tlumice-perovani span {background-position: -508px -117px !important; }
.active #m-filtry-remeny-kladky span {background-position: -625px -117px !important; }
.active #m-motorove-oleje span {background-position: -731px -117px !important; }
.active #m-karosarske-dily span {background-position: -838px -117px !important; }

/* submenu */
#menu ul {position: absolute; left: 502px; top: 160px; list-style: none; }
#menu ul li {float: none; }
#menu ul li a, #menu .active ul li a {display: block; width: 185px; padding: 7px 0px 7px 5px; float: none; color: #C80000; border-top: 1px solid #E8EAEB; border-bottom: 1px solid #AFAFAF; text-align: left; }
#menu ul li a:hover {background: #D1D5D6; color: black; }
#menu ul li a:focus, #menu ul li a:active {background: #DDE0E0; }
#menu .active ul a {background: #D1D5D6 !important; cursor: pointer !important; text-decoration: underline !important; }
#menu ul .active a {background: #D1D5D6 !important; color: black !important; text-decoration: none !important; }
#menu ul li:last-child a {border-bottom: 0; }


/* boxes */
h6 {position: absolute; display: block; width: 185px; top: 244px; left: 540px; padding: 5px 0px 5px 5px; text-transform: uppercase; font-size: 90%; margin: 0; border-bottom: 2px solid #AEAEAE; }

.box {width: 312px; height: 176px; background: #D1D5D6 url(../img/box-bottom.jpg) no-repeat; float: left; margin: 20px 6px 0px 6px; }
.box p {position: relative; padding: 0; margin: 11px 120px 0px 22px; line-height: 170%; font-size: 91%; z-index: 1; }
.box h5 {position: relative; width: 220px; height: 33x; margin: 15px 0px 0px 0px; font-size: 110%; color: white; padding: 8px 0; color: #AC0000; z-index: 1; }
.box h5 span {display: block; width: 220px; height: 41px; position: absolute; left: 0; top: 0; }

#h-profesionalni-personal h5 span {background: url(../img/h-profesionalni-personal.gif) no-repeat; }
#h-autodily-pro-vozy h5 span {background: url(../img/h-autodily-pro-vozy.gif) no-repeat; }
#h-kontakty h5 span {background: url(../img/h-kontakty.gif) no-repeat; }

#h-profesionalni-personal .image, #h-autodily-pro-vozy .image, #h-kontakty .image {position: absolute; width: 114px; height: 153px; top: 35px; margin-left: 200px; }

.box-bottom {position: relative; width: 972px; }
#h-profesionalni-personal .image {background: url(../img/guy.jpg) no-repeat; }
#h-autodily-pro-vozy .image {background: url(../img/autodily.jpg) no-repeat; }
#h-kontakty .image {background: url(../img/mapa.jpg) no-repeat; }


/* footer */
#footer {clear: left; position: relative; font-size: 85%; color: #B4B4B4; background: #0D0502 url(../img/footer-background.png) repeat-x; height: 46px; top: 20px; }
#footer a {color: #B4B4B4; }
#footer a:hover {color: white; }
#footer .no-link {color: #B4B4B4 !important; }

#copyright {margin: 0; }
#giant-cz {position: absolute; left: 805px; top: 0; background: url(../img/footer-right.png) no-repeat right; height: 34px; padding: 12px 175px 0px 0px; margin: 0; }
#giant-cz .links {position: absolute; margin: 0; }
#giant-cz .logo {position: absolute; margin: 0px 0px 0px 95px; top: 11px; }
#copyright {background: url(../img/footer-left.png) no-repeat left; height: 34px; padding: 12px 0px 0px 20px; }


/* general styles */
.left {text-align: left; }
.center {text-align: center; }
.right {text-align: right; }
img.right { float: right; }
img.left { float: left; }

.flr {float: right; }
.fll {float: left; }

.cleaner {clear: both; }
.active * {text-decoration: none !important; cursor: default !important; }

.none, .hidden, .print {display: none; }
.hide {position: absolute; margin-left: -20000px; }
.no-link {text-decoration: none !important; cursor: default; }

/* homepage styles */

#homepage #content {background: none; background: url(../img/content-homepage-top.png) no-repeat; }
#homepage #text-content {background: none;  }
#homepage #content-background {min-height: 300px; height: 300px; padding-bottom: 32px; background: none; padding-right: 0px; background: none; }

#homepage #page-image {width: 298px; height: 288px; top: 156px; margin-left: 660px; background: url(../img/homepage-shop.jpg) no-repeat;}
#homepage h1 {margin-left: 285px; padding-top: 50px; color: #3C4349; font-size: 320%; }
#homepage h1 span {color: #C80000; }

#homepage #text-content p {margin: 10px 50px 0px 340px; font-size: 91%; }
#homepage #text-content p.introduction {font-size: 110%; }
#homepage #text-content strong {color: #C80000; }

#homepage .cycle {position: absolute; top: 52px; margin-left: 34px; left: 0px; }

/* nahradni-dily */

#nahradni-dily #content img {position: absolute; left: 550px; margin-top: -13px; }
#nahradni-dily #content .container {position: relative; height: 120px; }

/* kontakty */
#content .colwrapper .left-col { float: left; width: 313px; padding-left: 50px; }
#content .colwrapper .right-col { float: right; width: 363px; }

#content .otviraci-doba .left-col { float: left; width: 156px; padding-left: 0px; }
#content .otviraci-doba .right-col { float: right; width: 156px; }

#content h3.kontakt { margin: 0; top: 0; }
#content .colwrapper p { margin-left: 0; }

#content .kontakt-mapa { margin: 0; padding: 0; }
#content .kontakt-mapa a { font-size: 12px; margin: 0; padding: 0; }

img.mapa { float: right; }

/*************/
/* FORM: FAQ */
/*************/
#form-faq { font-size: 12px; }
#form-faq fieldset { border: 0; width: 630px; padding-bottom: 0; padding-left: 14px; }
#form-faq fieldset p { text-align: right; line-height: 25px; margin-left: 0; }
#form-faq .col1 { width: 54%; float: left; margin-right: 1px; }
#form-faq .col1,#form-faq .col2 { padding-bottom: 15px; }
#form-faq label { padding-right: 10px; }
#form-faq input[type=text] { width: 210px; border: 1px solid #333333; float: right; height: 23px; }
#form-faq textarea { width: 498px; border: 1px solid #333333; float: right; }
#form-faq button { display: block; width: 94px; height: 35px; padding: 0; margin: 0; border: 0; background: none; margin: 0 auto; cursor: pointer; }
#form-faq button span {  width: 94px; height: 35px; background: url(/img/send-button.gif) 0 0 no-repeat; top: -11px; left: -3px; }

/* images */
img.left { margin-left: 30px; }