﻿/* Structure
----------------------------------------------- */
html {
height:100%;
background: url(/sys_images/bg_Body.gif) repeat top left;
}
body{
height:100%;
/* background: url(/sys_images/bg.jpg) no-repeat 50% 50%; */
font:normal 12px/120% Arial,Helvetica,sans-serif;
color:#4C4C4C;
}
#dvcnt img {
 padding:0px;
 border:0px;
 }

#container{
margin:0 auto; 
text-align:left; 
width:1000px;
min-height:100%;
}
h1{
font: normal 30px/120% Verdana,Geneva,sans-serif; 
color:#fff;
}
h2{
font: normal bold 16px/120% Arial,Helvetica,sans-serif;
color:#4C4C4C;
padding-bottom:6px;
margin-bottom:17px;
text-align:center;
}
h3{
font: normal bold 16px/120% Arial,Helvetica,sans-serif;
color:#4c7497;
border-bottom: solid 1px #ced6de;
padding-bottom:7px;
margin-bottom: 5px;
}
h4{
font: normal bold 16px/120% Arial,Helvetica,sans-serif;
color:#3273a7;
}
h5{
font: normal bold 18px/120% Arial,Helvetica,sans-serif;
color:#2c6294;
margin-bottom:7px;
}
a:link{
color:#2C6294;
text-decoration:none;
}
a:visited{/**/
color:#999; /*grey*/
/*color:#9ac2e2; */ /*lightBlue*/
/*color:#4d9ec4;*/ /*aquamarine*/
text-decoration:none;
}
a:hover{

}
a:active{

}
img{
padding:3px;
border:1px solid #ccc;
background:#fff;
}

#bg_img img{
position:fixed;
top:0;
left:0;
width:100%;
}
#container{
position:relative;
}
#wrContent{
background:#fff;
min-height:520px;
}
/* Header
----------------------------------------------- */
#header{
padding-top:10px;
}
#header h1{
width:720px;
margin:0 auto;
text-align:center;
}
#header h1 strong{
font-weight:bold;
}
#header .wrLogo{
text-align: center;
margin: 0 0 15px;
} 
#header .wrLogo h1{
display:inline-block;
margin-left:10px;
}
/*------button top menu------*/
#header ul{
display:inline-block;
margin:0 auto;
margin-top:24px;
}
#header ul li{
display:inline-block;
}
#header ul li a{
display:inline-block;
font: normal bold 14px/160% Arial,Helvetica,sans-serif;
color:#2c6294;
text-decoration:none;
outline: none;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 #fff;
padding-right:12px;
}
#header ul span{
display:inline-block;
height:26px;
padding-left:12px;
}
#header ul li a:hover{
background:url(/sys_images/bg_button_rt.png) no-repeat top right;
height:26px;
color:#fff;
text-shadow: 1px 1px 0 #000;
}
#header ul span:hover{
background:url(/sys_images/bg_button_lft.png) no-repeat top left;
height:26px;
}
#header ul li a:active{
color:#06477a;
}
.aHover{
background:url(/sys_images/bg_button_rt.png) no-repeat top right;
height:26px;
color:#fff;
text-shadow: 1px 1px 0 #000;
}
.spanHover{
background:url(/sys_images/bg_button_lft.png) no-repeat top left;
height:26px;
}
#header .menu_top{
background:url(/sys_images/bg_top_menu.png) #fff no-repeat top left;
width:1000px;
height:72px;
text-align:center;
}
/*---------submenu top------------*/
.submenu{
margin:0 0 10px 218px;
}
.submenu ul li {
list-style: none;
display:inline-block;
}	
.submenu ul li a {
display:inline-block;
height:100%;
color: #3273A7;
font:normal 10px/120% Verdana,Geneva,sans-serif;
text-decoration: none;
text-transform:uppercase;
}	
.submenu ul li a:hover{
color:#fff;
background:url(/sys_images/bg_menu_Left.png) repeat top left; 
}
.submenu ul li span{
display:block;
}
.submenu ul li a>span>span>span>span{/**/
padding:5px;
}
.submenu ul li a>span:hover{
background:url(/sys_images/bg_lMenu_corner_TL.png) no-repeat top left;
}
.submenu ul li a>span>span:hover{
background:url(/sys_images/bg_lMenu_corner_BL.png) no-repeat bottom left;
}
.submenu ul li a>span>span>span:hover{
background:url(/sys_images/bg_lMenu_corner_TR.png) no-repeat top right;
}
.submenu ul li a>span>span>span>span:hover{/**/
background:url(/sys_images/bg_lMenu_corner_BR.png) no-repeat bottom right;
}
.submenu ul li.curent a{/**/
font-weight:bold;
background:url(/sys_images/bg_sMenu_curent.png) repeat top left; 
}
.submenu ul li.curent a>span{/**/
background:url(/sys_images/bg_sMenu_curent_corner_TL.png) no-repeat top left;
}
.submenu ul li.curent a>span>span{/**/
background:url(/sys_images/bg_sMenu_curent_corner_BL.png) no-repeat bottom left;
}
.submenu ul li.curent a>span>span>span{/**/
background:url(/sys_images/bg_sMenu_curent_corner_TR.png) no-repeat top right;
}
.submenu ul li.curent a>span>span>span>span{/**/
background:url(/sys_images/bg_sMenu_curent_corner_BR.png) no-repeat bottom right;
}

