body {
	width: 100%;
	height: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-style: normal;
	color: #000;
	letter-spacing: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#cont {
	float: left;
	width: 691px;
	height: 164px;
	margin: 0 0 0 0;
	padding: 7px 0 0 8px;
	background: url(/mermec-incorso/images/back-slideshow-prodotti.jpg) top left no-repeat;
}

.box-logo {
    float: left;
	width: 0px;
	height: 100%;
}

.sample8 {
	float: left;
	width: 677px;
	height: 150px;
	position: relative;
}

.buttons {
	float: left;
	padding: 3px 0 0 0;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	line-height: 15px;
    letter-spacing: -1px;
    color: #8b8b8b;
    font-weight: bold;
}

.sample8 .buttons1 {
	position: absolute;
	top: 4px;
	right: 15px;
}

.buttons .product1 {float: left; margin: 0 5px 0 95px; padding: 0 3px 1px 3px; display: inline; cursor: pointer;}
.buttons .product1.active, .buttons .product1:hover {background: #414141; color: #fff;}

.buttons .product2 {float: left; margin: 0 5px 0 5px; padding: 0 3px 1px 3px; display: inline; cursor: pointer;}
.buttons .product2.active, .buttons .product2:hover {background: #414141; color: #fff;}

.buttons .product3 {float: left; margin: 0 5px 0 5px; padding: 0 3px 1px 3px; display: inline; cursor: pointer;}
.buttons .product3.active, .buttons .product3:hover {background: #414141; color: #fff;}

.buttons .product4 {float: left; margin: 0 5px 0 5px; padding: 0 3px 1px 3px; display: inline; cursor: pointer;}
.buttons .product4.active, .buttons .product4:hover {background: #414141; color: #fff;}

.mask1 {
	float: left;
	width: 677px;
	height: 123px; /*l'altezza deve essere specificata in pixel*/
	padding: 8px 0 0 0;
	overflow: hidden;
	position: relative;
}

#box8 {
	position: absolute;
}

#box8 div {
	float: left;
	position: relative;
	width: 657px;
	height: 107px;
	padding: 12px 10px 8px 10px;
}

#play8 {
	cursor: pointer;
}

#stop8 {
	cursor: pointer;
}

.prev {
	/*font-size: 10px;*/
}

.next {
	/*font-size: 10px;*/
}

#titolo {
font-family: arial, helvetica, sans-serif;
/*margin: 6px 0 0 0;*/
font-size: 15px;
line-height: 19px;
font-weight: bold;
letter-spacing: -1px;
color: #C90009;
}

#sottotitolo {
font-family: arial, helvetica, sans-serif;
/*margin: 0 0 0 0;*/
font-size: 11px;
line-height: 13px;
font-weight: bold;
letter-spacing: -1px;
color: #777;
}

#abstract {
/*margin: 1px 0px 0px 0px;*/
font-family: arial, helvetica, sans-serif;
/*margin: 0 0 0 0;*/
font-size: 11px;
line-height: 15px;
font-weight: normal;
letter-spacing: 0px;
}

table.cornice {
float: left;
border: none;
border-collapse: collapse;  /* opposto: separate */
border-spacing: 0px;
empty-cells: show;  /* opposto: hidden */
margin: 0 3px 3px 0;
cursor: pointer;
}

table.cornice img {
border: none;
}

a.more-slideshow {
color: #C90009;
/*background: #f3f3f3;*/
text-decoration: none;
padding: 0 3px 0px 3px;
}

a.more-slideshow:hover {
color: #777;
/*background: #C90009;*/
text-decoration: none;
}

#abstract a {
color: #C90009;
/*background: #f3f3f3;*/
text-decoration: none;
padding: 0 3px 0px 3px;
}

#abstract a:hover {
color: #777;
/*background: #C90009;*/
text-decoration: none;
}

a.readall-slideshow {
position: absolute;
bottom: 14px;
right: 12px;
color: #fff;
background: #bbb;
text-decoration: none;
padding: 0 5px 1px 5px;
}

a.readall-slideshow:hover {
color: #333;
background: #ddd;
text-decoration: none;
padding: 0 5px 0 5px;
}

#abstract a.readall-slideshow {
position: absolute;
bottom: 14px;
right: 12px;
color: #fff;
background: #bbb;
text-decoration: none;
padding: 0 5px 1px 5px;
}

#abstract a.readall-slideshow:hover {
color: #333;
background: #ddd;
text-decoration: none;
padding: 0 5px 0 5px;
}
