/* CSS Document */
/*
MODRA: rgb(84,182,231)
sede: #dcdcdc; #B0B0B0; #eeeeee; #b3b3b3 #777777; #555555; 
*/

body{
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4em;
  color: Black;
  /*background: url(obr/smazat/verka_okno.jpg);*/
  /*background-color: rgb(47,79,79);*/
  text-align:center;
}

#vsechno
	{
	width: 900px;
	margin: -8px auto;
	text-align:left;
	position: relative;
	padding-top:15px;
	}

a.obr_ctverec{
  float: left;
  display: table;
  width:105px;
  height:109px;
  text-align: center;
  overflow: hidden;
  background:url(obr/obr-ctverec.gif);
  background-repeat: no-repeat;
  margin: 0 5px 8px 0;
}

a.obr_ctverec:hover{
  background:url(obr/obr-ctverec2.gif);
  background-repeat: no-repeat;
}

div.obr_ctverec{
  display: table-cell; vertical-align: middle;
}

a{
  text-decoration: underline;
  color: Black;
}

p{
  margin-top: 0;
  margin-bottom: 0.8em;
}

a.menu{
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

a.navigace{
  text-decoration: none;
}

a.fotogalerie{
  display: block;
  text-decoration: none;
  margin-bottom: 10px;
  line-height: 1.2em;
  overflow: auto;
}

a.fotogalerie:hover{
  color: Black;
  background-color: #eeeeee;
}

a:hover,a.menu:hover{
  color: #B0B0B0;
}

a.nadpis{
  text-decoration: none;
}

a.obr{
  border: none;
  text-decoration: none;
}

a.obr:hover{
  text-decoration: none;
}

a.obr_predchozi,a.obr_nasledujici{
  display:block;
  float:left;
  width:15px;
  height:15px;
}

a.obr_predchozi{
  background: url(obr/sipka_vlevo.gif) 0 0 no-repeat;
}

a.obr_predchozi:hover{
  background-position: -15px 0;
}

a.obr_nasledujici{
  background: url(obr/sipka_vpravo.gif) 0 0 no-repeat;
}

a.obr_nasledujici:hover{
  background-position: -15px 0;
}

a.obr_krizek{
  display:block;
  /*float:left;*/
  width:11px;
  height: 10px;
  background: url(obr/krizek.gif) 0 0 no-repeat;
}

a.obr_krizek:hover{
  background-position: top right;
}


a.obr_close{
  display:block;
  float:left;
  width:15px;
  height:16px;
  background: url(obr/close.gif) no-repeat;
}

a.obr_close:hover{
  background: url(obr/close_h.gif) no-repeat;
}

a.bez_niceho{
  text-decoration:none;
}

a.akce{
  display:block;
  text-decoration:none;
}

a.akce:hover{
  background-color: #eeeeee;
  color: Black;
}

div.akce,div.akce2{
  overflow: auto;
  line-height: 1.3em;
  border-top: #b3b3b3 2px dotted;
  padding: 5px 0px;
  width:100%;
}

/* akce po rozkliknutí */
div.akce2{
  padding: 0px;
  margin: 15px 0 25px 0;
  /* border: #b3b3b3 1px solid; */
  border: none;
}

.zahlavi{
  background:url(obr/horni_pruh.gif) 135px 0;
  background-repeat:no-repeat;
  padding: 12px 22px 0 0;
  margin: 7px 0 0 0px;
}

.sloupec{
  overflow: hidden;  
  float: left;
  margin-left: 0px;
  margin-right: 25px;
  /* border: 1px solid Black; */
}

.box{
  overflow: hidden;
  background: url(obr/linka.gif);
  background-repeat: no-repeat;
  padding: 17px 0 0 18px;
  margin-top: 18px;
  margin-bottom: 30px;
  /* border: 1px solid Red; */
}

.box_prazdny{
  overflow: hidden;
  padding: 20px 0 0 20px;
  min-width: 100px;
  margin-top: 0px;
  margin-bottom: 30px;
}

.uvod_clanku{
  clear: both;
  overflow: auto;
  margin-bottom: 15px;
}

.text_titulni_clanek{
 /*  font-size: 14px;
  line-height: 1.3em; */
  clear:both;
  padding-top: 0px;
}

.fotogalerie_uvod{
  margin-bottom: 5px;
}

img{
  border:0;
}

img.heading{
  margin-bottom: 20px;
  border: 0;
  position:relative;
  left:-1px;
}

img.titulni_obrazek{
  float: left;
  margin: 4px 12px 5px 0;
}

img.obrazek_clanek{
  margin-bottom: 15px;
}

img.fotogalerie_clanek{
  margin:5px -1px;
}

img.fotogalerie_uvod{
  border: 0;
  margin-right:2px;
  margin-top:3px;
}

.nadpis2{
  font-size: 12px;
  font-weight: bold;
}

.nadpis3{
  margin-bottom: 15px;
}

/* nadpis clanku */ 
h1{
  font-size: 32px;
  line-height: 1.2em;
  margin: 0;
  font-weight: normal;
  display: inline; 
}

/* nadpis prvniho clanku ve vypisu*/
h2{
  font-family: Arial;
  text-decoration: none;
  font-size: 24px;
  /*letter-spacing: 0.02em;*/
  line-height: 1.2em;
  font-weight: bold;
  margin: 0;
}

.perex{
  font-size: 14px;
  line-height: 1.5em;
  font-style: oblique;
}

span.datum{
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #777777;
}

/* datum - titulni clanek*/
p.titulni_clanek{
  margin-top: 0;
  margin-bottom: 7px; 
}

.clanek_text{
  font-size: 14px;
  line-height: 1.5em;
  overflow: auto;
  margin-bottom: 20px;
  margin-top: 15px;
}

.zapati_clanku{
  color: #777777;
}

.komentare{
  margin-bottom: 10px;
}

.dalsi{
  font-size: 11px;
  color: #777777;
}

.bold{
  font-weight:bold;
}

.male,.mensi{
  font-size: 11px;
}

.dulezite{
  color: rgb(153,0,51);
}


table.akce{
  width:95%;
  margin-bottom: 5px;
  padding-top: 5px;
}

table.akce{
  border-top: #b3b3b3 2px dotted;  
}

td{
  vertical-align: top;
  font-family: Arial;
  font-size: 12px;
}

td.mensi
{
  font-size: 11px;
}

div.form_komentar{
  margin: 0 3px 7px 0;
  font-size: 11px;
}

/* mensi nadpis v clanku */
.tit, h3{
  color: rgb(84,182,231);
  font-size: 14px;
  font-weight:bold;
}

.odrazka{
  position:relative; left:-5px;
}

/* warning, hlaska */

.warning{
  background-color: #b2edff;
}

.hlaska{
  background-color: #e5f9ff;
  color: Black;
}

/* kratka napoveda, instrukce k vyplneni formulare */
.hint{
  color: #006600;
  font-size: 11px;
  line-height: 1.3em;
  margin-bottom: 5px;
}

/* SEZNAMY */
ul{
 margin: 0 0 0 1.5em; padding: 0;
 list-style-type: disc;
 list-style-image: url(obr/odrazka_tecka.gif);
}

ol{
 margin: 0 0 0 1.5em; padding: 0;
}

li{
 margin: 0; padding: 0;
}

/* FORMULARE */

input, checkbox, textarea, select, option{
	font-family: Arial;
	font-size: 11px;
	border: 1px solid #dcdcdc;
	color: #000000;

}

input.tlacitko_odeslat{
	font-family: Arial;
	color: White; background-color: #555555; font-family: monospace; font-weight: bold;
	border: 1px solid;
}

input.tlacitko_odeslat:hover{
	color: #555555; background-color: White; font-family: monospace; font-weight: bold;
	border: 1px solid;
}