body {
    margin: 0; padding: 0;
    font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
    font-size: 12px;
    color: #444;
    background-image: url("../img/hlavicka_background.png");
    background-repeat: repeat-x;
}

#HLAVICKA {
    margin: 0 auto;
	width: 770px;
	height: 107px;
	background-image: url("../img/hlavicka.png");
	background-repeat: no-repeat;
}
.banner-top {
        margin-top: 8px; 
	text-align: center;
}
.banner-top img {
	border: none;
}
#HLAVICKA a {
	color: #033;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#HLAVICKA a:hover {
	text-decoration: underline;
}

#LEVY_SLOUPEC {
	float: left;
	width: 190px;
	text-align: left;
}

#LEVY_SLOUPEC_IN {
	padding: 10px;
}

#OBSAH {
    margin: 0 auto;
    width: 900px;
}

#PROSTREDNI_SLOUPEC {
	float: left;
	width: 530px;
}

#PROSTREDNI_SLOUPEC p {
    margin: 0.1em 0;
}
#PROSTREDNI_SLOUPEC p.datum {
    font-size: 0.8em;
}
#PROSTREDNI_SLOUPEC h5 {
    line-height: 1.5em;
}
#PROSTREDNI_SLOUPEC hr {
    margin: 1em 0 1em 0;
    border: none;
    color: #9c3;
    height: 3px;
    background-color: #9c3;
}

#PROSTREDNI_SLOUPEC_OBSAH {
    float: left;
    width: 710px;
    overflow: hidden;
}

#PRAVY_SLOUPEC {
	float: left;
	width: 180px;
}

#PRAVY_SLOUPEC_IN {
	padding: 10px;
}

img {
	vertical-align: text-bottom;
}

.ramecek {
    margin: 10px 0 10px 0;
    width: 530px;
	background-image: url("../img/ramecek_pozadi.png");
	background-repeat: repeat-y;
}

.ramecek_in {
	padding: 0 16px 0 16px;
}

.ramecek_top {
	width: 530px;
	height: 16px;
	background-image: url("../img/ramecek_horni.png");
	background-repeat: no-repeat;
}

.ramecek_bottom {
	width: 530px;
	height: 16px;
	background-image: url("../img/ramecek_dolni.png");
	background-repeat: no-repeat;
}

.ramecek_velky {
    margin: 10px 0 10px 0;
    width: 710px;
	background-image: url("../img/ramecek_pozadi_velky.png");
	background-repeat: repeat-y;
}

.ramecek_velky_in {
    padding: 0 16px 0 16px;
}

.ramecek_velky_top {
	width: 710px;
	height: 16px;
	background-image: url("../img/ramecek_velky_horni.png");
	background-repeat: no-repeat;
}

.ramecek_velky_bottom {
    width: 710px;
	height: 16px;
	background-image: url("../img/ramecek_velky_dolni.png");
	background-repeat: no-repeat;
}

#PATICKA_BACKGROUND {
	height: 99px;
	clear: both;
	background-image: url("../img/paticka_background.png");
	background-repeat: repeat-x;
	background-position: top left;
}

#PATICKA_IMG {
	height: 99px;
	background-image: url("../img/paticka.png");
	background-repeat: no-repeat;
	background-position: bottom center;
}

#PATICKA {
	clear: both;
}

#PATICKA_IN {
	padding: 8px;
}

#PATICKA_IN p {
  margin: 0;
  color: #444;
  text-align: center;
}

#PATICKA_IN a {
  color: #444;
}

.hidden {
	display: none;
}

.menu {
  font-size: 11px;
}

.menu a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold; 
  color: #444;
	padding: 6px;
	border-bottom: 1px solid #9c3;
}

.menu a:hover {
	color: #033;
	text-decoration: underline;
}

