body {
color: #333;
background-image:url('images/trama.png');
background:#d8e1f1;
padding:0;
margin:0;
width:100%;
height:100%;
font-family:'lato';
}

@font-face {
font-family:'lato';
src: url('font/lato-reg-webfont.eot');
src: url('font/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
     url('font/lato-reg-webfont.woff') format('woff'),
     url('font/lato-reg-webfont.ttf') format('truetype'),
     url('font/lato-reg-webfont.svg#RalewayThin') format('svg');
font-weight: normal;
font-style: normal;
}
nav select {display:none;}	
#top{
    background:#faeed6;
    height:90px;
}
#logo{
    height:90px;
    max-width:400px;
    padding-top:5px;
    padding-left:2px;
}
#socialtwitter{
    float:right;
    position:relative;
    height:0px;
    top:-60px;
    left:-180px;
    max-width:40px;
    z-index:11111;
    display:inline;
}
#socialtube{
    float:right;
    position:relative;
    height:0px;
    top:-60px;
    left:-130px;
    max-width:40px;
    z-index:11111;
    display:inline;
}
#socialinsta{
    float:right;
    position:relative;
    height:0px;
    top:-60px;
    left:-80px;
    max-width:40px;
    z-index:11111;
    display:inline;
}
#socialface{
    float:right;
    position:relative;
    height:0px;
    top:-60px;
    left:-30px;
    max-width:40px;
    z-index:11111;
    display:inline;
}
#backmenu{
    background:#fdfaf2;
    height:30px;
    text-align:center;
    margin:0 auto;
}


/* articoli */

td.titolo {
font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
background:#555555;
color:#eeeeee;
}
td.descrizione {
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#articolo {
	width: 153px;
	height: 230px;
	border: 1px solid gray;
	text-align: center;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}

#bottone {
	width: 101px;
	height: 29px;
	display:box;
	position: relative;
	top:0px;
}

.bottone {
	width: 144px;
	height: 32px;
	text-align: center;
	color: white;
	text-decoration: none;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 3px;
}
.richiedi a:link{
	color: #000000;
	text-decoration: underline;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.richiedi a:hover{
	color: #ff5599;
}

@media (min-width: 100px) and (max-width: 400px) {
nav ul {display:none;height:0px;}
nav select{display:inherit;position:relative;top:-25px;left:90px;width:200px;height:20px;}
}

@media (min-width: 401px) {
 #m1{
  position:relative;
  top:4px;
  left:0px;
  display:inline-block;
  margin:0 auto;
  text-align:center;
  font-size:0.52em;
  color:#596f98;
  z-index:10;
  width:100px;
}
  a:link,a:visited{color:#00AED2;text-decoration:none;}
  a:hover{text-decoration:underline;}
  
  nav ul {display:inline;}
  nav select{display:none;}
}

@media (min-width: 1024px) {
  #m1{
  position:relative;
  top:4px;
  left:0px;
  display:inline-block;
  margin:0 auto;
  text-align:center;
  font-size:0.62em;
  color:#596f98;
  z-index:10;
  width:150px;
  }
  
  a:link,a:visited{color:#00AED2;text-decoration:none;}
  a:hover{text-decoration:underline;}
  
  nav ul {display:inline;}
  nav select{display:none;}
    
}

@media (min-width: 1270px) {
  #m1{
  position:relative;
  top:4px;
  left:0px;
  display:inline-block;
  margin:0 auto;
  text-align:center;
  font-size:0.72em;
  color:#596f98;
  z-index:10;
  width:150px;
  }
}
@media (min-width: 1670px) {
  #m1{
  position:relative;
  top:4px;
  left:0px;
  display:inline-block;
  margin:0 auto;
  text-align:center;
  font-size:0.82em;
  color:#596f98;
  z-index:10;
  width:150px;
  }
}

@media (min-width: 1920px) {
  #m1{
  position:relative;
  top:4px;
  left:0px;
  display:inline-block;
  margin:0 auto;
  text-align:center;
  font-size:0.92em;
  color:#596f98;
  z-index:10;
  width:150px;
  }
  nav ul {display:inline;}
  nav select{display:none;}
}