/* left
----------------------------------------------- */
#left{
width:182px;  
float:left;
padding:0 10px; 
}
#left h3{
padding-left:7px;
}
#left ul li {
list-style: none;
}	
#left ul li a {
display:block;
height:100%;
color: #3273A7;
font:normal 14px/120% Verdana,Geneva,sans-serif;
text-decoration: none;

}	
#left ul li a:hover{
color:#fff;
background:url(/sys_images/bg_menu_Left.png) repeat top left; 
}
#left ul li span{
display:block;
}
#left ul li a>span>span>span>span{
padding:7px 0 7px 7px;
}
#left ul li a>span:hover{
background:url(/sys_images/bg_lMenu_corner_TL.png) no-repeat top left;
}
#left ul li a>span>span:hover{
background:url(/sys_images/bg_lMenu_corner_BL.png) no-repeat bottom left;
}
#left ul li a>span>span>span:hover{
background:url(/sys_images/bg_lMenu_corner_TR.png) no-repeat top right;
}
#left ul li a>span>span>span>span:hover{
background:url(/sys_images/bg_lMenu_corner_BR.png) no-repeat bottom right;
padding:7px 0 7px 7px;
}
#left ul li.curent a{
font-size: 13px;
font-weight: bold;
background:url(/sys_images/bg_lMenu_curent.png) repeat top left; 
}
#left ul li.curent a>span{
background:url(/sys_images/bg_lMenu_curent_corner_TL.png) no-repeat top left;
}
#left ul li.curent a>span>span{
background:url(/sys_images/bg_lMenu_curent_corner_BL.png) no-repeat bottom left;
}
#left ul li.curent a>span>span>span{
background:url(/sys_images/bg_lMenu_curent_corner_TR.png) no-repeat top right;
}
#left ul li.curent a>span>span>span>span{
background:url(/sys_images/bg_lMenu_curent_corner_BR.png) no-repeat bottom right;
padding:7px 0 7px 7px;
}
/* right
----------------------------------------------- */
#right{
width:220px; 
float:right; 
padding:0 10px; 
}
#right .event{
font-weight:bold;
}

#right .event .redtext{
 color:red;
}

#right .redtext a{
 color:red;
  text-decoration:underline;
}