.iconmenu a {
	_height: 28px;
	min-height: 28px;
	text-transform: uppercase;
	display: block;
	color: #444;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 0 6px 40px;
	border-bottom: 1px solid #9c3;
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

.iconmenu a:hover {
	color: #033;
	text-decoration: underline;
}

.menu a.posledni {
	border: none;
}

.iconmenu a.posledni {
	border: none;
}

.menu a:hover {
	color: #033;
}

.vzdelavani {
	background-image: url("../img/ikony/vzdelavani.png");
}

.prace {
	background-image: url("../img/ikony/prace.png");
}

.zdravi {
	background-image: url("../img/ikony/zdravi.png");
}

.volnycas {
	background-image: url("../img/ikony/volnycas.png");
}

.cestovani {
	background-image: url("../img/ikony/cestovani.png");
}

.socialnepatologickejevy {
	background-image: url("../img/ikony/socialnepatologickejevy.png");
}

.infozregionu {
	background-image: url("../img/ikony/ekologie.png");
}
.ekologie {
	background-image: url("../img/ikony/ekologie.png");
}

.socialniskupinyahnuti {
	background-image: url("../img/ikony/socialniskupinyahnuti.png");
}

.obcanastat {
	background-image: url("../img/ikony/obcanastat.png");
}

.mezinarodnianarodniorganizace {
	background-image: url("../img/ikony/mezinarodnianarodniorganizace.png");
}

.mladezvevropskeunii {
	background-image: url("../img/ikony/mladezvevropskeunii.png");
}

.icm-koktejl {
  background-image: url("../img/ikony/icmkoktejl.png");
}

.ukaz-se-odvaz-se {
	background-image: url("../img/ikony/ukazseodvazse.png");
}

.porad-se-neboj-se {
	background-image: url("../img/ikony/poradsenebojse.png");
}

.seznamka {
	background-image: url("../img/ikony/seznamka.png");
}

.burza {
	background-image: url("../img/ikony/burza.png");
}

.souteze {
	background-image: url("../img/ikony/souteze.png");
}

.seminarky {
	background-image: url("../img/ikony/seminarky.png");
}

.napistenam {
	background-image: url("../img/ikony/napistenam.png");
}

.nabidka {
	background-image: url("../img/ikony/nabidka.png");
}

.aktuality {
	background-image: url("../img/ikony/aktuality.png");
}

.en {
	background-image: url("../img/ikony/en.png");
}

.de {
	background-image: url("../img/ikony/de.png");
}

.fr {
	background-image: url("../img/ikony/fr.png");
}

.kontakt {
  background-image: url("../img/ikony/kontakt.png");
}

h2.sekce {
	height: 26px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url("../img/sekce_stin.png");
	background-repeat: no-repeat;
	padding: 4px 0 0 8px;
	margin: 2em 0 0 0;
	color: #033;
}

h2.prvni {
	margin-top: 0;
}

p {
    margin: 1em 0 0 0;
    line-height: 1.4em;
}

ul {
  line-height: 1.4em;
}

.button {
	margin-top: 6px;
	width: 80px;
	background-color: #fff;
	color: #033;
	font-weight: bold;
	font-size: 11px;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

input.TEXT {
	width: 150px;
}

#HOME {
	float: left;
	display: block;
    width: 260px;
	height: 107px;
}

#ONAS {
	float: left;
	width: 80px;
	margin: 43px 0 0 10px;
}

#KONTAKT {
	float: left;
	width: 80px;
	margin: 16px 0 0 8px;
}

#JAZYKY {
	float: left;
	width: 90px;
	margin: 71px 0 0 206px;
}

a {
  color: #444;
  text-decoration: underline;
}
a:hover {
  color: #9c3;
}

h1 {
  margin: 0 0 1em 0; padding: 0 0 3px 0;
  color: #444;
  font-size: 18px;
  border-bottom: 2px solid #9c3;
  background-repeat: no-repeat;
}

h1.SEKCE-HLAVNI {
  padding: 4px 0 7px 35px;
  text-transform: uppercase;
}

div.ABSTRACT {
  margin: 0 0 1em 0;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: bold;
  color: #033;
}

div.ABSTRAKT {
  margin: 0.5em 0 1em 0;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: normal;
  color: #444;
}

h3 {
  color: #033;
  margin: 0.5em 0 0.1em 0;
  font-size: 14px;
}

h4 {
  color: #033;
  margin: 0.5em 0 0.1em 0;
  font-size: 12px;
}

.datum {
  color: #033;
}

.bold {
    font-weight: bold;
}

.cleaner {
    clear: both;
}

