@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 990px) and (max-width: 2989px) {
body{margin:0;/* background:url(img_html/sfondo.png)*/ font-family:Arial,"Times New Roman", Times, serif;}

#contieni{
width:100%;
height:auto;
overflow:hidden;
text-align:center;
}
#pagina{
text-align:left;
margin:0 auto;
width:80%;
height:auto;
background:#fff;
overflow:hidden;
/*webkit-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
-moz-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
-o-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);*/
}
#header{
width:100%;
height:auto;
overflow:hidden;
padding:1em;
}
#header .logo{
float:left;
width:auto;
height:auto;
overflow:hidden;
}
#header .menu{
float:right;
overflow:hidden;
height:auto;
width:auto;
background:#f6f6f6;
}
#header .menu ul{
list-style:none;
display:inline;
float:left;
}
#header .menu li{
list-style:none;
display:inline;
margin-right:2em;
padding:0.5em;
border-right:2px solid #000;
}
#header .menu li a{
text-decoration:none;
color:#000;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
text-transform:uppercase;
}
#centro{
width:100%;
height:auto;
overflow:hidden;
}
#slogan{
text-align:center;
height:auto;
overflow:hidden;
background:#FFCCCC;
margin-bottom:0.5em;
background:url(img_html/bg_nero.png);
color:#fff;
}
#slogan h1{
font-weight:lighter;
font-family:"Times New Roman", Times, serif;
}
#slide{
display:block;
visibility:visible;
width:70%;
max-width:800px;
height:auto;
overflow:hidden;
min-height:460px;
float:left;
margin-right:0.8em;
}
#introduzione{
width:25%;
height:auto;
overflow:hidden;
min-height:150px;
float:right;
padding:1em;
background:/*url(img_html/gray.png)*/#d9d9d9;

}
#social{
margin-top:0.5em;
width:25%;
height:auto;
overflow:hidden;
min-height:135px;
float:right;
padding:1em;
background:/*url(img_html/gray.png)*/#d9d9d9;
}
.social{
float:left;
margin-right:1.5em;
border:none;
}
#articolo{
float:left;
width:100%;
overflow:hidden;
height:auto;
padding:1em;
font-family:Arial,"Times New Roman", Times, serif;
font-size:0.9em;
}
#articolo h1{
text-transform:uppercase;
color:#333333;
font-family:Arial,"Times New Roman", Times, serif;
font-size:2em;
}
#articolo h2{
color:#3366FF;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1.3em;
}
#articolo p{
line-height:1.5em;
}
#articolo #box{
width:23%;
height:auto;
min-height:200px;
margin-right:1.5em;
float:left;
overflow:hidden;
}
#box h2{
color:#3366FF;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#footer{
width:100%;

height:auto;
overflow:hidden;
background:url(img_html/bg_footer.png);
color:#fff;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#footer #info{
float:left;
width:25%;
margin-right:2em;
padding:0.5em;
color:#fff;
}
#footer #info p{
font-size:12px;
}
.right{float:right; margin:3px}
}
@media screen and (min-width: 741px) and (max-width: 987px) {
body{margin:0;/* background:url(img_html/sfondo.png)*/ font-family:Arial,"Times New Roman", Times, serif;}

#contieni{
width:100%;
height:auto;
overflow:hidden;
text-align:center;
}
#pagina{
text-align:left;
margin:0 auto;
width:100%;
height:auto;
background:#fff;
overflow:hidden;
/*webkit-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
-moz-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
-o-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);*/
}
#header{
width:100%;
height:auto;
overflow:hidden;
padding:1em;
}
#header .logo{
float:left;
width:auto;
height:auto;
overflow:hidden;
}
#header .menu{
float:right;
overflow:hidden;
height:auto;
width:auto;
background:#f6f6f6;
}
#header .menu ul{
list-style:none;
display:inline;
float:left;
}
#header .menu li{
list-style:none;
display:inline;
margin-right:2em;
padding:0.5em;
border-right:2px solid #000;
}
#header .menu li a{
text-decoration:none;
color:#000;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
text-transform:uppercase;
}
#centro{
width:100%;
height:auto;
overflow:hidden;
}
#slogan{
text-align:center;
height:auto;
overflow:hidden;
margin-bottom:0.5em;
background:url(img_html/bg_nero.png);
color:#fff;
font-size:0.6em;
}
#slogan h1{
font-weight:lighter;
font-family:"Times New Roman", Times, serif;
}
#slide{
display:block;
visibility:visible;
width:100%;
max-width:800px;
height:auto;
overflow:hidden;
min-height:460px;
float:left;
}
#introduzione{
width:40%;
height:auto;
overflow:hidden;
min-height:150px;
float:left;
margin-left:5px;
padding:1em;
background:/*url(img_html/gray.png)*/#d9d9d9;

}
#social{
width:40%;
height:auto;
overflow:hidden;
min-height:135px;
float:right;
margin-right:5px;
padding:1em;
background:/*url(img_html/gray.png)*/#d9d9d9;
}
.social{
float:left;
margin-right:12%;
border:none;
}
#articolo{
float:left;
width:98%;
overflow:hidden;
height:auto;
padding:5px;
font-family:Arial,"Times New Roman", Times, serif;
font-size:0.9em;
}
#articolo h1{
text-transform:uppercase;
color:#333333;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1.5em;
}
#articolo h2{
color:#3366FF;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#articolo p{
line-height:1.5em;
}
#articolo #box{
width:98%;
height:auto;
min-height:200px;
float:left;
overflow:hidden;
}
#box h2{
color:#3366FF;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#footer{
width:100%;

