/*
BLU scuro 3a6c9c - chiaro ccd5de - scuro rgb 58, 108, 156
VERDE scuro 4b9649 - chiaro badbb8
*/
/*
1. General
2. Layout
3. Usernav
4. Header
5. Mainnav
6. Content
7. Articles
8. Social
9. Column
10. Footer
11. Forms
12. Windows
standard elements?
define also subpoints like 8.1 Social > Group?
variables? if yes, where?
*/
/* 1. General */
body { background: #fff; margin: 0; padding: 0; font-family: "Source Sans Pro"}
input, textarea { font-family: "Source Sans Pro"; }
a.linkbutton, input.cbutton, input.wbutton { background: #ff8f0f; color: #fff !important; padding: 3px 5px; border-radius: 4px; display: inline-block; font-weight: bold;
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;*/
vertical-align: -2px;
border: 0px;
font-size: 16px;
margin: 0 4px;
cursor: pointer;
text-decoration: none !important;
}
a.linkbutton:hover, input.cbutton:hover, input.wbutton: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;*/
}
input.cbutton, input.cbutton:hover { padding: 2px 4px; }
input.wbutton, input.wbutton:hover { padding: 2px 4px; margin: 10px 10px 0 0; }
a.lnkb { background: #ff8f0f; color: #fff !important; padding: 3px 5px; border-radius: 4px; display: inline-block; font-weight: bold;
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;*/
vertical-align: -2px;
border: 0px;
margin: 0 4px;
cursor: pointer;
text-decoration: none !important;
}
a.lnkb: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);
}
/* 3. Usernav */
#usernav { background-color: #4b9649; padding: 10px; overflow: auto; color: #fff; width: 100%; z-index: 1002; }
#usernav { position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); overflow: visible; height: 48px; }
#usernav img { vertical-align: middle; }
#accountcontrol { display: none; position: absolute; top: 100%; left: 0px; width: 100%; padding: 10px; background: rgba(0, 0, 0, 0.7); }
#accountcontrol > div { display: block; width: 100%; padding: 10px; font-size: 24px; border-top: 1px solid #fff; color: rgba(128, 128, 128, 1); text-align: center; }
#accountcontrol > div:first-child { border-top: 0px; }
#accountcontrol > div span { display: inline; }
#accountcontrol a { color: #fff; text-decoration: none; }
#accountcontrol a:hover { text-decoration: underline; }
#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; }
#toicc { display: none; position: absolute; margin: 0px; padding: 8px 8px 0 0; top: 0px; right: 0px; }
#toicc img:hover {
-webkit-filter: drop-shadow(0px 0px 20px rgba(220,220,220,1.0));
filter: url("data:image/svg+xml;utf8,#drop-shadow");
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#eee')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#eee')";
}
#mbtn1 { position: fixed; top: 0px; left: 40%; background-color: #3a6c9c; height: 48px; width: 20%; padding: 6px; border-left: 1px solid #fff; }
#mbtn2 { position: fixed; top: 0px; right: 20%; background-color: #3a6c9c; height: 48px; width: 20%; padding: 6px; border-left: 1px solid #fff; }
#mbtn3 { position: fixed; top: 0px; right: 0; background-color: #3a6c9c; height: 48px; width: 20%; padding: 6px; border-left: 1px solid #fff; }
#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;
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);
/*vertical-align: -2px;*/
border: 0px;
font-size: 24px;
margin: 0 4px;
cursor: pointer;
text-decoration: none !important;
}
.usernav_btn: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);
}
input.usernav_btn, input.usernav_btn:hover { }
/* 4. Header */
#testata { background: #3a6c9c; padding: 0px; margin: 0px; position: fixed; top: 0px; left: 0px; width: 40%; z-index: 1100; height: 48px; overflow: hidden; }
#testata h1 { margin: 0; padding: 0; text-align: center; text-shadow: 0px 0px 10px #000; color: #fff; font-size: 24px; line-height: 48px; }
#testata h3 { display: none; margin: 0; padding: 0; text-align: center; text-shadow: 0px 0px 5px #000; color: #fff; font-size: 36px; }
#testata h1 a { color: #fff; text-decoration: none; }
#testata h3 a { color: #fff; text-decoration: none; }
#testatalogo { background: #3a6c9c; padding: 0px; margin: 0px; position: fixed; top: 0px; left: 0px; width: 40%; z-index: 1100; height: 48px; overflow: hidden; }
#testatalogo h1 { margin: 0; padding: 0; text-align: center; }
#testatalogo h1 a { border: 0px; text-decoration: none; }
#testatalogo h1 img {
max-width: 100%;
height: 48px;
/*-webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,1.0));
filter: url("data:image/svg+xml;utf8,#drop-shadow");
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";*/
}
.sfondo_berlin img, .sfondo_brandenburg img, .sfondo_hamburg img, .sfondo_lueneburg img {
-webkit-filter: drop-shadow(0px 0px 20px rgba(32,32,32,1.0));
filter: url("data:image/svg+xml;utf8,#drop-shadow");
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#333')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#333')";
filter: drop-shadow(0px 0px 5px rgba(32,32,32,1.0));
}
/* 5. Mainnav */
#menu { width: 100%; border-top: 0px solid #fff; background: #3a6c9c; padding: 8px 14px; overflow: visible; position: fixed; z-index: 1001; top: 0px; left: 0px; height: 48px; }
#menu ul { margin: 0; padding: 0px; list-style-type: none; display: none; position: absolute; top: 100%; left: 0px; width: 100%; text-align: center; }
#menu li { background: #3a6c9c; border-top: 1px solid #ccd5de; padding: 5px; text-transform: uppercase; font-size: 24px; }
#menu li > a { color: #fff; text-decoration: none; display: inline-block; padding: 5px; }
#menu + #giornale { margin-top: 48px; }
#menu + #calcont { margin-top: 48px; }
#menu + #social { margin-top: 48px; }
#menu + #spaziomappa { margin-top: 48px; }
#giornale { margin: 0px; background: #fff; padding: 10px 10px 20px 10px; overflow: auto; width: 100%; }
#calcont { margin: 0px; background: #fff; padding: 10px 10px 20px 10px; width: 100%; }
#social { margin: 0px; background: #ccd5de; overflow: auto; border-bottom: 1px solid #fff; }
#social > div { width: 100%; overflow: auto; padding: 10px; }
#articoli a, #lart a { color: inherit; text-decoration: none; }
#articoli a:hover, #lart a:hover { text-decoration: underline; }
#articoli, #lart { width: 100%; overflow: auto; }
#articoli div, #lart div { position: relative; width: 100%; }
#articoli div, #lart div { margin-top: 10px; }
#articoli div:first-of-type, #lart div:first-of-type { margin-top: 0; }
#articoli div img, #lart div img { width: 100%; display: block; }
#articoli div h2, #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; }
#articoli div h4, #lart div h4 { position: static; color: #333; background: #fff; margin: 0px; padding: 10px; font-weight: normal; }
#articoli div h5, #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; }
#articolo, #featuredvideo { width: 100%; overflow: auto; }
#articolo h1 { position: absolute; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); width: 100%; color: #eee; margin: 0px; padding: 10px; }
#featuredvideo h1 { width: 100%; color: #333; margin: 10px 0 20px 0; padding: 0px; }
#articolo h2, #featuredvideo h2 { font-size: 21px; font-weight: normal; font-style: italic; }
#featuredvideo h2 { margin: 0px 0px 16px 0px;}
#articolo h3 { }
#articolo h4 { position: static; color: #333; background: #efefef; margin: 0px; padding: 10px; }
#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; }
#articolo img { width: 100%; display: block; }
#articolo div { }
#articolo div:first-child { position: relative; }
#featuredvideo h5 { /*line-height: 28px;*/ width: 100%; margin: 0px 0px 0px 0px; padding: 0px; }
#featuredvideo h5 a { display: inline-block; color: #4b9649 !important; background-color: #fff; border: 1px solid #4b9649; 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: #4b9649; text-decoration: none; }
.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 {}
#calendario { width: 100%; overflow: visible; }
#calendario h1 { width: 100%; color: #3a6c9c; margin: 0; padding: 20px 10px 30px 10px; }
#calendario #copt { padding:10px; background: transparent; margin-bottom: 10px;}
#sharethis span {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
#pagina, #evento, #piazza { width: 100%; overflow: auto; }
#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 h5 { line-height: 28px; position: absolute; top: 0px; left: 0px; width: 80%; margin: 0px; padding: 2px 4px; }
#pagina 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;}
#pagina h5 a:hover { color: #4b9649; background-color: #fff; padding: 2px 3px; border-radius: 3px; border: 1px solid #fff; font-weight: bold; }
#pagina h3 { font-weight: bold; }
#pagina h1 { position: static; color: #333; background: #ccd5de; margin: 0px; padding: 5px; border-top: 3px solid #4b9649; }
#pagina img { width: 100%; display: block; }
#pagina > div { padding: 0px; border: 0px solid #ccd5de; position: relative; }
#pagina div#testo { padding: 10px; border: 2px solid #ccd5de; border-top: 0px; position: relative; margin-bottom: 10px;}
#pagina > div:first-child { position: relative; padding: 0px; border: 0px; }
#pagina div#page-gallery { margin-bottom: 10px; width: 100%; padding: 10px 10px 0px 10px; border: 2px solid #ccd5de; overflow: auto; }
#pagina div#page-gallery > a { display: block; width: 22%; margin-left: 4%; height: 100px; overflow: hidden; margin-bottom: 10px; float: left; position: relative; }
#pagina div#page-gallery > a:nth-child(4n+1) { margin-left: 0; }
#pagina div#page-gallery > a > img { height: 100%; }
#pagina div#network-list { margin-bottom: 10px; width: 100%; padding: 10px; border: 2px solid #ccd5de; overflow: auto; }
#pagina div#network-list > h3 { margin-top:0px; }
#pagina div.stdpagebox { margin-bottom: 10px; width: 100%; padding: 10px; border: 2px solid #ccd5de; overflow: auto; }
#pagina div.stdpagebox > h3 { margin-top:0px; }
/*
#gruppo h1 { position: absolute; bottom: 0px; left: 0px; width: 100%; color: #eee; margin: 0px; padding: 5px; text-shadow: 0px 1px #000; }
#gruppo h4 { position: absolute; top: 0px; left: 0px; width: 100%; color: #eee; margin: 0px; padding: 5px; text-shadow: 0px 1px #000; }
#gruppo h5 { line-height: 28px; position: absolute; top: 0px; right: 0px; width: 60%; margin: 0px; padding: 2px 4px; text-align: right; }
#gruppo 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;}
#gruppo h5 a:hover { color: #4b9649; background-color: #fff; padding: 2px 3px; border-radius: 3px; border: 1px solid #fff; font-weight: bold; }
#gruppo > div { padding: 0px; position: relative; overflow: visible; }
#gruppo div#testo { padding: 10px; border: 2px solid #ccd5de; border-top: 0px; position: relative; margin-bottom: 10px;}
#gruppo div#thread { border: 0px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); margin-top: 8px; background: #fff; position: relative; padding: 6px; }
#gruppo > div:first-child { position: relative; padding: 0px; border: 0px; }
#gruppo img { width: 100%; display: block; }
*/
#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; }*/
#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; }
.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; }
.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: 100%; padding: 0px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); position: relative; margin-top: 20px; }
.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: 3px solid #3a6c9c; text-align: center; }
.std_big_pages_list > div h3 a { color: inherit; text-decoration: none; }
.std_big_events_list > div { width: 100%; padding: 0px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); position: relative; margin-top: 20px; background: #fff; }
.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 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; }
#evento h1 { position: relative; width: 100%; color: #eee; margin: 0px; padding: 5px; text-shadow: 0px 1px #000; background: #3a6c9c;}
#evento h4 { position: absolute; top: 0px; left: 0px; width: 100%; color: #eee; margin: 0px; padding: 5px; text-shadow: 0px 1px #000; }
#evento h5 { line-height: 28px; position: absolute; top: 0px; right: 0px; width: 60%; margin: 0px; padding: 2px 4px; text-align: right; }
#evento 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 h5 a:hover { color: #4b9649; background-color: #fff; padding: 2px 3px; border-radius: 3px; border: 1px solid #fff; font-weight: bold; }
#evento > div { padding: 0px; border: 0px solid #ccd5de; position: relative; }
#evento div#evtime { padding: 5px 10px 10px 10px; border: 2px solid #ccd5de; border-top: 0px; position: relative; }
#evento div#evtime p { margin: 0px; padding: 5px 0px 0px 0px; font-weight: 600;}
#evento div#testo { padding: 10px; border: 2px solid #ccd5de; border-top: 0px; position: relative; margin-bottom: 10px; }
#evento div#thread { padding: 10px; position: relative; }
#evento > div:first-child { position: relative; padding: 0px; border: 0px; }
#evento img { width: 100%; display: block; }
#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: 1px solid rgba(58,108,156,0.4); float: left; margin-right: 16px; position: relative; }
#profilepic > img { width: 118px; display: block; }
#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; }
#piazza, #gruppo, #nopermission { width: 100%; overflow: visible; }
#piazza > div { padding: 0px; margin-top: 0px; overflow: visible; }
#piazza > div:first-child { margin-bottom: 5px; }
#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 & WIDGETS */
/*---------------------------------*/
#colonna { width: 100%; }
#colonna > div { margin-top: 10px; padding: 5px; background: #ccd5de; }
/*#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; }
#minimappa { width: 100%; height: 250px; padding: 0px; }
#w_page_contact div { line-height: 52px; }
#w_page_contact div img { vertical-align: middle; padding: 0 10px 0 0; }
#openinghoursfull { display:none; margin-top:10px; }
#openinghoursfull span { width: 30%; display:inline-block; font-weight: 600; }
#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_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; }
a.maincat { background: #fff; color: #4b9649 !important; }
a.maincat:hover { background: #4b9649; color: #fff !important; }
a.highlight { background: #4b9649; color: #fff !important; }
a.highlight:hover { background: #fff; color: #4b9649 !important; }
.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; }
.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_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; }
.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_admin ul { margin:0;padding:0;list-style-type:none; }
.w_std_admin ul > li { margin:0;padding:0;margin-top:5px; }
.w_std_admin ul > li:first-child { margin-top:0; }
.w_std_admin ul > li > a { display: block; width: 100%; background: #eb8108; color: #fff !important; border-radius: 3px; padding: 2px 4px 2px 4px; font-weight: bold; text-align: center; border: 1px solid #fff;}
.w_std_admin ul > li > a:hover { background: #fff; color: #eb8108 !important; text-decoration: none !important; border: 1px solid #eb8108;}
.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 colonna e 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; }
#articolo a, #featuredvideo a, #colonna a, #pagina div a, #persona div a, #gruppo div a, #evento div a, #piazza div a { color: #4b9649; text-decoration: none; }
#articolo a:hover, #featuredvideo a:hover, #colonna a:hover, #pagina div a:hover, #persona div a:hover, #gruppo div a:hover, #evento div a:hover, #piazza 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; }
#fpwa { margin: 0px; overflow: auto; width: 100%; padding-bottom: 20px; }
#fpwa > div { width: 100%; overflow: auto; background: #ccd5de; }
#fpwa > div > p { padding: 10px; margin: 0px; }
#fpwa > div > img { width: 100%; }
#fpwa a { color: #4b9649; text-decoration: none; }
#fpwa a:hover { text-decoration: underline; }
#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;}
/*---------------------------------*/
/* STILI PER RIQUADRI USER CONTENT */
/*---------------------------------*/
.feedlist > div { border: 2px solid #ccd5de; margin-top: 4px; font-size: 14px; }
.feedlist > div:first-child { margin-top: 0; }
.feedlist > div.infotime { border: 0px solid #ccd5de; font-size: 16px; font-weight: bold; color: #666; padding-left: 10px; padding-top: 10px; }
.feedlist > div > div.fh { padding: 6px; color: #999; overflow: auto; }
.feedlist > div > div.fh img { width: 36px; float: left; margin-right: 6px; }
.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: #3a6c9c; color: #ccd5de; text-transform: uppercase; border: 1px solid #fff; border-top: 0px; }
.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 { background: #ccd5de; color: #3a6c9c; padding: 6px; border: 0px; overflow: auto; }
.loginrequired { padding: 20px; }
#social .feedlist { overflow: visible; }
#social .feedlist > div { border: 0px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); margin-top: 8px; background: #fff; }
#social .feedlist > div:first-child { margin-top: 0; }
#social .feedlist > div.infotime { border: 0px; font-size: 16px; box-shadow: 0px 0px 0px; background: transparent; font-weight: bold; color: #3a6c9c; }
#social .feedlist > div.infofeed { box-shadow: 0px 0px 3px rgba(0,0,0,0.3); background: #3a6c9c; color: #ccd5de; padding: 6px; border: 0px; text-transform: uppercase; }
#social .feedlist > div.infofeed a { color: #ccd5de; }
#social .feedlist > div.infofeed a:hover { color: #fff; text-decoration: none; }
#social .prefeedgroup { box-shadow: none; color: #3a6c9c; background: transparent; text-transform: uppercase; margin: 10px 0; }
#social .prefeed { box-shadow: none; color: #3a6c9c; background: transparent; text-transform: uppercase; margin: 0px 0; }
#social #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; }
#social #useraction a { color: #ccd5de; }
#social #useraction a:hover { color: #fff; text-decoration: none; }
#social #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; }
/*---------- fine riquadri user content -----------------*/
#footer { background: #3a6c9c; padding: 10px; color: #fff; margin: 0px; text-align: center; }
#footer a { color: inherit; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
@media only screen and (min-width: 768px) {
#usernav { position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); overflow: visible; height: auto; }
#accountcontrol { display: inline; position: static; padding: 0px; background: transparent; }
#accountcontrol > div { display: inline; padding: 0px; width: auto; color: #fff; font-size: 16px; border-top: 0px; }
#accountcontrol > div:after { content: ' | ' }
#accountcontrol > div:last-child:after { content: '' }
#accountcontrol > div span { display: none; }
#toploginform { display: inline-block; }
#toploginform input[type="text"] { margin-right: 4px; }
#toploginform input[type="text"], #toploginform input[type="password"] { font-size: 16px; }
#toploginform input { width: auto; display: inline; }
#searchwrapper { display: inline-block; position: relative; width: 200px; padding: 0px; background: transparent; top: 0px; font-size: 16px; }
#searchwrapper input[type="text"] { font-size: 16px; }
#toicc { display: block; }
#mbtn1, #mbtn2, #mbtn3, #mbtn4 { display: none; }
.usernav_btn { width: auto; display: inline-block; font-size: 16px; }
#testata { background: #4b9649; padding: 60px 0px 0px 0px; position: relative; width: 100%; height: 220px; z-index: 900; overflow: hidden; }
#testata h1 { font-size: 48px; line-height: initial; }
#testata h3 { display: block; }
#testatalogo { background: #4b9649; padding: 10px 0px 0px 0px; position: relative; width: 100%; z-index: 900; height: 220px; overflow: hidden; }
#testatalogo h1 img { height: auto; }
.sfondo_casentino { background: url('../gfx/casentino.jpg') !important; background-position: top center !important; }
.sfondo_milano { background: url('../gfx/milano.jpg') !important; background-position: top center !important; }
.sfondo_berlin { background: url('../gfx/berlin.jpg') !important; background-position: top center !important; }
.sfondo_hamburg { background: url('../gfx/hamburg.jpg') !important; background-position: top center !important; }
.sfondo_brandenburg { background: url('../gfx/brandenburg.jpg') !important; background-position: top center !important; }
.sfondo_lueneburg { background: url('../gfx/lueneburg.jpg') !important; background-position: top center !important; }
.sfondo_vorpommern { background: url('../gfx/vorpommern.jpg') !important; background-position: top center !important; }
.sfondo_piemonte { background: url('../gfx/piemonte.jpg') !important; background-position: top center !important; }
.sfondo_departure { background: url('../gfx/departure.jpg') !important; background-position: top center !important; }
.sfondo_playground { background: url('../gfx/playground.jpg') !important; background-position: top center !important; }
#menu { position: relative; z-index: 1000; overflow: auto; padding: 14px; padding-bottom: 11px; height: auto; }
#menu ul { display: block; position: relative; width: auto; }
#menu li { display: inline-block; margin: 0 10px; text-transform: uppercase; font-weight: bold; padding: 0px; border: 0px; border-bottom: 3px solid #3a6c9c; background: none; font-size: 16px; letter-spacing: 0px; }
#menu li:hover, #menu li.sel { border-bottom: 3px solid #fff; }
#menu li > a { display: inline; padding: 0px; }
#menu + #giornale { margin-top: 0px; }
#menu + #calcont { margin-top: 0px; }
#menu + #social { margin-top: 0px; }
#menu + #spaziomappa { margin-top: 0px; }
#articoli, #lart { max-width: 748px; margin: 0 auto; }
#articoli div, #lart 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; }
#evento h1 { position: absolute; bottom: 0px; left: 0px; background: none; }
#lart div { width: 49.25%; margin-left: 1.5%;}
#lart div h2 { position: static; color: #333; background: #fff; }
#lart div h4 { font-weight: normal; }
#lart div:nth-of-type(odd) { clear: left; margin-left: 0; }
#lart div:nth-of-type(2) { margin-top: 0; }
#articolo { max-width: 748px; margin: 0 auto; }
#featuredvideo { max-width: 748px; margin: 0 auto; }
#calendario { max-width: 748px; margin: 0 auto; }
#pagina, #gruppo, #evento { max-width: 748px; margin: 0 auto; }
#persona, #piazza, #nopermission { max-width: 748px; margin: 0 auto; }
#colonna { 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; }
.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%; 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_events_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_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; }
#fpwa > div { float: left; width: 49%; margin-right: 2%; }
#fpwa > div:nth-child(2) { margin-right: 0; }
#fpwa > div > p { height: 150px; }
#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){
#testata, #testatalogo { height: 220px; }
#giornale { width: 990px; margin: 0 auto; padding: 10px 0 20px 0; }
#calcont { width: 990px; margin: 0 auto; padding: 10px 0 20px 0; }
#articoli { width: 66%; float: left; }
#lart { width: 66%; float: left; }
#articolo { width: 66%; float: left; }
#featuredvideo { width: 66%; float: left; }
#pagina, #gruppo, #evento { width: 66%; float: left; }
#persona, #piazza, #nopermission { width: 66%; float: left; }
#calendario { max-width: 990px; margin: 0 auto; width: 100%; }
#colonna { width: 33%; float: right; }
#colonna > div:first-child { margin-top: 0; }
.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-child(8n+1) { margin-right: 0; }
#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; }
#social > div { width: 1000px; margin: 0 auto; overflow: auto; padding: 10px 5px; }
#ocont > div { width: 990px; margin: 0 auto; overflow: auto; }
#fpwa { width: 990px; margin: 0 auto; overflow: auto; }
}
/* ============================================================================= */
/* 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 */
/* ============================================================================= */
#win {
/*border: 2px solid #ccd5de;*/
background-color: #ccd5de;
}
#win > div > h3 { color: #3a6c9c; margin: 0px; padding: 0px; margin-bottom: 10px; }
#winform textarea { width: 100%; height: 100px; border: 2px solid #3a6c9c; border-radius: 4px; padding: 2px; margin: 0px; }
#winform input[type="button"] { width: 25%; }
#winform input[type="submit"] { width: 25%; }
#winform input[type="text"] { border: 2px solid #3a6c9c; border-radius: 4px; padding: 2px; margin: 0px; }
#winform input[type="password"] { border: 2px solid #3a6c9c; border-radius: 4px; padding: 2px; margin: 0px; }
#winform label { display: inline-block; width: 120px; }
#winform h3{ background: #4b9649; color: #fff; padding: 5px 20px; margin: -10px -10px 0px -10px;}
#menuform { background: #4b9649; padding: 6px 5px 0 3px; text-align: left; margin: 0px -10px 0px -10px; }
#menuform a { font-weight: bold; background: #3E7D3D; color: #badbb8; border-radius: 5px 5px 0 0; }
#menuform a.selected { background: #ccd5de; color: #3a6c9c; }
#menuform a:hover { background: #3E7D3D; }
#menuform a.selected:hover { background: #ccd5de; }
#block1, #block2, #block3, #block4, #block5 { padding: 10px; border: 1px solid #ccd5de; 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%; }
}
#cookiewin { position: fixed; bottom: 0px; background: #ccd5de; padding: 25px; border-top: 3px solid #3a6c9c; width: 100%; text-align: center; z-index: 1002; }
#cookiewin a#cookiemore { color: #4b9649; text-decoration: none; }
#cookiewin a#cookiemore:hover { text-decoration: underline; }
/********************************
* 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; }
}
/* calendario */
#calendario table { border-collapse: collapse; width: 100%; table-layout: fixed; margin: 0px; padding: 0px; z-index: 3; }
#calendario table tr th { border: 1px solid #bbb; padding: 2px; 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 #ddd; font-size: 24px; }
#calendario table tr td { border: 1px solid #bbb; padding: 1px; position: relative; height: 64px; width: 14.28%; padding-top: 16px; vertical-align: top; }
#calendario table tr td sup { display: block; position: absolute; font-size: 12px; top: 0px; left: 0px; color: #999; }
#calendario table tr td > a { position: relative; }
#calendario table tr td > a.ev-std { color: #4b9649; text-decoration: none; background: #badbb8; display: block; padding: 1px 2px; border-radius: 3px; text-transform: uppercase; font-size: 12px; border: 1px solid #fff; word-wrap: break-word; }
#calendario table tr td > a.ev-flw { color: #fff; text-decoration: none; background: #4b9649; display: block; padding: 1px 2px; border-radius: 3px; text-transform: uppercase; font-size: 12px; border: 1px solid #fff; word-wrap: break-word; }
#calendario table tr td > a.ev-past { color: #fff; text-decoration: none; background: #ccc; display: block; padding: 1px 2px; border-radius: 3px; text-transform: uppercase; font-size: 12px; border: 1px solid #fff; word-wrap: break-word; }
.tdempty { background: #ddd; }
.tdtoday { border: 1px double #f00 !important; }
#calendario table tr td > a > span { color: #666 !important; display: none; position: absolute; top: -20px; right: 98%; 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; z-index: 1; }
#calendario table tr td > a > span img { width:100%; }
#calendario table tr td > a > span .p_tit { font-weight: bold !important; font-size: 16px !important; }
#calendario table tr td > a > span .p_desc { font-size: 14px !important; text-transform: none; }
#calendario table tr td > a > span .p_info { font-weight: bold !important; font-size: 14px !important; text-transform: uppercase; background: #badbb8; padding: 2px;}
#calendario table tr td > a > span .p_info p { margin:0;padding:0; }
#calendario table tr td > a > span.right_p { left: 98%; }
#calendario table tr td > a > span.left_p::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; }
#calendario table tr td > a > span.right_p::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 table tr td > a > span > span { display: block; }
.et-fum { background: #DEE575; display: inline-block; padding: 1px 2px; border-radius: 1px; text-transform: uppercase; vertical-align: 0px; }
@media only screen and (min-width: 768px){
#calendario table tr td { height: 84px; }
}
@media only screen and (min-width: 1024px){
#calendario table tr td { height: 104px; }
#calendario tr td a:hover > span { display: block; }
}
/* 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; }