*											{ margin: 0; padding: 0; }

body {
	background-image:url(pic/bcg.jpg); background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #000; font-size: 12px; text-align:center;
}

/* common */
p {color: #fff;  font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: none; text-align: left; line-height:1.3em; margin-bottom:10px}
h1 {color: #000;  font-family: Arial, Helvetica, sans-serif; font-weight: bold;  font-size: 23px; text-decoration: none; text-align:left; margin-bottom:15px;}
h2 {color: #000;  font-family: Arial, Helvetica, sans-serif; font-weight: bold;  font-size: 18px; text-decoration: none; text-align:left; margin-bottom:10px;}
h3 {color: #fff;  font-family: Arial, Helvetica, sans-serif;; font-weight: normal;  font-size: 20px; text-decoration: none; text-align:left; margin-bottom:6px;}
.text {color: #000;  font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: none; text-align: left; line-height:1.3em; margin-bottom:10px}
.link a:link {color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: underline; }
.link a:visited {color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.link a:active {color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.link a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px;color: #000; cursor: hand; text-decoration:none}

.odka { float:left; text-align:left; margin-top:10px;}
.odka a:link {color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: underline; }
.odka a:visited {color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.odka a:active {color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.odka a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px;color: #000; cursor: hand; text-decoration:none}

.plagat { margin-top:10px}

.volajte {color: #ffc000;  font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 12px; text-decoration: none; letter-spacing:1px;}

.zoznam {list-style-type: square; text-align:left; margin-left:25px; margin-bottom:10px;}
.zoznam  {color: #808080;  font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: none; text-align: left; line-height:1.3em;}

p a:link {color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  font-size: 14px; text-decoration: underline; }
p a:visited {color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-decoration: underline;} 
p a:active {color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-decoration: underline;} 
p a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:14px;color: #fff; cursor: hand; text-decoration:none}
.none {display:none}	

.lol { background-image:url(pic/hr.png); height:1px; width:276px; margin-bottom:10px; marker-top:15px; margin-left:5px; float:left}

.knadpis {color: #fff;  font-family: Arial, Helvetica, sans-serif; font-weight: bold;  font-size: 14px; text-decoration: none; text-align: left;}
.ktext {color: #868686;  font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: none; text-align: left;}
.ktext2 {color: #fff;  font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: none; text-align: left;}

img { border: 0px;}

.kapelanadpis { margin-top:10px;}

.leftpic { float:left; margin-right:10px; margin-left:-10px; text-align:left}

.vlajka { float:left; margin-top:10px}

#face {
	  width: 310px;
	  min-height: 300px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  background-color:#FFF
	  	}

.leftcolumn {
	  width: 400px;
	  min-height: 8px;
	  margin-left: 10px;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  padding:15px;	  
	  background-image:url(pic/kon.png); background-repeat:repeat
	  	}
.leftcolumn2 {color: #ccc;  font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: none; text-align: justify; line-height:1.3em; margin-bottom:10px}

.button {
	  width: 171px;
	  height: 28px;
	  margin-left: 60px;
	  margin-right: auto;
	  margin-top:10px;
	  float:left;
	  background-image:url(pic/button.png); background-repeat:no-repeat;
	  padding-left:0px;
	  padding-top:5px;
	  
	  	}
		
.button a:link {color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: underline; }
.button a:visited {color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.button a:active {color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.button a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px;color: #666; cursor: hand; text-decoration:none}


.button3 {
	  width: 171px;
	  height: 28px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  float:left;
	  background-image:url(pic/button.png); background-repeat:no-repeat;
	  padding-left:0px;
	  padding-top:5px;
	  
	  	}
		
.button3 a:link {color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: underline; }
.button3 a:visited {color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.button3 a:active {color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.button3 a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px;color: #666; cursor: hand; text-decoration:none}



.button2 {
	  width: 171px;
	  height: 28px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  float:left;
	  background-image:url(pic/button.png); background-repeat:no-repeat;
	  padding-left:0px;
	  padding-top:5px;
	  
	  	}
		
.button2 a:link {color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: underline; }
.button2 a:visited {color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.button2 a:active {color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.button2 a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px;color: #666; cursor: hand; text-decoration:none}

/* struktura */

#wrap {
	  width: 923px;
	  margin : 0;
	  position : relative;
	  top : 0;
	  left : auto;
	  right : auto;
	  margin-left : auto;
	  margin-right : auto; 
	}
	
#wrap2 {
	  width: 923px;
	  margin : 0;
	  position : relative;
	  top : 0;
	  left : auto;
	  right : auto;
	  margin-left : auto;
	  margin-right : auto; 
	}


#topbar {
	  width: 923px;
	  height: 20px;
	  margin-left: auto;
	  margin-right: auto;
	  float:left;
	  	}



ul#menu { position: absolute; right: 0; top: 10px; height: 30px; z-index: 2 }
ul#menu li { float: left; display:block; height: 100% }
ul#menu li span { display:block; height: 100%; overflow: hidden; text-indent: -7342px; opacity: 0 }
ul#menu li span.active { opacity: 1 !important }
ul#menu li a { display: block; height: 100%; width: 100%; border:none }

.facebook { width: 100px; height: 30px; margin-left:10px; float:right}
.facebook a {background: url(pic/sprite.png); background-position: 0px 0px;}
.facebook a:hover {background: url(pic/sprite.png); background-position: 0px -30px;}

.twitter { width: 100px; height: 30px; margin-left:10px; float:right}
.twitter a {background: url(pic/sprite.png); background-position: -100px 0px;}
.twitter a:hover {background: url(pic/sprite.png); background-position: -100px -30px;}



#images {
	  width: 923px;
	  height: 400px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:15px;
	  float:left;
	  	}
		
#header {
	  width: 958px;
	  height: 268px;
	  margin-left: -18px;
	  margin-right: auto;
	  margin-top:10px;
	  float:left;
	  background-image:url(pic/header.png);
	  	}
		
#menu2 {
	  width: 860px;
	  height: 34px;
	  margin-left: 50px;
	  margin-right: auto;
	  margin-top:190px;
	  float:left;
	  list-style-type:none
	  	}
		
/*---------------------------------------------*/

.menu1p { width: 72px; height: 34px; margin-left:-2px; float:left}
.menu1p a {width: 72px; height: 34px;float:left}
.menu1p a:hover {background: url(pic/menu1p.png);float:left}

/*---------------------------------------------*/

.menu2p { width: 84px; height: 34px; margin-left:18px; float:left}
.menu2p a {width: 84px; height: 34px;float:left}
.menu2p a:hover {background: url(pic/menu2p.png);float:left}

/*---------------------------------------------*/

.menu3p { width: 83px; height: 34px; margin-left:19px; float:left}
.menu3p a {width: 83px; height: 34px;float:left}
.menu3p a:hover {background: url(pic/menu3p.png);float:left}

/*---------------------------------------------*/

.menu4p { width: 112px; height: 34px; margin-left:17px; float:left}
.menu4p a {width: 112px; height: 34px;float:left}
.menu4p a:hover {background: url(pic/menu4p.png);float:left}

/*---------------------------------------------*/

.menu5p { width: 90px; height: 34px; margin-left:24px; float:left}
.menu5p a {width: 90px; height: 34px;float:left}
.menu5p a:hover {background: url(pic/menu5p.png);float:left}

/*---------------------------------------------*/

.menu6p { width: 122px; height: 34px; margin-left:21px; float:left}
.menu6p a {width: 122px; height: 34px;float:left}
.menu6p a:hover {background: url(pic/menu6p.png);float:left}

/*---------------------------------------------*/

.menu7p { width: 73px; height: 34px; margin-left:22px; float:left}
.menu7p a {width: 73px; height: 34px;float:left}
.menu7p a:hover {background: url(pic/menu7p.png);float:left}

/*---------------------------------------------*/

.menu8p { width: 75px; height: 34px; margin-left:23px; float:left}
.menu8p a {width: 75px; height: 34px;float:left}
.menu8p a:hover {background: url(pic/menu8p.png);float:left}

/*---------------------------------------------*/

#content {
	  width: 923px;
	  min-height: 400px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  background-image:url(pic/content.png);
	  	}
		
		#content1 {
	  width: 923px;
	  height: 500px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  background-image:url(pic/kapelabcg.jpg);
	  	}
		
		.onasright {
	  width: 412px;
	  height: 360px;
	  margin-left: auto;
	  margin-right: 55px;
	  margin-top:60px;
	  float:right;
	  	}
		
.onasp {color: #fff;  font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: none; text-align: justify; line-height:1.3em; margin-bottom:10px}
.onasright2 a:link {color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-decoration: underline; }
.onasright2 a:visited {color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.onasright2 a:active {color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline;} 
.onasright2 a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px;color: #fff; cursor: hand; text-decoration:none}


.omfg1 { width: 98px; height: 255px; float:left}
.omfg1 a {width: 98px; height: 255px;float:left}
.omfg1 a:hover {background: url(pic/omfg1.jpg);float:left}

.omfg2 { width: 81px; height: 255px; float:left}
.omfg2 a {width: 81px; height: 255px;float:left}
.omfg2 a:hover {background: url(pic/omfg2.jpg);float:left}

.omfg3 { width: 52px; height: 255px; float:left}
.omfg3 a {width: 52px; height: 255px;float:left}
.omfg3 a:hover {background: url(pic/omfg3.jpg);float:left}

.omfg4 { width: 47px; height: 255px; float:left}
.omfg4 a {width: 47px; height: 255px;float:left}
.omfg4 a:hover {background: url(pic/omfg4.jpg);float:left}

.omfg5 { width: 87px; height: 255px; float:left}
.omfg5 a {width: 87px; height: 255px;float:left}
.omfg5 a:hover {background: url(pic/omfg5.jpg);float:left}
	
	.onasright2 {
	  width: 365px;
	  height: 255px;
	  margin-left: 21px;
	  margin-right: auto;
	  margin-top:171px;
	  float:left;
	  background-image: url(pic/kapi.jpg);
	  	}
	.onasright221 {
	  width: 145px;
	  height: 25px;
	  margin-left: 5px;
	  margin-right: auto;
	  margin-top:8px;
	  float:left;
	  	}
		
		.onasright222 {
	  width: 145px;
	  height: 25px;
	  margin-left: 5px;
	  margin-right: auto;
	  margin-top:14px;
	  float:left;
	  	}
		
			.onasright223 {
	  width: 145px;
	  height: 25px;
	  margin-left: 5px;
	  margin-right: auto;
	  margin-top:16px;
	  float:left;
	  	}
		
			.onasright224 {
	  width: 145px;
	  height: 25px;
	  margin-left: 5px;
	  margin-right: auto;
	  margin-top:15px;
	  float:left;
	  	}
	
		
		
		#content2 {
	  width: 923px;
	  min-height: 400px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  background-image:url(pic/content.png);
	  	}
		
		#content3 {
	  width: 923px;
	  min-height: 400px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  background-image:url(pic/content.png);
	  	}
		
		#content4 {
	  width: 923px;
	  min-height: 400px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  background-image:url(pic/content.png);background-repeat: repeat
	  	}
.omg { float:left; margin-bottom:-150px}		
		
		#content5 {
	  width: 923px;
	  min-height: 400px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  background-image:url(pic/video.jpg); background-repeat:no-repeat
	  	}
		
	#content6 {
	  width: 923px;
	  min-height: 400px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  background-image:url(pic/content.png);
	  	}
		
		
		#content7 {
	  width: 923px;
	  min-height: 400px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  background-image:url(pic/content.png);
	  	}
		
		.leftus { float:left; margin-left:20px; margin-top:9px;}
		
	.foto {
	  width: 850px;
	  min-height: 100px;
	  margin-left: 35px;
	  margin-right: auto;
	  margin-top:150px;
	  margin-bottom:10px;
	  float:left;
	  	}
		
		.fotox {
	  width: 750px;
	  min-height: 100px;
	  margin-left: 75px;
	  margin-right: auto;
	  margin-top:0px;
	  margin-bottom:10px;
	  float:left;
	  	}
		
		.fotox2 {
	  width: 850px;
	  min-height: 100px;
	  margin-left: 35px;
	  margin-right: auto;
	  margin-top:0px;
	  margin-bottom:10px;
	  float:left;
	  background-color:#FFF
	  	}
		
	.foto2 {
	  width: 300px;
	  min-height: 100px;
	  margin-left: 35px;
	  margin-right: auto;
	  margin-top:150px;
	  margin-bottom:10px;
	  float:left;
	  	}
		
	.foto3 {
	  width: 530px;
	  min-height: 100px;
	  margin-left: auto;
	  margin-right: 35px;
	  margin-top:150px;
	  margin-bottom:10px;
	  float:right;
	  	}
		
	#left {
	  width: 310px;
	  min-height: 400px;
	  margin-left: 10px;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  	}
		
	#right {
	  width: 263px;
	  min-height: 400px;
	  margin-left: auto;
	  margin-right: 10px;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:right;
	  	}
		
		#image2 {
	  width: 263px;
	  height: 175px;
	  float:right;
	  margin-bottom:30px;
	  	}
		
	#kon {
	  width: 310px;
	  min-height: 400px;
	  margin-left: 10px;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  padding-top:20px;
	  float:left;
	  background-image:url(pic/kon.png); background-repeat:repeat
	  	}
		
#kon1 {
	  width: 263px;
	  min-height: 400px;
	  margin-left: 10px;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  padding-top:20px;
	  padding-left:15px;
	  padding-right:15px;
	  padding-bottom:10px;
	  float:left;
	  background-image:url(pic/kon.png); background-repeat:repeat
	  	}
		
#kon2 {
	   width: 263px;
	  min-height: 400px;
	  margin-left: 10px;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  padding-top:20px;
	  padding-left:15px;
	  padding-right:15px;
	  padding-bottom:10px;
	  float:left;
	  background-image:url(pic/kon.png); background-repeat:repeat
	  	}
		
#kon3 {
	   width: 263px;
	  min-height: 400px;
	  margin-left: 10px;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  padding-top:20px;
	  padding-left:15px;
	  padding-right:15px;
	  padding-bottom:10px;
	  float:left;
	  background-image:url(pic/kon.png); background-repeat:repeat
	  	}
		
		.konall {
	  width: 290px;
	  min-height: 200px;
	  margin-left: 10px;
	  margin-right: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  float:left;
	  	}
		
	.kon1 {
	  width: 60px;
	  height: 25px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top:auto;
	  text-align:left;
	  float:left;
	  	}
		
		.kon2 {
	  width: 105px;
	  height: 25px;
	  margin-left: 10px;
	  margin-right: auto;
	  margin-top:auto; text-align:left;
	  float:left;
	  	}
		
		.kon3 {
	  width: 105px;
	  height: 25px;
	  margin-left: 10px;
	  margin-right: auto;
	  margin-top:auto; text-align:left;
	  float:left;
	  	}
		
		
		
#ole {
	  width: 777px;
	  height: 224px;
	  margin-top:10px;
	  margin-left:70px;
	  float:left;
	  background-image:url(pic/info.jpg);
	  	}		
		
.booking {
	  width: 768px;
	  height: 118px;
	  margin-top:10px;
	  margin-left:70px;
	  float:left;
	  background-image:url(pic/booking.png);
	  	}
		
.footer {
	  width: 570px;
	  height: 23px;
	  margin-top:10px;
	  margin-left:170px;
	  float:left
	  	}

.footer		{color: #585858; font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 12px; }
.footer a:link {color: #989898; font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 12px; text-decoration: underline; }
.footer a:visited {color: #989898; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: underline;} 
.footer a:active {color: #989898; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: underline;} 
.footer a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:12px;color: #989898; cursor: hand; text-decoration:none}