h2.title {
	height: 21px;
    font-size: 11px;
    text-transform: uppercase;
	padding: 23px 0 0 20px;
	color: #033;
    background-image: url("../img/uvod_titulek.png");
    background-repeat: no-repeat;
	overflow: none;
	margin: 0 0 8px 0;
}

.datum {
    margin: 0;
}

.dnes h4, #SEARCH-VYSLEDKY h4 {
	color: #9c0;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: top right;
	text-transform: uppercase;
	border-bottom: 1px solid #9c0;
	margin: 1em 0 0.5em 0;
	line-height: 30px;
	letter-spacing: 0.2em;
}

.dnes h5, #SEARCH-VYSLEDKY h5 {
	font-size: 11px;
	padding: 0px;
	margin: 0.5em 0 0 0;
	text-transform: uppercase;
	color: #033;
}

.dnes p, #SEARCH-VYSLEDKY p {
	margin: 0;
	padding: 0;
}

/* ikony v panelu dnes ------------------------------------------------------ */
.kulturniakce {
	background-image: url("../img/ikony/kulturniakce.png");
}

.divadlo {
	background-image: url("../img/ikony/divadlo.png");
}

.film {
	background-image: url("../img/ikony/film.png");
}

.vystava {
	background-image: url("../img/ikony/vystava.png");
}

.prodetiamladez {
	background-image: url("../img/ikony/prodetiamladez.png");
}

.folklorniakce {
  background-image: url("../img/ikony/folklorniakce.png");
}
/* --------------------------------------------------------------------------- */
div.CISTIC {
    clear: both;
    height: 1px;
    margin: -1px 0px 0px;
    overflow: hidden;
    visibility: hidden; 
}   

div.EDITOR-MENU {
    background: #eee;
    /*width: 140px;*/
    padding: 5px;
    border: 1px solid #999;
    margin: 5px 0;
}
a.EDITOR-MENU {
    background: #EEE;
    border: 1px solid #999;
    text-decoration: none;
}

div.EDITOR-MENU .prvni {
    margin-top: 0;
}

div.IMG-FIRST {
  width: auto;
  float: left;
  margin: 0 8px 0 0;
}

div.IMG-FIRST img {
  border: 1px solid #444;
}

div.IMG-DESCRIPTION {
  margin: 0.3em 0 0 0;
  font-style: italic;
}

div.IMG-GALERIE-ITEM {
  width: 75px;
  float: left;
}

div.IMG-GALERIE-ITEM div.EDITOR-MENU {
    width: 80%;
}

.ERROR {
    color: red;
}

.SPRAVNA {
    background: yellow;
}

.POSLEDNI-KATEGORIE {
    font-weight: bold;
    font-size: 150%;
}

.NEVEREJNY {
    background: #EEE url('/img/neverejne_background.png');
}

#DROBKY {
  margin: 0 0 6px 0;
}

#DROBKY a {
  text-decoration: underline;
  color: #444;
}

#DROBKY a:hover {
  text-decoration: underline;
  color: #9c3;
}

/* podstranky --------------------------------------------------------------- */
#PODSTRANKY ul {
  margin: 0 8px 0 18px; padding: 0;
  list-style-type: none;
}

#PODSTRANKY li {
  padding: 0 0 0 25px; margin: 6px 0;
  font-size: 16px;
  font-weight: bold;
  background-image: url("../img/podsekce.png");
  background-repeat: no-repeat;
}

#PODSTRANKY a {
  text-decoration: none;
  color: #444;
}

#PODSTRANKY a:hover {
  color: #9c3;
}

#PODSTRANKY-OBRAZKY ul {
  margin: 0; padding: 0;
  list-style-type: none;
}

#PODSTRANKY-OBRAZKY .ODKAZ {
  margin: 0 0 0 70px;
}

#PODSTRANKY-OBRAZKY li {
  margin: 0 0 8px 0; padding: 0;
  font-size: 16px;
  font-weight: bold;
  clear: both;
}

#PODSTRANKY-OBRAZKY .ABSTRAKT {
  margin: 4px 0 0 0;
}

#PODSTRANKY-OBRAZKY li img {
  float: left;
  width: 60px;
  border: 1px solid #666;
  margin-bottom: 8px;
}

#PODSTRANKY-OBRAZKY a {
  margin: 0; padding: 0;
  vertical-align: top;
  text-decoration: none;
  color: #444;
}

