@import url(milkbox/milkbox.css);
@import url(_reset.css);
@import url(_typography.css);
html,body{ height: 100%; }
body{ background: #F3F3F3; }
* :focus { outline: 0 none; border: 0 none }
a{text-decoration:none; }
a:link{ color:#000000; text-decoration:none; }
a:visited{ color:#000000; text-decoration:none; }
a:hover{ color:#000000; text-decoration:underline; }
a:active{ color:#000000; text-decoration:none; }
hr{
	background: #000000;
	color: #000000;
	height: 1px;
}
.serp .text{ position: relative }
.serp .text .raquo{ position: absolute; right: 0; bottom:0; display: block; width: 13px; height: 13px; overflow: hidden }
#Container{
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
#Main { overflow: hidden; }
#Header{ height: 140px;  position: relative; overflow: hidden }
#Logo{ height: 100%; width: 184px; float: left; background: url(../img/Effe-logo.gif) no-repeat; position: absolute; top: 35px; left: 60px; }
#Logo a{ text-indent: -9999px; display: block; width: 100%; height: 100% }
#Footer{ font-size: 80%; }
#Footer .col h3{ background: #666666; color: #CCCCCC; float: right;}
.pad{ position:relative; height:500px; margin:36px 0;overflow:hidden}
#MidSide-Top{ overflow: hidden; background: white; height: 554px; position: relative; }
#MidSide-Top .pad{ }
#Mid-Side-Bot{background: #000000; height: 70px; overflow: hidden }
#Mid-Side-Bot .pad{ position:relative; height:50px; margin:6px 0;overflow:hidden; color: #fff}
#Mid-Side-Bot h1{ line-height: 16px; float: left; color: #fff; margin-right: 1em; margin-left: 1em; margin-bottom: 0; height: 100%; letter-spacing: 1px; }
#Mid-Side-Bot .text-1{ }
#Mid-Side-Bot .text-1 p{ margin: 0 }
.container-box{ height: 498px; position: absolute; left:10px; top: 0 ; float:left}
html>body .container-box{width: 9999px}
#Header-Dx{ width: 380px; height: 100%; float: right; position: relative;}
#Header-Dx ul{ list-style: none; margin: 0; width: 45%; float: left; margin-right: 12px;border-right: 1px solid #CCCCCC;}
#Header-Dx .menu-lev2 ul{border-right:none;}
#Header-Dx ul li{ float: left; display: inline; text-transform:uppercase; font-weight: normal;font-weight: bold; color: #a0a0a0 }
.menu-effe ul li{width: 100%}
.menu-effe ul li{ font-family: "Arial"; font-size: 13px;text-align: right; height: 18px; line-height: 18px; margin-bottom: 3px;}
.menu-effe ul li a{ display: block; width: 100%; height: 100%; position: relative; color: #a0a0a0; }
.menu-effe ul li a:hover{ text-decoration: none;  }
.menu-effe ul li a:visited{ color:#a0a0a0;}
.menu-effe ul li span{  position: absolute; bottom: 0;right: 0; display: block; cursor: pointer;}
.menu-effe ul li.active span{  color: white; background: #000000;}
.menu-effe ul li span{ padding:0 2px 0 2px; margin-right: 10px }
.menu-effe ul li.first{ height: 30px; }
#Header-Dx .menu-lev2 ul li{ height: 15px; line-height: 13px; clear: both; text-transform: uppercase; font-size: 11px; margin-bottom: 2px}
#Header-Dx .menu-lev2 ul li a{ display: block; height: 100%; color: #a0a0a0}
#Header-Dx .menu-lev2 ul li span{ padding: 0 2px;  white-space: nowrap; }
#Header-Dx .menu-lev2 ul li a:hover{ text-decoration: none;}
#Header-Dx .menu-lev2 ul li.active a{ color: #fff; background:#000000 }
#Header-Dx .menu-lev2 ul li.active a:hover{ text-decoration: none;}
#contMenuSoluzioni ul{ margin-top: 34px; }
#contMenuNews ul{ margin-top: 55px; }
#contMenuContatti ul{ margin-top:43px; }
#contMenuShop ul{ margin-top:38px; }
#Header-Dx #contMenuShop ul li{ width: 49%; float: left; clear: none;}
#Header-Dx #contMenuShop ul li#menu12li122{width: 99% }
#Header-Dx #contMenuShop ul li#menu12li129{width: 99%}
.boxeffe{
	border-right: 1px solid #ccc;
	display: inline;
	width: 320px;
	float: left;
	height: 100%;
	padding: 0 10px;
	position: relative;
	overflow:hidden;
}
.boxeffe.double{width:598px;}
.boxeffe .date{ display: none;}
.boxeffe .news{ height: 165px; position: relative; border-bottom: 1px dashed #000000; overflow: hidden;}
.boxeffe>.news{ height: 164px; }
.boxeffe .news .title{ font-size: 16px; margin:8px 0 4px 0;}
.boxeffe .subtititle{ display: block; margin-bottom: 8px; color: #666666}
.boxeffe .news .date{ display: block; font-size: 11px; position: absolute; bottom: 8px; right: 6px}
.boxeffe .news .title a{ }
.boxeffe .news .title a:hover{ }
#MidSide-Top #Indietro{ position: absolute; left: 20px; top: 5px; background: url(../img/arrow-up.gif) no-repeat; width: 28px; height: 25px; display: block; z-index: 9999; overflow: visible; }
#MidSide-Top #Indietro:hover{ background: url(../img/arrow-up.gif) no-repeat 0 -25px; text-decoration:none;}
/*#MidSide-Top #Indietro span{ display: none; background: url(../img/balloon_back.png); width: 57px; height: 27px; position: absolute; left: 5px; top: 0px; z-index: 9999; text-indent: -99999px; }*/
#MidSide-Top #Indietro span{ position: absolute; left: 28px; top: 10px; z-index: 9999;}
/*#MidSide-Top #Indietro:hover span{ text-decoration:none; }*/
.boxeffe .photo{ margin-bottom: 15px; border: 1px solid #999; width: 300px }
.myClass>.photo{ width: 298px}
.boxeffe .photone{ margin-bottom: 15px; border: 1px solid #999 }
.boxeffe .thumb{ margin-left:30px; margin-bottom: 10px; border: 1px solid #999 }
.boxeffe div.cfoto{ width:102px; height:152px; overflow:hidden; margin-left:30px; margin-bottom: 10px; float: left; display: inline; position: relative; text-align: center;}
.boxeffe .cfoto .dida{ position: absolute; left: 2px; bottom: 2px; width: 98px; background: url(../img/trans_white.png) repeat 0 0; margin: -20px auto 0 auto; height: 20px; line-height: 20px; }
.boxeffe .cfoto .thumb{ margin-left:0; margin-bottom: 0;}
#boxeffe-1{/*border-left: 1px solid #fff;*/}
#Footer{ overflow: hidden; position: relative; font-size: 10px;  line-height: 15px; }
#Footer .pad{ position: relative; height: 264px; margin: 18px 0; overflow: visible; }
#Footer .boxeffe h3{ background: #000000; color: #ccc; float: right; height: 20px; line-height:19px; padding: 0 6px;}
#Footer .boxeffe ul{ clear: both; list-style: none; margin: 0}
#Footer #lastNews{border-left: 1px solid #f3f3f3;}
#Footer .menu-footer ul{ list-style: none;  margin: 0}
#Footer ul li{ float:left; text-align: right; width: 100%; display: inline; padding-bottom: 8px  }
#Footer .menu-footer ul li{ height: 20px; line-height: 20px  }
#Footer .menu-footer ul li.active a,#Footer .menu-footer ul li a:hover{ color:#000000 }
#Footer .menu-footer ul li span{}
#Footer .menu-footer ul li span:before{ content: "> ";}
#Footer .menu-footer ul li a{ color: #000000; }
#Footer ul li strong{ display: block;}
.raquo{ width: 13px; height: 13px; display: block; background: url(../img/plus.png) no-repeat center; overflow: hidden; text-indent: -999px; position: absolute; bottom: 10px; right: 10px; }
.w50pct{width: 49%; }
.w100pct{width: 100%; }
.fleft{ float: left; }
.fright{ float: right; }
/* form-style-2 */
form.form-style-2#Form-Search{ margin:0 0 1em 0; position: relative; height: 22px; clear: both; overflow:hidden}
body>#Container form.form-style-2#Form-Search{ height: 20px;}
form.form-style-2#Form-Search label{display:none}
form.form-style-2#Form-Search input{ float: left; border: 1px solid #666666; margin-right: 6px; height: 20px; padding: 0; position: absolute; top: 0; right: 0; text-align: right; padding-right: 18px; }
body>#Container form.form-style-2#Form-Search input{ height: 18px}
form.form-style-2#Form-Search button{ float: left; border: 1px solid #666666; background: transparent url(../img/search.png) no-repeat 0 0; color: #666; text-indent: -9999px; cursor: pointer; width: 20px; height: 20px; position: absolute; top: 0; right: 0; }
form.form-style-2#Form-Search button:hover{ background: transparent url(../img/search.png) no-repeat -20px 0; }
body>#Container form.form-style-2#Form-Search button{ width: 20px; height: 20px; }
#NoteLegali .boxeffe{ font-size: 90%;}
#MapContainer{ padding:6px; border:1px solid #000000; }
#map{ width:100%; height:440px}
.pdflink{ background: url(../ico/page_white_acrobat.png) no-repeat 0px 5px; padding-left: 22px}
ul.list-docs{ list-style: none; position: absolute; bottom: 0; left: 0}
ul.list-docs li{ background: none; height: 26px; line-height: 26px }
ul.list-docs li a{ display: block; height: 100%;}
/* -------------------- Form styling -------------------- */
#MidSide-Top form{ margin: 1em 0; font-size: 12px; width:960px;float:left; overflow: hidden }
#MidSide-Top .container-box form{ width:960px;}
#Form-Search fieldset{ border-top:none}
fieldset { border: none; padding: 1.6em 0 1em 0; border-top: 1px solid #000000 }
.fieldset {position: relative; padding: 2.5em 1em 0.5em 1em;font-size: 90%; }
label { display: block; color: #666666 }
label.error {color: #f00 }
option {color: #666666; font-size: 12px}
input[type='text']{padding: 2px; margin-bottom: 0.5em; border: 1px solid #ccc;}
input[type='text'].error{border: 1px solid #f00;}
button { display: block; }
select{ border: 1px solid #ccc; margin-bottom: 0.5em; width: 95%; }
select.error{ border: 1px solid #f00; }
select:onfocus{ outline: 0 none; border: none }
textarea{ border: 1px solid #ccc; overflow: auto; margin-bottom: 0.5em; padding: 2px; color: #666;}
textarea.error{ border: 1px solid #f00;}
textarea#normativa{ font-size: 11px; }
input[type='checkbox'],input.checkbox{ float: left;}
legend span { position: absolute; top: 0.5em; left: 1em; color: #000000; font-weight: bold; }
.two legend span { top: -0.75em; left: 1em; padding: 1.4em 0.6em; background: white; }
.fieldset.two { padding-top: 1.5em }
.three legend span { top: -2em; left: 0; }
.fieldset.three { padding-top: 0 }
.four legend span { top: 0.5em; left: 26em; width: 5em; text-align: right; }
.fieldset.four { padding-top: 0 }
.five legend span { top: 0; left: -1.5em; width: 0.5em; text-align: right; word-wrap: break-word; line-height: 1; text-transform: uppercase; }
.fieldset.five { margin-left: 1.5em; padding-top: 0 }
#Lab-Acconsento{ white-space: nowrap; float: left; width: 100px }
button{ border: 1px solid #000000; font-family: Tahoma, sans-serif;  line-height: 20px; cursor: pointer; font-weight: bold; color: #696969 }
button:hover{ background: #999999; color:#fff;border: 1px solid #666666;}
button[type='reset'],button.reset{ }
button[type='submit'],button.submit{ }
#ResetData{ display: inline }
#SendData{ display: inline }
.buttons{ text-align: center; padding: 1em 0; }
.buttons button{ margin: 0 1em; width:80px; text-align: center }
.errorlist{ background: url(../ico/del.png) no-repeat; text-indent: 24px; font-size: .9em; }
.errorlist,#ErrorResponse,#SuccessResponse{ position: absolute; left: 630px; top: 280px; width: 300px;  }

#SuccessResponse{ background: url(../ico/tick.png) no-repeat; text-indent: 24px; }
#ErrorResponse{ background: url(../ico/del.png) no-repeat; text-indent: 24px; }
#Field-Cliente label{ float: left; }
#ScrollBar,#ScrollBarDett{ position: absolute; left: 50%; width: 500px; margin-left: -250px; top: 138px !important; z-index: 99; background: url(../img/scroll_bar_guide.gif) repeat-x 0 1px; height: 32px; }
#knob,#knobDett{ display: block; position: relative; top: -6px; background: transparent url(../img/cursor.gif) no-repeat 0 1px; width: 77px  !important; height:16px  !important; cursor: pointer; }
#knob span,#knobDett span{ display: none; background: url(../img/baloon_scroll.gif); width: 57px; height: 27px; position: absolute; left: 15px; top: -20px; z-index: 9999; text-indent: -99999px; }
#knob:hover,#knobDett:hover{ background: transparent url(../img/cursor.gif) no-repeat 0 -16px; }
#knob:hover span,#knobDett:hover span{ display: block; }
#ContainerShop .item{ height: 100px; width: 80px; float: left; text-align: center;position: relative; padding: 10px; display: inline }
#ContainerShop .item h4{ line-height: 13px; font-weight: normal; margin: 0 auto}
#ContainerShop .item img.photoshop{ margin-bottom:6px; width: auto; display: block;}

/*----------------Fabrizio-----------------------*/
#Header-Dx #contMenuShop ul{ height: auto; width: 195px; margin: 25px 0 0 0; } 
#Header-Dx #contMenuShop ul#menu12 li{ height: auto; width: 85px; display: block; overflow: hidden; margin-top: 3px; margin-right: 3px; } 
#Header-Dx #contMenuShop ul#menu12 li span { white-space: normal; }
#Header-Dx #contMenuShop ul li#menu12li122{width: 90px }
#Header-Dx #contMenuShop ul li#menu12li129{width: 90px}
#avviso{ position:absolute; top:50px; left:50%; width:600px; margin-left:-300px; font-size:1.4em; color:#FF0000}


h2.title{ color:#000000; font-size:1.6em; line-height:1; margin-bottom:0.5em; }
h2.title a{ color:#000000; }