@charset "utf-8";
/* CSS Document */
html { font-size:125%; }

body       { background:#83A703 url(images/bgr.jpg) repeat-x center top; margin:0; padding:0; font-size:50%; }
body.intro { background:#83A703 url(images/pozad.jpg) repeat-x center top; } 
#introwrap { width:545px; margin:0 auto; background:url(images/intro.jpg); height:777px; }
#introwrap h1 { display:block; height:370px; margin:0; padding:0;  }
#introwrap ul { margin:0; padding:0;  }
#introwrap li { display:block; float:left; width:272px; height:400px; list-style:none;  }
#introwrap li a { display:block; width:272px; height:400px; }
#introwrap span { display:none; }


#head { width:798px; height:190px; background:url(images/head.jpg); margin:0 auto; }

#menu { width:798px; height:50px; background:url(images/mm.jpg); margin:0 auto; }
#menu ul { margin:0 0 0 0px; padding:0; }
#menu ul li { display:block; height:35px; float:left; list-style:none; }
#menu ul li a span { display:none; }
#menu li a { display:block; height:50px; }
#menu li.m01 a { background:url(images/m01.jpg); width:133px; }
#menu li.m01 a:hover { background:url(images/m01u.jpg); }
#menu li.m02 a { background:url(images/m02.jpg); width:133px; }
#menu li.m02 a:hover { background:url(images/m02u.jpg); }
#menu li.m03 a { background:url(images/m03.jpg); width:133px; }
#menu li.m03 a:hover { background:url(images/m03u.jpg); }
#menu li.m04 a { background:url(images/m04.jpg); width:133px; }
#menu li.m04 a:hover { background:url(images/m04u.jpg); }
#menu li.m05 a { background:url(images/m05.jpg); width:133px; }
#menu li.m05 a:hover { background:url(images/m05u.jpg); }
#menu li.m06 a { background:url(images/m06.jpg); width:133px; }
#menu li.m06 a:hover { background:url(images/m06u.jpg); }


#wrap { width:798px; height:505px; margin:0 auto ; }
.wprint { background:url(images/bgr-print.jpg);  }
.wprint .in { padding:0 0 0 40px; margin:0 auto 0 0; width:475px; float:left; }
.wzoya { background:url(images/bgr-zoya.jpg);  }
.wzoya .in { padding:0 0 0 40px; margin:0 auto 0 0; width:475px; float:left; }
.wdesign { background:url(images/bgr-design.jpg); }
.wdesign .in { padding:0 0 0 40px; margin:0 auto 0 0; width:475px; float:left;  }
.wdonaska { background:url(images/bgr-donaska-kvetov.jpg) no-repeat center top; }
.wdonaska .in { padding:10px 0 0 25px; margin:0 auto 0 0;   }
.wponuka { background:url(images/bgr-party-formular.jpg) no-repeat center top; }
.wponuka .in { padding:10px 0 0 40px; margin:0 auto 0 0;   }
.wakcie { background:url(images/bgr-akcie.jpg) no-repeat center top; }
.wakcie .in { padding:10px 0 0 40px; margin:0 auto 0 0;   }
.wgsvadobne { background:url(images/bgr-svadobne-kytice.jpg) no-repeat center top; }
.wgsvadobne .in { padding:110px 0 0 40px; margin:0 auto 0 0;   }
.wgrealizacie { background:url(images/bgr-realizacie.jpg) no-repeat center top; }
.wgrealizacie .in { padding:110px 0 0 40px; margin:0 auto 0 0;   }
.wgkvetinarstvo { background:url(images/bgr-kytice-aranzmany.jpg) no-repeat center top; }
.wgkvetinarstvo .in { padding:110px 0 0 40px; margin:0 auto 0 0;   }

.wnovinky { background:url(images/bgr-novinky.jpg) no-repeat center top; }
.wnovinky .in { padding:10px 0 0 40px; margin:0 auto 0 0;   }
.wpartneri { background:url(images/bgr-partneri.jpg) no-repeat center top; }
.wpartneri .in { padding:10px 0 0 40px; margin:0 auto 0 0;   }
.wzabezpecujeme { background:url(images/bgr-zabezpecujeme.jpg) no-repeat center top; }
.wzabezpecujeme .in { padding:10px 0 0 40px; margin:0 auto 0 0;   }

.wkontakt { background:url(images/bgr-kontakt.jpg); }
.wkontakt .in { padding:10px 0 0 40px; margin:0 auto 0 0;   }
.wgallery { background:url(images/bgr-gallery.jpg) no-repeat; height:680px!important; }
.wgallery .in { text-align:center; margin:0 auto; padding:110px 40px 0;  }
.weshop { background:url(images/bgr-eshop.jpg); }
.weshop .in { padding:10px 0 0 40px; margin:0 auto 0 0; width:700px;  }
.wgalkytice { background:url(images/bgr-svadobne-kytice.jpg) no-repeat; height:680px!important; }
.wgalkytice .in { text-align:center; margin:0 auto; padding:110px 40px 0;  }
.wgalparty { background:url(images/bgr-party-galeria.jpg) no-repeat; height:680px!important; }
.wgalparty .in { text-align:center; margin:0 auto; padding:110px 40px 0;  }
.wgalkvetinarstvo { background:url(images/bgr-svadobne-kytice.jpg) no-repeat; height:680px!important; }
.wgalkvetinarstvo .in { text-align:center; margin:0 auto; padding:110px 40px 0;  }

.bban { float:left;  } 
ul.g1 { margin:20px 0 0 30px; padding:0; }
ul.g1 li { display:block; width:230px; margin-bottom:10px; }
ul.g1 li a { display:block; height:190px; }
ul.g1 li span { display:none; }

ul.g1 li.m1 a { margin:15px 0 5px; height:80px; }
ul.g1 li.m2 a { margin:0 0 5px; height:80px; }

ul.g2 { margin:60px 0 0 30px; padding:0; }
ul.g2 li { display:block; width:220px; margin-bottom:10px; }
ul.g2 li a { display:block; height:70px; }
ul.g2 li span { display:none; }

.wpartneri ul { margin:0; padding:95px 0 0 0; }
.wpartneri ul li { list-style:none; float:left; display:block; padding-right:10px; }
.wpartneri ul li a { width:134px; height:142px; display:block; }
.wpartneri ul li a span { display:none; }

#wrap h1 { display:block; height:130px; margin:0; } 
#wrap h1 span { display:none; }
#wrap.wdonaska h1 { height:110px; }
 #wrap.wdonaska h1 a { display:block; height:90px; width:230px; float:right;  }
#wrap p { margin:0 0 10px 0; font:normal 1.3em/1.6em Tahoma, Geneva, sans-serif; color:#888; }
#wrap h3 { margin:20px 0 10px 0; font:normal 1.4em/1.6em Tahoma, Geneva, sans-serif; color:#C23894; font-style:italic; }

#wrap .zeleny { font-weight:bold; color:#87AB05; font-size:110%; }
#wrap .losos { font-weight:bold; color:#CA5F9E; }
.stlpec { width:300px; float:left; }
.sform {  width:400px; }
#wrap h3 { margin:0; font-weight:bold; color:#87AB05; font-size:1.4em; font-style:normal; }
fieldset { border:0 none; }
 label { width:100px; text-align:left; }
 label span { padding-left:15px; display:block; }
 label.rd { width:inherit; text-align:left; padding:0 30px 0 8px; }
 label.error {
   color:red; position:inherit; text-align: left; width: 140px;
   display:block; margin-top:15px; float:none; overflow:hidden; top:-35px;
   
}
.jqTransformInputInner div input { position:relative !important; }
#wrap p.info { background:#C5E152; display:block; padding:1px; text-align:center; color:#fff; font-weight:bold; margin-right:25px; }

#toppanel { width:800px; margin:0 auto; background:#fff url(images/slidek.jpg) no-repeat 1px top; overflow:hidden; height:30px; text-align:center; }
#toppanel ul { margin:0; padding:0 0 0 490px;  width:300px; }
#toppanel li { display:block; list-style:none; height:30px; float:left; }
#toppanel a { height:30px; background:#C6C; color:#fff; font:bold 1.2em/30px Tahoma, Geneva, sans-serif; padding:0 10px; margin:0 4px; display:block; text-decoration:none; }
#toppanel a.rer { background:#be2228;  }#toppanel a.red { background:#be2228; }
#toppanel li.facebook { width:30px; padding:0; }
#toppanel li.facebook a { width:30px; background:url(images/facebook.jpg) no-repeat left top; }
#toppanel li.facebook a span { display:none; }

.inside { padding:35px 20px 10px; text-align:center;   }

.panel_button {
	margin:0 auto;
	position: relative;
	top: 1px;
	width: 200px;
	height: 30px;
	background: url(images/btn-donaska.png);
	z-index: 20;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	cursor: pointer;
}
.panel_button a span { display:none; }


#panel {

	width: 800px;
	position: relative;
	top: 1px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}

#panel_contents {

	background: #fff;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	height: 100%;
	width: 800px;
	position: absolute;
	z-index: -1;
}



div.nomargin{	/* our special nomargin class */
	margin-right:0px;
}

.pic{	/* divs that hold all the pictures in the gallery */
	float:left;
	margin:0 15px 15px 0;
	border:5px solid #f5f5f5;
	width:155px;
	height:100px;
}

.pic a{	/* in every .pic container there is a hyperlink exactly the size of the container */
	width:155px;
	height:100px;
	text-indent:-99999px;
	display:block;	/* don't forget that widths and heights of hyperlinks are useless without display:block */
}

#toppanel img { border:0 none; }