#PODSTRANKY-OBRAZKY a:hover {
  color: #9c3;
}

#PODSTRANKY-OBRAZKY .INZERAT-PREVNEXT {
  clear: both;
  margin: 0;
}

/* formulare -----------------------------------------------------------------*/
form {
  margin: 0 0 12px 0;
}

label {
  display: block;
  font-weight: bold;
}

textarea {
  width: 98%;
  height: 250px;
}

/* seminarky ---------------------------------------------------------------- */
.KATEGORIE-ITEM {
  color: #fff;
  background-color: #9c3;
  margin: 0 0 16px 0;
}

.KATEGORIE-ITEM h2 {
  margin: 0; padding: 8px;
  color: #fff;
  background-color: #9c3;
  text-transform: uppercase;
}

.KATEGORIE-ITEM h2 a {
  color: #fff;
  text-decoration: none;
}
.KATEGORIE-ITEM h2 a:hover {
  color: #fff;
  text-decoration: underline;
}

.KATEGORIE-ITEM .ABSTRAKT {
  margin: 0; padding: 0 8px 8px 8px;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
}

.POCET-INZERATU {
  font-weight: bold;
  background-color: #690;
  text-align: right;
  padding: 3px 6px;
}

/* staticka stranka O nas --------------------------------------------------- */
#ONAS-STRANKA {
    height: 798px;
    background-image: url("../img/onas.png");
    background-repeat: no-repeat;
}

#ONAS-STRANKA h1 {
    display: none;
}

#ONAS-STRANKA ul {
    margin: 0; padding: 0;
}

#ONAS-STRANKA li {
    display: inline;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
}

#ONAS-STRANKA a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
#ONAS-STRANKA a:hover {
  text-decoration: underline;
}

#ONAS-STRANKA .kalendar-aktivit-icm {
  top: 50px;
  left: 85px;
  _top: 70px;
  _left: 20px;
}

#ONAS-STRANKA .icm-shop {
  top: 110px;
  left: 235px;
  _top: 110px;
  _left: 197px;
}

#ONAS-STRANKA .icm {
  top: 210px;
  left: 130px;
  _top: 210px;
  _left: 230px;
}

#ONAS-STRANKA .sluzby-icm {
  top: 173px;
  left: -220px;
  _top: 175px;
  _left: -235px;
}

#ONAS-STRANKA .virtualni-icm {
  top: 270px;
  left: 425px;
  _top: 290px;
  _left: -20px;
}

#ONAS-STRANKA .nabidka-pro-skoly {
  top: 310px;
  left: 195px;
  _top: 310px;
  _left: 275px;
}

/* inzerce seznamka --------------------------------------------------------- */
.INZERAT-ITEM {
  margin: 0 0 1em 0; padding: 0;
  background-color: #9c3;
  color: #fff;
}

.INZERAT-ITEM h2 {
  margin: 0; padding: 8px;
}

.INZERAT-ZADAL {
  background-color: #690;
  padding: 4px 8px;
  font-weight: bold;
  color: #fff;
}

.POHLAVI-Z {
  padding: 4px 8px 4px 25px;
  background-image: url("../img/ikony/zena.png");
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

.POHLAVI-M {
  padding: 4px 8px 4px 25px;
  background-image: url("../img/ikony/muz.png");
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

.INZERAT-ITEM h2 a {
  color: #fff;
  text-decoration: none;
}

.INZERAT-ITEM h2 a:hover {
  color: #fff;
  text-decoration: underline;
}

#INZERAT-DETAIL h2 {
  margin: 0.3em 0 0.1em 0;
}

.INZERAT-TELO {
  margin: 0 0 0.5em 0;
  line-height: 1.4em;
}

.INZERAT-OBRAZEK img {
  border: 1px solid #444;
}

.INZERAT-PREVNEXT {
  margin: 0 0 1em 0;
}

/* SOUTEZE ------------------------------------------------------------------ */
#SOUTEZE-SEZNAM h2 {
  background-color: #9c3;
  color: #fff;
  padding: 8px;
}

#SOUTEZE-SEZNAM h2 a {
  color: #fff;
  text-decoration: none;
}

