/* =============================================================================================
   reset 
   ============================================================================================= */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, button, cite, code,del, dfn, em, img, ins, kbd, link, 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; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
html { height:100%; }
body {	line-height: 1; height:100%; }
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
b, strong { font-weight:bold; }

html { width:100%; }
body { background:#000; width:100%; font-family: Arial, Helvetica, sans-serif; overflow:hidden;  }
button, link { cursor: pointer; }
a { text-decoration:none; color:#FFF;  }
a:hover { text-decoration:underline; color:#FFF; }
.clear { clear: both; height:0px; overflow: hidden; }
.left, .column { float:left; }
.right { float:right; }
hr { height:2px; margin:10px 0px; border:0px; background:url(../images/bgs/sep.png) repeat; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }

.close-video{
    height: 18px;
    width: 24px;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1000;
    background: url(../images/exit.png);
    background-size: contain;
}


/* =============================================================================================
   fonts 
   ============================================================================================= */


/* =============================================================================================
   container 
   ============================================================================================= */
#container { width:100%; height:100%;  }

/* =============================================================================================
   header 
   ============================================================================================= */ 
#header { position:relative; z-index:1; height:15%; overflow:hidden; min-height:100px;  background:#000; }
#header .inner { max-width:980px; padding:0% 3% 1%; margin:0 auto;  }
#header .inner .left { width:25%; }
#header .inner .right { width:75%; }
#header .inner .logo img { margin-top:50px; cursor:pointer; }

#header .menu.lv1 { float:right; margin:70px 0px 0px 0px; }
#header ul.lv1 li { float:left; }
#header ul.lv1 li a { font-family: 'Open Sans Condensed', sans-serif; font-weight:300; float:left; font-size:19px; color:#666; text-decoration:none; padding:0px 26px; text-transform:uppercase;  }
#header ul.lv1 li:hover a { color:#FFF !important; }
#header ul.lv1 li.on a {  color:#DDD !important;  }
#header ul.lv1 li.sep { display:none; }

#header.white { background:#FFF; }
#header.white ul.lv1 li a { color:#999 !important;  }
#header.white ul.lv1 li:hover a { color:#000 !important; }
#header.white ul.lv1 li.on a { color:#000 !important; }

/* =============================================================================================
   footer 
============================================================================================= */    
#footer { position:relative; z-index:99; height:5%; overflow:hidden; }
#footer .inner { max-width:980px; margin:0 auto; line-height:25px; text-align:right; }
#footer .inner .text { color:#444; font-size:11px;  font-family: 'Open Sans', sans-serif; }
#footer .inner .text a { color:#444; text-decoration:none; border-bottom:0px; }
#footer .inner .text a:hover { border-bottom:1px solid #444; }

#footer .inner { display:table; }
#footer .inner .column { float:none; display:table-cell; vertical-align:top; }
#footer .inner .column.first { width:45%; text-align:left; }
#footer .inner .column.second { width:25%; text-align:center; color:#444; font-size:11px;  font-family: 'Open Sans', sans-serif; }
#footer .inner .column.second .text { display:inline; margin-right:10px;}
#footer .inner .column.second .text a:hover { text-decoration:none !important; border:none; }
#footer .inner .column.second img.img { width:20px; height:20px; margin-left:7px; margin-top:3px;  }
#footer .inner .column.second img.i359000 { margin-left:12px; }
#footer .inner .column.third { width:35%; text-align:right; }

/* =============================================================================================
   template 
============================================================================================= */ 
#template { height:80.1%; overflow:hidden; padding:0px; margin:0px; background:#000; }
#template .inner { max-width:980px; padding:2% 3%; margin:0 auto; }
#template h1 { font-family: "bickham-script-pro",sans-serif; font-size:55px; color:#666; padding-bottom:0px; margin-bottom:9px; background:url(../images/bgs/vision-h1.png) bottom left no-repeat; margin-top:30px; font-weight:normal; }
#template h2 { font-family: 'Open Sans Condensed', sans-serif; font-weight:300; font-size:26px; line-height:28px; color:#DDD; margin-bottom:40px; text-transform:uppercase; }
#template .text { font-family: 'Open Sans', sans-serif; font-size:13px; color:#666; line-height:18px; }

#template .link-next { font-family: 'Open Sans Condensed', sans-serif; font-weight:700; cursor:pointer; padding-bottom:4px; }
#template .link-next.close { margin-top:2%; background:url(../images/arrows/vision-close.png) left 4px no-repeat; padding-left:30px; }
#template .link-next em {  border-bottom:1px solid #999; color:#666; font-size:15px; text-transform:uppercase; }
#template .link-next em:hover { color:#DDD; }

/* --- pagina-interna-homepage */
#template.homepage .inner { overflow:hidden; }
#template.homepage .inner img.img { width:100%; height:auto; }

/* --- pagina-interna-banner */
#template.banner { background:#FFF; }
#template.banner h1 { background-position:bottom right; }
#template.banner a { color:#333; text-decoration:underline; }
#template.banner a:hover { color:#333; text-decoration:none; }
#template.banner .image { width:100%; height:50%; /* max-height:500px; */ overflow:hidden; margin:0; }
#template.banner .image img.img { width:100%; height: auto;  }
#template.banner .inner { max-width:980px; padding:2% 3%; height:auto; margin:0 auto; overflow:hidden; }
#template.banner .inner .column.first { width:40%; margin-right:2%; }
#template.banner .inner .column.first h1 { color:#999; margin-top:0px; }
#template.banner .inner .column.first h2 { color:#000; width:80%; margin-bottom:0px; }
#template.banner .inner .column.first .link { text-transform:uppercase; background:url(../images/arrows/creations-nautilus.gif) center left no-repeat; margin-top:10px; padding-bottom:0px; margin-top:30px; padding-left:15px;  }
#template.banner .inner .column.first .link a { font-family: 'Open Sans Condensed', sans-serif; font-weight:300; font-size:26px; line-height:28px; color:#999; text-decoration:none; }
#template.banner .inner .column.first .link a:hover { color:#5c0700; }

#template.banner .inner .column.second { width:58%; }
#template.banner .inner .column.second .text { text-align:justify; margin-top:10px; }
#template.banner .inner .column.second .text.complete { display:none; }

#template.banner .inner .column.second .continue {  margin-left:10px; }
#template.banner .inner .column.second .continue em {  }

#template.banner .inner .column.second .close {   }
#template.banner .inner .column.second .close em {  color:#999; line-height:18px; }

/* --- pagina-interna-scrollbar */
#template.scrollbar { background:#FFF; }
#template.scrollbar a { color:#333; text-decoration:underline; }
#template.scrollbar a:hover { color:#333; text-decoration:none; }
#template.scrollbar .inner { max-width:980px; padding:2% 3%; height:100%; margin:0 auto; }
#template.scrollbar .inner h2 { color:#000; width:80%; margin-bottom:0px; }
#template.scrollbar .inner .text { margin-top:10px; line-height:21px; padding-bottom:2%; height:75%; /* overflow:auto; */ padding-right:10px; }

/* --- pagina-interna-contatto-2 */
#template.contatto-2 .inner { text-align:center; color:#666 !important; }
#template.contatto-2 .inner  h1 { font-family: 'Open Sans Condensed', sans-serif; font-size:30px; background:none; color:#666 !important; margin-bottom:40px; }
#template.contatto-2 .inner  h3 { font-family: 'Open Sans', sans-serif; font-size:16px; color:#666 !important; margin:15px 0px;   }
#template.contatto-2 .inner .text { color:#666 !important;}
#template.contatto-2 .inner .text a { color:#DDD; }

/* --- pagina-interna-contatto */
#template.contatto { background:#FFF; }
#template.contatto a { color:#333; text-decoration:underline; }
#template.contatto a:hover { color:#333; text-decoration:none; }
#template.contatto .inner { max-width:980px; padding:2% 3%; height:auto; margin:0 auto; overflow:hidden; }
#template.contatto .inner .column.first { width:40%; margin-right:8%; margin-top:20px; }
#template.contatto .inner .column.first h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight:300; font-size:26px; line-height:28px; color:#000; margin-bottom:60px; text-transform:uppercase; background-position:top left; padding-top:12px; padding-bottom:0px;  }
#template.contatto .inner .column.first h2 { font-weight:700; font-size:18px; line-height:18px; color:#000; text-transform:uppercase; margin-bottom:0px;  }

#template.contatto .inner .column.second { height:inherit; width:52%; margin-top:50px; }
#template.contatto .inner .column.second h2 { font-family: 'Open Sans Condensed', sans-serif; font-weight:300; font-size:26px; line-height:28px; color:#000; margin-bottom:50px; text-transform:uppercase; background-position:top left; padding-bottom:0px; background: url(../images/bgs/vision-h1.png) top left no-repeat; padding-top:9px;  }

/* ---- form */
#template.contatto form { max-width:350px;  }
#template.contatto form label { font-family: 'Open Sans', sans-serif; float:left; font-size:13px; color:#666; line-height:40px; min-width:120px; margin-right:10px; }
#template.contatto form label span { color:#444; margin-left:5px; }

#template.contatto form select, #template.contatto form input, #template.contatto form textarea { float:left; height:24px; font-size:13px; color:#999; margin-top:10px; border:0px none; border-right:1px solid #d7d7d7; border-bottom:1px solid #DDD; font-family: 'Open Sans', sans-serif;
-webkit-box-shadow: inset #ddd 2px 2px 3px; -moz-box-shadow: inset #ddd 2px 2px 3px; box-shadow: inset #ddd 2px 2px 3px; }
#template.contatto form input { width:197px; padding:0px 10px; }
#template.contatto form input.checkbox { width:20px; }
#template.contatto form select { width:217px; padding:0px 0px 0px 15px; }
#template.contatto form select.on, #template.contatto form input.on, #template.contatto form textarea.on { border:1px solid #000; }
#template.contatto form textarea { width:197px; height:90px; padding:0px 10px; margin-bottom:5px; }
#template.contatto form .submit { font-family: "bickham-script-pro",sans-serif; font-size:50px; color:#333; text-align:right; cursor:pointer; clear:both; margin-top:10px; width:100px; float:right; padding:0px 5px; margin-right:10px; }
#template.contatto form .submit:hover { color:#999 !important;  }

/* --- pagina-interna-vision */
#template.vision { /* background:#161c26 url(../images/bgs/bg-vision.jpg) no-repeat left top; */ }
#template.vision .continue { margin-top:15px;}
#template.vision .continue em { border-bottom:1px solid #DDD; color:#DDD; padding-bottom:1px;}
#template.vision .close { float:right; margin-right:0px; background-position:top left; }
#template.vision .close em { border-bottom:1px solid #333; color:#999; }

#template.vision .overlay-inner {  z-index:10; max-width:980px; height:100%; overflow:hidden; /* overflow:visible !important; */ margin:0 auto; padding:0 3%;  }
#template.vision .overlay-inner .inner { float:left; padding:1% 0%; width:425px; height:98%; background:url(../images/bgs/vision-overlay.png) right top repeat-y; margin:0; }
#template.vision .overlay-inner .inner-image { position:absolute; top:20%; height:80%; max-width:490px; margin-left:500px; }
#template.vision .overlay-inner .inner-image img.img { max-height:85%; /* max-width:465px; */ }

#template.vision .next-page { text-align:center; height:50px; background:url(../images/arrows/vision-next-page.png) center bottom no-repeat; margin-top:25px; }
#template.vision .next-page a { text-decoration:none; font-size:14px; color:#666; }
#template.vision .column { width:300px; height:auto; margin-right:23px; overflow:hidden;  }
#template.vision .column.third { margin-right:0px; }

/* --- pagina-interna-culture */
#template.culture { background:#FFF;  }
#template.culture a { color:#333; text-decoration:underline; }
#template.culture a:hover { color:#333; text-decoration:none; }
#template.culture .inner { padding:0% 3%; }
#template.culture .top-column { width:50%; margin-top:3%; }

#template.culture h1 { color:#999; }
#template.culture h2 { color:#000; margin-bottom:30px; }
#template.culture .column .text { color:#999; }
#template.culture .column { width:32%; margin-right:3%;  }
#template.culture .column.first .continue { margin-top:4%; }
#template.culture .column.first .continue em { border-bottom:1px solid #333; color:#000; }
#template.culture .column.first .close { margin-top:4%; }
#template.culture .column.first .close em {  color:#999; line-height:18px; }

#template.culture .column.second { margin-right:0px; margin-top:86px; }
#template.culture .column.third { float:right; width:62%; margin-right:0px; }
#template.culture .column.third img.item { width:100%; height:auto; max-height:72%; }
#template.culture .column.third ul.nav { width:100%; height:9px; margin-top:1px; display:block; }
#template.culture .column.third ul.nav li { cursor:pointer; float:left; width:auto; background:#CCC; height:100%; margin-right:1px; }
#template.culture .column.third ul.nav li.on { background:#333;}

#template.culture .menu.lv2 { float:right; margin-top:12px;}
#template.culture .menu.lv2 ul li { float:left; }
#template.culture .menu.lv2 ul li a { float:left; font-size:11px; color:#CCC; text-decoration:none; text-transform:uppercase; }
#template.culture .menu.lv2 ul li:hover a { color:#666 !important; }
#template.culture .menu.lv2 ul li.on a { color:#000; }
#template.culture .menu.lv2 ul li.sep { padding:0px 8px; font-size:11px; color:#CCC; }

/* =============================================================================================
   boxAlert 
============================================================================================= */   
#boxAlert {z-index:998; width:100%; height:100%; background:#000; position:fixed; top:0px;  background:url(../images/misc/boxAlertOverlay.png) repeat;  }
#boxAlertContent { z-index:999; position:absolute; top:30%; width:20%; left:40%; min-width:300px; }
#boxAlertContent .title { font-family: 'Open Sans Condensed', sans-serif; font-weight:700; border:1px solid #222; line-height: 40px; text-transform:uppercase; color:#FFF; background: #222; padding: 0% 5%; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;  }
#boxAlertContent .message { font-family: 'Open Sans', sans-serif; border:0 none; border-left:1px solid #efefef; border-right:1px solid #efefef; padding: 5%; font-size:13px; line-height:20px; background:#FFF; color:#787878;  }
#boxAlertContent .close { border:1px solid #efefef; border-top:none; font-size:13px; background:#FFF; padding: 5%; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; height:10px;  }
#boxAlertContent .close p { float:right; color:#000; cursor:pointer; padding-bottom:10px; }
#boxAlertContent .close p:hover { color:#ccc; }


/* =============================================================================================
   boxLoader
============================================================================================= */
#boxLoader { z-index:998; width:100%; height:100%;  background:#000; position:fixed; top:0px; }
#boxLoader .inner { z-index:999; width:100%; height:97px;  background:url(../images/misc/site-loader.gif) center center no-repeat; top:40%; position:absolute; }

/* =============================================================================================
   changePageEffect
============================================================================================= */
#changePageEffect { position:fixed; background:#FFF; top:0; left:0; width:100%; height:100%; z-index:999; }

/* =============================================================================================
   Lightbox Video
   ============================================================================================= */
#lbVideo { position:absolute; z-index:10; top:0px; left:0px; margin:0px; width:100%; height:100%; background:#000; }


/* --- pagina-interna-vision */
#template.dettaglio-prodotto h1 { background:none; }
#template.dettaglio-prodotto .inner { height:100%; padding:0% 3%;  }
#template.dettaglio-prodotto .gallery { position:absolute; height:80%; z-index:20; overflow:hidden; margin-left:300px; }
#template.dettaglio-prodotto .column { position:relative; height:100%; overflow:hidden; margin-left:0px; left:0px;  }
#template.dettaglio-prodotto .column.first { z-index:40; width:300px; background:#000; }
#template.dettaglio-prodotto .column.second { z-index:30; width:300px; margin-left:-50px; background:url(../images/bgs/vision-overlay.png) right top repeat-y; }
#template.dettaglio-prodotto .column.first h1 { margin-bottom:20px; margin-left: 6px; }
#template.dettaglio-prodotto .column.first .menu.lv3 { margin:0; }
#template.dettaglio-prodotto .column.first ul.lv3 li a { font-family: 'Open Sans Condensed', sans-serif; font-weight:300; float:left; font-size:20px; color:#666; text-decoration:none; line-height:44px; text-transform:uppercase; display:block; cursor:pointer; background:url(../images/bgs/vision-h1.png) top right no-repeat; width:100%; }
#template.dettaglio-prodotto .column.first ul.lv3 li a:hover { color:#DDD !important; }
#template.dettaglio-prodotto .column.first ul.lv3 li.on a {  color:#DDD !important;  }
#template.dettaglio-prodotto .column.first ul.lv3 li.sep { display:none; } 

#template.dettaglio-prodotto .column.first .link-next.continue { position:relative; top:25px; left:0px; }
#template.dettaglio-prodotto .column.first .link-next.close { background:none; position:relative; top:25px; left:-30px; }
#template.dettaglio-prodotto .column.second h2 { font-size:24px; text-transform:none; margin-top:6%; margin-bottom:20px; margin-left:10%; margin-right:10%; }
#template.dettaglio-prodotto .column.second .text { max-height:inherit; /* overflow:auto; */ padding-right:3px; }


/* =============================================================================================
   scrollbar
============================================================================================= */
#scrollbar1 { width: 980px; height:inherit; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 930px; height:80%; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end { background-color: #000; }
#scrollbar1 .thumb { background-color: #000; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 5px; }
#scrollbar1 .track { background-color: #FFF; height: 100%; width:5px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#scrollbar2 { width: 480px; height:80%; clear: both; margin: 20px 10% 10px 10%; display:block; }
#scrollbar2 .viewport { width:460px; height:80%; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar2 .thumb .end { background-color: #000; }
#scrollbar2 .thumb { background-color: #FFF; }
#scrollbar2 .scrollbar { position: relative; float: right; width: 5px; }
#scrollbar2 .track { background-color: #000; height: 50%; width:5px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#scrollbar2 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }



/* Default  */
@media only screen and (min-device-width : 1024px) {
  #header, #template, #footer { min-width:980px; }
}

@media only screen and (min-device-height : 768px) {
  #template { min-height:513px; }
  #template.vision .overlay-left, #template.vision .inner { min-height:513px; }
}


/* Large screens  */
@media only screen and (min-width : 1824px) {
  
}

/* Highs screens  */
@media only screen and (min-height : 920px) {
  #template.homepage .inner img.img { height:100%; width:auto; max-width:100%; }
  #template.vision { -webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover; background-size: cover; }
}

/* Desktops and laptops  */
@media only screen and (max-height : 800px) and (max-width : 1280px) {
 #template h2 { margin-bottom:20px; }
 #template.banner h1 { background-position:bottom left; }
 #template.banner .inner { padding:1% 3%; }
 #template.banner .inner .column.first, #template.banner .inner .column.second { width:100%; margin:0; }
 #template.banner .inner .column.first .link { float:right; margin-top:-28px; }
 #template.vision .overlay-inner .inner-image { margin-left:460px; }
 #template.culture .column .text { font-size:80%; line-height:16px; }
 
 #template.dettaglio-prodotto .column.first {  border:1px solid #000; }
}

/* Ipad - Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
 #header ul.lv1 li:last-child { padding-right:0px; }
 
 #template h2 { margin-bottom:10px !important; }
 
 #template.vision h1 { margin-top:10px; }
 
 #template.banner .image img {	margin-top:-1px;	}
 #template.banner h1 { background-position:bottom left; }
 #template.banner .inner { padding-top:4px; padding-bottom:0%; }
 #template.banner .inner .column.second .text { font-size:75%; }
 #template.banner .inner .column.first h2 { width:100%; }
 #template.banner .inner .column.first .link { float:right; margin-top:-38px; }
 #template.banner .inner .column.second .text { line-height:16px; }
 #template.banner .inner .column.first, #template.banner .inner .column.second { width:100%; margin:0; }
	
 #template.culture .top-column { margin-top:4px; } 
 #template.culture .column .text { font-size:75%; line-height:15px; }
 #template.culture .column.second { margin-top:65px;}
 
 #template.vision .column { width:280px; margin-right:10px; }
 #template.vision .column.first { width:300px; }
 #template.vision .column .text { font-size:75%; }
 #template.vision .overlay-inner .inner-image { margin-left:460px; }
 #template.vision .overlay-inner .inner-image img.img { /* height:95%;*/ width:300px; height:438px; }
 	
 #template.dettaglio-prodotto .column.first {  border:1px solid #000; }
 #template.dettaglio-prodotto .column.second { margin-left:0px; }
 #template.dettaglio-prodotto .column.second h2 { margin-top:30px; }
 
 #lbVideo { position:relative; height:85%; }
 
 #scrollbar1 { width:960px; }
 #scrollbar1 .scrollbar { margin-right:20px; }
}

/* Ipad - Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
 #header ul.lv1 li:last-child { padding-right:0px; }
 #template h2 { margin-bottom:10px; }
 
 #template.homepage .inner img.img { height:auto; width:100%; }
 
 #template.banner .image { height:25%; margin-top:-1px;	}
 #template.banner .inner .column.first .link {  }
 #template.banner .inner .column.first h1 { margin-top:20px; }
 #template.banner .inner .column.first h2 { width:80%; }
 #template.banner .inner .column.second .text { font-size:100%;	line-height:21px; margin-top:30px; }		
	
 #template.culture .column .text { font-size:100%; line-height:21px; }
  
 #template.vision h2 { margin-bottom:40px; }
 #template.vision .overlay-inner .inner { width:340px;}
 #template.vision .overlay-inner .inner-image { margin-left:460px; }
 #template.vision .overlay-inner .inner-image img.img { height:70%; }
	
 #template.vision .column { width:280px; margin-right:10px; }
 #template.vision .column.first { width:300px; }
 #template.vision .column .text { font-size:100%; line-height:21px; }
 
 #template.dettaglio-prodotto .column.first {  border:1px solid #000; }
 
 #lbVideo { position:relative; height:85%; }
}

/* Mobile  */
@media screen and (min-device-width : 320px) and (max-height : 480px) {
  #header { height:10%; min-height:50px; }
	 #header .logo img { display:none;  }
	 #header .menu.lv1 { margin-top:15px; }
	
	 #template { height:85%; }
		
  #template.vision h1 { margin-top:0px; }
  #template.vision h2 { font-size:13px; margin-bottom:5px; line-height:15px; }
  #template.vision .text { font-size:12px; line-height:16px; }
  #template.vision .link-next.continue { position:absolute; top:90%; left:375px; }

  #template.banner .image { display:none; }
  
  #template.banner .inner .column.first h1 { margin-bottom:5px; }
  #template.banner .inner .column.first h2 { font-size:13px; line-height:13px; margin-bottom:0px; }
  #template.banner .inner .column.first .link { padding-top:2px; background:none;}
  #template.banner .inner .column.first .link a { line-height:13px; }
  #template.banner .inner .column .text.intro { display:none; }
  #template.banner .inner .column .text.complete { display:block !important; }
  #template.banner .inner .column .text { margin-top:0px; font-size:75%; line-height:100%; }	
  #template.banner .link-next.close { display:none; }
  
  #template.culture .top-column { margin-top:0; }
  #template.culture .column .text { font-size:11px; line-height:13px; }
  #template.culture h2 { font-size:13px; margin-bottom:5px; line-height:15px; }
  #template.culture .column.third img.item { margin-top:-50px; }
  
  #template.contatto .inner .column.first { margin-top:0px; }
  #template.contatto .inner .column.first h1 { margin-bottom:20px; }
  #template.contatto .inner .column.first h2 { margin-bottom:10px; }
  #template.contatto .inner .column.second { margin-top:0px; }
}
