/* =============== RESERT =============== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0;	padding:0;	border:0; font-size:100%; font:inherit; vertical-align:baseline;}
body { line-height:1;}
ol, ul { list-style:none;}
table { border-collapse:collapse; border-spacing:0;}


/* =============== DEFAULTS =============== */

.left { float:left;}
.right { float:right;}
.clearfix { clear:both;}
em, dfn { font-style:italic;}
b, strong { font-weight:bold; color:#454545;}
a { color:inherit; text-decoration:none;}
a img { border:none;}


/* =============== GLOBAL =============== */

html { position:relative;}
body { background:url(../img/body-bg.jpg) repeat-x; font-family:'Open Sans', sans-serif; color:#535353;}
h1, h3, h4 { font-weight:600;}
h1, h2, h3, h4, #slogan p, legend { color:#02458e;}


/* =============== HEADER =============== */

#header { background:url(../img/luce.png) no-repeat top left; height:520px; padding-top:40px;}

#logo a { background:url(../img/logo.png) no-repeat; width:160px; height:71px; display:block; text-indent:-9999px;}

#nav li { float:left; text-transform:uppercase; text-align:center; color:#02458e; margin-left:29px; transition:all 0.2s ease-in-out;}
#nav li a:hover .pag, #nav li.select .pag { border-top:3px solid #02458E; transition:all 0.2s ease-in-out;}
.lte9 #nav li { margin-left:25px;}
.lte7 #nav li { margin-left:21px;}
#nav span.dida { text-transform:none; display:block; font-style:italic; font-size:12px; margin-top:3px; opacity:0.3; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
#nav li.select span.dida { opacity:1; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
#nav a { background-image:url(../img/menu.png); background-repeat:no-repeat; display:block; padding-bottom:45px; color:#02458E; padding-top:6px;}
#info a { background-position:10px 46px;}
#servizi a { background-position: -130px 46px;}
#attivita a { background-position: -280px 46px;}
#marche a { background-position:-400px 46px;}
#contatti a { background-position: -580px 46px;}

#slogan { background:url(../img/mondo.png) no-repeat top right; height:330px; margin-top:85px;}
#slogan h2 { font-size:24px; font-style:italic; line-height:40px; width:480px; text-align:center; margin-top:40px; position:relative;}
.ie #slogan h2 { font-size:22px;}
.lte7 #slogan h2 { font-size:20px;}
#slogan h2:before  { content:url(../img/quote-sx.png); position:absolute; left:-25px;}
#slogan h2:after  { content:url(../img/quote-dx.png); position:absolute; right:5px;}


/* =============== CONTENT =============== */

.vetrina div { float:left; margin-bottom:20px; height:350px;}
#content h3 { font-size:16px; margin:20px 0 10px 0; display:inline-block;}
#content h4 { text-transform:uppercase; margin-bottom:60px; background:url(../img/hr.jpg) no-repeat center; text-align:center; font-size:16px;}
#content h4 span { background:#fff; padding:0 15px;}
#content p, #content li { font-size:14px; line-height:24px;}
#content p { margin-bottom:24px;}
ul.lista { margin-left:20px; margin-bottom:24px;}
.lista { list-style-type:circle;}
ul.lista.num li { list-style-type:decimal;}

#nomi { margin-bottom:40px; overflow:hidden;}
#nomi li { background-image:url(../img/marche.jpg); text-indent:-9999px; width:115px; height:66px; float:left; cursor:pointer; margin:20px 59px 20px 0;}
#uno { background-position:0 -264px;} #uno:hover { background-position:0 0;}
#due { background-position:-115px -264px;} #due:hover { background-position:-115px 0;}
#tre { background-position:-230px -264px;} #tre:hover { background-position:-230px 0;}
#quattro { background-position:-345px -264px;} #quattro:hover { background-position:-345px 0;}
#cinque { background-position:-460px -264px;} #cinque:hover { background-position:-460px 0;}
#sei { background-position:-575px -264px;} #sei:hover { background-position:-575px 0;}
#sette { background-position:0 -330px;} #sette:hover { background-position:0 -66px;}
#otto { background-position:-115px -330px;} #otto:hover { background-position:-115px -66px;}
#nove { background-position:-230px -330px;} #nove:hover { background-position:-230px -66px;}
#dieci { background-position:-345px -330px;} #dieci:hover { background-position:-345px -66px;}
#undici { background-position:-460px -330px;} #undici:hover { background-position:-460px -66px;}
#dodici { background-position:-575px -330px;} #dodici:hover { background-position:-575px -66px;}
#tredici { background-position:0 -396px;} #tredici:hover { background-position:0 -132px;}
#quattordici { background-position:-115px -396px;} #quattordici:hover { background-position:-115px -132px;}
#quindici { background-position:-230px -396px;} #quindici:hover { background-position:-230px -132px;}
#sedici { background-position:-345px -396px;} #sedici:hover { background-position:-345px -132px;}
#diciassette { background-position:-460px -396px;} #diciassette:hover { background-position:-460px -132px;}
#diciotto { background-position:-575px -396px;} #diciotto:hover { background-position:-575px -132px;}
#diciannove { background-position:0 -462px;} #diciannove:hover { background-position:0 -198px;}

#content a { color:#02458E; text-decoration:underline;}
.foto { margin-bottom:10px;}
.foto.left { margin-right:20px;}
.foto.right { margin-left:20px;}
.bordo { padding:2px; border:3px solid #EAEBEF; border-radius:10px;}
.chiudi {cursor:pointer; background:url(../img/chiudi.png) no-repeat; width:48px; height:46px; text-indent:-9999px; position:absolute; left:-30px; top:10px; z-index:5;}
.over hr { border-color:#EAEBEF; border-style:dashed; clear:both;}
.over h2 { clear:both; margin-bottom:20px; text-transform:uppercase; font-weight:bold;}
#content .over h3 { text-transform:none; font-weight:normal; margin-bottom:15px; line-height:24px;}
#content .over p { font-size:12px;}
ul.vList { margin-left:20px;}
#content .vList li { list-style-type:disc; font-size:12px;}
.over { width:800px; background-color:#fff; display:none; z-index:3; position:absolute; left:50%; bottom:20%; margin-left:-400px; -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;max-height:500px; box-shadow:0 0 20px #333; border:10px solid #EAEBEF;}
.over div { max-height:460px; overflow:auto; padding:20px 40px;}
.overlay { background:#000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1; cursor:pointer; opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}

#listaFoto { margin-top:20px; display:inline-block;}
#listaFoto li { float:left; margin-right:15px; position:relative; overflow:hidden; width:150px; height:113px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#listaFoto img { -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#listaFoto li .mask { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border:0 solid rgba(0,0,0,0.5); opacity:0; overflow:visible; -moz-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s; height:113px; left:0; position:absolute; top:0; width:150px; z-index:9;}
#listaFoto li:hover .mask { opacity: 1; border:100px solid rgba(0,0,0,0.5);}
#listaFoto li img.lens { z-index:10; position:absolute; left:60px; top:45px; opacity:0; -moz-transform:scale(4,4); -webkit-transform:scale(4,4); -ms-transform:scale(4,4); -o-transform:scale(4,4); transform:scale(4,4); -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;}
#listaFoto li:hover img.lens { opacity:1; -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1);}

#listaServizi { margin-top:20px; display:inline-block;}
#listaServizi li { height:80px; width:420px; margin-bottom:20px;}
#listaServizi img { display:block; float:left; height:80px; width:80px;}
#listaServizi p { float:right; width:320px;}

#listaMacchine { margin-top:30px;}
#listaMacchine li { float:left; margin-right:35px; background-color:#f9f9f9; padding-right:10px; border:1px solid #f4f4f4; border-radius:3px;}
#listaMacchine a { background-image:url(../img/torni.jpg); background-repeat:no-repeat; height:52px; padding:5px 5px 0 60px; display:block; text-transform:uppercase; text-decoration:none;}
#listaMacchine a:hover, #listaMacchine a.sel { text-decoration:underline;}
#cnc { background-position:0 -57px;}
#meccanici { background-position:0 -114px;}
#altre { background-position:0 -171px;}


/* =============== FOOTER =============== */

#subWrap { background:#EAEBEF;}
#subFooter { padding:50px 0; margin-top:80px;}
#subFooter p { font-size:12px; line-height:20px; margin-bottom:5px;}
#richieste { position:relative;}
#richieste:after { content:""; display:block; width:1px; height:100%; color:#fff; background:#fff; position:absolute; top:0; right:20px;}
legend { text-transform:uppercase; font-size:16px; margin-bottom:20px;}
#subFooter span, .contatti span { font:10px 'Open Sans', sans-serif;}
#subFooter a, .contatti a { color:#03458F;}
label { display:block; text-transform:uppercase; font-size:12px; margin:10px 0 5px 0;}
.campiSx input, textarea, .macchina { border-radius:5px; border:none; font:12px/18px 'Open Sans', sans-serif; width:90%;}
.contatti .campiSx input, .contatti textarea { background-color:#eff0f4;}
#mess .campiSx input { padding:10px; height:17px;}
.macchina { padding:5px 10px; height:20px;}
.campiSx input:focus, textarea:focus, .macchina:focus { outline:none; -moz-box-shadow:inset 0 0 1px #03458F; -webkit-box-shadow:inset 0 0 1px #03458F; box-shadow:inset 0 0 1px #03458F;}
textarea { padding:10px 10px 48px 10px; height:107px; resize:none;}
.ie textarea { overflow:auto;}
#mess .placeholder, #news .placeholder { font-style:italic;}
.campiDx { position:relative;}
#obbligatori { float:left;}
#note { margin-top:10px;}
.home #accetto { float:right; margin-right:15px;}
.contatti #accetto { float:right; margin-right:25px;}
#check { margin:0 0 0 5px; vertical-align:middle;}
.myPrefe { opacity:0; position:absolute; top:0; left:0; height:0; width:0; z-index:-1;}

#submit, #iscriviti, #content .back { height:21px; background:#00458F; border:none; color:#dddddd; text-transform:uppercase; letter-spacing:1px; cursor:pointer; padding:2px 7px; border-radius:5px; font:12px 'Open Sans', sans-serif;}
.home #submit { right:20px;}
.contatti #submit { right:40px;}
.home #submit, .contatti #submit { position:absolute; bottom:10px;}
#iscriviti { float:right; margin:12px 5px 0 0;}
.lte7 #submit { width:80px;}
#submit:hover, #content .back:hover, #iscriviti:hover { color:#fff;}
#submit:active, #iscriviti:active, #content .back:active { background:#1E5896;}
#content .back { text-decoration:none;}

#footerWrap { background:#03458F;}
#footer { font-size:12px; color:#dddddd; padding:20px 0;}
#footer ul { text-align:center;}
#footer li { display:inline;}
#footer a { padding:0 10px; color:#e1e2e6;}
#footer a:hover { color:#fff;}
#footer li:nth-child(-n+3):after { content:" | ";}
.lte8 #footer li:after { content:" | ";}
#footer #fb { background-image:url(../img/fb.jpg); height:18px; width:18px; display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden; padding:0; margin:0 0 -5px 10px;}
#footer #fb:hover { background-position:0 -18px;}

p.bottom {/* color:#1D315C;*/ margin:20px auto 0; text-align:center;}

.tabella { width:100%; border-collapse:collapse; margin-bottom:15px; font:12px/1.2 'Open Sans', sans-serif; text-align:left;}
.tabella thead tr { background:#03458f; color:#fff;}
.tabella tbody tr { border-width:0 1px 1px 1px; border-color:#ccc; border-style:solid;}
.tabella th, .tabella td { padding:8px 10px;}


/* =============== GALLERY =============== */

#lightboxOverlay { position:absolute; top:0; left:0; z-index:9999; background-color:black; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity:0.70; display:none;}
#lightbox { position:absolute; left:0; width:100%; z-index:10000; text-align:center; line-height:0; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; font-weight:normal;}
#lightbox img { width:auto; height:auto;}
#lightbox a img { border:none;}
.lb-outerContainer { position:relative; background-color:white; *zoom:1; width:250px; height:250px; margin:0 auto; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.lb-outerContainer:after { content:""; display:table; clear:both;}
.lb-container { padding:10px;}
.lb-loader { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
.lb-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
.lb-container > .nav { left:0;}
.lb-nav a { outline:none;}
.lb-prev, .lb-next { width:49%; height:100%; background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); display:block; cursor:pointer;}
.lb-prev { left:0; float:left;}
.lb-next { right:0; float:right;}
.lb-prev:hover { background:url(../img/prev.png) left 48% no-repeat;}
.lb-next:hover { background:url(../img/next.png) right 48% no-repeat;}
.lb-dataContainer { margin:0 auto; padding-top:5px; *zoom:1; width:100%; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -ms-border-bottom-left-radius:4px; -o-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; -ms-border-bottom-right-radius:4px; -o-border-bottom-right-radius:4px; border-bottom-right-radius:4px;}
.lb-dataContainer:after { content:""; display:table; clear:both;}
.lb-data { padding:0 10px; color:#bbbbbb;}
.lb-data .lb-details { width:85%; float:left; text-align:left; line-height:1.1em;}
.lb-data .lb-caption { font-size:13px; font-weight:bold; line-height:1em;}
.lb-data .lb-number { display:block; clear:left; padding-bottom:1em; font-size:11px;}
.lb-data .lb-close { width:35px; float:right; padding-bottom:0.7em; outline:none;}
.lb-data .lb-close:hover { cursor:pointer;}