html,body {
	padding		:	0;
	margin		:	0;	
	font-family	:	Helvetica,Georgia,Arial;
	font-size	:	13px;
	color		:	#333333;
	background:url('img/bck.jpg') repeat;
}
a{
	text-decoration:none;
}
a img{
	border:0;
}
h1,h2{	
	font-family: 'Montserrat', sans-serif;
}
@-webkit-keyframes oscillation
{
	25%  {-webkit-transform:rotate(-3deg);}
	75%  {-webkit-transform:rotate(+3deg);}
}
 
@-moz-keyframes oscillation
{
	25%  {-moz-transform:rotate(-3deg);}
	75%  {-moz-transform:rotate(+3deg);}
}
@-o-keyframes oscillation
{
	25%  {-o-transform:rotate(-3deg);}
	75%  {-o-transform:rotate(+3deg);}
}
@keyframes oscillation
{
	25%  {transform:rotate(-3deg);}
	75%  {transform:rotate(+3deg);}
}

@-webkit-keyframes balzo
{
	25%  {top:-4px;}
	50%  {top:0;}
	75%  {top:-6px;}
	100%  {top:-0;}
}
 
@-moz-keyframes balzo
{
	25%  {top:-4px;}
	50%  {top:0;}
	75%  {top:-6px;}
	100%  {top:-0;}
}
@-o-keyframes balzo
{
	25%  {top:-4px;}
	50%  {top:0;}
	75%  {top:-6px;}
	100%  {top:-0;}
}
@keyframes balzo
{
	25%  {top:-4px;}
	50%  {top:0;}
	75%  {top:-6px;}
	100%  {top:-0;}
}
.addcarrello{
	-webkit-transform-origin:50% -5px;  
	-moz-transform-origin:50% -5px;   
	-o-transform-origin:50% -5px;   
	transform-origin:50% -5px;   
	-webkit-animation: oscillation 3s linear 1 normal;
	-moz-animation: oscillation 3s linear 1 normal;
	-o-animation: oscillation 3s linear 1 normal;
	animation: oscillation 3s linear 1 normal;
}
.container{
	width:960px;
	margin:0 auto;
}
#logo{
	display:block;
	width:299px;height:209px;
	position:fixed;
	top:-15px;left:50%;
	z-index:84;
	border:0;margin:0 -150px;padding:0;
	background:url('img/dagmatic.png') no-repeat;
}
#logo a{
	display:block;
	position:absolute;
	bottom:0;left:3px;
	width:293px;height:110px;
}
#logo:hover{
	-webkit-transform-origin:50% -5px;  
	-moz-transform-origin:50% -5px;   
	-o-transform-origin:50% -5px;   
	transform-origin:50% -5px;   
	-webkit-animation: oscillation 3s linear infinite normal;
	-moz-animation: oscillation 3s linear infinite normal;
	-o-animation: oscillation 3s linear infinite normal;
	animation: oscillation 3s linear infinite normal;
}
#top{
	display:block;
	width:100%;height:79px;
	position:fixed;
	top:-20px;
	z-index:52;
	background:url('img/bck1.jpg') repeat;
	-moz-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	-webkit-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	box-shadow: 0 3px 8px rgba(84,62,42,0.2);
}
#welcome{
	display:block;
	position:relative;top:0;
	width:100%;height:20px;line-height:20px;
	background:#ffffff;
}
#welcome p{
	display:block;
	width:960px;height:20px;line-height:20px;
	margin:0 auto;
	font-size:10px;
}
#welcome span,#welcome a{
	cursor:pointer; color:#84c172;
	font-size:12px;
}
#welcome span:hover,#welcome a:hover{
	text-decoration:underline; color:#70cedc;
}
#top ul{
	display:block;
	width:960px;height:56px;line-height:56px;
	margin:0 auto;padding:0;
	list-style:none;
	position:relative;
}
#top ul li{
	display:block;float:left;
	height:56px;
	margin:0 20px;padding:0;
	position:absolute;
	top:0;
}
#top ul li a{
	display:block;height:56px;
	font-family: 'Montserrat', sans-serif; color:#858585; font-size:13px;
	text-align:center;
}
#top ul li span{
	display:block;float:left;
	width:31px;height:30px;
	position:relative;
	top:0;
	margin:13px 13px 0 0;padding:0;
	background-image:url('img/images.png');
	background-repeat:no-repeat;
}
#apri{
	display:block;
	width:30px;height:13px!important;line-height:13px!important;
	position:absolute;
	left:-15px;
	z-index:84;
	border:0;margin:0;padding:0;
	cursor:pointer;
	background:url('img/images.png') no-repeat -128px -48px;
	text-align:center;font-size:10px;
}
#prodotti{
	left:20px;
}
#azienda{
	left:150px;
}
#contatti{
	left:610px;
}
#shop{
	right:90px;
}

