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

html, body {height: 100%; min-height:100%; min-width: 998px;}
html {background:url("/images/background.png") 50% 0 repeat-y; background-color:#fff;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

html {
    margin-left: 1px;
}

}

* {
margin:0;
padding:0;
border:0;
}

body {background:url("/images/headerback.png") top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#666;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body {
        background-position: 49.999% 0;
    }
}

img, div { behavior: url("/styles/iepngfix.htc"); }

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*highlightning the text
::-moz-selection{ background: #622b0a; color: #e6d69f; text-shadow: none; }
::selection { background: #622b0a; color: #e6d69f; text-shadow: none; }
*/
a, a:hover {outline:none; text-decoration:none;}
a {color:#b8770b;}
a:hover {color:#6badce;}
.selected {color:#b8770b;}

h1 {font-size:18px; font-weight: normal; color:#666;}
h2 {}
.small {text-transform: lowercase;}

.wrapper {width: 998px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -265px; /* the bottom margin is the negative value of the footer's height */
}
.push {height: 265px;} /* .push must be the same height as .footer */

/*HEADER*/
#header {width:998px; text-align: left; background:url("/images/flower1.png") top right no-repeat;}
#headerTop {height:40px;}
#langHolder {width:263px; height:25px; padding-top:15px; float: right; background:url("/images/grayside.png") top left repeat-y;}
.lang a {color:#666; padding-left:20px; float:left; font-size:12px;}
.lang a:hover {color:#72b7d9;}
.langSelected {color:#72b7d9; padding-left:20px; float:left; font-size:12px;}

#headerMiddle {height:140px;}
#headerMiddleLeft {width:735px; float:left;}
#headerMiddleRight {width:263px; float:right; margin-top:50px;}

#headerBottom {height:70px;}
#headerBottomLeft {width:715px; padding: 0 0 0 20px; float:left; text-align:center; background:url("/images/flower2.png") top right no-repeat;}

#headerBottomRight {width:263px; height:70px; float:right; background:url("/images/blueside.png") top left repeat-y;}
#headerBottomRight a {width:243px; height:42px; padding: 28px 0 0 20px; display: block; color: #666;}
#headerBottomRight a:hover {color: #fff;}
/**/
#app a {width:100px; height:28px; padding-top:5px; text-align:center; color:#666; display:block; background-color: #eee;}
#app a:hover {background-color: #abe5f5;}
.btnEvent {padding: 20px 0 0 0;}
.btnEvent a {width:200px; height:28px; padding-top:5px; text-align:center; color:#666; display:block; background-color: #eee;}
.btnEvent a:hover {background-color: #abe5f5;}
.nopad {padding: 21px 0 0 0;}
.textpad {padding: 0 0 40px 28px;}

/*CONTENT*/
#content {width:998px; padding: 65px 0 50px; text-align:left;}

#contentLeft {width:726px; float:left;}
.title h1 {padding: 0 35px 35px 20px;}
.text {line-height:22px; padding: 0 36px 40px 20px;}
.text ul li {margin-left:15px;}
.text ul li span {font-style: italic;}
.titleEvent h1 {padding: 0 28px 5px 0;}
.dateEvent {padding: 0 28px 35px 0; font-style: italic;}

/*RIGHT*/
#contentRight {width:263px; float:right;}
.rightTitle {height:27px; width:263px; margin-bottom:12px; text-transform: uppercase; background:url("/images/divider.png") bottom left no-repeat;}
.rightTitle h1 {padding-left: 20px; text-shadow: 1px 1px 1px #fff;}
.rightNews ul li {font-size:12px; padding: 0 0 18px 20px; list-style:none; line-height:16px;}
.rightNews ul li a {color:#666; display: block;}
.rightNews ul li a:hover {color:#72b7d9;}
.rightNews ul li a span {color: #999; font-style:italic;}
.rightNews ul li a:hover span {color: #72b7d9;}
.pad1 {padding: 18px 0 0 0;}
.btnSideGray {width:263px; height:40px; background:url("/images/grayside.png") top left repeat-y; text-transform: uppercase;}
.btnSideGray a {width:243px; height:27px; padding: 13px 0 0 20px; display: block; color: #666;}
.btnSideGray a:hover {color: #72b7d9;}

.btnSideBlue {width:263px; height:70px; line-height: 18px; margin-top: 25px; background:url("/images/blueside.png") top left repeat-y; text-transform: uppercase;}
.btnSideBlue a {width:243px; height:33px; padding: 17px 0 0 20px; display: block; color: #666;}
.btnSideBlue a:hover {color: #fff;}

/*GALLERY*/
#gallery {padding-left: 28px;}
.photoThumb a {width: 198px; height: 135px; padding: 12px 0 0 12px; margin: 0 20px 20px 0;
               border: #bbb solid 1px; border-radius: 5px; float: left;}
.eventThumb a {width: 198px; height: 135px; padding: 12px 0 0 12px; margin: 20px 20px 0 0;
               border: #bbb solid 1px; border-radius: 5px; float: left;}

/*CONTACT*/
.textContact {height:54px;}
.textContact label {width:170px; float:left; padding-top:9px;}
.textContact input {width:350px; height:21px; float:left; padding:5px; color: #666;
                    border: #bbb solid 1px; border-radius: 5px;}
#contact textarea {color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
#areaLeft {width:170px; float: left; padding-top:5px;}
#areaRight {width:360px; float: left;}
#area {padding: 5px 0 8px 10px; width: 350px; 
        border: #bbb solid 1px; border-radius: 5px;}

#captchaHolder {width: 310px; height: 55px; margin: 20px 0 20px 170px; display: inline-block; padding: 5px 0 0 50px;
                border: #bbb solid 1px; border-radius: 5px;}
.error {background-color:#ededed !important;}
#app {margin-left: 170px;}
#app a {width:100px; height:28px; padding-top:5px; text-align:center; color:#666; display:block; background-color: #eee;}
#app a:hover {background-color: #abe5f5;}

.checkbox {position: relative; display: block; margin-top: 10px; margin-bottom: 10px; width: 80%;}
.checkbox label {font-size: 14px; font-style: italic; padding-left: 22px;}
input[type="checkbox"] {margin-left: -22px; position: absolute; margin-top: 5px; display: inline-block;}

/*FOOTER*/
#footer {position:relative; text-align:center; height:265px; clear:both; 
         background:url("/images/footer.png") bottom left repeat-x; min-width: 998px;}
#footer a {color:#666;}
#footer a:hover {color:#6badce;}
#footer ul {list-style: none;}
#footer ul li a {line-height:28px;}

#footcontent {width:998px; margin-left:auto; margin-right:auto; font-size:14px;}

#footerUp {height:215px; text-align:left;}
.footerUpColumn {width:200px; padding-top: 36px; float:left;}
.colLeft {padding-left:20px;}
#footerUpRight {padding-top: 40px; width:223px; float:right; padding-right:20px; text-align:left;}
#footerTitle {padding-bottom:16px; line-height:20px;}
#footerText {font-size:12px; line-height:20px;}

#footerDown {height:32px; padding-top:18px; font-size:12px;}
#footerDownLeft {float:left; padding-left:20px;}
#footerDownRight {width:243px; float:right; text-align:left;}

/*MENU SLIDER*/
#top-menu ul {list-style:none; display:inline; float:left; }
#top-menu ul li { clear:none; float:left; margin:0; position:relative; z-index:10; text-transform:uppercase; letter-spacing:1px; padding:0; list-style:none; }
#top-menu ul li a {height:42px; padding: 28px 40px 0 20px; float:left; color:#666; text-align:center; text-transform:uppercase;}
#top-menu ul li a:hover {color:#72b7d9;}
#top-menu ul li a.active {color:#72b7d9;}
#top-menu ul li.current_page_item a, 
#top-menu ul li.current_menu_parent a, 
#top-menu ul li.current-menu-ancestor a, 
#top-menu ul li.current_page_ancestor a {  }

/* Menu Childrens */

#top-menu ul ul {min-width:90px; margin:0; position:absolute; visibility: hidden; z-index:2000; padding:5px 0 10px 0; background:#efefef;  -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px; box-shadow:2px 2px 2px rgba(0, 0, 0, .2);-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, .2);-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, .2);
background: -moz-linear-gradient(top, #fff, #e6e7e8); 
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e7e8));}

#top-menu ul ul li {float:left; display: inline; clear:both; margin:0; text-transform:none; padding:0; margin:0; }

#top-menu ul ul li a,
#top-menu ul ul li.current_menu_parent a,
#top-menu ul ul li.current-menu-ancestor a, 
#top-menu ul li.current_menu_parent ul li a,
#top-menu ul li.current-menu-ancestor ul li a, 
#top-menu ul li.current-menu-item ul li a, 
#top-menu ul ul li.current_page_ancestor a {min-width:90px; width:auto; height:22px; border:none; color:#666; margin: 0; background:none; padding: 5px 20px 0 20px; font-weight:normal; display:inline; font-size:12px; text-align:left; text-transform:none;}

#top-menu ul li.current_menu_parent ul li a:hover,
#top-menu ul li.current-menu-ancestor ul li a:hover, 
#top-menu ul li.current-menu-item ul li a:hover, 
#top-menu ul ul li a:hover {border:none; background:#abe5f5; color:#666; margin:0; }
#top-menu ul ul li.current_page_item a {background:#abe5f5; font-weight:bold;}
#top-menu ul ul ul {display:none; margin-top:-5px; -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;}

/* Menu Active */

#top-menu ul li.current_page_item a,
#top-menu ul li.current-menu-item a, 
#top-menu ul li.current_menu_parent a, 
#top-menu ul li.current-menu-ancestor a, 
#top-menu ul li.current_page_ancestor a { color:#fff; }