/* ---Maestripieri prova--- */
body {position: relative; color: #333333; background: #F0EEDF url(grafica/sfondo-alberi.jpg) top left repeat-x; margin: 0 auto 0 auto; 
text-align: left; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; text-transform: none; 
}
.gabbia {position: relative; background: transparent;  margin: 0px auto 0px auto; top: 0px; width: 960px; height: auto; 
}
.testata {background: transparent; width: 960px; height: 80px; margin: 0 auto 0 auto; padding: 0px;  
}
.pp {background: transparent; width: 960px; height: auto; margin: 0 auto 0 auto; padding: 0px;  
}
.t-pp {font-size: 9px; color: #999999; text-align: right; 
}
.logo {position: relative; background: transparent; margin: 0px auto auto 20px; width: 340px; height: 70px; float: left; clear: left; margin: 0px;   
}
.lg {border: 0px; padding: 0px; margin: 0px; 
}
.ftv {border: 0px; padding: 0px; margin: 15px auto auto 18px; 
}
.cont-dx-tst {position: relative; width: 600px; height: 80px;  margin: 0px; float: right; clear: right; background: transparent; 
}
.menu-uno {position: relative; margin: 0px; width: 600px; height: 20px; background: transparent; margin-top: 10px; text-align: right;
}
.menu-due {position: relative; margin: 0px; width: 650px; height: 20px; background: transparent; margin-top: 20px; 
}
.vetrina {background: transparent url(http://www.serramentimaestripieri.com/grafica/vetrina/base-vetrina.png) top center no-repeat; 
width: 960px; height: 320px; margin: 0; float: left;  
}
.vetrina-sx {background: transparent; width: 670px; height: 320px; margin: 0; float: left; clear: left; 
}
.vetrina-dx {background: transparent; width: 270px; height: 320px; margin: 0; float: left; clear: none; 
}
.centro {position: relative; background: transparent url(grafica/flap-c-c.png) repeat-y; width: 960px; min-height: 50px; overflow: visible; 
margin-top: -2px; float: left; 
}

.cell {float: right; border: 0px; padding: 0px; margin-top: 16px; margin-right: 8px; 
}
.cont-ctr {position: relative; width: 800px; height: 600px; float: left; clear: left; background: yellow; 
}
.sx {background: transparent; width: 590px; height: auto; margin: 10px auto 0 40px; padding: 0px; float: left; clear: left; 
border: 0px red solid; 
}
.dx {background: transparent; width: 270px; height: auto; margin: 10px auto 0 30px; padding: 0px; float: left; clear: none; 
border: 0px blue solid; 
}

.pill {width: 270px; height: auto; background: white url(grafica/sfondo-pill.jpg) top no-repeat; margin-top: 10px; margin-bottom: 20px;
float: left; clear: left; 
}
.t-pill {margin: 25px; color: #333333; line-height: 150%; 
}
.tit-pill {margin: 25px; margin-top: 15px; color: #605037; font-size: 16px; font-weight: bold; font-family: arial, helvetica, sans-serif;  
}
.tit-contenuti {margin: 25px; margin-top: 15px; margin-left: 0; margin-bottom: 0; color: #605037; font-size: 16px; font-weight: bold; font-family: arial, helvetica, sans-serif;  
}
.h1 {font-family: georgia, times, serif; font-size: 18px; font-weight: bold; color: #605037; font-style: italic; 
}
.fotine {border: 3px #908662 solid; padding: 2px; margin: 10px; float: right; 
}
.testo {line-height: 150%; 
}
.credits{width: 260px; height: 100%; background: transparent; margin-top: 10px; margin-bottom: 20px;
float: left; clear: left; 
}
.ind {position: relative; background: transparent url(grafica/sfondo-ind.jpg) repeat-x; width: 100%; height: 200px; 
margin: 0 auto 0 auto;  
}
.t-ind {padding-top: 70px; margin-top: 0px; text-align: center; color: #605038; line-height: 150%; font-family: georgia, times, serif; 
font-size: 17px; font-weight: bold; font-style: italic; 
}
.oriz-sx {float: left; margin-top: 0px; width: 600px; 
}


/* CATALOGO ARTICOLI DINAMICO */
.tst-cat {width: 900px; height: auto; margin: 0px 20px 20px 20px; padding-top: 0px; float: left; clear: left;  
}
.tit_cat {text-align: center; color: #333333; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: verdana, arial, sans-serif;
}
.box-thumb {display: inline; width: 200px; height: 260px; float: left; border: 2px #CCCCCC solid; padding: 2px; margin: 10px 12px 20px 0;
}
.tst-cat-sx {width: 180px; height: auto; margin: 0px 0px 20px 20px; padding-top: 0px; float: left; clear: left; display: inline; 
}
.tst-cat-dx {width: 680px; height: auto; margin: 0px 20px 20px 20px; padding-top: 0px; float: right; clear: right; display: inline; 
}
.box {position: relative; float: left; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; width: 200px; height: 260px;
background: #E4E4E4; vertical-align: top; margin-bottom: 25px; margin-right: 15px; border: 2px solid #CCCCCC; text-align: center; }
.thumb {width: 200px; height: 200px; display: table-cell; vertical-align: middle; background: transparent; border: 0px solid #aaa;}
.thumb * {vertical-align: middle;}
.thumb img {border: 0px #CCCCCC solid; margin: 0px; margin-top: 0px; float: none; }

.box-foto {position: relative; float: left; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; width: 400px; height: 400px;
background: #E4E4E4; vertical-align: top; margin-bottom: 25px; margin-right: 15px; border: 2px solid #CCCCCC; text-align: center; }
.thumb-foto {width: 400px; height: 400px; display: table-cell; vertical-align: middle; background: transparent; border: 0px solid #aaa;}
.thumb-foto * {vertical-align: middle;}
.thumb-foto img {border: 0px #CCCCCC solid; margin: 0px; margin-top: 0px; float: none; }

.caption_a {width: 140px; height: 20px; background: #E4E4E4; font-size: 12px; font-family: verdana, arial, sans-serif; text-align: center;}
.caption_b {width: 140px; height: 30px; background: #E4E4E4; font-size: 12px; font-family: verdana, arial, sans-serif; text-align: center;}
.caption_a p {margin-top: 0px; margin-bottom: 10px}
.caption_b p {margin-top: -5px; margin-bottom: 20px}



/*LINK*/
a.L1:link, a.L1:visited, a.L1:active {color: #605037; text-decoration: none; font: bold 14px arial, helvetica, verdana, sans-serif; 
}
a.L1:hover {color: #FF6600; font: bold 14px arial, helvetica, verdana, sans-serif; text-decoration: underline;
}
a.L1a:link, a.L1a:visited, a.L1a:active {color: #FF6600; text-decoration: none; font: bold 14px arial, helvetica, verdana, sans-serif; 
}
a.L1a:hover {color: #605037; font: bold 14px arial, helvetica, verdana, sans-serif;
}
a.L2:link, a.L1:visited, a.L1:active {color: #333333; text-decoration: none; 
}
a.L2:hover {color: #FF6600;  text-decoration: underline;
}
a.LCR:link, a.LCR:visited, a.LCR:active {color: #333333; text-decoration: none; color: #333333; 
}
a.LCR:hover {color: #FF6600;  text-decoration: underline;
}