html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, articlk, articlm, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, articlek, articlem, articlef, articles, articlez, aside, figure, footer, header, hgroup, nav, section {display: block;}

img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;};
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
/*.clearfix { zoom: 1; }*/ 
ul {list-style: none;}

body {color: #646464; font-size: 13px; font-family: "Arial", Helvetica, sans-serif; line-height: 19px; position: relative;}

.wrapper {width: 980px; margin: 0 auto; position: relative; z-index: 1;}
	
	header {position: fixed; top: 0px; width: 206px; height: 580px; z-index: 10;}
	header .logo {width: 206px; height: 193px; }
	header .logo h1 {width: 250px; height: 193px; background: url(images/logo.png); margin: 0 auto; text-indent: -20000px; background-repeat:no-repeat}
	header nav {width: 206px; height: 193px; background: #e6e6e6; opacity: 0.9;}
	header nav ul {padding: 15px 0 0 30px; font-family: 'Arial'; }
	header nav ul li {color: #969696; font-size: 14px; line-height: 24px;}
	header nav ul li.active  {color: #868686; font-weight:bold;}


	topbox {
}

	.topbox {
	width: 715px;
	height: 920px;
	margin-left: 206px;
	margin-bottom: 100px;
	padding: 50px 35px 0 36px;
	display:block;
}
	
	article {
	width: 715px;
	height: 507px;
	margin-left: 206px;
	margin-bottom: 100px;
	padding: 10px 0px 0 30px;
	border: 1px solid #e6e6e6;
	min-height: 507px;
	max-height: 507px;
	background: #fff;
}

	articlef {
	width: 715px;
	height: 775px;
	margin-left: 206px;
	margin-bottom: 100px;
	padding: 10px 0px 0 30px;
	border: 1px solid #e6e6e6;
	min-height: 775px;
	max-height: 775px;
	background: #fff;
}

	articlek {
	background-image:url(images/kontakt.jpg);
	background-repeat:no-repeat;
	width: 715px;
	height: 714px;
	margin-left: 206px;
	margin-bottom: 100px;
	padding: 0;
	border: 1px solid #e6e6e6;
	min-height: 714px;
	max-height: 714px;
}

	articlem {
	width: 715px;
	height: 740px;
	margin-left: 206px;
	margin-bottom: 100px;
	padding: 10px 0px 0 30px;
	border: 1px solid #e6e6e6;
	min-height: 740px;
	max-height: 740px;
	background: #fff;
}

	articlez {
	width: 715px;
	height: 1370px;
	margin-left: 206px;
	margin-bottom: 100px;
	padding: 10px 0px 0 30px;
	border: 1px solid #e6e6e6;
	min-height: 1370px;
	max-height: 1370px;
	background: #fff;
}

	articles {
	width: 715px;
	height: 450px;
	margin-left: 206px;
	margin-bottom: 100px;
	padding: 20px 0px 0 30px;
	border: 1px solid #e6e6e6;
	min-height: 450px;
	max-height: 450px;
	background: #fff;
}

	articlek .col1 {width: 660px; float: left; margin-right:30px; margin-left:50px; margin-top:85px}
	article .col1 {width: 380px; float: left; margin-right:1px;}
	article .col2 {width: 450px; float: right;}
	article .col3 {width: 213px; float: left; padding-right: 35px; }
	article .col3:last-child {padding-right: 0px;}
	article .col4 {width: 320px; float: left; margin-right:30px; margin-top:20px;}
	article .col5 {width: 300px; float: left; margin-right:30px; margin-top:5px;}
	articles .col5 {width: 390px; float: left; margin-right:1px; margin-top:-5px;}
    articles .col6 {width: 700px; float: left; margin-right:30px; margin-top:5px;}
	footer {color: #b1b1b1; font-size: 12px; margin-left: 220px; line-height: 24px; height: 60px;}
	footer .data {font-size: 11px;}
	footer a {color: #b1b1b1;}

a {text-decoration: none; color: #898989;}
a:hover {color: #643c19; }

h1 {font-size: 18px; line-height: 22px; color: #646464; font-weight: 300; margin-bottom: 20px; font-family: 'Arial';}
h2 {color: #643c19; font-size: 14px; line-height: 22px; font-weight: bold; font-family: 'Arial';}
h3 {color: #643c19; font-size: 15px; line-height: 19px; font-weight: normal; font-family: 'Arial';}
h4 {font-size: 16px; line-height: 64px; font-family: 'Arial'; font-weight: normal; }
h5 {color: #8a6846; font-size: 18px; line-height: 30px; font-weight: normal; font-family: 'Arial';}



#pecivo {overflow: hidden; width: 100%; top: 0; bottom: 0; position: absolute;}
.peciv {position: absolute; background-repeat: no-repeat; height: 1000px; width: 500px; left: 50%; z-index: -10;}
#text1 {background-image: url('images/text1x.png'); margin: 20px 0 0 -270px; width: 642px; z-index:-8}
#osatka {background-image: url('images/osatka.jpg'); margin: 170px 0 0 -250px; width: 928px; z-index:-9}
#kosik {background-image: url('images/kosik.jpg'); margin: 1480px 0 0 -710px; width: 560px;}
#toust {background-image: url('images/toust.jpg'); margin: 1780px 0 0 380px; width: 282px;}
#bageta {background-image: url('images/bageta.jpg'); margin: 2260px 0 0 -600px; width: 512px;}
#chleb {background-image: url('images/chleb.jpg'); margin: 2860px 0 0 -740px; width: 561px;}
#houska {background-image: url('images/houska.jpg'); margin: 2360px 0 0 500px; width: 360px;}
#housky1 {background-image: url('images/housky1.jpg'); margin: 1150px 0 0 500px; width: 338px;}
#korn {background-image: url('images/korn.jpg'); margin: 3400px 0 0 -750px; width: 377px;}
#slunec {background-image: url('images/slunec.jpg'); margin: 3500px 0 0 300px; width: 345px;}
#mouka {background-image: url('images/mouka.jpg'); margin: 4200px 0 0 -650px; width: 516px;}
#bulka {background-image: url('images/bulka.jpg'); margin: 4050px 0 0 500px; width: 350px;}




.textarea-main {float: right; height: 80px; padding: 10px 15px; color: #9e9e9e; width: 165px; background: #fff; color: #646464; font-size: 12px; border: 0px; margin-bottom: 5px; overflow-y: auto; overflow-x: hidden;}
.textarea-main-hidden {display: none;}
.fruit-item {padding: 0px 4px; border-radius: 5px; background: #22b24c; color: #fff; font-size: 11px; margin: 2px 2px 2px 0px; float: left; }

.fruit-item .close {color: #fff; font-weight: bold; width: 10px; padding-left: 5px; cursor: pointer;}

footer {color: #b1b1b1; font-size: 12px; margin-left: 220px; line-height: 24px; height: 300px;}