/*
 * wesele-kuczyn.pl - statyczna wersja strony
 * Style przeniesione 1:1 z szablonu Joomla "JaxStorm Green" (Hurricane Media)
 * oraz modulow: ARI Image Slider (Nivo), PWeb FB Like Box, Cookies Accept,
 * JoomGallery, mod_joomimg, mod_animate_hover, Slimbox.
 */

/* ---------- reset (meyerweb v2.0) ---------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* ---------- general ---------- */
* { margin: 0; }

#tlo {
	box-shadow: #000000 0px 0 5px 5px;
	border-top: 1px solid #bfa874;
	border-bottom: 1px solid #bfa874;
	background-color: #180E05;
	background-image: url(../images/tpl/linia.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
	padding-top: 40px;
}

html { overflow-y: scroll; }
html, body { height: 100%; }

body {
	text-align: left;
	font-family: 'Droid Sans', sans-serif, Helvetica, Arial;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #bfa874;
	background-image: url(../images/tpl/tlo2.jpg);
	background-repeat: repeat;
	background-color: #D3CBA6;
}
a { color: #bfa874; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: underline; }
img { border-style: none; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
p { line-height: 1.6em; margin: 8px 0; }

h1, h2 {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400;
	line-height: 1.0em;
	color: #bfa874;
	font-size: 24px;
	margin-bottom: 12px;
}
h1 a, h1 a:hover, h2 a, h2 a:hover { color: #bfa874; text-decoration: none; }
h3 {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400;
	line-height: 1.0em;
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 6px;
}
h3 a { color: #ffffff; text-decoration: none; }
h3 a:hover { color: #bfa874; text-decoration: none; }
.moduletable h3 {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 24px;
	margin-bottom: 6px;
}
h4 { font-family: 'Droid Sans', sans-serif, Helvetica, Arial; font-weight: 600; color: #ffffff; font-size: 14px; }
h5 { font-family: 'Droid Sans', sans-serif, Helvetica, Arial; font-weight: 300; color: #ffffff; font-size: 14px; }
h6 { font-family: 'Droid Sans', sans-serif, Helvetica, Arial; font-weight: 600; font-size: 13px; }

ul, ol {
	list-style-position: outside;
	list-style-type: square;
	padding-left: 30px;
	margin-top: 6px;
	margin-bottom: 6px;
}
hr { border: 0; color: #5e6062; background-color: #5e6062; height: 1px; margin-top: 5px; margin-bottom: 5px; }

#wrapper {
	display: block;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4.6em;
	background-image: url(../images/tpl/tlo.jpg);
	background-repeat: repeat-x;
}
#push { height: 4.6em; }
.clr { clear: both; }

.readmore a {
	font-family: 'Droid Sans', sans-serif; font-weight: 400;
	font-size: 12.5px;
	text-decoration: none;
	color: #ffffff;
	background-color: #bfa874;
	padding: 4px;
	padding-left: 12px;
	padding-right: 12px;
}
.readmore a:hover { color: #fff; text-decoration: none; background-color: #666666; }

/* ---------- header ---------- */
#header_wrap { min-width: 960px; }
#header {
	width: 900px;
	margin: auto;
	min-height: 310px;
	margin-bottom: -1px;
	background-image: url(../images/tpl/menu.png);
	background-repeat: no-repeat;
}
#logo {
	font-family: 'Droid Sans', sans-serif; font-weight: 700;
	font-size: 2.8em;
	line-height: 0.9em;
	letter-spacing: -0.03em;
	color: #bfa874;
	padding-top: 25px;
	margin: auto;
	width: 200px;
}
#logo a, #logo a:hover { text-decoration: none; color: #bfa874; }

#topnav_wrap {
	border-bottom: 1px solid #57595c;
	overflow: auto;
	min-width: 960px;
	line-height: 1.1em;
}
#topnav { width: 900px; margin: auto; padding-top: 2px; padding-right: 40px; font-size: 0.87em; }

/* ---------- top menu ---------- */
#topmenu {
	margin: auto;
	padding-top: 35px;
	padding-left: 35px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 1.00em;
	color: #fff;
	text-shadow: 0px 2px 2px #000000;
	font-weight: bold;
}
#topmenu ul { padding: 0; margin: 0; list-style: none; }
#topmenu a {
	display: block;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 1px;
	text-decoration: none;
}
#topmenu a:hover, #topmenu li.active a { color: #fff; text-decoration: none; }
#topmenu li { float: left; }

/* ---------- content / menu wrap ---------- */
#content-menu_wrap_bg { width: 880px; margin: auto; padding: 0; }
#content-menu_wrap { width: 880px; margin: auto; }

#breadcrumbs {
	width: auto;
	font-size: 0.89em;
	text-decoration: none;
	margin-bottom: 10px;
	margin-top: 10px;
}
#breadcrumbs a { color: #ffffff; text-decoration: none; }
#breadcrumbs a:hover { color: #bfa874; text-decoration: underline; }

/* ---------- left menu ---------- */
#leftmenu {
	width: 190px;
	margin: 0px;
	padding: 0px;
	padding-right: 11px;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-right: 19px;
	float: left;
	line-height: 1.7em;
	border-right: 1px solid #5e6062;
}
#leftmenu a { color: #bbbbbb; text-decoration: none; }
#leftmenu a:hover { color: #bfa874; text-decoration: none; }
#leftmenu ul {
	padding-left: 0px;
	list-style-type: none;
	margin-left: 0px;
	margin-top: 12px;
	margin-bottom: 20px;
}
#leftmenu ul li { padding-top: 2px; padding-bottom: 2px; list-style-type: none; }
#leftmenu ul.menu li.current a { font-weight: bold; }
.moduletable { overflow: hidden; margin-bottom: 16px; }
.moduletable_menu { clear: both; }

