body {font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; color: black; margin: 0; padding: 0; background: url(../images/bgr-body.jpg) #F1EFBE repeat-x top center;}

#hnizdo {width: 984px; margin: 0 auto; z-index: 1!important;}
#all {background-image: url(../images/head2.jpg); background-repeat: no-repeat; background-position: top center; z-index: 2!important;}

h1 {color: #49728A; font-size: 20px; margin: 0 0 12px 0;}
h2 {color: #49728A; font-size: 20px; margin: 0 0 10px 0;}
h2 a {color: #49728A; text-decoration: none;}
h3 {}
.componentheading {color: #49728A; font-size: 20px; margin: 0 0 6px 0;}

p {margin: 0 0 14px 0;}
a {font-weight: bold; color: #13668E;}
a img {border: none;}
table.contentpaneopen {width: 100%;}

img.obrleft, img.fotoleft {border: 1px solid gray; padding: 1px; margin: 0 15px 5px 0; float: left!important;}
img.fotoright {border: 1px solid gray; padding: 1px; margin: 0 0 5px 15px; float: right;}
img.fotorightnoline {padding: 1px; margin: 0 0 5px 15px; float: right;}
img.fotoleftnoline {padding: 1px; margin: 0 15px 5px 0; float: left;}
img.line {border: 1px solid gray; margin: 2px 0 6px 0;}

img.sheepmail {position: relative; margin: 0px -8px 0 -8px;}

.modry {color: #13668E; font-weight: bold;}
.modryvetsi {color: #13668E; font-weight: bold; font-size: 14px;}
.modryvelky {color: #13668E; font-weight: bold; font-size: 16px;}
.zeleny {color: #5E8417; font-weight: bold;}
.zelenyvetsi {color: #5E8417; font-weight: bold; font-size: 14px;}
.zelenyvelky {color: #5E8417; font-weight: bold; font-size: 16px;}
.cerveny {color: #BD2427; font-weight: bold;} 
.cervenyvetsi {color: #BD2427; font-weight: bold; font-size: 14px;} 
.cervenyvelky {color: #BD2427; font-weight: bold; font-size: 16px;} 
.sedy {color: #999999; font-weight: bold;}
.sedyvetsi {color: #999999; font-weight: bold; font-size: 14px;}
.sedyvelky {color: #999999; font-weight: bold; font-size: 16px;}

.text1 {font-weight: bold;}
.text2 {font-weight: bold;}
.text3 {font-weight: bold;}
.text1big {font-weight: bold; font-size: 15px;}
.text2big {font-weight: bold; font-size: 15px;}
.text3big {font-weight: bold; font-size: 15px;}
.module-clear {padding: 0!important; margin-bottom: 10px;}
.novanadeje {padding: 14px 0 0 0;}
.verse {font-weight: bold; font-style: italic;}
.blue {font-weight: bold;}
.lblue, .dblue {font-weight: bold;}


#hlavicka {height: 169px; overflow: hidden;}
#menu {height: 32px; overflow: visible; background-image: url(../images/menubgr.jpg); background-repeat: no-repeat; padding: 0 8px; z-index: 3500!important;}
#menu ul {margin: 0; padding: 0;}
#menu ul li {margin: 0; padding: 0; list-style-type: none; display: inline;}
#menu li a {text-decoration: none; color: white; font-weight: bold; display: block; padding: 9px 20px!important; float: left; font-size: 14px; border: none!important;}
#menu li a:hover, #menu li.active a {background-image: url(../images/menu-hit.jpg); background-repeat: repeat-x; color: #F2F0C1;}
#menu li.active ul li a {background-image: none!important;}
.sf-menu {line-height: 16px; }
.sf-menu li, .sf-menu li a {background-color: transparent!important; z-index: 3500!important;}
.sf-menu ul li a {background-color: #528EAD!important; width: 160px; }
.sf-menu ul  {width: 180px; background-color: #528EAD; z-index: 1600!important;}
#menu ul ul li a:hover {background-image: none; background-color: #13668E!important;}
#menu ul ul li a {padding: 6px 10px!important; font-size: 13px!important; border-bottom: 1px solid #6699FF!important;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 32px!important;}
#menu ul ul li a:hover, #menu ul ul li a {color: white!important;}


#left ul {margin: 0; padding: 0;}
#left ul li {margin: 0; padding: 0; list-style-type: none;}
#left li a {text-decoration: none; display: block; width: 179px; padding: 4px 8px; border-bottom: 1px dotted #CCCCCC; position: relative; margin: 0 -8px; font-size: 13px; font-weight: normal;}
#left li a:hover, #left li.active a {background-color: #F3F1C5;}

#right ul {margin: 0; padding: 0;}
#right ul li {margin: 0; padding: 2px 0 2px 0px; margin-left: 10px}
#right li a {text-decoration: none; font-weight: normal;}


#container2 {background-image: url(../images/container2.jpg); background-repeat: repeat-y;  z-index: 25!important;}
#container1 {background-image: url(../images/container1.jpg); background-repeat: no-repeat; padding: 5px 8px 10px 8px; z-index: 25!important;} 
#bot {clear: both;}
#footer {padding: 6px 10px; text-align: right;}

#left h3, #right h3 {color: white; font-size: 14px; font-weight: bold; background-image: url(../images/h3bgr.jpg); padding: 5px 10px; background-color: #8CA724; position: relative; margin: 0 -10px 5px -10px; z-index: 2!important;}
.moduletable, .moduletable-hilite1, .moduletable-hilite4 {padding: 0 10px; margin-bottom: 12px;}

.moduletable-hilite1 {background-color: #F3F1C5; padding-bottom: 10px;}
.moduletable-clear {padding-bottom: 10px!important;}

#left {width: 200px; float: left; padding: 20px 15px 0 10px;}
#right {width: 194px; float: right; padding-top: 20px; padding-right: 10px;}
#center80 {width: 520px!important; float: left; padding-top: 20px;}
#center100 {width: 716px!important; float: left; padding-top: 20px;}

.clear {clear: both;}

#links {background-image: url(../images/links.jpg); height: 169px; overflow: hidden; background-repeat: no-repeat; width: 382px; float: right;} 

#flags {float: right; padding: 10px 6px 0 0;}
#flags img {margin: 0 0 0 2px;}


td.column_separator {padding-left: 15px;}

pre {
	padding: 10px;
	background: url(../images/blockquote-bg.png) 0 0;
}

blockquote {
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 10px;
	margin: 20px 0;
	background: url(../images/blockquote-bg.png) 0 0;
}

span.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}

span.info {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}

#links img {float: left;}

span.download {
	color: #57861A;
	border-top: 3px solid #c2df88;
	border-bottom: 3px solid #c2df88;
	background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;}

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;}

#audio {width: 100%; height: 73px; overflow: hidden; padding-top: 6px;}
#audio td {vertical-align: top;}
#audio img {float: left; border: 1px solid gray; padding: 1px; margin: 0 8px 0px 0px;}
#audio a {line-height: 22px; text-decoration: none;}
.poslech a {padding: 0 6px!important;}
.poslech a:hover {text-decoration: none!important;}
.poslech a.jcepopup span {background-image: none!important; padding: 0!important;}
tr.one td, tr.two td {padding: 6px 6px;}
tr.one a, tr.two a {font-weight: bold;}
tr.two {padding: 4px 6px;}
tr.dblue td {color: white; font-weight: bold; padding: 4px 6px;}
.dalsi {float: right; display: block; background-color: #555E70; padding: 1px 10px 1px 5px; color: white; font-weight: bold;}

.poslech  a {background-color: #95ad2a!important; color:  #ffffff!important;}
.datum {color: #6e7791; font-weight: bold;}
.text1, .text1big {color: #263248;}
.text2, .text2big {color: #6e7791;}
.text3, .text3big {color: #95ad2a;}
tr.dblue td {background-color: #6e7791;}
tr.one:hover td, tr.two:hover td {background-color: #d1d4de; color: #263248!important;}
tr.one:hover a, tr.two:hover a {text-decoration: underline; color: #263248!important;}
tr.one {background-color: #e1e3f0!important;}
.createdate {color: #6e7791; font-style: italic;}
.blue, .novedate, .verse {color: #6e7791;}
.lblue, d.blue {color: #95ad2a;}
#sl_horiz .button, #sl_horiz #sl_username input, #sl_horiz #sl_pass input {background: #263248;  color: #d1d4de;} 
.formular {background: #e1e3f0; float: right; width: 350px; padding: 10px;}
.novedate {font-weight: bold;}


.audio {background-image: url(../images/sluchatka.jpg);}
.video {background-image: url(../images/video2.jpg);}
.video, .audio {background-repeat: no-repeat; background-position: top right; height: 275px!important; margin-top: -12px; padding-top: 10px!important; overflow: hidden;}
.video {padding-top: 16px!important;}
.chronoform a {position: relative; margin-left: -6000px;}

#system-message {border: 1px solid #990000; padding: 10px;}

.tabulka td {vertical-align: top; border-bottom: 1px solid #ccc; padding: 3px 10px;}

.rightsideins {
border-bottom: 1px solid #e3e4e3;
margin: 0 0 10px 0px;
padding: 0pt 0 10px 0;}

tr.row1 td, tr.row2 td {padding: 5px 0;}
tr.row1 {background-color: #DDEAF9;}
table.sermonspeaker {margin-top: 12px;} 
.sermonspeaker th {padding: 3px 10px; background-color: #6E7791; color: white;}
tr.row1:hover, tr.row2:hover {background-color: #D1E1F1;}

img.speakerfoto {float: right; border: 1px solid gray; padding: 1px;}

#boxes {}
.box1 {width: 233px; border: 1px solid #CCCCCC; padding: 8px 10px; float: left; margin-right: 10px; height: 140px; overflow: hidden;}
.box2 {width: 253px; float: left; height: 158px; overflow: hidden;}
#boxes h2 {margin-bottom: 2px;}
.box1 img {float: right; background: url(../images/foto.jpg) no-repeat; padding:6px; margin-top: 5px;}

#nsm {height: 110px!important; overflow: hidden;}

body.mceContentBody {
background-color: #FFFFFF!important;
background-image: none;
}