/* definisco i miei font speciali */
@font-face {
  font-family: 'MyriadPro-BoldCond';
  src: url('MyriadPro-BoldCond.eot');
  src: local('MyriadPro-BoldCond.ttf'), url('MyriadPro-BoldCond.ttf') format('truetype');
}



* {	margin:0; padding:0; font-size:100%}

body{background:url(../_img/body-bg.gif); text-align:center}
.top-tail{ background:url(../_img/top-tail.gif) top repeat-x}
.top-tail2{ background:url(../_img/bg-header.jpg) top right repeat-y; position:absolute; right:0; width:100%; height:83px}

img {vertical-align:top}
a img { border:0}

ul { list-style:none}

.left { float:left}
.right {float:right}
.clear  { clear:both}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#646464}

input, select { vertical-align:middle; font-weight:normal}

a {color:#37a2d5}
a:hover{text-decoration:none}
p {padding-top:23px}

.titoletto {font-weight: bold; color: #37A2D5; font-size: 1.1em}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left}
.phone{ float:right; padding-right:155px}
.margin1{ margin-top:29px}
.padding1{ padding-top:15px}
.padding2{ padding-top:20px}
.padding3{ padding-top:25px}
.padding4{ padding-top:8px}

/* ============================= header ====================== */
#header{margin-bottom:10px;}
#header .logo{padding:5px 0 0 85px; display:inline-block; vertical-align:top}
#header .slogan {display:inline-block; font-size:1.4em; color:#fff; position:relative; top:54px; left: -10px}
#header .lingue {color:#fff; float:right; padding:55px 55px 0 0; font-size:0.9em;}
#header span {margin:0 10px}
#header .lingue a {color:#fff; text-decoration:none}
#header .lingue a:hover {text-decoration:underline}


/* ============================= content ====================== */
#content{ padding:26px 55px 0 55px}
#content .top-tail{ background:url(../_img/content-top-tail.gif) top repeat-x #ffffff; width:100%}
.bot-tail{ background:url(../_img/content-bot-tail.gif) bottom repeat-x}
.left-tail{ background:url(../_img/left-tail.gif) left repeat-y}
.right-tail{ background:url(../_img/right-tail.gif) right repeat-y}
.left-top{ background:url(../_img/corner-left-top.gif) left top no-repeat}
.right-top{ background:url(../_img/corner-right-top.gif) right top no-repeat}
.left-bot{ background:url(../_img/corner-left-bot.gif) left bottom no-repeat}
.right-bot{ background:url(../_img/corner-right-bot.gif) right bottom no-repeat; width:100%}
.indent{ padding:25px 10px 30px 28px; margin-top:-9px}
#page8 .indent{ padding:25px 30px 45px 28px}

.flash{ padding:3px 0 0 2px; height:70px}
.flash2{ margin:-4px 0 0 3px; position:relative; height:289px}
.menu{ padding:20px 0 0 10px}
.menu li{ float:left; padding:0 10px; background:url(../_img/menu-item-bg.gif) no-repeat 0 15px}
.menu .first{ background:none; padding-left:0px}
.menu a {color:#4b4b4b; text-decoration:none; display:block}
.menu a span { display:block; }
.menu a span span{padding:6px 15px 7px; font-size: 1.1em}
ul.corto a span span{padding-right: 10px; padding-left: 10px;}


.menu a:hover{ color:#ffffff; background:url(../_img/menu-tail.gif) top repeat-x}
.menu .active{ color:#ffffff; background:url(../_img/menu-tail.gif) top repeat-x}
.menu a:hover span, .menu .active span{ background:url(../_img/menu-left-bg.gif) left top no-repeat}
.menu a:hover span span, .menu .active span span{ background:url(../_img/menu-right-bg.gif) right top no-repeat; }

.line{ padding-bottom:15px}
.extra{ padding-bottom:0}
.title{ padding-bottom:11px; font: 2.3em MyriadPro-BoldCond, Arial, Helvetica, sans-serif; line-height: 0.9em}
.unline{ background:url(../_img/line2.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:15px}
.unline1{ background:url(../_img/line.gif) bottom repeat-x; padding-bottom:37px; margin-bottom:24px}
.unline2{ background:url(../_img/line2.gif) bottom repeat-x; padding-bottom:20px; margin-bottom:24px}
.unline3{ background:url(../_img/line2.gif) bottom repeat-x; padding-bottom:20px; margin-bottom:15px}
.upline{ background:url(../_img/line.gif) top repeat-x; padding-top:15px;}


.box{ background:url(../_img/box-corner-left-top.gif) top left no-repeat; width:100%}
.box .right-top{ background:url(../_img/box-corner-right-top.gif) top right no-repeat; width:100%}
.box .left-bot{ background:url(../_img/box-corner-left-bot.gif) bottom left no-repeat; width:100%}
.box .right-bot{ background:url(../_img/box-corner-right-bot.gif) bottom right no-repeat; padding:5px; width:auto}
.box .top-border{ background:url(../_img/box-border.gif) top repeat-x #ffffff; margin:-5px 0}
.box .bot-border{ background:url(../_img/box-border.gif) bottom repeat-x; padding:5px 0}
.box .left-border{ background:url(../_img/box-border.gif) left repeat-y #ffffff; margin:0 -5px}
.box .right-border{ background:url(../_img/box-border.gif) right repeat-y; padding:0 5px}
.box .indent{ padding:8px 10px 2px 17px; margin:0}
.box p{ padding-top:17px}
.box .line{ background:url(../_img/line4.gif) repeat-y 195px 0 !important; padding-bottom:0}

.box .col-1{ width:180px}
.box .col-2{ width:187px; margin-left:40px}
.link1{ background:url(../_img/link1-bg.jpg) no-repeat 0 0; padding:12px 0 13px 47px; line-height:1.333em}
.link2{ background:url(../_img/link2-bg.jpg) no-repeat 0 0; padding:12px 0 13px 55px; line-height:1.333em}
.link1 a, .link2 a{ font-weight:bold; color:#2b84ae; }

.link{ display:inline-block; font-weight:bold; margin-top:15px}
.date{ color:#2b84ae; font-weight:bold}
.date a{ color:#2b84ae}

.list{ color:#2b84ae}
.list a{ font-weight:bold; text-decoration:none; color:#2b84ae; margin-left:5px}
.list a:hover{ text-decoration:underline}

.checkmark {font-size:1.8em; display: block;}


/* ============================= page1 ===========================*/
#page1 .column-2{ margin-left:46px}

/* ============================= azienda ===========================*/
#azienda .column-1 .first {min-height: 260px; height: auto !important; height: 260px}
#azienda .column-1 ul { list-style: disc outside}
#azienda .column-1 li {margin-left:15px}
#azienda .column-1 img.imgnws {width: 430px; margin-bottom: 15px}
#azienda .column-1 .link {display: block; margin-top: 15px; font-weight: bold}

#azienda .column-2{ margin-left:50px}
#azienda .column-2 .unline {background:url(../_img/line2.gif) bottom repeat-x}
#azienda .column-2 img.img1 {width: 315px; height: 274px}
#azienda .column-2 img.img2 {margin-bottom: 15px}
#azienda .column-2 img.imgnws {width: 315px; height: 125px; margin-bottom: 15px}
#azienda .column-2 div.txtnws {width: 315px; height: 72px; overflow:hidden}
#azienda .column-2 .link {margin-top: 15px}

img#menu_gallery {float:right; position: relative; border: 0}
div#slide_gallery {width:400px; height: 188px; background: #FFF; border: 1px solid #D8D8D8; border-right: 0; padding: 5px; padding-right: 0}
div#slide_gallery ul {margin-top: 10px}
div#slide_gallery li {width: 120px; height: 185px; display: inline; float: left; margin-right: 13px; margin-left:0 !important}
div#slide_gallery li img {width: 120px; height: 120px; display: block; margin-bottom: 15px; border: 0}



/* ============================= gallery ===========================*/
#gallery .photothumb {padding-left:5px; margin-bottom: 30px}
#gallery .photothumb img {width: 120px; height: 120px; border: 0; margin:5px 13px 21px 0}
#gallery .photothumb img.lst {margin-right: 0}

#gallery .column-2{ margin-left:50px}
#gallery .column-2 img.imgnws {width: 315px; height: 125px; margin-bottom: 15px}
#gallery .column-2 div.txtnws {width: 315px; height: 72px; overflow:hidden}
#gallery .column-2 .link {margin-top: 15px}

/* ============================= laboratorio ===========================*/
#laboratorio .column-2{ margin-left:55px}
#laboratorio .column-2 img.pic {width:315px; height: 270px}

#laboratorio table.tab1 {border:0; background: #FFF; font-weight: bold; font-size: 0.92em; margin-top: 10px}
#laboratorio table.tab1 tr.tr1 {background: #EAF4F7}
#laboratorio table.tab1 td {padding: 2px 3px}
#laboratorio table.tab1 td.td1 {width:320px}

/* ============================= prodotti ===========================*/
#prodotti .column-2{ margin-left:55px}
#prodotti .column-2 .box{ background:url(../_img/box-corner-left-top.gif) top left no-repeat; width:100%}
#prodotti .column-2 .box .right-top{ background:url(../_img/box-corner-right-top.gif) top right no-repeat; width:100%}
#prodotti .column-2 .box .left-bot{ background:url(../_img/box-corner-left-bot.gif) bottom left no-repeat; width:100%}
#prodotti .column-2 .box .right-bot{ background:url(../_img/box-corner-right-bot.gif) bottom right no-repeat; padding:5px; width:auto}
#prodotti .column-2 .box .top-border{ background:url(../_img/box-border.gif) top repeat-x #ffffff; margin:-5px 0}
#prodotti .column-2 .box .bot-border{ background:url(../_img/box-border.gif) bottom repeat-x; padding:5px 0}
#prodotti .column-2 .box .left-border{ background:url(../_img/box-border.gif) left repeat-y #ffffff; margin:0 -5px}
#prodotti .column-2 .box .right-border{ background:url(../_img/box-border.gif) right repeat-y; padding:0 5px}
#prodotti .column-2 .box .indent{ padding:8px 10px 2px 17px; margin:0}
#prodotti .column-2 .box .unline{ background:url(../_img/line2.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:15px}
#prodotti .column-2 .box .title a.link {font-size:0.55em; float: right; margin-top: 10px}
#prodotti .column-2 .box img.pic {width:315px; height: 170px}


/* ============================= mescole ===========================*/
#mescole .column-2{ margin-left:55px}

#mescole table.tab1 {width: 100%; border:0; background: #FFF; font-weight: bold; font-size: 0.92em; margin-top: 10px}
#mescole table.tab1 tr.tr1 {background: #EAF4F7}
#mescole table.tab1 td {padding: 2px 3px}
#mescole table.tab1 td a {text-decoration: none;}
#mescole table.tab1 td.td1 {width:330px}
#mescole table.tab1 td.td2 {text-align: right;}
#mescole table.tab1 td.tdt1 {border-top: 1px solid #FFF}
#mescole table.tab1 td.tdt2 {border-top: 1px solid #EAF4F7}

#mescole table.tab2 {width:100%; border:0; border-collapse: collapse; font-weight: bold; font-size: 0.92em;}
#mescole table.tab2 td {text-align: center; color: #1A171B; padding: 1px 3px}
#mescole table.tab2 td.td1,
#mescole table.tab2 td.td3 {width: 119px; height: 33px; color: #FFF; background: #66B8DC; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF;}
#mescole table.tab2 td.td3 {width: auto;}
#mescole table.tab2 td.td2 {color: #FFF; background: #218CA1; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF;}
#mescole table.tab2 td.td3 {border-right: 0}
#mescole table.tab2 td.td4 {background: #AAD3E5; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF;}
#mescole table.tab2 td.td5,
#mescole table.tab2 td.td6,
#mescole table.tab2 td.td7 {background: #5FAAB9; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF;}
#mescole table.tab2 td.td6 {background: #88BDC8;}
#mescole table.tab2 td.td7 {background: #BBD5DB; border-bottom: 0}
#mescole table.tab2 td.td8,
#mescole table.tab2 td.td9,
#mescole table.tab2 td.td10 {background: #8FC9E2; border-bottom: 2px solid #FFF;}
#mescole table.tab2 td.td9 {background: #AAD3E5}
#mescole table.tab2 td.td10 {background: #CCE0E9; border-bottom: 0;}
#mescole table.tab2 td.lst {border-bottom: 0;}

#mescole .unline{ background:url(../_img/line2.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:15px}
#mescole .link { background:url(../_img/foglio.jpg) no-repeat 0 0; padding:12px 0 40px 55px; line-height:1.333em;}

#mescole .column-1 ul, #mescole .column-2 ul { list-style: disc outside}
#mescole .column-1 li, #mescole .column-2 li {margin-left:15px}

#mescole .column-2 table {width: 100%; border-collapse: collapse; background: #FFF; font-size: 0.92em; margin: 5px 0 15px;}
#mescole .column-2 table td {border: 1px solid #D8D8D8; text-align: center;}
#mescole .column-2 table thead tr {background: #EAF4F7; font-weight: bold;}

/* ============================= qualita ===========================*/
#qualita div.right {float:right; margin-left: 65px; text-align: center;}
table.tab3 {border:0; border-collapse: collapse; font-weight: bold; font-size: 0.92em;}
table.tab3 td {color: #FFF; padding: 1px 3px; }
table.tab3 td.td1, table.tab3 td.td2, table.tab3 td.td3 {background: #66B8DC; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF;}
table.tab3 td.td1 {text-align: left;}
table.tab3 td.td2 {background: #218CA1;}
table.tab3 td.td3 {background: #CCE0E9; color: #1A171B}
table.tab3 td.lst {border-right: 0}
table.tab3 td.lst2 {border-bottom: 0}

table.tab4 {clear:right; border:0; border-collapse: collapse; font-size: 0.92em;}
table.tab4 tr.titoli td {height:33px; padding: 1px 3px; background: #218CA1; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; color: #FFF; font-weight: bold;}
table.tab4 tr.titoli td.td1 {width:28px}
table.tab4 tr.titoli td.tb1 {background: #66B8DC; text-align: left; width: 130px;}
table.tab4 tr.titoli td.tb2 {background: #CCE0E9; color: #1A171B}
table.tab4 td {padding: 1px 3px; background: #EAF4F7; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; color: #1A171B; text-align: center; font-weight: bold;}
table.tab4 td.td2 {text-align: left; font-weight: normal;}
table.tab4 td.lst {border-right: 0}
table.tab4 td.lst2 {border-bottom: 0}


/* ============================= page3 ===========================*/
#page3 .column-2{ margin-left:46px}
/* ============================= page4 ===========================*/
#page4 .column-2{ margin-left:50px}
#page4 .col-2{ margin-left:30px}
/* ============================= page5 ===========================*/
#page5 .column-2{ margin-left:46px}
#page5 .col-2{ margin-left:30px}
/* ============================= contatti ===========================*/
#contatti .column-2{ margin-left:55px;}

/* ============================= footer ====================== */
#footer {text-align:right; color:#2a4959; font-size:0.917em}
#footer a {color:#2a4959; margin-left:3px}
#footer .text {text-align:center; padding-top:18px}
#footer .text span {font-weight:bold}
#footer .mini-text {text-align:center; font-size:0.9em}

/* ============================= forms ============================= */
#HeaderForm{ float:right; padding:27px 79px 0 0}
#HeaderForm input{ width:165px; border:solid 0px; padding:2px 0 2px 3px; font-family:Arial, Helvetica, sans-serif; font-size:1em}
#HeaderForm a{ display:inline-block; background:url(../_img/form-button-left-bg.gif) left top no-repeat #747474; font-size:0.917em; text-transform:uppercase; color:#f6f6f6; font-weight:bold; text-decoration:none; margin-left:7px}
#HeaderForm a span{ display:block; background:url(../_img/form-button-right-bg.gif) right top no-repeat; padding:1px 10px 1px 12px; vertical-align:middle}
#HeaderForm a:hover{ background:url(../_img/form-button-left-bg-act.gif) left top no-repeat #403f3f}
#HeaderForm a:hover span{ background:url(../_img/form-button-right-bg-act.gif) right top no-repeat}

#ContactForm {padding-top:5px}
#ContactForm .col-1{ width:280px !important}
#ContactForm .col-2{ width:250px !important; margin-left:0 !important}
#ContactForm label{ display:block; height:47px}
#ContactForm input{ border:solid 1px #d8d8d8; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:215px}
#ContactForm textarea{ border:solid 1px #d8d8d8; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:245px; height:110px; overflow:hidden}
#ContactForm .link{ margin:5px 0 0 20px}