#prodotti span{
	background-position: 0 0 ;
}
#prodotti a:hover span, #prodotti .active span{
	background-position: 0 -31px ;
}
#azienda span{
	background-position: -32px 0 ;
}
#azienda a:hover span, #azienda .active span{
	background-position: -32px -31px ;
}
#contatti span{
	background-position: -64px 0 ;
}
#contatti a:hover span, #contatti .active span{
	background-position: -64px -31px ;
}
#shop span{
	background-position: -96px 0 ;
}
#shop a:hover span, #shop .active span{
	background-position: -96px -31px ;
}
#top ul li a:hover{
	color:#464645;
}
#top ul li a:hover span{	
	-webkit-animation: balzo 1s linear 1 normal;
	-moz-animation: balzo 1s linear 1 normal;
	-o-animation: balzo 1s linear 1 normal;
	animation: balzo 1s linear 1 normal;
}
#carrello{
	display:block;
	width:90px;height:168px!important;
	position:absolute;
	top:-5px!important;right:7px;
	z-index:84;
	border:0;margin:0;padding:0;
	background:url('img/carrello-label.png') no-repeat;
}
#carrello a{
	display:block;
	width:70px;height:50px;
	position:absolute;
	bottom:14px;right:5px;
}
#carrello b{
	display:block;
	position:absolute;
	right:0;bottom:11px;
	width:29px;height:29px;line-height:29px;
	font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:13px;
	text-align:center;color:#e10e0e;
}
#carrello:hover{
	-webkit-transform-origin:50% -5px;  
	-moz-transform-origin:50% -5px;   
	-o-transform-origin:50% -5px;   
	transform-origin:50% -5px;   
	-webkit-animation: oscillation 3s linear infinite normal;
	-moz-animation: oscillation 3s linear infinite normal;
	-o-animation: oscillation 3s linear infinite normal;
	animation: oscillation 3s linear infinite normal;
}
#color{
	display:block;
	width:100%;height:3px;
	position:absolute;
	bottom:0;
	z-index:52;
	background:url('img/top-color.jpg') repeat-x;
}