height:auto;
overflow:hidden;
background:url(img_html/bg_footer.png);
color:#fff;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#footer #info{
float:left;
width:25%;
margin-right:2em;
padding:0.5em;
color:#fff;
}
#footer #info p{
font-size:12px;
}
.right{float:right; margin:3px}
}

@media screen and (min-width: 601px) and (max-width: 740px) {
body{margin:0;/* background:url(img_html/sfondo.png)*/ font-family:Arial,"Times New Roman", Times, serif;}

#contieni{
width:100%;
height:auto;
overflow:hidden;
text-align:center;
}
#pagina{
text-align:left;
margin:0 auto;
width:100%;
height:auto;
background:#fff;
overflow:hidden;
/*webkit-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
-moz-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
-o-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);*/
}
#header{
width:100%;
height:auto;
overflow:hidden;
padding:1em;
}
#header .logo{
float:left;
width:auto;
height:auto;
overflow:hidden;
}
#header .menu{
float:right;
overflow:hidden;
height:auto;
width:auto;
background:#f6f6f6;
}
#header .menu ul{
list-style:none;
display:inline;
float:left;
}
#header .menu li{
list-style:none;
display:inline;
margin-right:2em;
padding:0.5em;
border-right:2px solid #000;
}
#header .menu li a{
text-decoration:none;
color:#000;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
text-transform:uppercase;
}
#centro{
width:100%;
height:auto;
overflow:hidden;
}
#slogan{
text-align:center;
height:auto;
overflow:hidden;
margin-bottom:0.5em;
background:url(img_html/bg_nero.png);
color:#fff;
font-size:0.6em;
}
#slogan h1{
font-weight:lighter;
font-family:"Times New Roman", Times, serif;
}
#slide{
display:none;
visibility:hidden;
width:100%;
max-width:800px;
height:auto;
overflow:hidden;
min-height:460px;
float:left;
}
#introduzione{
width:43%;
height:auto;
overflow:hidden;
min-height:150px;
float:left;
margin-left:5px;
padding:1em;
background:/*url(img_html/gray.png)*/#d9d9d9;

}
#social{
width:43%;
height:auto;
overflow:hidden;
min-height:135px;
float:right;
margin-right:5px;
padding:1em;
background:/*url(img_html/gray.png)*/#d9d9d9;
}
.social{
float:left;
margin-right:8%;
border:none;
}
#articolo{
float:left;
width:98%;
overflow:hidden;
height:auto;
padding:5px;
font-family:Arial,"Times New Roman", Times, serif;
font-size:0.9em;
}
#articolo h1{
text-transform:uppercase;
color:#333333;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1.5em;
}
#articolo h2{
color:#3366FF;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#articolo p{
line-height:1.5em;
}
#articolo #box{
width:98%;
height:auto;
min-height:200px;
float:left;
overflow:hidden;
}
#box h2{
color:#3366FF;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#footer{
width:100%;
height:auto;
overflow:hidden;
background:url(img_html/bg_footer.png);
color:#fff;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#footer #info{
float:left;
width:25%;
margin-right:1em;
padding:0.5em;
color:#fff;
}
#footer #info p{
font-size:10px;
}
.right{float:right; margin:3px}
}

