/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

ul, ol, li {list-style-type: none;}
/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}


/* ======================================================================= */
/* shiny style */

	a {color: #666;text-decoration: none;}
	a:hover {color:#990000;text-decoration:underline;}
	table {width:100%;border-collapse: collapse;}
	table td{ vertical-align:top;}
	@font-face{
	font-family: 'HelveticaLTStdCondensed';
	/*IE*/
	src: url('../fonts/helveticaltstd-cond-webfont.eot');
	/*Altri Browsers*/
	src: local('HelveticaLTStdCondensed'), url('../fonts/helveticaltstd-cond-webfont.woff') format('woff'), url('../fonts/helveticaltstd-cond-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}
	header { position:fixed; z-index:10000; width:84%; height:165px; background-color:#fff;top:0;}
	header #logoshiny { float: left; width: 327px; height:93px;}
	header #logoshiny a img { margin: 10px 0 0 0; }
	header #headBanner { float: left; width: 372px; height: 40px; text-align: right; padding: 16px 0 0 0; }
	header #lang { float: right; width: 208px; text-align: right; padding: 50px 7px 0 0; }
	header #sloganHead{ font-family: 'HelveticaLTStdCondensed'; font-size:20px; position:absolute; left:229px; top:51px; color:#045e83;}
	header #partners{position:absolute; right:7px; top:35px; height:36px; width:350px; }
	header #partners a img{ float:right;}
	header #langBar{float:right;text-align:right;font-family:Tahoma;color:#888;margin-bottom:2px;padding-top:3px;padding-right:10px;}

	#corpo{padding-top:185px;}
	
	/* @group CLASSI GENERICHE    ############################ */
	.jst {text-align:justify;}
	.aRight { text-align:right !important;}
	.flLeft {float:left;margin:0 10px 5px 0;}
	.flRight {float:right;margin:0 0 5px 10px;}
	.noBrd {border: none;}
	.close {clear:both;}
	.chand{ cursor:pointer;}
	.brdRight{ border-right:1px solid #e9e9e9;}
	/* @end */	
	
	/* @group navigator */
	#navigator { padding: 0; font-family: 'HelveticaLTStdCondensed'; position:relative; clear:both; margin-bottom:9px; }
	#navigator ul {  z-index: 999;overflow: hidden; height:27px; line-height:27px; margin: 0; padding: 0; background: transparent url(../images/bg-navigator.gif) repeat-x top left; font-size: 15px; }
	#navigator li { margin: 0; padding: 0; list-style-type: none;float:left; display:block; }
	#navigator li a { color: #ffffff; text-decoration: none; display: block; padding: 0px 10px 0px 15px; background: transparent url(../images/bg-navigator-li.gif) no-repeat center left; }
	#navigator li a.nogo { cursor:default;}
	#navigator li strong { color: #fcdd3d; display: block; float: left; padding: 5px 10px 7px 15px; background: transparent url(../images/bg-navigator-li.gif) no-repeat center left; }
	#navigator li a:hover {background: transparent url(../images/bg-navigator-hover.gif) no-repeat top left;  }
	#navigator li.first a:hover {background: transparent url(../images/bg-navigator-hover-first.gif) no-repeat top left;}
	#navigator li.opposite { display: block; float: right; }
	#navigator li a.editico { display: block; overflow:hidden; text-indent:-9999px; background:url(../images/ico-edit.png) no-repeat 0 0; width:42px; height:27px; padding:0px;}
	#navigator li a:hover.editico {background:url(../images/ico-edit.png) no-repeat 0 -27px; }
	#navigator li.login {display: block; float: right; }
	#navigator li.login a { display: block; padding:0 20px;  text-transform:uppercase; background: url(../images/bg-navigator-login.gif) repeat-x 0 0; }
	#navigator li.login a:hover { background: url(../images/bg-navigator-login.gif) repeat-x 0 -35px; }
	#navigator .nolist {z-index: 999;overflow: hidden; height:27px; line-height:27px; margin: 0; padding: 0; background: transparent url(../images/bg-navigator.gif) repeat-x top left; font-size: 15px; color: #ffffff; padding: 0px 10px 0px 15px;}
	#navigator #liveStatus{padding-top: 0; padding-left:11px;width:21px;}
	/* @end */
	
	/* @group SBAR */
	.sbar {font-family: 'HelveticaLTStdCondensed'; color:#999; font-size:16px; border-bottom:1px solid #333; padding:0 10px; height:35px;background-color:#fff;}
	.sbar .subnav {height:35px; line-height:35px; position:relative;}
	.sbar .subnav li { float:left; display:block; margin-right:12px; padding-right:8px; background:url(../images/bg-li-subnav.gif) no-repeat right center;}
	.sbar .subnav li.opposite { float:right;}
	.sbar .subnav li.summary { background:none; margin:0px; color:#999;font-size:16px;}
	.sbar .subnav li a { color:#333;display:block;background:url(../images/bg-arrow-subnav.gif) no-repeat right center; padding:0 27px 0 0;}
	.sbar .subnav li a:hover {text-decoration:none;}
	.sbar .subnav li.icoCal { background: none; margin-right:0; padding-right:0;}
	.sbar .subnav li.icoCal a { background: url(../images/calendar.gif) no-repeat 0 center; display:block; padding:0px; width:16px; height:35px; overflow:hidden; text-indent:-9999px;}
	.sbar .subnav ul ul {display: none;position: absolute;background:#fff; width:140px; height:auto; margin-left:-10px; font-size:14px; line-height:24px; border:1px solid #333; border-top:none; }
	.sbar .subnav ul ul.bigger { width:250px;}
	.sbar .subnav ul li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */top: 35px;left: auto;padding: 0 0 0 0;}
	.sbar .subnav ul li:hover ul, #navigator li.over ul { /* lists nested under hovered list items */display: block;z-index:999;}
	.sbar .subnav ul ul li {position:relative;display: block;float: none; background:none;  margin:0; padding:0px; }
	.sbar .subnav ul ul li img{position:absolute;top:5px;left:5px;}
	.sbar .subnav ul ul li span {display: block;float: none; background:none; padding:0 10px; font-weight:normal; color:#888; font-style:italic;}
	.sbar .subnav ul ul li a {display: block;float: none; background:none; padding:0 10px; font-weight:normal;border-top:1px solid #dbdbdb;text-decoration:none;}
	.sbar .subnav ul ul li a.withico {padding:0 28px;}
	.sbar .subnav ul ul li .submenu {left:150px;top:0;display:none;}
	.sbar .subnav ul ul li a:hover { background-image:none; color:#369; }
	#sbar .addLink{color:#888;}
	/* @end */	
	
	/* @group CALENDAR */
	#boxCalendar,#boxCalendar_2{ z-index:90000;position:fixed; font-size:12px; line-height:16px; border:1px solid #c4c4c4; background:#fff; width:600px;  right:8%; top:164px; padding:10px; 1background:#f9f9f9 url(../images/bg-calendar.jpg) repeat-x 0 bottom;}
	#boxCalendar h3,#boxCalendar_2 h3{ padding:10px 0; text-transform:uppercase; color:#4d8caf; font-weight:normal;font-family: 'HelveticaLTStdCondensed'; font-size:16px;}
	#datepicker1,#datepicker1_2{ float:left; width:380px;}
	#datepicker2,#datepicker2_2{float:left; width:190px; margin-left:10px; }
	.boxdate{float:right; width:190px; position:relative; height:175px;}
	.boxdate input{ width:180px; margin:2px 0 5px 0;}
	.boxdate button{ color:#fff; background:#4d8caf; margin:7px 0 0 0;font-size:16px;font-family: 'HelveticaLTStdCondensed'; text-transform:uppercase;}
	.boxdate a.chiudi{ cursor:pointer; background: url(../images/x.jpg) no-repeat 0 0; width:16px; height:18px; overflow:hidden; text-indent:-9999px; display:block; position:absolute; right:10px; bottom:0px;}
	.evidenziato {background-color:#ffa;}
	.giornoSelezionato a { background: #4d8caf !important; color:#fff !important;}
	/* @end */	
	
	/* @group LEAFLETMAP */
	#mapcontainer{position:relative;width:100%;height:232px;overflow:hidden;}
	#map{width:100%;height:232px;}
	#mapcontainer .element{font-family:'HelveticaLTStdCondensed';width:75px;height:24px;background:url(../images/bg-marker.png) no-repeat;position:absolute;top:0;left:0;text-align:center;font-size:15px;font-weight:bold;}
	#mapcontainer #baloon{z-index:1000;line-height:1.2em;display:none;font-family:'HelveticaLTStdCondensed';width:140px;height:39px;background:url(../images/baloon.png) no-repeat;position:absolute;top:0;left:0;text-align:left;font-size:13px;font-weight:normal;color:#666;}
	#mapcontainer #baloon .inner{padding:4px 9px;}
	#mapcontainer .totalscont{position:absolute;width:75px;background-color:#fff;text-align:center;height:19px;top:0;z-index:11;}
	#mapcontainer .incremento{position:absolute;display:none;top:0;right:0;height:19px;background-color:#FA0;color:#fff;padding:0 5px;z-index:10;}
	/* @end */
	
	.loginContent{text-align:center;margin-top:160px;color:#4b4b4b;}
	.loginContent h1{border-bottom: 1px solid #444;font-size:24pt;color:#3e6995;text-align:left;font-family:'HelveticaLTStdCondensed';line-height:1.5em;}
	.loginContent .loginCentered{margin: 0 auto;margin-top:40px; margin-bottom:200px;width:650px;text-align:left;}
	.loginContent .loginContent_sx{width:350px;float:left;border-right:1px solid #c5d2df;}
	.loginContent .loginContent_dx{width:298px;margin-left:351px;}
	.loginContent .inner {padding:30px;}
	.loginContent h2{font-family:Arial;color:#2c619f;border-bottom:1px solid #e1e1e1;font-size:11pt;margin-bottom:5px;padding-bottom:3px;}
	.loginContent input{font-size:9pt;padding:5px 0 5px 5px;margin:0;background:url(../images/bg-input.png) no-repeat;width:281px;line-height:15px;height:15px;border:1px solid #ccc;}
	.loginContent p{margin-bottom:15px;}
	.loginContent .loginButton{font-weight:bold;border:0;background:url(../images/bg-loginbutton.png) repeat-x;color:#fff;width:75px;height:23px;margin-right:2px;}
	.loginContent .rowRight{text-align:right;margin-bottom:15px;}
	.loginContent a:link{color: #175fe8;text-decoration:underline;}
	.loginContent a:visited{color: #800080;text-decoration:underline;}
	.loginContent a:hover{color:#FF0000;}
	.loginContent .field{margin-bottom:5px;}
	.loginContent .ghost{color:#aaa;font-style:italic;}	
	
	#upperbarR{position:relative;padding-top:4px;padding-left:6px;height:29px;margin-bottom:7px;background:url(../images/bg-upperbar.gif) repeat-x;}
	#upperbarR .tasto{position:absolute;top:3px;width:22px;height:22px;cursor:pointer;}
	#upperbarR #tastoScalaHR{left:3px;}
	#upperbarR #tastoScalaDY{left:31px;}
	#upperbarR #tastoScalaWK{left:59px;}
	#upperbarR #tastoScalaMN{left:87px;}
	#upperbarR #tastoLin{right:59px;}
	#upperbarR #tastoBar{right:31px;}
	#upperbarR #tastoAre{right:3px;}
	.tastoUnselected{background:url(../images/tasto.jpg) no-repeat;}
	.tastoSelected{background:url(../images/tasto.jpg) no-repeat bottom left;}
	
	#textMetrics{padding-left:12px;font-family: 'HelveticaLTStdCondensed';color:#666;}
	#textMetrics #textMetric1{width:32%;}
	#textMetrics #textMetric2{width:33%;}
	#textMetrics #textMetric3{width:32%;}
	#textMetrics .textMetric{height:100px;float:left;margin-right:10px;}
	#textMetrics .textMetric .riga1{font-size:14px;}
	#textMetrics .textMetric .riga1 .metricLabel{float:left;}
	#textMetrics .textMetric .riga1 span{width:11px;height:11px;display:block;float:left;margin-top:6px;margin-right:8px;}
	#textMetrics .textMetric .riga1 #span1{background-color:#024977;}
	#textMetrics .textMetric .riga1 #span2{background-color:#3083b8;}
	#textMetrics .textMetric .riga1 #span3{background-color:#68bdf3;}
	#textMetrics .textMetric .riga2 .valoreMetrica{position:relative;z-index:10;font-size:28px;color:#333;font-weight:bold;float:left;margin-right:10px;}
	#textMetrics .textMetric .riga2 .incrementoMetrica{font-size:22px;color:#333;line-height:38px;}
	#textMetrics .textMetric .riga2 .bloccoLive{float:left;position:relative;}
	#textMetrics .textMetric .riga2 .bloccoLive .variation{z-index:9;top:0;position:absolute;display:none;font-size:28px;background-color:#fa0;padding:0 10px;margin-right:20px;color:#fff;font-weight:bold;}
	#textMetrics .textMetric .riga3{font-size:16px;}
	#textMetrics .textMetric .riga3 span{font-weight:bold;}
	
	#footer { clear:both;}
	#footer {color: #888888;margin: 30px 0 0;padding: 0px 0 40px;text-align: center;}
	#footer small {font-size: 11px;}
	#footer a {color: #666666;}
	#footer #endLangs { padding:5px 0 0 0;}	
	
	.summary{font-weight:normal;padding:0px;border-bottom:1px solid #333;font-size:20px;font-family:'HelveticaLTStdCondensed';display:block;color:#333;margin-bottom:10px;}
	
	.configArrow{margin-top:-5px;margin-left:18px;padding:2px;}
	h2 a{float:left;}
	h2 .configArrow{}
	.optionsList{font-size:14px;display:none;position:absolute;border:1px solid gray;top:0px;left:10px;z-index:999;background-color:white;}
	.optionsList li{height:25px;}
	.optionsList a{display:block;width:100%;border-top:1px solid #DBDBDB;padding:3px 0px 0 0px;color:#666;}
	.optionsList a:link{text-decoration:none;}
	.optionsList a:visited{text-decoration:none;}
	.optionsList a:hover{color: #369;text-decoration:none;}
	.optionsListTitle{display:block;padding-left:5px;padding-top:8px;font-style:italic;font-weight:bold;}
	.optionsList .selected{color:#aaa;font-style:italic;padding-left:7px;}
	.configMode{display:none;}
	
	#topshadow{background:url(../images/topshadow.png) repeat-x;position:fixed;top:165px;height:30px;width:84%;z-index:9999;display:none;}
	.calendarShadow{background:url(../images/topshadow.png) repeat-x;height:30px;width:100%;position:absolute;top:227px;left:0;display:none;}	
	
	#loadingLayer{z-index:90000;position:fixed;top:0;left:0;height:100%;width:100%;text-align:center;background:url(../images/overlay.png);color:#ddd;padding-top:200px;font-size:24pt;}
	#loadingContent{width:476px;position:relative;margin: 0 auto;}
	#loadingTitle{color:#fff;position:absolute;top:4px;left:40px;font-family:'HelveticaLTStdCondensed';font-size:16pt;}
	#loadingText{color:#232222;position:absolute;top:52px;left:11px;font-family:'HelveticaLTStdCondensed';font-size:10pt;font-weight:bold;}
	#loadingDetails{color:#5b5b5b;position:absolute;top:122px;left:11px;font-family:'HelveticaLTStdCondensed';font-size:9pt;font-weight:bold;}
	#loadingBar{background-color:#3d6996;height:9px;width:0px;position:absolute;top:83px;left:11px;}
	
	#labelGeo{color:#888;font-size:10pt;line-height:36px;}
	#labelGeo span{color:#444;font-weight:bold;}
/* end shiny style */
/* ======================================================================= */




/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	margin:0;padding:0 8%;font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #5b5b5b;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	/*width: 896px;
	padding: 72px 48px 84px;
	background: rgb(232,232,232);
	color: rgb(60,60,60);*/
}
.graphBlock{float:left;}
.graphBlock .inner{padding:0 10px;}
#metric012{width:100%;height:350px;} /*#metric6{width:14%;height:350px;}*/
#leftBlock{width:66%;height:580px;}
	#metric3{width:50%;height:290px;} #metricgeo{width:49%;height:290px;} 
	#metric4{width:50%;height:290px;} #metric5{width:49%;height:290px;}
#rightBlock{width:33%;min-height:580px;}
	#metric7{width:100%;min-height:580px;}
footer{height:165px;}

/* stacked graph */
.chartGrap{ float:left; border: 1px solid #333; width:54px; margin-right:15px; font-size:18px;font-family: 'HelveticaLTStdCondensed';}
.chartGrap span{ display:block; text-align:center; color:#fff;}
.chartTxt{ float:left;height:150px;font-size:16px;font-family: 'HelveticaLTStdCondensed';}
.chartTxt span{ display:block; white-space:nowrap;}

/* masonry graph */
.masonryContainer{width:100%;}
.masonryItem{border-bottom:1px solid #fff;background:url(../images/bg_topPage.png) repeat-y;float:left;background-color:#acdbf9;height:90px;}
.masonryVisitors{border-right:1px solid #b8e0fa; font-family: 'HelveticaLTStdCondensed'; width:73px;float:left;font-size:34pt;color:#fff;text-align:center;font-weight:lighter;}
.masonryName{margin-left:83px;color:#fff;font-family:'HelveticaLTStdCondensed';font-size:9pt;font-weight:lighter;}
.masonryInner{padding:10px;}

/* top pages graph */
.elementoElenco{padding:10px;color:#fff;background-color:#68bdf3;margin-bottom:1px;font-family:'HelveticaLTStdCondensed';font-size:10pt;}
.elementoElenco table tr {border-bottom:0;}
.topPage{background-color:#f6f6f6;padding:10px;margin-bottom:3px;border-bottom:1px solid #ccc;border-right:1px solid #ddd;}
.topPageName{font-size:11pt;font-weight:bold;border-bottom:1px solid #bbb;padding-bottom:3px;margin-bottom:5px;margin-right:80px;}
.topPageValue{float:right;color:#aac;font-weight:bold;font-size:26pt;}
.topPageSign{width:10px;height:21px;background: url(../images/sign.png) no-repeat;float:left;}


/* per schermi grandi, ma non superiori a 1280px riduco il margine laterale */
@media only screen and (min-width: 992px) and (max-width: 1280px) {
	header { width:98%;}
	body{margin:0;padding:0 1%;font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #5b5b5b;}
	#topshadow{width:0;height:0;}
}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		width: 712px;
		padding: 0 28px 60px;
		margin:0;
	}
	#topshadow{width:0;height:0;}
	header{width:712px;/*height:185px;*/position:absolute;}
	#corpo{padding-top:205px;}
	#navigator{margin-top:113px;}
	.graphBlock{float:left;}
	#metric012{width:100%;height:350px;} 
	#metric6{width:100%;height:290px;}
	#leftBlock{width:100%;height:580px;}
		#metric3{width:50%;height:290px;} #metricgeo{width:50%;height:290px;} 
		#metric4{width:50%;height:290px;}	#metric5{width:50%;height:290px;}
	#rightBlock{width:100%;min-height:580px;}
		#metric7{width:100%;min-height:580px;}
	footer{height:165px;}	
	
	header #sloganHead{ left:73px; top:82px;}
	
	#textMetrics{padding-left:0;}
	#textMetrics #textMetric1{width:31%;}
	#textMetrics #textMetric2{width:31%;}
	#textMetrics #textMetric3{width:31%;}
	
	#textMetrics .textMetric .riga2 .valoreMetrica{font-size:22px;}
	#textMetrics .textMetric .riga2 .incrementoMetrica{font-size:16px;line-height:31px;}
	#textMetrics .textMetric .riga3{font-size:12px;}
	#textMetrics .textMetric .riga2 .bloccoLive .variation{font-size:22px;}
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {
		width: 252px;
		padding: 0 34px 60px;
		margin: 0;
	}
	header{width:252px;/*height:224px;*/position:absolute;}
	#topshadow{width:0;height:0;}
	.graphBlock{float:none;}
	#corpo{padding-top:244px;}
	#metric012{width:100%;height:530px;} 
	#metric6{width:100%;height:290px;}
	#leftBlock{width:100%;height:auto;}
		#metric3{width:100%;height:290px;} 
		#metricgeo{width:100%;height:290px;} 
		#metric4{width:100%;height:290px;}	
		#metric5{width:100%;height:290px;}
	#rightBlock{width:100%;min-height:580px;}
		#metric7{width:100%;min-height:580px;}
	footer{height:165px;}	
	
	header #langBar{text-align:right;margin-bottom:2px;padding-top:3px;}
	/*header #partners{position:absolute; right:0; top:30px; height:36px; width:350px; }	*/	
	header #partners img{height:20px;}
	header #logoshiny {margin-top:30px;}
	header #sloganHead{ left:60px; top:115px;font-size:16px;}
	header #logoshiny a img{width:252px;}
	header #greet{display:none;}
	
	#sbar .textLabel{display:none;}
	#sbar .superfluous{display:none;}
	#sbar{font-size: 12px;}
	
	#sbar .summary{border:0;}
	
	#textMetrics .textMetric .riga2 .valoreMetrica{font-size:22px;}
	#textMetrics .textMetric .riga2 .incrementoMetrica{font-size:16px;line-height:31px;}
	#textMetrics .textMetric .riga3{font-size:12px;}	
	#textMetrics .textMetric .riga2 .bloccoLive .variation{font-size:22px;}
	
	#textMetrics{height:300px;padding-left:20px;}
	#textMetrics .textMetric{width:100%;height:100px;float:none;margin-right:10px;border-top:1px solid #dadada;}
	#textMetrics #textMetric1{width:auto;}
	#textMetrics #textMetric2{width:auto;}
	#textMetrics #textMetric3{width:auto;}
	
	.loginContent{margin-top:180px;}
	.loginContent h1{font-size:18pt;}
	.loginContent .loginCentered{width:auto;}
	.loginContent .loginContent_sx{float:none;width:auto;border:none;}
	.loginContent .loginContent_dx{float:none;width:auto;margin-left:0;}
	.loginContent input{width:190px;}
	.loginContent .rowRight{width:190px;}
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		width: 436px;
		padding: 0 22px 48px;
		margin: 0;
	}
	header{width:436px;/*height:224px;*/}
	#sbar .superfluous{display:block;}
	
	
}