@import url(//fonts.googleapis.com/css?family=Open+Sans:300,600,700);
@media screen, projection { 
#main {float: right; margin-left: 1%;overflow: auto;width: 73%; border:1px solid #e7eaec; background:#fff; padding:5px}

#about-aside {float: left;width: 24%; background: #fff;border: 1px solid #e7eaec;}

#about-aside p {margin: 20px; text-align:justify font:12px}
#about-aside img { padding:5px}
.about-feed-article {margin:20px 0;}
#about-aside .about-feed-date {color: #666;font-size:11px; margin: 0 10px 5px;}

#photo table { width:275px; font-size:12px}
#photo td { width:125px; }

#offerta {overflow: hidden;margin-bottom:10px;}
#offerta div {float:right; width:190px; background:#f8f8f8}

.letti {margin-bottom: 10px;margin-top: 5px;overflow: hidden; border-top:1px solid #ccc; padding-top:10px; background:#ffffff}
.letti p {padding-top: 10px;margin-top: 10px;margin-left: 34.7107446%; color:#676869}
.product {float:left; margin-right: 4.1322315%;width: 35%; }
.product h2 {margin:0px 3px;padding:0; font-size:12px; color:red; }

.scheda {margin-top: 0px;overflow: hidden;  padding-top:0px; background:#ffffff;}
#photo div {float: left;margin-left: 1%;  min-height:490px;}
.bread, .bread a, .bread a:visited{ color:#000; width:200px; display: inline;}


#details div {float: left;margin-left: 1%;width: 28%; border:1px solid #e3e3e3; padding:8px; min-height:300px}
#details div:first-child {margin-left:15px;}
#details h2 {color:#999;  border-bottom:1px solid #999; margin-top:0px; padding-bottom:3px; font-size:16px}


.prodotti h2 {background:url(../img/bgh2.jpg) no-repeat #0CF; font:12px;  margin:0px; color:#fff; padding:10px}
.fotoprodotto {background-color:#f4f8fc; width:244px;border:1px solid #e0e0e0}
.descrizioneprodotto {background-color:#f4f8fc; width:220px;border:1px solid #e0e0e0}
.descrizioneprodotto p {padding-left:10px; font-size:12px; padding-top:1PX}
.prezzoprodotto {background-color:#f4f8fc; width:170px;border:1px solid #e0e0e0; vertical-align:top; padding-top:23px; padding-left:5px; font-size:11px}
.listino{float:left; width:50px; text-align:right; margin-right:8px; font-size:10px }
.dettaglio{text-align:right; margin-right:5px; font-size:9px; color:#377ec1; line-height:12px; padding-top:1px}

.price{font-size:32px; color:green; float:right; margin-right:3px}



ul
{
list-style-type: none; margin-left:0px
}
ul li
{
background:url(../img/li.jpg) left;
background-repeat: no-repeat;
background-position: 0px 1px; 
padding-left: 30px; margin-bottom:10px; padding-right:15px
}
.letti a
{ color:red; font:bold;
}


}
@media screen and (max-width: 800px){
#about-aside {float: none;width: 100%; clear: both;overflow:hidden;margin-top:50px;}
#main {float: none;width: 99%;margin-right: 0;}
#offerta  img { width:72%}
 

}
@media screen and (max-width: 480px){
	.product img {width: 60%;}
#about-aside {float: none;width: 100%;clear: both;}
#main {float: none;width: 99%;margin-right: 0;}

.letti p {margin: 20px 0 0;}
.product {border: none;float: none;width: 100%;margin: 0;        }
.product img {width: 80%}
#offerta {display: none}


#details, #photo {padding: 0;margin-bottom: 20px;overflow:hidden;}
#details div, #photo div{float: none; margin-bottom: 20px;margin-left: 0; margin-top: 0; width: 99%; min-height:100px }
#details div:first-child {margin-left:0px;}
#details img {width: 100%;}



}
@media screen,projection,print{
[dir="rtl"]{direction:rtl}
html{font-family:arial,sans-serif;line-height:16px}
img{border:0}
}
@media screen,projection{
html{font-size:13px;background:#f8f8f8; color:#444;padding:0 15px}
body{margin:0; background:#f8f8f8}
h1{font-size:14px; margin:0px 19px; }
h3{font-size:14px; color:#d8203e; padding:0px 5px; margin:0px}
h4{font-size:12px; color:#999; padding:0px 5px; margin:0px}
p{margin:10px 0}
ul,ol{margin:10px 10px 10px 30px;padding:0}
[dir="rtl"] ul,[dir="rtl"] ol{margin:10px 30px 10px 10px}
ul ul,ul ol,ol ul,ol ol{margin-bottom:0;margin-top:0}
pre strong,pre b,a strong,a b,a code{color:inherit}
a{color:#15c;}




#header{ background:url(../img/sfondohead.jpg) no-repeat center; border-bottom:2px solid #555555 }
#header,#maia-nav-x,#footer{margin:0 -15px}


#content,.logo{margin:auto;max-width:978px; }
#content{clear:both;margin-top:10px}
#content:after{clear:both;content:" ";display:block;height:0;visibility:hidden}

* html #header{height:32px;}

#header h1{padding:0 12px 0 0}
#header h2{border:solid #babcc0;border-width:0 0 0 1px;padding:0 12px}
[dir="rtl"] #header h2{border-width:0 1px 0 0}
#header img{padding:0 3px 0 0;position:relative;top:-1px;vertical-align:middle}
[dir="rtl"] #header img{padding:0 0 0 3px}
#header a{color:#91959c;text-decoration:none}



[dir="rtl"] #maia-signature{background-position:left bottom}


#footer{background:#fff;clear:both;color:#666; padding:20px; border:1px dotted #ccc}

}
@media screen and (max-width:768px){
#header h2{display:none}

}
@media print{
a{color:inherit}
#header h1 img{display:block}
#header a{text-decoration:none}

}
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,600,700);
@media screen,projection{
#header{height:auto;min-height:70px}

html[dir='rtl'] #corp-content{float:right}
html[dir='rtl'] #maia-nav-y+#corp-content{margin:0 3.067484662577% 0 0}

html[dir='rtl'] .corp-footer-local li{float:right;margin:0 0 20px 3.067484662577%}


}
@media screen and (max-width:768px){
#header h2{display:block}
}
@media screen and (max-width:480px){
#header h2{font-size:21px}



}