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

div#page, div#footer {width:100%;max-width:970px;}
div#header {background:#59a4af url(../images/header-gh-bg.jpg) center;padding-left:30px;height:auto;}
div#header img {width:auto;max-width:45%;}
div#topmenu div.mobilemenu {display:none;color: #FFF;float: left;cursor:pointer;margin-left: 10px;}
div#topmenu div.mobilemenu a i.fa {margin-top: 2px;}
div#topmenu div.mobilemenu a {font-size: 35px;}

table.cal_table tr td:first-child {display:none;}

/* BLOG */
body.blog h2, body.blog h1 {text-transform:none;border:none;}
body.blog div#header {
	background:#E03255 url(../images/header-blog.jpg) center;
	padding:0;
	height:200px;	
	position: fixed;
	top: 0;	
	z-index: 100;
	width: 100%;
	max-width: 700px;
}
body.blog div#header img.blog {max-width: 100%;position: absolute;bottom: 30px;left:30px;}
body.blog div#area_home {background:#ffffff url(../images/sfondo-blog.jpg);}
body.blog div.blog.top {background:#ffffff url(../images/sfondo-blog-top.jpg);height:63px;margin:0;border-top: 10px solid #fff;}
body.blog div.blog.bottom {background:#ffffff url(../images/sfondo-blog-bottom.jpg);height:63px;margin:0;padding:0 !important;}
body.blog #maincolumn_home {margin: 0 30px 0 25px;}
body.blog div#footer {background: #E03255;}
body.blog div#topmenu li.item-600, body.blog div#topmenu li.item-601, body.blog div#topmenu li.item-622 {display:none;}
body.blog div#topmenu div.mobilemenu {background:#E03255;margin: 0 !important;}
body.blog div#topmenu div.mobilemenu a {padding: 0 5px;}

@media screen and (max-width: 1024px) {
	body.blog div.intro3 {width:60%;}
}

@media screen and (max-width: 990px) {
	body {font-size: 18px;color:#000;}
	div.item h2 {font-size:22px;}
	
	div#topmenu div.mobilemenu {display:block;}
	
	#topmenu {height:auto;overflow:hidden;}
	#topmenu ul.menu {clear: both;margin: 0;display:none;}
	#topmenu ul.menu.mobile {display:block;border-top: 20px solid #FFF;overflow: hidden;height: inherit;}
	#topmenu ul.menu li {width:100%;background: #FFF url(../images/mw_readon-gh2.gif) no-repeat 22px 3px;}
	#topmenu ul.menu li a {color: #000;background-image:none;display:block;float:none;padding-left:36px;line-height: inherit;}
	#topmenu ul.menu li a:hover {background:none;color:#5092a1;}
	
	#leftcolumn {width:100%;display:none;}
	#leftcolumn.mobile {display:block;margin-top: -40px;}
	#leftcolumn ul.menu ul {display:none;}
	#leftcolumn div.moduletable.salutesviluppo, #leftcolumn div.search.cerca {display:none;}
	
	#maincolumn, #maincolumn_home {width:55%;}
	#rightcolumn, #area_home #rightcolumn {width:28%;}
	
	body.blog #topmenu ul.menu.mobile {border-bottom: 5px solid #E03255;}
	body.blog #topmenu ul.menu li {background: #FFF;}
	body.blog #topmenu ul.menu li a {padding-left:23px;padding-left: 43px;color: #E03255;font-size:16px;}
	body.blog #topmenu ul.menu li a:hover {color: #1f1f1f;}
	body.blog div.intro1 h1 {width:45%;}
	body.blog div.intro3 {width:45%;}
	
	div#bottom  div.moduletable.collaborazione {margin-left: 0;}
}

@media screen and (max-width: 680px) {
	div#header {padding-left: 0;text-align:center;}
	
	div#header img {max-width:100%;}
	
	#maincolumn, #maincolumn_home {width:90%;}
	#rightcolumn, #area_home #rightcolumn {width:90%;}
	
	table.cal_table tr td.cal_td_daysnames {font-size:13px;}
	
	body.blog div#header {position:absolute;}
	body.blog #topmenu {position:absolute;}

	body.blog div.blog.top {border-top: 20px solid #fff;}
	body.blog div.intro2 {top: 170px;}
	body.blog div.intro1 h1 {margin-top:80px !important;width:100%;}
	body.blog div.intro1.conalert h1 {margin-top:0px !important;width:100%;}
	body.blog div.intro3 {margin-top:160px !important;width:90%;}
	
	/*body.blog div.intro1 {width: 100%;float: none;}
	body.blog div.intro2 {width: 100%;float: none;margin-top:20px;}*/
	
	div#bottom  div.moduletable.collaborazione {width: 100%;float: none;margin-left: 0;}
	div#bottom div.moduletable.europa {width: 100%;float: none;margin-left: 0;}
	
	body.blog #area div, body.blog #area_home div {line-height: 26px;font-size: 18px;}
	
	.custom.loghi {width:100%;}
	.custom.loghi a {display:inline-block;width:50%;text-align:center;}

}

@media screen and (max-width: 550px) {
	body.blog div#header {text-align:left;height:170px;}
	body.blog div#header .custom img {width:110px !important;}
	body.blog div#header img.blog {bottom: 20px;}
	
	body.blog #topmenu {top:0;background:none !important;}
	body.blog #topmenu.mobile {background:#E03255 !important;}
	
	body.blog div.intro2 {top: 180px;right: 10px;width: 250px;}
	body.blog div.intro1 h1 {/* margin-top:0 !important; PRE HEADER FIX */}
	
	body.blog div.items-leading img, body.blog div.item-page img {width:100%;height:auto;}	
	body.blog table.autore td em  {display:none;}
	
	body.blog #maincolumn_home {margin: 0 10px 0 10px;}
	body.blog table.autore td:nth-child(3) {width:auto;}
	body.blog table.autore td:nth-child(4) {display:none;}
	
	body.blog div#maincolumn_home div.blog {padding-top: 100px;}
	body.blog #page_bg {padding-top: 170px;}
	
	table.homecorsi td a img {height:50px !important;}
	
	img#loadingvote {width:auto !important;}
	
	.BotonUno {margin: 5px 10px !important;}
	
	a.btnuserconcorso {font-size:14px;}
}

@media screen and (max-width: 480px) {
	body.blog table.autore td {display:block;}
	body.blog table.autore td:nth-child(2) {padding: 10px 0;width:90%;}
	body.palestre div.items-row div.item {width:100%;}
	
	body.blog div.social {text-align: center !important;}	
	a.btnuserconcorso {float:none !important;}
	body.blog form input[type="text"], body.blog form input[type="password"], body.blog form input[type="email"], fieldset#jform_profile_tos {width:100%;}
	
	img.oisgheader {width:100%;height:auto;}
	table.oisgtable td {width:48%;display:block;float:left;margin-bottom:20px;}
}
