@charset "UTF-8";

body {text-align: center;background: url(../images/background.jpg) top center;font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif;padding:0;font-size:11px;}
#container { margin: 0 auto; width: 967px; text-align: left;overflow: hidden;position: relative;}
#portamenu { margin: 0 auto; width:1100px;overflow: hidden;position: relative;}

/* HEADER *********************************************************************/
/******************************************************************************/

#head_container {float: left;margin: 25px 0 0 0;width: 967px;height: 42px;background: url(../images/header_back.png) repeat-x;}
#contact {float: right;font: 11px normal "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;color: #666666;margin: 0;padding: 0 12px 0 12px;background: url(../images/arrow.png) left center no-repeat;}
#contact a {color: #15ADFF;text-decoration: none;line-height: 20px;}
#contact a:hover { border-bottom: 2px solid #44d3ee;}
#description {float: left;font: 11px normal "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;color: #999999;margin: 0;padding: 0 12px 0 12px;background: url(../images/arrow.png) left center no-repeat;}
#description a {color: #006699;text-decoration: none;line-height: 20px;}
#description a:hover { border-bottom: 2px solid #f8c100;}
.clearer{ clear:both}

/* LOGO ***********************************************************************/
/******************************************************************************/

#logo {float: left;margin: 50px 0 10px 0;}
#logo a {float: left;width: 967px;height: 120px;text-indent: -9999px;background: url(../images/logo.png) no-repeat 0 0;}

/* PORTFOLIO ******************************************************************/
/******************************************************************************/

#showcase_cont {float: left;margin: 50px 0 0 0;padding: 0 0 30px 0;}
html>body #showcase_cont {margin: 50px 0 1px 0;}
.separator1 {float: left; margin: 0;width: 967px;height: 1px; display: block;background: url(../images/separator1.png) bottom no-repeat; padding-bottom:3px }
.showcase {
	width: 968px;
	float: left;
	margin-bottom: 150px;
}
.showcase ul {list-style: none;}	
.showcase ul li {display: inline;float: left;height: 160px;margin: 1px 1px 0 0;width: 241px;}
.showcase ul li a:hover {cursor: pointer;}

.showcase ul li.item_01 {background: url(../prodotti/granicavaesagonali_pic_over.gif);}
.showcase ul li.item_02 {background: url(../prodotti/graniataglio_pic_over.gif);}
.showcase ul li.item_03 {background: url(../prodotti/tappiconici_pic_over.gif);}
.showcase ul li.item_04 {background: url(../prodotti/tappicilindrici_pic_over.gif);}
.showcase ul li.item_05 {background: url(../prodotti/vitiprigioniere_pic_over.gif);}
.showcase ul li.item_06 {background: url(../prodotti/chiaviesagonali_pic_over.gif);}
.showcase ul li.item_07 {background: url(../prodotti/vitetestaesagonale_pic_over.gif);}
.showcase ul li.item_08 {background: url(../prodotti/pressori_pic_over.gif);}

.separator2 {
	float: left;
	margin: 1px 0 350px 0;
	width: 967px;
	height: 1px;
	display: block;
	background: url(../images/separator2.png) top no-repeat;
}

/* dettaglio *******************************************************/
/******************************************************************************/

#get_inside {position: absolute;width: 967px;/* margin: 1248px 0 0 0; */top: 1248px;left: 0;text-align: center;}
.works_cont {float: left;padding: 100px 0 0 0;}
html>body .works_cont { margin: 1px 0 0 0;}
.goback {background: url(../images/back-to-top.png) no-repeat;width: 227px; height: 21px;float: right;display: block;font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #aba6a6;padding: 6px 0 0 14px;text-decoration: none;}
.work_title {float: left;display: block;}