/*
Theme Name: Jiří Kašík Zahradnictví
*/

@import url('css/menufont.css');

/*
typography
*/
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
article {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 16px;
}
article h1, article h2, article h3, article h4 {
	font-weight: bold;
	margin-top: 10px;
	color: #333;
}
article h1 {
	font-size: 14px;
}
article p {
	margin-top: 10px;
	text-indent: 5px;
}
article a {
	color: inherit;
	}
	article a:hover {
		text-decoration: none;
	}
article ul {
	list-style: inside circle;
}
article ol {
	list-style: inside decimal;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}




/*
sticky footer
*/
html, body {height: 100%;}

div.wrap {min-height: 100%;}

div.push {overflow:auto;
	padding-bottom: 100px; clear: both;}  /* must be same height as the footer */

footer {position: relative;
	margin-top: -66px; /* negative value of footer height */
	height: 66px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/*
layout
*/
div.bg_wrap {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	div.bg_wrap div.background {
		position: absolute;
		background: url(images/background.jpg) left top no-repeat;
		left: 50%;
		margin-left: -960px;
		top: 0;
		width: 1920px;
		height: 984px;
	}
div.wrap {
	position: relative;
	width: 100%;
	z-index: 20;
}
body header {
	width: 940px;
	height: 110px;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -470px;
	z-index: 200;
	overflow: visible;
	}
	body div.header_bg {
		background: url(images/header_bg.png) left top repeat-x;
		width: 100%;
		height: 106px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 60;
	}
	header h1.logo {
		display: block;
		position: absolute;
		left: 47px;
		top: 4px;
		background: url(images/logo.png) left top no-repeat;
		width: 183px;
		height: 45px;
		text-indent: -9999px;
		overflow: hidden;
	}
	header nav {
		position: absolute;
		width: 940px;
		height: 37px;
		top: 58px;
		left: 0;
		text-align: center;
		}
		header nav ul {
			display: inline;
			font-size: 0;
			}
			header nav ul li {
				display: inline-block;
				height: 37px;
				background: url(images/nav_bg.png) left top repeat-x;
				padding: 0 15px;
				margin-right: 5px;
				position: relative;
				}
				header nav ul li:last-child {
					margin-right: 0;
				}
				header nav ul li a {
					display: block;
					width: 100%;
					height: 100%;
					font-family: menufont;
					text-decoration: none;
					color: #FFF;
					line-height: 37px;
					text-transform: uppercase;
					font-size: 16px;
					position: relative;
					z-index: 50;
					text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
				}
				header nav ul li div.hover {
					width: 100%;
					height: 100%;
					position: absolute;
					left: 0;
					top: 0;
					background: url(images/nav_bg.png) left bottom repeat-x;
					z-index: 40;
				}
				header nav ul li.active {
					background-position: left bottom;
				}
				header nav ul li.active div.hover.has_submenu {
					background: url(images/nav_bg_submenu.png) left top no-repeat !important;
				}
				header nav ul li div.hover.has_submenu {
					background: url(images/nav_bg_submenu.png) left top no-repeat;
				}
				header nav ul li ul {
					display: block;
					position: absolute;
					left: 0;
					top: 37px;
					background: url(images/submenu_spacer.png) left top repeat-y;
					width: 168px;
					display: none;
					z-index: 100;
					}
					header nav ul li ul div.footer {
						position: absolute;
						background: url(images/submenu_footer.png) left top no-repeat;
						width: 168px;
						height: 16px;
						left: 0;
						bottom: -16px;
					}
					header nav ul li ul li {
						display: block;
						height: auto;
						background: url(images/submenu_divider.png) left bottom no-repeat;
						padding: 8px 20px 10px 7px;
						}
						header nav ul li ul li a {
							font-size: 14px;
							color: #fff;
							line-height: 18px;
							}
							header nav ul li ul li.active a {
								color: #9fff56;
							}
.slider-wrapper {
	background: url(images/slider_bg.png) left top no-repeat;
	width: 921px;
	height: 276px;
	margin: 110px auto 0 auto;
	padding: 9px 9px 10px 10px;
	position: relative;
}
.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
article {
	width: 920px;/*940*/
	margin: 69px auto 0 auto;
	background: #FFF;
	position: relative;
	overflow: visible;
	padding: 0 10px 10px 10px;
	clear: both;
	}
	article header {
		width: 950px;
		height: 69px;
		margin: 0;
		position: absolute;
		z-index: 50;
		overflow: visible;
		top: -69px;
		left: -10px;
		background: url(images/article_header.png) left top no-repeat;
		line-height: 77px;
		text-indent: 40px;
		color: #fff9e9;
		text-transform: uppercase;
		font-size: 12px;
		font-family: Verdana, Geneva, sans-serif;
	}
body > footer {
	background: url(images/footer_bg.png) left bottom repeat-x;
	z-index: 30;
	text-align: center;
	line-height: 66px;
	font-size: 12px;
	color: #ababab;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	text-wrap: none;
	overflow: hidden;
	clear: both;
	}
	body > footer a {
		color: #fff;
		}
		body > footer a:hover {
			text-decoration: none;
		}