/* ================================================
PRO ELSKLO, SPOL. S R. O. VYTVOŘIL V ROCE 2008
Ing. Tomáš Souček, webmaster[zavinac]penkavcivrch.cz
- všechna práva vyhrazena, zákaz použití kódu
================================================ */

/* SKRYTE TAGY */
.noscreen, .skryt, .strankovani, .google, .arrow,
#vlajky, #navigace, #bottom, #rightpart div.nopadding, #mygallery, #mygallery2,
div.tecky_h img { display: none; }

/* HTML TAGY */
body {
  background-color: #fff;
  color: #000;
  font-size: 11pt/1;
  font-family: Arial, "Arial CE", "Lucida Grande CE", "Helvetica CE", lucida, sans-serif;
	margin: 0px;
	padding: 2em 1px;
}
p { margin: 1.2em 0px; padding: 0px; }
table { font-size: x-small; fo\nt-size: small; }
input, select, textarea { font-size: 100%; }
form, ul { margin: 0px; padding: 0px; }

h1, h2, h3 { margin: 0px; padding: 0px; font-family: "Verdana CE", Verdana, "Geneva CE", Arial, lucida, sans-serif; }
h1 { font-size: 130%; color: #000; font-weight: bold; text-align: left; border-bottom: 1px solid #000; }
h2 { font-size: 120%; font-style: italic; color: #333; margin: 1.5em 0px 0.5em 0px; }
h3 { clear: both; color: #666; font-size: 110%; margin: 1.5em 0px 0.5em 0px; }
h4 { color: #999; font-size: 100%; margin: 1.5em 0px 0.5em 0px; font-style: italic; }

hr { color: #999; height: 1px; background-color: #999; border: 0px solid #999; clear: both; }
img { border: 0px; }
ul li, ul.graphic li { list-style-position: outside; margin-left: 20px; padding-left: 0px; }
/*
ol.graphic { margin: 0.5em 0px; }
ol.graphic li { list-style-position: outside; }
ol.graphic li { margin: 3px 0px; padding-left: 15px; }
*/
ol.nomargin li { list-style-position: outside; margin-left: 20px; padding: 3px 0px; padding-left: 0px; }
ol.nomargin li ul.graphic li { margin-left: 0px; padding-left: 15px; }
del {  text-decoration: line-through; }


/* IDENTIFIKTORY */
#design { width: 100%; text-align: left; }
#copyright { border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 0.5em 0px; }
#copyright p { text-align: center; margin: 0.5em 0px; }
#rightpart div p.more { text-align: right; font-size: 85%; }
#rightpart div.padleft { padding-left: 40px; }
#rightpart div.nopadding { padding: 0px; }
#rightpart div.nomargin { padding: 0px; }
#rightpart div p.stred { margin: 0px auto; text-align: center; }
#rightpart div h3.cat { margin: 0px; padding: 0px 0px 10px 5px; font-weight: normal; font-style: italic; font-size: 125%; color: #369; }
#rightpart div h3.cat a.inline { display: inline; background: none; padding-left: 0px; }
#rightpart div .podkategorie h4 { margin: 0px; margin-bottom: 0.2em; padding: 0px; font-style: normal; font-size: 110%; }

/* KATALOG PECI */
#rightpart div div.katlist { width: 100%; padding: 0px; }
#rightpart div div.katlist span.obrsirka { display: block; float: left; width: 25%; text-align: center; }
#rightpart div div.katlist span.obrsirka img { margin: 0.5em 0px; }
#rightpart div div.katlist span.klady { display: block; padding: 0.5em; text-align: left; font-size: 90%; color: #009; font-style: italic; font-weight: bold; }
#rightpart div div.katlist div.typemax { float: right; width: 70%; padding: 0px; margin: 0px; }
#rightpart div div.katlist div.typemax hr { height: 2px; }
#rightpart div div.katlist div.typemax h3 { font-size: 130%; letter-spacing: -1px; color: #333; font-family: "Trebuchet MS", "Arial CE", Arial, lucida, sans-serif; margin: 0px; margin-bottom: 0.5em; }
#rightpart div div.katlist div.typemax p.floatleft { font-style: italic; font-weight: bold; color: #f60; font-size: 20px; font-family: "Verdana CE", Verdana, "Geneva CE", Arial, lucida, sans-serif; margin: 0px; }
#rightpart div div.katlist div.typemax p.floatleft span { color: #00c; }
#rightpart div div.katlist div.typemax p.floatright { font-style: italic; font-weight: bold; color: #00c; font-size: 20px; font-family: "Verdana CE", Verdana, "Geneva CE", Arial, lucida, sans-serif; margin: 0px; }
#rightpart div div.katlist div.typemax div.itemdesc { padding: 0px; }
#rightpart div div.katlist .katlistajax { clear: both; padding: 1em; }

/* TRIDY */
.stred { text-align: center; margin: 0px 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; }
.inline { display: inline; }
.block { display: block; }
.odsad { padding: 2em 0px; }
.doleodsad { margin-bottom: 20px; }
.horeodsad { margin-top: 20px; }
.space { margin-bottom: 10px; }
.tucne { font-weight: bold; }
.under { text-decoration: underline; }
.nomargin { margin: 0px; }
.small { font-size: 80%; }
.large { font-size: 120%; }
.ramecek { border: 1px solid #ccc; }
.strankovani { text-align: center; margin: 1.5em 0px; font-size: 90%; }
.cleaner { clear: both; }
.imgfloatright { float: right; margin-left: 10px; margin-bottom: 3px; }
.imgfloatleft { float: left; margin-right: 0.5em; margin-bottom: 0.3em; }
.fifty { width: 50%; }
.info { border: 1px solid #ccc; padding: 0.3em; margin: 0.2em 0.5em; }
.strankovani { text-align: center; margin: 1.5em 0px; font-size: 90%; }
.datum { font-size: 80%; color: #960; font-style: italic; }
.obarvi { border: 1px solid #ccc; margin-top: 0.5em; }

.podkategorie { width: 90%; font-size: 100%; color: #666; margin: 0.5em auto; margin-top: 0.3em; padding: 6px; border: 1px solid #ccc; background-color: #eee; }
.alert { float: right; width: 40%; border: 3px double #f93; background-color: #ffc; padding: 0.5em; font-style: italic; }
.alert strong { display: block; font-size: 110%; }

.red { color: #900; }
.green { color: #080; }
.blue { color: #009; }
.yellow { color: #ff0; }
.brown { color: #960; }
.orange { color: #f93; }

#rightpart div div.katlist span.klady span, p.obdelnik span { display: block; padding-left: 10px; border-left: 3px solid #000; }


/* SLOUCENINY */
table.tab {
  border-collapse: collapse;
  border-bottom: 1px solid #999;
  margin: 10px 0px;
}
table.tab td {
  border-top: 1px solid #999;
  padding: 3px 4px;
}
table.sto {
  width: 100%;
  margin: 20px 0px;
}
table.tabulka { clear: both; width: 100%; font-size: 90%; border-collapse: collapse; margin: 5px 0px; }
table.tabulka td { padding: 2px; }
table.tabulka td img.imgfloatright { margin: 1.0em 0px; }
table.tabulka tr.tablehlavicka { text-align: center; font-size: 110%; line-height: 1.5em; }
table.tabulka tr.tablehlavicka td { border-bottom: 2px solid #999; }
table.tabulka tr.tablehlavicka a { color: #000; text-decoration: none; }
table.tabulka tr.tablehlavicka a:hover { color: #c33; }
table.tabulka tr.tablehlava { text-align: center; font-size: 100%; }
table.tabulka tr.tablehlava td { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
table.tabulka tr td.borderleft { border-left: 1px solid #ccc; }
table.tabulka tr td.borderright { border-right: 1px solid #ccc; }


/* LINKY */
a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { color: #000; }

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color: #000; text-decoration: none; }