*{margin: 0px; padding: 0px; border: 0px;}
html{margin: 0px; padding: 0px;}
body{margin: 0px; padding: 0px; background: url('../../images/frontend/bg.jpg') center top no-repeat #fff; font-size: 0.75em !important; font-size: 0.8em; font-family: Trebuchet MS, Arial, Tahoma, sherif; color: #666; text-align: justify;}
html, body {height: 100%;}

#main {padding: 0px; min-height: 100%; height: 100%; position: relative; width: 956px; margin: 0 auto;}
body>#main {height: auto;}

hr{background: #e0e0e0; color: #e0e0e0; margin: 40px 0px; padding: 0px; width: 100%; height: 1px; position: relative; visibility: visible;}
hr.cleaner, hr.reseter {clear: both; width: auto; height: 0px; visibility: hidden; margin: 0px; padding: 0px; border: 0px;}

ol, ul{margin: 0px 0px 20px 25px; line-height: 1.5em;}
ol li, ul li{padding: 0px 0px 3px 0px;}

a{text-decoration: underline; color: #552525;}
a:hover{text-decoration: none; color: #000;}

#main #bottom{position: absolute; bottom: 0; left: 4px; width: 950px; margin: 0px auto; height: 35px; padding: 25px 0px 0px 0px; clear: both; color: #888; font-size: 0.9em; border-top: 3px double #e4dcdc;}
#bottom #lollipop{width: 200px; position: relative; float: right; clear: both; padding: 25px 0px 15px 15px; text-align: right; color: #999; font-size: 9px; display: block; float: right; text-decoration: none; margin: -15px 5px 0px 0px;}
#bottom #lollipop:hover{color: #aaa;}
#bottom #lollipop span{float: right; cursor: pointer;}
#bottom #lollipop span#liz{display: block; width: 18px; height: 26px; float: right; margin: -13px 0px 0px 3px; background: url('../../images/frontend/lizatko.png') top center no-repeat;}
#bottom #lollipop:hover span#liz{background: url('../../images/frontend/lizatko.png') bottom no-repeat;}



#main #search{float: right; position: absolute; padding: 5px; right: 0px; top: 60px; width: 224px; height: 35px; background: url('../../images/frontend/search.jpg') left top no-repeat;}
#search label{display: none;}
#search_field{line-height: 15px; padding: 5px 10px; float: left; background: url('../../images/frontend/search.jpg') -5px -5px no-repeat #f6f6f6; width: 174px; color: #787878;}
#submit{width: 30px; height: 25px; display: block; background: url('../../images/frontend/search.jpg') -198px -5px no-repeat #f0f0f0; cursor: pointer;}

#logo{display: block; width: 433px; height: 111px; padding: 40px 0px 0px 0px;}
#logo a{color: #4c4c4c; font-size: 1.051em; text-decoration: none;}
#logo a strong{color: #570000; display: block; font-size: 1.1em;}
#main #logo a span{display: block; width: 433px; height: 156px; background: url('../../images/frontend/logo.jpg') center top no-repeat; position: absolute; top: 0px; left: 0px;}


#menu{height: 47px; background: url('../../images/frontend/menu.jpg') center top no-repeat #4b2222; padding: 7px 5px 0px 5px;}
#menu a{display: block; float: left; line-height: 45px; height: 45px; padding: 0px 26px 0px 25px; background: url('../../images/frontend/menu_border.jpg') right top no-repeat; color: #fff; font-size: 1.1em; text-decoration: none;}
#menu a:hover, #menu a.aktivni{background: url('../../images/frontend/menu_active.jpg') left top repeat-x #5c2b2b; padding-right: 25px; border-right: 1px solid #5a3434;}
#menu a#first:hover, #menu a#first.aktivni{background: url('../../images/frontend/menu_first_active.jpg') left top no-repeat #5c2b2b;}

#main #content{background: url('../../images/frontend/content.png') center top repeat-y; padding: 0px 4px 30px 4px;}
#content_bottom{height: 11px; background: url('../../images/frontend/content_end.jpg') center top no-repeat; clear: both; padding-bottom: 90px;}

#baner{background: #434a5f; color: #fff; font-size: 1.8em; font-style: italic; text-align: center; line-height: 50px; position: absolute; left: 0; top: 0;}
#content #kniha{display: block; width: 25px; height: 115px; background: url('../../images/frontend/book.png') center top no-repeat; position: absolute; right: -25px; top: 140px;}
.bible {height: 320px;}

#obsah{padding: 20px 40px 40px 40px;}
h2{font-size: 1.8em; color: #552525; margin: 0px; padding: 25px 0px 20px 0px;}
h3{font-size: 1.22em; color: #552525; font-weight: normal; padding: 15px 0px 15px 0px;}
.left-30 {float: left; width: 216px; padding: 0px 0 15px 0px; display: inline-block;}
.left-50 {float: left; width: 360px; padding: 0px 74px 15px 0px; display: inline-block; border-right: 1px solid #e0e0e0;}
.left-70 {float: left; width: 504px; padding: 0px 74px 15px 0px; display: inline-block; border-right: 1px solid #e0e0e0;}
.right-30{float: right; display: inline-block; border-left: 1px solid #e0e0e0; margin-left: -1px; width: 216px; padding: 0px 0px 15px 73px;}
.right-50{float: right; display: inline-block; border-left: 1px solid #e0e0e0; margin-left: -1px; width: 360px; padding: 0px 0px 15px 73px;}
.right-70{float: right; display: inline-block; width: 590px; padding: 0px 0px 15px 0;}

.right-50 h2, .left-50 h2{padding-top: 0px; padding-bottom: 15px;}
.datum{text-align: right; float: right; position: relative; margin-top: -32px; height: 20px; font-size: 0.9em;}

#obsah {position: relative;}
#obsah p{line-height: 1.75em; padding-bottom: 15px;}

#drobecky{color: #9f9f9f; font-size: 0.95em; padding: 5px 0px 10px 0px;}
#drobecky a{color: #9d6464; text-decoration: none;}
#drobecky a:hover{text-decoration: underline;}
#drobecky span{font-size: 0.8em; margin: 0px 7px;}

ul.bullet li {list-style: none; background: url('../../images/frontend/bullet.png') 0 5px no-repeat; padding-left: 15px;}

.calendar{width: 75px; height: 75px; clear: both; float: left; margin-bottom: 25px; text-align: left;}
.calendar .rok{display: block; width: 65px; height: 22px; line-height: 20px; font-size: 0.95em; padding: 5px 5px 0px 5px; text-align: center; background: url('../../images/frontend/calendar_top.png') center top no-repeat #eee; color: #4f4f4f;}
.calendar .mesic{display: block; width: 60px; height: 40px; padding: 3px 5px 5px 10px; line-height: 40px; text-align: center; background: url('../../images/frontend/calendar_bottom.png') center top no-repeat #f8f8f8; color: #552525; font-weight: normal; font-size: 1.2em;}
.calendar_info{float: right; padding: 8px 0px 35px 20px; width: 265px; text-align: left;}
.calendar_info h5{font-size: 1.15em; font-weight: normal; color: #222; margin-bottom: 8px;}
#obsah p.calendar_popis{padding: 10px 0px 0px 0px; line-height: 1.55em;}
.additional_info{font-size: 0.95em; color: #888;}


#list_page .calendar{width: 75px; height: 75px; clear: both; float: left; margin: 0px 0px 5px -35px;}
#list_page .calendar .rok{display: block; width: 65px; height: 22px; line-height: 20px; font-size: 0.95em; padding: 5px 5px 0px 5px; text-align: center; background: url('../../images/frontend/calendar_top.png') center top no-repeat #eee; color: #4f4f4f;}
#list_page .calendar .mesic{display: block; width: 60px; height: 40px; padding: 3px 5px 5px 10px; line-height: 40px; text-align: center; background: url('../../images/frontend/calendar_bottom.png') center top no-repeat #f8f8f8; color: #552525; font-weight: normal; font-size: 1.2em;}
#list_page .calendar_info{float: right; padding: 8px 0px 5px 0px; width: 150px;}
#list_page .calendar_info h5{font-size: 1.15em; font-weight: normal; color: #222; padding: 0px 0px 6px 0px; margin-bottom: 0px;}
#obsah #list_page p.calendar_popis{clear: both; padding: 5px 0px 0px 0px; line-height: 1.55em; margin: 0px 0px 40px -30px;}
#list_page .additional_info{font-size: 0.95em; color: #888; display: block; padding: 3px 0px 0px 0px;}
#list_page h3{margin: -55px 0px 10px -30px; font-size: 1.3em; position: relative; z-index: 1;}
#list_page p.nm{margin: 0px 0px 0px -30px;}

.homepage-news .left {float: left; width: 360px; padding-right: 74px; border-right: 1px solid #d9d9d9;}
.homepage-news .right {float: left; width: 360px; padding-left: 72px; margin-left: -1px; border-left: 1px solid #d9d9d9;}

#obsah p.adresa{color: #552525; font-weight: bold; line-height: 2em; padding-bottom: 25px;}
.telefon{border-collapse: collapse; margin-top: 10px;}
.telefon th{color: #552525; width: 70px; padding: 0px 5px 0px 0px;}
.telefon td{color: #666666; padding: 0px 5px 0px 0px;}
.telefon td a{color: #666666; text-decoration: none;}
.telefon .padding_bottom th, .telefon .padding_bottom td{padding-bottom: 10px;}

.galerie {float: right; list-style: none; width: 100%;}
.galerie li {float: left; margin: 0 10px 20px 10px;}
.galerie li a img {border: 2px solid #552525;}

#galleries-list {margin: 0 -10px 0 0; padding: 0; list-style: none;}
#galleries-list li {float: left; margin: 0 45px 45px 0;}
#galleries-list li.last{margin-right: 0px;}
#galleries-list li h3 {padding: 0 0 5px 0; font-weight: bold; width: 250px; height: 35px; overflow: hidden; text-align: left;}
#galleries-list li a img {display: block; border: 2px solid #c1c1c1;}
#galleries-list li span{display: block; padding: 6px 0px 0px 0px;}

#galerie_menu{float: left; width: 185px; margin-right: 74px; text-align: left;}
#galerie_menu h3{border-bottom: 2px solid #929292; padding: 0px 0px 7px 0px;}
#galerie_menu a{display: block; padding: 10px 12px; border-bottom: 1px solid #e0e0e0; color: #555; text-decoration: none;}
#galerie_menu a:hover, #galerie_menu a.aktivni {color: #552525; background: #f3f3f3;}

#books {list-style: none; margin: 0; padding: 0;}
#books li {float: left; width: 393px; margin-bottom: 20px;}
#books li.even {padding: 15px 0px 15px 40px; }
#books li.odd {border-right: 1px solid #e0e0e0; padding: 15px 40px 15px 0px; }
#books li h3 {font-weight: bold; margin: 0 0 10px 0; padding: 0;}
#books li .photo {float: left; width: 152px;}
#books li a{text-decoration: none;}
#books li .photo img {border: 2px solid #c1c1c1;}
#books li .photo span{display: block; text-align: center; font-size: 0.9em; color: #777;}
#books li .description {float: right; width: 218px;}
#books li table{margin: 5px 0px 15px -2px;}
#books li td{padding: 5px 0px;}
#books li th{padding: 5px 10px 5px 0px;}

#sluzebnici p{width: 217px; float: left; text-align: center; height: 200px;}
#sluzebnici img{display: block; margin-bottom: 5px; border: 2px solid #ccc;}