#slide{
	display:block;float:left;
	width:100%;height:527px;
	margin:58px 0 0 0;padding:0;
	list-style:none;
	position:relative;
	background:url('img/dagmatic-caffe.jpg') no-repeat center center;
	z-index:2;
}
#slide2{
	display:block;float:left;
	width:100%;height:396px;
	margin:58px 0 0 0;padding:0;
	list-style:none;
	position:relative;
	background:url('../slide/caffe-tre-ceri.jpg') no-repeat center center;
	z-index:2;
}
.slide_small{
	display:block;float:left;
	width:100%;height:269px;
	margin:58px 0 0 0;padding:0;
	list-style:none;
	position:relative;
	z-index:2;
}
#prodsld{
	background:url('../slide/caffe_cialde.jpg') no-repeat center center;
}
#servsld{
	background:url('../slide/macchinette_caffe.jpg') no-repeat center center;
}
#page{	
	clear:both;float:left;
	position:relative;
	width:958px;min-height:630px;
	margin:56px 1px 0 1px;padding:0;
	background:url('img/bck1.jpg') repeat;
	-moz-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	-webkit-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	box-shadow: 0 3px 8px rgba(84,62,42,0.2);
}
#servizi{	
	clear:both;float:left;
	position:relative;
	width:794px;min-height:630px;
	margin:0 1px;padding:0 82px 130px 82px;
	background:url('img/bck1.jpg') repeat;
	-moz-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	-webkit-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	box-shadow: 0 3px 8px rgba(84,62,42,0.2);
}
#pagecontatti{	
	clear:both;float:left;
	position:relative;
	width:958px;min-height:630px;
	margin:0 1px;padding:56px 0 140px 0;
	background:url('img/bck1.jpg') repeat;
	-moz-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	-webkit-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	box-shadow: 0 3px 8px rgba(84,62,42,0.2);
}
#pagecontatti h1,#pagecontatti h2,#pagecontatti p{
	width:315px;
	display:block;float:left;
	padding:0 82px;
}
#pagecontatti h1{
	color:#ea564e; font-size:20px; text-transform:uppercase;
	margin:30px 0;
}
#pagecontatti h2{
	color:#353535; font-size:13px; text-transform:uppercase;
	margin:10px 0;
}
#pagecontatti p{
	color:#6f6f6f;font-size:12px;line-height:16px;
	margin:4px 0;
}
#richinfo{
	display:block;float:right;
	width:380px;margin:0 82px 0 0;
}
label {
	width:120px;height:30px;line-height:30px;
	display: block;float:left;
	margin:3px 0;
	padding: 0;
	color:#999999;
}
input{
	display:block;float:right;
	width:235px;height:30px;line-height:30px;
	padding:0 6px;margin:3px 6px;
	font-size:16px;
	border:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
textarea{
	display:block;float:right;
	width:235px;line-height:30px;
	padding:0 6px;margin:3px 6px;
	font-size:16px;
	border:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#output{
	color:#ea564e!important;
}
#output b{
	color:#84c172;
}
#servizi h1{
	display:block;float:left;
	width:100%;
	color:#ea564e; font-size:20px; text-transform:uppercase;
	margin:30px 0;
}
#servizi h2{
	display:block;float:left;
	width:100%;
	color:#353535; font-size:13px; text-transform:uppercase;
	margin:10px 0;
}
#servizi p{
	display:block;float:left;
	width:100%;
	color:#6f6f6f;font-size:12px;line-height:16px;
	margin:4px 0;
}
#servizi .small{
	width:450px;
}
#servizi hr{
	display:block;float:left;
	border:0;
	height:1px;
	background:#c2c2c2;
	margin:30px -10px;
	width:814px;
}
#treceri{
	display:block;float:right;
	width:330px;
}
#treceri img{
	display:block;float:right;
	width:155px;height:60px;
	margin:100px 87px 0 87px;padding:0;
}
#treceri .button{	
	background:#ea564e;
	width:155px;height:37px;line-height:37px;
	margin:10px 87px;padding:0;
}
#staff{
	display:block;
	width:958px;height:770px;
	position:relative;top:0;
	margin:0;padding:0;
}
#chisiamo{
	display:block;float:left;
	width:775px;
	position:relative;
	top:-157px;left:0;
	margin:0;padding:0;
	background:#f25247; color:#FFFFFF;
}
#chisiamo img{
	display:block;
	width:168px;height:56px;
	position:absolute;
	top:50%;
	margin:-28px 68px;padding:0;
}
#chisiamo div{
	display:block;float:right;
	width:348px;
	margin:39px 0;padding:0 90px 0 33px;
	background:url('img/trattini.png') repeat-y left;
}
#chisiamo div h1{
	display:block;float:left;
	font-size:14px;line-height:16px;text-transform:uppercase;
	margin:0 0 20px 0;padding:0;
}
#chisiamo div p{
	display:block;float:left;
	font-size:12px;line-height:16px;
	margin:2px 0;
}
#smallimg{
	display:block;
	width:390px;height:244px;
	position:relative;
	top:-177px;left:337px;
	z-index:7;
	margin:0 0 -177px 0;padding:0;
}
.bigimg{
	display:block;
	width:958px;height:481px;
	position:relative;top:-75px;
	margin:0 0 35px 0;padding:0;
}
#maps{
	display:block;float:left; 
	width:958px;height:400px;
	margin:0;padding:0;
}
.button{
	display:block;float:left;
	margin:0;padding:0 15px;
	height:21px;line-height:21px;
	font-family: 'Montserrat', sans-serif; color:#FFFFFF; font-size:13px;
	text-transform:uppercase; text-align:center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	opacity:0.6;
	filter:alpha(opacity=60);
	-webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
	-moz-transition-property: opacity;
  	-moz-transition-duration:  0.3s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: opacity;
 	-o-transition-duration:  0.3s;
 	-o-transition-timing-function: ease-out;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
	background:#ffcd30;
	cursor:pointer;
}
.button:hover{	
	opacity:1.0;
	filter:alpha(opacity=100);
}
.social{
	display:block;float:left;
	width:114px;height:26px;
	margin:20px 211px;
}
.social a{
	display:block;float:left;
	width:26px;height:26px;
	margin:0 6px;padding:0;
	background-image:url('img/images.png');
	background-repeat:no-repeat;
	opacity:0.6;
	filter:alpha(opacity=60);
	-webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
	-moz-transition-property: opacity;
  	-moz-transition-duration:  0.3s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: opacity;
 	-o-transition-duration:  0.3s;
 	-o-transition-timing-function: ease-out;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.social a:hover{	
	opacity:1.0;
	filter:alpha(opacity=100);
}
.social .fb{
	background-position:-186px -1px;
}
.social .tw{
	background-position:-186px -28px;
}
.social .gp{
	background-position:-213px -1px;
}
#thanks{
	display:block;position:absolute;bottom:0;
	width:100%;height:110px;
	background:url('img/bck_chicchi.jpg') repeat-x;
	color:#333333;
}
#thanks img{
	display:block;float:left;
	width:217px;height:87px;
	margin:11px 15px;padding:0;
}
#thanks h2{
	display:block;float:left;
	width:420px;
	font-family: 'Montserrat', sans-serif;font-weight:normal; font-size:20px;
	margin:25px 0 0 0;
}
#thanks p{
	display:block;float:left;
	width:460px; line-height:20px;
	font-family: 'Quattrocento Sans', sans-serif; font-size:14px;
	margin:0; padding:0;text-align:left;
}


