@charset "utf-8";
/* CSS Document */
body,html{ height:100%;}
body{
	margin:0;
	text-align:left;
	font-size:100%;
	background:#FFFFFF;
	font-family: 'josefin_sansregular';
}
a{ text-decoration:none;}
a:hover{ color:#3D3D3F}
#container {
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -350px;
	position:relative;
}
p{ line-height:1.2}
img#logo{ margin-top:30px; max-width:280px;}
#bottom{ 
height:350px;  background:url(../images/foot.png) repeat-x;
font-size:1.5em;
color:#3D3D3F;
 }
p.sposi{font-family: 'josefin_sanslight'; color:#3E3E40; font-size:1.5em;}
 fieldset{ border:1px solid #ECEDED}
 input.dati{ background:#ECEDED; border:none; height:30px; width:350px}
 textarea.te{background:#ECEDED; border:none; width:350px}
 .label{font-family: 'josefin_sansregular';background:none; width:180px; text-align:left; color:#58585A; font-size:1.2em;}
.articolo{ font-size:2em; margin-bottom:10px; color:#1A171C;}

.desc p{ font-size:1.2em;line-height:1}
#bottom p{ line-height:1.1}
.space{ padding-top:32px;  padding-bottom:32px;}
.row{ 
	max-width:1024px;
	margin-top:0; margin-bottom:0;
}
img.prod{ width:100%;}
.tit{ font-size:1.7em; padding-left:7px; border-left:1px solid #3D3D3F}
.wrap{  max-width:1024px; margin:auto; position:relative;}
.clean{ clear:both;}
.gray{ color:#868789;}
.grayB{ color:#3D3D3F;}
.light{font-family: 'josefin_sanslight'}
.mypx{ font-size:0.8em;}
.marginBott{ margin-bottom:15px;}
.cerca{background:#ECECED; border:none; height:17px;font-size:12px; color:#3D3D3F; width:130px; display:block }


.cosimo{
position:absolute;
height:210px;
left:0;
top:35px;
max-width:970px;
z-index:+300;
display:none;

}



#gallery{ background:url(../images/90.png);}
#gallery2{ background:url(../images/90.png);}
#gallery3{ background:url(../images/90.png);}
#gallery4{ background:url(../images/90.png);}

#galleria {
	width:100%;
	overflow:hidden;
	white-space:nowrap; 
	position:relative;
}

	#galleria ul { 
	list-style: none; margin:0; padding:0 }
	#galleria ul li { display: inline-block; margin:0; padding:0 }
	#galleria ul img {
	margin:10px;
	}
	#galleria ul img {
	 height:190px;
	 -webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	-ms-transition: all 1s ease;
  	transition: all 1s ease;
	}
	
	#galleria ul img:hover {
	cursor: pointer;
	height:210px;
    transform:scale(1.5);
    -ms-transform:scale(1.5); /* IE 9 */
    -moz-transform:scale(1.5); /* Firefox */
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -o-transform:scale(1.5); /* Opera */
}


/* Main container */
div.hoverscroll {
	position:relative;
	padding-left:40px;
	padding-right:40px;
}


/* List container */
div.hoverscroll div.listcontainer {
	overflow:hidden;
	padding:10px;
	background:url(../images/90.png);
}
div.hoverscroll div.fixed-listcontainer {
    overflow: hidden;
    float: left;
	height:210px;
	width:1024px;
}

/* Actual list containing items */
div.hoverscroll ul.list {
	list-style:none;
	margin:0;
	padding:0;
}

/* Items contained in the list */
div.hoverscroll ul.list li.item {
	display:block;
	padding:0;
	width:140px;
	height:160px;
	background:#FFFFFF;
	margin:4px;
}

div.hoverscroll ul.list li.item p {
text-align:left;
line-height:0.8

}
#nav div.hoverscroll ul.list li.item  a{
font-size:1em;
}
#nav div.hoverscroll ul.list li.item  a:hover{
border:none
}
div.hoverscroll.horizontal ul.list li.item {
	float:left;
}
div.hoverscroll.horizontal.rtl ul.list li.item {
	float: right;
}



/* Arrows */
div.hoverscroll div.arrow {
	position:absolute;
	float:none;
	background-color:#ccc;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.8;
	filter:alpha(opacity=80);
}
div.hoverscroll div.fixed-arrow {
    display: block;
    float: left;
    background-color: #ccc;
    background-position: center;
    background-repeat: no-repeat;
}

div.hoverscroll div.arrow.left,
div.hoverscroll div.arrow.right,
div.hoverscroll div.fixed-arrow.left,
div.hoverscroll div.fixed-arrow.right {
	top:0px;
	width:20px;
	height:100%;
}
div.hoverscroll div.arrow.left,
div.hoverscroll div.fixed-arrow.left {
	left:0px;
	background:url(../images/ll.png);
}
div.hoverscroll div.arrow.right,
div.hoverscroll div.fixed-arrow.right {
	right:0px;
	background:url(../images/rr.png);
}

div.hoverscroll div.arrow.top,
div.hoverscroll div.arrow.bottom,
div.hoverscroll div.fixed-arrow.top,
div.hoverscroll div.fixed-arrow.bottom {
	left:0px;
	width:100%;
	height:40px;
}
div.hoverscroll div.arrow.top,
div.hoverscroll div.fixed-arrow.top {
	top:0px;
	background-image:url('gfx/arrow-up-small.png');
	
}
div.hoverscroll div.arrow.bottom,
div.hoverscroll div.fixed-arrow.bottom {
	bottom:0px;
	background-image:url('gfx/arrow-down-small.png');
}
#agg{ display:none}

/*a#shop{line-height:22px; padding-left:30px;background:url(../images/shop.png) no-repeat left center; color:#3D3D3F; font-size:0.8em; text-transform:uppercase;font-family: 'josefin_sanslight'}*/
a#shop{color:#3D3D3F; font-size:0.8em; padding-left:10px; text-transform:uppercase;font-family: 'josefin_sanslight'}
a#nozze{color:#3D3D3F; font-size:0.8em; padding-left:10px; text-transform:uppercase;font-family: 'josefin_sanslight'}
a#log{color:#000; font-size:0.8em; background:#ECEDED; border:1px solid #000; padding:10px; text-transform:uppercase;font-family: 'josefin_sanslight'}
#lang{ min-height:22px; margin-right:10px; background:url(../images/lang.png) no-repeat right top; padding-right:35px; text-align:right; cursor:pointer; position:relative; float:right; width:100px;}
#sb{ float:right; width:140px; margin-left:10px;}
#nz{float:right; width:180px;}
#lang a { font-size:0.8em;font-family: 'josefin_sanslight'; color:#3D3D3F}
#langPan{ width:90%; position:absolute; right:0; top:25px; display:block;}
#lang a.subLang{ background:#ECECED; padding:3px; text-align:right; margin-top:3px; display:block; font-size:0.8em;}
#nav { margin-top:45px; text-align:center; position:relative; max-width:1024px;}
#nav a { font-size:1.5em; color:#58585A; margin-right:15px; padding-bottom:5px;}
#nav a.acttivo{ color:#000000; border-bottom:1px solid #000000}
#nav a:hover{ color:#000000; border-bottom:1px solid #000000}

@media only screen 
and (max-width : 980px) {

#nav a { font-size:1.3em; color:#58585A; margin-right:10px; padding-bottom:5px;}
.space{ padding-top:5px; padding-bottom:5px;}
.tit{ font-size:1.4em; padding-left:7px; border-left:1px solid #3D3D3F}
a#shop{ font-size:0.8em}
.mypx{ font-size:0.7em;}
}
@media only screen 
and (max-width : 1024px) {
.space{ padding-top:5px; padding-bottom:5px;}
}
@media only screen 
and (max-width : 640px) {
body{ font-size:90%}
#langPan{ width:40%;}
#nav a {margin:auto; line-height:30px; display:block; width:180px; padding-bottom:1px;}
}


@media only screen 
and (max-width : 767px) {
body{ font-size:90%}
#langPan{ width:40%;}
#nav a {margin:auto; line-height:30px; display:block; width:180px; padding-bottom:1px;}
#lang{ width:180px; margin-bottom:5px; float:none}
#sb{ width:100%;margin-bottom:5px; float:none}
#nz{ width:100%;margin-bottom:5px; float:none}
}