@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600italic,600,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700italic,700);
/*font-family: 'Open Sans', sans-serif;
font-family: 'Rosario', sans-serif;*/
* { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
img { border:0}
body {font-family: 'Open Sans', sans-serif; color:#333; text-decoration:none; height:100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; background-image:url(../design/bg.gif); background-repeat:repeat;}
ul { list-style:none; }
.clear { clear: both; }
.trans * { -webkit-transition:  all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.notrans * {-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
/*TEXT*/
h1, h2, h3, h4, h5 {font-family: 'Rosario', sans-serif; margin:0;}
h1 { color:#004820; font-size:60px; line-height:64px; font-weight:600; margin-bottom:10px; font-style:italic; margin-bottom:35px;}
h1 a:link, h1 a:visited { color:#000; font-size:40px; line-height:42px; font-weight:300; margin-bottom:10px;}
h1 a:hover { color:#e14b19;}
h2 { color:#e14b19; font-size:22px; font-weight:300; margin-bottom:10px;}
h2 a:link, h2 a:visited  { color:#e14b19; font-size:22px; font-weight:300; margin-bottom:10px;}
h2 a:hover { color:#000;}
h3 { color:#000; font-size:20px; font-weight:400;}
p {font-weight:300; font-size:16px; line-height:24px;}
p a:link, p a:visited {font-weight:300; font-size:16px; line-height:24px; color:#e14b19; text-decoration:underline;}
p a:hover {color:#000; text-decoration:underline;}
a {text-decoration:none;}
/*ROW*/
.row { width:100%;}
.top40 { margin-top:40px;}
.bottom40 { margin-bottom:40px}
hr { height:3px; background-color:#fff; border:none;}
.separator {width:100%; padding-top:15px; margin-bottom:20px; border-bottom:4px solid #EAEAEA; float:left;}
.separator-white {width:100%; padding-top:5px; margin-bottom:20px; border-bottom:2px dotted #E1E1E1; float:left;}
/*GRID*/
.col-1, .col-1-3, .col-2, .col-3, .col-4 {position: relative; min-height: 1px; float:left; padding-right:10px; padding-left:10px;}
.col-4 {width:100%;}
.col-3 {width:75%;}
.col-2 {width:50%;} 
.col-1-3 {width:33.33333333%;}
.col-1 {width:25%;}
.col-sx {padding-left:0px;}
.col-dx {padding-right:0px;}
.col-first {padding-left:0px;}
.col-last {padding-right:0px;}
#container {height: auto !important; min-height: 100%; position: relative; width: 100%;}
.content {height: auto; min-height: 100%; position: relative; width:980px; margin:auto;}
/*TOP*/
#top { height:122px; width:100%; border-bottom:6px solid #005428; background-image:url(../design/bg-top.jpg); background-position:center top; background-repeat:no-repeat; background-color:#006932; padding-top:40px;}
/*data*/
.data-top { display:block; float:left; opacity:0.6; color:#FFF; font-size:11px; text-align:left;}
.language-top { display:block; float:right; width:auto; min-width:180px;}
.language-top a:link, .language-top a:visited {color:#FFF; font-size:12px; float:left; margin-left:16px;}
.language-top a:hover {color:#f4c90f;}
.language-top span { margin-right:6px; float:left;}
.flag { display:block; height:20px; width:20px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px;}
.ita { background-image:url(../design/flag-ita.gif); background-position:center; background-repeat:no-repeat;}
.eng{ background-image:url(../design/flag-eng.gif); background-position:center; background-repeat:no-repeat;} 
/*menu*/
.nav-top {display: block;  float: left;  margin: auto;  text-align: center;  width: 100%; margin-top:20px;}
ul.menu {margin:auto; padding:0; width:auto; display:table;}
ul.menu li {float:left; margin-right:25px;}
ul.menu li:last-child { margin-right:0px;}
ul.menu a:link, ul.menu a:visited {font-family: 'Rosario', sans-serif; color:#fff; font-size:17px; font-weight:400; text-transform:uppercase; display: inline-block;}
ul.menu a:hover {color:#f4c90f;}
ul.menu .sel { color:#f4c90f!important;}
ul.menu li ul {display:none; list-style:none;}
ul.menu li ul li { float:none; height:30px; margin-bottom:2px;}
ul.menu li:hover ul.sub {display:block; position:absolute; z-index:99999999; width:250px; padding:0; margin:0; padding-top:20px; padding-bottom:10px; background: rgba(256, 256, 256, 0.05);}
ul.menu li:hover ul.sub a:link, ul.menu li:hover ul.sub a:visited {width:230px; height:30px; font-size:15px; line-height:30px; font-weight:400; text-transform:none; color:#666666; margin:0; padding:0px 10px 0px 10px; text-decoration:none; text-align:left; background: rgba(256, 256, 256, 0.85);}
ul.menu li:hover ul.sub a:hover {color:#f4c90f; background: rgba(256, 256, 256, 0.95); padding-left:15px;  }
.cl-effect-5 a {overflow: hidden; padding: 0 4px; height: 1em;}
.cl-effect-5 a span {position: relative;	display: inline-block;	-webkit-transition: -webkit-transform 0.3s;	-moz-transition: -moz-transform 0.3s;	transition: transform 0.3s;}
.cl-effect-5 a span::before {position: absolute;	top: 100%;	content: attr(data-hover);	 font-weight:400;	-webkit-transform: translate3d(0,0,0);	-moz-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
.cl-effect-5 a:hover span, .cl-effect-5 a:focus span {-webkit-transform: translateY(-100%);	-moz-transform: translateY(-100%);	transform: translateY(-100%);}
/*HEADER*/
#header {width:100%;}
.header-home { background-image:url(../design/bg-home.jpg); background-position:top; background-repeat:no-repeat; min-height:680px; background-color:#00853e; text-align:center;}
.header-home img { margin:auto; margin-top:220px;}
.header-int { background-image:url(../design/bg-header.jpg); background-position:center; background-repeat:no-repeat; height:408px; text-align:center; -webkit-box-shadow: 0 8px 12px 5px #919191; box-shadow: 0 8px 12px 5px #919191; margin-bottom:80px;}
.header-int img { margin:auto; margin-top:150px;}
/*header element*/
.lupi-logo {display:block; float:left; margin-top:35px; height:113px; width:113px; background-image:url(../design/header-logo.jpg);}
.lupi-logo:hover {-webkit-box-shadow: 0 0 10px 10px #CFCFCF; box-shadow: 0 0 10px 10px #CFCFCF;}
/*CONTENT*/
/*main*/

/*FOOTER*/
#footer {height:280px; width:100%; background-color:#006932; bottom: 0px;	padding: 0px; margin: 0px; margin-top:0px; float:left; margin-top:60px;}
.footer-data { display:block; width:100%; padding-top:25px; text-align:center;}
.footer-data p {font-size:12px; color:#FFF; text-align:center; text-align:center;}
.footer-data img {width:200px; height:125px;}
.footer-link {  display:block; width:100%; padding-top:10px; float:left;}
.menu-footer {width:330px; margin:auto; margin-top:10px;}
.menu-footer li { float:left; height:16px; line-height:12px; margin-right:8px; padding-right:8px; border-right:1px solid #fff; margin-bottom:8px; opacity:1;}
.menu-footer li:last-child { border-right:none;padding-right:0px;}
.menu-footer li a:link, .menu-footer li a:visited { font-size:12px; color:#fff; font-weight:300;}
.menu-footer li a:hover { color:#f4c90f;}
.nur-footer {width:100%; float:left;}
.nur {color:#fff; margin-top:80px; font-size:12px; margin:auto; display:table; margin-top:20px;}
.home #footer {height:150px; margin-top:0px;}
.home .footer-data img { display:none;}
/*blocco testo + immagine sx*/
.imgsx {margin-bottom:20px;}
.imgsx a img { margin-right:20px; float:left; margin-top:6px; margin-bottom:6px; width:35%;}
.imgsx a:hover img {transform: scale(1.02);  -ms-transform: scale(1.02);  -moz-transform: scale(1.02);  -webkit-transform: scale(1.02);  -o-transform: scale(1.02); opacity:0.9}	
.imgsx img { margin-right:15px; float:left; margin-top:6px; margin-bottom:6px; width:35%;}
/*blocco testo + immagine dx*/
.imgdx {margin-bottom:20px;}
.imgdx a img { margin-left:15px; float:right; margin-top:6px; margin-bottom:6px; width:40%;}
.imgdx a:hover img {transform: scale(1.02);  -ms-transform: scale(1.02);  -moz-transform: scale(1.02);  -webkit-transform: scale(1.02);  -o-transform: scale(1.02); opacity:0.9}
.imgdx img { margin-left:15px; float:right; margin-top:6px; margin-bottom:6px; width:40%;}
/*blocco più immagini*/
.img2-block, .img3-block, .img4-block { width:100%; display:block; float:left; list-style:none; margin-bottom:10px;}
.img2-block a:hover img, .img3-block a:hover img, .img4-block a:hover img {transform: scale(1.02);  -ms-transform: scale(1.02);  -moz-transform: scale(1.02);  -webkit-transform: scale(1.02);  -o-transform: scale(1.02); opacity:0.9}
.img2-block li img { float:left; width:49.25%; margin-bottom:1.5%;}
.img2-block li:first-child img {margin-right:1.5%;}
.img3-block li img { float:left; width:32.333%; margin-bottom:1.5%;}
.img3-block li:nth-child(1) img , .img3-block li:nth-child(2) img, .img3-block li:nth-child(4) img, .img3-block li:nth-child(5) img, .img3-block li:nth-child(7) img, .img3-block li:nth-child(8) img, .img3-block li:nth-child(10) img, .img3-block li:nth-child(11) img, .img3-block li:nth-child(13) img, .img3-block li:nth-child(14) img, .img3-block li:nth-child(16) img, .img3-block li:nth-child(17) img, .img3-block li:nth-child(19) img, .img3-block li:nth-child(20) img, .img3-block li:nth-child(22) img, .img3-block li:nth-child(23) img {margin-right:1.5%;}
.imgborder img { border:8px solid #CCC; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px;}
.fabrics { padding:10px;  -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; background-color:#FFF; float:left; -webkit-box-shadow: 0 0 6px 4px #ddd; box-shadow: 0 0 6px 4px #ddd;}
.fabrics img { width:45%;}
.fabrics h2 { font-size:32px; color:#666666; }
.fabrics p { color:#00853e; font-weight:400; line-height:28px; }
/*blocco mappa*/
.map-block {width:100%; display:block; position:relative; float:left; margin-bottom:20px; margin-top:30px;}
.map-block iframe {width:100%; height:260px;}
/*FORM*/
#form-contatti {width:100%; margin-top:35px; margin-bottom:60px; display:block; float:left;}
#form-contatti p {font-size:15px; line-height:15px; color:#666666; text-decoration:none; margin-top:5px; margin-bottom:3px;}
#form-contatti .input { float:left; width:100%; border:1px dotted #ccc; height:41px; padding:5px; margin-bottom:15px; margin-top:0px; font-size:15px; line-height:15px; color:#666666; text-decoration:none; background-color:#fff; -webkit-box-shadow: 0 0 5px 3px #DEDEDE;
box-shadow: 0 0 5px 3px #DEDEDE;}
#form-contatti .select { float:left; width:100%; border:1px dotted #ccc; height:40px; padding:5px; margin-bottom:15px; margin-top:0px; font-size:15px; line-height:15px; color:#666666; text-decoration:none; background-color:#fff;-webkit-box-shadow: 0 0 5px 3px #DEDEDE;
box-shadow: 0 0 5px 3px #DEDEDE;}
#form-contatti .message { float:left; width:100%; border:1px dotted #ccc; padding:5px; margin-bottom:25px; font-size:15px; line-height:15px; color:#666666; text-decoration:none; background-color:#fff; font-family: 'Open Sans', sans-serif;-webkit-box-shadow: 0 0 5px 3px #DEDEDE;
box-shadow: 0 0 5px 3px #DEDEDE;}
.informativacontent {display:block; float:left;}
#form-contatti .trattamento { float:left; font-size:13px; line-height:13px; color:000; margin-top:10px;}
#form-contatti .checkbox { float:left; margin-right:5px;}
a.informativa-contatti:link, a.informativa-contatti:visited {font-size:13px; line-height:13px; color:#000; text-decoration:none;}
a.informativa-contatti:hover {color:#f4c90f;}
#form-contatti a.send:link, a.send:visited {float:right; padding:5px; width:80px; height:34px; font-size:15px; color:#000; text-decoration:none; text-align:center; background-color:#f4c90f; -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;}
#form-contatti a.send:hover {background-color:#000000; color:#FFF;}
.formFooter { width:100%; float:left;}
#form-contatti .input::-webkit-input-placeholder {color:#000;}
#form-contatti .input:-moz-placeholder {color:#000;}
#form-contatti .input::-moz-placeholder {color:#000;}
#form-contatti .input:-ms-input-placeholder {color:#000;}
#form-contatti .select::-webkit-input-placeholder {color:#000;}
#form-contatti .select:-moz-placeholder {color:#000;}
#form-contatti .select::-moz-placeholder {color:#000;}
#form-contatti .select:-ms-input-placeholder {color:#000;}
#form-contatti .message::-webkit-input-placeholder {color:#000;}
#form-contatti .message:-moz-placeholder {color:#000;}
#form-contatti .message::-moz-placeholder {color:#000;}
#form-contatti .message:-ms-input-placeholder {color:#000;}
option { padding-left:5px; padding-right:5px; border-bottom:1px dotted #ccc;}
.container-popup { padding:20px;}

.tooltiptonella { padding:15px; background-color:#063; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; margin-top:30px; width:460px;  text-transform:none; border:8px solid #f4c90f; -webkit-box-shadow: 0 0 10px 3px #8A8A8A;
box-shadow: 0 0 10px 3px #8A8A8A;}
.tooltiptonella .imagestooltip { float:left;}
.tooltiptonella p { color:#FFF; font-size:12px; line-height:18px; margin-top:-15px; font-weight:500; padding-right:30px;}
.tooltiptonella strong { color:#f4c90f; font-size:18px;}



@media (max-width: 980px) {
}