#vetrina{
	display:block;float:left;
	width:960px;height:407px;
	z-index:2;
	margin:100px 0;padding:0;
	list-style:none;
}
#vetrina li{
	display:block;float:left;
	position:relative;
	z-index:2;
	width:240px;height:407px;
	margin:0;padding:0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition-property: box-shadow,background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
	-moz-transition-property: box-shadow,background;
  	-moz-transition-duration:  0.3s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: box-shadow,background;
 	-o-transition-duration:  0.3s;
 	-o-transition-timing-function: ease-out;
    transition-property: box-shadow,background;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
#vetrina li span{
	display:block;
	width:240px;height:99px;
	position:relative;
	top:0;
	background-image:url('img/image.jpg');
	background-repeat:no-repeat;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-o-border-top-left-radius: 6px;
	-o-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
	-moz-transition-property: opacity;
  	-moz-transition-duration:  0.3s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: opacity;
 	-o-transition-duration:  0.3s;
 	-o-transition-timing-function: ease-out;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
#vetr1 span{
	background-position:0 0;
}
#vetr2 span{
	background-position:0 -99px;
}
#vetr3 span{
	background-position:-240px -99px;
}
#vetr4 span{
	background-position:-240px 0;
}
#vetrina div{
	display:block;
	position:absolute;
	bottom:0;
	width:240px;height:303px;
}
.etic{
	display:block;
	width:74px;height:74px;
	position:relative;
	top:-39px;
	margin:0 auto;
	-webkit-transition-property: top,width,height;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
	-moz-transition-property: top,width,height;
  	-moz-transition-duration:  0.3s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: top,width,height;
 	-o-transition-duration:  0.3s;
 	-o-transition-timing-function: ease-out;
    transition-property: top,width,height;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.cialda{
	display:block;
	width:146px;height:95px;
	position:absolute;
	top:55px;left:120px;
	margin:0 -73px;padding:0;
	-webkit-transition-property: top,width,height;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
	-moz-transition-property: top,width,height;
  	-moz-transition-duration:  0.3s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: top,width,height;
 	-o-transition-duration:  0.3s;
 	-o-transition-timing-function: ease-out;
    transition-property: top,width,height;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
#vetrina h2{
	display:block;width:100%;
	position:absolute;
	top:206px;
	font-family: 'Montserrat', sans-serif; font-size:12px;
	text-align:center;font-weight:normal;text-transform:uppercase;
}
#vetrina h1{
	display:block;width:100%;
	position:absolute;
	top:220px;
	font-family: 'Montserrat', sans-serif; color:#303030; font-size:16px;
	text-align:center;font-weight:normal;text-transform:uppercase;
}
#vetrina a{
	display:block;
	width:108px;height:21px;line-height:21px;
	position:absolute;
	left:66px;bottom:18px;
	font-family: 'Montserrat', sans-serif; color:#FFFFFF; font-size:13px;
	text-transform:uppercase; text-align:center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	opacity:0.3;
	filter:alpha(opacity=30);
	-webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
	-moz-transition-property: opacity;
  	-moz-transition-duration:  0.3s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: opacity;
 	-o-transition-duration:  0.3s;
 	-o-transition-timing-function: ease-out;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