#right .calendar{
text-align:center;
margin-bottom:20px;
}
#right .date{
margin-bottom:5px;
font-weight:bold;
}
#right .date span{
color: #2C6294;
margin-right:6px;
}
#right .preview_news>p:first-child{
margin-bottom:5px;
color:#808080;
}
#right .preview_news{
margin: 20px 0;
}
#right .preview_news img{
float:left;
margin-right:5px;
}
#right  h3+.preview_news{
margin-top:10px;
}
#right .preview_news  a+p{
margin-top:5px;
}
#right .preview_news  a:hover{
text-decoration:underline;
}
/*Content
----------------------------------------------- */
.mainLftTop, .mainLftCntr, .mainLftBtm, .mainRtCntr, .mainRtTop, .mainRtBtm{
display:block;
min-height:520px;
}
.mainLftTop{
background:url(/sys_images/bg_main_lft_top.png) no-repeat left top;
}
.mainLftCntr{
background:url(/sys_images/bg_main_lft_cntr.png) repeat-y left center;
}
.mainLftBtm{
background:url(/sys_images/bg_main_lft_btm.png) no-repeat left bottom;
}
.mainRtCntr{
background:url(/sys_images/bg_main_rt_cntr.png) repeat-y right center;
}
.mainRtTop{
background:url(/sys_images/bg_main_rt_top.png) no-repeat right top;
}
.mainRtBtm{
background:url(/sys_images/bg_main_rt_btm.png) no-repeat right bottom;
padding:0 25px 50px;
overflow:auto;
}
#main{
margin:0px; 
margin:0 240px 0 202px;
line-height:130%; 
}
#main a:hover{
text-decoration:underline;
}
#main .wrMainLeft, #main  .wrMainRight{


}
#main .wrMainLeft{
float:left;
width: 49%;
}
#main  .wrMainRight{
float:right;
width:46%;
}
#main .date{
margin-bottom:5px;
font-weight:bold;
}
#main .date span{
color: #2C6294;
margin-right:6px;
}
#main .event{
font-weight:bold;
}
#main .event h5+p{
margin-bottom:10px;
}
#main .foto_news{
margin-bottom:20px;
text-align:right;
}
#main .preview_news>p:first-child{
margin-bottom:5px;
color:#808080;
}
#main .preview_news{
margin: 20px 0;
}
#main .preview_news img{
float:left;
margin-right:5px;
}
#main  h2+.preview_news{
margin-top:10px;
}
#main .preview_news  a+p{
margin-top:5px;
}
#main .preview_news  a:hover{
text-decoration:underline;
}
#clear{
height:0; 
font-size:1px;
line-height:0px;
clear:both; 
}
#rasporka{
height:82px;
}
/* footer
----------------------------------------------- */
#footer{
position:relative;
width:1000px; 
margin-top:-60px; 
margin-left:auto;
margin-right:auto;
padding:15px 0;
border-top: 1px solid #90acc3;
overflow:auto;
}
#footer .left{
float:left;
margin-left:20px;
}
#footer .right{
float:right;
margin-right:20px;
}
.footer_bottom{
background: url(/sys_images/bg_footer_bottom.png) no-repeat top left;
position:relative;
width:1000px;
height:5px;
margin:0 auto 15px;
}
/*
--------------------------------------------------*/
.bread_crumbs{
margin-bottom:15px;
margin-left: 218px;
}
.bread_crumbs ul li{
display:inline-block;
color:#6797be;
padding-right:1px;
font-style:italic;
}
.bread_crumbs a{
color:#6797be;
text-decoration:none;
margin-right:5px;
}
.bread_crumbs a:hover{
color:#2c6294;
}
.bread_crumbs li.active a{
color:#808080;
}
.helper{
	display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
	}
.noBorder{
border:0;
padding:0;
background:none;
}
.gradient_footer {
	/* Legacy browsers */
	background: #8fadc6 url("/sys_images/gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Opera */
	background: #8fadc6 url("/sys_images/gradient-bg.svg");
	/* Recent browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#ccdae3), to(#8fadc6));
	background: -webkit-linear-gradient(top, #ccdae3, #8fadc6);
	background: -moz-linear-gradient(top, #ccdae3, #8fadc6);
	background: -o-linear-gradient(top, #ccdae3, #8fadc6);
	background: linear-gradient(top, #ccdae3, #8fadc6);
	/* Internet Explorer */
	*background: #8fadc6;
	background: #8fadc6\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFccdae3, endColorstr=#FF8fadc6);
	}
/*---------page home-------------*/	
#home  h2{
border-bottom:2px dotted #ccc;
}
/*---------page duchovenstvo-----------*/

