/* ================================================
PRO Ing. Karla Kapouna (ČSSD) VYTVOŘIL V ROCE 2009
Ing. Tomáš Souček, webmaster[zavinac]penkavcivrch.cz
- všechna práva vyhrazena, zákaz použití kódu
================================================ */

/* SKRYTE TAGY */
.noscreen, .skryt { display: none; }


/* HTML TAGY */
body {
  background: #fde0bb url('./img/design/horni-pruh.gif') left top repeat-x;
  color: #000;
  font-size: small;
  font-family: Arial, "Arial CE", "Lucida Grande CE", "Helvetica CE", lucida, sans-serif;
	margin: 0px auto;
	padding: 8px 0px 20px 0px;
	text-align: center;
}
p { margin: 1em 0px; margin-bottom: 1.2em; padding: 0px; }
table { font-size: small; }
table td { padding: 0px; }
input, select, textarea { font-size: 100%; }
form, ul { margin: 0px; padding: 0px; }

h1, h2, h3, h4 { margin: 0px; padding: 0px; } /* font-family: Georgia, Verdana, Arial Narrow, "Arial CE", Arial, sans-serif; */
h1, h1 span { width: 780px; height: 160px; }
h1 { font-size: 120%; position: relative; overflow: hidden; }
#holder h1 a { color: #f93; }
h1 span { display: block; position: absolute; left: 0px; top: 0px; cursor: pointer; background: url('./img/design/hlavicka.jpg') 0 0 no-repeat; }
h2 { font-size: 125%; color: #c60; }
h3 { font-size: 110%; margin: 1.2em 0px 0.5em 0px; }
h4 { font-size: 105%; margin: 1.2em 0px 0.5em 0px; font-style: italic; }

hr { color: #fc9; height: 1px; background-color: #fc9; border: 0px solid #fc9; margin: 0px; padding: 0px; }
img { border: 0px; }
ul li { list-style-position: outside; margin-left: 20px; padding-left: 0px; }

del {  text-decoration: line-through; }
acronym, abbr { border-bottom: 1px dotted; cursor: help; }


/* IDENTIFIKTORY */
#shadet { width: 814px; margin: 0px auto; height: 7px; font-size: 0px; background: url('./img/design/shade-top.gif') center bottom repeat-x; }
#design { width: 814px; margin: 0px auto; background: url('./img/design/shade.gif') center top repeat-y; }
#shadepart { background: url('./img/design/shade-part.gif') center top no-repeat; }
#holder { width: 780px; border: 10px solid #fff; margin: 0px auto; background: url('./img/design/body-back.gif') 0 0 repeat-y; text-align: left; }
#menu { width: 780px; border-top: 10px solid #fff; border-bottom: 10px solid #fff; height: 31px; background: url('./img/design/menu-back.gif') 0 0 repeat-x; }
#shadeb { width: 814px; margin: 0px auto; height: 7px; font-size: 0px; background: url('./img/design/shade-bottom.gif') center top repeat-x; }

#menu ul { margin: 0px; padding: 0px; }
#menu ul li { float: left; padding: 0px; margin: 0px; list-style-type: none; text-align: center; }
#menu ul li a { display: block; height: 31px; line-height: 31px; position: relative; overflow: hidden; }
#menu ul li a span { display: block; height: 31px; position: absolute; left: 0px; top: 0px; cursor: pointer; }

/* KDO JSEM */
#menu ul li a.kdojsem { width: 75px; }
#menu ul li a.kdojsem span { width: 75px; background: url('./img/design/buttonky/kdo-jsem.gif') 0px 0px no-repeat;  }
#menu ul li a.kdojsem span:hover, #menu ul li a.kdojsem span:active { background-position: -75px 0px; }
/* AKTUALITY */
#menu ul li a.aktuality { width: 72px; }
#menu ul li a.aktuality span { width: 72px; background: url('./img/design/buttonky/aktuality.gif') 0px 0px no-repeat;  }
#menu ul li a.aktuality span:hover, #menu ul li a.aktuality span:active { background-position: -72px 0px; }
/* FOTOGALERIE */
#menu ul li a.fotogalerie { width: 87px; }
#menu ul li a.fotogalerie span { width: 87px; background: url('./img/design/buttonky/fotogalerie.gif') 0px 0px no-repeat;  }
#menu ul li a.fotogalerie span:hover, #menu ul li a.fotogalerie span:active { background-position: -87px 0px; }
/* MEDIA */
#menu ul li a.media { width: 54px; }
#menu ul li a.media span { width: 54px; background: url('./img/design/buttonky/media.gif') 0px 0px no-repeat; }
#menu ul li a.media span:hover, #menu ul li a.media span:active { background-position: -54px 0px; }
/* REGION */
#menu ul li a.region { width: 60px; }
#menu ul li a.region span { width: 60px; background: url('./img/design/buttonky/region.gif') 0px 0px no-repeat; }
#menu ul li a.region span:hover, #menu ul li a.region span:active { background-position: -60px 0px; }
/* SENAT */
#menu ul li a.senat { width: 51px; }
#menu ul li a.senat span { width: 51px; background: url('./img/design/buttonky/senat.gif') 0px 0px no-repeat; }
#menu ul li a.senat span:hover, #menu ul li a.senat span:active { background-position: -51px 0px; }
/* DULEZITE ODKAZY */
#menu ul li a.odkazy { width: 111px; }
#menu ul li a.odkazy span { width: 111px; background: url('./img/design/buttonky/dulezite-odkazy.gif') 0px 0px no-repeat; }
#menu ul li a.odkazy span:hover, #menu ul li a.odkazy span:active { background-position: -111px 0px; }
/* KONTAKT */
#menu ul li a.kontakt { width: 69px; }
#menu ul li a.kontakt span { width: 69px; background: url('./img/design/buttonky/kontakt.gif') 0px 0px no-repeat; }
#menu ul li a.kontakt span:hover, #menu ul li a.kontakt span:active { background-position: -69px 0px; }

#leftpart { float: left; width: 580px; min-height: 600px; color: #444; background: url('./img/design/logo-cssd.gif') right bottom no-repeat; }
#leftpart div.text { border-top: 1px solid #fc9; padding: 1em; }
#leftpart div.text p.news { margin: 1.3em 0px; }
#leftpart div.text p.news span { display: block; color: #c60; }
#leftpart div.text p.news span.black { color: #000; font-weight: bold; }
#leftpart div.text p.news a { display: block; }
#leftpart div.text p.news a.doprava { display: inline; font-size: 80%; }

#rightpart { float: right; width: 190px; color: #444; font-size: 85%; }
#rightpart div.text { padding: 0px 0.7em; }
#rightpart div.text p.news { margin: 1em 0px; padding-bottom: 1em; border-bottom: 1px solid #fc9; }
#rightpart div.text p.news.none { border-bottom: none; }
#rightpart div.text p.news span { display: block; color: #c60; }
#rightpart div.text p.news span.black { color: #000; font-weight: bold; }
#rightpart div.text p.news a { display: block; }

#paticka { width: 800px; margin: 0px auto; color: #c60; font-size: 85%; }
#paticka p { margin: 0.5em 0px; padding: 0px; }
#paticka p.left { float: left; }
#paticka p.right { float: right; }


/* 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; }
.tucne { font-weight: bold; }
.under { text-decoration: underline; }
.nomargin { margin: 0px; }
.small { font-size: 80%; }
.large { font-size: 120%; }
.ramecek { border: 1px solid #666; }
.strankovani { text-align: center; margin: 1.5em 0px; font-size: 90%; }

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

.cleaner { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.imgright { float: right; padding-left: 0.5em; padding-bottom: 0.5em; }
.imgleft { float: left; padding-right: 0.5em; padding-bottom: 0.5em; }
.leftmargin { margin-left: 2.2em; }
.topmargin { margin-top: 1em; }
.margintop { margin: 1em 0px; }
.tablehlavicka { background-color: #eee; }
.misty { background-color: #ffe4e1; }
.light { background-color: #efefef; }


/* SLOUCENINY */
.cleaner span { display: block; }
.cleaner span.bordertopleft { float: left; width: 580px; border-top: 1px solid #fc9; }
.cleaner span.bordertopright { float: right; width: 190px; border-top: 1px solid #fc9; }

h2.aktuality, h2.aktuality span, h2.funkcionality, h2.funkcionality span { width: 190px; height: 32px; }
h2.aktuality, h2.funkcionality { position: relative; overflow: hidden; text-align: center; }
h2.aktuality span { display: block; position: absolute; left: 0px; top: 0px; background: url('./img/design/img-aktuality.gif') 0 0 no-repeat; }
h2.funkcionality span { display: block; position: absolute; left: 0px; top: 0px; background: url('./img/design/img-funkcionality.gif') 0 0 no-repeat; }

.podpis { padding-top: 5px; }
.podpis strong { display: block; position: relative; top: -5px; font-size: 105%; }


/* TABULKY */
table.info {
  border-collapse: collapse;
  margin: 0.3em 0px;
}
table.info td {
  padding: 0.3em 0px;
}
table.info td.value {
  padding-left: 0.8em;
  font-style: italic;
}

table.tab {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #999;
  margin: 10px 0px;
}
table.tab td {
  background-color: #fff;
  border-top: 1px solid #999;
  padding: 3px 4px;
}
table.tab tr.light td {
  background-color: #efefef;
}
table.tab tr.misty td {
  background-color: #ffe4e1;
}
table.tab tr.tablehlavicka td {
  background-color: #eee;
  text-align: center;
  font-weight: bold;
}

table.sto {
  width: 100%;
}
table#gallery {
  border-collapse: separate;
  border-spacing: 5px;
  /* border-style: double; */
  border-color: #fc9;
  margin: 15px 0px;
}
table#gallery td {
  background-color: #ffefdb;
  border: 1px solid #fc9;
  padding: 0.5em;
  height: 160px;
  -moz-border-radius: 3px;
}


/* LINKY */
a:link { color: #c60; font-weight: bold; text-decoration: underline; }
a:visited { color: #c60; font-weight: normal; text-decoration: underline; }
a:hover, a:active { color: #c33; }

#paticka a { text-decoration: none; font-weight: normal; }
#paticka a:hover, #paticka a:active { text-decoration: underline; color: #c60; }

#leftpart h2 a { text-decoration: none; font-weight: bold; }

.strankovani a { text-decoration: none; }
.strankovani a:hover, .strankovani a:active { text-decoration: underline; }