@import url(reset.css);

/*html, body, #Wrapper {height: 100%;}
body > #Wrapper {height: auto; min-height: 100%;}
*/
body{ text-align: center; font: normal normal normal 12px/15px Arial, Helvetica, sans-serif; background: #F0F2EF; color: #060606; }
strong{ font-weight: bold; }
h2{ font-size: 20px; color: #425b48; margin-bottom: 8px; line-height:1.2em;}
h3{ font-size: 18px; color: #425b48; margin-bottom: 6px }
h4{ font-size: 14px; color: #425b48; margin-bottom: 6px; font-weight:bold }
a,a:link {text-decoration: none; color:#425b48}
a:visited {text-decoration: none; color:#425b48}
a:active {text-decoration: none; color:#425b48}
a:hover { text-decoration: none; color: #88a68c; }
.ol{ list-style: decimal; margin-left: 20px; }
.ul{ list-style: square; margin: 5px 0 10px 20px; padding-left:10px }
p{ margin-bottom:8px}

.fleft{ float:left}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.dnone{ display:none}


#Wrapper { text-align: left; width: 920px; margin: 10px auto 0 auto}
#Header .shadow-sx-bot{ background: url(../img/bkg-header-h150.jpg) no-repeat left bottom; padding: 0 0 0 8px; height: 150px; }
body.home #Header .shadow-sx-bot{ background: url(../img/bkg-header-home-short.jpg) no-repeat left bottom; padding: 0 0 0 8px; height: 251px; }
#main {padding-bottom: 30px;}  /* must be same height as the footer */

#Col{ background: #CCE5E2; width: 202px; float: left; display:inline; margin-left:6px }
#Col ul{}
#Col ul li{  float: left; display: inline; width: 100%; }
#Col ul li.lev1{ border-bottom: 2px solid #fff; /*height: 28px;*/  line-height: 28px;  }
#Col ul li.lev1 li{line-height: 16px;}
#Col ul li.lev1 li a{ font-weight: normal; font-size: 11px; line-height:18px; border-bottom:1px solid #88a68c }
#Col ul li.lev1 li a:hover{ color: #000}
#Col ul li.active{ border-bottom: 2px solid #fff; height: auto; background:#fff}
#Col ul li.active li.on a{ font-weight: bold;}
#Col ul li.lev1 ul{ display: none;}
#Col ul li.active ul{ display: block; padding: 0 0 8px 18px; background:#fff}
#Col ul li.lev1 a{ color: #000; font-weight: bold;}
#Col ul li.active a,
#Col ul li.lev1 a:hover{ color: #425b48}
#Col ul li.active a.alev1{ background:#D7DCD8; display:block}
#Col ul li.lev1 a.alev1:hover{ background:#fff; display:block}
#Col ul li.lev1 a span{ background: url(../img/arrows.png) no-repeat 0 0; float: left; width: 12px; height: 12px; overflow: hidden; text-indent: -99999px; margin: 9px 4px 0 2px; }
#Col ul li.active a span{ background-position: -12px -12px;	}
#Col ul li.lev1 a:hover span{ background-position: -12px 0px;	}
#Padcol{ padding: 16px 2px 20px 2px; }
#Main{width: 712px;float: right;}
#Padmain{padding:0 0 18px 12px}

#Sheet{ background: url(../img/bkg-sheet.png) left top repeat-y; width: 700px; }
#Sheet-close{ background: url(../img/bkg-sheet-close.png) left bottom no-repeat; width: 666px; padding: 12px 12px 24px 22px; }

#Padmain h2.title{ background: #D7DCD8; padding:8px 10px; }
#Padmain h2{ background: #D7DCD8;  padding:8px 10px}
#Padmain h3{ background: #D7DCD8; height:auto; line-height:20px; font-size:15px; font-weight:bold; padding:4px 10px; text-transform:lowercase}
body.azienda #Padmain .text,
body#news #Padmain .text{ padding-left:10px}

body.home #Logo{}
#Logo{ background: url(../img/logo-tecnofil-small.png) no-repeat center; height: 68px; width: 202px; position:absolute; top:18px; left:8px; z-index:100 }
#Logo a{ display: block; width: 100%; height: 100%; text-indent: -9999px}
#WrapClaim{ position: relative;}
#WrapClaim #Section{ position: absolute; left: 18px; top: 10px; display:none }
#WrapClaim #ClaimSection{ position: absolute; right: 0; top: 0; background: url(../img/banner1.jpg) no-repeat bottom; width: 100%; height: 124px; }


#Wrapmenu{ height: 18px;}
#Wrapmenu ul li{ float: left; display: inline; height: 18px; width: 182px; line-height: 16px; text-align: center; }
#Wrapmenu ul li a{ height: 100%; width: 100%; display: block; color: #fff; text-transform: uppercase; text-decoration: none; background: url(../img/bkg-menu.png) repeat-x 0 0; font-weight: bold; }
#Wrapmenu ul li a:hover{ background-position: 0 -18px; color: #333}
#Wrapmenu ul li.current a{ background-position: 0 -54px; color: #fff}


#Footer {position: relative; margin-top: 0; height: 40px; clear: both; color: #425B48; font-size: 11px; line-height: 20px; } 
#Footer #Foot{ text-align: center; width:920px;margin:0 auto  } 
#Footer #Foot div{ margin-left:224px  } 
body.home #Footer #Foot div{ margin-left:0 } 
#Header{ margin-bottom: 10px; position:relative; padding-top:112px }
#TopSide{ height: 225px; }
#TopSide-sx{ width: 607px; height: 225px; overflow: hidden; float: left; }
#TopSide-dx{ width: 305px; position: relative; margin-bottom:12px }
#TopSide-dx .wrapimg{ /*position: absolute; top: 8px; left: 8px; text-align: center;*/ }
#BotSide{ padding-left: 8px; }
#BotSide-sx{ width: 607px; float: left; overflow: hidden; }
#BotSide-dx{ width: 305px; float: right; overflow: hidden; margin-top:-240px }
#BotSide-sx h2{ background: url(../img/bkg-menu.png) repeat-x 0 -36px; font-size: 11px; height: 18px; line-height: 18px; color: #000; text-transform: uppercase; padding-left: 20px; letter-spacing: 1px; font-weight: bold; }
#BotSide-sx #TecnofilPillole{ width: 302px; float: left; height: 300px; }
#BotSide-sx #TecnofilPillole h2{ border-right: 1px solid #000}
.news-home{ position:relative}
#BotSide-sx #News{ width: 305px; float: right;}
#BotSide-sx .news-home{ clear:both; border-bottom:1px dashed #88A68C; padding-bottom:6px; margin-bottom:6px}
#BotSide-sx .news-home h3{ font-size:16px; font-weight:bold}
#BotSide-sx #News .content-botside-sx{ position: relative; }
#BotSide-sx #News .wrapimg{  float:left; margin-right:6px}

.content-botside-sx{ padding: 10px 20px 8px; overflow: hidden; }
#BotSide-sx #TecnofilPillole .content-botside-sx{ border-right: 1px dashed #88a68c; }
#TopSide-dx,#ProduzioneMacchine,#Bandelle{ background: url(../img/bkg-box.jpg) no-repeat left top;  }
.close-box{ background: url(../img/bkg-box-close.jpg) no-repeat left bottom;  }
#Bandelle .wrapimg{ float: right;}
#ProduzioneMacchine{ margin-bottom: 10px}
#ProduzioneMacchine h2{ line-height: 20px}
/*#BotSide-dx .pad{ padding: 6px 3px 12px 12px;}*/
#BotSide-dx .pad{ padding: 0 0 4px 8px;overflow: hidden; }
.news-item{ padding: 6px 0 12px 0; border-bottom: 1px dashed #425b48; float:left; width:100%; }
.news-item .foto-news{ float:left; margin-right:8px}
body#news .news-item h3{ background:#fff; padding:0}
body#usato .news-item h3{ background:#fff; padding:0}
.hr{ height: 1px; border-top: 1px dashed #425b48; clear: both; margin: 6px 0}
.hr hr{ display: none;}

.segue{ font-weight: bold; font-size: 11px; }
.segue:before{ content: "..."; }
.news-item em{ font-size: 11px; margin-bottom: 4px; }

.news-desc{ font-weight: bold; margin-bottom: 6px; }
.news-dettaglio{ padding-left:10px}
.news-dettaglio .foto-news-dettaglio{ float:left; margin-right:8px}

.gallery{ clear:both; padding:8px 0}
.wrap-photo{ overflow: hidden; float: left; margin: 0 8px 8px 0; border: 1px solid #88a68c; }
.wrap-photo img{ float: left;}
.gallery .wrap-photo a{ width:100px; height:100px; display:block; overflow: hidden;}
.text table td{ vertical-align:top; text-align:left; padding:6px}
body.produzione .title{ margin-left:156px}
.prodotto h3{ background:url(../img/bkg-title.png) bottom repeat-x  #D7DCD8; min-height:24px; line-height:20px; padding:0 0 10px 10px; margin-bottom:0;}

#WrapPiantina{ position:relative; width:666px; min-height:500px;  height:auto !important;  height:500px; margin-top:12px  }
#Piantina{ position:relative; width:666px; height:247px; overflow:hidden; background:url(../img/piantina.png) no-repeat 0 0}
#WrapPiantina .panel .photo{ float: left; margin-right: 6px; width: 160px; height: 120px; overflow: hidden; }
#WrapPiantina .panel .photo .wrap-photo{ margin: 0}

#WrapPiantina .panel .photo a{ width: 158px; height: 118px; display: block; overflow: hidden; }
#WrapPiantina .panel .text{ float:right; width:480px; overflow:hidden; background:#00FFCC}
#WrapPiantina .panel ul{}
#WrapPiantina .panel { clear: both; display: none; }
#WrapPiantina .panel.active-tab-body { display: block; }
#WrapPiantina #tabs { list-style: none; }
#WrapPiantina #tabs li { position:absolute; height:12px;}
#WrapPiantina #tabs a { display:block; width:100%; height:100%;overflow:hidden; text-indent: -9999px}
#WrapPiantina #tabs a.active-tab { }

#WrapPiantina #tabs #li-tab-17{ left:561px; top:100px; width:105px; height:35px}
#WrapPiantina #tabs #li-tab-17 a:hover,
#WrapPiantina #tabs #li-tab-17 a.active-tab{background:url(../img/piantina.png) no-repeat -561px -347px}
#WrapPiantina #tabs #li-tab-18{ left:260px; top:0; width:118px; height:160px}
#WrapPiantina #tabs #li-tab-18 a.active-tab,
#WrapPiantina #tabs #li-tab-18 a:hover{background:url(../img/piantina.png) no-repeat -260px -493px}

#WrapPiantina #tabs #li-tab-19{ right:220px; top:200px; width:118px;}
#WrapPiantina #tabs #li-tab-20{ right:45px; top:236px; width:118px;}
#WrapPiantina #tabs #li-tab-21{ left:96px; top:152px; width:60px;}
#WrapPiantina #tabs #li-tab-22{ left:196px; top:201px; width:100px;}
#WrapPiantina #tabs #li-tab-23{ right:163px; top:104px; width:84px;}
#WrapPiantina #tabs #li-tab-24{ right:163px; top:104px; width:84px; display:none}
#WrapPiantina #tabs #li-tab-25{ right:163px; top:104px; width:84px; display:none}
#WrapPiantina #tabs #li-tab-26{ left:121px; top:21px; width:84px;}
#WrapPiantina #tabs #li-tab-27{ right:163px; top:104px; width:84px; display:none}

.panel .photo{ float: left; margin-right: 6px; width: 160px; height: 120px; overflow: hidden; }
.panel{ clear:both; padding:4px 0 6px 0;}
.panel .text{ float:right; width:480px; overflow:hidden; }


#block-0{ clear:both; width:100%}
.block{ float:left; padding-bottom:8px; width:320px; margin-right:13px; overflow:hidden}
.block p{ padding:0 10px;}
.block ul{ list-style:outside square; margin-left:20px}
#MenuLangs{ position:absolute; right:0; top:90px; font-size:11px; text-transform:lowercase}
#MenuLangs li{ float:left; margin-left:10px}
#MenuLangs li a{ padding-left:24px}
#MenuLangs li{ background:url(../img/flags.png) no-repeat 0 0}
#MenuLangs li#en{ background-position:0 -17px}
#MenuLangs li#es{ background-position:0 -55px}
#MenuLangs li#fr{ background-position:0 -37px}

#MenuLangs li.current a{ text-decoration:underline}
.comeback{ font-size:11px}

#searchform{ padding:0 0 10px 0;}
#searchform input,#searchform select{ margin:0 10px 0px 0;}

.news-pdf{margin-top:20px;padding-left: 30px;background:url(../img/ico-pdf.png) no-repeat;height:40px;padding-top:10px;}