/*

1. General
2. Layout
3. Usernav
4. Header
5. Mainnav
6. Content
 6.1 Project
 6.2 Event
 6.3 Person
 6.4 Group
 6.5 Article
 6.6 Standard page
 6.7 Map
 6.8 Calendar
 6.9 Bulletin Board
 6.10 Home / Lists
7. Stream & Social
8. Column
9. Widgets
10. Footer
11. Forms
12. Windows

standard elements?
define also subpoints like 8.1 Social > Group?
variables? if yes, where?

*/

/* 1. General */

/*@import url("font.css");*/

body { background: #e6e6e6; margin: 0; padding: 0; font-family: "Source Sans Pro"; /*min-height: 100vh; position: relative;*/ }

input, textarea { font-family: "Source Sans Pro"; }

.btnl { margin: 0 5px 5px 0; font-weight: 600; font-size: 14px; display: inline-block; width: auto; background: transparent; color: #fff !important; border: 1px solid #ddd; padding: 10px; text-decoration: none; transition: all 0.3s ease-out 0s; }
.btnl:hover { text-decoration: none !important; background: rgba(128, 128, 128, 0.5); color: #fff !important; }

.btnd { margin: 0 5px 5px 0; font-weight: 600; font-size: 14px; display: inline-block; width: auto; background: transparent; color: #000 !important; border: 1px solid #666; padding: 10px; text-decoration: none; transition: all 0.3s ease-out 0s; }
.btnd:hover { text-decoration: none !important; background: rgba(128, 128, 128, 0.2); color: #000 !important; }

.btnh { margin: 0 5px 5px 0; font-weight: 600; font-size: 14px; display: inline-block; width: auto; background: #f38430; color: #fff !important; border: 1px solid #ddd; padding: 10px; text-decoration: none; transition: all 0.3s ease-out 0s; }
.btnh:hover { text-decoration: none !important; background: #ec5552; }

.btnfull { display: block; width: 100%; margin: 10px 0; text-align: center; }






/* 2. Layout */

.stdcontfull { margin: 0px; padding: 0px; overflow: auto; width: 100%; }
.stdcontfix { margin: 0px; padding: 0px; overflow: auto; width: 100%; }
.stdcontfullwp { margin: 0px; padding: 10px; overflow: auto; width: 100%; }
.stdcontfixwp { margin: 0px; padding: 10px; overflow: auto; width: 100%; }

#giornale { margin: 0px; background: #fff; padding: 10px 10px 20px 10px; overflow: auto; width: 100%; }

/*#social { margin: 0px; /*background: #ccd5de;*//* overflow: auto; border-bottom: 1px solid #fff; }*/
#social > div { width: 100%; overflow: auto; padding: 10px; }

@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width: 1024px) {
	.stdcontfix { width: 990px; margin: 0 auto; padding: 0; }
	.stdcontfixwp { width: 990px; margin: 0 auto; padding: 10px 0; }
	#giornale { width: 990px; margin: 0 auto; padding: 10px 0 20px 0; }

	/*#social > div { width: 1000px; margin: 0 auto; overflow: auto; padding: 10px 5px; }*/
}

@media only screen and (min-width: 1700px) {
	/*.stdcontfix { width: 100%; margin: 0; padding: 10px;*/
}

.w_std_admin { background: #ff8f0f; text-align: center; }
.w_std_admin ul { margin:0;padding:0;list-style-type:none; }
.w_std_admin ul > li { margin:10px;padding:5px;display: inline-block; border: 1px solid #fff;}
.w_std_admin ul > li > a { color: #fff; font-weight: bold; text-decoration: none; }
.w_std_admin ul > li > a:hover { text-decoration: underline; }

.w_std_peoplelist > a { display: inline-block; vertical-align: middle; width: 34px; margin: 5px 5px 0 0;}
.w_std_peoplelist > a > img { margin:0; padding:0; width:100%; vertical-align: middle; border-radius: 50%; }

.w_std_peoplelist_ext > div { border: 0px solid #ccc; padding: 5px; overflow: auto; margin-top: 10px; }
.w_std_peoplelist_ext > div > a > img { height: 48px; float: left; margin-right: 10px; border-radius: 50%; }
.w_std_peoplelist_ext > div > h5 { font-size: 12px; text-transform: uppercase; margin:0;padding:0; font-weight: 600; padding-top: 3px; }
.w_std_peoplelist_ext > div > h4 { margin:0; padding:0; font-weight: 600; font-size: 20px; }
.w_std_peoplelist_ext > div > h4 > a { color: inherit; text-decoration: none; }
.w_std_peoplelist_ext > div > h4 > a:hover { text-decoration: underline; }

@media only screen and (min-width: 1024px) {
	.w_std_peoplelist > a { display: inline-block; vertical-align: middle; width: 11.1875%; margin-top: 5px; margin-right: 1.5%; }
	.w_std_peoplelist > a:nth-of-type(8n) { margin-right: 0; }
}

.w_std_termlist { overflow: auto; }
.w_std_termlist a { display: inline-block; margin: 4px 4px 0 0; border-radius: 3px; padding: 2px 4px 2px 4px; line-height: 24px; letter-spacing: -1px; }
.w_std_termlist a:hover { text-decoration: none !important; }
.w_std_termlist a img { vertical-align: -5px; margin-left: -4px; }

.std_big_terms_list { overflow: auto; text-align: center; }
.std_big_terms_list a { display: inline-block; margin: 10px 10px 0 0; padding: 10px 20px; /*letter-spacing: -1px;*/ text-transform: uppercase; text-decoration: none; font-size: 24px; transition: all 0.3s ease-out 0s; }
.std_big_terms_list a:hover { text-decoration: none; }
.std_big_terms_list a img { vertical-align: -5px; margin-left: -4px; }

a.maincat { background: #fff; color: #000; border: 3px solid #f38430; }
a.maincat:hover { /*background: rgba(128, 128, 128, 0.2);*/ color: #000; border: 3px solid #ec5552; }
a.highlight { background: #f38430; color: #fff; border: 1px solid #ddd; }
a.highlight:hover { background: #ec5552; color: #fff; }

/*.w_std_eventlist > div { padding: 5px 0px 5px 0px; overflow: auto; border-bottom: 1px solid rgba(58,108,156,0.4); }
.w_std_eventlist > div > span { text-transform: uppercase; display: block; font-size: 11px; font-weight: bold; }
.w_std_eventlist > div > div { float: left; background: #fff; margin-right: 5px; width: 48px; height: 48px; border-radius: 8px; font-weight: bold; text-align: center; font-size: 24px; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.w_std_eventlist > div > div > span { display: block; background: #f66; color: #fff; text-transform: uppercase; font-size: 12px; border-radius: 5px 5px 0 0; }
.w_std_eventlist > div:last-child { border-bottom:0px; padding-bottom:0px;}*/

.w_std_pagelist ul { margin: 0px; padding: 0px; margin-top: 3px; max-height: 256px; overflow-y: auto; position: relative;}
.w_std_pagelist li { font-size: 12px; text-transform: uppercase; display: block; }
.w_std_pagelist li img { vertical-align: middle !important; height: 48px; width: 48px; border-radius: 5px; }

.w_std_eventlist > div { padding: 0px 0px 10px 0px; overflow: auto; }
.w_std_eventlist > div > a { color: #333; text-decoration: none; }
.w_std_eventlist > div > span { text-transform: uppercase; display: block; font-size: 11px; font-weight: bold; }
.w_std_eventlist > div > div { color: #666; float: left; background: #fff; margin-right: 5px; width: 48px; height: 48px; border-radius: 5px; font-weight: bold; text-align: center; font-size: 24px; /*box-shadow: 0px 0px 3px rgba(0,0,0,0.5);*/ border: 1px solid #ccc; }
.w_std_eventlist > div > div > span { display: block; /*background: #fff;*/ color: #666; text-transform: uppercase; font-size: 12px; /*border-radius: 8px 8px 0 0;*/ border-bottom: 1px solid #ccc; }
.w_std_eventlist > div:last-child { padding-bottom:0px; }

#cookiewin { position: fixed; bottom: 0px; background-color: rgba(255, 255, 255, 0.9); padding: 25px; border-top: 1px solid #ccc; width: 100%; text-align: center; z-index: 1002; }
#cookiewin a#cookiemore { color: #4b9649; text-decoration: none; } 
#cookiewin a#cookiemore:hover { text-decoration: underline; }

.std_big_groups_list > div { width: 100%; padding: 0px; /*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/ position: relative; margin-top: 20px; border: 1px solid #ccc; }
.std_big_groups_list > div:first-child { margin-top: 0px; }
.std_big_groups_list > div img { width: 100%; display: block; }
.std_big_groups_list > div h3 { position: static; width: 100%; color: #333; background: #fff; margin: 0px; padding: 5px; border-bottom: 3px solid #3a6c9c; text-align: center; }
.std_big_groups_list > div h3 a { color: inherit; text-decoration: none; }
.std_big_groups_list > div h4 { position: static; width: 100%; color: #3a6c9c; background: #fff; margin: 0px; padding: 3px; text-align: center; font-size: 14px; }

.std_big_pages_list > div { width: auto; padding: 0px; /*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/ position: relative; margin: 20px 10px 0 10px; border: 1px solid #ccc; }
.std_big_pages_list > div:first-child { margin-top: 0px; }
.std_big_pages_list > div img { width: 100%; display: block; }
.std_big_pages_list > div h3 { position: static; width: 100%; color: #333; background: #fff; margin: 0px; padding: 5px; border-top: 0px solid #3a6c9c; text-align: center; }
.std_big_pages_list > div h3 a { color: inherit; text-decoration: none; }
.std_big_pages_list > div h3.long { font-size: 15px; line-height: 16px; }

.std_big_pages_list_btn { display: block; width: 100%; background: #fff; text-align: center; color: #666; padding: 20px; text-decoration: none; line-height: 40px; }
.std_big_pages_list_btn > span { display: inline-block; font-size: 48px; color: #000; }

.std_big_events_list > div { width: auto; padding: 0px; /*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/ position: relative; margin: 20px 10px 0 10px; border: 1px solid #ccc; background: #fff; overflow: auto; }
.std_big_events_list > div:first-child { margin-top: 0px; }
/*.std_big_events_list > div > div { float: left; background: #fff; margin: 6px; width: 48px; height: 48px; border-radius: 8px; font-weight: bold; text-align: center; font-size: 24px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
.std_big_events_list > div > div > span { display: block; background: #f66; color: #fff; text-transform: uppercase; font-size: 12px; border-radius: 5px 5px 0 0; }*/
.std_big_events_list > div > span { display: block; border-bottom: 1px solid #ccc; text-transform: uppercase; font-size: 11px; padding: 2px; text-align: center; font-weight: 600; letter-spacing: 1px; }
.std_big_events_list > div > div { color: #666; float: left; background: #fff; margin: 6px; width: 48px; height: 48px; border-radius: 5px; font-weight: bold; text-align: center; font-size: 24px; border: 1px solid #ccc; }
.std_big_events_list > div > div > span { display: block; color: #666; text-transform: uppercase; font-size: 12px; border-bottom: 1px solid #ccc; }
.std_big_events_list > div h3 { color: #333; margin: 0px; padding: 8px 0px 0px 0px; text-align: left; font-size: 16px; }
.std_big_events_list > div h3 a { color: inherit; text-decoration: none; }

.std_big_events_list_btn { display: block; width: 100%; background: #fff; text-align: center; color: #666; padding: 8px; text-decoration: none; }
.std_big_events_list_btn > span { display: inline-block; font-size: 36px; color: #000; vertical-align: -5px; }

@media only screen and (min-width: 768px) {

	.std_big_groups_list > div { float: left; width: 23.8%; padding: 0px; margin-right: 1.6%; /*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/ margin-top: 15px; }
	.std_big_groups_list > div:nth-child(1) { margin-top: 0; }
	.std_big_groups_list > div:nth-child(2) { margin-top: 0; }
	.std_big_groups_list > div:nth-child(3) { margin-top: 0; }
	.std_big_groups_list > div:nth-child(4) { margin-top: 0; }
	.std_big_groups_list > div:nth-child(4n) { margin-right: 0; }
	.std_big_groups_list > div h3 { height: 60px; overflow: hidden; }

	.std_big_pages_list > div { float: left; width: 23.8%; padding: 0px; margin-right: 1.6%; margin-left: 0; margin-bottom: 0; /*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/ margin-top: 15px; }
	.std_big_pages_list > div:nth-child(1) { margin-top: 0; }
	.std_big_pages_list > div:nth-child(2) { margin-top: 0; }
	.std_big_pages_list > div:nth-child(3) { margin-top: 0; }
	.std_big_pages_list > div:nth-child(4) { margin-top: 0; }
	.std_big_pages_list > div:nth-child(4n) { margin-right: 0; }
	.std_big_pages_list > div h3 { height: 60px; overflow: hidden; }

	.std_big_pages_list_btn { height: 134px; }
	.p-32 { height: 216px; padding-top: 60px; }
	
	.std_big_events_list > div { float: left; width: 23.8%; padding: 0px; margin-right: 1.6%; margin-left: 0; margin-bottom: 0; /*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/ margin-top: 15px; }
	.std_big_events_list > div:nth-child(1) { margin-top: 0; }
	.std_big_events_list > div:nth-child(2) { margin-top: 0; }
	.std_big_events_list > div:nth-child(3) { margin-top: 0; }
	.std_big_events_list > div:nth-child(4) { margin-top: 0; }
	.std_big_events_list > div:nth-child(4n) { margin-right: 0; }
	.std_big_events_list > div h3 { overflow: hidden; }

}
















/* 3. Usernav */

#usernav { background-color: #fff; padding: 10px; overflow: auto; color: #333; width: 100%; z-index: 1002; /*border-bottom: 1px solid #ccc;*/ }
#usernav { position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); overflow: visible; height: 48px; }
#usernav img { vertical-align: middle; }

#usernav + .stdcontfix { margin-top: 48px; }
#usernav + .stdcontfull { margin-top: 48px; }
#usernav + .stdcontfixwp { margin-top: 48px; }
#usernav + .stdcontfullwp { margin-top: 48px; }

#accountcontrol { display: none; position: absolute; top: 100%; left: 0px; width: 100%; padding: 10px; background: rgba(255, 255, 255, 0.9); }
#accountcontrol > div { display: block; width: 100%; padding: 10px; font-size: 24px; border-top: 1px solid #fff; color: #333; text-align: center; }
#accountcontrol > div:first-child { border-top: 0px; }
#accountcontrol > div span { display: inline; }
#accountcontrol a { color: #333; text-decoration: none; }
#accountcontrol a:hover { text-decoration: underline; }

#navuserthumb { display: none; }

#toploginform { display: block; margin: 0px; padding: 0px; border: 0px; }
#toploginform input[type="text"], #toploginform input[type="password"] {
	font-size: 24px; background: rgba(255,255,255,0.7); padding: 3px; border-radius: 4px; margin: 0px; border: 0px;
}
#toploginform input { width: 100%; display: block; }

#searchwrapper { display: none; position: absolute; top: 100%; left: 0px; width: 100%; padding: 10px; background: rgba(0, 0, 0, 0.7); font-size: 24px; }
#searchwrapper input[type="text"] { font-size: 24px; }

#mbtn1 { position: fixed; top: 0px; left: 40%; background-color: #fff; height: 48px; width: 20%; padding: 6px; border-left: 1px solid #ccc; }
#mbtn2, #mbtn2light { position: fixed; top: 0px; right: 20%; background-color: #fff; height: 48px; width: 20%; padding: 6px; border-left: 1px solid #ccc; text-align: center; }
#mbtn3 { position: fixed; top: 0px; right: 0; background-color: #fff; height: 48px; width: 20%; padding: 6px; border-left: 1px solid #ccc; text-align: center; }
#mbtn2 a, #mbtn2light a, #mbtn3 a { color: #333; font-size: 28px; display: block; width: 100%; height: 100%; }

#mbtn1 img, #mbtn2 img, #mbtn3 img { display: block; height: 100%; margin: 0 auto; }

.usernav_btn {
	background: #ff8f0f;
	color: #fff !important;
	padding: 3px 5px;
	border-radius: 4px;
	display: block;
	width: 100%;
	font-weight: bold;
	/*vertical-align: -2px;*/
	border: 0px;
	font-size: 24px;
	margin: 0 4px;
	cursor: pointer;
	text-decoration: none !important;
}

.usernav_btn:hover {
	background: #BD6A04;
	text-decoration: none !important;
}

input.usernav_btn, input.usernav_btn:hover {  }

@media only screen and (min-width: 768px) {

	#usernav { position: fixed; top: 0px; left: 0px; background-color: rgba(255, 255, 255, 0.9); overflow: visible; height: auto; /*padding: 20px;*/ border-bottom: 1px solid #ccc; }
	
	#accountcontrol { display: inline; position: static; padding: 0px; background: transparent; }
	#accountcontrol > div { display: inline; padding: 0px; width: auto; color: #333; font-size: 16px; border-top: 0px; }
	/*#accountcontrol > div:after { content: ' | ' }
	#accountcontrol > div:last-child:after { content: '' }*/
	#accountcontrol > div span { display: none; }
	
	#accountcontrol .hideme { display: none; }
	
	#navuserthumb { display: inline-block; height: 28px; vertical-align: -8px; margin-right: 3px; }
	#navuserthumb img { display: block; height: 100%; }
	
	#toploginform { display: inline-block; }
	#toploginform input[type="text"] { margin-right: 4px; }
	#toploginform input[type="text"], #toploginform input[type="password"] { font-size: 16px; border: 1px solid #ccc; border-radius: 4px; width: 100px; }
	#toploginform input { width: auto; display: inline; }
	
	#searchwrapper { display: inline-block; position: relative; float: right; width: 200px; padding: 0px; background: transparent; top: 0px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; }
	#searchwrapper input[type="text"] { font-size: 16px; }
	
	#mbtn1, #mbtn2, #mbtn3, #mbtn4 { display: none; }
	#mbtn2light { top: 0px; right: 210px; width: 48px; border-left: 0px solid #fff; }
	
	.usernav_btn { width: auto; display: inline-block; font-size: 16px; }

}











/* 4. Header */

#testata, #testatalight { background: #fff; padding: 0px; margin: 0px; position: fixed; top: 0px; left: 0px; width: 40%; z-index: 1100; height: 48px; overflow: hidden; }
#testata h1, #testatalight h1 { margin: 0; padding: 0; text-align: center;  }
#testata h3, #testatalight h3 { display: none; margin: 0; padding: 0; text-align: center; color: #333; font-size: 36px; }
#testata h1 a, #testatalight h1 a { color: #333; text-decoration: none; border: 0px; }
#testata h3 a, #testatalight h3 a { color: #333; text-decoration: none; border: 0px; }

#testata h1 a img, #testatalight h1 a img { padding-top: 6px; height:40px; display: inline-block; /*max-width: 100%;*/ }

#testata h1.nologo, #testatalight h1.nologo { text-shadow: 0px 0px 10px #fff; color: #333; font-size: 24px; line-height: 48px; }

@media only screen and (min-width: 768px){

#testata { background: #e6e6e6; padding: 10px 0px 0px 0px; position: relative; width: 100%; height: 180px;  z-index: 900; overflow: hidden; }
#testata h1 { font-size: 48px; line-height: initial; }
#testata h3 { display: block; }

#testata h1.nologo { padding-top: 50px; }
#testata h1.withlogo  { padding-top: 40px; }
#testata h1.withlogo img { height: auto; width: 50%; }

#testatalight { background: none; left: 35%; width: 30%; /*z-index: 900;*/ overflow: hidden; }
#testatalight h1 { /*font-size: 48px; line-height: initial;*/ }
#testatalight h3 { /*display: block;*/ }

}

@media only screen and (min-width: 1024px){

#testata { height: 180px; }
#testata h1.withlogo img { height: auto; width: 40%; }

}













/* 5. Mainnav */

.menufull, .menulight { width: 100%; border-top: 0px solid #fff; background: #e6e6e6; padding: 8px 14px; overflow: visible; position: fixed; z-index: 1001; top: 0px; left: 0px; height: 48px; }
.menufull > ul, .menulight > ul { margin: 0; padding: 0px; list-style-type: none; display: none; position: absolute; top: 100%; left: 0px; width: 100%; text-align: center; border-bottom: 1px solid #ccc; }
.menufull > ul li, .menulight > ul li { background: rgba(255, 255, 255, 0.9); border-top: 1px solid #ccc; padding: 5px; text-transform: uppercase; font-size: 24px; }
.menufull > ul li > a, .menulight > ul li > a { color: #333; text-decoration: none; display: inline-block; padding: 5px; }

.menufull + #giornale { margin-top: 48px; }
.menufull + .stdcontfix { margin-top: 48px; }
.menufull + .stdcontfull { margin-top: 48px; }
.menufull + .stdcontfixwp { margin-top: 48px; }
.menufull + .stdcontfullwp { margin-top: 48px; }
/*.menufull + #calcont { margin-top: 48px; }*/
/*.menufull + #social { margin-top: 48px; }*/
.menufull + #spaziomappa { margin-top: 48px; }

.menulight + #giornale { margin-top: 48px; }
.menulight + .stdcontfix { margin-top: 48px; }
.menulight + .stdcontfull { margin-top: 48px; }
.menulight + .stdcontfixwp { margin-top: 48px; }
.menulight + .stdcontfullwp { margin-top: 48px; }
/*.menulight + #calcont { margin-top: 48px; }*/
/*.menulight + #social { margin-top: 48px; }*/
.menulight + #spaziomappa { margin-top: 48px; }

@media only screen and (min-width: 768px) {
	.menufull { position: relative; z-index: 1000; overflow: auto; padding: 14px; padding-bottom: 11px; height: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
	.menufull > ul { display: block; position: relative; width: auto; border-bottom: 0px solid #ccc; height: 20px; }
	.menufull > ul li { display: block; position: relative; float: left; margin: 0 10px; text-transform: uppercase; font-weight: bold; padding: 0px; border: 0px; border-bottom: 3px solid #e6e6e6; background: none; font-size: 16px; letter-spacing: 0px; }
	.menufull > ul li:hover, .menufull > ul li.sel { border-bottom: 3px solid #333; }
	.menufull > ul li > a { display: inline; padding: 0px; }

	.menufull + #giornale { margin-top: 0px; }
	.menufull + .stdcontfix { margin-top: 0px; }
	.menufull + .stdcontfull { margin-top: 0px; }
	.menufull + .stdcontfixwp { margin-top: 0px; }
	.menufull + .stdcontfullwp { margin-top: 0px; }
	/*.menufull + #calcont { margin-top: 0px; }*/
	/*.menufull + #social { margin-top: 0px; }*/
	.menufull + #spaziomappa { margin-top: 0px; }
	
	.menulight > ul { overflow: auto; background: rgba(255, 255, 255, 0.9); padding: 10px; }
	.menulight > ul li { display: block; float: left; /*margin-top: 10px;*/ border: 0px; width: 20%; text-transform: none; font-size: 18px; padding: 0px; text-align: left; background: none; }
	.menulight > ul li a:hover { text-decoration: underline; }
	.menulight > ul li:nth-child(1) { border: 1px solid #ccc; width: 32%; height: 150px; margin-top: 0px; text-transform: uppercase; font-size: 24px; text-align: center; background: rgba(255, 255, 255, 0.9); }
	.menulight > ul li:nth-child(2) { border: 1px solid #ccc; width: 32%; height: 150px; margin-left: 2%; margin-top: 0px; text-transform: uppercase; font-size: 24px; text-align: center; background: rgba(255, 255, 255, 0.9); }
	.menulight > ul li:nth-child(3) { border: 1px solid #ccc; width: 32%; height: 150px; margin-left: 2%; margin-top: 0px; text-transform: uppercase; font-size: 24px; text-align: center; background: rgba(255, 255, 255, 0.9); }
	.menulight > ul li:nth-child(1) a, .menulight ul li:nth-child(2) a, .menulight ul li:nth-child(3) a { display: block; width: 100%; height: 148px; line-height: 40px; color: #666; }
	.menulight > ul li:nth-child(1) a:hover, .menulight ul li:nth-child(2) a:hover, .menulight ul li:nth-child(3) a:hover { text-decoration: none; }
	.menulight > ul li:nth-child(1) span, .menulight ul li:nth-child(2) span, .menulight ul li:nth-child(3) span { display: block; width: 100%; color: #000; font-size: 48px; margin: 20px 0 10px 0; }
}

@media only screen and (min-width: 1024px) {
	.menulight > ul li { margin-left: 10px; }
	.menulight > ul li:nth-child(1) { width: 24%; margin-left: 0; }
	.menulight > ul li:nth-child(2) { width: 24%; margin-left: 2%; }
	.menulight > ul li:nth-child(3) { width: 24%; margin-left: 2%; }
	.menulight > ul li:nth-child(4) { margin-top: 0px; }
}







/* 6.1 Project */

#pagina { width: 100%; overflow: auto; }

#pagina #pageintro { position: relative; padding: 0px; border: 0px; }
/*#pagina h4 { position: absolute; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); width: 100%; color: #eee; margin: 0px; padding: 5px; text-shadow: 0px 1px #000; }*/
#pagina #pageintro h5 { /*line-height: 28px;*/ position: absolute; top: 0px; left: 0px; width: 100%; margin: 0px; padding: 2px 4px 0px 4px; text-align: center;}
#pagina #pageintro h5 a { color: #333; background-color: #e6e6e6; padding: 2px 3px; border-radius: 0px; border: 0px solid #ccc; font-weight: bold; text-decoration: none; text-transform:uppercase; box-shadow: 0px 0px 5px #000; display: inline-block; margin: 0px 2px 5px 2px; } 
#pagina #pageintro h5 a:hover { color: #4b9649; background-color: #fff; padding: 2px 3px; border-radius: 0px; border: 0px solid #fff; font-weight: bold; } 
#pagina #pageintro h3 { font-weight: bold; }
/*#pagina h1 { position: static; color: #333; background: #ccd5de; margin: 0px; padding: 5px; border-top: 3px solid #4b9649; }*/
#pagina #pageintro h1 { position: absolute; bottom: 0px; left: 0px; /*background-color: rgba(0, 0, 0, 0.4);*/ width: 100%; color: #eee; margin: 0px; padding: 5px; text-shadow: 0px 0px 6px #000; /*text-shadow: 0px 1px #000;*/ text-align: center; }
#pagina #pageintro img { width: 100%; display: block; }

/* LOGO CENTRATO */
#pagina #pageintro .pagelogo-center { position: absolute; left: 0px; padding: 0px; margin: 0px; bottom: 50%; margin-bottom: -50px; text-align: center; width: 100%; }
#pagina #pageintro .pagelogo-center img { height: 100px; width: 100px; display: inline-block; border-radius: 10px; border: 3px solid #fff; }

/* LOGO LATERALE BASSO */
#pagina #pageintro .pagelogo-sidedown { position: absolute; left: 20px; padding: 0px; margin: 0px; bottom: 20px; text-align: left; width: 200px; }
#pagina #pageintro .pagelogo-sidedown img { vertical-align: bottom; height: 160px; width: 160px; display: inline-block; border-radius: 10px; border: 3px solid #fff; }

/* LOGO SQUINTATO IN BASSO */
/*#pagina #pageintro #pagelogo { position: absolute; left: 20px; padding: 0px; margin: 0px; top: 100%; margin-top: -120px; text-align: left; width: 170px; z-index: 1001; }
#pagina #pageintro #pagelogo img { height: 160px; width: 160px; display: inline-block; border-radius: 10px; border: 3px solid #fff; }*/

#pagina #page-info { padding: 10px; position: relative; margin-bottom: 10px; background: #fff; }

#pagina #page-info #text p { line-height: 24px; font-size: 16px; }
#pagina #page-info #text p:first-child { margin-top: 0; }

#pagina #page-info #page-data { width: 66%; min-height: 200px; padding: 0px; border: 1px solid #ccc; border-top: 0px; }
#pagina #page-info #page-data > div { margin: 0; padding: 5px; border-top: 1px solid #ccc; }
#pagina #page-info #page-map { width: 33%; float: right; height: 200px; padding: 0; }

#minimappa { width: 100%; height: 250px; padding: 0px; }

#w_page_contact div {  }

#openinghoursfull { display:none; margin-top:10px; }
#openinghoursfull span { width: 30%; display:inline-block; font-weight: 600; }

/*#pagina > div { padding: 0px; border: 0px solid #ccd5de; position: relative; }*/

#pagina #page-gallery { width: 100%; overflow: auto; }
#pagina #page-gallery > a { display: block; width: 22%; margin-left: 4%; height: 100px; overflow: hidden; margin-top: 10px; float: left; position: relative; }
#pagina #page-gallery > a:nth-child(4n+1) { margin-left: 0; }
#pagina #page-gallery > a > img { height: 100%; }

#pagina #page-admin { border: 1px solid #ccc; padding: 5px; overflow: auto; margin-top: 10px; }
#pagina #page-admin img { height: 48px; float: left; margin-right: 10px; border-radius: 50%; }
#pagina #page-admin h5 { font-size: 12px; text-transform: uppercase; margin:0;padding:0; font-weight: 600; padding-top: 3px; }
#pagina #page-admin h4 { margin:0; padding:0; font-weight: 600; font-size: 20px; }
#pagina #page-admin h4 > a { color: inherit; }

#pagina #network-list { margin-bottom: 10px; width: 100%; padding: 10px; border: 2px solid #ccd5de; overflow: auto; }
#pagina #network-list > h3 { margin-top:0px; }

#pagina .stdpagebox { margin-bottom: 10px; width: 100%; padding: 10px; border: 2px solid #ccd5de; overflow: auto; }
#pagina .stdpagebox > h3 { margin-top:0px; }

#page-events { width: 100%; overflow: auto; background: #fff; border-bottom: 1px solid #ccc; }
#page-events > div { border: 1px solid #ccc; padding: 10px; border-bottom: 0px; }
#page-events > div > h3 { margin-top: 0px; }

#page-people { width: 100%; overflow: auto; background: #fff; border-bottom: 1px solid #ccc; }
#page-people > div { border: 1px solid #ccc; padding: 10px; border-bottom: 0px; }
#page-people > div > h3 { margin-top: 0px; }

#w_active_people_1 + #w_active_people_2 { border-top: 0px; padding-top: 0px; }

@media only screen and (min-width: 768px) {
	#pagina { max-width: 748px; margin: 0 auto; margin-top: 10px; }
	#pagina #page-info { border: 1px solid #ccc; border-top: 0px; }
	#page-events { max-width: 748px; margin: 0 auto; margin-top: 10px; }
	#page-people { max-width: 748px; margin: 0 auto; margin-top: 10px; }
}

@media only screen and (min-width: 1024px) {
	#pagina { width: 66%; float: left; }
	#page-events { width: 33%; float: right; }
	#page-people { width: 33%; float: right; }
}

@media only screen and (min-width: 1700px) {
	/*#pagina { width: 40%; float: left; margin-top: 0px; }
	#page-events { width: 25%; float: right; }
	#page-people { width: 25%; float: right; }*/
}

/* 6.2 Event */

#evento { width: 100%; overflow: auto; }

/*#evento > div { padding: 0px; border: 0px solid #ccd5de; position: relative; }*/

#evento #event-intro { position: relative; padding: 0px; border: 0px; overflow: auto; min-height: 116px; }
#evento #event-intro h1 { position: absolute; color: #666; margin: 0px; padding: 0px; left: 116px; bottom: 10px; }
#evento #event-intro h4 { position: absolute; bottom: 86px; left: 116px; /*width: 100%;*/ color: #666; margin: 0px; padding: 0px; /*text-shadow: 0px 1px #000;*/ }
#evento #event-intro h5 { line-height: 28px; position: absolute; top: 0px; right: 0px; width: 60%; margin: 0px; padding: 2px 4px; text-align: right; }
#evento #event-intro h5 a { color: #fff; background-color: #4b9649; padding: 2px 3px; border-radius: 3px; border: 1px solid #fff; font-weight: bold; text-decoration: none; text-transform:uppercase;} 
#evento #event-intro h5 a:hover { color: #4b9649; background-color: #fff; padding: 2px 3px; border-radius: 3px; border: 1px solid #fff; font-weight: bold; } 
#evento #event-intro img { width: 100%; display: block; }

#evento #event-intro #evcal { position: absolute; bottom: 10px; left: 10px; }
#evento #event-intro #evcal > div { background: #fff; width: 96px; height: 96px; border-radius: 10px; font-weight: bold; text-align: center; font-size: 48px; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
#evento #event-intro #evcal > div > span { display: block; background: #f66; color: #fff; text-transform: uppercase; font-size: 24px; border-radius: 10px 10px 0 0; }


#evento #evtime { padding: 10px; border-bottom: 1px solid #ccc; position: relative; background: #fff; overflow: auto; }
#evento #evtime p { margin: 0px; padding: 0px; font-weight: 600;}

#evento #thread { padding: 10px; position: relative; }

#evento #event-admin { border: 1px solid #ccc; padding: 5px; overflow: auto; margin-top: 10px; }
#evento #event-admin img { height: 48px; float: left; margin-right: 10px; border-radius: 50%; }
#evento #event-admin h5 { font-size: 12px; text-transform: uppercase; margin:0;padding:0; font-weight: 600; padding-top: 3px; }
#evento #event-admin h4 { margin:0; padding:0; font-weight: 600; font-size: 20px; }
#evento #event-admin h4 > a { color: inherit; }

#evento #event-info { padding: 10px; position: relative; margin-bottom: 10px; background: #fff; overflow: auto; }

#evento #event-info #event-data { width: 66%; min-height: 200px; padding: 0px; border: 1px solid #ccc; border-top: 0px; }
#evento #event-info #event-data > div { margin: 0; padding: 5px; border-top: 1px solid #ccc; }
#evento #event-info #event-data #event-time > p { margin: 0px; padding: 0px; }
#evento #event-info #event-map { width: 33%; float: right; height: 200px; padding: 0; }

#evento #event-info #text p { line-height: 24px; font-size: 16px; }
#evento #event-info #text p:first-child { margin-top: 5px; }

#event-people { width: 100%; overflow: auto; background: #fff; border-top: 1px solid #ccc; }
#event-people > div { border: 1px solid #ccc; padding: 10px; border-top: 0px; }
#event-people > div > h3 { margin-top: 0px; }

@media only screen and (min-width: 768px) {
	#evento { max-width: 748px; margin: 0 auto; margin-top: 10px; }
	#evento #event-intro {  }
	#evento #event-intro h1 { position: absolute; bottom: 10px; left: 116px; }
	#evento #evtime { border: 1px solid #ccc; border-top: 0px; }
	#evento #event-info { border: 1px solid #ccc; border-top: 0px; }
	#event-people { max-width: 748px; margin: 0 auto; margin-top: 10px; }
}

@media only screen and (min-width: 1024px) {
	#evento { width: 66%; float: left; }
	#evento #event-intro { min-height: 116px; }
	#event-people { width: 33%; float: right; }
}

/* 6.3 Person */

#persona { width: 100%; overflow: visible; }
#persona h5 { margin: 0px; padding: 0px; margin-top: 8px;}
#persona h5 a { display: inline-block; color: #fff !important; background-color: #4b9649; padding: 5px; border-radius: 3px; font-weight: normal; text-decoration: none; text-transform:uppercase; margin-right: 6px; margin-bottom: 6px; } 
#persona h5 a:hover { color: #4b9649 !important; background-color: #fff; }
#persona > div { padding: 0px; margin-top: 5px; overflow: visible; }
#persona > div:first-child { padding: 0px 10px; overflow: auto; margin-top: 0px; margin-bottom: 10px; }
#persona > div:first-child h1 { padding: 0px; margin: 10px; }

#profilepic { width: 120px; border: 5px solid #fff; float: left; margin-right: 16px; position: relative; border-radius: 50%; }
#profilepic > img { width: 100%; display: block; border-radius: 50%; }
#profilepic a { display: none; position: absolute; bottom: 5px; left: 5px; width: 108px; padding: 3px; background: #fff; font-size: 12px; border-radius: 4px; text-align: center; }
#profilepic a > img { vertical-align: -3px; }
#profilepic:hover a { display: block; }

#persona-usercheck { width: 100%; overflow: auto; background: #fff; border-top: 1px solid #ccc; }
#persona-usercheck > div { border: 1px solid #ccc; padding: 10px; border-top: 0px; border-left: 10px solid #f38430; }
#persona-usercheck > div > h3 { margin-top: 0px; }

#persona-projects { width: 100%; overflow: auto; background: #fff; border-bottom: 1px solid #ccc; }
#persona-projects > div { border: 1px solid #ccc; padding: 10px; border-bottom: 0px; }
#persona-projects > div > h3 { margin-top: 0px; }

#persona-events { width: 100%; overflow: auto; background: #fff; border-bottom: 1px solid #ccc; }
#persona-events > div { border: 1px solid #ccc; padding: 10px; border-bottom: 0px; }
#persona-events > div > h3 { margin-top: 0px; }

@media only screen and (min-width: 768px) {
	#persona { max-width: 748px; margin: 10px auto; }
	#persona-usercheck { max-width: 748px; margin: 0 auto; margin-top: 10px; }
	#persona-projects { max-width: 748px; margin: 0 auto; margin-top: 10px; }
	#persona-events { max-width: 748px; margin: 0 auto; margin-top: 10px; }
}

@media only screen and (min-width: 1024px) {
	#persona { width: 66%; float: left; }
	#persona-usercheck { width: 33%; float: right; }
	#persona-projects { width: 33%; float: right; }
	#persona-events { width: 33%; float: right; }
}

/* 6.4 Group */

#gruppo { width: 100%; overflow: visible; }

#gruppo h1 { width: 100%; color: #3a6c9c; margin: 15px 0; padding: 0 5px; }
#gruppo h4 { width: 100%; color: #3a6c9c; margin: 5px 0; padding: 0 5px; }
#gruppo h5 { /*line-height: 28px;*/ width: 100%; margin: 15px 0 4px 0; padding: 0px; }
#gruppo h5 a { display: inline-block; color: #fff !important; background-color: #4b9649; padding: 5px; border-radius: 3px; font-weight: normal; text-decoration: none; text-transform:uppercase; margin-right: 6px; margin-bottom: 6px; } 
#gruppo h5 a:hover { color: #4b9649 !important; background-color: #fff; } 
#gruppo > div { padding: 0px; position: relative; overflow: visible; }
#gruppo div#testo { margin: 20px 0px; padding: 0px 20px; position: relative; }
#gruppo > div:first-child { position: relative; padding: 0px; border: 0px; }
/*#gruppo img { width: 100%; display: block; }*/




#gruppo #group-admin { border: 1px solid #ccc; padding: 5px; overflow: auto; margin-top: 10px; }
#gruppo #group-admin img { height: 48px; float: left; margin-right: 10px; border-radius: 50%; }
#gruppo #group-admin h5 { font-size: 12px; text-transform: uppercase; margin:0;padding:0; font-weight: 600; padding-top: 3px; }
#gruppo #group-admin h4 { margin:0; padding:0; font-weight: 600; font-size: 20px; }



















/* 6.5 Article */

.artcont { background: #fff; }

#articolo, #featuredvideo { width: 100%; overflow: auto; /*z-index: -99; position: relative;*/ }
/*#articolo h1 { font-size: 48px; position: absolute; bottom: 0px; left: 0px; width: 100%; color: #eee; margin: 0px; padding: 10px; text-shadow: 0px 0px 10px #000; text-align: center; }*/
#articolo h1 { width: 100%; color: #333; margin: 20px 0; padding: 0px; font-size: 36px; font-weight: 600; }
#featuredvideo h1 { width: 100%; color: #333; margin: 10px 0 20px 0; padding: 0px; }
#articolo h2 { font-size: 24px; font-weight: 600; }
#featuredvideo h2 { font-size: 21px; font-weight: normal; font-style: italic; }
#featuredvideo h2 { margin: 0px 0px 16px 0px;}
#articolo h3 {  }

#articolo > h4 { border: 1px solid #ccc; padding: 10px; overflow: auto; margin-top: 10px; }
#articolo > h4 > img { height: 48px; float: left; margin-right: 10px; border-radius: 50%; }

#featuredvideo h3 { color: #333; margin: 0px; padding: 0px; text-transform: uppercase; font-size: 16px; }
#featuredvideo h3 a { color: #333 !important; }
#featuredvideo h3 a:hover { color: #333 !important; text-decoration: none !important;}

#featuredvideo > h4 { color: #333; margin: 10px 0; padding: 0px; font-weight: normal; }
#featuredvideo > h4 > img { height: 24px; border-radius: 50%; display: inline-block; vertical-align: -6px; }

#articolo > img, #articolo > div > img { width: 100%; display: block; }
#articolo div {  }
#articolo div:first-child { position: relative; }

#articolo p, #featuredvideo p { line-height: 24px; font-size: 16px; }

#featuredvideo h5 { /*line-height: 28px;*/ width: 100%; margin: 0px 0px 0px 0px; padding: 0px; }
#featuredvideo h5 a { display: inline-block; color: #f38430 !important; background-color: #fff; border: 1px solid #f38430; padding: 4px; border-radius: 3px; font-weight: normal; text-decoration: none; text-transform:uppercase; margin-right: 6px; margin-bottom: 6px; } 
#featuredvideo h5 a:hover { color: #fff !important; background-color: #f38430; text-decoration: none; }

#article-fullimageintro { overflow: visible; height: 300px; /*z-index: -100; position: relative;*/ }
#article-fullimageintro img { width: 100%; display: block; }

.artimgfull {}
.artimgfull > img { width: 100%; }
.artimgfull > span {}

.artimgleft { width: 49.5%; float: left; margin-right: 1%; }
.artimgleft > img { width: 100%; }
.artimgleft > span {}

.artimgright { width: 49.5%; float: right; margin-left: 1%; }
.artimgright > img { width: 100%; }
.artimgright > span {}

#articolo #article-gallery { width: 100%; overflow: auto; }
#articolo #article-gallery > a { display: block; width: 22%; margin-left: 4%; height: 100px; overflow: hidden; margin-top: 10px; float: left; position: relative; }
#articolo #article-gallery > a:nth-child(4n+1) { margin-left: 0; }
#articolo #article-gallery > a > img { height: 100%; }

#sharethis span { 
  -moz-box-sizing: content-box; 
  -webkit-box-sizing: content-box; 
   box-sizing: content-box; 
}

#articolo a, #featuredvideo a { color: #4b9649; text-decoration: none; }
#articolo a:hover, #featuredvideo a:hover { text-decoration: underline; }

@media only screen and (min-width: 768px) {
	#articolo { max-width: 748px; margin: 0 auto; }
	#featuredvideo { max-width: 748px; margin: 0 auto; }
}

@media only screen and (min-width: 1024px) {
	/*#articolo { max-width: 990px; margin: 0 auto; padding: 0 120px; }
	#featuredvideo { max-width: 990px; margin: 0 auto; padding: 0 120px; }*/
	/*#articolo { width: 66%; float: left; }
	#featuredvideo { width: 66%; float: left; }*/
}















/* 6.6 Standard page */

#stdpage { width: 100%; overflow: auto; }

#stdpage h2 { text-align: center; margin: 20px 0; padding: 0; font-weight: 600; }
#stdpage h2 > span { border-bottom: 3px solid #f38430; }

#stdpage #stdpagetext { /*padding: 10px;*/ position: relative; margin-bottom: 10px; /*background: #fff;*/ width: 100%; overflow: auto; }
#stdpage #stdpagetext img { display:block; width:100%; }

#stdpage #stdpagetext p { line-height: 24px; font-size: 16px; }
#stdpage #stdpagetext p:first-child { margin-top: 0; }

#stdpage #stdpagetext a { color: #4b9649; text-decoration: none; }
#stdpage #stdpagetext a:hover { text-decoration: underline; }

/*#page-events { width: 100%; overflow: auto; background: #fff; border-bottom: 1px solid #ccc; }
#page-events > div { border: 1px solid #ccc; padding: 10px; border-bottom: 0px; }
#page-events > div > h3 { margin-top: 0px; }

#page-people { width: 100%; overflow: auto; background: #fff; border-bottom: 1px solid #ccc; }
#page-people > div { border: 1px solid #ccc; padding: 10px; border-bottom: 0px; }
#page-people > div > h3 { margin-top: 0px; }*/

@media only screen and (min-width: 768px) {
	#stdpage #stdpagetext { /*border: 1px solid #ccc;*/ max-width: 748px; margin: 0 auto; }
	/*#page-events { max-width: 748px; margin: 0 auto; margin-top: 10px; }
	#page-people { max-width: 748px; margin: 0 auto; margin-top: 10px; }*/
}

@media only screen and (min-width: 1024px) {
	/*#stdpage #stdpagetext { width: 66%; float: left; }*/
	/*#page-events { width: 33%; float: right; }
	#page-people { width: 33%; float: right; }*/
}










/* 6.7 Map */

.bodymap { overflow: hidden; }

#fullmapcontainer {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

#fullmapcontainer { position: relative; }

#fullmapdiv {
	height: 100vh;
	width: 100%;
	background: #fff;
}

#sidebar {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 58px 10px 10px 10px;
	z-index: 1000;
}

#close_sidebar { display: block; text-align: center; width: 100%; }

#controlbar {
	position: absolute;
	top: 58px;
	left: 2%;
	width: 96%;
	height: auto;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px;
	z-index: 500;
	border: 2px solid rgba(0,0,0,0.2);
	border-radius: 4px;
}

#controlbar > a { margin: 0 5px 5px 48px; font-weight: 600; font-size: 24px; display: inline-block; width: auto; background: transparent; color: #000 !important; border: 1px solid #666; padding: 10px; text-decoration: none; transition: all 0.3s ease-out 0s; }
#controlbar > a:hover { text-decoration: none !important; background: rgba(128, 128, 128, 0.2); color: #000 !important; }

#controlbar > div { display:none; }

#cat_filter, #typ_filter, #search_map, #el_type_filter { padding: 2px; border: 1px solid rgba(0,0,0,0.2); border-radius: 4px; margin-top: 10px; overflow: auto; }

#cat_filter select, #typ_filter select { display: block; width: 100%; }
#search_map input { display: block; width: 100%; }
#cat_filter label, #typ_filter label, #search_map label { display: block; width: 100%; text-transform: uppercase; font-size: 12px; text-align: center; font-weight: 600; padding: 2px; }

#el_type_event, #el_type_upage, #el_type_opage, #el_type_user { color: #999; text-decoration: none; font-weight: bold; display: block; float: left; width:49.75%; margin-right: 0.5%; padding: 10px; border: 1px solid rgba(0,0,0,0.2); border-radius: 4px; text-align: center; }
#el_type_upage, #el_type_user { margin-right: 0; }
#el_type_event, #el_type_user { margin-top: 5px; }

#el_type_event.selected { color: #fff; background: #ff8f0f; }
#el_type_upage.selected { color: #fff; background: #4b9649; }
#el_type_opage.selected { color: #fff; background: #3a6c9c; }
#el_type_user.selected { color: #fff; background: #3a6c9c; }

@media only screen and (min-width: 768px) {
	#sidebar {
		width: 33%;
	}
	
	#controlbar {
		left: 10px;
		width: 20%;
	}
	
	#controlbar > div { display:block; }
}

@media only screen and (min-width: 1024px) {
	/*#fullmapcontainer { width: 67%; }*/
}

.t2040mp .leaflet-popup-content-wrapper {
  background:#fff;
  color:#666;
  border-radius: 0px;
  width: 300px;
  padding: 0px;
}

.t2040mp .leaflet-popup-content-wrapper img.puimg, #sidebar img.puimg { display: block; width: 100%; }

.t2040mp .leaflet-popup-content-wrapper img.usrimg { display: block; height: 48px; float: left; margin: 5px; }

/*.t2040mp .leaflet-popup-content-wrapper*/ .poiminical {}
/*.t2040mp .leaflet-popup-content-wrapper*/ .poiminical > div { float: left; background: #fff; margin: 8px; width: 52px; height: 52px; border-radius: 8px; font-weight: bold; text-align: center; font-size: 24px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); margin-right: 10px; }
/*.t2040mp .leaflet-popup-content-wrapper*/ .poiminical > div > span { display: block; background: #f66; color: #fff; text-transform: uppercase; font-size: 12px; border-radius: 5px 5px 0 0; }

.t2040mp .leaflet-popup-content-wrapper .leaflet-popup-content { margin: 0px; padding: 0px; width: 300px !important; padding-bottom: 5px; }

.t2040mp .leaflet-popup-content a, #sidebar a {
  color: #4b9649;
  text-decoration: none;
}

.t2040mp .leaflet-popup-content h3.poiname, #sidebar h3.poiname {
  margin: 0px; padding: 5px; font-weight: 600; font-size: 16px; border-bottom: 1px solid #ddd; color: #333;
}

.t2040mp .leaflet-popup-content h3.evtname, #sidebar h3.evtname {
  margin: 0px; padding: 5px; font-weight: 600; font-size: 14px; border-bottom: 1px solid #ddd; min-height: 69px; color: #333;
}

.t2040mp .leaflet-popup-content h3.usrname, #sidebar h3.usrname {
  margin: 0px; padding: 5px; font-weight: 600; font-size: 16px; line-height: 48px;
}

.t2040mp .leaflet-popup-content h3 > a, #sidebar h3 > a {
  color: #333;
  text-decoration: none;
}

.t2040mp .leaflet-popup-content p {
  margin: 0px; padding: 5px;
}

.t2040mp .leaflet-popup-content h4, #sidebar h4 {
  border-top: 1px solid #ddd;
  margin: 0px; padding: 5px;
  font-weight: normal;
  overflow: auto;
  line-height: 18px;
}

.t2040mp .leaflet-popup-content h4 > a {
  color: #4b9649;
  text-decoration: none;
}

.t2040mp .leaflet-popup-content .fv, #sidebar .fv {
  display: block;
  float: left; 
  position: relative;
  text-decoration: none;
  width: 96px; height: 54px;
  margin-right: 3px;
}

.t2040mp .leaflet-popup-content .fv > img, #sidebar .fv > img {
  position: absolute; top: 0xp; left: 0px; display: block; width: 100%;
}

.t2040mp .leaflet-popup-content .fv > a, #sidebar .fv > a { 
  position: absolute; top: 0xp; left: 0px; display: block;
  width: 96px; height: 54px;
  font-weight: 600; color: #fff;
  text-align: center;
  padding-top: 30px;
}

.t2040mp .leaflet-popup-content-wrapper a:hover { text-decoration: underline; }

#mapdatacontent {
  border: 1px solid #ddd;
  margin: 0px; padding: 5px;
  overflow: auto;
  line-height: 18px;
  margin-bottom: 10px;
}

.t2040mp .leaflet-popup-content #mapdatacontent { margin-bottom: 0px; margin-left: 5px; margin-right: 5px; }

#mapdatacontent > a {
  color: #4b9649;
  text-decoration: none;
}

#mapextracontent {
  overflow: auto;
  margin-bottom: 10px;
}

.t2040mp .leaflet-popup-content #mapextracontent { margin-top: 5px; margin-bottom: 0px; padding: 0 5px 0px 5px; }

#mapextracontent > div {
  display: block;
  float: left; 
  position: relative;
  text-decoration: none;
  width: 49%; height: 54px;
}

#mapextracontent > div:first-child {  margin-right: 2%; }

#mapextracontent > div > img {
  position: absolute; top: 0xp; left: 0px; display: block; width: 100%;
}

/*#mapextracontent > div > a {
  position: absolute; top: 0xp; left: 0px; display: block;
  width: 100%; height: 54px;
  font-weight: 600; color: #999;
  text-align: center;
  padding-top: 15px;
  border: 1px solid #ddd;
}*/

#mapextracontent > #toicc > a {
  position: absolute; top: 0xp; left: 0px; display: block;
  width: 100%; height: 54px;
  font-weight: 600; color: #fff;
  text-align: center;
  padding-top: 16px;
  border: 0px solid #ddd;
  background: #af0000;
}

#mapextracontent > #topf > a {
  position: absolute; top: 0xp; left: 0px; display: block;
  width: 100%; height: 54px;
  font-weight: 600; color: #999;
  text-align: center;
  padding-top: 15px;
  border: 1px solid #ddd;
}





















/* 6.8 Calendar */

/*#calcont { margin: 0px; background: #fff; padding: 10px 10px 20px 10px; width: 100%; }*/

#calendario { width: 100%; overflow: visible; /*background: #fff;*/ /*border: 1px solid #fff;*/}
/*#calendario h1 { width: 100%; color: #3a6c9c; margin: 0; padding: 20px 10px 30px 10px; }*/
#calendario #copt { padding:10px; background: transparent; margin-bottom: 10px;}

#calendario h1 { text-align: center; margin: 20px 0 10px 0; padding: 0; font-weight: 600; /*margin-bottom: 30px;*/ }
#calendario h1 > span { border-bottom: 3px solid #f38430; }
#calendario h1 a { vertical-align: 3px; }

#calendario table { border-collapse: collapse; width: 100%; table-layout: fixed; margin: 0px; padding: 0px; z-index: 3; background: #fff; }
#calendario table tr th { border: 1px solid #bbb; padding: 2px; text-transform: uppercase; /*background: #bbb;*/ }
#calendario table tr th a { text-decoration: none; background: #ddd; line-height: 20px; display: inline-block; padding: 0 3px; border-radius: 5px; color: inherit; }
#calendario table tr th a:hover { background: #fff; }
#calendario table tr:first-child th { border-bottom: 1px solid #bbb; font-size: 24px; }
#calendario table tr td { border: 1px solid #bbb; padding: 1px; position: relative; height: 18vh; width: 14.28%; padding-top: 16px; vertical-align: top; }
#calendario table tr td sup { display: block; position: absolute; font-size: 12px; top: 0px; left: 2px; color: #999; }
#calendario table tr td > a { position: relative; margin: 3px; }

#calendario table tr td > a.ev-std { color: #333; text-decoration: none; background: #fff; display: block; padding: 1px 2px; border-radius: 3px; text-transform: uppercase; font-size: 12px; border: 1px solid #333; word-wrap: break-word; }
/*#calendario table tr td > a.ev-flw { color: #fff; text-decoration: none; background: #f38430; display: block; padding: 1px 2px; border-radius: 3px; text-transform: uppercase; font-size: 12px; border: 1px solid #f38430; word-wrap: break-word; }*/
#calendario table tr td > a.ev-flw { color: #333; text-decoration: none; background: #fff; display: block; padding: 1px 2px; border-radius: 3px; text-transform: uppercase; font-size: 12px; border: 1px solid #333; word-wrap: break-word; border-right: 10px solid #f38430; }
#calendario table tr td > a.ev-past { color: #ccc; text-decoration: none; background: #fff; display: block; padding: 1px 2px; border-radius: 3px; text-transform: uppercase; font-size: 12px; border: 1px solid #ccc; word-wrap: break-word; }
.tdempty { background: #ddd; }
.tdtoday { border: 5px solid #f00 !important; }

.hwin { color: #666 !important; display: none; position: absolute; top: -20px; width: 300px; text-align: left; min-height: 48px; font-size: 11px; padding: 3px; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3); background: #fff; border-radius: 3px; }
#calendario .hwin img { width:100%; }
#calendario .hwin .p_tit { font-weight: bold !important; font-size: 16px !important; }
#calendario .hwin .p_desc { font-size: 14px !important; text-transform: none; }
#calendario .hwin .p_info { font-weight: bold !important; font-size: 14px !important; text-transform: uppercase; padding: 2px; border-top: 1px solid #ccc; }
#calendario .hwin .p_info p { margin:0;padding:0; }
.hwin_l { right: 98%; z-index: 1; }
.hwin_r { left: 98%; z-index: 1; }
.hwin_l::after { position:absolute; top:24px; left:293px; width:12px; height:12px; content:''; background:#fff; box-shadow: 1px -1px 3px 0 rgba(0,0,0,0.3); transform: rotate( 45deg ); z-index: -1; }
.hwin_r::after { position:absolute; top:24px; left:-7px; width:12px; height:12px; content:''; background:#fff; box-shadow: -1px 1px 3px 0 rgba(0,0,0,0.3); transform: rotate( 45deg ); z-index: -1; }

#calendario .hwin span { display: block; }

@media only screen and (min-width: 768px){
	/*#calendario { max-width: 748px; margin: 0 auto; }*/
	#calendario table tr td { /*height: 84px;*/ }
}

@media only screen and (min-width: 1024px){
	/*#calcont { width: 990px; margin: 0 auto; padding: 10px 0 20px 0; }*/
	/*#calendario { max-width: 990px; margin: 0 auto; width: 100%; }*/
	#calendario table tr td { /*height: 104px;*/ }
	#calendario tr td a:hover > span { display: block; }
	#calendario table tr td sup { font-size: 14px; }
	#calendario table tr td > a.ev-std { font-size: 14px; padding: 2px 4px; }
	#calendario table tr td > a.ev-flw { font-size: 14px; padding: 2px 4px; }
	#calendario table tr td > a.ev-past { font-size: 14px; padding: 2px 4px; }
}









/* 6.9 Bulletin Board */

#bulletin_board { overflow: auto; margin: 0;}

#bulletin_board h1 { text-align: center; margin: 30px 0 10px 0; padding: 0; font-weight: 600; /*margin-bottom: 30px;*/ }
#bulletin_board h1 > span { border-bottom: 3px solid #f38430; }
#bulletin_board h1 a { vertical-align: 3px; }

#bulletin_board > div { background: #fff; margin: 10px; border: 1px solid #ccc; position: relative; }
#bulletin_board > div > h3 { padding: 20px; margin: 0px; font-weight: 600; }
#bulletin_board > div > h3 > span { font-weight: 600; font-size: 24px; }
#bulletin_board > div > p { margin: 0; padding: 0 20px; }

#bulletin_board > div > h5 { text-align: center; color: #666; padding: 20px; line-height: 40px; font-weight: 600; font-size: 24px; }
#bulletin_board > div > h5 > i { display: block; font-size: 64px; color: #ccc; }

#bulletin_board > div > div { border-top: 1px solid #ccc; padding: 10px; overflow: auto; width: 100%; }
#bulletin_board > div > div img { height: 48px; float: left; margin-right: 10px; border-radius: 50%; }
#bulletin_board > div > div h5 { font-size: 12px; text-transform: uppercase; margin:0;padding:0; font-weight: 600; padding-top: 3px; }
#bulletin_board > div > div h4 { margin:0; padding:0; font-weight: 600; font-size: 20px; }
#bulletin_board > div > div center { color: #999; }

#bulletin_board > div > div > div { font-size:12px; margin: 10px -10px -10px -10px; }

#bulletin_board > div > div > a { text-decoration: none; color: #999; }
#bulletin_board > div > div > a:hover { text-decoration: underline; }

@media only screen and (min-width: 768px){
	#bulletin_board { overflow: auto; margin: 0 0 10px 10px;}
	#bulletin_board > div { width: 285px; margin: 10px 10px 0px 0px; height: 380px; float: left; }
	#bulletin_board > div > div { position: absolute; bottom: 0px; }
}

@media only screen and (min-width: 1024px){
	
}




/* 6.10. Home & Lists */

#regionintro, #tagintro { width: 100%; background-position: top center; height: 220px; z-index: -10; color: #fff; }
#regionintro h2, #tagintro h2 { margin: 0; padding-top: 120px; text-align: center; font-size: 72px; font-weight: 600; /*font-style: italic;*/ text-shadow: 0px 0px 5px #333; }
#regionintro { display: none; }

#tagintro-alone { width: 100%; /*height: 217px;*/ z-index: -10; color: #666; border-bottom: 3px solid #f38430; }
#tagintro-alone h2 { margin: 0; padding-top: 60px; text-align: center; font-size: 72px; font-weight: 600; }

#tagintro-block { width: 100%; }
#tagintro-block h2 { margin: 0; padding: 5px; text-align: center; font-size: 36px; font-weight: 600; text-shadow: 0px 0px 5px #333; color: #fff; }
#tagintro-block img { display: block; width: 100%; }

#homeintro { margin: 10px; padding: 20px; font-size: 16px; background: #fff; border: 1px solid #ccc; background-image: url('../gfx/icc-hand-g.png'); background-position: center center; }
#homeintro h2 { margin-top: 0px; }
#homeintro p { line-height: 24px; }

.homeintro-video { background-image: none !important; }

#tagdesc { font-size: 16px; }
#tagdesc p { line-height: 24px; }

#homeuser { margin: 10px 10px 0 10px; background: #fff; border: 1px solid #ccc; }
#homeuser > div { border-top: 1px solid #ccc; padding: 20px; }
#homeuser > div:first-child { border-top: 0px; }
#homeuser > div > h3 { margin-top: 0px; }

.wip { border: 2px solid #db0; background: #ffb; padding: 10px; overflow: auto; }
.wip i { display: block; float: left; margin-right: 10px; font-size: 48px; }

#articlesblock, #projectsblock, #eventsblock, #themesblock, #videosblock { width: 100%; overflow: auto; margin: 60px 0 30px 0; }
#articlesblock > h2, #projectsblock h2, #eventsblock h2, #themesblock h2, #videosblock h2 { text-align: center; margin: 0; padding: 0; font-weight: 600; margin-bottom: 30px; }
#articlesblock > h2 > span, #projectsblock h2 > span, #eventsblock h2 > span, #themesblock h2 > span, #videosblock h2 > span { border-bottom: 3px solid #f38430; }

#lart a { color: inherit; text-decoration: none; }
#lart a:hover { text-decoration: underline; }

#lart { width: 100%; overflow: auto; }
#lart div { position: relative; width: 100%; }
#lart div { margin-top: 20px; background: #fff; }
#lart div:first-of-type { margin-top: 0; }
#lart div > a > img { width: 100%; display: block; }
/*#lart div span.play { position: absolute; top: 0px; left: 0px; width: 100%; color: #eee; text-align: left; padding-top: 10px; padding-left: 10px; font-size: 48px; text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; }*/
#lart div span.play { position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; padding-top: 40px; padding-left: 0px; transition: all 0.2s ease-out 0s; }
#lart div span.play img { width: 30%; transition: all 0.2s ease-out 0s; }
#lart div span.play a { width: 100%; display: block; padding: 0px; margin: 0px; }
#lart div span.play:hover { padding-top: 27px; }
#lart div span.play:hover img { width: 40%; }
#lart div h2 { position: absolute; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); width: 100%; color: #eee; margin: 0px; padding: 10px; }
#lart div h4 { position: static; color: #333; background: #fff; margin: 0px; padding: 10px; font-weight: normal; }
#lart div h5 { position: static; color: #333; background: #fff; margin: 0px; padding: 0 10px 10px 10px; font-weight: normal; font-size: 10px; text-transform: uppercase; }
#lart h3 { color: #333; margin: 0px; padding: 0px; text-transform: uppercase; font-size: 21px; }

.rssblock { padding: 60px 30px 30px 30px; overflow: auto; background: #ccc; }
.rssblock > h2 { margin-top: 0px; font-weight: 600; text-align: center; margin-bottom: 30px; /*color: #f38430;*/ }
.rssblock > h2 > span { border-bottom: 3px solid #f38430; }
.rssblock > div { background: #fff; margin-top: 30px; text-align: center; /*border: 1px solid #ccc;*/ }
.rssblock > div:first-of-type { margin-top: 0px; }
.rssblock > div > h3 { font-weight: 600; margin: 0px; padding: 20px; }
.rssblock > div > a > img { display: block; width: 100%; }
.rssblock > div > p { margin: 0px; padding: 20px; }

.rssblock > div > div.rssblock-when { color: #666; line-height: 24px; font-size: 16px; display: inline-block; margin: 10px 10px 10px 0; }

.rssblock > div a { color: #f38430; transition: all 0.3s ease-out 0s; text-decoration: none; }
.rssblock > div a:hover { color: #ec5552; transition: all 0.3s ease-out 0s; text-decoration: underline; }

#lvideo { width: 100%; overflow: auto; }
#lvideo > div { position: relative; width: 100%; }
#lvideo > div { margin-top: 20px; background: #fff; }
#lvideo > div:first-of-type { margin-top: 0; }

#lvideo > div > .videoWrapper { margin-bottom: 0px; }

.lvideo_btn { display: block; width: 100%; background: #fff; text-align: center; color: #666; padding: 20px; text-decoration: none; line-height: 40px; border: 1px solid #ccc; }
.lvideo_btn > span { display: inline-block; font-size: 48px; color: #000; }
.lvideo_btn:hover { color: #fff; background: #f38430; }
.lvideo_btn:hover > span { color: #fff; }

@media only screen and (min-width: 768px) {
	#regionintro { display: block; }
	
	#lart, #lvideo { max-width: 748px; margin: 0 auto; }
	#lart div, #lvideo > div { float: left; }
	#lart div, #lvideo > div { width: 49.25%; margin-left: 1.5%;}
	#lart div h2 { position: static; color: #333; background: #fff; padding-bottom: 0px; }
	#lart div h4 { font-weight: normal; }
	/*#lart div:first-of-type { margin-top: 20px; }*/
	#lart div:nth-of-type(odd), #lvideo > div:nth-of-type(odd) { clear: left; margin-left: 0; }
	#lart div:nth-of-type(2), #lvideo > div:nth-of-type(2) { margin-top: 0; }
	
	.homeintro-video, .homeuser-video { margin-top: 0px !important; }
	
	.rssblock > h2 { margin-bottom: 10px; }
	.rssblock > div { width: 18.4%; display: block; margin: 20px 0 0 2%; float: left; /*border-radius: 20px;*/ }
	.rssblock > div:nth-of-type(5n+1) { margin: 20px 0 0 0; }
}

@media only screen and (min-width: 1024px) {
	
	#lart, #lvideo { width: 100%; max-width: none; }
	
	#lvideo { /*margin: 0 -10px;*/ /*width: auto;*/ /*margin-left: -10px; margin-right: -10px;*/ }
	.stdcontfull #videosblock { margin: 60px 30px 30px 30px; width: auto; }
	
	#lart div, #lvideo > div { width: 32%; margin-left: 2%; }
	#lart div:nth-of-type(odd), #lvideo > div:nth-of-type(odd) { clear: none; margin-left: 2%; }
	#lart div:nth-of-type(3n+1), #lvideo > div:nth-of-type(3n+1) { clear: left; margin-left: 0; }
	#lart div:nth-of-type(3), #lvideo > div:nth-of-type(3) { margin-top: 0; }
	
	#homeintro { width: 60%; float: left; margin: 20px 0 0 0; }
	#homeuser { width: 39%; float: right; margin: 20px 0 0 0; }
	
	.homeintro-video, .homeuser-video { margin: 0px !important; }
	
	.lvideo_btn { height: 164px; }
}

#videomosaik > div { width: 100%; overflow: auto; padding-bottom: 4px; }
#videomosaik h2 { transition: .5s ease; opacity: 0; position: absolute; color: #fff; font-weight: 600; text-align: center; overflow: hidden; margin: 0px; padding: 0px; }
#videomosaik h2 > a { color: inherit; text-decoration: none;  }

/* ROWS */
#videomosaik > div:nth-child(3) { padding-bottom: 0px; }
#videomosaik > div:nth-child(1) > div, #videomosaik > div:nth-child(3) > div { width: 24%; float: left; overflow: auto; margin-left: 1.33333%; background: #000; position: relative; }
#videomosaik > div:nth-child(1) > div:first-child, #videomosaik > div:nth-child(3) > div:first-child { margin-left: 0; }
#videomosaik > div:nth-child(1) > div > a > img, #videomosaik > div:nth-child(3) > div > a > img { width: 100%; display: block; opacity: 1; transition: .5s ease; }
#videomosaik > div:nth-child(1) > div:hover > a > img, #videomosaik > div:nth-child(3) > div:hover > a > img { opacity: 0.3; }
#videomosaik > div:nth-child(1) > div > h2, #videomosaik > div:nth-child(3) > div > h2 { top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12px; width: 90%; /*height: 100%;*/ }
#videomosaik > div:nth-child(1) > div > h2 > a > img, #videomosaik > div:nth-child(3) > div > h2 > a > img { width: 20%; margin: 0 auto; padding: 0px; padding-bottom: 5px; display: block; }
#videomosaik > div:nth-child(1) > div:hover > h2, #videomosaik > div:nth-child(3) > div:hover > h2 { opacity: 1; }
#videomosaik > div:nth-child(1) > div:nth-child(4),
#videomosaik > div:nth-child(3) > div:nth-child(4),
#videomosaik > div:nth-child(1) > div:nth-child(5),
#videomosaik > div:nth-child(3) > div:nth-child(5) {
	display: none;
}

/* SIDES */
#videomosaik > div:nth-child(2) > div { width: 24%; float: left; overflow: auto; margin-left: 1.33333%; }
#videomosaik > div:nth-child(2) > div:nth-child(2) { width: 49.33333%; }
#videomosaik > div:nth-child(2) > div:first-child { margin-left: 0; }

#videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(1), #videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(3),
#videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(1), #videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(3) { width: 100%; overflow: auto; float: left; margin-left: 0; background: #000; position: relative; }
#videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(2), #videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(4),
#videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(2), #videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(4) { display: none; width: 48.7805%; overflow: auto; float: left; margin-left: 2.439%; background: #000; position: relative; }
#videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(1), #videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(2),
#videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(1), #videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) { margin-bottom: 4px; }
#videomosaik > div:nth-child(2) > div:nth-child(1) > div > a > img, #videomosaik > div:nth-child(2) > div:nth-child(3) > div > a > img { width: 100%; display: block; opacity: 1; transition: .5s ease; }
#videomosaik > div:nth-child(2) > div:nth-child(1) > div:hover > a > img, #videomosaik > div:nth-child(2) > div:nth-child(3) > div:hover > a > img { opacity: 0.3; }
#videomosaik > div:nth-child(2) > div:nth-child(1) > div > h2, #videomosaik > div:nth-child(2) > div:nth-child(3) > div > h2 { top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12px; width: 90%; /*height: 100%;*/ }
#videomosaik > div:nth-child(2) > div:nth-child(1) > div > h2 > a > img, #videomosaik > div:nth-child(2) > div:nth-child(3) > div > h2 > a > img { width: 20%; margin: 0 auto; padding: 0px; padding-bottom: 5px; display: block; }
#videomosaik > div:nth-child(2) > div:nth-child(1) > div:hover > h2, #videomosaik > div:nth-child(2) > div:nth-child(3) > div:hover > h2 { opacity: 1; }

/* CENTER */
#videomosaik > div:nth-child(2) > div:nth-child(2) > div { background: #000; position: relative; }
#videomosaik > div:nth-child(2) > div:nth-child(2) > div > a > img { width: 100%; display: block; opacity: 1; transition: .5s ease; }
#videomosaik > div:nth-child(2) > div:nth-child(2) > div:hover > a > img { opacity: 0.3; }
#videomosaik > div:nth-child(2) > div:nth-child(2) > div > h2 { top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; width: 90%; /*height: 100%;*/ }
#videomosaik > div:nth-child(2) > div:nth-child(2) > div > h2 > a > img { width: 20%; margin: 0 auto; padding: 0px; padding-bottom: 10px; display: block; }
#videomosaik > div:nth-child(2) > div:nth-child(2) > div:hover > h2 { opacity: 1; }

@media only screen and (min-width: 768px) {
	#videomosaik > div { width: 100%; overflow: auto; padding-bottom: 7px; }
	
	#videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(1), #videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(2),
	#videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(1), #videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) { margin-bottom: 7px; }
	
	#videomosaik > div:nth-child(1) > div > h2, #videomosaik > div:nth-child(3) > div > h2 { font-size: 16px; }
	#videomosaik > div:nth-child(2) > div:nth-child(1) > div > h2, #videomosaik > div:nth-child(2) > div:nth-child(3) > div > h2 { font-size: 16px; }
	#videomosaik > div:nth-child(2) > div:nth-child(2) > div > h2 { font-size: 26px; }
}

@media only screen and (min-width: 1024px) {
	/* ROWS */
	#videomosaik > div:nth-child(1) > div, #videomosaik > div:nth-child(3) > div { width: 16%; margin-left: 0.8%; }
	#videomosaik > div:nth-child(1) > div > h2, #videomosaik > div:nth-child(3) > div > h2 { font-size: 18px; }
	#videomosaik > div:nth-child(1) > div:nth-child(4),
	#videomosaik > div:nth-child(3) > div:nth-child(4),
	#videomosaik > div:nth-child(1) > div:nth-child(5),
	#videomosaik > div:nth-child(3) > div:nth-child(5) {
		display: block;
	}
	
	/* SIDES */
	#videomosaik > div:nth-child(2) > div { width: 32.8%; float: left; overflow: auto; margin-left: 0.8%; }
	#videomosaik > div:nth-child(2) > div:nth-child(2) { width: 32.8%; }

	#videomosaik > div:nth-child(2) > div:nth-child(1) > div > h2, #videomosaik > div:nth-child(2) > div:nth-child(3) > div > h2 { font-size: 18px; }

	#videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(1), #videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(3),
	#videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(1), #videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(3) { width: 48.7805%; }
	#videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(2), #videomosaik > div:nth-child(2) > div:nth-child(1) > div:nth-child(4),
	#videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(2), #videomosaik > div:nth-child(2) > div:nth-child(3) > div:nth-child(4) { display: block; }

	/* CENTER */
	#videomosaik > div:nth-child(2) > div:nth-child(2) > div > h2 { font-size: 32px; }
}





















/* 7. Stream & Social */

#stream { width: 100%; overflow: visible; }
#stream > div { padding: 0px; margin-top: 0px; overflow: visible; }
#stream > div:first-child { margin-bottom: 5px; }

#stream-usercheck { width: 100%; overflow: auto; background: #fff; border-top: 1px solid #ccc; }
#stream-usercheck > div { border: 1px solid #ccc; padding: 10px; border-top: 0px; border-left: 10px solid #f38430; }
#stream-usercheck > div > h3 { margin-top: 0px; }

@media only screen and (min-width: 768px) {
	#stream-usercheck { max-width: 748px; margin: 0 auto; margin-top: 10px; }
}

@media only screen and (min-width: 1024px) {
	#stream-usercheck { width: 33%; float: right; }
}

.feedlist { overflow: visible; }

.feedlist > div { /*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/ margin-top: 8px; background: #fff; font-size: 14px; border: 1px solid #ccc; }
.feedlist > div:first-child { margin-top: 0; }
.feedlist > div.infotime { box-shadow: 0px 0px 0px; background: transparent; font-size: 16px; font-weight: bold; color: #666; /*color: #3a6c9c;*/ padding-left: 10px; padding-top: 10px; border:0px; }

.feedlist > div > div.fh { padding: 6px; color: #999; overflow: auto; }
.feedlist > div > div.fh img { width: 36px; float: left; margin-right: 6px; border-radius: 50%; }
.feedlist > div > div.ft { margin: 0px 0px 0px 0px; }
.feedlist > div > div.ft h2 { margin: 0px; padding: 6px; }
.feedlist > div > div.fc { margin: 0px 6px 6px 6px; }
/*.feedlist > div > div.fc img { width: 100%; }*/
.feedlist > div > div.ff { padding: 0px 6px 6px 6px; color: #999; }

.feedlist > div > div.fc-cit { padding-left: 4px; border-left: 4px solid #3a6c9c; }
.feedlist > div > div.fc-linkwrap { border: 1px solid #ccd5de; text-align: center; font-size: 24px; padding: 6px 3px; word-wrap: break-word; }
.feedlist > div > div.fc-filewrap { border: 1px solid #ccd5de; text-align: center; font-size: 21px; padding: 6px 3px; word-wrap: break-word; }
.feedlist > div > div.fc-filewrap img { vertical-align: middle; }
.feedlist > div > div.fc-picwrap { border: 1px solid #ccd5de; padding: 6px; }
.feedlist > div > div.fc-picwrap img { width: 100%; display: block; }
/*.feedlist > div > div.videoWrapper { margin-top: 6px; }
.feedlist > div > div.videoWrapperVimeo { margin-top: 6px; }*/

.feedlist > div > div.fc-newart { overflow: auto; }
.feedlist > div > div.fc-newart a { font-size: 24px; }
.feedlist > div > div.fc-newart img { width: 100%; display: block; }
@media only screen and (min-width: 768px) {
	.feedlist > div > div.fc-newart img { width: 48%; display: block; float: left; margin-right: 2%; }
	.feedlist > div > div.fc-newart a {  }
}

.feedlist > div > div.fc-group-feed { padding-left: 54px; min-height: 48px; background: url("../gfx/bk_f_group.png") no-repeat; }
.feedlist > div > div.fc-private-group-feed { padding-left: 54px; min-height: 48px; background: url("../gfx/bk_f_group_private.png") no-repeat; }

.feedlist > div > div.fh-group { padding-bottom: 6px; border-bottom: 1px solid #ccd5de; }
.feedlist > div > div.ft-group { border-bottom: 1px solid #ccd5de; }
.feedlist > div > div.ff-group { padding-top: 6px; border-top: 1px solid #ccd5de; }
.feedlist > div > div.ff-group-info { padding-top: 6px; background: #fff; color: #666; text-transform: uppercase; /*border: 1px solid #fff;*/ border-top: 1px solid #ccc; }

.feedlist > div > div.minic { padding: 4px; border: 0px; margin-top: 2px; font-size: 12px; color: #999; padding-left: 14px; border-top: 1px solid #ccd5de; }
.feedlist > div > div.minic span { color: #000; display: block; }

.feedlist > div.infofeed { /*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/ background: #fff; color: #666; padding: 6px; border: 0px; text-transform: uppercase; border: 0px; overflow: auto; }
.feedlist > div.infofeed a { color: #333; text-decoration: none; }
.feedlist > div.infofeed a:hover { color: #333; }

.prefeedgroup { box-shadow: none; color: #3a6c9c; background: transparent; text-transform: uppercase; margin: 10px 0; }
.prefeed { box-shadow: none; color: #3a6c9c; background: transparent; text-transform: uppercase; margin: 0px 0; }

.loginrequired { padding: 20px; }


#useraction { border: 0px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); background: #3a6c9c; color: #ccd5de; padding: 6px; font-size: 12px; text-transform: uppercase; }
#useraction a { color: #ccd5de; }
#useraction a:hover { color: #fff; text-decoration: none; }
#groupinfoaction { border: 0px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); background: #3a6c9c; color: #ccd5de; padding: 6px; font-size: 12px; text-transform: uppercase; }

.feedbox > div { padding: 6px; border: 2px solid #fff; margin-top: 4px; font-size: 12px; color: #3a6c9c; }
.feedbox > div:first-child { margin-top: 0; }
.feedbox > div > div.videoWrapper { margin-top: 6px; }
.feedbox span { display: block; color: #000; margin: 2px 0;}
.feedbox span.cit { padding-left: 4px; border-left: 4px solid #3a6c9c; }
.feedbox span.linkwrap { padding: 2px; border: 2px solid #fff; text-align: center; }
.feedbox > div img { width: 50%; float: left; margin-right: 5px; }

@media only screen and (min-width: 768px) {
	#stream { max-width: 748px; margin: 10px auto; }
}

@media only screen and (min-width: 1024px) {
	#stream { width: 66%; float: left; }
}













/* 10. Footer */

#ocont { margin: 0px; background: #badbb8; overflow: auto; }
#ocont > div { width: 100%; overflow: auto; padding: 20px; }
#ocont > div > div { width: 100%; overflow: auto; background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); margin-top: 20px; }
#ocont > div > div > p { padding:10px; margin: 0px; }
#ocont > div > div:first-child { margin-top: 0px; }
#ocont > div > div > h3 { margin: 0px; background: #4b9649; color: #fff; padding: 1px 5px; text-transform: uppercase;}
#ocont > div > div > h4 { margin: 0px; color: #fff; padding: 1px 5px; text-transform: uppercase; }
#ocont > div > div > h4 + p { padding-top:0px; }
#ocont > div > div > h4:first-of-type { margin-top:10px; }
#ocont > div > div img { width: 100%; }
#ocont a { color: #4b9649; text-decoration: none; }
#ocont a:hover { text-decoration: underline; }
.split2 img { width:50% !important; padding:5px; vertical-align:middle;}
.split3 img { width:33.3% !important; padding:5px; vertical-align:middle;}


@media only screen and (min-width: 768px) {
	#ocont > div > div { float: left; width: 32%; margin-right: 2%; margin-top: 0px; height:440px;}
#ocont > div > div:nth-child(3) { margin-right: 0; }
/*#ocont > div > div > p { height: 404px; }*/
}

@media only screen and (min-width: 1024px) {
	#ocont > div { width: 990px; margin: 0 auto; overflow: auto; }
}

#footer { font-size: 14px; background: #fff; padding: 10px; color: #999; margin: 0px; text-align: center; border-top: 1px solid #ccc; }
#footer a { color: inherit; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer > div > div { margin-top: 10px; text-align: center; }
#footer > div > div:first-of-type { margin-top: 0px; }

img.f-fullw { width: 100%; }
img.f-fixh { height: 48px; }

@media only screen and (min-width: 768px) {
	#footer { background-color: rgba(255, 255, 255, 0.9); overflow: auto; /*position: absolute; bottom: 0px; left: 0px; width: 100%;*/}
	#footer > div > div { width: 23.5%; display: block; margin: 0 0 0 2%; float: left; /*border-radius: 20px;*/ }
	#footer > div > div:nth-of-type(4n+1) { margin-left: 0; }
	#footer > div > div:nth-of-type(n+5) { margin-top: 10px; }
}

@media only screen and (min-width: 1024px) {
	
}

/* 12. Windows */

/*#win > div > h3 { color: #3a6c9c; margin: 0px; padding: 0px; margin-bottom: 10px; }*/

#winform textarea { width: 100%; height: 100px; border: 1px solid #999; border-radius: 4px; padding: 2px; margin: 0px; }
#winform input[type="button"] { width: 25%; }
#winform input[type="submit"] { width: 25%; }
#winform input[type="text"] { border: 1px solid #999; border-radius: 4px; padding: 2px; margin: 0px; }
#winform input[type="password"] { border: 1px solid #999; border-radius: 4px; padding: 2px; margin: 0px; }

#winform label { display: inline-block; width: 120px; }

#winform h3{ background: #999; color: #fff; padding: 5px 20px; margin: -10px -10px 0px -10px;}

#menuform { background: #999; padding: 6px 5px 0 3px; text-align: left; margin: 0px -10px 0px -10px; }
#menuform a { font-weight: bold; background: #bbb; color: #333; border-radius: 5px 5px 0 0; }
#menuform a.selected { background: #fff; color: #333; }
#menuform a:hover { background: #ddd; }
#menuform a.selected:hover { background: #fff; }
#block1, #block2, #block3, #block4, #block5 { padding: 10px; border: 1px solid #fff; border-top: 0px; }

#postlinkform { padding:  0 0 8px 0; text-align: left; }
#postlinkform a { font-weight: bold; display: inline-block; background: #fff; color: #3a6c9c; text-decoration: none; margin-left: 3px; padding: 3px 6px; border-radius: 5px; }
#postlinkform a.selected { background: #3a6c9c; color: #fff; }

#thumbs { margin-top: 10px; width: 100%; overflow: auto; }
#thumbs > div { width: 22%; margin-left: 4%; height: 100px; overflow: hidden; margin-bottom: 10px; float: left; position: relative; }
#thumbs > div:nth-child(4n+1) { margin-left: 0; }
#thumbs > div > img { height: 100%; }
#thumbs > div > span { position: absolute; bottom: 0px; left: 0px; background: white; padding: 2px; }
#thumbs > div > span > a { color: red; text-decoration: none; font-weight: bold; }

#winmapcont { width: 240px; border: 1px solid #4b9649; float: right; display: none; background: #4b9649; font-size: 11px; color: #fff; text-align: center; }
#winmap { width: 100%; height: 150px; }

#wintable td, #wintable th { border: 1px solid #4b9649; }
#wintable th { color: #fff; background: #4b9649; }
#wintable td img { width: 34px; margin: 0px 10px 0 0; vertical-align: middle; }

.chk_head { font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
.chk_head:first-child { margin-top: 0px; }
.childsof { margin-bottom: 5px; }
.childsof > div { padding-left: 10px; }

.finderwrapper { display: block; position: relative; width: 100%; margin: 20px 0;}
.finderfield { background: rgba(255,255,255,0.7) url('../gfx/search-icon.png') right 3px center no-repeat; border-radius: 4px; padding: 3px; width: 100%; border: 0px; margin: 0px; }
.findertarget { display: none; border: 2px solid #3a6c9c; border-radius: 4px; padding: 3px; background: #fff; }
.findertarget > img { height: 25px; vertical-align: middle; margin-right: 5px; }
.findertarget a { height: 25px; line-height: 25px; font-size: 20px; color: #fff; text-decoration: none; vertical-align: middle; background: #3a6c9c; display: inline-block; padding: 0 5px; margin: 0 0 0 5px; border-radius: 4px; }
.finderbox { display: none; position: absolute; top: 100%; left: 0px; background: #fff; color: #000; padding: 2px; border-radius: 4px; width: 100%; box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
.finderbox ul { margin: 0px; padding: 0px; list-style-type: none; }
.finderbox .respage li { font-size: 12px; text-transform: uppercase; display: block; overflow: auto; }
.finderbox .respage li img{ float: left; margin-right: 4px; }
.finderbox .resuser li { font-size: 12px; display: block; overflow: auto; }
.finderbox .resuser li img{ width: 48px; float: left; margin-right: 6px; }
.finderbox .resart li { font-size: 16px; text-transform: uppercase; display: block; overflow: auto; word-wrap: break-word; }
.finderbox .resart li img{ height: 48px; float: left; margin-right: 6px; }
.finderbox .restag li { font-size: 14px; text-transform: uppercase; font-weight: bold; text-align: center; display: block; overflow: auto; }
.finderbox .restag li img{  }
.finderbox li a { color: #4b9649; display: block; width: 100%; padding: 2px; border-radius: 2px; overflow: auto; text-decoration: none; }
.finderbox li a:hover { background: #ccd5de; text-decoration: none; }

@media only screen and (min-width: 768px){
.chk_cont { display: inline-block; width: 50%; }
#winmapcont { display: block; }
}

@media only screen and (min-width: 1024px){
.chk_cont { display: inline-block; width: 33%; }
#winform input[type="text"] { font-size: 20px; }
#winform input[type="password"] { font-size: 20px; }
#winform textarea { font-size: 20px; }
.finderwrapper { width:50%; }
}



































/* VECCHI STILI DA RIORGANIZZARE */

#articoli a { color: inherit; text-decoration: none; }
#articoli a:hover { text-decoration: underline; }

#articoli { width: 100%; overflow: auto; }
#articoli div { position: relative; width: 100%; }
#articoli div { margin-top: 10px; }
#articoli div:first-of-type { margin-top: 0; }
#articoli div img { width: 100%; display: block; }
#articoli div h2 { position: absolute; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); width: 100%; color: #eee; margin: 0px; padding: 10px; }
#articoli div h4 { position: static; color: #333; background: #fff; margin: 0px; padding: 10px; font-weight: normal; }
#articoli div h5 { position: static; color: #333; background: #fff; margin: 0px; padding: 0 10px 10px 10px; font-weight: normal; font-size: 10px; text-transform: uppercase; }

#fullpagelist { width: 100%; overflow: auto; padding: 10px 20px; }
#fullpagelist > h1 { width: 100%; color: #3a6c9c; margin: 0; padding: 10px 10px 30px 10px; }
#fullpagelist > h4 { width: 100%; color: #3a6c9c; margin: 5px 0; padding: 0 5px; }
#fullpagelist > h3{ width: 100%; color: #3a6c9c; margin: 0; padding: 30px 10px 10px 10px; clear: left; }
#fullpagelist > h5 { /*line-height: 28px;*/ width: 100%; margin: 15px 0 4px 0; padding: 0px; }
#fullpagelist > h5 a { display: inline-block; color: #fff !important; background-color: #4b9649; padding: 5px; border-radius: 3px; font-weight: normal; text-decoration: none; text-transform:uppercase; margin-right: 6px; margin-bottom: 6px; } 
#fullpagelist > h5 a:hover { color: #4b9649 !important; background-color: #fff; }
#fullpagelist div#testo { margin: 20px 0px; padding: 0px 20px; position: relative; }

#nopermission { width: 100%; overflow: visible; }
#nopermission > div { padding: 40px; margin-top: 0px; overflow: visible; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); background: #fcc; color: #333; }

/*---------------------------------*/
/* STILI PER COLONNA               */
/*---------------------------------*/

#colonna  { width: 100%; }
#colonna > div { margin-top: 10px; padding: 5px; background: #e6e6e6; }
/*#colonna > div h3 { margin: 0px; color: #3a6c9c; padding: 0px; text-align: left; text-transform: uppercase; border-bottom: 1px solid rgba(58,108,156,0.4); margin-bottom: 0px; margin-top: -5px; }*/
#colonna > div h3 { margin: 0px; background: #3a6c9c; color: #fff; padding: 0px 2px 1px 2px; text-align: left; text-transform: uppercase; font-size: 12px; }
#colonna > div h3 img { vertical-align: -6px; }
#colonna > div ul { list-style-type: none; }
#colonna > div li img { vertical-align: -2px; }
#colonna > div > h4 { margin: 0px; color: #3a6c9c; padding: 5px 0 0 0px; text-align: left; text-align: center; }

@media only screen and (min-width: 768px) {
	#colonna { max-width: 748px; margin: 0 auto; }
}

@media only screen and (min-width: 1024px) {
	#colonna  { width: 33%; float: right; }
	#colonna > div:first-child { margin-top: 0; }
}

/*---------- fine colonna -----------------*/

/*---------------------------------*/
/* STILI PER WIDGETS               */
/*---------------------------------*/

#list_cat { overflow: auto; }
#list_cat a { display: block; float: left; margin: 4px 4px 0 0; background: #fff; color: #4b9649; border-radius: 3px; padding: 2px 4px 2px 0px; }
#list_cat a:hover { background: #4b9649; color: #fff; text-decoration: none !important; }
#list_cat a img { vertical-align: -4px; }

#w_welcome { text-align: center; font-weight: bold; line-height: 28px; }
#w_welcome img { display: block; width: 100%; }
#w_welcome a { background: #ff8f0f; color: #fff !important; padding: 6px; border-radius: 6px; display: block; font-weight: bold;
	margin: 4px 20px;
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8f0f', endColorstr='#BD6A04'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8f0f), to(#BD6A04)); /* for webkit browsers */
	background: -webkit-linear-gradient(top, #ff8f0f, #BD6A04); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background:     -ms-linear-gradient(top, #ff8f0f, #BD6A04); /* IE10 */
	background:      -o-linear-gradient(top, #ff8f0f, #BD6A04); /* Opera 11.10+ */
	background:    -moz-linear-gradient(top, #ff8f0f, #BD6A04);
	/*text-shadow: 1px 1px #333;
	box-shadow: 0px 0px 3px #666;*/
}
#w_welcome a:hover { text-decoration: none !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BD6A04', endColorstr='#ff8f0f'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#BD6A04), to(#ff8f0f)); /* for webkit browsers */
	background: -webkit-linear-gradient(top, #BD6A04, #ff8f0f); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background:     -ms-linear-gradient(top, #BD6A04, #ff8f0f); /* IE10 */
	background:      -o-linear-gradient(top, #BD6A04, #ff8f0f); /* Opera 11.10+ */
	background:    -moz-linear-gradient(top, #BD6A04, #ff8f0f);
	/*text-shadow: 1px 1px #333;
	box-shadow: 0px 0px 0px #666;*/
}

#w_user_content ul { margin: 0px; padding: 0px; margin-top: 3px; }
#w_user_content li { font-size: 12px; text-transform: uppercase; display: block; }
/*#w_user_content li:hover { background: #fff; }*/
#w_user_content li img{ vertical-align: middle !important; }

.w_std_singleuser { overflow: auto; }
.w_std_singleuser a { display: block; float: left; margin: 4px 4px 0 0; background: #fff; color: #4b9649; border-radius: 3px; padding: 2px 4px 2px 4px; }
.w_std_singleuser a:hover { background: #4b9649; color: #fff !important; text-decoration: none !important; }
.w_std_singleuser a img { vertical-align: -4px; }
.w_std_singleuser div { overflow: auto; }
.w_std_singleuser div img { float: left; width: 20%; margin: 5px 20px 0 0; display: block; }

.w_std_banner a { display: block; width: 100%; margin-top: 5px; }
.w_std_banner a:first-child { margin-top: 0px; }
.w_std_banner img { display: block; width: 100%; }

#w_cat_group { position: relative; }
#w_cat_group img { width: 100%; display: block; }
#w_cat_group h4 { text-align: center; position: absolute; top: 5px; left: 0px; width: 100%; color: #eee; margin: 0px; padding: 5px; text-shadow: 0px 1px #000; }
#w_cat_group h4 b { font-size: 24px; }
#w_cat_group h4 a { color: #eee !important; text-decoration: none !important; }
#w_cat_group h5 { font-size: inherit; margin: 0px; padding: 0px; text-transform: uppercase; }

/*#eventbox > div { padding: 5px 0px 0px 0px; overflow: auto; }
#eventbox > div > span { text-transform: uppercase; display: block; font-size: 11px; font-weight: bold; }
#eventbox > div > div { float: left; background: #fff; margin-right: 4px; width: 48px; height: 48px; border-radius: 8px; font-weight: bold; text-align: center; font-size: 24px; }
#eventbox > div > div > span { display: block; background: #f66; color: #fff; text-transform: uppercase; font-size: 12px; border-radius: 5px 5px 0 0; }*/

#social #colonna > div { border: 1px solid rgba(58,108,156,0.4); padding: 4px; }

/*---------- fine widgets -----------------*/

a.minibutton { display: block; float: right; margin: 0; background: #4b9649; color: #fff !important; border-radius: 5px; padding: 1px 3px; }
a.minibutton:hover { background: #fff; color: #4b9649 !important; text-decoration: none !important; }

a.flr { display: block; float: right; margin: 0; }

#colonna a, #pagina div a, #persona div a, #gruppo div a, #evento div a, #stream div a { color: #4b9649; text-decoration: none; }
#colonna a:hover, #pagina div a:hover, #persona div a:hover, #gruppo div a:hover, #evento div a:hover, #stream div a:hover { text-decoration: underline; }
#pagina > div:first-child a { color: #fff; }
#pagina > div:first-child a:hover { text-decoration: none; color: #4b9649; }
#gruppo > div:first-child a { color: #fff; }
#gruppo > div:first-child a:hover { text-decoration: none; color: #4b9649; }
#evento > div:first-child a { color: #fff; }
#evento > div:first-child a:hover { text-decoration: none; color: #4b9649; }

#spaziomappa { margin: 0px; background: #4b9649; padding: 0px; }
#spaziomappa a { color: #fff; text-decoration: none; }
#spaziomappa a:hover { text-decoration: underline; }
#spaziomappa h2 { padding: 0px; margin: 0px; color: #eee; text-shadow: 0px 0px 5px #000; }

#mappa { width: 100%; height: 400px; position: relative; }
#mappa a { color: #4b9649; text-decoration: none; }
#mappa a:hover { text-decoration: underline; }

#spmappa { display:none; }

#vetrina { width: 100%; overflow: auto; padding: 20px 0px; display: none; }
#vetrina li { width: 100%; padding: 0px; box-shadow: 0px 0px 5px #000; position: relative; margin-top: 0px; display: block; }
#vetrina li img { width: 100%; display: block; }
#vetrina li h3 { position: static; width: 100%; color: #333; background: #ccd5de; margin: 0px; padding: 5px; border-top: 3px solid #3a6c9c; }
#vetrina li h3 a { color: inherit; }
#vetrina > div { width: 100%; }

#vetrinafull { width: 100%; overflow: auto; padding: 20px; }
#vetrinafull div { width: 100%; padding: 0px; box-shadow: 0px 0px 5px #000; position: relative; margin-top: 20px; }
#vetrinafull div:first-child { margin-top: 0px; }
#vetrinafull div img { width: 100%; display: block; }
#vetrinafull div h3 { position: static; width: 100%; color: #333; background: #ccd5de; margin: 0px; padding: 5px; border-top: 3px solid #3a6c9c; text-align: center; }
#vetrinafull div h3 a { color: inherit; }

@media only screen and (min-width: 768px) {

#articoli { max-width: 748px; margin: 0 auto; }
#articoli div { float: left; }
#articoli div:nth-child(2) { width: 49.25%; margin-right: 1.5%; }
#articoli div:nth-child(3) { width: 49.25%; }
#articoli div:nth-child(4) { width: 32.5%; margin-right: 1.25%; clear: left; }
#articoli div:nth-child(5) { width: 32.5%; margin-right: 1.25%; }
#articoli div:nth-child(6) { width: 32.5%; }
#articoli div:nth-child(1) h4 { position: absolute; bottom: 23px; left: 0px; background-color: rgba(0, 0, 0, 0.4); width: 100%; color: #eee; }
#articoli div:nth-child(1) h5 { position: absolute; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); width: 100%; color: #eee; }
#articoli div:nth-child(4) h2, #articoli div:nth-child(5) h2, #articoli div:nth-child(6) h2 { position: static; color: #333; background: #fff; overflow: hidden; /*height: 104px;*/ /*margin-bottom: 8px;*/ }
#articoli div:nth-child(4) h4, #articoli div:nth-child(5) h4, #articoli div:nth-child(6) h4 { font-weight: normal; }

#nopermission { max-width: 748px; margin: 0 auto; }

#mappa { height: 480px; }

#vetrina { display: block; }
#vetrina li { float: left; width: 170px; padding: 0px; box-shadow: 0px 0px 5px #000; margin-top: 0px; }
#vetrina li h3 { height: 42px; overflow: hidden; font-size: 14px; padding-top: 0px; margin-top: 0px; }

#vetrina { width: 748px; margin: 0 auto; overflow: auto; padding: 10px 0px; box-sizing: content-box; }
#vetrina li { width: 154px; margin: 10px; box-sizing: content-box; height: 90px; }

#vetrinafull div { float: left; width: 23.8%; padding: 0px; margin-right: 1.6%; box-shadow: 0px 0px 5px #000; margin-top: 15px; }
#vetrinafull div:nth-child(1) { margin-top: 0; }
#vetrinafull div:nth-child(2) { margin-top: 0; }
#vetrinafull div:nth-child(3) { margin-top: 0; }
#vetrinafull div:nth-child(4) { margin-top: 0; }
#vetrinafull div:nth-child(4n) { margin-right: 0; }
#vetrinafull div h3 { height: 60px; overflow: hidden; }

}
 
@media only screen and (min-width: 1024px){

#articoli { width: 66%; float: left; }

#nopermission { width: 66%; float: left; }

#mappa { height: 557px; }

#vetrina { width: 990px; margin: 0 auto; overflow: auto; padding: 10px 0px; box-sizing: content-box; }
#vetrina li { width: 215px; margin: 10px; box-sizing: content-box; height: 127px; }
#vetrina li h3 { height: 60px; overflow: hidden; font-size: 18px; padding-top: 4px; }

#vetrinafull { width: 990px; margin: 0 auto; overflow: auto; padding: 20px; }

#fullpagelist { width: 990px; margin: 0 auto; overflow: auto; padding: 10px 20px; }

}

/* ============================================================================= */
/* stile per resize fluido video youtube                                         */
/* ============================================================================= */
.videoWrapper, .videoWrapperVimeo {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box;
	margin-bottom: 10px;
}

.videoWrapperVimeo {
	padding-top: 0px;
}

.videoWrapper iframe, .videoWrapperVimeo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* ============================================================================= */
/* STILE PER FINESTRE POPUP CSS                                                  */
/* ============================================================================= */



/********************************
 * styling elementi als generico
 ********************************/
.als-container {
	position: relative;
	width: 100%;
	margin: 0px;
	box-sizing: content-box;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	box-sizing: content-box;
}

.als-wrapper {
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	box-sizing: content-box;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	float: left;
	box-sizing: content-box;
}

.als-prev {
	position: absolute;
	cursor: pointer;
	clear: both;
	left: 0px;
	top: 54px;
}

.als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
	right: 0px;
	top: 54px;
}

@media only screen and (min-width: 1024px){
.als-next, .als-prev { top: 70px; }
}



/* style for standard system messages */
.error { padding: 5px 10px; margin: 0px 0px 10px 0px; border: 2px solid #f00; background: #fcc; } 
.success { padding: 5px 10px; margin: 0px 0px 10px 0px; border: 2px solid #0c0; background: #cfc; } 
.message { padding: 5px 10px; margin: 0px 0px 10px 0px; border: 2px solid #00f; background: #ccf; }
.warning { padding: 5px 10px; margin: 0px 0px 10px 0px; border: 2px solid #db0; background: #ffb; } 

/* perfect-scrollbar v0.6.15 */
.ps-container {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps-container {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
      overflow: auto !important; } }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent; }
  .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      background-color: #999;
      height: 11px; }
  .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: 0.9; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      background-color: #3a6c9c;
      width: 8px; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 15px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      bottom: 2px;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 6px; }
    .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
      height: 11px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0.6;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 15px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #3a6c9c;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      right: 0px;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
    .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
      width: 8px; }
  .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      background-color: #999;
      height: 11px; }
  .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: 0.9; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      background-color: #3a6c9c;
      width: 8px; }
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999; }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: transparent;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #3a6c9c; }