
/* BLOCK ELEMENT STYLES */

html { width:100%; height:100%; min-width:100%; min-height:100%; }
body { width:100%; height:100%; min-width:100%; min-height:100%; background:#d2d2d2; font-size:14px; font-family:"Frutiger55",Helvetica,Arial,sans-serif; font-style:normal; font-weight:500; }


b,strong { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; }
i,em { font-family:"Arimo", sans-serif; font-weight:normal; font-style:italic; font-weight:400; }
b i, b em, strong i, strong em, i b, i strong, em b, em strong { font-family:"Arimo", sans-serif; font-style:italic; font-weight:700; }

p, span, li, ul, div, h1, h2, h3, h4, h5 { cursor:default; }
a p, a span, a li, a ul, a div, a h1, a h2, a h3, a h4, a h5 { cursor:pointer; }

/* MAIN CONTAINERS */

.menu_container { background:none; height:180px; position:absolute; top:-80px; z-index:99999; width:100%; }
.menu_container.sticky { background:#a4a99c; height:80px; position:fixed; top:0px; z-index:99999; width:100%; }
.menu_container.fixed { background:#a4a99c; height:80px; position:fixed; top:0px; z-index:99999; width:100%; }

	.orange { background-color:#ff9f17 !important; }
	.darkgreen { background-color:#466a00 !important; }
	.green { background-color:#74b000 !important; }
	.brown { background-color:#754500 !important; }
	.blue { background-color:#369dbb !important; }
	.grey { background-color:#a4a99c !important; }
	.darkgrey { background-color:#4b5439 !important; }

.homemenu_container { background:#a4a99c; height:550px; }
.homenews_container { background:#ffffff; min-height:550px; margin-top:10px; }
.homeactivities_container { background:#f4f4f4; min-height:550px; margin-top:10px; }
.homehistory_container { background:#ffffff; min-height:550px; margin-top:10px; }
.footer_container { background:#a4a99c; min-height:550px; margin-top:10px; }

.subpage_container { background:#ffffff; min-height:750px; margin-top:80px; }
	.subpage_menu { background:#f2f2f2; min-height:750px; }
	
	
.fullimage-right { float:right; width:50%; height:100%; display:block; background:#a4a99c; min-height:550px; overflow:hidden; }
.fullimage-left { float:left; width:50%; height:100%; display:block; background:#a4a99c; min-height:550px; overflow:hidden; }
	.fullimage-holder { width:100%; height:100%; min-height:550px; display:block; background-size:cover; }
	#banner1 { position:absolute; width:100%; height:100%; opacity:0; }
	#banner2 { position:absolute; width:100%; height:100%; opacity:0; }
	#banner3 { position:absolute; width:100%; height:100%; opacity:0; }
	#banner4 { position:absolute; width:100%; height:100%; opacity:0; }
	#banner5 { position:absolute; width:100%; height:100%; opacity:0; }
	
	#banner1,#banner2,#banner3,#banner4,#banner5,#banner6,#banner7,#banner8,#banner9,#banner10 { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }
	#banner1.on,#banner2.on,#banner3.on,#banner4.on,#banner5.on,#banner6.on,#banner7.on,#banner8.on,#banner9.on,#banner10.on { opacity:1; }
	
.fullimage-banner { position:relative; z-index:1; display:block; width:100%; height:100%; display:block; background:#a4a99c; }
.content-banner { position:relative; z-index:2; display:block; width:100%; height:100%; display:block; margin-top:-550px; }

.container { background:none; }


.clearall { display:block; clear:both; height:0.01px; }
.clearall15 { display:block; clear:both; height:15px; }
.clearall30 { display:block; clear:both; height:30px; }
.clearall50 { display:block; clear:both; height:50px; }
.clearall80 { display:block; clear:both; height:80px; }

.inner30 { padding:15px 30px 60px 30px; }

/* HOME */

h3 { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#444444; font-size:2em; padding-top:15px; margin-bottom:30px; }
h3 .titleicon { display:block; background:#a4a99c; width:50px; height:43px; margin-right:15px; color:#ffffff; float:left; text-align:center; padding-top:7px; margin-top:-15px; }
h3 .titleicon.orange { background-color:#ff9f17; }
h3 .titleicon.darkgreen { background-color:#466a00; }
h3 .titleicon.green { background-color:#74b000; }
h3 .titleicon.brown { background-color:#754500; }
h3 .titleicon.blue { background-color:#369dbb; }
h3 .titleicon.grey { background-color:#a4a99c; }

	.subpage_container h3 { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#444444; font-size:1.4em; padding-top:10px; margin-bottom:50px; }
	.subpage_container h3 .titleicon { display:block; background:#a4a99c; width:50px; height:43px; margin-right:15px; color:#ffffff; float:left; text-align:center; padding-top:7px; margin-top:-10px; font-size:1.5em; }
	.subpage_container h3 .titleicon.orange { background-color:#ff9f17; }
	.subpage_container h3 .titleicon.darkgreen { background-color:#466a00; }
	.subpage_container h3 .titleicon.green { background-color:#74b000; }
	.subpage_container h3 .titleicon.brown { background-color:#754500; }
	.subpage_container h3 .titleicon.blue { background-color:#369dbb; }
	.subpage_container h3 .titleicon.grey { background-color:#a4a99c; }
	.subpage_container h3 .titleicon.darkgrey { background-color:#4b5439; }
	

	.image_holder { height:420px; margin-top:40px; }
	
	.subpage_link1 { display:block; font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#444444; font-size:1em; text-decoration:none; margin-top:10px; margin-bottom:6px; } 
		
		.menu_orange .subpage_link1.active, .menu_orange .subpage_link1:HOVER { color:#ff9f17; }
		.menu_darkgreen .subpage_link1.active, .menu_darkgreen .subpage_link1:HOVER { color:#466a00; }
		.menu_green .subpage_link1.active, .menu_green .subpage_link1:HOVER { color:#74b000; }
		.menu_brown .subpage_link1.active, .menu_brown .subpage_link1:HOVER { color:#754500; }
		.menu_blue .subpage_link1.active, .menu_blue .subpage_link1:HOVER { color:#369dbb; }
		.menu_grey .subpage_link1.active, .menu_grey .subpage_link1:HOVER { color:#a4a99c; }
		.menu_darkgrey .subpage_link1.active, .menu_darkgrey .subpage_link1:HOVER { color:#4b5439; }
		
		.menu_orange .subpage_link2.active, .menu_orange .subpage_link2:HOVER { color:#ff9f17; }
		.menu_darkgreen .subpage_link2.active, .menu_darkgreen .subpage_link2:HOVER { color:#466a00; }
		.menu_green .subpage_link2.active, .menu_green .subpage_link2:HOVER { color:#74b000; }
		.menu_brown .subpage_link2.active, .menu_brown .subpage_link2:HOVER { color:#754500; }
		.menu_blue .subpage_link2.active, .menu_blue .subpage_link2:HOVER { color:#369dbb; }
		.menu_grey .subpage_link2.active, .menu_grey .subpage_link2:HOVER { color:#a4a99c; }
		.menu_darkgrey .subpage_link2.active, .menu_darkgrey .subpage_link2:HOVER { color:#4b5439; }
		
		.subpage_container h1 { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#444444; font-size:2em; line-height:1.1em; padding-top:0px; margin-bottom:20px; }
		.subpage_container h2 { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#444444; font-size:1em; line-height:1.3em; padding-top:5px; margin-bottom:20px; }
		.subpage_orange h2 { color:#ff9f17; }
		.subpage_darkgreen h2 { color:#466a00; }
		.subpage_green h2 { color:#74b000; }
		.subpage_brown h2 { color:#754500; }
		.subpage_blue h2 { color:#369dbb; }
		.subpage_grey h2 { color:#a4a99c; }
		.subpage_darkgrey h2 { color:#4b5439; }
		
		
	.subpage_link2 { display:block; padding-left:20px; font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:400; color:#444444; font-size:0.9em; text-decoration:none; } 

.homelink { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#444444; font-size:1.3em; padding-top:2px; text-decoration:none; display:block; line-height:1.2em; }
p, li { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:400; color:#999999; font-size:0.9em; line-height:1.3em; }
p a { color:#999999; text-decoration:none; }
p a:HOVER { color:#999999; text-decoration:underline; }
span { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:400; color:#999999; font-size:0.8em; line-height:0.8em; }

.myHeight td { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:400; color:#999999; font-size:0.9em; line-height:1.3em; border-bottom:1px solid #ddd; }
.myHeight hr { border:0px; height:4px; background-color:#e0e0e0; margin-top:20px; }

.event-item .date, .news-item .date  { width:50px; display:inline-block; text-align:center; float:left; font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#466a00; font-size:1.3em; margin-right:15px; min-height:50px; line-height:1.3em; }
.event-item .date span, .news-item .date span { display:block; text-align:center; font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#999; font-size:0.6em; line-height:1em; padding-top:6px; border-top:1px solid #999; margin-top:0px; }
.event-item .event, .news-item .news { display:inline-block; float:left; width:80%; margin-bottom:20px; line-height:1.1em; }
.event-item .event p, .news-item .news p { padding-top:0px; margin-top:10px; }

.homeactivities_container p, .homehistory_container p { margin:0px; margin-left:65px; }
.homeactivities_container .homelink, .homehistory_container .homelink { margin:0px; margin:5px 0px 5px 65px; }
	.homelink { -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

	.homeactivities_container .homelink:HOVER { color:#74b000; }
	.homehistory_container .homelink:HOVER { color:#754500; }
	.event-item .homelink:HOVER { color:#466a00; }
	.news-item .homelink:HOVER { color:#ff9f17; }
	
	

.toplogo { width:250px; height:150px; background:url('/img/logo_pgdmb.png') no-repeat center center; background-size:100% auto; display:block; margin:auto; }
.topline { display:block;width:120px; height:1px; margin:auto; background:white; box-shadow:1px 1px 1px rgba(0,0,0,0.5); margin:8px auto; }
.toplogobox { height:200px; padding:180px 0px 0px 0px; }
.topsloganbox { height:150px; color:#fff; text-align:center; font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#ffffff; font-size:0.9em; text-transform:uppercase; text-decoration:none; text-shadow:1px 1px rgba(0,0,0,0.5); }




.menu_container { background:#4b5439; height:80px; position:fixed; top:-90px; z-index:99999; width:100%; }
.menu_container.sticky { background:#4b5439; height:80px; position:fixed; top:0px; z-index:99999; width:100%; }
.menu_container.stickyfixed { background:#4b5439; height:80px; position:fixed; top:0px; z-index:99999; width:100%; }
	.menu_container,.menu_container.sticky { -webkit-transition: top .6s; -moz-transition: top .6s; -ms-transition: top .6s; -o-transition: top .6s; transition: top .6s; }
.menu_container .mainMenu { margin:auto; display:inline-block; color:#fff; text-align:center; padding:35px 0px; font-family:"Arimo", sans-serif; font-style:normal; font-weight:700; font-size:16px; }
.menulogo { width:150px; height:60px; margin-top:10px; margin-left:30px; margin-right:30px; background:url('/img/logo_pgdmb.png') no-repeat center center; background-size:100% auto; display:block; }


	.mainMenu a { float:left; display:inline-block; font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#ffffff; font-size:0.9em; text-transform:uppercase; text-decoration:none; text-shadow:1px 1px rgba(0,0,0,0.5); padding:0px 15px 4px 15px; line-height:0.6em; }
	.mainMenu a.active span { display:inline-block; height:2px; box-shadow:1px 1px 0px rgba(0,0,0,0.5); background:#ffffff; width:100%; margin-top:4px; }
	.mainMenu a:HOVER span { display:inline-block; height:2px; box-shadow:1px 1px 0px rgba(0,0,0,0.5); background:#ffffff; width:100%; margin-top:4px; }

	#mobileMenuBut { color:#fff; margin-top:10px; font-size:1.5em; text-decoration:none; display:block; width:25px; height:50px; padding:17px 10px 0px 10px; }
	#mobileMenuBut .on { display:block; }
	#mobileMenuBut .off { display:none; }
	#mobileMenuBut.active .on { display:none; }
	#mobileMenuBut.active .off { display:block; }
	
	
/* side menu */
.sideMenu { position:fixed; height:100%; width:100%; background:white; z-index:99998; right:-100%; overflow-y:auto; }
.sideMenu .holder { margin:50px 30px 120px 40px; }
	.sideMenu { -webkit-transition: right .6s; -moz-transition: right .6s; -ms-transition: right .6s; -o-transition: right .6s; transition: right .6s; }
.sideMenu.active { right:0; }

.sideMenu .mobilemain { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#444444; font-size:1.2em; padding-top:2px; text-decoration:none; display:block; line-height:1.2em; text-transform:uppercase; margin-top:10px; margin-bottom:5px; }
.sideMenu .mobilesub { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:300; color:#999999; font-size:1em; padding-top:2px; margin-left:20px; text-decoration:none; display:block; line-height:1.2em; text-transform:none; margin-top:5px; margin-bottom:5px; }


	.event-list-item { display:block; padding-bottom:16px; clear:both; }
	.event-list-item .date { float:left; width:45px; display:block; font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#444444; font-size:0.8em; border-bottom:1px solid #999999; margin-right:15px; padding-left:5px; }
	.event-list-item a { float:left; width:calc(100% - 70px); display:block; font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#444444; font-size:0.8em; }
	.event-list-item .date span { font-size:0.9em; }
	
	
.imageGalleryThumb { border:1px solid #ffffff; background-color:#ffffff; margin-right:10px; margin-bottom:10px; float:left; width:31%; height:auto; }


/* footer */

.footmainmenu { display:inline-block; font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#444444; font-size:1.1em; text-decoration:none; text-transform:uppercase; margin:20px 0px 20px 0px; }
.footsubmenu { font-family:"Arimo", sans-serif; font-weight:normal; font-style:normal; font-weight:400; color:#444444; font-size:0.8em; line-height:1em; text-decoration:none; }