/* ---------- content ---------- */
#content-w2 {
	width: 600px;
	float: left;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}
#content-w3 {
	width: 900px;
	float: left;
	padding-top: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}
#content-w2 h3, #content-w3 h3 { margin-top: 20px; }

dl.article-info {
	clear: both;
	margin-left: 0;
	padding: 0px;
	font-size: 0.86em;
	line-height: 1.3em;
	padding-bottom: 0.8em;
}
.article-info dd { margin-left: 0; }
.article-info-term { display: none; }

table { border-collapse: collapse; }
tr, td { vertical-align: top; }
td p { margin: 0; line-height: 1.3em; }

/* ---------- blog ---------- */
.cols-1 { display: block; float: none !important; margin: 0 !important; }
.items-row { overflow: hidden; margin-bottom: 10px !important; }
.blog-more { padding: 10px 5px; }
.img-intro-float-left, .img-fulltext-float-left { float: left; margin-right: 10px; margin-bottom: 10px; }
.img-intro-float-right, .img-fulltext-float-right { float: right; margin-left: 10px; margin-bottom: 10px; }

/* ---------- footer ---------- */
#footer_wrap { padding-bottom: 20px; min-width: 960px; }
#footer { clear: both; width: 900px; margin: auto; padding-top: 26px; }
#copyright {
	clear: both;
	margin: auto;
	min-width: 960px;
	margin-top: 20px;
	padding-top: 8px;
	font-size: 0.86em;
	text-align: center;
	color: #555555;
	margin-bottom: -1px;
}
#copyright a, #copyright a:hover { color: #555555; text-decoration: none; }
#copyright div.copy2 { text-align: left; }

/* ---------- boxes ---------- */
#box_placeholder {
	margin: auto;
	padding-top: 10px;
	width: 900px;
	color: #999999;
}
#box_placeholder a:hover { color: #fff; }
#box_placeholder h1, #box_placeholder h2, #box_placeholder h3 { color: #fff; }
#box1 { width: 320px; margin: 0; margin-right: 5px; padding: 10px; float: left; }
#box2 { width: 250px; margin: 0; padding: 10px; float: left; }
#box3 {
	width: 250px;
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	border: 1px solid #bfa874;
}