#vetrina li:hover{
	-moz-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	-webkit-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	background:#FFFFFF;
}
#vetrina li:hover span{
	opacity:1.0;
	filter:alpha(opacity=100);
}
#vetrina li:hover .etic,#smallvetr li:hover .etic{	
	width:86px;height:86px;
	top:-45px;
}
#vetrina li:hover a{
	opacity:0.6;
	filter:alpha(opacity=60);
}
#vetrina li a:hover{
	opacity:1.0;
	filter:alpha(opacity=100);
}


/* colori e background dei vari prodotti */
.back1{
	background:#70cedc;
}
.back2{
	background:#ffcd30;
}
.back3{
	background:#ec554b;
}
.back4{
	background:#84c172;
}
.col1{
	color:#70cedc;
}
.col2{
	color:#ffcd30;
}
.col3{
	color:#ec554b;
}
.col4{
	color:#84c172;
}
.bord1{
	border-top:5px solid #70cedc;
}
.bord2{
	border-top:5px solid #ffcd30;
}
.bord3{
	border-top:5px solid #ec554b;
}
.bord4{
	border-top:5px solid #84c172;
}

#footer{
	display:block;clear:both;
	position:relative;
	margin:-160px 0 -40px 0;padding:0;
	width:100%;height:234px;
	z-index:1;	
	font-family: 'Montserrat', sans-serif;
}
#footer h4{
	color:#fb5f55; font-size:13px;
	text-transform:uppercase;
}
#footer .container{	
	position:relative;
	padding:5px 0 0 0;
	height:234px!important;
	background:#FFFFFF;
	-moz-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	-webkit-box-shadow: 0 3px 8px rgba(84,62,42,0.2);
	box-shadow: 0 3px 8px rgba(84,62,42,0.2);
}
#footer ul{
	display:block;float:left;
	width:288px;height:146px;
	margin:30px 0 30px 30px;padding:15px 0;
	border-right:1px solid #e6e6e6;
	background:url('img/bck_footer.jpg') no-repeat left center;
}
#footer ul li{
	display:block;float:right;
	width:160px;height:18px;line-height:18px;
	margin:5px 0 5px 100px;padding:0;
	text-align:center;font-size:11px;text-transform:uppercase;
}
#footer ul li a{
	color:#c9c9c9;
}
#footer a:hover,#footer .active{
	color:#fb5f55;
}
#footcon{
	display:block;float:left;
	width:179px;height:146px;
	margin:30px 0;padding:15px 10px 15px 142px;
	border-right:1px solid #e6e6e6;
	background:url('img/italia.jpg') no-repeat left center;
}
#footer p{
	font-size:11px;line-height:15px;
	margin:5px 0;
	color:#c9c9c9;
	font-family:Arial, Helvetica, sans-serif;
}
#footsoc{
	display:block;float:right;
	position:relative;
	width:169px;height:146px;
	margin:30px 0;padding:15px 70px;text-align:center;
}
#footsoc a{
	margin:7px;
}
#footsoc p{
	color:#d7d7d7!important;
}
#artica{
	position:absolute;
	width:960px;text-align:center;
	bottom:0;
font-size:10px!important;
}
#artica a{
	color:#999999;
}
#artica span{
	margin:0 25px;
}
.iconSoc{
	display:block;float:left;
	width:28px;height:28px;
	background-image:url('img/images.png');
	background-repeat:no-repeat;
}
.icofb{
	background-position:-240px -1px;
}
.icofb:hover{
	background-position:-240px -30px;
}
.icotw{
	background-position:-240px -59px;
}
.icotw:hover{
	background-position:-240px -88px;
}
.icogp{
	background-position:-270px -1px;
}
.icogp:hover{
	background-position:-270px -30px;
}
.icopi{
	background-position:-269px -59px;
}
.icopi:hover{
	background-position:-269px -88px;
}