.container {width:90%; max-width: 1000px; background-color: #FFF; margin: 0 auto; padding:15px}
/*Gestisce la grafica dei due contenitori iniziali e del footer*/
.header{width:100%; background-color: #FFF; margin: 0 auto; height: 170px; border-bottom: 2px #333333 solid}
.header_menu {width:100%; margin: 0 auto; height: 50px; box-shadow: 0px 3px 5px #666666; margin-bottom:30px}
.footer {background-color: #FFF; clear: both; text-align:center; padding-bottom:10px; padding-top:10px; width:100%; height:50px; margin-top: 15px; box-shadow: 0px -3px 5px grey}

/*Gestisce i box rettangolari arancioni con gli intro - la numerazione è indispensabile per il richiamo nella pagina portfolio*/
#intro1, #intro2, #intro3, #intro4, #intro5, #intro6 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;border: 0; font-size: 20px;color: #fff;margin: 0; padding: 5px 10px 5px 10px; background-color: #F60; box-shadow: 4px 4px 10px #333; margin-bottom:15px; border-radius: 2px}
#intro5 {text-align:center; width:60%}
#intro6 {text-align:center; width:50%}

body, td,th {font-family: 'Open Sans', sans-serif; font-size:13px; background-color: #FFF; margin: 0; padding: 0; color: #000}
h1, h2, p {margin-top: 0}
a img {border: none}
a:link {color: #C00; text-decoration : none}
a:visited {color: #C00; text-decoration : none}
a:hover {color: #333; text-decoration : none}
h1 {font-size:13px;font-weight:normal; max-width:1000px; width: 100%; text-align: justify; font-family: 'Open Sans', sans-serif;}
h2 {font-size:13px;font-style:italic;font-weight:normal; max-width:1000px;  width: 100%; text-align: justify; font-family: 'Open Sans', sans-serif;}
/*elimina il bordo blu dalle immagini mappate*/
area{outline: none}
/*Gestisce menu*/
ul#menu {list-style:none; /* remove bullets */ background:#FFF; overflow:auto; /* span the width of the container */margin: 0; /* reset browser defaults */ height:100%; /* ie6 fix */ text-align:center; font-size:18px; font-family: 'Open Sans', sans-serif}
ul#menu li { display:inline-block; /* line-up the list items horizontally */ padding:0; margin:0; /* again, reset browser defaults */ } ul#menu li a {padding:10px 20px; background:#FFF; color:#F60; text-decoration:none; display:block; /* block it baby! */ float:left; /* float each list item to the left */ /*border-bottom: 4px solid #000;*/ } 
ul#menu li a:hover {background:#fff; /*border-bottom: 4px solid #F60;*/ color:#000;}
ul#menu li.vocemenu, ul#menu li a.vocemenu {
background-color: #FFF;
/*border-bottom: 4px solid #F60;*/
color:#000;
cursor: default
}
/*Gestisce introduzione pagina e citazioni di testo*/
#introsx {width:40%; float:left}
#introdx {width:60%; float:right}
#logo {max-width:300px; float:left; margin-top:10px; margin-bottom:30px; margin-left:10px}
#logo:hover {opacity: 0.7}
#quotes {max-width:467px; float:right}
#social {height:50px; float:left; clear: left; margin-left:10px}
#quotes_R1 {font-size: 13px;font-weight: bold;text-align: center;font-family: "Courier New", Courier, monospace; font-style:italic}
#quotes_R2 {font-size: 12px;font-weight: bold;text-align: center;font-family: "Courier New", Courier, monospace; font-style:regular; color:#F60}
#intro {text-align:left}

@media screen and (max-width: 767px) {
.header_menu {display:none}
#intro {text-align:center}
#introdx {display:none}
#introsx {width:100%}
#citazione {margin-bottom:30px; width:100%; box-shadow: 0px 3px 5px #666;padding-bottom:8px; padding-top:15px}}
@media screen and (max-width: 479px){
#intro2{text-align:center}
#intro {text-align: center}}
@media screen and (min-width: 767px){
#quotes_R1 {display:none}
#quotes_R2 {display:none}}