@charset "utf-8";
/* CSS Document www.celebrate.cz*/

* {
	margin:0; padding:0;
	font-family: Arial, Helvetica, sans-serif;
	}

body { 
	margin: 0; padding: 0; 
	text-align:center;
	background: #c3c1c1 url(../img/bg_body.jpg) top repeat-x;
	}
	
	
#window {
	margin:0; padding: 0 0 263px 0;
	/*min-height: 1250px;
	background: transparent url(../img/bg_window.jpg) bottom repeat-x;*/
	}
	
#main {
	margin: 0 auto; padding: 0;
	width: 981px;
	}
	
#top {
	margin:0; padding:0;
	width: 981px; height: 245px;
	background: url(../img/bg_top.jpg) no-repeat;
	}
	
#body {
	margin:0; padding:0;
	width: 981px; 
	background: url(../img/bg_div_body.jpg) left repeat-y;
	}

#body2 {
	padding: 0 0 80px 0;
	width: 981px;
	background: url(../img/bg_div_body2.jpg) left top no-repeat;
}
#body3 {
	width: 981px;
	background: url(../img/bg_div_body2.jpg) left top no-repeat;
}
	
	#left {
		float:left;
		margin:0; padding:0;
		width: 214px;
		}
	
	#right {
		float: right;
		margin: 0; padding: 0;
		width: 176px; /*height: 723px;*/
		}
	
	#center {
		margin:0; padding: 0 176px 0 214px;
		text-align: left;
		}
		
		#center2, #center2i {
			margin:0; padding:0 0 0 0;
			vertical-align: top;
			/*width: 591px;*/
			}			

		#center2i {
			background:url(../img/bg_mid.jpg) top left no-repeat;
			}			

	
#bottom {
	margin: 0; padding: 0;
	height: 17px;
	background: url(../img/bg_bottom.jpg) repeat-x;
	}
	
#copyright {
	margin:0; padding: 0 0 0 4px;
	font: normal 10px Arial, Helvetica, sans-serif; color: #FFFFFF;
	text-align: left;  	
	}
#copyright a {
	font: normal 10px Arial, Helvetica, sans-serif; color: #FFFFFF;
	text-align: left; text-decoration: none;
}

#copyright a:hover {
	color:#412054; text-decoration: underline;
}	
	
.cleaner {
	clear: both;
	font-size: 1px; }
	
	
/* funkcni menu pro Mozilla */
ul.menu {
	margin:0; padding:160px 0 0 62px;
	list-style-type: none;
	text-align: left;
	}
ul.menu li {
	 float: left;
	 margin: 0 2px 0 0; padding:0; 
	 width: 126px; height: 70px;
	 text-align: center;
	}
	
ul.menu li a {
	margin: 0; padding: 0; display: block;
	height: 70px;
	background: url(../img/menu_off.jpg) bottom no-repeat;
	text-decoration: none;   
	}
	
ul.menu li a h4 {
	margin:0; padding: 38px 0 0 0;
	font: normal 10px Helvetica, sans-serif; color: #7e5d9c;
}


ul.menu li a:hover {
	background: url(../img/menu_over.jpg) bottom  no-repeat; text-decoration: none; 
	}

ul.menu li a:hover h4 {	
	padding: 30px 0 0 0;
	color: #a4d9e3;
	}
	
ul.menu li.active {
	margin:0 2px 0 0; padding: 0; display: block;
	font: normal 10px Helvetica, sans-serif; color: #a4d9e3;
	background: url(../img/menu_over.jpg) bottom  no-repeat; text-decoration: none;	
}		

ul.menu li.active h4{
	padding: 18px 0 0 0;
	font: normal 10px Helvetica, sans-serif; color: #a4d9e3;
	}
	


/* left menu */
ul.left_menu {
	 list-style-type:none;
	 height: 128px; width: 214px;
	 text-align:left;
	 font: normal 12px Helvetica, sans-serif; color: #FFFFFF;
	 background:url(../img/bg_ul.jpg) no-repeat;
	 }
	 
ul.left_menu li { 
	padding: 0;
	width: 214px; height: 32px; 
	}
ul.left_menu li a {
	display:block;
	width: 214px; height: 32px;
	text-decoration:none; 
	color:#FFFFFF; 
	}
ul.left_menu li a h4 {
	padding: 8px 0 0 30px;
	font: normal 12px Helvetica, sans-serif; color: #FFFFFF;
	}

ul.left_menu li a:hover { background:transparent url(../img/bg_li_over.png) right no-repeat; text-decoration: none;    }
ul.left_menu li a:hover h4 { color: #412054; }
ul.left_menu li.active { background:transparent url(../img/bg_li_over.png) right no-repeat; }
ul.left_menu li.active h4 {
	padding: 8px 0 0 30px;
	font: normal 12px Helvetica, sans-serif; color: #412054;
	}

#novinky {
	height: 33px;
	background:url(../img/bg_novinky.jpg);
	text-align:left;
}

#novinky h2 {
	margin:0; padding: 10px 0 0 14px;
	font: normal 12px Helvetica, sans-serif; color: #FFFFFF;
}

.novinky {
	margin:0; padding: 20px 14px 0 14px;
	font: normal 12px Helvetica, sans-serif; color: #794b93; 
	text-align: justify;
}
/* index */

#vitejte {
	margin:0; padding: 14px 0 0 10px;
}

#vitejte p {
	margin:0; padding:0 0 0 10px;
	width: 550px; text-align: justify;
	font: normal 12px Arial, Helvetica, sans-serif; color: #774991; 	

}

#preloader {
	height: 1px; overflow: hidden;
	visibility: hidden;
	}
ul.rozcestnik {
	margin: 0; padding:0 0 0 10px;
	list-style-type: none;
	text-align: left;
	}
	
