html {
	height:100%;
	background:#FFF;
}
body {
	width:100%;
	margin:0;
	padding:0;
	font-size:100%;
	font-family: 'Open Sans', sans-serif;
}
#head {
	margin:0 0 0 0;
	padding:0;
	width:100%;
	position:relative;
	z-index:10;
}
#tutto {
	margin:0;
	padding:0;
	width:100%;
	position:relative;
}
header {
	margin:0 auto;
	padding:0;
	min-height:5rem;
	position:relative;
	background:  url("../../images/buonristoro-logo.jpg") no-repeat;
	background-position: right 4rem;
	background-size: auto 4rem;
}
main {
	display:block;
	margin:0 auto;
	padding:0 0 0 0;
}
#categorie {
	margin:0 0 0 0;
	padding:0 0 0 0;
	overflow: auto;
	font-family: 'Raleway', sans-serif;
}
#categorie h2 {
	color:#FFF;
	background:#59B9EE;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:1.50rem;
	font-size:1rem;
	text-transform:uppercase;
	font-weight:500;
	border-radius:0.3125rem;
}
#categorie h2 span {
	padding:0.1rem 0.3125rem 0 0.3125rem;
	margin:0 0 0 0;
	display:inline-block;
}
#categorie ul {
	margin:0.625rem 0 0 0;
	padding:0 0 0 0;
}

#categorie ul li {
	margin:0 0 0 0;
	padding:0 0 0 0.625rem;
	font-size:0.875rem;
	line-height:1.8rem;
	text-transform:uppercase;
	list-style-type:none;
	border-bottom:1px solid #CCCCCC;
	font-weight:500;
}
#categorie ul li a {
	color:#555;
	text-decoration:none;
}
#categorie ul li a:hover {
	color:#59B9EE;
}

#contenuto h2 {
	color:#FFF !important;
	background:#ED0077 !important;
	margin:0 0 1rem 0 !important;
	padding:0 0 0 0 !important;
	line-height:1.50rem !important;
	font-size:1rem !important;
	text-transform:uppercase !important;
	font-weight:500 !important;
	font-family: 'Raleway', sans-serif !important;
	border-radius:0.3125rem !important;
	border:none !important;
}
#contenuto h2 span {
	padding:0.1rem 0.3125rem 0 0.3125rem;
	margin:0 0 0 0;
	display:inline-block;
}
/* Smartphones ----------- */
@media only screen and (max-width : 960px) {
body {
	-webkit-text-size-adjust: none;
}
#head {
	background:#FFF;
}
#tutto {
	margin:0;
	padding:0;
	width:100%;
	overflow-x:hidden;
}
header {
	width:100%;
	background-position: calc(100% - 4.5rem) 4.5rem;
	background-size: auto 2.6rem;
}

main {
	width:100%;
}
header img {
	border:0;
	margin:3rem 0 2rem 0rem;
	padding:0;
	width: 10rem;
	height: auto;
}
#categorie {
	margin:1rem 3%;	
	overflow:visible;
	height:auto!important;
	width:94%;
	padding:0 0 0 0;
}
}
/* ipad desktop ----------- */
@media only screen and (min-width : 961px) {
body {
	background:url(../../images/bgBody.gif) no-repeat center top #FFF;;
}
#head {
}
header {
	max-width:60rem;
}
main {
	max-width:60rem;
}
header img {
	border:0;
	margin:0.3125rem 0;
	padding:0;
}
#contenuto {
	clear:both;
	column-count:2;
	column-gap:2rem;
}
#contenuto h2 {
	column-span:all;
}
#categorie {
	margin:1rem 0 0 0;	
	overflow:visible;
	height:auto!important;
	width:18.75rem;
	padding:0 0 0 0;
	float:right;
}
}