@charset "utf-8";
/* CSS Document */

		* { margin:0; padding:0; border:0; }
		html { font-family:"Segoe UI"; font-size:12px; height:100%; margin-bottom:1px; overflow-y:scroll; /*IE: overflow:visible;*/ }
		body { background:#f2ff99 url('../images/background/main.png') repeat-x; }
		
		.clear { clear:both; }
		.left { float:left; }
		.right { float:right; }
		.relative { position:relative; }
		.w350 { width:340px; }
		.w500 { width:480px; }
		.q3 { width:273px; float:left; margin-right:10px; }
		.q3.last { margin-right:0; }
		.boxes { height:260px; overflow:hidden; }
		
		.light-yellow { background-color:#f2ff99; }
		hr.light-green { border-color:#bfe37c; margin:15px 0; }
		.light-green { background-color:#bfe37c; }
		
		a { text-decoration:none; color:#000000; }
		a:hover { border-bottom:1px solid #000; }
		
		.link-button { float:right; color:#626f06; padding:2px 3px; margin-top:13px; }
		.link-button:hover { background-color:#ddee66; color:#006600; border:none; }
		
		h1.nobg { background:url('../images/other/h1.png') no-repeat; color:#000; padding:0 0 0 35px; margin:0 0 20px 0; font-size:18px; line-height:25px; font-family:Georgia; font-style:italic; font-weight:normal; border:none; }
		h1 { background:url('../images/other/h1.png') no-repeat 9px 9px; color:#000; margin:0 0 10px 0; font-size:18px; line-height:25px; font-family:Georgia; font-style:italic; font-weight:normal; padding:10px 10px 10px 50px; -moz-border-radius:10px; border-radius:10px; border-color:#82a546; border-width:0 1px 1px 0; border-style:solid; background-color:#f2ff99; }
		p { margin:0 10px; text-align:justify; line-height:19px; }
		hr { border-bottom:1px solid #f2ff99; height:1px; margin:10px 0; }
		
		ul.stylize { list-style-type:none; margin-left:5px; }
		ul.stylize li { background:url('../images/other/li.png') no-repeat; padding-left:20px; margin-top:10px; }
		
		.global-container, #headerbar-container #wrapper { width:860px; margin:0 auto; }
		#top { height:130px; position:relative; }
			ul#menu { list-style-type:none; position:absolute; bottom:0; left:0; font-size:15px; }
				ul#menu li { float:left; margin-right:1px; }
				ul#menu li a { display:block; width:62px; height:73px; text-align:center; color:#4d7a36; padding-top:40px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border:none; }
				ul#menu li a:hover { background:url('../images/background/menu_hover1.png'); color:#fff; }
				ul#menu li a#active { background:url('../images/background/menu_hover.png'); color:#fff; }
			#logo { background:url('../images/other/logo_so.png') no-repeat; height:105px; left:350px; width:172px; position:absolute; top:10px; }
			#logo a { display:block; width:inherit; height:inherit; }
			#logo a { border:0; outline:0; }
			#motto { background:url('../images/other/zaplanujemy.png') no-repeat; position:absolute; top:50px; right:80px; width:158px; height:28px; }

		#content { /*top:348px; position:absolute;*/ padding:10px; width:840px; background-color:#bfe37c; color:#194206; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; margin:1px 0 5px 0; }
			.column { /*outline:1px solid red;*/ }
			.row { margin-bottom:10px; overflow:auto; }
			.mark-that { padding:20px; -moz-border-radius:10px; border-radius:10px; border-color:#82a546; border-width:0 1px 1px 0; border-style:solid; }
			
			#galler-y {  }
			#gallery-img { width:233px; border:1px solid red; }
			#gallery-img img { border:1px solid red; /*border-style:solid; border-width:1px; border-color:#fff #79894e #79894e #fff;*/ }
			ul#gallery { list-style-type:none; width:100%; text-align:center; }
			ul#gallery li { display:inline; height:30px; width:31px; margin-right:2px; padding:0; margin-bottom:2px; margin-top:3px; }
			
			.photos-container { /*background:url('../images/other/foto_shadow.png') no-repeat left bottom;*/ width:473px; padding:30px 0 50px 45px; outline:1px solid red; }
			.photos-container .gallery-img { float:left; width:252px; height:156px; outline:1px solid green; }
			.photos-container .menu { float:left; width:192px; outline:1px solid blue; }
			.photos-container ul.gallery-menu { list-style-type:none; outline:1px solid red; width:178px; outline:1px solid orange; }
			.photos-container ul.gallery-menu li { float:left; height:37px; width:87px; margin:0; padding:0; }
			
			.map { margin-top:30px; }
			.map img { float:left; margin:0 20px 20px 0; }
			
			.address { text-align:center; line-height:20px; }
			.address h1 { text-align:left; }
			.address .phone { font-size:21px; }
			
			.q2.small { width:240px; float:left; }
				 ul.submenu { list-style-type:none; }
				 ul.submenu li a { background:url('../images/other/li.png') no-repeat 3px 4px; display:block; border-bottom:1px solid #d3e655; padding:3px 3px 3px 23px; }
				 ul.submenu li a:hover, ul.submenu li a#active { background-color:#dcee62; }
			.q2.large { margin-left:20px; width:579px; float:left; }
		
		#footer { text-align:right; margin-bottom:20px; font-size:10px; color:#a7cb65; }
		#footer a { color:#BFE37C; }
		#footer a:hover { color:#194206; border:0; }
		
		#headerbar-container { background:url('../images/background/header2.jpg') repeat-x 50% 0; height:216px; margin-top:1px; position:relative; width:100%; }
			#trees { background:url('../images/background/trees.png') no-repeat; bottom:0; height:54px; position:absolute; width:100%; z-index:100; }
			#flower { bottom:0; height:216px; position:absolute; width:340px; left:-10px; }
			#headerbar-container #wrapper { height:216px; position:relative; }
				#cards-container { position:absolute; bottom:0; right:0; }
				#cards-container #cards ul { position:absolute; top:-30px; list-style-type:none; }
				#cards-container #cards ul li { float:left; }
				#cards-container #cards ul li a { display:block; padding:5px 7px 20px 7px; margin-right:1px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; color:#000; outline:0; }
				#cards-container #cards ul li a:hover, #cards-container #cards ul li a#active { background-color:#81BA39; color:#000; }
				#card-background { position:absolute; top:0; background:#81BA39 url('../images/background/menu_hover1.png') repeat-x bottom; height:125px; width:460px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; padding:20px; z-index:0; border-right:1px solid #326b18; }
		
		#myGallery
		{
			width: 232px !important;
			height: 143px !important;
			padding:0; margin-bottom:10px;
			-moz-border-radius:10px; border-radius:10px;
		}
		
		.corner { position:absolute; z-index:100; width:8px; height:8px; }
		.corner.yellow, .corner.green { width:8px; height:8px; }
		.corner.yellow.tl { top:0; left:0; background:url('../images/other/corners/yellow/tl.png') no-repeat; }
		.corner.yellow.tr { top:0; right:0; background:url('../images/other/corners/yellow/tr.png') no-repeat; }
		.corner.yellow.br { bottom:0; right:0; background:url('../images/other/corners/yellow/br.png') no-repeat; }
		.corner.yellow.bl { bottom:0; left:0; background:url('../images/other/corners/yellow/bl.png') no-repeat; }
		.corner.green.tl { top:0; left:0; background:url('../images/other/corners/green/tl.png') no-repeat; }
		.corner.green.tr { top:0; right:0; background:url('../images/other/corners/green/tr.png') no-repeat; }
		.corner.green.br { bottom:0; right:0; background:url('../images/other/corners/green/br.png') no-repeat; }
		.corner.green.bl { bottom:0; left:0; background:url('../images/other/corners/green/bl.png') no-repeat; }
		
		#gallery table td { vertical-align:top; }
		#gallery table td .itemGallery { width:233px; margin:23px !important; margin:11px; float:left; }
		#gallery .itemGallery a:hover { border:0; }
		#gallery .itemGallery .image { position:relative; width: 233px !important; height: 144px !important; padding:0; margin-bottom:10px;	-moz-border-radius:10px; border-radius:10px; overflow:hidden; }
		
		.form-row { padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #fff; overflow:auto; }
		
		.form-row label{
		display: block;
		float: left;
			width: 150px;
		}
		form.jqtransform .form-row label{
			width: 150px;
		}
		form.jqtransform .form-row label.radiovalue{
			width:30px;
			display: block;
			float: left;
		}
		form.jqtransform .form-row label.checkboxvalue{
			width:70px;
			display: block;
			float: left;
			padding-left: 5px;
		}
		
		input { width:60%; }