@media screen and (min-width: 431px) and (max-width: 600px) {
body{margin:0;/* background:url(img_html/sfondo.png)*/ font-family:Arial,"Times New Roman", Times, serif;}

#contieni{
width:100%;
height:auto;
overflow:hidden;
text-align:center;
}
#pagina{
text-align:left;
margin:0 auto;
width:100%;
height:auto;
background:#fff;
overflow:hidden;
/*webkit-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
-moz-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
-o-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);*/
}
#header{
width:100%;
height:auto;
overflow:hidden;
padding:1em;
}
#header .logo{
float:left;
width:auto;
height:auto;
overflow:hidden;
}
#header .menu{
float:right;
overflow:hidden;
height:auto;
width:auto;
background:#f6f6f6;
}
#header .menu ul{
list-style:none;
display:inline;
float:left;
}
#header .menu li{
list-style:none;
display:inline;
margin-right:2em;
padding:0.5em;
border-right:2px solid #000;
}
#header .menu li a{
text-decoration:none;
color:#000;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
text-transform:uppercase;
}
#centro{
width:100%;
height:auto;
overflow:hidden;
}
#slogan{
text-align:center;
height:auto;
overflow:hidden;
margin-bottom:0.5em;
background:url(img_html/bg_nero.png);
color:#fff;
font-size:0.6em;
}
#slogan h1{
font-weight:lighter;
font-family:"Times New Roman", Times, serif;
}
#slide{
display:none;
visibility:hidden;
width:100%;
max-width:800px;
height:auto;
overflow:hidden;
min-height:460px;
float:left;
}
#introduzione{
width:100%;
height:auto;
overflow:hidden;
min-height:150px;
float:left;
padding:1em;
background:/*url(img_html/gray.png)*/#d9d9d9;

}
#social{
margin-top:0.5em;
width:100%;
height:auto;
overflow:hidden;
min-height:135px;
float:left;
padding:1em;
background:/*url(img_html/gray.png)*/#d9d9d9;
}
.social{
float:left;
margin-right:20%;
border:none;
}
#articolo{
float:left;
width:98%;
overflow:hidden;
height:auto;
padding:5px;
font-family:Arial,"Times New Roman", Times, serif;
font-size:0.9em;
}
#articolo h1{
text-transform:uppercase;
color:#333333;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1.5em;
}
#articolo h2{
color:#3366FF;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#articolo p{
line-height:1.5em;
}
#articolo #box{
width:98%;
height:auto;
min-height:200px;
float:left;
overflow:hidden;
}
#box h2{
color:#3366FF;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#footer{
width:100%;

height:auto;
overflow:hidden;
background:url(img_html/bg_footer.png);
color:#fff;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#footer #info{
float:left;
width:45%;
margin-right:2em;
padding:0.5em;
color:#fff;
}
#footer #info p{
font-size:12px;
}
.right{float:left; margin:3px}
}

@media screen and (min-width: 200px) and (max-width: 430px) {
body{margin:0;/* background:url(img_html/sfondo.png)*/ font-family:Arial,"Times New Roman", Times, serif;}

#contieni{
width:100%;
height:auto;
overflow:hidden;
text-align:center;
}
#pagina{
text-align:left;
margin:0 auto;
width:100%;
height:auto;
background:#fff;
overflow:hidden;
/*webkit-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
-moz-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
-o-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);
box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.78);*/
}
#header{
width:100%;
height:auto;
overflow:hidden;
padding:1em;
}
#header .logo{
float:left;
width:auto;
height:auto;
overflow:hidden;
}
#header .menu{
float:right;
overflow:hidden;
height:auto;
width:auto;
background:#f6f6f6;
}
#header .menu ul{
list-style:none;
display:inline;
float:left;
}
#header .menu li{
list-style:none;
margin-right:2em;
padding:0.5em;
border-right:2px solid #000;
}
#header .menu li a{
text-decoration:none;
color:#000;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
text-transform:uppercase;
}
#centro{
width:100%;
height:auto;
overflow:hidden;
}
#slogan{
text-align:center;
height:auto;
overflow:hidden;
margin-bottom:0.5em;
background:url(img_html/bg_nero.png);
color:#fff;
font-size:0.6em;
}
#slogan h1{
font-weight:lighter;
font-family:"Times New Roman", Times, serif;
}
#slide{
display:none;
visibility:hidden;
width:100%;
max-width:800px;
height:auto;
overflow:hidden;
min-height:460px;
float:left;
}
#introduzione{
width:100%;
height:auto;
overflow:hidden;
min-height:150px;
float:left;
padding:1em;
background:/*url(img_html/gray.png)*/#d9d9d9;

}
#social{
margin-top:0.5em;
width:100%;
height:auto;
overflow:hidden;
min-height:135px;
float:left;
padding:1em;
background:/*url(img_html/gray.png)*/#d9d9d9;
}
.social{
float:left;
margin-right:10%;
border:none;
}
#articolo{
float:left;
width:98%;
overflow:hidden;
height:auto;
padding:5px;
font-family:Arial,"Times New Roman", Times, serif;
font-size:0.9em;
}
#articolo h1{
text-transform:uppercase;
color:#333333;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1.5em;
}
#articolo h2{
color:#3366FF;
font-family:Arial,"Times New Roman", Times, serif;
font-size:0.8em;
}
#articolo p{
line-height:1.5em;
}
#articolo #box{
width:98%;
height:auto;
min-height:200px;
float:left;
overflow:hidden;
}
#box h2{
color:#3366FF;
font-family:Arial,"Times New Roman", Times, serif;
font-size:0.8em;
}
#footer{
width:100%;

height:auto;
overflow:hidden;
background:url(img_html/bg_footer.png);
color:#fff;
font-family:Arial,"Times New Roman", Times, serif;
font-size:1em;
}
#footer #info{
float:left;
width:90%;
margin-right:2em;
padding:0.5em;
color:#fff;
}
#footer #info p{
font-size:12px;
}
.right{float:left; margin:3px}
}