@charset "UTF-8";
/* nique-de-angelis 2014  */

.topo {width: 100%; margin: auto; position: absolute; top:0;left: 0; z-index: 99;}
.dx {float: right;}
.sx {float: left;}
.fondo {background-color: transparent; width: 100%;}

div#div-1, div#div-2, div#div-22, div#div-3, div#div-4, div#div-5, div#div-6, div#div-2-3   {position: relative; }

div#div-1, div#div-2, div#div-22, div#div-3, div#div-4, .bordoGiu   { border-bottom: 2px dashed #dedede;}
#div-0 img,#div-1 img,#div-2 img, #div-3 img,#div-4 img,#div-5 img,#div-6 img,#div-7 img  {
width: 100% !important; margin: 0 !important; }

.absolute {position: absolute !important; top: 0; left: 0;}
p { font-size: 0.7em;line-height: 1.6em;margin-top: 2%;}

h2.capitoli { position: absolute; font-size: 4.5em; color: #F7A800; width: 100%; top: -16%; font-weight: 900; font-family: arial,helvetica;}

div.container   {background-color: #ececec; width: 100%;max-width: 1250px;margin: 0 auto;border: 0px solid navy; padding:0 0 0em 0;	position: relative;}
div.container.inner  {position: absolute;top:0;left:0;z-index: 10;}
.ombra  {box-shadow: 0 0 6px #999;} 

div#Stage.inizio, div.flow-wrapper  { position: relative; height: 33.4em; display:block; background-color: #fff !important;} 
 
img#Loading    {position: absolute; width: 12% !important; height: 20px !important; top: 52% !important; left: 41.5% !important;} 
img#preloader3 {position: absolute; width: 5% !important;   height: 9% !important; top: 41% !important; left: 45% !important;}

div#strisciaMenu img.logoz   {width:12% !important; margin: .5em 0 0 2em !important;}

/*   menu  */
ul#menu, div#menu{text-transform: uppercase; padding: 5em 0px 1.4em 16em; /*color:#800; list-style-image:url(../_img/arancio.jpg); */letter-spacing:1px; }
ul#menu li { border-bottom: 2px solid transparent;display: inline-block; float: none; font-size: 0.7em; line-height: 1.3em;text-align: center;width: 11%; vertical-align: top;margin-right: 1.3em;vertical-align: top;}
ul#menu li:hover  {/*border-bottom: 2px solid #f7a800;*/}
ul#menu li a {/*color:#800; color:#666;line-height: 1.2em;*/}
ul#menu li.MenuMain:after{/*content:"|"*/}
ul#menu li:first-child, ul#menu li:last-child, 
ul#menu li.MenuMain:last-child:after{/* toglie l'ultimo | */content:""}
ul#menu li a:hover{color: #a6cfc7 !important;/*border-bottom: 1px solid #f7a800;*/}
/* specifici menu accordion*/
#menu a{     width:130px} 
#menu >li >ul >li   {  height: auto; } 
#menu >li >ul >li >a{ background:url() #1a3c6a;  display:block;  font-size:1.4em; line-height: 1.3em; padding: .8em; margin: 0;} 
#menu.tecnologia >li >ul >li >a{ background:url() #2b8472;} 
#menu.azienda >li >ul >li >a{ background:url() transparent;  display:block;  font-size:1.4em; line-height: 1.3em; padding: .8em; margin: 0;}
#menu >li >ul >li >a:hover{  background-color:#fff; color: #00386A !important; border-bottom: 0 !important; }
#menu >li >ul >li:after{/*content:"";  */}
#menu li ul{  position:absolute;  z-index:300; top: 4em; left:-999em;  width:185px;  /*margin-left:-2.2em;*/ margin-left: -40px;}

#menu li ul.tecn { margin-left: -2.8em; }
#menu li ul.azie { margin-left: -3.8em; }
#menu li ul.arch { margin-left: -3.5em; }
ul#menu, div#menu{text-transform:uppercase; letter-spacing:1px; text-align:right; margin-right:1.3em; padding:2.2em 0px 0px; float:right}
ul#menu li{height:3em; margin-right:3em; width:auto}
ul#menu li a{color:#fff !important}

div#strisciaMenu, div#strisciaMenu.azzur, div#strisciaMenu.tecnologia{-webkit-transition:background-color 1s ease-out; -moz-transition:background-color 1s ease-out; -o-transition:background-color 1s ease-out; -ms-transition:background-color 1s ease-in-out; transition:background-color 1s ease-out}
div#strisciaMenu, div#strisciaMenu.azzur{ width:100%;  box-shadow: 0 2px 4px 0 #777; background: #a82020 url("") repeat 50% 50%;   position:absolute;  z-index:100; top:22.8em; right:0}
div#strisciaMenu.tecnologia{ background-color:#2b8472}
div#strisciaMenu.azienda{ width:100%;  background-color:transparent;   position:absolute;  z-index:100; top:34em; right:0; -webkit-transition:background-color 1s ease-out; -moz-transition:background-color 1s ease-out; -o-transition:background-color 1s ease-out; -ms-transition:background-color 1s ease-in-out; transition:background-color 1s ease-out}
div#strisciaMenu.fixed{ position:fixed;  z-index:100; top:0; left:0}
div#strisciaMenu.fixed.alto{ position:absolute}

/* fine menu  */

.leggiTutto  { font-size: 0.7em; float: right; margin:1.5em 1em 0 0;}
a.ScrollSu{ /* pulsante torna su  */    background:url(../immagini/torna-su.png) no-repeat;  width:50px;  height:50px;  display:block;  position:fixed;  bottom:8px;  left:50%; text-indent:-1000em; margin-left:575px}
/*  aggiunte per cardionext   */

div#div-1 {height: 36.6% !important; /*  margin-top: 1em !important;  */}
div#div-1.home {background: url('') no-repeat scroll 0% 0% #3C6-A56;}
div#div-1 img.social {position: absolute; width: 4.5% !important;  z-index: 99;  bottom: 3%;  left: 3.5%;}
div#div-1 img.social:hover {opacity: .7;}

div#puntini { position: absolute; width: 100%; height: 22.8em; background-image: url("../immagini/pattern_WP.png");z-index: 10; top: 0px; left: 0px;  height: 22.8em;}

	div#div-2  {margin-top: 6em; }
	div#div-2 ul {margin: 2em auto; }
	div#div-2 li {width: 25.8%; display: inline-block; margin: 0 0 0 5.5%;position: relative; vertical-align: top;}
	div#div-2 li.li50 {width: 50%;}
	div#div-2 li p     { font-size: 1.5em; line-height: 1.4em;}
	div#div-2 li.flags {  width: 15%;  display: block; }
	div#div-2 li.flags img { width: 20% !important; }
	
	div#div-22  {margin-top: 5em; }
	div#div-22 ul {margin: 2em auto; }
	div#div-22 li {width: 85%; display: inline-block; margin: 0 0 0 5.5%;position: relative; vertical-align: top;}
	div#div-22 li a:hover {opacity: .6;}
	div#div-22 li img.cd {width: 31%; float: right; margin: 1em;}
	div#div-22 li.li50 {width: 50%;}
	div#div-22 li p {/*margin-top: 7%; */font-size: 1em; line-height: 1.4em;}
	div#div-22 li.li100 {  text-align: center;  width: 100%;  margin: 1em auto;  }
	div#div-22 li img.dischi { width: 80%;  }
	
	
div#div-3    { }
div#div-3.home    {background: none repeat scroll 0% 0% transparent; top: 1em;}
div#div-3 ul {margin: 2em auto; }
div#div-3 li {width: 40%; display: inline-block; margin: 0 0 0 7.8%;position: relative; vertical-align: top;}
div#div-3 li ul li {width: 90%; display: inline-block; margin: 0px 0px 1em 7.8%; position: relative; vertical-align: top;text-transform: capitalize;}
div#div-3 li ul li a:active {color: red;}
div#div-3 li p {position: relative; top: -2em;  text-align: center;  background: #FFF;}
div#div-3 div#flyer img {box-shadow: 0 0 3px #666;  }

div#cornersoul  {position: absolute; top: 0; left: 15%; width: 10% !important;}
div#cornersoul img  {width: 100% !important;}


div#div-3 li.lista {margin-top: 1%; line-height: 1.6em;}

 
div#div-4   	{ padding-bottom: 4em; top: 3em; text-align: center;}
div#div-4 img 	{ width: 18% !important; display: inline-block; border: .4em solid #fafafa; margin-bottom: 1em !important; background-color: #fafafa; box-shadow: 0 0 2px #c8c8c8;}
div#div-4 h2 {margin-bottom: 1em;}

div.galleria.masonry  {margin: auto;}
div#div-4 img:hover { opacity: .8;}
.item.masonry-brick:hover	 { filter: none;}
.item.masonry-brick 		{  -webkit-filter: grayscale(100%);  filter: grayscale(100%);transition: all 0.4s ease-out;}



div#div-4 ul {text-align: center; width: 100%; margin: 1.5em auto 1em auto;}
div#div-4 li {width: 23%; height: 8em; display: inline-block; margin: 0 1.5%;position: relative; vertical-align: top;}
div#div-4 p {margin-top: 1%;}
div#div-4 a.leggiTutto  {margin:0;} 
div#div-4 a.leggiTutto.greenLink:hover {color:#708c54;} 
.prodotti  { font-size: 0.9em;}
/*div#div-4 img.galleria,div#div-4 li.videos.galleria {width: 23% !important; height: 35% !important;}
div#div-4 > li.videos.galleria {width: 23%;height: 35%;position: absolute;top: 33%;left: 50%;margin-left: -7em;}*/


/* sezione video  */
div.videos{text-align:center}
div#div-5 div.videos img.play	{vertical-align:middle; width: 2em !important; position:absolute; top:50%; left:50%;  margin:-1em auto auto -1em !important;}
div.videos ul{margin:2em}
div.videos li{list-style:none outside none; position:relative; vertical-align:middle; border:8px solid #f8f8f8; width:29%; display:inline-block; overflow:hidden; box-shadow:0px 0px 1px #999; margin:.4em}
div.videos li img{vertical-align:middle}
div.videos li img:hover{opacity:0.65}
div.videos li p{position:absolute; color:black; width:100%; text-align:center; background-color:#fafafa; opacity:0.82; margin-bottom:6px; font-size:.7em; font-weight:500; bottom:0; -webkit-transition:all 0.6s ease-out; -o-transition:all 0.6s ease-out; transition:all 0.6s ease-out; -ms-transition:all 0.6s ease-in-out}
div.videos li:hover p{bottom:20px; z-index:1000}
/* fine sezione video  */

	div#div-5    {top: 3em; text-align: center; padding-bottom: 3em;}


div#div-5 > #Tornasu a:hover, div#div-5 > #contact a:hover,
div#div-8 > #Legals a:hover, div#div-5 > #facelink a:hover,
div#div-7 > #Tornasu a:hover   {background-color: #fff; opacity: 0.24;}

div#div-5 div.contatti.ditta  {margin: 1.5em 0 0 8.5em; }
div#div-5 div.contatti.ditta p { margin: .5em 0px 0px 1em; line-height: 1.6em;}

div#div-5 dl{ margin:.2em .3em}
div#div-5 dd{ padding:0.3em 0px;  display:block;  background:none repeat scroll 0% 0% transparent;  font-size:1em;  margin:0px 0px 5px 1em}
div#div-5 dt{ width:2em;  background:none repeat scroll 0% 0% transparent;  float:left;  font-size:1em;  font-weight:bold;  border-bottom:1px solid #ddd;  padding:0.3em 0px;  margin:0px}
div#div-5 div.ditta dt img{ width:100% !important;  margin:0px !important}
div#div-5 div.ditta dt img.inf{ position:relative;  top:2em}


div#div-6  {  padding: 1em 0; background-color: #a82020; margin-bottom: 1em; }

div#div-6 ul.news {  margin: 2em auto;  }
div#div-6 ul.news li { width: 29.5%; display: inline-block; font-size: .7em;}
div#div-6 ul.news li a:hover { color: red;}
div#div-6 ul.news li.mediano { margin: 0; letter-spacing: .2em;}
div#div-6 ul.news li img {  width: 12% !important;}



div#div-7.form{width:65%; margin:1em auto 0 auto; border:0px dotted #fff}
div#div-7.form label{font-size: 1em}
div#div-7.form input, div#div-7.form textarea{width:100%;  border:none; font-size: 1em; font-family: sans-serif; padding: .5em; margin: .5em 0em 1em 0em; background-color: #f9f9fa;}
div#div-7.form ul{margin:1em 0; position:relative;padding-bottom: 0.3em;}
div#div-7.form ul li{width:44%; margin: -.2em 1em 0px 0.5em;}
div#div-7.form ul li.mexaggio {width:81%;}
div#div-7.form h3{font-size:1.4em}
div#div-7.form ul li.NormButton{ vertical-align:bottom;  width:auto;  text-align:right;  left:1%}
div#div-7.form input.NormButton{ font-size:.8em; background: transparent;}
div#div-7.form input.NormButton:hover { cursor:pointer; color: red;}

img.captcha, img#captcha { width: auto !important;  }
input#code  {width: 8em !important;}

/* all  style per placeholder nel form  */
::-webkit-input-placeholder{color:#999; font-size:0.9em; font-style:italic; font-weight:100}
::-moz-placeholder{color:#999; font-size:0.9em; font-style:italic; font-weight:100}/* firefox 19+*/
:-ms-input-placeholder{color:#999; font-size:0.9em; font-style:italic}/* ie */
input:-moz-placeholder{color:#999; font-size:0.9em; font-style:italic}
.text-destro{text-align:left !important; vertical-align:top}

footer#foot { text-align: center; letter-spacing: 1px; /*font-size: 80%;*/ }

/* pop up nuovo CD */
div#div-0 {font-family:"roboto slab"; font-size: 114%; text-align: center; background-color: #7e0e0d; width: 99%; /*position: absolute;*/ border: 3px solid #ffffff; left: -3px; top: 1800px;  box-shadow: 0 0 12px #999; z-index: 1600;margin-top: 3em; margin-left: 3px; }
div#div-0 p {  width: 38%;   position: relative;  z-index: 99;  top: 4%;  font-size: 62%; text-align: right;  color: #FFF;  padding-left: 4%;  line-height: 1.5em;}
div#div-0 p span {  font-size: 2em;  line-height: 2em; display:block;}
#esci {	display: block;	height: 20px;	position: relative;	top: 10px;	left: 97%;	width: 25px;	z-index: 1601;	margin-bottom: -20px;}
div#div-0 img.tot {	width: 50% !important; float: right;padding-right: 2em;}
div#div-0 embed, iframe.videozs  {width: 40% !important; height: 16em; margin: 0 1em;} 
div#div-0 img.retro { width: 50% !important;}
div#div-0 img.ammonia {  top: 95%;  position: relative; /*z-index: 999999; border: none;*/ vertical-align: bottom; width: 12% !important; bottom: 20em;  }
div#div-0 #esci img {border: none !important;}
#esci {	border: none;} 

/*  cookies css  */
.dismissable-cookie-policy{background:#333;background:rgba(0,0,0,.75);bottom:0;color:#FFF;/*display:none;*/font:14px/1.5 Helvetica,Arial,sans-serif;left:0;padding:20px 0;position:fixed;text-align:center;width:100%;z-index:900}
.dismissable-cookie-policy *{font-family:Helvetica,Arial,sans-serif!important;visibility:visible!important}
.dismissable-cookie-policy h2{color:#FFF;font-size:1.57142857143em;font-weight:700;margin:auto;max-width:50em;text-transform:uppercase}
.dismissable-cookie-policy a{color:#0899f8;text-decoration:underline}
.dismissable-cookie-policy a:hover{text-shadow:1px 1px 3px #000}
.dismissable-cookie-policy button{background:#0899f8;border:0;-webkit-border-radius:.3125em;border-radius:.3125em;background-clip:padding-box;color:#FFF;cursor:pointer;font-size:1.28571428571em;line-height:1;padding:.642857142857em 4em;white-space:nowrap}
.dismissable-cookie-policy button:hover{box-shadow:0 0 3px 1px #000}
.dismissable-cookie-policy .statement{margin:1em auto;max-width:50em}

/* mobile - tablet */
@media (max-device-width: 680px)  {

p  {font-size: 1.8em !important;}
.mini 	{width: 90% !important; float: none !important}
.textDx	{text-align: left;}
div#div-0	{margin-top: 12.5em;}
div#div-1	{z-index: 1200;}


/* menu */
div#strisciaMenu	{top: 23.3em;}
ul#menu li { height: 2em; margin-right: .6em; }
ul#menu, div#menu { text-align: center;  margin-right: 0; padding: .50em 0px 0px; font-size: 4em; }
div#strisciaMenu img.logoz   {display: none; }

#div-2 .ombra.mini.selfie  {width: 60% !important;}

div#div-0 embed, iframe.videozs  {width: 90% !important; height: 28em; margin: 1em;} 
div#div-0 img.tot, div#div-0 img.retro {  width: 95% !important;}
div#div-0 p {  width: 92%; font-size: 150%; text-align: center;}
div#div-0 img.ammonia {  position: relative;} 

div#div-2 	{margin-top: 15em;}
div#div-2 li.flags {width: 60%;}
div#div-2 li.li50   {width: 90%;}
div#div-3 ul 		{font-size: 1.3em;}
div.videos li 		{width: 46%;}

div#div-4 img { width: 43% !important;}
.item.masonry-brick	 { filter: none; webkit-filter: none;-webkit-filter: grayscale(0%);}

div#div-7.form 			{ width: 87%;}
div#div-7.form ul li	{ width: 87%; margin: 1em 0 0;}
div#div-7.form input, div#div-7.form textarea  {font-size: 1.5em;}
div#div-7.form label	{font-size: 2em;}
div#div-7.form input.NormButton {font-size: 2.8em;}

}