#SOUTEZE-SEZNAM h2 a:hover {
  color: #fff;
  text-decoration: underline;
}

/* PORADNA ------------------------------------------------------------------ */
#KATEGORIE-LIST-PORADNA .KATEGORIE-ITEM {
  float: left;
  width: 534px;
  height: 100px;
  clear: both;
}

.PORADNA-OBRAZEK {
  float: right;
  width: 140px;
  height: 100px;
}

#radi-kamaradi {
  background-image: url("../img/poradna/radi-kamaradi.jpg");
  background-repeat: no-repeat;
}

#radi-odbornik {
  background-image: url("../img/poradna/radi-odbornik.jpg");
  background-repeat: no-repeat;
}

#drogy {
  background-image: url("../img/poradna/drogy.jpg");
  background-repeat: no-repeat;
}

#problemy-s-klukem {
  background-image: url("../img/poradna/kluk.jpg");
  background-repeat: no-repeat;
}

#problem-s-holkou {
  background-image: url("../img/poradna/holka.jpg");
  background-repeat: no-repeat;
}

#sex {
  background-image: url("../img/poradna/sex.jpg");
  background-repeat: no-repeat;
}

#problemy-se-sebou {
  background-image: url("../img/poradna/sam.jpg");
  background-repeat: no-repeat;
}

#kamaradi {
  background-image: url("../img/poradna/kamaradi.jpg");
  background-repeat: no-repeat;
}
#skola {
  background-image: url("../img/poradna/skola.jpg");
  background-repeat: no-repeat;
}

#rodice {
  background-image: url("../img/poradna/rodice.jpg");
  background-repeat: no-repeat;
}
#zdravi {
  background-image: url("../img/poradna/zdravi.jpg");
  background-repeat: no-repeat;
}

/* -- PARTNERI -------------------------------------------------------------- */
#PARTNERI {
  margin: 0 0 0 1.6em; padding: 0;
}
#PARTNERI li {
  margin: 0.3em 0 0 0;
}
/* -- WEBY ------------------------------------------------------------------ */
#WEBY {
  margin: 0 0 0 1.6em; padding: 0;
}
#WEBY li {
  margin: 0.3em 0 0 0;
}

.STRANKA-OBSAH p {
  margin: 16px 0;
}

#POLOZ-DOTAZ-ODBORNIK {
  padding-bottom: 8px;
}

#POLOZ-DOTAZ-ODBORNIK a {
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  padding: 8px;
  display: block;
  background-color: #9c3;
  text-align: center;
  color: #fff;
}

#POLOZ-DOTAZ-ODBORNIK a:hover {
  text-decoration: underline;
}

#ZKOLA-SEARCH-FORM select {
  width: 400px;
}

#ZKOLA-SEARCH-VYSLEDEK {
  margin-top: 10px;
  text-align: left;
}

#ZKOLA-ORGANIZACE-DETAIL table {
  margin-top: 10px;
}

#ZKOLA-ORGANIZACE-DETAIL td.LABEL {
  font-weight: bold;
}

#ZKOLA-ORGANIZACE-DETAIL table tr {
  vertical-align: top;
  margin-top: 10px;
}

#ZKOLA-ORGANIZACE-DETAIL table p {
  margin: 0;
}

/* DISKUSE ------------------------------------------------------------------ */
.PRISPEVEK {
  margin: 8px 0 0 0;
}
.PRISPEVEK-HEAD {
  background-color: #eee;
  padding: 2px;
}
.PRISPEVEK-NAZEV {
  padding-bottom: 2px;
  font-weight: bold;
}
.PRISPEVEK-BODY {
  padding: 4px 0;
  line-height: 1.3em;
}
.RIGHT {
  text-align: right;
}
.LEVEL {
  margin-left: 30px;
}
.LEVEL-0 {
  margin-left: 0;
}

.BUTTON-ZOBRAZ {
  margin: 5px 0 0 0;
  padding: 3px 10px;
  display: block;
  color: #fff;
  font-weight: bold;
  background-color: #9c3;
  text-align: center;
}

.BUTTON-ZOBRAZ:hover {
  color: #fff;
}
img.volba {
    border: none;
    margin: 0 0 1em 0;
}
img.bannerimg {
    display: block;
    margin: 0.5em;
    border: none;
}