/* ---------- mod_joomimg (Sala w Kuczynie) ---------- */
.joomimg_clr { clear: both; }
.joomimg_row { overflow: hidden; padding: 0.5em 0; }
.joomimg102_imgct { width: 33% !important; float: left; }
.joomimg102_img { display: block; text-align: center !important; vertical-align: middle !important; }
.joomimg102_img img { border: 2px solid #ffffff; padding: 2px; }

/* ---------- slideshow (ARI Image Slider / Nivo) ---------- */
#slideshow { min-width: 960px; }
#slides {
	padding: 0;
	clear: both;
	position: relative;
	width: 900px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.ari-image-slider-wrapper { position: relative; margin: 0 auto; }
body .ari-image-slider-wCtrlNav { margin-bottom: 20px; }
#ais_89_wrapper, #ais_89 { width: 900px; height: 400px; }
.nivoSlider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0;
	background: #202834 url(../images/nivo/loading.gif) no-repeat 50% 50%;
	box-shadow: 0px 0px 10px #333;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: none !important;
	display: block;
	opacity: 0;
	transition: opacity 0.6s ease;
}
.nivoSlider img.active { opacity: 1; z-index: 1; }
.nivoSlider a { border: 0; display: block; }
.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 99;
	cursor: pointer;
	display: block;
	width: 32px;
	height: 34px;
	background: url(../images/nivo/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	overflow: hidden;
}
a.nivo-nextNav { background-position: -32px 0; right: 10px; }
a.nivo-prevNav { left: 10px; }
.nivo-controlNavHolder { z-index: 100; text-align: center !important; width: auto; display: block; }
.nivo-controlNav { display: inline-block; position: relative; width: auto; padding-top: 10px; }
.nivo-controlNav a {
	position: relative;
	z-index: 99;
	cursor: pointer;
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/nivo/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
	overflow: hidden;
}
.nivo-controlNav a.active, .nivo-controlNav a:hover { background-position: -10px 0; }

/* ---------- hover boxes (mod_animate_hover) ---------- */
#ahgallery {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	width: 900px;
}
#ahgallery ul.hover_block0 {
	display: block;
	overflow: hidden;
	padding-top: 20px;
	padding-left: 20px;
	background: #180E05;
	margin-left: 0px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	list-style: none;
}
#ahgallery ul.bottom_block { padding-bottom: 20px; }
#ahgallery ul.hover_block0 li.ahitem {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	list-style-position: inside;
	float: left;
	background: #180E05;
	width: 290px;
	position: relative;
}
#ahgallery ul.hover_block0 li a.teaser {
	display: block;
	position: relative;
	overflow: hidden;
	height: 178px;
	width: 238px;
	padding: 16px;
	background-color: #180E05 !important;
	font-weight: normal;
	text-decoration: none;
}
#ahgallery ul.hover_block0 li img.overlay {
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0;
	border: 0;
	transition: top 0.5s ease;
}
#ahgallery ul.hover_block0 li.ahitem:hover img.overlay,
#ahgallery ul.hover_block0 li.ahitem a.teaser:focus img.overlay { top: 210px; }
#ahgallery .ah-title {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	font-family: arial;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
#ahgallery .ah-text {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
	font-family: arial;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

