﻿/* CSS Document */

* {margin:0;padding:0}
html, body, #scelet, #design {min-height:100%}

body {background:#c0c0c0 url(../img/bgr/bodyBg.gif) repeat-x bottom fixed;font-size:100%;min-height:100%;height:auto;color:#000;font-family: Arial, Arial CE, Helvetica CE, helvetica, sans-serif;text-align:center}

img {border:0}
acronym {cursor:help;border-bottom:1px dotted #818181}

#design {width:800px;margin:0 auto;background:url(../img/bgr/formBg.gif) repeat-y;min-height:100%}

#scelet {border-left:1px solid #c8c8c8c;border-right:1px solid #c8c8c8c;width:772px;margin:0 auto;height:100%;min-height:100%}
table {border-collapse:collapse}
.cleaner {clear:both}

#TOP {background:#eeeeee url(../img/bgr/topBg.gif) no-repeat top right;vertical-align:top;height:264px;}

#logo {width:299px;height:82px;float:left}

/* - prihlaseni -*/
#searchArea {float:right;width:330px;padding-top:11px;height:2.2em}
#searchArea fieldset {border:0;padding-top:2px}
#searchArea fieldset legend {margin-top:-1000px}
#searchArea fieldset h4 {font-size:.7em;position:relative;width:80px;height:20px;overflow:hidden;float:left;margin-left:3px}
#searchArea fieldset h4 span {background:url(../img/txt/search.gif) no-repeat;width:80px;height:20px;display:block;position:absolute;top:0;left:0;}
#searchArea fieldset label {font-size:.7em;position:relative;width:16px;height:15px;overflow:hidden;display:block;float:left;margin-left:3px;margin-top:3px}
#searchArea fieldset label span {background:url(../img/icons/loginArrow.gif) no-repeat;display:block;position:absolute;top:0;left:0;width:16px;height:15px;overflow:hidden}
#searchArea fieldset input {float:left;width:9em;margin-left:3px}
#searchArea fieldset .loginBtn {background:url(../img/txt/okBtn.gif) no-repeat;width:37px;height:35px;border:0;margin-top:-9px}
#searchArea fieldset a {font-size:.7em;color:#fff}
#searchArea fieldset a:hover {text-decoration:none}

/* -vypis hledani- */
.articleSearchList {margin-top:10px;width:100%;background:url(../img/bgr/articleLine.gif) repeat-x bottom;padding-bottom:10px;clear:both}
.articleSearchImg {float:left;background:url(../img/bgr/imgBg.gif) no-repeat;width:92px;height:88px;}
.articleSearchImg img {margin:2px 0 0 1px;width:90px}
.articleSearchPerex {float:left;width:420px;margin-left:5px}
.articleSearchPerex span.articleSearchDate {font-size:90%;color:#898989;font-weight:bold;padding-bottom:5px}
.articleSearchPerex span.SrchTxt {color:#000;font-weight:bold;padding-bottom:5px}
.articleSearchPerex p {margin-top:5px}
.articleSearchList a {color:#858585;font-weight:bold}
.articleSearchList a:hover {text-decoration:none}
.articleSearchPerex h2 a {font-size:110%;color:#f2921e;background:none;padding-left:0}

#searchResults {float:right}



/* -box s obrázkem a shop infem- */
#headerImg {width:472px;hright:175px;clear:both;float:left;margin-top:7px;margin-bottom:-7px}
#headerInfo {width:300px;height:175px;position:relative;margin-top:7px;background:url(../img/bgr/headerBg.gif) no-repeat bottom;float:right}
#homeLink {width:15px;float:right;position:absolute;top:-8px;right:4px}
#homeLink img {margin-bottom:6px}

#headerShopInfo {position:absolute;bottom:55px;height:50px;left:10px}
#headerShopInfo .imgTop {margin-bottom:2px}

#LEFT {width:204px;text-align:left;background:#e2e2e2 url(../img/bgr/menuBg.gif) repeat-y;vertical-align:top}
/* -menu- */
h5 {position:relative;width:204px;display:block;overflow:hidden}
h5 span {display:block;position:absolute;top:0;left:0;overflow:hidden;width:204px}
h5.menuHead {height:34px}
h5.menuHead span {background:url(../img/txt/headMenu.gif) no-repeat;height:34px}
h5.visitHead {height:40px}
h5.visitHead span {background:url(../img/txt/visitHead.gif) no-repeat;height:40px}
h5.visitMap {height:115px;background:url(../img/txt/map.gif) no-repeat}
h5.visitMap span {background:url(../img/txt/map.gif) no-repeat;height:115px;cursor:pointer}


menu {list-style-type:none;font-size:.7em;width:204px}
menu li {text-align:left;width:204px;height:25px;line-height:25px}
menu li a {background:url(../img/bgr/menuOff.gif) no-repeat;height:25px;width:204px;line-height:25px;color:#3d3d3d;padding-left:35px;text-decoration:none;font-weight:bold;display:block}
menu li a:hover {background:url(../img/bgr/menuOn.gif) no-repeat}
menu li.parent1 a {background:url(../img/bgr/menuOn.gif) no-repeat}
menu li.selected1 a {background:url(../img/bgr/menuOn.gif) no-repeat}
menu li.link2 a {background:url(../img/bgr/menuOpenBg.gif) repeat-y;font-weight:normal}
menu li.link2 a:hover {background:url(../img/bgr/articleDot.gif) no-repeat;background-position:25px 12px}
menu li.parent2 a {background:url(../img/bgr/articleDot.gif) no-repeat;background-position:25px 12px}
menu li.parent2 a:hover {background:url(../img/bgr/articleDot.gif) no-repeat;background-position:25px 12px}

/* -hlavni obsah- */
#RIGHT {background:#fff url(../img/bgr/contentBg.gif) no-repeat bottom right;vertical-align:top;text-align:left;width:567px}
#content {width:100%;background:#fff url(../img/bgr/contentLink.gif) no-repeat top;}
#contentIn {width:543px;margin-left:12px;font-size:.7em}
#contentIn table {font-size:100%}
#contentIn h2 {font-size:1.3em;color:#f7941c;margin:10px 0}

/* -drobkova navigace- */
#breadcrumbs {width:543px;padding-bottom:10px;background:url(../img/bgr/headLine.gif) no-repeat bottom;color:#6e6e6e;font-weight:bold;padding-top:15px;margin-bottom:15px}
#breadcrumbs a {color:#6e6e6e;background:url(../img/bgr/breadcrumbs.gif) no-repeat right;padding-right:10px;margin-right:5px;font-weight:normal}
#breadcrumbs a:hover {text-decoration:none}

/* -welcome- */
#welcomeBox {margin-top:10px;background:url(../img/bgr/headLine.gif) no-repeat bottom;padding-bottom:10px;margin-bottom:10px}
#welcomeBox h1 {width:257px;height:62px;display:block;position:relative;font-size:1em;overflow:hidden}
#welcomeBox h1 span {background:url(../img/txt/welcome.gif) no-repeat;width:257px;height:62px;display:block;position:absolute;top:0;left:0}
#welcomeBox img {float:right;margin-top:10px}
#welcomeBoxContent {float:left;width:270px;}

/* -novinky titulka- */
h2.news {display:block;position:relative;font-size:1em;overflow:hidden;margin:0}
h2.news span {position:absolute;top:0;left:0;display:block}
h2.news {height:26px}
h2.news span {background:url(../img/txt/rallovinky.gif) no-repeat;height:26px;width:121px}
#newsTitle {background:url(../img/bgr/headLine.gif) no-repeat bottom;padding-bottom:10px}
#newsTitle .articlelist {width:100%}
h2.nam {display:block;position:relative;font-size:1em;overflow:hidden;margin:0;height:24px;width:194px}
h2.nam span {background:url(../img/txt/automotonovinky.gif) no-repeat;height:24px;width:194px;position:absolute;top:0;left:0;display:block}
/* -seznam novinek puvodni verze- */
/*.articleList {width:270px;float:left;margin-top:10px}
.articleImg {float:left;background:url(../img/bgr/imgBg.gif) no-repeat;width:92px;height:88px;}
.articleImg img {margin:2px 0 0 1px;width:90px}
.articlePerex {float:left;width:166px;margin-left:5px}
.articlePerex span {font-size:110%;color:#f2921e;font-weight:bold;background:url(../img/bgr/articleLine.gif) no-repeat bottom;padding-bottom:5px;width:166px;display:block}
.articlePerex p {margin-top:5px}
.articleList a {background:url(../img/bgr/articleDot.gif) no-repeat left;padding:7px;color:#858585;font-weight:bold}
.articleList a:hover {text-decoration:none}*/

/* -seznam novinek rss verze- */
.articleList {width:260px;float:left;margin-top:10px;margin-right:5px}
.articlePerex span {font-size:110%;color:#f2921e;font-weight:bold;background:url(../img/bgr/articleLine.gif) repeat-x bottom;padding-bottom:5px;display:block}
.articlePerex p {margin-top:5px}
.articleList a {color:#f2921e;}
.articleList a:hover {text-decoration:none}

/* -seznam clanku- */
.articlesList {margin-top:10px;width:100%;background:url(../img/bgr/articleLine.gif) repeat-x bottom;padding-bottom:10px;clear:both}
.articlesImg {float:left;background:url(../img/bgr/imgBg.gif) no-repeat;width:92px;height:88px;}
.articlesImg img {margin:2px 0 0 1px;width:90px}
.articlesPerex {float:left;width:420px;margin-left:5px}
.articlesPerex span {font-size:90%;color:#898989;font-weight:bold;padding-bottom:5px;width:166px;display:block}
.articlesPerex p {margin-top:5px}
.articlesList a {background:url(../img/bgr/articleDot.gif) no-repeat left;padding:7px;color:#858585;font-weight:bold}
.articlesList a:hover {text-decoration:none}
.articlesPerex h2 a {font-size:110%;color:#f2921e;background:none;padding-left:0}

/* -strankovnik- */
#pageBar {float:right;margin-top:15px;font-size:120%;font-weight:bold;line-height:20px;height:20px;width:30% !important}
#pageBar #prevBar {width:27px;height:20px;padding-right:3px;visibility:hidden}
#pageBar #prevBar a {visibility:visible}
#pageBar #numBar {background:#fff0df;color:#7f7f7f;border-left:1px solid #fff0df;border-left:1px solid #fff0df;text-align:center;height:20px;line-height:20px;display:block}
#pageBar #numBar span {background:#ffe5c7;color:#f7941c;border-left:1px solid #ffd19b;border-right:1px solid #ffd19b;line-height:20px;padding:0 5px;height:20px}
#pageBar #numBar a span {background:#fff0df;color:#7f7f7f;border-left:1px solid #fff0df;border-right:1px solid #fff0df;line-height:20px;padding:0 5px;height:20px}
#pageBar #numBar a:hover  {text-decoration:none;cursor:pointer}
#pageBar #nextBar {width:27px;height:20px;padding-left:3px;text-align:right;visibility:hidden}
#pageBar #nextBar a {visibility:visible}

/* -zobrazeni clanku- */
#contentIn p {color:#444444;margin-bottom:10px}
#contentIn #articleDate {font-size:100%;color:#6f6f6f;margin-top:10px;font-weight:bold;margin-bottom:0}
#contentIn h1 {font-size:130%;color:#f7941c;margin-bottom:10px}
#contentIn ul {color:#444444;margin-left:30px}

#articleContentBox {width:207px;float:right;margin-left:10px} 
#articleContentBox img {margin:0 0 10px 0}


/* -kontakty- */
#cont img {float:right;clear:both}
#cont ul {float:left;list-style-type:none;margin-left:0}
.mainCont {margin:15px 0 15px 0 !important;list-style-type:none;background:url(../img/bgr/articleLine.gif) repeat-x bottom;padding-bottom:10px}
.mainCont li {list-style-type:none}
.contCons {clear:both;margin-top:30px}


/* -sortiment- */
dl {margin-bottom:10px;color:#444444}
dt {font-weight:bold}
dd {margin-left:10px}

/* -kapitoly- */
#articleContentList {border:1px solid #6f6f6f;padding:10px;list-style-type:none;margin-bottom:10px;}
#articleContentList span {color:#f7941c;font-weight:bold;}
#articleContentList a {color:#6f6f6f;font-weight:bold;text-decoration:none}
#articleContentList a:hover {text-decoration:underline;}

#articleContentList  #chapHead {width:96px;height:15px;display:block;position:relative;margin-bottom:5px}
#articleContentList  #chapHead span {width:96px;height:15px;display:block;position:absolute;top:0;left:0;background:url(../img/txt/chapters.gif) no-repeat}

#articleContentList  #attachHead {width:116px;height:15px;display:block;position:relative;margin-bottom:5px}
#articleContentList  #attachHead span {width:116px;height:15px;display:block;position:absolute;top:0;left:0;background:url(../img/txt/attachments.gif) no-repeat}

#articleContentList  #relatedHead {width:116px;height:15px;display:block;position:relative;margin-bottom:5px}
#articleContentList  #relatedHead span {width:116px;height:15px;display:block;position:absolute;top:0;left:0;background:url(../img/txt/related.gif) no-repeat}

/* -predchozi-poslat mailem-tisk-nasledujici- */
#articleActionTbl {font-weight:bold;background:url(../img/bgr/articleLine.gif) repeat-x top;margin-top:10px;border-collapse:collapse !important;width:100% !important}
#articleActionTbl td {padding:10px 0}
#articleActionTbl #prevTd {visibility:hidden;vertical-align:middle}
#articleActionTbl #prevTd a {color:#7f7f7f;visibility:visible;text-decoration:none}
#articleActionTbl #sendMailTd {text-align:center}
#articleActionTbl #sendMailTd a {color:#f7941c;background:url(../img/icons/letter.gif) no-repeat left;padding-left:20px}
#articleActionTbl #printTd  {text-align:center}
#articleActionTbl #printTd a {color:#f7941c;background:url(../img/icons/print.gif) no-repeat left;padding-left:20px}
#articleActionTbl #nextTd {visibility:hidden;text-align:right;vertical-align:middle}
#articleActionTbl #nextTd a {color:#7f7f7f;visibility:visible;text-decoration:none}

.sendMailBox {display:none}
#articleMailTbl {text-align:center;width:100%;}
#articleMailTbl {width:340px;margin-left:auto;margin-right:auto;font-size:.7em;border:0}/* velikost pisma */
#articleMailTbl caption {text-align:left;vertical-align:bottom;width:340px;margin-left:auto;margin-right:auto;font-weight:bold;font-size:1em} /* velikost pisma a tucne */
#articleMailTbl caption a {float:right;font-weight:normal;cursor:pointer;font-size:0.85em}
#articleMailTbl th {width:140px;text-align:left;line-height:1.5em;border:0}
#articleMailTbl td {border:0;text-align:left}
#articleMailTbl select {width:150px}


/* -hot-line- */
#contentIn h3 {font-size:120%;margin-bottom:20px;color:#f7941c}
/* -prvni tabulka- */
#contentIn .cart-tbl {width:265px;float:left;margin-right:10px;margin-bottom:30px}
#contentIn .cart-tbl th {text-align:left;width:132px;padding-top:3px}
#contentIn .cart-tbl td span, .cart-tbl td div {display:none}
#contentIn .cart-tbl td {padding-top:3px}
#contentIn .cart-tbl td input {width:10em}

/* -druha tabulka- */
#contentIn #formContactTbl {width:265px;margin-bottom:30px}
#contentIn #formContactTbl th {text-align:left;width:132px;padding-top:3px}
#contentIn #formContactTbl div {margin:0;padding:0}
#contentIn #formContactTbl font, #contentIn #formContactTbl span {display:none}
#contentIn #formContactTbl td {padding-top:3px}
#contentIn #formContactTbl td input {width:10em}

/* -treti tabulka- */
#contentIn #formModelTbl {width:265px;float:left;margin-right:10px}
#contentIn #formModelTbl th {text-align:left;width:132px;padding-top:3px}
#contentIn #formModelTbl div {margin:0;padding:0}
#contentIn #formModelTbl font, #contentIn #formModelTbl span {display:none}
#contentIn #formModelTbl td {padding-top:3px;}
#contentIn #formModelTbl td input {width:10em}

/* -ctvrta tabulka- */
#contentIn #formCarTbl {width:265px;margin-bottom:30px}
#contentIn #formCarTbl th {text-align:left;width:132px;padding-top:3px}
#contentIn #formCarTbl div {margin:0;padding:0}
#contentIn #formCarTbl font, #contentIn #formCarTbl span {display:none}
#contentIn #formCarTbl td {padding-top:3px}
#contentIn #formCarTbl td input {width:10em}

#contentIn .formTblHelp {padding-left:132px;color:#818181;padding-top:0 !important;font-style:italic}

/* -textarea- */
#formField {clear:both;border:0;width:100%;}
#formField  legend {color:#000;font-size:70%;font-weight:bold;margin-left:5px;padding-left:10px}
#formField textarea {width:515px;height:120px}

/* -senBtn- */
#formsBtn {text-align:center;width:100%;margin-top:30px;padding-bottom:30px}

/* -formular- */
#formpage {padding-bottom:10px;text-align:center}
#formpage h1 {text-align:left}
#personinfo, #addressinfo, #carinfo {border:1px solid #ffc98b;padding:10px;text-align:left}
html>body #personinfo, #addressinfo, #carinfo {margin-bottom:10px}
#personinfo p, #addressinfo p, #carinfo p {line-height:1.5em}
#personinfo input, #addressinfo input, #carinfo input {height:1.5em}
#personinfo input:focus, #addressinfo input:focus, #carinfo input:focus, #carinfo textarea:focus {border:2px solid #f7941c}
#personinfo legend, #addressinfo legend, #carinfo legend {color:#f7941c;font-weight:bold;*margin-bottom:10px}
#personinfo label, #addressinfo label, #carinfo label {display:block;float:left;font-weight:bold;width:7em}
#personinfo, #addressinfo {float:left;width:244px;*width:266px}
#personinfo {margin-right:10px}
#carinfo {clear:both;margin-bottom:10px}
#carinfo label {width:9em}
#carinfo textarea {height:7em}



#BOTTOM {height:44px;vertical-align:top;background:#fff url(../img/bgr/menuBg.gif) repeat-y}
#powered {width:204px;height:100%;float:left}
#footer {width:567px;background:url(../img/bgr/footerBg.gif) no-repeat top;height:100%;float:left;font-size:.7em;color:#fff;line-height:33px;text-align:center}
#footer a {color:#fff;text-decoration:none}
#footer a:hover {text-decoration:underline}

#contentPlus div {margin:0;padding:0;height:1%}
#contentPlus h3 {margin:20px 0 5px 0;cursor:pointer}
#contentPlus div p {margin:0;padding:0}
#contentPlus .stretcher {background:none !important;background:#fff}



.anketabox {}
.anketa_question {padding-left:10px;padding-right:10px;padding-top:10px;text-align:center;font-weight:bold;color:#747474}


.anketabox .rightgrey table td a {color:#FE8A00;font-weight:bold}
.anketabox .rightgrey table td a:hover {color:#000000}


.votingarea {border:solid 1px #D0D0D0;font-size:1px;padding-top:2px;padding-bottom:2px;}
.votingarea img {height:5px;}

