/* HIDDEN POLOZKY */
hr.hr,
.hidden { display: none; }

/* (X)HTML TAGY */
body {
  width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #222;
	font-family: "Verdana CE", Verdana, "Geneva CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Arial, lucida, sans-serif;
	font-size: x-small;
  fo\nt-size: small;
	text-align: center; /* IE6- */
}
img { border: none; }
p { margin: 10px 0;	padding: 0; }
table { font-size: x-small; fo\nt-size: small; }
sup,
sub { font-size: 80%; line-height: 100%; }
form, ul, ol { margin: 0; padding: 0; }
ol { margin-top: 0.5em; }
hr { color: #999; background-color: #999; height: 1px; border: 0px solid #999; }
code, pre, .courier { font-size: 1em; font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace; }
fieldset { padding: 5px; }
del {  text-decoration: line-through; }
acronym, abbr { border-bottom: 1px dotted; cursor: help; }


/* IDENTIFIKATORY */
#content { width: 772px; margin: 0 auto; text-align: left; background: url('./img/pozadi-stranky.gif') center top repeat-y; }
#logo { margin: 0; padding: 0; position: relative; width: 300px; height: 80px; overflow: hidden; background: url("./img/parcon-logo.gif") top left no-repeat; }
#logopozadi { display: none; }
#zahlavi { height: 16px; line-height: 16px; padding: 3px; border-bottom: 3px double #ccc; background-color: #fff; }
#hlavicka { height: 80px; background-color: #e5f2fa; text-align: left; margin-left: 7px; margin-right: 6px; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; padding: 10px; cursor: pointer; cursor: hand; }
#obsah { float: right; width: 527px; }
#obsah-odsazeni { padding: 10px; padding-right: 18px; }
#podobne-zbozi { background-color: mistyrose; margin-top: 15px; }
#paticka { clear: both; text-align: left; font-size: 90%; color: #999; background-color: #e5f2fa; padding: 10px 20px; border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd; }
#error { padding: 3px 4px; padding-right: 25px; background: #c00 url('./img/ikonky/warning.gif') 99% center no-repeat; color: #fff; font-weight: normal; }
/* obrazkove pozadi jednotlivych menu (tmavsi) */
#menu li#m1:hover,
#m1 { background: transparent url("./img/m1-hover.gif") left top no-repeat; }
#menu li#m2:hover,
#m2 { background: transparent url("./img/m2-hover.gif") left top no-repeat; }
#menu li#m3:hover,
#m3 { background: transparent url("./img/m3-hover.gif") left top no-repeat; }
#menu li#m4:hover,
#m4 { background: transparent url("./img/m4-hover.gif") left top no-repeat; }

/* TRIDY */
.stred { text-align: center; margin: 0 auto; }
.doleva { text-align: left; }
.doprava { text-align: right; }
.valigntop { vertical-align: top; }
.valignmiddle { vertical-align: middle; }
.valignbottom { vertical-align: bottom; }
.floatleft { float: left; }
.floatright { float: right; }
.cleaner { clear: both; height: 0; font-size: 1px; line-height: 0; margin: 0; padding: 0; }
.delitel { clear: both; height: 0; font-size: 1px; line-height: 0; margin: 0; padding: 0; border-bottom: 3px double #ccc; }
.big { font-size: 110%; }
.small { font-size: 90%; }
.smaller { font-size: 80%; }
.ramecek { border: 1px solid #000; }
.inline { display: inline; }
/* sub menu (skryti, velikost pisma) */
.menu12 {	position: absolute; left: -2000px; width: 224px; margin: 0; padding: 0 0 3px 0;	font-size: 13px; -moz-opacity: 0.95; /* nastaveni pruhlednosti v Mozille */ }
.newest { font-size: 90%; padding: 5px; margin-right: 10px; border: 1px solid #f3f3f3; }
.doporucujeme { margin: 4px 0px; margin-bottom: 15px; padding: 0.5em; background-color: #e5f2fa; }
.nedoporucujeme { margin: 4px 0px; margin-bottom: 15px; padding: 0.5em; }
.infoalign { text-align: center; vertical-align: middle; }
.imgleft { float: left; margin: 10px 0; margin-right: 10px; }
.imgright { float: right; margin: 10px 0; margin-left: 10px; }
.odsad { margin-top: 10px; }
.black { color: #000; }
.napoveda { color: #444; margin-bottom: 1em; padding: 5px; border: 1px solid #ccc; background-color: #eee; }
.napoveda strong.title { display: block; margin-bottom: 0.5em; background-color: #999; color: #fff; padding: 2px; }
.info { width: 90%; text-align: left; color: #666; margin: 1em auto; padding: 7px; border: 1px solid #ccc; background-color: #eee; }
.padleft { padding-left: 40px; }
.green { font-weight: normal; color: #090; }
.red { color: #f00; font-weight: bold; }
.deepblue { color: #009; font-weight: bold; }
.help { cursor: help; border-bottom: 1px dotted; }
.butonek { font-weight: bold; border: 1px solid #999; background-color: #eee; padding: 2px 0px; cursor: pointer; cursor: hand; }
.kurziva { font-style: italic; }
.odsazeni { padding: 5px 0; }
.odsazenibig { margin: 10px 0; }
.povinne { background-color: peachpuff; border: 1px solid #ccc; }
.normal { background-color: #fff; border: 1px solid #ccc; }
.kapitalky { font-variant: small-caps; }
.pravidla { overflow: auto; margin-bottom: 5px; padding: 5px; width: 75%; height: 100px; border: 1px solid #69c; font-size: 90%; }
.strankovani { text-align: center; margin: 1.5em 0px; font-size: 90%; }

/* TABLES */
table.tabulka { width: 100%; background-color: #eee; }
table.tabulka td { font-size: 11px; padding: 3px 4px; background-color: #fff; }
table.tab { border-collapse: collapse; font-size: 11px; }
table.tab td { border: 1px solid #ccc; padding: 0px 3px; height: 20px; }
tr.tablehlavicka td { text-align: center; background-color: #c00; color: #fff; font-weight: bold; }
table.recommend { width: 100%; }
table#obrgal { margin-bottom: 10px; }
table#obrgal td { width: 33%; text-align: center; vertical-align: bottom; }
table#obrgal td.middle { width: 34%; }
table#obrgal td a { color: #c00; text-decoration: none; letter-spacing: -1px; }
img.stin, table#obrgal td img.stin { border: 2px solid #eee; border-bottom: 4px solid #ccc; border-right: 3px solid #ddd; }

/* LINKY */
a:link, a:visited { color: #c30; }
a:hover, a:active { color: #000; text-decoration: none; }
a.black:link, a.black:visited { color: #000; }
a.white:link, a.white:visited { color: #fff; }
a.category:link, a.category:visited { color: #009; text-decoration: none; }
a.orange:link, a.orange:visited { color: #f60; text-decoration: none; }
a.category:hover, a.category:active, a.orange:hover, a.orange:active { text-decoration: underline; }

a.moreinfo { display: block; position: relative; width: 75px; height: 18px; padding-top: 2px; font-size: 11px; text-align: center; background: #ffc; border: 1px solid #cc9; cursor: hand; }
a.moreinfo span { display: block; position: absolute; left: -1px; top: -1px; z-index: 1; width: 75px; height: 20px; background: url("./img/more-info.gif") top left no-repeat; border: 1px solid #cc9; }
a.moreinfo span:hover { background: url("./img/more-info-hover.gif") top left no-repeat; }
a.tobin { display: block; float: right; position: relative; _top: 1px; width: 190px; height: 18px; padding-top: 2px; font-size: 11px; text-align: center; background: #ffc; border: 1px solid #cc9; cursor: hand; }
a.tobin span { display: block; position: absolute; left: -1px; top: -1px; z-index: 1; width: 190px; height: 20px; background: url("./img/tobit.gif") top left no-repeat; border: 1px solid #cc9; }
a.tobin span:hover { background: url("./img/tobit-hover.gif") top left no-repeat; }

#kategorie ul li a:link, #kategorie ul li a:visited { color: #000; }
#kategorie ul li a:hover, #kategorie ul li a:active,
#paticka a:hover { color: #c00; text-decoration: underline; }
#kategorie ul.light li a:hover, #kategorie ul.light li a:active { color: #c90; }
#paticka a { color: #999; }

h4.small a { color: #f60; }

/* SLOUCENA PRAVIDLA */
ol li.outside { list-style-position: outside; margin-left: 25px; padding-left: 0px; padding-bottom: 0.5em; }
ul li.outside { list-style-position: outside; margin-left: 20px; padding-left: 0px; }
#hlavicka .floatleft .url { width: 113px; font-size: 85%; font-style: italic; text-align: right; }
ul#menu { margin: 0; padding: 0; }
ul#menu li { float: left; margin: 0; padding: 0; list-style: none; }
#menu a {	display: block; text-decoration: none; }
/* velikost jednotlivych menu */
#m1, #m1 a { width: 111px; height: 38px; }
#m2, #m2 a { width: 230px; height: 38px; }
#m3, #m3 a { width: 240px; height: 38px; }
#m4, #m4 a { width: 191px; height: 38px; }
/* #menu li#m4 { margin-left: 9px; } -->posun posledniho menicka na kraj stranky */
/* obrazkove pozadi jednotlivych menu (svetlejsi) */
#menu li#m1 { background: transparent url("./img/m1.gif") left top no-repeat; }
#menu li#m2 { background: transparent url("./img/m2.gif") left top no-repeat; }
#menu li#m3 { background: transparent url("./img/m3.gif") left top no-repeat; }
#menu li#m4 { background: transparent url("./img/m4.gif") left top no-repeat; }
#m1 span,
#m2 span,
#m3 span,
#m4 span { display: block; padding-top: 10px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; }
/* pozadi v submenu */
#menu li#m1 ul.menu12 li { background-color: #d81317; }
#menu li#m2 ul.menu12 li { background-color: #969; }
#menu li#m3 ul.menu12 li { background-color: #e7bd3f; }
#menu li#m4 ul.menu12 li { background-color: #ccc; }
#podmenu1 li a span { width: 184px; text-align: left; font-size: 100%; font-weight: normal; padding-top: 0; padding-right: 0; cursor: hand; }
#podmenu2 li a span { width: 189px; text-align: left; font-size: 100%; font-weight: normal; padding-top: 0; padding-right: 0; cursor: hand; }
#podmenu3 li a span { width: 272px; text-align: left; font-size: 100%; font-weight: normal; padding-top: 0; padding-right: 0; cursor: hand; }
#podmenu4 li a span { width: 151px; text-align: left; font-size: 100%; font-weight: normal; padding-top: 0; padding-right: 0; cursor: hand; }
/* zakonceni submenu (obloucek) */
#m1 .menu12 { background: transparent url("./img/m1-bottom.gif") left bottom no-repeat; }
#m2 .menu12 { background: transparent url("./img/m2-bottom.gif") left bottom no-repeat; }
#m3 .menu12 { background: transparent url("./img/m3-bottom.gif") left bottom no-repeat; }
#m4 .menu12 {	background: transparent url("./img/m4-bottom.gif") left bottom no-repeat; }
/* dulezite - nemazat (automaticka pozice submenu) */
#menu li:hover ul, #menu li.dohover ul { left: auto; }
#menu ul.menu12 li a { display: block; padding: 1px 0; width: 224px; /* sirka sub menu */	height: auto;	background: url("./img/sipka-menu.gif") right center no-repeat; }
#menu ul.menu12 li div { width: 224px; height: auto; }
/* sirsi menu - jak nakupovat */
#menu ul#podmenu2 li a, #menu ul#podmenu2 div { width: 229px; }
#menu ul#podmenu3 li a, #menu ul#podmenu3 div { width: 312px; }
#menu ul#podmenu4 li a, #menu ul#podmenu4 div { width: 191px; }
#m2 .menu12 { width: 229px; }
#m3 .menu12 { width: 312px; }
#m4 .menu12 { width: 191px; }
/* sirka textove odrazky v menu = -31px */
#podmenu1 div span { display: block; width: 194px; }
#podmenu2 div span { display: block; width: 198px; }
#podmenu3 div span { display: block; width: 281px; }
#podmenu4 div span { display: block; width: 160px; }
/* hover efekt pozadi polozek v submenu */
/* O NAS */
#menu li#m1 ul li a:hover {	background-color: #c20004; } /* zmena pozadi po prejeti sub menu */
#menu li#m1 ul li,
#menu li#m1 ul li a { background-color: #d81317; } /* defaultni pozadi sub menu */
/* JAK NAKUPOVAT */
#menu li#m2 ul li a:hover {	background-color: #636; }
#menu li#m2 ul li,
#menu li#m2 ul li a { background-color: #969; }
/* NAKUPNI A REKLAMACNI RAD */
#menu li#m3 ul li a:hover {	background-color: #c90; }
#menu li#m3 ul li,
#menu li#m3 ul li a { background-color: #e7bd3f; }
/* NAKUPNI KOSIK - prazdny */
#menu li#m4 ul li a:hover {	background-color: #999; }
#menu li#m4 ul li,
#menu li#m4 ul li a { background-color: #ccc; }
/* efekt odkazu v sub menu po najeti kurzorem mysi */
#menu ul li a:hover {	text-decoration: underline;	color: #fff; background: transparent url("./img/sipka-menu-hover.gif") right center no-repeat; }
/* sub menu (odsazeni zleva/zprava, sirka pruhu...) */
.menu12 span { display: block; padding: 0 15px; margin: 3px 0; }
.menu12 div.kos { padding: 0; margin: 20px 0; }
.menu12 div { color: #f00; text-align: center; font-style: italic; }
#podmenu1 div span,
#podmenu2 div span,
#podmenu3 div span,
#podmenu4 div span { text-align: left; font-size: 90%; padding: 0 15px; font-weight: normal; }

#kategorie { float: left; width: 225px; padding-left: 20px; margin-top: 10px; }
#kategorie ul { margin: 0; padding: 0; list-style: none; }
#kategorie ul li { list-style-position: outside; margin: 0 5px; padding-left: 22px; background: url('./img/tecka.gif') left 6px no-repeat; }
#kategorie ul.light li { list-style-position: outside; margin: 0 5px; padding-left: 22px; background: url('./img/tecka-light.gif') left 6px no-repeat; }
#kategorie ul li:hover { background: url('./img/sipka.gif') left 6px no-repeat; }
#kategorie div.newest img { float: left; margin-bottom: 3px; margin-right: 6px; border: 1px solid #000; }
#kategorie div.newest div.doprava img { float: none; margin: 0; border: 0; }
#kategorie div.newest div.doprava span, span.castka { color: #c00; }
#kategorie div.cleaner { clear: left; margin-top: 10px; }
#kategorie div.newest:hover { background-color: #ffe4ee; border: 1px dotted #000; }
#kategorie div.newest.dop { background-color: ivory; border: 1px dotted #000; }
#kategorie div.newest.dop:hover { background-color: #ffe4ee; }

h2 { font-size: 130%; margin: 0; padding: 0; margin-bottom: 0.5em; color: #009; }
h3 { font-size: 130%; margin: 0; padding: 0; margin-bottom: 0.5em; }
h4 { font-size: 110%; margin: 0; padding: 0; margin-bottom: 0.5em; color: #f60; }
h5 { font-size: 100%; margin: 1em 0; padding: 0; color: #f00; }
h3 { background: url("./img/sipka-kruh.gif") center left no-repeat; padding-left: 25px; color: #c00; }
h3.next { margin-top: 20px; }
h3.light { background: url("./img/sipka-kruh-light.gif") center left no-repeat; color: #c90; }
h3.pod { background: url("./img/sipka-kruh-dark.gif") center left no-repeat; color: #666; margin-bottom: 3px; }

div.info span { display: block; padding-left: 26px; }
#error .kapitalky { color: #ccc; }

/* BARVY */
.cervena { color: #f00; }
.modra { color: #00f; }
.zelena { color: #090; }
.zluta { color: #ff0; }
.hneda { color: #960; }

#pripojene { background-color: #eee; margin: 0px 2px; margin-top: 2em; padding: 5px; font-weight: bold; }
.pripojene { border-bottom: 1px solid #eee; padding: 5px 0px; }

#kategorie {                                                     
  width: 245px;
  /* IE6+, GECKO */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 225px;
}
.aa { voice-family: inherit; }
table.recommend, table.tab, table#obrgal {
  width: 485px;
  /* IE6+, GECKO */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 100%;
}
.ab { voice-family: inherit; }
table.tabulka {
  width: 498px;
  /* IE6+, GECKO */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 100%;
}