﻿body {
	font-family: sans-serif, Tahoma, Verdana, Helvetica, Arial;
	font-size: 14px;
	line-height: 140%;
	color: #000;
	background-color: #D3D3CE;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */	
	padding: 1px;
}
a:link, a:visited {
	text-decoration: none;
	color: #06F;
}
a:hover {
	text-decoration: underline;
	color: #06F;
}
menu{
	text-indent: -17px;
	list-style-type: none;
	white-space: nowrap;
}
.evidenziato {
	font-weight: bold;
	font-size: 17px;
	line-height: 120%;
	display: block;
	padding-bottom: 1px;
}
h1, .titolo {
	font-size: 32px;
	line-height: 120%;
}
.titoletto {
	font-size: 26px;	
	line-height: 130%;
	font-weight:400;
}
.tags {
	font-size: 12px;
	color: #090;
}
.molto {
	font-size: 42px;
	line-height: 110%;
}


/* LIVELLI */
.todo {
	width: 860px;
	margin:auto;
}
.todo750 {
	width: 750px;
	margin: 0px auto;
	background-color: #FFF;
}
.menutop {
	width: 80px;
	margin: 0px;
	position: fixed;
	float:left;
	padding: 0px 10px 10px 10px;
}
.titolosezione {
	background-color: #FFF;
	width: 730px;
	padding: 5px 10px 30px 10px;
	float:right;
}
.titolosezione2 {
	background-color: #FFF;
	width: 730px;
	padding: 10px;
	float:right;
}
.box {
	background-color: #FFF;
	width: 730px; /* 730px; */
	padding: 20px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	float:right;
}
.b {
	width:100%;
	border-width:0px;
}
.boxdistanziato {
	background-color: #FFF;
	width: 730px;
	padding: 20px 10px 50px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;	
	float:right;
}
.boxgrigio {
	background-color: #C9C9C4;
	width: 730px;
	padding: 20px 10px;	
	float: right;
}
.copyright {
	background-color: #FFF;
	width: 730px;
	padding: 20px 10px;
	margin-top: 0px;
	margin-bottom: 0px;	
	float: right;
}
.copyrightdistanziato {
	background-color: #FFF;
	width: 730px;
	padding: 20px 10px 50px 10px;
	margin-top: 0px;
	margin-bottom: 0px;	
	float: right;
}
.left260 {
	width: 260px;
	float: left;
}
.left300 {
	width: 300px;
	float: left;
}
.left400 {
	width: 400px;
	float: left;
}
.right260 {	
	width: 260px;
	float: right;
}
.right300 {
	width: 300px;
	float: right;
}
.right430 {
	width: 430px;
	float: right;
}
.boxvuoto {
	width: 750px;
	height: 50px;
	float: right;
}
.boxcommenti {
	width: 750px;
	float: right;
}
.disqus_thread {
	width: 430px; 
	float: right; 
	margin-top: 10px;
}
.addthis_toolbox { /* addthis_default_style */
	margin-top: 12px;
	margin-bottom: 12px;
}
.boxflash750 {
	width: 750px;
	margin: 0px;
	float:right;
	padding: 0px;
}
.testosx {
	width: 260px;
	margin-right: 50px;
	float: left;
}
.testodx {
	visibility: inherit;
	float: right;
}
.div-sx {
	width: 42%;
	float: left;
}
.div-dx {
	width: 58%;
	float: right;
}
.simbolo {
	width: 80px;
	height: 80px;
	float: left;
	vertical-align: text-bottom;
	text-align: center;
}
.js-kit-comments {
	margin-right: 0px;
}
.small {
	font-family: sans-serif, Helvetica;
	font-size: 10px;
}
.boxblu {
	background-color: #06F;
	width: 730px;
	padding: 10px;
}
.buy {
	background-color: #007FFF;
	font-weight:bold;
	font-size:12px;
	padding: 2px 8px 4px;
	border-radius: 3px;
	box-shadow:1px 1px black; 
	color: #FFF;
	margin: 4px 0px;
	line-height: 200%;
}
.buy a {
	text-decoration:none;
}
.imm425px {}
.related {
	margin-left: 10px;	
	white-space: nowrap;
}
.morebig {
	font-size: 120%;
}
.nobr {	
	white-space: nowrap;
}





/* Selection colours (easy to forget) */

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







 /* SMALL SMARTPHONES */
@media only screen and (min-width: 310px) and (max-width: 562px) {

	body {
	padding: 0px;
	margin: 10px 0px;
	font-size:12px;
	}
	h1, .titolo {
	font-size: 24px;
	}
	.evidenziato {
	font-size: 14px;
	}
	.todo, .todo750 {
	width: 98%;
	}
	.menutop {
	}
	.box {
	width: 70%; /* 730px; */
	margin-left:-10px;
	}
	.b {
	display: block;
	}
	.titolosezione, .titolosezione2, .boxdistanziato, .copyright, .copyrightdistanziato, .boxcommenti, .boxvuoto, .boxgrigio {
	width: 70%;
	margin-left:-10px;
	}
	.boxflash750 {
	width: 70%;
	padding: 10px; /* costretto a questa soluzione */
	}
	.left400, .left260, .left300, .imm425px, .right260, .right300, .right430 {
	width: 100%;
	display:block;
	margin: 10px 0px 10px;
	float:none;
	clear:both;
	}
	.disqus_thread {
	margin-left:-10px; 
	width: 100%; 
	margin-top:10px;
	}
}

 /* TABLETS */
@media only screen and (min-width: 563px) and (max-width: 880px) {
	
	body {
	padding: 0px;
	margin: 10px 0px;
	font-size:13px;
	}
	h1, .titolo {
	font-size: 28px;
	}
	.evidenziato {
	font-size: 15px;
	}
	.todo, todo750 {
	width: 98%;
	}
	.menutop {
	}
	.box {
	width: 80%; /* 730px; */
	margin-left:-10px;
	}
	.b {
	display: block;
	}
	.titolosezione, .titolosezione2, .boxdistanziato, .copyright, .copyrightdistanziato, .boxcommenti, .boxvuoto, .boxgrigio {
	width: 80%;
	margin-left:-10px;
	}
	.boxflash750 {
	width: 80%;
	padding: 10px; /* costretto a questa soluzione */
	}
	.left400, .left260 {
	width: 100%;
	display:block;
	float:none;
	clear:both;
	margin: 10px 0px 8px;
	}
	.right300, .right430, .left300, .right260  {
	width: 100%;
	display:block;
	float:none;
	clear:both;
	margin: 8px 0px 10px;
	}
	.disqus_thread {
	margin-left:-10px; 
	width: 100%; 
	margin-top:10px;
	}
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}
