body { background: url('images/grey-pattern.jpg') repeat right top; color: #000000; font-family: 'Roboto Condensed', sans-serif; margin: 0; padding: 0; }

.HeaderWrapper { background-color: #ffffff; width: 100%; }
	.Header { background: url('images/head-bg.png') no-repeat right top; height: 180px; margin: 0 auto; width: 1200px; }
	.Header a.Logo { background: url('images/logo.png') no-repeat center center; display: block; float: left; height: 100px; margin-left: 5px; margin-top: 40px; width: 260px; }
	.Top1 { float: left; height: 65px; margin-left: 95px; width: 840px; }
	.Top2 { float: left; height: 75px; margin-left: 95px; width: 840px; }
	.Top3 { float: right; height: 40px; width: 840px; }
	.Nameday { color: #ffffff; font-family: 'Roboto Condensed'; float: left; font-size: 1.10em; line-height: 75px; }
	.Search { float: right; margin-right: 8px; padding: 22px 0 0 0; }
		.Search fieldset { background: none; border: none; margin: 0; padding: 0; }
		.inline-search input[type="text"] { background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 5px; height: 20px; line-height: 20px; position: relative; padding: 5px 10px 4px 10px; width: 117px; transition: all .20s linear; }
		.inline-search input[type="text"]:hover { background-color: #f0f0f0; box-shadow: inset 0 0 7px rgba(0,0,0,.1); }
		.inline-search input[type="text"]:focus { background-color: #f8f8f8; border-color: #b1b0b0; box-shadow: inset 0 0 5px rgba(0,0,0,.15); }
		.inline-search input[type="submit"] { background: url(../images/submit-search.png) no-repeat; border: none; cursor: pointer; font-size: 0; height: 31px; line-height: 0; text-indent: -9999px; vertical-align: middle; width: 31px; }

.TopMenu { float: right; height: 40px; }
	.TopMenu ul { list-style: none; margin: 0; padding: 0; }
	.TopMenu > ul { float: right; height: 40px; margin: 0 0 0 15px; }
	.TopMenu > ul > li { float: left; margin: 0 0 0 0; padding-left: 20px; position: relative; }
	.TopMenu > ul > li > span { background: url(images/topmenu-bullet.jpg) no-repeat center center; display: block; float: left; height: 40px; width: 24px; }
	.TopMenu > ul > li > a { color: #9a1c16; float: left; font-family: 'Roboto Condensed'; font-size: 1.10em; line-height: 40px; padding: 0; text-align: center; text-decoration: none; }
	.TopMenu > ul > li:hover span { animation: rotating-function 1.2s linear infinite; }
	@keyframes rotating-function { 0% { opacity: 1.0 } 25% { opacity: .75 } 50% { opacity: .60 } 75% { opacity: .75 } 100% { opacity: 1.0 } }
	/*.TopMenu > ul > li.current-menu-item > a { background-color: #85b602; border-radius: 0 0 4px 4px; border-top: 1px solid rgba(255,255,255,.4); box-shadow: 0 2px 3px 1px rgba(0,0,0,.2); color: #fff; } */
	.TopMenu ul.sub-menu { background: #9c1c19; display: none; left: 0; margin: 0; position: absolute; top: 42px; width: 250px; z-index: 9999; }
	.TopMenu ul.sub-menu li { background: #9c1c19; background: linear-gradient(to bottom,  #1a1a1a 0%,#0d0d0d 100%); border-top: 1px solid #000; padding: 0 0 0 8px; position: relative; }
	.TopMenu ul.sub-menu li:hover > a,
	.TopMenu ul.sub-menu li.active a { background-position: left 8px; color: #fff !important; }
	.TopMenu ul.sub-menu li a { background: url(../images/arrow.png) no-repeat left -27px; color: #a1a1a1 !important; display: block; font-size: 1em; padding: 0 0 0 20px; line-height: 26px; text-decoration: none; }

.redwrapper { background: url('images/red-pattern.png') repeat right top; border-top: solid 10px #ffffff; height: 220px; }

#content { background-color: #ffffff; box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5); min-height: 900px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 180px; width: 1200px; }
.leftSide { float: left; margin: 10px 0 10px 10px; width: 200px; }
.contentCenter { float: left; margin: 10px 10px 10px 10px; width: 760px; }
.content-wrapper { padding: 0 10px; }

.rightSide { float: right; margin: 10px 10px 10px 0; width: 200px; }
	.rightSide .padding { padding: 10px 0; }
	
.Page { }	
	.Page h1 { font-weight: 400; }
	.Page a { border: none; color: #9a1c16; text-decoration: none; }
	.Page a:hover { border-bottom: dotted 1px #9a1c16; }

.SearchContent { }	
	.SearchContent h1 { font-weight: 400; }
	.SearchContent h2 { font-weight: 400; }
	.SearchContent a { color: #9a1c16; text-decoration: none; }
	.SearchContent a:hover { border-bottom: dotted 1px #9a1c16; }


.LeftMenu { /* height: 40px; margin-left: 90px; margin-top: 140px; width: 840px; */ }
	.LeftMenu a { display: block; position: relative; }
	.LeftMenu ul { list-style: none; margin: 0; padding: 0; }
	.LeftMenu li { position: relative; }
	.LeftMenu > ul { float: left; margin: 0; }
	.LeftMenu > ul > li { background: #9c1c19 url(images/leftmenu-bullet-inactive.jpg) no-repeat 4% 50%; margin: 2px 0; padding: 10px; position: relative; width: 180px; }
	.LeftMenu > ul > li > a { color: #ffffff; display: block; font-family: 'Roboto Condensed'; font-size: 1em; padding: 0 0 0 20px; text-decoration: none; }
	.LeftMenu > ul > li:hover a { color: #cdbc00; }
	/*.LeftMenu > ul > li.current-menu-item > a { background-color: #85b602; border-radius: 0 0 4px 4px; border-top: 1px solid rgba(255,255,255,.4); box-shadow: 0 2px 3px 1px rgba(0,0,0,.2); color: #fff; } */
	.LeftMenu ul.sub-menu { background: #9a1c16; display: none; margin: 0; position: absolute; width: 250px; z-index: 9999; }
	.LeftMenu ul.sub-menu li { background: #9a1c16; border-top: 1px solid #9c5b57; padding: 0 0 0 8px; }
	.LeftMenu ul.sub-menu li:hover > a,
	.LeftMenu ul.sub-menu li.active a { background: url(../images/arrow_on.png) no-repeat left center; color: #fff !important; }
	.LeftMenu ul.sub-menu li a { background: url(../images/arrow_off.png) no-repeat left center; color: #ffffff !important; display: block; font-size: 1em; padding: 0 0 0 20px; line-height: 26px; text-decoration: none; }
	
	
.image-grid { list-style: outside none none; padding: 0; }
.image-grid li { float: left; margin-top: 0; margin-bottom: 20px; padding: 0; position: relative; width: 100%; }
.image-grid li img { background-color: #ffffff; border: solid 1px #d1d1d1; border-radius: 4px; box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); padding: 6px; }
.image-grid .gallerytext { float: right; width: 480px; }
.image-grid .title { float: left; font-family: 'PT Sans Narrow', sans-serif; font-size: 20px; font-weight: 400; margin-bottom: 10px; width: 100%; }
.image-grid .description { float: left; }
.image-grid .description p { margin: 0; }
.gallery-image .curtain { display: block; height: 165px; left: 0; margin-left: 7px; margin-top: 7px; opacity: 0; position: absolute; top: 0; width: 100%; }
.photogallery-list .curtain { background: url("images/zoom.png") no-repeat scroll center center rgba(255, 255, 255, 0.4); content: ""; cursor: pointer; display: block; height: 140px; left: 0; opacity: 0; position: absolute; text-indent: -9999px; top: 0; transition: opacity 0.2s ease-in-out 0s; width: 220px; }
.photogallery-list .gallery-image:hover .curtain { opacity: 1; }
	


.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}


.sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; }

.sf-vertical { width: 12em; }
.sf-vertical ul { left:	100%; top: 0; }
.sf-vertical > li { float: none; }
.sf-vertical li { width: 100%; }

/*** alter arrow directions ***/
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255,255,255,.5);
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
  border-left-color: white;
}

/*



.navigation li:hover ul,
.navigation > li.sfHover ul {
	top: 4em;
	left: 0;
	z-index: 9999;
	zoom: 1;
}

.navigation .sub-menu li.sfHover ul { left: 168px; position: absolute; top: 0; width: 167px; }
.navigation ul.sub-menu li:first-child { border-top: none; }


*/

/* ---- Search Top ---- */


.sf-vertical {
  width: 200px;;
  /* If you want the width of the closed menu to expand to its
  widest top-level menu item (like its "Supersubs" submenus do),
  replace the width rule above with the following two rules. */

  /*
  min-width: 12em;
  *width: 12em;
  */
}
.sf-vertical > li {
  float: none;
}
.sf-vertical li {
  width: 100%;
}

/*** alter arrow directions ***/
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255,255,255,.5);
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
  border-left-color: white;
}

#fontsizer { float: right; padding: 20px 0 0 0; }
#fontsize { margin: 80px auto 0px auto; text-align: right; width: 960px; }
.fsizer a { display: block; float: left; margin-right: 5px; text-align: center; color: #9c1c19; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height: 100%; font-family: Arial; width: 20px; }
.fsizer a:hover { text-decoration: none; }
.fsizer a#fs_normal { font-size: 9px; height: 20px; line-height: 20px; }
.fsizer a#fs_size1 { font-size: 11px; height: 20px; line-height: 20px; }
.fsizer a#fs_size2 { font-size: 13px; height: 20px; line-height: 20px; }
.fsizer a#fs_size3 { font-size: 15px; height: 20px; line-height: 20px; }
.fsizer a#fs_size4 { font-size: 17px; height: 20px; line-height: 20px; }
.fsizer a.fsactive { color: #ffffff !important; background: #9c1c19; cursor: default; }



.Kozvilagitas { }
	.Kozvilagitas h1 { font-weight: normal; }
	.Kozvilagitas .row { clear: both; padding: 3px 0; }
	.Kozvilagitas label { float: left; width: 150px; }
	.Kozvilagitas input[type="text"] { background-color: #f1f1f1; border: solid 1px #000000; float: left; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; padding: 3px 7px; width: 300px; }
	.Kozvilagitas textarea { background-color: #f1f1f1; border: solid 1px #000000; float: left; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; height: 110px; padding: 3px 7px; resize: none; width: 300px; }
	.Kozvilagitas span { display: block; float: left; font-size: 12px; padding-left: 10px; }