/* ---------- Facebook slide box (PWeb FB Like Box) ---------- */
.pwebfblikebox.slidebox {
	position: fixed;
	top: 150px;
	z-index: 100;
	background-color: #3B5998;
	background-color: rgba(59, 89, 152, 0.5);
	padding: 10px;
	border: 0 solid #133783;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	transition: left 0.4s ease;
}
.pwebfblikebox.slidebox.pwebfblikebox-left {
	left: -352px; /* 292 + 2*10 padding + 40 tab padding */
	padding-left: 40px;
	border-width: 1px;
	border-left: 0;
	border-radius: 0 0 10px 0;
}
.pwebfblikebox.slidebox.pwebfblikebox-left.open { left: 0; }
.pwebfblikebox_tab {
	position: absolute;
	width: 40px;
	height: 120px;
	background: #133783 center center no-repeat;
	cursor: pointer;
	top: -1px;
	right: -40px;
	border-radius: 0 10px 10px 0;
	box-shadow: 2px 0 2px rgba(0, 0, 0, 0.5);
}
.pwebfblikebox-left .pwebfblikebox_tab.facebook-white { background-image: url(../images/likebox/facebook-white-left.png); }
.pwebfblikebox.slidebox .pwebfblikebox_container { min-height: 62px; background-color: #fff; }

/* ---------- cookies banner ---------- */
#ca_banner {
	position: fixed !important;
	z-index: 16777270;
	width: 100% !important;
	height: 80px;
	background: url(../images/cookies/przez.png);
	text-align: center;
	border-width: 1px 0 1px 0 !important;
	border-style: solid !important;
	border-color: #fff !important;
	box-shadow: 0 0 40px #444;
	padding: 10px 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-shadow: none;
	margin: 0 auto !important;
}
#ca_banner[hidden] { display: none; }
#ca_banner p, #ca_banner h2 { margin: 4px 0; padding: 0; line-height: 1.2em; color: #000; }
#ca_banner h2 { font-size: 20px; font-weight: bold; }
#ca_banner p { font-size: 14px; }
#ca_banner .accept {
	cursor: pointer;
	font-size: 14px;
	margin: 5px auto;
	width: 120px;
	background: #0089f2;
	padding: 3px;
	border-radius: 3px;
	text-shadow: 1px 1px 0 #0072ca;
	color: #fff;
	background-image: linear-gradient(#0089F2 0%, #0072ca 100%);
}
#ca_banner .accept:hover { box-shadow: 0 0 15px #000; }

/* ---------- JoomGallery ---------- */
.gallery .sectiontableheader { padding: 5px; text-align: center; }
.gallery li { background-image: none !important; list-style-image: none !important; list-style-type: none !important; margin: 0; padding: 0; }
.gallery ul { padding-left: 0; }
img.jg_photo { vertical-align: bottom; padding: 3px; margin: 0 0.3em 0.3em 0; }
img.jg_photo { border: 1px solid #c0c0c0; background-color: #fff; background-image: none; }
a:hover img.jg_photo { border: 1px solid #999; }
.jg_pathway { padding: 2px; }
.jg_pathway a img { vertical-align: middle; }
.jg_catcountsubcats, .jg_catcountimg { text-align: center; }
.jg_displaynone { display: none; }
.jg_clearboth { clear: both; }
img.jg_icon { width: 16px; height: 16px; border: 0px; margin: 0 3px; vertical-align: bottom; }
.jg_row { overflow: hidden; height: auto !important; padding: 0.8em 0; }
.jg_element_cat { width: 49%; float: left; text-align: center !important; }
.jg_catelem_photo { display: block; text-align: center !important; }
.jg_subcatelem_cat { width: 49%; float: left; text-align: center !important; }
.jg_subcatelem_cat a { height: 200px; }
.jg_subcatelem_photo { text-align: center !important; }
.jg_subcatelem_txt { clear: both; text-align: center !important; }
.jg_subcatelem_txt ul { margin: 0 !important; padding: 0 !important; }
.jg_subcatelem_txt li { line-height: 115% !important; }

/* ---------- lightbox (wyglad Slimbox) ---------- */
#lightbox[hidden] { display: none; }
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: fixed;
	z-index: 10000;
	overflow: hidden;
	background-color: #fff;
	left: 50%;
	transform: translateX(-50%);
}
#lbCenter { top: 8vh; padding: 10px; line-height: 0; }
#lbCenter.loading { background: #fff url(../images/slimbox/loading.gif) no-repeat center; min-width: 120px; min-height: 120px; }
#lbImage { display: block; max-width: 90vw; max-height: 74vh; width: auto; height: auto; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; bottom: 0; width: 50%; outline: none; }
#lbPrevLink { background: url(../images/slimbox/transparent.gif); left: 0; }
#lbPrevLink:hover { background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { background: url(../images/slimbox/transparent.gif); right: 0; }
#lbNextLink:hover { background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottomContainer { margin-top: -1px; }
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