.rozcestnik li { float: left;  height: 238px; width:284px;}
.rozcestnik li a { display: block; margin:0; padding:0; text-decoration: none; }
.rozcestnik li:hover { background:url(../img/rozc_akce_over.jpg) bottom right no-repeat; }
.rozcestnik li a h3 { text-decoration: none; padding: 142px 0 0 24px; font-size: 12px;  width: 236px;}
.rozcestnik li a:hover h3 { text-decoration:underline;  }
.rozcestnik li a p { padding: 0 0 0 24px; width: 236px; font: normal 9px Arial, Helvetica, sans-serif; text-align:justify; }

#svatby { background:url(../img/bg_rozc_svatby.jpg)}
#catering { background:url(../img/bg_rozc_catering.jpg)}
#party { background:url(../img/bg_rozc_party.jpg)}
#akce { background:url(../img/bg_rozc_akce.jpg)}

#svatby:hover { background: url(../img/rozc_svatby_over.jpg); } 
#akce:hover { background: url(../img/rozc_akce_over.jpg); }
#party:hover { background: url(../img/rozc_party_over.jpg); }
#catering:hover { background: url(../img/rozc_catering_over.jpg); } 

#svatby h3, #svatby p { color: #129ab4; }
#akce h3, #akce p{ color: #e5e0ec; }
#party h3, #party p { color: #7d7d7d; }
#catering h3, #catering p { color: #626262; }



.inside {
	margin:0; padding:0;
	background-color:#333399
	}
.inside h3 {
	margin: 0; padding: 0;
	font: normal 12px Helvetica, sans-serif;
	}	
	
/* podstranka */	

#center2 h1 {
	margin:0; padding:16px 0 35px 0; 
	font: bolder 16px Arial, Helvetica, sans-serif ; color: #774991; text-align: center; 
}

#center2 h2 {
	margin:0; padding: 0 0 0 20px;
	font: bolder 16px Arial, Helvetica, sans-serif ; color: #01859e; text-align: left;
}
#center2 h3 {
	margin:0; padding: 0 0 0 20px;
	font: normal 12px Arial, Helvetica, sans-serif ; color: #01859e; text-align: left;
}

#center2 h3 a {
	color: #774991; text-decoration: none;
}

#center2 h3 a:hover {
	color: #FF0000; text-decoration: underline;
}

#center2 span {
	margin:0; padding: 0 20px 27px 20px;
	font: normal 12px Arial, Helvetica, sans-serif ; color: #01859e; text-align: left;
	line-height: 20px; 
}
#center2 p {
	margin:0; padding: 0 20px 27px 20px;
	font: normal 12px Arial, Helvetica, sans-serif ; color: #444; text-align: justify;
	line-height: 20px; text-indent: 36px;
}
#center2 p.tipy {
	margin:0; padding: 12px 30px 40px 20px;
	font: normal 12px Arial, Helvetica, sans-serif ; color: #01859e; text-align: justify;
	line-height: 16px; text-indent: 0;
}

#center2 p img {
	float: right;
	margin:0 0 0 10px; padding:0;
	border-color: #774991; vertical-align: top;
}

ul.sluzby {
	margin:0 0 0 120px; padding:0;
	/*list-style-type:disc;*/
}

ul.sluzby li {
	margin:0 0 5px 0; padding:0;
	font: normal 14px Helvetica, sans-serif ; color: #999999;
}

/* fotogalerie */

#counter {
	padding: 0 0 0 38px; 
	width: 509px; height: 19px;
	position: static;
	}
	
#count-right {
	float:right;
}

#count-left {
	padding: 2px 0 0 0;
	font: normal 14px Helvetica, sans-serif ; color: #774991;
	
}


ul.count {
	list-style-type: none;
	
}

ul.count li{
	float: left; display:block; text-align: center;
	margin: 0 1px 0 0; padding: 2px 0 0 0;
	height: 17px; width: 19px;
	background-color:#37d7f1;
	font: normal 11px Helvetica, sans-serif ; color: #774991;
	}
	
ul.count li.active {
	display: block; text-align: center;
	margin: 0 1px 0 0; padding: 2px 0 0 0;
	height: 17px; width: 19px;
	background-color:#774991;
	font: normal 11px Helvetica, sans-serif ; color: #37d7f1;
}	

ul.count li a {
	font: normal 11px Helvetica, sans-serif ; color: #774991;
	text-decoration: none;
	}
	
ul.count li a:hover {
	text-decoration: underline;
}	
	
	
	
ul.gallery {
	margin: 0; padding: 0px 0 0 39px;
	list-style-type: none; width: 530px; 
	text-align: left; /*width: 509px;*/ 
	}
ul.gallery li {
	float: left;
	height:122px; line-height: 122px;
	}
ul.gallery li a { 
	height: 122px; 
}
ul.gallery li a img, ul.gallery li img {
	border-color: #37d7f1;
	}
	
/*


#svatby { background:url(../img/bg_rozc_svatby.jpg)}
#catering { background:url(../img/bg_rozc_catering.jpg)}
#party { background:url(../img/bg_rozc_party.jpg)}
#akce { background:url(../img/bg_rozc_akce.jpg)}

#svatby:hover { background: url(../img/rozc_svatby_over.jpg); } 
#akce:hover { background: url(../img/rozc_akce_over.jpg); }
#party:hover { background: url(../img/rozc_party_over.jpg); }
#catering:hover { background: url(../img/rozc_catering_over.jpg); } 

#svatby h3, #svatby p { color: #129ab4; }
#akce h3, #akce p{ color: #e5e0ec; }
#party h3, #party p { color: #7d7d7d; }
#catering h3, #catering p { color: #626262; }
*/