/* Google Fonts API */
@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Bevan&subset=latin);
* { padding: 0; margin: 0; }
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { border: 0; outline: none; margin: 0; padding: 0; }
html, body { height: 100%; }
BODY { margin: 0; font-family: PT Sans, sans-serif; font-size: 13px; line-height: 22px; font-weight: normal; text-rendering: optimizeLegibility; letter-spacing: 1px; color: #706E6F; background: #fff; }
body#company { background: url(images/struttura/header-bg.jpg) 0 -124px repeat-x #fff; }
body#application { background: url(images/struttura/header-bg.jpg) 0 -124px repeat-x #fff; }
body#home { background: url(images/struttura/header-bg.jpg) repeat-x #fff; }
body#contacts { background: url(images/struttura/header-bg.jpg) 0 135px repeat-x #fff; }
p { margin-bottom: 12px; }
.blue { color: #4097F2 !important; }
.gray { color: #9d9d9d !important; }
::selection { background: #4097F2; color: white; }
#vetrina { margin: 0px auto 0px auto; position: relative; }
#vetrina img { width: 100%; vertical-align: bottom }
ul { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; list-style: none; }
H1, H2, H3, H4, H5 { font-weight: normal; font-style: normal; font-size: 32px; line-height: 36px; margin-bottom: 18px; color: #4097F2; text-rendering: optimizelegibility; letter-spacing: normal }
H1 { color: #4097F2; font: 48px/48px Bevan; }
H2 { font: normal 36px/48px Bevan; color: #9d9d9d; padding-bottom: 4px; border-bottom: 2px solid #EDEDED; margin-bottom: 21px; }
H3 { font: normal 26px/30px Bevan; color: #9d9d9d; }
H4 { color: #4097F2; font-size: 24px; line-height: 26px; }
H5 { font: 14px/49px 'Bevan', cursive; }
A { color: #4097F2; text-decoration: none }
A:active { COLOR: #4097F2; }
A:visited { }
A:hover { color: #555 }
hr { color: #e3e3e3; background-color: #e3e3e3; background: #e3e3e3; size: 1PX; height: 1PX; border: none; border-bottom: 1px solid #fff; margin: 0 0 12px 0; display: block; }
hr.bold { background-color: #706E6F; background: #706E6F; size: 1PX; height: 1px; border: none; border-bottom: 14px solid #706E6F; margin: 0 0 32px 0; display: block; }
TD { }
.responsive { margin: 0 auto 0 auto; }
.page { margin-top: 20px; }
.page.products { border-top: 20px solid #0B5FA5; padding-top: 38px; margin-top: 0 }
.page .responsive { margin-bottom: 50px }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.borders { -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; }
#header { position: relative; width: 100%; height: 140px; }
#header #logo { float: left; width: 358px; }
#header #language { float: left; margin: 40px 0 0 40px }
#header #language a { float: left; display: block; padding: 30px 0 10px 0; width: 31px; text-align: center; font-size: 10px; letter-spacing: 2px; height: 14px; line-height: 14px; }
#header #language a:hover { color: #555 }
#header #language a.italian { background: url(images/icone/italian-flag.png) 7px 11px no-repeat; }
#header #language a.english { border-right: 1px solid #2872AE; background: url(images/icone/english-flag.png) 7px 11px no-repeat; }
#header #logo a { background: #fff; padding: 14px 22px; display: block }
#header #logo a img { width: 100%; vertical-align: bottom }
#footer { width: 100%; font-size: 13px; background: #0B5FA5; padding: 28px 0 21px 0; color: #fff; }
#footer h3 { color: #fff; text-align: left }
#footer #barra { float: left; width: 340px; }
#footer #barra A { color: #fff; background: url(/images/icone/list_arr-2.png) 0 5px no-repeat; line-height: 22px; display: block; padding: 0 0 0 20px; }
#footer #barra A:HOVER { color: #4097F2 }
#footer #contacts { float: left; width: 270px; border-left: 1px solid #4097F2; border-right: 1px solid #4097F2; padding: 0 38px }
#footer #contacts H4 { margin-bottom: 2px; }
#footer #catalog { float: right; background: url(images/struttura/catalog.png) no-repeat; width: 233px; height: 151px; position: relative }
#footer #catalog span { font-size: 12px; line-height: 30px; position: absolute; color: #fff; left: 13px; letter-spacing: 0; text-shadow: 1px 1px 0px #283744; }
#footer #catalog span.text1 { top: 47px; letter-spacing: 1px; }
#footer #catalog span.text2 { top: 82px; font: 16px/30px 'Bevan', cursive; font-weight: normal }
#copyright { background: #2B2828; padding: 18px 0; position:relative }
#copyright .publifarm { position:absolute; left:50%; top:19px; opacity:0.8; }
#copyright #legal { float: left; font-size: 10px; letter-spacing: 1.2px }
#copyright #legal A { color: #777; }
#copyright #legal A:HOVER { color: #999; }
#copyright .social { float: right; text-align: right }
#copyright .social h5 { float: left; margin: 0px; line-height: 24px; height: 24px; color: #fff; }
#copyright .social a { float: left; margin: 0 0 0 5px; width: 24px; height: 24px; }
#copyright .social a img { display: inline-block; width: 100%; height: 100%; }
/* Form */
.spacer { clear: both; height: 1px; }
#kbsform { width: 940px; padding: 0px; }
#kbsform h1 { font-size: 16px; font-weight: bold; margin-bottom: 8px; }
#kbsform hr { clear: both; border: none; height: 1px; color: #222; background: #222; border: none; margin-bottom: 17px; }
#kbsform small { font-size: 10px; }
#kbsform p { font-size: 14px; color: #777; margin-bottom: 17px; border-bottom: solid 1px #CCC; padding-bottom: 4px; }
#kbsform fieldset { float: left; width: 440px; padding: 10px 0; -moz-border-radius: 5px; border-radius: 5px; border: 1px dotted #999 }
#kbsform fieldset.request { float: left; width: 440px; padding: 10px 0; margin-top: 12px; }
#kbsform legend { padding: 0 5px; margin-left: 20px }
#kbsform div.law { float: right; margin: 9PX 0 0 0; width: 425px; padding: 15px; background: #F1EDE4; border: 1px solid #ECE8DF; -moz-border-radius: 5px; border-radius: 5px; }
#kbsform div.law small { font-size: 10px; font-size: 11px; line-height: 16px; display: block }
#kbsform div.enter { float: right; width: 425px; padding: 18px 16px 5px 12px; background: #F1EDE4; border: 1px solid #ECE8DF; margin-top: 18px; -moz-border-radius: 5px; border-radius: 5px; }
#kbsform .small { color: #666666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px; letter-spacing: 2px; }
#kbsform label { display: block; font-size: 14px; font-weight: bold; text-align: right; width: 140px; float: left; line-height: 16PX; margin-top: 2PX; }
#kbsform input { float: left; font-size: 14px; padding: 4px 6px; border: solid 1px #ccc; width: 215px; margin: 2px 0 17px 10px; height: 22px; color: #666; -moz-border-radius: 5px; border-radius: 5px; }
#kbsform textarea { float: left; font-size: 14px; padding: 4px 6px; border: solid 1px #ccc; width: 250px; margin: 2px 0 17px 10px; color: #666; -moz-border-radius: 5px; border-radius: 5px; }
#kbsform .button { width: 125px; height: 31px; text-align: center; color: #FFF; font-size: 12px }
#kbsform .radioButton { width: 25px; border: 0; }
/* ----------- ------- ----------- */
.sfondo { background: #eee; padding: 28px; }
ul.list1 { list-style: none; }
ul.list1 li { padding: 0 0 12px 28px; background: url(/images/icone/list_arr.png) 2px 4px no-repeat; font-size: 15px; }
ul.list2 { list-style: none; padding-bottom: 5px; }
ul.list2 li { padding: 0 0 1px 21px; background: url(/images/icone/list_arr-2.png) 0 3px no-repeat; }
.sinistra { padding-left: 32px; }
.destra { padding-right: 32px; }
.imgFloat { float: left; margin: 0 22px 14px 0 }
.sinistraBordo { padding-left: 30px; border-left: 1px solid #CCC; }
.destra10 { padding-right: 10px; }
.sinistradestra { padding: 0 30px; }
.indietroStampa { padding-top: 5px; padding-right: 0px; float: right; width: 158px; }
.indietroStampa a { display: block; float: left; margin-left: 6px; cursor: pointer; width: 72px; }
.indietroStampa IMG { float: left; }
.indietroStampa span { padding-left: 1px; float: left; display: block; line-height: 16px; font-size: 11px; }
.menu_head { padding: 7px 37px 5PX 20px; cursor: pointer; position: relative; margin: 0; background: #C00 url(images/icone/control_play.png) center right no-repeat; border: 1PX solid #999; border-bottom: 2px solid #666; color: #EBEBEB; text-shadow: 1px 1px #7B0000; }
.menu_head:hover { background: #F00 url(images/icone/control_play2.png) center right no-repeat; }
.menu_head:active { background: #FFFFFF url(images/icone/control_play2.png) center right no-repeat; color: #000; border: 1PX solid #ebebeb; }
.menu_head_selected { background: #333 url(images/icone/control_play2.png) center right no-repeat; color: #FFF; border: 1PX solid #666; border-bottom: 2px solid #666; text-shadow: 1px 1px #111 }
.menu_body { padding: 20px 20px; background: #EBEBEB; border: 1px solid #ccc; display: none; }
.menu_body a { }
.p16 { margin-bottom: 8px; display: block; width: 100% }
.p16 img { float: left; margin: 2px 4px 0 0; }
/*_________________________________________________________________________________________*/
nav { height: 40px; float: right; font-size: 13px; font-weight: bold; position: relative; margin: 50px 0 0 0; }
nav ul { padding: 0; margin: 0; width: 470px; height: 40px; text-align: right }
nav ul li { display: inline-block; position: relative; margin-right: 2px; background: #79BEF7; }
nav ul li.selected { background: #0F7ED9; }
nav ul li a { color: #fff; display: block; text-align: center; text-decoration: none; line-height: 40px; text-shadow: 1px 1px 0px #283744; padding: 0 14px; }
nav ul li:hover { BACKGROUND: #09477B; color: #fff; }
nav ul li a:hover { BACKGROUND: #09477B; color: #fff; }
nav ul li:last-child { margin-right: 0; }
nav a:active { background-color: #8c99a4; }
nav a#pull { display: none; }
nav ul li ul { display: none; position: absolute; top: 40px; left:0px; width: 200px;  padding: 5px; height: auto; BACKGROUND: #09477B; z-index:9 }
nav ul li:hover ul { display:block; } 
nav ul li ul li { display:block; margin: 0; padding: 0; background: none; vertical-align:middle;   }
nav ul li ul li:hover { background: #0F7ED9; }
nav ul li ul span.menu-row li:first-child { border-left:none; }
nav ul li ul li a { display: block; height: auto; line-height: 16px; text-align:left; font-size: 12px; padding: 8px 6px 8px 18px; margin: 0; }
nav ul li ul li a:hover { background: #0F7ED9; }
.col-2 .welcome { padding: 0; width: 36%; float: left }
.col-2 .intro { padding: 0; width: 56%; float: left }
.col-2 .testo-descr { padding: 0; width:100%; }
.col-2 .elenco { width: 40%; float: right }
.col-2 .company { width: 60%; float: right }
.slogan img { float: left; margin: 0 30px 0 0; }
#map { width: 100%; margin-bottom: 22px; position: relative; z-index: 3 }
#map .content-map { padding: 28px; background: #F1EDE4; border: 1px solid #ECE8DF; width: 320px; position: absolute; z-index: 5; top: 0; left: 50%; margin-left: -490px; }
span.roll { background: url(/images/icone/mag.png) center center no-repeat #0B5FA5; height: 100%; position: absolute; width: 100%; z-index: 10; -webkit-box-shadow: 0px 0px 4px #36B7B3; -moz-box-shadow: 0px 0px 4px #36B7B3; box-shadow: 0px 0px 4px #36B7B3; }
.gallery-wrap { border-top: 14px solid #706E6F; margin-top: 50px; }
.gallery { margin-top: 50px; display: block; width: 100%; }
.gallery li { float: left; width: 19.2%; margin-right: 1%; display: block }
.gallery.gal-2 li { width: 49.5%; }
.gallery.gal-3 li { width: 32.66%; }
.gallery.gal-4 li { width: 24.25%; }
.gallery.gal-6 li { width: 15.83%; }
.gallery li:last-child { margin-right: 0 !important }
.gallery li a { display: block; height: 130px; width: 100%; overflow: hidden; position: relative }
.gallery li a:hover { opacity: 0.6; }
.gallery li a img { width: 100%; min-height: 100%; }
.picframe { float: left; display: block; margin: 0; width: 19.2%; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; margin-right: 1%; }
.picframe:last-child { margin-right: 0; }
.picframe img { width: 100%; }
.picframe:hover { opacity: 0.7; }
.myButton { -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe; box-shadow: inset 0px 1px 0px 0px #97c4fe; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0)); background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%); background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%); background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%); background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%); background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0', GradientType=0);
background-color: #3d94f6; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #337fed; display: inline-block; cursor: pointer; color: #ffffff; font-size: 12px; padding: 6px 24px; text-decoration: none; text-shadow: 0px 1px 0px #1570cd; letter-spacing: 2px; margin-top: 3px; }
.myButton:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6)); background: -moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%); background: -webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%); background: -o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%); background: -ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%); background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6', GradientType=0);
background-color: #1e62d0; color: #fff; }
.myButton:active { position: relative; top: 1px; }
/* Back to Top */
#back-top { display: none; margin-bottom: 0; }
#back-top-wrapper { position: fixed; right: 10px; bottom: 10px; overflow: hidden; z-index: 99; }
#back-top a { display: block; width: 50px; height: 50px; color: #bbb; text-align: center; text-decoration: none; text-transform: uppercase; font: 11px/100% Arial, Helvetica, sans-serif; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
#back-top a:hover { color: #000; }
#back-top a:hover span { background-color: #333333; }
#back-top span { display: block; margin-bottom: 0px; width: 50px; height: 50px; background: #0088cc url(/images/icone/up-arrow.png) no-repeat center center; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
#back-top-wrapper a span { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 100%; height: 100%; }
/*// Back to Top */
#vetrina-company img { float: left; }
#vetrina-home { border: 14px solid #706E6F; }
#vetrina-home:after { display: table; content: ""; line-height: 0; clear: both }
#vetrina-home img { float: left; }
.table100 { width: 100%; border: 0; background: #eee; margin: 0 0 15px 0; border: 5px solid #E3E3E3; }
.table100 td:first-child { width: 152px; background: #fff; }
.table100 td:first-child a { display: block; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
.table100 td:first-child a img{ width:250px; height:auto }
.table100 td:first-child a:hover { opacity: 0.7; }
.table100 td { padding: 10px; }
.table100 td.td-descr { padding: 10px 22px; }
.table100 td.td-descr h3 { color: #4097F2 }
.table100 td.td-fields { border-left: 1px solid #E3E3E3; padding: 12px 24px; width: 330px; }
.table100 td.td-fields h5 { color: #333; margin-bottom: 2px; }
.table100 td.td-fields ul { padding-bottom: 7px; }
.table100 td.td-fields ul li { padding-bottom: 2px; }
.table200 { width: 100%; border: 0; background: #ebebeb; margin: 0 0 5px 0; border: 2px solid #ccc; }
.table200 td:first-child { }
.table200 td:first-child a { display: block; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
.table200 td:first-child a:hover { opacity: 0.7; }
.table200 td { padding: 10px; text-align: center; background: #F3F3F3 }
.table200 td:hover { background: #fff }
.table200 td img { padding: 8px 0; max-width: 100%; }
 @media(max-width:480px) {
.responsive { }
}
@media(max-width:767px) {
.responsive { }
}
 @media(min-width:768px) and (max-width:979px) {
.responsive { width:;
}
}
 @media(min-width:980px) {
.responsive { }
}
@media(min-width:1200px) {
.responsive { width: 960px; }
#vetrina-company img { height: 404px; }
#vetrina-home img { height: 392px; }
#vetrina-home.img-1 img { width: 932px; }
#vetrina-home.img-2 img { width: 466px; }
#vetrina-home.img-3 img { max-width: 466px; }
#vetrina-home.img-4 img { max-width: 466px; }
}