#priest .person{
margin: 10px 0;
overflow:auto;
}
#priest .person h4{
margin:0 0 20px 250px;
padding-bottom: 8px;
border-bottom: 2px dotted #ccc;
}
#priest .person dt, #priest .person dd{
display:inline;
}
#priest .person dt{
font-weight:bold;
color:#808080;
}
#priest .person  img{
float:left;
margin-right:40px;
}
/*--------page events------------*/
#events .event_block{
margin:10px 0;
}
#events .event_block>dl>dt{
font-size:14px;
font-weight:bold;
color:#206eb2;
}
#events .event_block>dl>dd{
margin-left:110px;
}
#events .event_block dl dd dl dt{
margin-right:3px;
font-weight:bold;
color:#4d4d4d;
}
#events .event_block dl dd dl dt, #events .event_block dl dd dl dd{
display:inline;
}
/*-------------page schedule---------------*/
#schedule .schedule_day{
overflow:auto;
margin:30px 0;
padding-bottom:5px;
line-height:170%;
border-bottom: dotted #ccc 2px;
}
.blue_baner{
position:relative;
width:520px;
margin:0 auto;
padding:25px 0;
background:url(/sys_images/bg_baner_cnt.png) repeat-y top left; 
}
.blue_baner .top_shadow, .blue_baner .bottom_shadow{
position:absolute;
}
.blue_baner .top_shadow{
width:520px;
height:12px;
top: 0;
background:url(/sys_images/bg_baner_top.png) #fff no-repeat top;
}
.blue_baner .bottom_shadow{
width:520px;
height:12px;
 bottom: 0;
background:url(/sys_images/bg_baner_btm.png) #fff no-repeat top;
}
.blue_baner h2{
color:#206eb2;
font-size:18px;
margin-bottom:0;
}
.blue_baner h2 span{
color:#4d4d4d;
font-size:14px;
}
#schedule .schedule_day>dl>dt, #schedule .schedule_day dl dd dl dt{
color:#4d4d4d;
font-size:14px;
font-weight:bold;
}
#schedule .schedule_day>dl>dt>p{
margin-top:5px;
color:#206eb2;
}
#schedule .schedule_day dl dd dl{
margin-bottom:5px;
color:#808080;
}
#schedule .schedule_day dl dd dl dd{
font-style:italic;
}
#schedule .schedule_day dl dd dl dd span{
font-weight:bold;
}
#schedule .schedule_day dl dd dl dd p{
font-style:normal;
}
#schedule  .schedule_day>dl>dt, #schedule  .schedule_day>dl>dd{
float:left;
}
#schedule  .schedule_day>dl>dt{
width:110px;
margin-right:25px;
text-align:center;
}

/*--------------page calendar--------------------*/
#calendar .arrowLeft{
position:absolute;
top: 50%;
left:120px;
margin-top: -8px;
background:url("/sys_images/arrow-cal.png") no-repeat 0 0;
width:24px;
height:16px;
}
#calendar .arrowRight{
position:absolute;
top: 50%;
right:120px;
margin-top: -8px;
background:url("/sys_images/arrow-cal.png") no-repeat -26px 0;
width:24px;
height:16px;
}
#calendar .arrowLeft:hover{
background:url(/sys_images/arrow-cal.png) no-repeat 0 -17px;
cursor:pointer;
}
#calendar .arrowRight:hover{
background:url(/sys_images/arrow-cal.png) no-repeat -26px -17px;
cursor:pointer;
}
#calendar .inactiveLft{/**/
background:url(/sys_images/arrow-cal.png) no-repeat 0 -34px;
}
#calendar .inactiveRt{/**/
background:url(/sys_images/arrow-cal.png) no-repeat -26px -34px;
}
#calendar .blue_baner h2{
color:#4d4d4d;
}
#calendar .blue_baner h2 span{
color:#206eb2;
font-size:18px;
}
#calendar  .calendar_day{
overflow:auto;
padding:20px 0;
border-bottom: 2px dotted #ccc;
}
#calendar  .calendar_day>dl>dt, #calendar   .calendar_day>dl>dd{
float:left;
}
#calendar .calendar_day dl{
float: left;
margin: 4px 0 0;
color:#888;
}
#calendar .calendar_day dl dt{
font-weight:bold;
}
#calendar .sheet {
float:left;
background:url(/sys_images/bg_sheet_cal.png) no-repeat 0 0;
width:92px;
height:64px;
text-align:center;
}
#calendar .sheet p:first-child{
color:#777;
font: bold 9px/34px Tahoma, sans-serif;
text-transform: uppercase;
}
#calendar .sheet p+p{
color:#476e91;
font-size:18px;
line-height: 25px;
font-weight:bold;
}

#calendar .redtext
{
color:red;
}

