/* Fonts */
@font-face { font-family:"Ubuntu"; src:url(/css/fonts/Ubuntu.woff) format("woff"); }
@font-face { font-family:"Dosis"; src:url(/css/fonts/Dosis.woff) format("woff"); }

/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }

/* Generic styles */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom:1; }
*:first-child+html .clearfix { zoom:1; }
.clear { clear:both; }
.ico{ margin: 3px 10px 0 0; float: left;}

/* Formatting rules */
b, strong, .bold { font-weight:bold; }
i, em, .italic { font-style:italic; }
a { color:#D25C46; text-decoration:none; }
  a:hover { text-decoration:underline; }
ol li { list-style-type:decimal; }
sup { font-size:smaller; }
.aligncenter { text-align:center; }
.alignright { text-align:right; }
.alignleft { text-align:left; }
.imageLeft { float:left; margin:5px 20px 10px 0; width:40%; }
.imageRight { float:right; margin:5px 0px 10px 20px; width:40%; }

/* Generic Forms */
input[type=text], input[type=email], input[type=password], textarea, select { background:#FAFAFA; border:1px solid #DDD; color:#888; padding:10px; width:250px; }
  input[type=text]:focus, input[type=email]:focus, textarea:focus, select { color:#373737; }
  input[type=submit], .button { display:block; float:right; background-color:#FC0; padding:5px 10px; font-family:"Dosis",sans-serif; color:#FFF; font-size:24px; margin:25px 0 0 15px; border:0; text-align:center; min-width:100px;}
		.button{padding:10px 20px}
    input[type=submit]:hover, .button:hover { background-color:#666; text-decoration:none; }
  input[type=checkbox] { vertical-align:middle; margin-right:10px; }

/* Main Layout */
body { color:#666; background:#FC0 url(/img/sites/1/tile.png) top left repeat; font-family:"Ubuntu",sans-serif; line-height:1.4em; }
  body .content { background:#FFF; padding-bottom:30px; }
    body>header, .content .wrapper, body>footer .wrapper { margin:0 auto; }
      body>header .slider-wrapper { background:#CCC; height:255px; }
        body>header .slider .support { display:block; background:#D25C46; padding:40px; color:#FFF; font-family:"Dosis",sans-serif; font-size:24px; text-transform:uppercase; text-align:center; line-height:1em; }
      body>header .toolbar .tool { display:inline-block; vertical-align:middle; }
        body>header .toolbar .tool a { display:inline-block; }
          body>header .toolbar .tool a img { vertical-align:middle; }
          body>header .toolbar .tool.login a { color:#FFF; background:#D25C46; padding:6px 10px;}
            body>header .toolbar .tool.login a:hover { background:#333; }
          body>header .toolbar #search input[type=submit] { background:url(/img/sites/1/icons/go.png) top left no-repeat; margin:0 0 0 5px; padding:0; width:36px; height:36px; min-width:0; cursor:pointer; }
      body>header nav { background:#FFF; clear:both; font-family:"Dosis",sans-serif; z-index:140; }
        body>header nav a { color:#999; }

/* Home */
body .content .main .midcol section { padding:30px 30px 30px 110px; color:#999; }
  body .content .main .midcol section h2 { font-family:"Dosis",sans-serif; color:#666; font-size:28px; text-transform:uppercase; margin-bottom:5px; line-height:1em; }
  body .content .main .midcol section p { font-size:12px; }
body .content .main .midcol .primopiano, body .content .main .midcol .lastnews { display:none; }
body .content .main .news { clear:both; }
  body .content .main .news article { padding:40px 20px; border-bottom:15px solid #F0F0F0; }
body .content .main .pagination { text-align:right; margin:40px 0; }
  body .content .main .pagination li { display:inline-block; }
    body .content .main .pagination li a { display:block; padding:5px 10px; color:#666; font-size:20px; }
      body .content .main .pagination li a:hover { background:#F0F0F0; text-decoration:none; }
      body .content .main .pagination li a.active { color:#FFF; background:#FC0; }
body .content .main article { }
  body .content .main article.special { background-color:#F0F0F0; border-bottom:0; }
  body .content .main a.thumb { border:5px solid #D25C46; background-color:#FFF; padding:7px; display:inline-block; float:left; }
    body .content .main article a img { float:left; width:100px; height:100px; background:#FFF; }
  body .content .main article .newstext {}
		body .content .main article a.thumb { margin:0 30px 10px 0; }
		body .content .main article .newstext h3 a { display:block; font-family:"Dosis",sans-serif; color:#666; font-size:24px; padding-bottom:10px; line-height:1.1em; }
      body .content .main article .newstext h3 a .star { width:24px; height:auto; margin-right:5px; }
  	body .content .main article .newstext .categoria { font-style:italic; margin-bottom:10px; }
			body .content .main article .categoria a { color:#D25C46; }
  body .content .main article.starred { }
    body .content .main article.starred a.thumb { border:5px solid #FC0; height:170px; background:url(/img/sites/1/tail.png) bottom center no-repeat; border-bottom:none; text-decoration:none; }
      body .content .main article.starred a.thumb .tail { color:#FFF; text-align:center; font-family:"Dosis",sans-serif; font-size:24px; text-transform:uppercase; font-weight:bold; padding-top:120px; }
  body .content .main article p { margin:0; }
  body .content .main .image { background-color:#F0F0F0; padding:15px; text-align:center; margin-bottom:20px; }
    body .content .main .image img { max-height:200px; }
  body .content .main .tags h3 { display:inline; font-weight:bold; }
  body .content .main .text h4 { font-family:"Dosis",sans-serif; margin-top:26px; margin-bottom:7px; font-size:18px; text-transform:uppercase; font-weight:bold; }

/*login*/
body .content .fullwidth .logincol{margin-bottom:30px; border:1px solid #ccc;}
	body .content .fullwidth .logincol h3{ background:#FC0 url(/img/gnds/title_sx.png) no-repeat; color:#FFF; text-align:center; font-family:"Dosis",sans-serif; font-size:24px; text-transform:uppercase; margin-bottom:25px!important}
  	body .content .fullwidth .logincol h3 span { display:block; padding:5px; background:url(/img/gnds/title_dx.png) no-repeat right; }	

/* Interne */
body .content .main .text { margin:40px 0; }
  body .content .main .text h2 { font-family:"Dosis",sans-serif; color:#666; font-size:28px; line-height:1em; margin:0 0 20px 0; border-bottom:15px solid #F0F0F0; padding-bottom:30px; }
  body .content .main .text h3 { font-family:"Dosis",sans-serif; color:#666; font-size:22px; line-height:1em; margin:20px 0 7px 0; color:#D25C46; }
  body .content .main .text li { list-style:initial; margin:0 0 5px 40px; }
    body .content .main .text li:last-of-type { margin-bottom:20px; }
  body .content .main .text .readingTime { font-style:italic; }
    body .content .main .text .readingTime img { vertical-align:middle; }
  body .content .main .text p { margin-bottom:15px; }
  body .content .main .text a.thumb { margin:0 40px 20px 0; }
    body .content .main .text img.mainimage { float:left; width:150px; }
  body .content .main .text .greybox { background:#f0f0f0; }
    body .content .main .text .greybox h3 { font-family:"Dosis",sans-serif; font-size:24px; margin-top:-50px; margin-bottom:20px; text-transform:uppercase; color:#DDD; text-align:right; }
  body .content .main .text .downloads { margin:40px 0; }
    body .content .main .text .downloads a { padding:10px 0 10px 50px; background: url(/img/sites/1/icons/download.png) no-repeat; display:block; margin:5px 0; }
      body .content .main .text .downloads a:hover { opacity:0.7; }
  body .content .main .text .gallery { text-align:center; padding:30px 0px; margin:30px 0; background:#F0F0F0; }
    body .content .main .text .gallery article { display:inline-block; vertical-align:top; margin:10px; padding:0; border:0; width:125px; background-color:#DDD; }
      body .content .main .text .gallery article div a { padding:15px 0 0; display:inline-block; }
        body .content .main .text .gallery article div a img { float:none; width:90px; border-color:#DDD; background:#FFF; opacity:0.6; }
          body .content .main .text .gallery article div a img:hover { opacity:1; }
        body .content .main .text .gallery article div.caption { font-size:12px; line-height:1.3em; padding:0 5px 5px; height:43px; overflow:hidden;}

/* Form */
body .content .main .text form section { margin:15px 0; border-bottom:1px dotted #DDD; padding-bottom:15px; }
  body .content .main .text form section article { vertical-align:middle; }
    body .content .main .text form section article.field input[type=text] { }
      body .content .main .text form section article.field.error { color:#D25C46; }
        body .content .main .text form section article.field.error input[type=text], body .content .main .text form section article.field.error textarea { border:1px solid #D25C46; }

/* Alerts */
.alert { padding:30px; text-align:center; margin-bottom:30px }
  .alert.ok { background-color:#9ba800; color:#FFF; }
  .alert.warning { background-color:#FC0; color:#555 }
  .alert.error { background-color:#D25C46; color:#FFF; }

/* Aside */
body aside section { margin:40px 0; }
body aside h2 { background:#FC0 url(/img/gnds/title_sx.png) no-repeat; color:#FFF; text-align:center; font-family:"Dosis",sans-serif; font-size:24px; text-transform:uppercase; }
  body aside h2 span { display:block; background:url(/img/gnds/title_dx.png) no-repeat right; padding:5px; }
body aside .argomenti ul li a { display:block; padding:5px 0; border-bottom:1px solid #CCC; color:#999; font-family:"Dosis",sans-serif; font-size:18px; }
  body aside .argomenti ul li:last-of-type a { border-bottom:none; }
body .staytuned h2 { margin-bottom:20px; }
body .staytuned article { padding:5px 0; border-bottom:1px solid #CCC; color:#999; }
  body .staytuned article:last-of-type { border-bottom:none; }
	body .staytuned article .date { font-weight:bold; color:#666; }

/* Profile */
body .content .main .text .profile { }
  body .content .main .text .profile ul { margin:40px 0 20px; padding:5px 0 9px; border-bottom:1px solid #CCC; }
    body .content .main .text .profile ul li { display:inline-block; list-style-type:none; margin:0; }
      body .content .main .text .profile ul li a { padding:10px; color:#888; }
        body .content .main .text .profile ul li a:hover { background:#666; color:#FFF; }
        body .content .main .text .profile ul li a.here { background:#FC0; color:#FFF; }
  body .content .main .text .profile section { clear:both; padding:10px 0; }

/* Footer */
footer { }
  footer .banners { position:relative; padding:50px 0px 30px; text-align:center; background:#C5BEB8 url(/img/gnds/raw_top.png) repeat-x top; width:100%; }
    footer .banners h2 { background:#302E2D; color:#FFF; text-align:center; font-family:"Dosis",sans-serif; font-size:24px; text-transform:uppercase; margin:20px 0 10px; }
      footer .banners h2:first-of-type { margin-top:0; }
      footer .banners h2 span { display:block; padding:5px; }
    footer .banners article { display:inline-block; margin:5px; }
  footer .darkbg { background:#302E2D url(/img/sites/1/tile_footer.png) center center repeat; padding:40px 0; }
  footer .newsletter {color:#f0f0f0}
		footer .newsletter a{color:#f0f0f0}
    footer .newsletter h3 { font-family:"Dosis",sans-serif; color:#FFF; font-size:24px; margin-bottom:25px }
      footer .newsletter input[type=text] { margin-bottom:20px; }
  footer .colophon h1, footer .colophon h1 a { color:#FFF; font-weight:normal!important; text-align:right; }
    footer .colophon h1 .trademark { font-size:10px; font-style:italic; }
    footer .colophon h1 .credits { font-size:12px; margin-top:10px; }

/* Nivo slider */
.slider-wrapper { position:relative; overflow:hidden; }
.nivo-controlNav, .nivo-directionNav { display:none; }

/* Counter */
body .counters { position:fixed; bottom:0; left:0; z-index:1000; width:auto; }
  body .counter { display:inline-block; background:#AC2C00 url(/img/gnds/counter.png) repeat-x center; color:#FFF; padding:30px 30px 20px 30px ;   }
    body .counter:hover { background:#FA5400; }
    body .counter .counter-data, body .counter .count { display:inline-block; }
    body .counter .counter-data { text-transform:uppercase; font-size:14px; line-height:1em; margin-right:20px; } 
    body .counter .count { font-family: "Dosis",sans-serif; font-size:50px; }

/* Popup */
#popup { display:none; position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; z-index:200; width:100px; height:100px; border:10px solid #D25C46; background:#FFF; text-align:center}
#popupBackground { display:none; position:fixed; top:0; left:0; z-index:199; opacity:0.8; filter:alpha(opacity=80); background-color:#000; width:100vw; height:100vh; margin:0; padding:0; }

/* page content */
.content .video_wrapper { margin:40px 0; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
		.content .video_wrapper .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/******************************/
/*    STILI PER SMARTPHONE    */
/******************************/
@media only screen and (max-width:500px) {
  body .content .main article a.thumb { margin:0 20px 10px 0; }
  body .content .main article a img { width:60px; height:60px; }
    body .content .main article.starred a.thumb { height:130px; background-position:center 82px; }
      body .content .main article.starred a.thumb .tail { font-size:14px; padding-top:82px; }  

.content .imageLeft, .content .imageRight { float:none; margin:30px 0 30px 0; width:100%; }      
}

@media only screen and (max-width:767px) {
  body>header, .content, body>footer { margin:0 2%; padding:0 5%; }
  body>header, body>footer { padding:0; }
    body>header h1.desktop { display:none; }
    body>header h1.mobile { display:block; text-align:center; }
    body>header nav { display:none; position:fixed; top:0; left:0; width:50%; max-width:300px; box-shadow:5px 5px 5px #AAA; z-index:200; padding:0 4% }
      body>header nav li { font-size:20px; padding:15px; border-bottom:1px solid #ddd }
        body>header nav li a { display:block; }
        body>header nav li>ul { display:none; }
      body>header nav .close { display:block; position:absolute; top:0; right:0; padding:10px; cursor:pointer; }
    body>header .slider .support { padding:20px; }
    body>header .slider-wrapper { display:none; }
	body .content .wrapper{padding:1px 0}
	body .content .label{margin-bottom:10px}
    body .content .main .text form article { display:block; }
  body .content aside .argomenti { display:none; }
  body .content aside .sponsor { text-align:center; }
	body .content .fullwidth .logincol{padding:5%}
  body .counters { width:90%; padding:0 5%; background:#AC2C00; }
    body .counter { padding:5px; background:#AC2C00; }
      body .counter:hover { background:#AC2C00; }
      body .counter .counter-data { margin-right:10px; }
      body .counter .counter-data br { display:none; }
      body .counter .count { font-size:24px; }
  footer .darkbg { padding:40px; }
    footer .darkbg .newsletter { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #666; }
    footer .darkbg .socials {margin:30px 0}
  #sthoverbuttons { display:none; }
}


/****************************/
/*    STILI PER I TABLET    */
/****************************/
@media only screen and (max-width:1023px) {
  body>header .toolbar { background:#F0F0F0; }
    body>header .toolbar section { margin:5px 10px; }
    body>header .toolbar .mobilenav { display:block; float:left; cursor:pointer; }
    body>header .toolbar #search { display:none; position:absolute; margin:0; padding:10px; background-color:#FFF; }
    body>header .toolbar .languages { float:right; }
    body>header .toolbar .searchbutton { cursor:pointer; }
  body .content aside .argomenti.newsletter { display:none; }
}

@media only screen and (min-width:768px) {
  body>header, .content .wrapper, body>footer .wrapper { width:700px; font-size:14px; }
    body>header h1.desktop { display:block; margin:10px 0 25px; text-align:center; }
    body>header h1.mobile { display:none; }
    body>header .toolbar .mobilenav { display:none; }
    body>header nav { clear:both; margin:0 -20px; text-align:center; box-shadow:0px 3px 10px #666; position:relative; }
      body>header nav .close { display:none; }
      body>header nav li { display:inline-block; }
        body>header nav li>ul { display:none; }
        body>header nav li a { display:block; border-right:1px solid #CCC; font-size:20px; padding:15px; }
          body>header nav li a:hover { background:#999; text-decoration:none; color:#FFF; }
          body>header nav>ul>li:last-of-type a { border-right:0; }
    body>header .slider { position:relative; }
      body>header .slider .raw { position:absolute; bottom:0; height:20px; background:url(/img/gnds/raw_bottom.png) repeat-x top; width:100%; z-index:120; }
      body>header .slider .support { position:absolute; top:0; right:20px; padding:30px; width:120px; height:110px; background:url(/img/gnds/support.png) no-repeat bottom; z-index:20; }
  body .content .main { float:left; width:65%; margin-right:5%;}
    body .content .midcol { float:left; width:48%; }
      body .content .main .midcol .primopiano { display:block; border-right:1px solid #CCC; background:url(/img/gnds/primopiano.png) no-repeat 15px 20px; cursor:pointer; }
      body .content .main .midcol .lastnews { display:block; background:url(/img/gnds/lastnews.png) no-repeat 15px 20px; cursor:pointer; }
      body .content .midcol p { display:none; }
	body .content .fullwidth {width:100%}
		body .content .fullwidth .logincol{float:left; width:42%; padding:3%}
			body .content .fullwidth .logincol:first-of-type {margin-right:3%}
			body .content .main .fullwidth form .label {width:100px}
			body .content .logincol form input[type=text], body .content .logincol form input[type=password]{width:150px} 
    body .content .main .news { clear:both; }
      body .content .main .text form article { display:inline-block; }
      body .content .main .text form .label { width:30%; }
      body .content .main .text form .field { width:67%; }
  body .content aside { float:left; width:30%; }
    body .content aside .sponsor img { width:100%; margin:5px; }
  footer .banners { }
    footer .banners article { display:inline-block; margin:0 15px; }
  footer .darkbg .col { width:33.3%; float:left; }
    footer .darkbg .col .newsletter { margin-right:20%; }
      footer .darkbg .col .newsletter input[type=text] { width:90%; }
}


/*****************************/
/*    STILI PER I DESKTOP    */
/*****************************/
@media only screen and (min-width:1024px) {
  body>header, .content .wrapper, body>footer .wrapper { width:960px; }
    body>header .slider-wrapper { height:350px; }
    body>header h1.desktop { float:left; margin:20px 0 0 0; text-align:center; }
    body>header .toolbar { float:right; padding:20px 0; text-align:right; }
      body>header .toolbar .login a { margin-left:5px; }
      body>header .toolbar .mobilenav { display:none; }
      body>header .toolbar .tool.languages { margin-left:10px; }
      body>header .toolbar .searchbutton { display:none; }
      body>header .toolbar #search { clear:both; padding-top:10px; margin-right:0; }
        body>header .toolbar #search input[type=text] { background-image: url(/img/gnds/search.png); background-repeat:no-repeat; background-position: 5px; padding-left:40px; width:130px; }
		body>header nav { clear:both; margin:0 -20px; text-align:center; box-shadow:0px 3px 10px #666; position:relative; }
      body>header nav li { display:inline-block; }
        body>header nav li a { display:block; border-right:1px solid #CCC; font-size:24px; padding:15px 25px; }
          body>header nav li a:hover { background:#999 url(/img/sites/1/menu.png) bottom left no-repeat; text-decoration:none; color:#FFF; }
				/*submenu*/
     		body>header nav>ul>li>ul { display:none; position:absolute; box-shadow:5px 5px 5px #AAA; border-left:15px solid #FC0;}
        	body>header nav>ul>li:hover>ul { display:block; }
        		body>header nav>ul>li>ul>li { display:block; background-color:#FFF; border-bottom:1px solid #eee; }
        			body>header nav>ul>li>ul>li a { font-size:18px; padding:7px 12px; text-align:left; }
    body .content .main .midcol p { display:block; }
		body .content .main article .newstext { margin-left:150px; }
		  body .content .main article .newstext h3 a { border-bottom:5px solid #CCC; }
		  body .content .main article .newstext .categoria { clear:none; padding:10px 0; border-bottom:5px solid #CCC; margin:0; }
        body .content .main article.starred .newstext .categoria { border-bottom:5px solid #FC0; }
        body .content .main article.starred .newstext h3 a { border-bottom:5px solid #FC0; }
    body .content .main article p { margin:10px 0; }
		body .content .main article a.thumb { margin:0; }
		body .content .logincol form input[type=text], body .content .logincol form input[type=password] { width:250px; }
}