/* ================================================
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 { display: none; }


/* HTML TAGY */
body {
  background: #fff;
  color: #000;
  font-size: x-small;
  fo\nt-size: small;
  font-family: Arial, "Arial CE", "Lucida Grande CE", "Helvetica CE", lucida, sans-serif;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	text-align: center;
}
p { margin: 1.2em 0px; padding: 0px; }
table { font-size: x-small; fo\nt-size: small; }
table td { padding: 0px; }
input, select, textarea { font-size: 100%; }
form, ul, ol.graphic, ol.nomargin { margin: 0px; padding: 0px; }

form fieldset { margin: 0px auto; }
fieldset { width: 90%; border: 1px solid #999; padding: 3px; }
fieldset table { font-size: 85%; }
legend { font-size: 110%; padding: 0px 3px; margin-bottom: 0.3em; color: #666; }

h1, h2, h3 { margin: 0px; padding: 0px; font-family: "Verdana CE", Verdana, "Geneva CE", Arial, lucida, sans-serif; }
h2 { text-align: left; font-weight: normal; font-style: italic; font-size: 150%; color: #f93; margin-bottom: 1.2em; }
h4 { color: #666; font-size: 105%; 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 { list-style-position: outside; margin-left: 20px; padding-left: 0px; }
ul.graphic li { list-style-type: none; margin-left: 0px; padding: 3px 0px; padding-left: 15px; background: url('./img/design/elsklo-arrow-right.gif') 0% 50% no-repeat; }
ol.graphic { margin: 0.5em 0px; }
ol.graphic li { list-style-position: outside; }
ol.graphic li { list-style-type: none; margin: 3px 0px; padding-left: 15px; background: url('./img/design/elsklo-arrow-right.gif') 0% 3% no-repeat; }
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; }
acronym, abbr, .help { border-bottom: 1px dotted; cursor: help; }


/* IDENTIFIKTORY */
#design { width: 760px; margin: 0px auto; padding: 0px 20px; }
#obsah { clear: both; width: 760px; margin: 5px auto; text-align: left; background: url('./img/design/elsklo-tecky-obsah.png') center top repeat-y; }
#obsah.short { background: url('./img/design/elsklo-tecky-obsah-short.png') center top repeat-y; }
#obsah.short.er { background: url('./img/design/elsklo-tecky-obsah-less.png') center top repeat-y; }
#obsah.short.er.no { background: none; margin: 1em auto; }
#obsah.short.er.no h2 { margin-top: 1em; margin-bottom: 0px; }
#obsah.short.er.no h3 span { font-size: 80%; }
#obsah.short.er.no h3 span a { font-weight: normal; }

#vlajky { width: 746px; text-align: right; margin: 7px; }

#hlavicka { width: 760px; height: 75px; margin: 0px auto; text-align: left; background-color: #69c; }
#hlavicka h1 { width: 760px; height: 75px; font-size: 140%; position: relative; overflow: hidden; z-index: 1; }
#hlavicka h1 span { width: 760px; height: 75px; display: block; position: absolute; left: 0px; top: 0px; z-index: 2; cursor: hand; background: url("./img/design/elsklo-zahlavi.jpg") center top no-repeat; }

#navigace { width: 760px; text-align: left; }
#navigace p { font-size: 90%; margin: 0px; padding: 0.3em 0.5em; padding-top: 0.1em; }
#navigace div { height: 24px; color: #fff; background: #666 url('./img/design/elsklo-lista.png') center top no-repeat; }
#navigace div p { padding: 5px 10px; font-size: 85%; font-weight: bold; }
#navigace div p.floatleft a { padding-right: 10px; }
#navigace div p.floatright a { padding-left: 10px; }

#leftpart { float: left; width: 50%; }
#leftpart.short { width: 40%; }
#leftpart.short.er { width: 30%; }
#leftpart div { padding-right: 10px; margin: 1em 0px; }
#leftpart div.nomargin { margin: 0px; padding: 0px; }
#leftpart div.tecky_h, #rightpart div.tecky_h { height: 73px; padding-right: 15px; margin: 0.5em 0px; background: url('./img/design/elsklo-tecky-h.png') left bottom repeat-x; }
#leftpart div.tecky_h h2 { font-size: 22px; text-align: right; margin: 0px; padding: 2px 5px 0px 0px; }
#leftpart div.tecky_text { height: 10px; margin: 0.5em 0px; background: url('./img/design/elsklo-tecky-h.png') left bottom repeat-x; }
#leftpart div h3.h2 { text-align: right; font-weight: normal; font-style: italic; font-size: 150%; color: #f93; padding: 2px 5px 0px 0px; }
#leftpart div h3.h2 a { color: #f93; text-decoration: none; }
#leftpart div h3.h3 { text-align: right; color: #369; font-size: 110%; padding: 2px 5px 0px 0px; }
#leftpart div h3.h3 a { color: #369; text-decoration: none; }
#leftpart div h3.h3 a:hover { color: #c33; text-decoration: underline; }
#leftpart div h4 { text-align: right; margin: 1em 0px; padding-right: 5px; }
#leftpart div h4.h4 { text-align: right; font-size: 90%; color: #333; font-style: normal; font-weight: normal; padding: 2px 5px 0px 0px; margin: 0px; }

#leftpart div.lista_small { padding: 0px; }
#leftpart div.lista_small a.arrows { display: block; float: right; width: 49px; height: 22px; margin-left: 3px; background: #fff url('./img/design/elsklo-arrows.png') left top no-repeat; }
#leftpart div.lista_small a.arrows:hover,
#leftpart div.lista_small a.arrows:active { background-position: -49px 0px; }
#leftpart div.lista_small h3 { float: right; width: 289px; height: 22px; font-size: 13px; background: #fff url('./img/design/elsklo-lista-small.png') left top no-repeat; text-align: right; margin-bottom: 0.5em; }
#leftpart div.lista_small h3 a { display: block; color: #fff; padding: 2px 9px 0px 5px; text-decoration: none; }
#leftpart div.lista_small h3 a:hover { color: #f93; }
#leftpart div.lista_small p { margin: 0px; text-align: right; }

#leftpart.short h3.left_arrow { text-align: right; font-size: 100%; font-weight: normal; color: #666; padding-bottom: 2px; padding-right: 15px; background: url('./img/design/elsklo-arrow-left.gif') 100% 50% no-repeat; }

#rightpart { float: right; width: 50%; }
#rightpart.long { width: 60%; }
#rightpart.long.er { width: 70%; }
#rightpart div { padding-left: 10px; margin-bottom: 1em; }
#rightpart div.padleft { padding-left: 40px; }
#rightpart div.nopadding { padding: 0px; overflow: auto; max-height: 300px; }
#rightpart div.nomargin { padding: 0px; }
#rightpart div h2 a { color: #f93; text-decoration: none; }
#rightpart div h3 { clear: both; font-size: 110%; font-weight: bold; margin-top: 1.0em; }
#rightpart div h3.big { margin: 0px; padding: 0px 0px 10px 5px; font-weight: normal; font-style: italic; font-size: 150%; color: #f93; }
#rightpart div h3 a { display: block; color: #369; padding-left: 15px; text-decoration: none; background: url('./img/design/elsklo-sipka-doprava.png') 0% 50% no-repeat; }
#rightpart div h3 a:hover { color: #c33; padding-left: 15px; text-decoration: underline; background: url('./img/design/elsklo-sipka-doprava-2.png') 0% 50% no-repeat; }
#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.novinka h3, #rightpart div.novinka2 h3 { margin: 0px; }
#rightpart div p { margin: 0.5em 0px; padding: 0.2em 0px; text-align: left; }
#rightpart div p.stred { margin: 0px auto; text-align: center; }
#rightpart div p.more { text-align: right; font-size: 85%; }
#rightpart div p.informace { padding: 0px; padding-left: 30px; background: url('./img/ikonky/info.gif') 0% 50% no-repeat; margin: 0px; margin-left: 0.5em; }
#rightpart div h2 { margin: 0px; padding: 5px 0px 10px 5px; }
#rightpart div.tecky_text { clear: both; height: 10px; margin: 0.5em 0px; background: url('./img/design/elsklo-tecky-h.png') right bottom repeat-x; }
#rightpart div.tecky_text.up { margin-top: 0px; margin-bottom: 1.1em; }
#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: 165px; 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: 355px; 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 h3 a { display: inline; padding: 0px; background: none; color: #333; }
#rightpart div div.katlist div.typemax h3 a:hover { color: #000; text-decoration: none; }
#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; padding-right: 0.5em; max-height: 255px; overflow: auto; }
#rightpart div div.katlist .ui-tabs-nav { border-bottom: 1px solid #ddd; }
#rightpart div div.katlist .katlistajax { padding: 1em; overflow: auto; border: 1px solid #ddd; border-top: 0px; }

ul#catlistmenu { padding-left: 10px; }
ul#catlistmenu li { clear: both; list-style-type: none; list-style-position: outside; margin-left: 0px; padding: 1px; }
ul#catlistmenu li.first { padding-left: 15px; }
ul#catlistmenu li.first a.icon { position: relative; left: -20px; float: left; z-index: 100; }
ul#catlistmenu li.first a.link { display: block; position: relative; left: -16px; z-index: 1; &float: left; }
ul#catlistmenu li.first a.link.red { color: #900; font-weight: bold; }
ul#catlistmenu li.second { padding-left: 30px; }
ul#catlistmenu li.second a.icon { position: relative; left: -20px; float: left; z-index: 100; }
ul#catlistmenu li.second a.link { display: block; position: relative; left: -16px; z-index: 1; &float: left; }
ul#catlistmenu li.second a.link.red { color: #900; font-weight: bold; }
ul#catlistmenu li.third { padding-left: 45px; }
ul#catlistmenu li.third a.icon { position: relative; left: -20px; float: left; z-index: 100; }
ul#catlistmenu li.third a.link { display: block; position: relative; left: -16px; z-index: 1; &float: left; }
ul#catlistmenu li.third a.link.red { color: #900; font-weight: bold; }

#bottom { width: 760px; color: #fff; background-color: #369; text-align: left; }
#bottom p { float: left; width: 690px; font-size: 10px; margin: 0px; padding: 0px 5px; padding-top: 9px; text-align: center; }
#bottom a#arrow_left { display: block; float: left; height: 30px; width: 30px; background: #666 url('./img/design/elsklo-arrow-left.png') left top no-repeat; }
#bottom a#arrow_left:hover,
#bottom a#arrow_left:active { background-position: -30px 0px; }
#bottom a#arrow_top { display: block; float: left; height: 30px; width: 30px; background: #666 url('./img/design/elsklo-arrow-top.png') left top no-repeat; }
#bottom a#arrow_top:hover,
#bottom a#arrow_top:active { background-position: -30px 0px; }

#copyright { width: 760px; color: #999; font-size: 90%; text-align: right; padding: 1.2em 0px; }
#copyright p { margin: 0px; }
#copyright p span { padding: 0px 0.2em; }


/* 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; }
.tablehlavicka { background-color: #eee; }
.imgfloatright { float: right; margin-left: 10px; margin-bottom: 3px; }
.imgfloatleft { float: left; margin-right: 0.5em; margin-bottom: 0.3em; }
.fifty { width: 50%; }
.info { background-color: #eee; padding: 0.3em; margin: 0.2em 0.5em; }
.informace { padding: 0px; padding-left: 30px; background: url('./img/ikonky/info.gif') 0% 50% no-repeat; }
.datum { padding-left: 15px; font-size: 80%; color: #960; font-style: italic; }
.novinka { padding: 1em; margin: 1em 0px; }
.novinka2 { padding: 1em; margin: 1em 0px; }
.obarvi { background-color: #ddd; 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; }
.google { width: 275px; padding: 10px; margin: 1.5em auto; border: 1px solid #000; }
.welcome { padding: 0px 10px; }
.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; }
.grey { color: #999; }

#rightpart div div.katlist span.klady span, p.obdelnik span { display: block; margin: 0.2em 0px; padding-left: 10px; background: url('./img/design/obdelnik.gif') 0% 50% no-repeat; }


/* GOOGLE */
#cse-search-results iframe {
  width: 500px;
}


/* 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 0.5em; }
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%; background-color: #eee; }
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: #009; text-decoration: underline; }
a:hover, a:active { color: #c33; }

a.active { color: #c33; }

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

#navigace div p a:link, #navigace div p a:visited { color: #fff; text-decoration: none; }
#navigace div p a:hover, #navigace div p a:active { color: #ccc; }

#bottom p a:link, #bottom p a:visited { color: #ccc; text-decoration: none; }
#bottom p a:hover, #bottom p a:active { color: #fff; text-decoration: underline; }

#copyright p a:link, #copyright p a:visited { color: #999; text-decoration: underline; }
#copyright p a:hover, #copyright p a:active { color: #666; }

.strankovani a { color: #960; text-decoration: none; }
.strankovani a:hover { color: #969; }