#calendar .redtext a
{
 color:red;
 text-decoration:underline;
}

/*----Prihod calendar----------*/
#prihod_calendar .prihod_day{
overflow:auto;
padding-top:20px;
border-bottom: 2px dotted #ccc;
}

#prihod_calendar .prihod_day_date .first{
    color: #777;
    font: bold 9px/34px Tahoma,sans-serif;
    font-size:14px;
    text-transform: uppercase;
}

#prihod_calendar .prihod_day_date .second{
    color: #476e91;
    font-size: 14px;
    font-weight:bold;
    line-height: 25px;
}
#prihod_calendar .prihod_day_about
{
    padding-top: 5px;
    padding-left: 10px;
    font-size: 13px;

}
#prihod_calendar .prihod_day_priest
{
    padding-left: 10px;
    padding-bottom:10px;
    padding-top:5px;
    font-size: 13px;
}

/*---/Prihod calendar----------*/

/*--------page photoGalerys-----------*/
#photoGalerys .block_photoGalery{/**/
margin-bottom:25px;
padding: 20px 14px 33px;
background:url(/sys_images/bg_photoGallerys.png) repeat top left;
border: 2px solid #e7e4e4; 
}
#photoGalerys .block_photoGalery h3{
border-bottom: 2px dotted #ccc;
padding-bottom:13px;
margin-bottom:8px;
}
#photoGalerys .block_photoGalery h3 a{
color:#3273a7;
font-size:16px;
text-decoration:none;
font-weight:normal;
}
#photoGalerys .block_photoGalery h3 a:hover{
text-decoration:underline;
}
#photoGalerys .block_photoGalery h3 a span{
font-size:14px;
color:#4c4c4c;
font-style:italic;
}
#photoGalerys .block_photoGalery p{
margin-bottom:3px;
font-style:italic;
}
#photoGalerys .block_photoGalery table td{
padding:1px;
}
/*--------------page galery_one-------------------*/
#photoGalerys .gallery{
padding-bottom:20px;
}
#photoGalerys .gallery h3{
margin-bottom: 20px;
font-weight:normal;
}
#photoGalerys .gallery ul{
font-size:0px;
line-height:0px;
letter-spacing:-1px;
}
#photoGalerys .gallery li{
display:inline-block;
list-style:none;
margin-right:2px;
font-size:12px;
line-height:normal;
letter-spacing:normal;
}
#photoGalerys .gallery img{
border:none;
padding:0;
background: none;
}
#photoGalerys .gallery ul li>a{
display:inline-block;
border: 1px solid #ccc;
padding: 3px 3px 28px;
background:#fff;
} 
#photoGalerys .gallery ul li>a:hover{
background: #a8c1d4;
}
#photoGalerys .gallery .pagination{
margin-top:35px;
text-align:center;
}
#photoGalerys .gallery .pagination li{
background:url(/sys_images/button_pag.png) no-repeat 0 -42px;
width:19px;
height:20px;
margin:0;
color:#888;
font-size: 9px;
line-height: 21px;
text-align: center;
vertical-align: middle;
}
#photoGalerys .gallery .pagination li:hover{
background:url(/sys_images/button_pag.png) no-repeat -21px -42px;
cursor:pointer;
color:#fff;
} 
#photoGalerys .gallery .pagination li.previous{
background:url(/sys_images/button_pag.png) no-repeat 0 0;
width:39px;
height:20px;
}
#photoGalerys .gallery .pagination li.next{
background:url(/sys_images/button_pag.png) no-repeat  -41px 0;
width:40px;
height:20px;
}
#photoGalerys .gallery .pagination li.previous:hover{
background:url(/sys_images/button_pag.png) no-repeat 0 -21px;
}
#photoGalerys .gallery .pagination li.next:hover{
background:url(/sys_images/button_pag.png) no-repeat -42px -21px;
}
/*-----------page_event_article----------------*/
.data{
text-align:right;
color:#31657d;
font-style:italic;
margin-bottom:12px;
}
.data span{
color:#808080;
font-style:normal;
margin:0 3px;
}
#event_article .event_content img[align="left"]{
margin-right: 14px;
float:left;
}
#event_article .event_content img[align="right"]{
margin-left: 14px;
float:right;
}
#event_article .event_content p{
	text-indent:20px;
	text-align: justify;
}