/* Created by Ondrej Hornig, 2009 - 2011. All rights reserved. */

html, body { height: 100%; }

body {
    margin: 0 auto;
    padding: 0;
    background: #c1d6fa url(../data/prechod.png) left top repeat-x;
    color: #000000;
    font-family: Verdana, Tahoma, "Tahoma CE", "Arial CE", "Helvetica CE", Arial, Helvetica, lucida, sans-serif;
    font-size: 0.8em;
    text-align: center;
}

img { border: 0; }

p { width: 98%; }

pre { font-size: 1.2em; }

a, a:active, a:visited { color: #002b4c; text-decoration: underline; } /* #036b85 */
a:hover { text-decoration: none; color: #1e6094; }

h1 { padding: 6px 0 4px 0; margin: 0; font-size: 1.6em; font-weight: bold; }
h2 { padding: 12px 0 2px 0; margin: 0; font-size: 1.5em; font-weight: bold; }
h3 { padding: 12px 0 2px 0; margin: 0; font-size: 1.3em; font-weight: bold; }
h4 { padding: 8px 0 6px 0; margin: 0; font-size: 1.2em; font-weight: bold; }
h5 { padding: 4px 0 2px 0; margin: 0; font-size: 1.1em; font-weight: normal; }
h6 { padding: 4px 0 2px 0; margin: 0; font-size: 1.0em; font-weight: bold; }

h1 em { font-size: 0.6em; font-weight: normal; }
h3 em { font-size: 0.8em; font-weight: normal; }
h4 em { font-size: 0.8em; font-weight: normal; font-style: italic; }
h4 span { font-weight: normal; }

h3.rozp { font-size: 1.2em; padding: 0; font-weight: bold; }
h3.rozp a { text-decoration: none; }

.osm { font-size: 8pt; }

input { border: 1px solid #b8d1f4; background: #f9fcff; padding: 2px 6px 2px 6px; }
textarea { border: 1px solid #b8d1f4; background: #f9fcff; padding: 2px 6px 2px 6px; }

table { border: 0; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.flleft { float: left; }
.flright { float: right; }

.right-odsaz { text-align: right; width: 120px; }

.vetsi { font-size: 1.2em; font-weight: bold; }

table.center { text-align: left; margin: auto; }


/* page */
div#page {
	text-align: left;
	width: 980px;
	margin: 0 auto;
	position: relative;
}

div#top { clear: both; position: relative; height: 132px; margin: auto; padding-top: 10px; }
div#top img { position: relative; top: 16px; left: 20px; }
div#top span { position: absolute; top: 0; background: url(../data/kvety.png) no-repeat; width: 647px; height: 348px; }

div#farnosti, div#admenu { clear: both; position: relative; width: 978px; background: url(../data/p_farnosti_stred.png) left repeat-y; font-size: 1em; padding: 1px 0; margin: 0; }
div#farnosti-nahore, div#admenu-nahore { clear: both; position: relative; width: 100%; height: 5px; background: url(../data/p_farnosti_top.png) left bottom no-repeat; margin: 1px 0 0 0; }
div#farnosti-dole, div#admenu-dole { clear: both; position: relative; width: 100%; height: 15px; background: url(../data/p_farnosti_bottom.png) left top no-repeat; }
div#admenu { text-align: center; }

div#farnosti a, div#admenu a { color: #ffffff; text-decoration: none; }
div#farnosti a.yellow, div#admenu a.yellow { color: #ffff00; }
div#farnosti a.red, div#admenu a.red { color: #ff5757; }
div#farnosti a.green, div#admenu a.green { color: #30d31f; }
div#farnosti a:hover, div#admenu a:hover { text-decoration: underline; }
div#farnosti ul li, div#admenu ul li { list-style: none; display: inline; margin: 0; padding: 0 2px; position: relative; top: -4px; overflow: hidden; }
div#farnosti ul li.prvni { margin: 0; padding: 0; position: relative; }
div#farnosti ul li ul { margin: 0; padding: 0; float: left; width: auto; margin: 0 12px; }
div#farnosti ul li.prvni ul { margin: 0; padding: 0; float: left; width: auto; margin: 0 12px 0 0; }
div#farnosti ul li ul li { list-style: none; display: block; margin: 0; padding: 0 0 2px 0; position: relative; }
div#farnosti ul li ul li a { display: block; }

div.clearer { clear: both; position: relative; overflow: hidden; visibility: hidden; height: 0; }

div#stred { clear: both; width: 100%; }

div#left { float: left; position: relative; top: -1px; width: 233px; text-align: center; }
div.odk { clear: both; position: relative; background: url(../data/p_left_stred.png) left top repeat-y; width: 100%; }
div.odk-nahore { clear: both; background: url(../data/p_left_top.png) left top no-repeat; width: 233px; height: 9px; }
div.odk-dole { clear: both; background: url(../data/p_left_bottom.png) left bottom no-repeat; width: 233px; height: 9px; margin-bottom: 8px; }

div#obsah { float: right; width: 740px; }

div#right { clear: both; background: url(../data/p_text_stred.png) left top repeat-y; width: 715px; padding: 1px 15px 1px 15px; margin: 0; text-align: left; min-height: 290px; position: relative; top: -2px; }
div.right-mensi { clear: both; background: url(../data/p_text_stred.png) left top repeat-y; width: 715px; padding: 1px 15px 1px 15px; margin: 0; text-align: left; position: relative; top: -2px; }

div.right-mensi div.levy { float: left; width: 220px; margin-right: 8px; }
div.right-mensi div.stredni { float: left; width: 220px; margin-right: 8px; padding-left: 14px; border-left: 2px solid #c1d6fa; }
div.right-mensi div.pravy { float: left; width: 220px; padding-left: 14px; border-left: 2px solid #c1d6fa; }
div.right-mensi p { margin: 6px 0 0 0; padding: 0;}
div.right-mensi h3 { padding: 0 0 0 0; }
div.right-mensi h3 a { color: #000000; }

div.right-nahore { clear: both; background: url(../data/p_text_top.png) left bottom no-repeat; width: 100%; height: 11px; position: relative; top: -2px; }
div.right-dole { clear: both; background: url(../data/p_text_bottom.png) left top no-repeat; width: 100%; height: 11px; position: relative; top: -2px; margin-bottom: 8px; }

div#paticka { clear: both; width: 98%; text-align: right; margin: 8px 0 30px 0; font-size: 0.9em; color: #7f7f7f; }
div#paticka a, div#paticka a:active, div#paticka a:visited { color: #7482ff; }
div#paticka a:hover { text-decoration: none; }
div#paticka a.spec { color: #5d66ae; }


/* menu */
div#left ul { list-style: none;	margin: 0; padding: 0; font-weight: bold; }
div#left ul li { position: relative; margin: 0; list-style: none; padding: 0; font-size: 1.4em; font-weight: normal; letter-spacing: 2px; line-height: 170%; }
div#left ul li.vikariat { font-size: 1.5em; font-weight: bold; letter-spacing: 3px; }
div#left ul li a { display: block; }
div#left ul li a, div#left ul li a:active, div#left ul li a:visited { text-align: center; color: #000000; text-decoration: none; border: 2px solid transparent; }
div#left ul li a:hover { text-decoration: none; border: 2px solid #94b6ef; background: #e6ecf4; }



/* text */
.male { font-size: 0.8em; }
.stredni { font-size: 1em; }
.velke { font-size: 1.3em; }



/* other */
div#admenu span { position: absolute; left: 10px; bottom: 1px; background: url(../data/administrace.png) left bottom no-repeat; width: 160px; height: 100%; }
div#admenu a { margin: 0 12px; }
div#admenu ul { margin: 8px 0 4px 0; padding: 0 16px; }

span.navigace { position: absolute; left: 10px; bottom: -7px; background: url(../data/navigace.png) left bottom no-repeat; width: 120px; height: 100%; }
span.odkazy { position: absolute; left: 10px; bottom: -6px; background: url(../data/odkazy.png) left bottom no-repeat; width: 92px; height: 100%; }
span.kalendar { position: absolute; left: 10px; bottom: -3px; background: url(../data/kalendar.png) left bottom no-repeat; width: 111px; height: 100%; }
div.kalendar { position: relative; color: #414141; }
div.kalendar a { color: #000000; }
div.kalendar a:hover { text-decoration: underline; }
div.navigace { position: relative; font-size: 1.2em; font-weight: bold; padding: 3px 0; }
div.navigace a { color: #000000; text-decoration: none; }
div.navigace a:hover { text-decoration: underline; }

div#right ul, div#text ul li { list-style: none; }
div#right ul { margin: 2px 0 2px 26px; padding: 0; }
div#right ul li { padding: 2px 0; margin: 0; }

div.gallery { width: 100%; text-align: center; }
div.gallery img { padding: 4px; border: 1px solid #f1f3ae; }

.tucne { font-weight: bold; }

div#right table p { text-indent: 0; margin: 0 0 6px 0; }
div#right p.bez { text-indent: 0; }
div#right p.odkazy { line-height: 200%; text-indent: 0; }

div#error { width: 400px; background: #eaf1fe; border: 3px solid #b8d1f4; padding: 10px; margin: 20px auto 40px auto; text-align: center; font-size: 1.8em; }

table.prihlas { margin: auto; }

.pridej { text-align: center; background-color: #2cdf34; }
div.a_uprava input { text-decoration: underline; border: 1px solid #42679a; color: #42679a; line-height: normal; cursor: pointer; background: transparent; }
div.a_uprava .pridej input { background-color: #2cdf34; height: 20px; color: #FFFFFF; width: 99%; border: 0; }

div#right table.administrace { width: 99%; background-color: transparent; border: 1px solid #b8d1f4; }
div#right table.administrace td { text-align: center; }

.zmensene { margin-top: 8px; margin-left: auto; margin-right: auto; background-color: #eaf1fe; border: 2px solid #b8d1f4; padding: 5px; text-align: center; width: 540px; font-size: 0.8em; }
.tlacitka { width: 480px; text-align: center; margin: auto; }
textarea.texta { width: 450px; }

h3.hlaska { width: 99%; text-align: center; margin-top: 10px; background-color: #2cdf34; color: #FFFFFF; font-size: 1.1em; padding: 3px 0 3px 0; }
h3.hlaska-red { width: 99%; text-align: center; margin-top: 10px; background-color: #ff4542; color: #FFFFFF; font-size: 1.1em; padding: 3px 0 3px 0; }
h3.tucne { width: 99%; text-align: center; margin-top: 10px; background-color: #9e57cb; font-weight: bold; font-size: 1em; color: #FFFFFF; padding: 3px 0 3px 0; }

.zmensene h3 { margin-bottom: 8px; }

div#right p.kontakt { text-indent: 0; padding: 0; padding-left: 30px; margin: 0; line-height: 140%; }
div#right img.foto { border: 3px solid #b8d1f4; float: right; margin: 0 12px 6px 6px; }
div#right img.fotof { border: 3px solid #b8d1f4; margin: 0 12px 6px 6px; }
div#right a img.foto { border: 3px solid #b8d1f4; }
div#right a img.fotof { border: 3px solid #b8d1f4; }

table.kalendar { width: 224px; margin: auto; }
table.kalendar td { text-align: center; width: 32px; }
table.kalendar a { text-decoration: none; color: #313131; }
table.kalendar tr.podtrhni a { text-decoration: underline; display: block; }
table.kalendar tr.podtrhni a:hover { text-decoration: none; }
table.kalendar tr.podtrhni a strong { color: #000000; }

div.diskuze-pismenka { width: 200px; text-align: right; position: relative; bottom: 23px; left: 504px; line-height: 140%; }
div.pismenka { width: 100%; text-align: right; position: relative; bottom: 23px; line-height: 140%; }
div.pismenka a { color: #5d8ec0; }
div.pismenka a.vse { color: #2c5e91; }

span.stav { font-size: 0.8em; }

div.zpet { float: right; position: relative; bottom: 3px; }

h3.pro { margin: 0 0 16px 24px; }

div.zobrazeniUdalosti {
  width: 92%;
  text-align: center;
  border: 2px solid #ecf1f7;
  background: #f9fbff;
  padding: 6px 12px;
  font-size: 0.9em;
  margin: 0 auto;
}

div.zobrazeniUdalosti a { text-decoration: underline; margin: 0 8px; }
div.zobrazeniUdalosti a:hover { text-decoration: none; }

span.active { color: #2c5e91; }

td.den { width: 70px; text-align: center; border-bottom: 1px solid #cee1f7; border-left: 1px solid #cee1f7; }
td.farnost { width: 120px; border-bottom: 1px solid #cee1f7; }
td.bohosluzba { width: 86px; border-bottom: 1px solid #cee1f7; border-left: 1px solid #cee1f7; padding: 2px; }
td.brdrDole { border-bottom: 1px solid #cee1f7; }
td.aktual { font-size: 0.8em; }

td.tdBydliste { width: 38%; }
td.tdEmail { width: 44%; }
td.tdTelefon { width: 17%; }

table.bohosluzby { margin: 0 auto; }

div.rozpis { margin: 8px auto; padding: 5px; width: 98%; border: 2px solid #cee1f7; text-align: left; background: #eff5ff; }
.strana { margin: 14px auto 0 auto; border: 2px solid #cee1f7; padding: 4px 6px; text-align: center; width: 70%; font-size: 0.9em; }

p.info { margin: 0; padding: 0; }
div.info { margin: 0; padding: 6px 0; }
div.info p { margin: 0; padding: 0 0 12px 0; }

strong.budova a { color: #000000; }

#aktualneBox div h4 { padding: 0 0 6px 0; margin: 0; font-weight: bold; }
#aktualneBox div p.poznamka { margin: 0; padding: 0; font-size: 0.85em; font-style: italic; text-align: center; }
#aktualneBox div { text-align: left; padding: 0 8px; }

table.kontakty { width: 99%; margin-bottom: 8px; }

div#right li p { padding: 0; margin: 0; text-indent: 0; }

span.validace { font-size: 0.8em; }

div#right ul.vzkaz { border: 2px solid #c1d6fa; width: 96%; padding: 3px; margin: 14px auto 6px auto; }
div#right ul.reply { border: 2px solid #d1dfff; width: 94%; padding: 3px; margin: 14px auto 6px auto; }
div#right ul.vzkaz li.vzkaz-nahore { background: url(../data/rozpis.gif) bottom repeat-x; border: 0; height: 24px; padding: 6px 2px; }
div#right ul.vzkaz li ul.reply li.vzkaz-nahore { background: url(../data/rozpis.gif) bottom repeat-x; border: 0; height: 24px; padding: 6px 2px; }
div#right ul.vzkaz li span.flright { padding-right: 4px; }
h4.vzkaznik { margin: 0; padding: 0 6px; }



/*** // menu // ***/
ul#menu {
	list-style: none; text-align: left;
	margin: 0; padding: 3px; position: absolute; height: 99px;
	right: 3px; top: 27px;
  background: url(../data/pozadi_odk.png) repeat;
}

ul#menu li {
	color: #fff; margin: 0; position: relative;
	list-style: none; float: left; height: 99px;
	background: transparent; margin: 0; font-size: 0.3em;
}

ul#menu li a { padding: 6px 0 0 0; display: block; text-align: center; text-decoration: none; font-size: 0.3em; color: transparent; }
ul#menu li a:hover { text-decoration: underline; }
ul#menu li span { cursor: pointer; background-position: top; display: block; position: absolute; left: 0; top: 0; height: 99px; }
ul#menu li a:hover span { background-position: 50%; }

ul#menu li.active { background: transparent; z-index: 5; }
ul#menu li.active a:hover span, ul#menu li.active span { background-position: bottom; }
ul#menu li.active a { color: transparent; font-size: 0.3em;  }

ul#menu li, ul#menu li span { width: 64px; }

ul#menu li#m1 span { background-image: url(../data/odk/m1.png); }
ul#menu li#m2 span { background-image: url(../data/odk/m2.png); }
ul#menu li#m3 span { background-image: url(../data/odk/m3.png); }
ul#menu li#m4 span { background-image: url(../data/odk/m4.png); }
ul#menu li#m5 span { background-image: url(../data/odk/m5.png); }
ul#menu li#m6 span { background-image: url(../data/odk/m6.png); }
ul#menu li#m7 span { background-image: url(../data/odk/m7.png); }
ul#menu li#m8 span { background-image: url(../data/odk/m8.png); }
ul#menu li#m9 span { background-image: url(../data/odk/m9.png); }
ul#menu li#m10 span { background-image: url(../data/odk/m10.png); }

.kontrola { border: 1px solid #b8d1f4; }
.malak { margin: 5px auto; text-align: center; font-size: 0.8em; }

p.share { width: 99%; height: 16px; text-align: right; margin: 24px 0 0 0; }
div.napoveda p { width: 94%; margin: 0; padding: 6px 0 4px 30px; }
div.napoveda h4 { margin: 0; padding: 18px 0 4px 0; }

div.mapa { float: left; margin-right: 30px; }
div.mapa-d { float: left; padding-left: 20px; margin-right: 30px; border-left: 2px solid #C1D6FA; }

p.ikonky { text-align: center; }
img.ikonka { border: 2px solid #C1D6FA; }


/** boxover **/
.box-head {
	width: 270px;
	background-color: #1c69ba;
	border: 1px solid #1c69ba;
	border-bottom: 0;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
}

.box-body {
	width: 270px;
	background-color: #ffffff;
	border: 1px solid #1c69ba;
	border-top: 0;
	padding: 5px;
	text-align: left;
	font-size: 0.9em;;
	color: #000000;
}


/** aktuality **/
div.aktSoubor div h3 { margin: 0 0 0 4px; padding: 0; }
div.aktSoubor div.dole a { color: #ffffff; }

.akt1 { float: left; width: 280px; background: #eff5ff; padding: 5px 4px; border: 1px solid #78a0fb; border-bottom: none; position: relative; top: 6px; }
.akt2 { float: left; width: 124px; background: #d2dffd; padding: 5px 4px; border: 1px solid #78a0fb; border-bottom: 0; position: relative; top: 6px; left: -1px; }
.akt3 { float: left; width: 200px; background: #c5d7fd; padding: 5px 4px; border: 1px solid #78a0fb; border-bottom: 0; position: relative; top: 6px; left: -2px; }

#aktAct { padding: 8px 4px; position: relative; top: 1px; }
#aktBlc { clear: both; padding: 1px 10px 2px 10px; width: 690px; border: 1px solid #78a0fb; }


/** fotogalerie **/
div.fotka { border: 3px solid #b8d1f4; margin: 0; padding: 6px 0 0 12px; }
div.fotka h3 { padding: 0; margin: 6px 0; }
div.fotka input { margin: 6px 4px 0 2px; }
div#right img.fotof-galerie-right { border: 3px solid #b8d1f4; margin: 0 12px 6px 6px; float: right; }
div#right img.fotof-galerie { border: 3px solid #b8d1f4; margin: 0 12px 6px 6px; float: left; }
div#right img.foto-upoutavka { border: 3px solid #b8d1f4; margin: 0 0 12px 12px; float: right; }
div#right a img.fotof-galerie { border: 3px solid #b8d1f4; }

div.fotky { vertical-align: middle; width: 100%; text-align: center; }

div#right li.fotky { float: left; width: 195px; margin: 0 0 20px 20px; }
div#right li.fotky-clear { float: left; width: 195px; clear: left; margin-left: 0; position: relative; margin: 0 0 20px 0; }