@charset "utf-8";
/* CSS Document */
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 550px;
height: 330px; /* Set height to be able to contain height of largest content shown*/

overflow: hidden;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable{ top: 275px !important;
left: 270px !important;font-family: Arial, Helvetica, sans-serif;
font-size: 13px;}
.ui-icon.ui-icon-closethick{ display:none;}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{background: #333;
border: none;
padding: 10px;
color: #FFF;}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/
.error{ left:12px;  margin: 7px 0 0 0; clear:both; display:block;}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 530px;
border-radius: 15px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 100%;
margin-top: 6px;
text-align: center;
border-radius: 15px;
background:#fff;
padding:5px; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: #000;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
font-size:17px;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
border-radius: 15px;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
border-radius: 15px;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #333;
color: #fff;
border-radius: 15px;
}


.glidecontentwrapper2{
position: relative; /* Do not change this value */
width: 550px;
height: 330px; /* Set height to be able to contain height of largest content shown*/

overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent2{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
border-radius: 15px;
width: 530px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler2{ /*style for DIV used to contain toggler links. */
width:100%;
margin-top: 6px;
text-align: center;
border-radius: 15px; 
background:#fff;
padding:5px;/*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler2 a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: #333;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler2 a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
border-radius: 15px;
}

.glidecontenttoggler2 a:hover{
background: #E4EFFA;
color: black;
border-radius: 15px;
}

.glidecontenttoggler2 a.toc{ font/*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler2 a.prev, .glidecontenttoggler2 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler2 a.prev2:hover, .glidecontenttoggler2 a.next2:hover{
background: #333;
color: white;
border-radius: 15px;
}




.glidecontentwrapper3{
position: relative; /* Do not change this value */
width: 550px;
height: 330px; /* Set height to be able to contain height of largest content shown*/

overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent3{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 530px;
border-radius: 15px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler3{ /*style for DIV used to contain toggler links. */
width: 100%;
margin-top: 6px;
border-radius: 15px;
text-align: center; 
background:#fff;
padding:5px;
/*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler3 a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: #333;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler3 a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
border-radius: 15px;
}

.glidecontenttoggler3 a:hover{
background: #E4EFFA;
color: black;
border-radius: 15px;
}

.glidecontenttoggler3 a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler3 a.prev, .glidecontenttoggler3 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler3 a.prev3:hover, .glidecontenttoggler3 a.next3:hover{
background: #333;
color: white;
border-radius: 15px;
}

h2{
	font-size:28px;
	color:#000;margin:0;}
	
	.smoothTabs ul{
    width: 774px;
	
	;
    height: 61px;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#wrapper_tab{
    width: 750px;
    height: 412px;
    margin: -33px 0 0 -194px;
    padding: 0 13px;
    background-image: url('../img/slideTabbg.png');
    background-repeat: no-repeat;
    overflow: hidden;
    font-family: Arial;
    font-size: 10px;
    line-height: 16px;
}
.smoothTabs li{
    width: 90px;
    height: 39px;
    float: right;
    display: inline;
    margin: 0 5px 0 0;
    padding: 22px 0 0 0;
    color: #000;
    cursor: pointer;
    text-align: left;
}
.smoothTabs li:hover{
    background-image: url('../img/section_bg.png');
    background-repeat: no-repeat;
    color: #000;
    opacity: 0.6;
}
.smoothTabs div{
    width: 495px;
    padding: 0 5px 0 5px;
}
li.smoothTabsLiCurrent{
    background-image: url('../img/section_bg.png');
    background-repeat: no-repeat;
    color: #ccc;
}
.smoothTabsDivHidden {
    display: none;
}
.smoothTabsDivVisible{
    
}
h3{
	font-size:22px;
	color:#000;}

html, body {
  	margin:0;
	padding:0;
	height:100%;
	overflow:hidden;

	}
	
#integratori{
	z-index:999;}
	
	p.highlight {
	  border:1px solid #FFD;
	  padding:15px;
	  background:#FFE;
	  color:#820;
	}
	p.footer {
		display:block;
		text-align:center;
		border:none;
	}
pre {
	margin:15px auto;
}
	
#photos{
	width:220px;
	height:266px;
	position:absolute;
	right:4px;
	top:300px;
	z-index:200;
	background: url(../images/foto_latte.png) no-repeat center center;}
	
	
#loghi_integratori{
width:153px;
	height:45px;
	position:absolute;
	right:4px;
	top:227px;
	z-index:200;
	background: url(../images/loghi_integratori.jpg) no-repeat center center;}
	
	
#loghitutela{
width:175px;
	height:97px;
	position:absolute;
	right:39px;
	top:265px;
	z-index:200;
	background: url(../images/loghitutela.png) no-repeat center center;}
	
#photos2{
	width:220px;
	height:266px;
	position:absolute;
	right:4px;
	top:300px;
	z-index:200;
	background: url(../images/foto_cioccolato.png) no-repeat center center;}
	
#photos3{
	width:220px;
	height:266px;
	position:absolute;
	right:4px;
	top:300px;
	z-index:200;
	background: url(../images/foto_latte_asina.png) no-repeat center center;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

	
#lattediasina{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	position: absolute;
	}
	
#slideshow {
    position:absolute;
	right:319px;
	top:305px;
    height:350px;
	z-index:101;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#copyright{width:564px; bottom: 12px; right:-98px; color:#fff; font-size:15px; z-index:999999999999; position:absolute; font-family:Arial, Helvetica, sans-serif;}

#copyright a{color:#fff; text-decoration:none;}

#copyright a:hover{ -webkit-stroke-width: 5.3px;
      -webkit-stroke-color: #FFFFFF;
      -webkit-fill-color: #FFFFFF;
      text-shadow: 1px 0px 20px yellow;
      -webkit-transition: width 0.3s; /*Safari & Chrome*/
      transition: width 0.3s;
      -moz-transition: width 0.3s; /* Firefox 4 */
      -o-transition: width 0.3s; /* Opera */}
#title{ font-size:30px; color:#000; width:518px;}
#title2{ font-size:30px; color:#000; width:558px;}
	
#testo { width:600px; position:absolute; top:21px; z-index:160; right: 0; padding: 12px 12px 40px 12px; margin: 0 0 20px 0; text-align:right; /*background: url(../images/bg_testo.png) repeat top center;*/ border-radius: 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; }

#testo_doveacquistare { width:300px; position:absolute; top:21px; z-index:160; right: 0; padding: 12px 12px 40px 12px; margin: 30px 0 20px 0; text-align:right; /*background: url(../images/bg_testo.png) repeat top center;*/ border-radius: 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-transform: uppercase; }

#testo_contatti { width:600px; position:absolute; top:-46px; z-index:160; right: -164px; padding: 12px 12px 40px 12px; margin: 77px 0 20px 0; text-align:left; /*background: url(../images/bg_testo.png) repeat top center;*/ border-radius: 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; }

#testo_integratori { width:600px; position:absolute; top:21px; z-index:160; right: 0; padding: 12px 12px 40px 12px; margin: 0 0 20px 0; text-align:right; /*background: url(../images/bg_testo.png) repeat top center;*/ border-radius: 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; }

#testo_tutela { width:625px; position:absolute; top:21px; z-index:160; right: 0; padding: 12px 12px 40px 12px; margin: 30px 0 20px 0; text-align:right; /*background: url(../images/bg_testo.png) repeat top center;*/ border-radius: 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; }

#contatti_testo{position:absolute; left:-441px; top:-11px; text-align:left; color:#000; font-size:13px; width:383px;}

#contatti_testo a {color:#000; text-decoration:none;}

#contatti_testo a:hover {color:#000; text-decoration:none;}

#testo .nav { overflow: hidden; position:absolute; top: 222px;  }
#testo .nav li {  width: 300px; font-size: 20px; color:#777; text-align: left;}
#testo .nav li.last { margin-right: 0; }
#testo .nav li a { display: block;  color: #000; font-size: 20px; text-align: left; border: 0; text-decoration:none; margin: 0 0 0 -5px;
font-family:Arial, Helvetica, sans-serif; }
#testo .nav li a:hover { }



#testo_tutela  .nav { overflow: hidden; position:absolute; top: 222px;  }
#testo_tutela  .nav li {  width: 300px; font-size: 20px; color:#777; text-align: left;}
#testo_tutela  .nav li.last { margin-right: 0; }
#testo_tutela  .nav li a { display: block;  color: #000; font-size: 20px; text-align: left; border: 0; text-decoration:none; margin: 0 0 0 -5px;
font-family:Arial, Helvetica, sans-serif; }
#testo_tutela  .nav li a:hover { }

.testo{height:90px; overflow:auto; padding: 0 20px 0 0;}

#testo_tutela ul { list-style: none; }
#testo_tutela ul li a { display: block;  padding: 4px; color: #000; }
#testo_tutela ul li a:hover {  color: #000; text-decoration:none; }
#testo_tutela ul li:last-child a { border: none; }

#testo_tutela ul li.nav-one a.current, #testo_tutela ul.featured li a:hover { color:#000; text-decoration:none; }
#testo_tutela ul li.nav-two a.current, #testo_tutela ul.core li a:hover {color:#000; text-decoration:none; }
#testo_tutela ul li.nav-three a.current, #testo_tutela ul.jquerytuts li a:hover { color:#000; text-decoration:none; }
#testo_tutela ul li.nav-four a.current, #testo_tutela ul.classics li a:hover { color:#7b7b7b; text-decoration:none; }


.testo{height:90px; overflow:auto; padding: 0 20px 0 0;}

#testo ul { list-style: none; }
#testo ul li a { display: block;  padding: 4px; color: #000; }
#testo ul li a:hover {  color: #000; text-decoration:none; }
#testo ul li:last-child a { border: none; }

#testo ul li.nav-one a.current, #testo ul.featured li a:hover { color:#000; text-decoration:none; }
#testo ul li.nav-two a.current, #testo ul.core li a:hover {color:#000; text-decoration:none; }
#testo ul li.nav-three a.current, #testo ul.jquerytuts li a:hover { color:#000; text-decoration:none; }
#testo ul li.nav-four a.current, #testo ul.classics li a:hover { color:#7b7b7b; text-decoration:none; }



#testo_integratori .nav { overflow: hidden; position:absolute; left: -343px; top:57px;  }
#testo_integratori .nav li { width: 230px; color:#000;}
#testo_integratori .nav li.last { margin-right: 0; }
#testo_integratori .nav li a { display: block;  color: #000; font-size: 28px; text-align: left; border: 0; text-decoration:none;
font-family:Arial, Helvetica, sans-serif; }
#testo_integratori .nav li a:hover { }


#testo_integratori .nav2 { overflow: hidden; position:absolute; left: 100px; top:57px; z-index:99999999; width:800px; }
#testo_integratori .nav2 li { width: 280px; float:left;}
#testo_integratori .nav2 li.last { margin-right: 0; }
#testo_integratori .nav2 li a { display: block;  color: #9b9b9b; font-size: 12px; text-align: left; border: 0; text-decoration:none;
font-family:Arial, Helvetica, sans-serif; }
#testo_integratori .nav2 li a:hover { }

.testo {height:90px; overflow:auto; padding: 0 20px 0 0;}

#testo_integratori ul { list-style: none; }
#testo_integratori ul li a { display: block;  padding: 4px; color: #000; }
#testo_integratori ul li a:hover {  color: #000; text-decoration:none; }
#testo_integratori ul li:last-child a { border: none; }

#testo_integratori ul li.nav-one a.current, #testo ul.featured li a:hover { color:#000; text-decoration:none; }
#testo_integratori ul li.nav-two a.current, #testo ul.core li a:hover {color:#000; text-decoration:none; }
#testo_integratori ul li.nav-three a.current, #testo ul.jquerytuts li a:hover { color:#000; text-decoration:none; }
#testo_integratori ul li.nav-four a.current, #testo ul.classics li a:hover { color:#000; text-decoration:none; }



#testo_doveacquistare .nav { overflow: hidden; position:absolute; left: -248px; top:-10px;  }
#testo_doveacquistare .nav li { width: 230px;}
#testo_doveacquistare .nav li.last { margin-right: 0; }
#testo_doveacquistare .nav li a { display: block;  color: #000; font-size: 21px; text-align: left; border: 0; text-decoration:none;
font-family:Arial, Helvetica, sans-serif; }
#testo_doveacquistare .nav li a:hover { }
.testo {height:90px; overflow:auto; padding: 0 20px 0 0;}

#testo_doveacquistare ul { list-style: none; }
#testo_doveacquistare ul li a { display: block;  padding: 4px; color: #000; }
#testo_doveacquistare ul li a:hover {  color: #000; text-decoration:none; }
#testo_doveacquistare ul li:last-child a { border: none; }

#testo_doveacquistare ul li.nav-one a.current, #testo ul.featured li a:hover { color:#000; text-decoration:none; }
#testo_doveacquistare ul li.nav-two a.current, #testo ul.core li a:hover {color:#000; text-decoration:none; }
#testo_doveacquistare ul li.nav-three a.current, #testo ul.jquerytuts li a:hover { color:#000; text-decoration:none; }
#testo_doveacquistare ul li.nav-four a.current, #testo ul.classics li a:hover { color:#000; text-decoration:none; }


.hide { position: absolute; top: -9999px; left: -9999px; }

/* Tiny Scrollbar */
#scrollbar1 { width: 558px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 520px; height: 169px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }

.divScrollbar { width: 558px; margin: 10px 0 10px; }
.divScrollbar .viewport { width: 520px; height: 180px; overflow: hidden; position: relative; }
.divScrollbar .overview { list-style: none; position: absolute; right: 0; top: 0; padding: 0; margin: 0; }
.divScrollbar .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
.divScrollbar .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
.divScrollbar .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.divScrollbar .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.divScrollbar .disable { display: none; }

.scroll-pane
			{
				width: 100%;
				height: 200px;
				overflow: auto;
			}
			
#page-wrap { width: 440px; margin: 80px auto; }

#asina{
	height:600px;
	width:345px;
	bottom:0;
	left:50%;
	margin: 0 0 0 -749px;
	position:absolute;
	background: url(../images/asina_piano.png) no-repeat top center;
	z-index:162;}
	
#title4{ font-size:22px; color:#000; margin:0 100px 0 0;}
	
#integratori_img{
	height:232px;
	width:351px;
	bottom:-37px;
	left:39%;
	margin: 0 0 0 -622px;
	position:absolute;
	background: url(../images/integratori2.png) no-repeat top center;
	z-index:162;}
	
#asini{
	height:284px;
	width:378px;
	bottom:62px;
	left:50%;
	margin: 0 0 0 -777px;
	position:absolute;
	background: url(../images/nido.png) no-repeat top center;
	z-index:99;}
	
	
#storia a{color:#000000; text-decoration:none;}

#storia a:hover{color:#000; text-decoration:none;}

#composizione a{color:#000000; text-decoration:none;}

#composizione a:hover{color:#000; text-decoration:none;}
	
#bottle{background: url(../images/bottle.png) no-repeat top center;
height:450px; width:200px; position:absolute; bottom:-200px; left:-38px; z-index:99;}
	
	#wrapper{
	width:980px;
	margin:-225px -490px 0 0 ;
	height:450px;
	
	position:absolute;
	top:50%;
	right:50%;
}
	
#bianco{
	height:1078px;
	width:770px;
	top:0;
	right:-800px;
	position:absolute;
	background: url(../images/bianco.png) no-repeat top center;
	z-index:150;}
	
#logo_bottom{
	position:absolute;
	background: url(../images/loghi_bottom.png) no-repeat center center;
	width:294px;
	height:75px;
	left:0;
	bottom:20px;
	z-index:150;
	}

#container_big{
	display:block;

    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0;
    left:0;
    
    /*set the width and height to 100% of the screen*/
    width:100%;
    height:100%;background: url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

#wrapper{
	width:980px;
	margin:-225px -490px 0 0 ;
	height:450px;
	
	position:absolute;
	top:50%;
	right:50%;
}



#area_testo_img{
	width:980px;
	margin:-225px -490px 0 0 ;
	height:450px;
	
	position:absolute;
	top:50%;
	right:50%;
}
#testo_doveacquistare a{color:#666; text-decoration:none;}

#testo_doveacquistare a:hover{color:#000; text-decoration:none;}

#menu{
	width:1014px;
	margin:0 -507px 0 0 ;
	height:149px;
	background: url(../images/menu.png) no-repeat center center ;
	z-index:99999;
	position:absolute;
	top:0;
	right:50%;
}

	#header{
		height:500px;
		width:960px;
		/*background:url('../images/bg.png') no-repeat top left;*/
		position:relative;
	/*	overflow:hidden;*/
	}
	
		#header .foreground{
			position:absolute;
			top:350px;
			z-index:100;
		}
		
		#sliders{
			overflow:hidden;
		}
		
		#sliders>*{
			display:none;
		}
		
		
		
			#stelle{
				width:980px;
				height:104px;
				position:absolute;
				background:url('../images/stelle.png') no-repeat top center;
				top:0;
				left:0;
				z-index:20;
				}
				
				#strada{
				width:441px;
				height:104px;
				position:absolute;
				background:url('../images/street.png') no-repeat top center;
				top:258px;
				left:0;
				z-index:40;
				
				}
				
				#donna{
				width:132px;
				height:290px;
				position:absolute;
				background:url('../images/donna.png') no-repeat top center;
				top:70px;
				left:148px;
				z-index:60;
				
				}
	#carousel-container {
 /* position:relative;*/
  width:960px;
}
#carousel {
  height:280px;
  width:960px;
 margin-top:-36px;
  position:relative;
  margin-bottom:0.5em;
  font-size:12px;
  font-family: Arial;
  z-index:999999;
}
#carousel .carousel-image {
  border:0;
  display:block;
  width:350px;
  height:350px;
}
#carousel .carousel-feature {
  position:absolute;
  top:-1000px;
  left:-1000px;
  cursor:pointer;
}
#carousel .carousel-feature .carousel-caption {
  position:absolute;
  bottom:0;
  width:100%;
  background-color:#000;
}
#carousel .carousel-feature .carousel-caption p {
  margin:0;
  padding:5px;
  font-weight:bold;
  font-size:12px;
  color:white;
}
#carousel .tracker-summation-container {
  position:absolute;
  color:white;
  right:48px;
  top:230px;
  padding:3px;
  margin:3px;
  background-color:#000;
}
#carousel .tracker-individual-container {
  position:absolute;
  color:white;
  right:48px;
  top:210px;
  padding:0;
  margin:0;
}
#carousel .tracker-individual-container li {
  list-style:none;
}
#carousel .tracker-individual-container .tracker-individual-blip {
  margin:0 3px;
  padding:0 3px;
  color:white;
  text-align:center;
  background-color:#DDD;
}
#carousel .tracker-individual-container .tracker-individual-blip-selected {
  color:white;
  font-weight:bold;
  background-color:#000;
}
#carousel-left {
  position:absolute;
  top:88px;
  left:-69px;
  cursor:pointer;
  z-index:999999;
}
#carousel-right {
  position:absolute;
  top:88px;
  right:-100px;
  cursor:pointer;
  z-index:9999999;
}
		
		.village{
			position:absolute;
			top:128px;
			left:-1500px;
			z-index:10;
			height:247px;
			width:1500px;
			background:url('../images/citta.png') no-repeat top center;
			z-index:30;
		}
		
		
			
			.village2{
			position:absolute;
			top:100px;
			right:-250px;
			z-index:90;
			height:500px;
			width:470px;
			background:url('../images/village-background.png') no-repeat top center;
		}
		
		
			
		.cloudbar{
			position:absolute;
			top:-465px;
			left:321px;
			z-index:90;
			height:325px;
			width:252px;
			background:url('../images/cloud-bar.png') no-repeat bottom center;
		}
			
			.cloud-padding{
				padding:20px;
				text-align:center;
			}
			
			.cloud-padding p{
				color:#F7F7F7;
				font-family:"Lucida Grande",arial, sans-serif;
				font-size:13px;
				line-height:1.6em;
			}
			
			.cloud-padding h2{
				margin:0px 0px 25px 0px;
				padding:0;
				color:#37626F;
				font-family:arial, sans-serif;
				font-size:26px;
				letter-spacing:-2px;
			}

		#content{
			text-align:center;
			padding:10px;
		}
		
			#content h2{
				color:#FFF;
				font-family:arial, sans-serif;
				font-size:26px;
				letter-spacing:-1px;
			}
			
			#content p{
				color:#FFF;
				font-family:"Lucida Grande",arial, sans-serif;
				font-size:13px;
			}

			#content a{
				color:#FFED2F;
				text-decoration:none;
			}
			#sky
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#cloud
{
	position: absolute;
	left: 5%;
	top: 350px;
	z-index: 2;
	width: 600px;
	height: 399px;
	background-image: url(../images/cloud.png);
	background-repeat: no-repeat;
}

#cloud2
{
	position: absolute;
	left: 25%;
	top: 200px;
	z-index: 3;
	width: 500px;
	height:333px;
	background-image: url(../images/cloud2.png);
	background-repeat: no-repeat;
}

#cloud3
{
	position: absolute;
	left: 50%;
	top: 250px;
	z-index: 1;
	width: 300px;
	height: 200px;
	background-image: url(../images/cloud3.png);
	background-repeat: no-repeat;
}
	
#footer {
	width:100%;
	height:200px;
	bottom:0;
	position:absolute;
	background: url(../images/erba.png) repeat-x top center;
	z-index:10;
	}
	#footer2 {
	width:100%;
	height:200px;
	bottom:0;
	position:absolute;
	background: url(../images/erba2.png) repeat-x top center;
	z-index:100;
	}
	
	#birdsCanvas {
    left: 0;
    min-width: 960px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#hill_left {
	
	height:343px;
	width:982px;
	bottom:0;
	left:0;
	position:absolute;
	background: url(../images/left_hill.png) repeat-x top center;
	z-index:5;
	}
	
#ciuco {
	
	height:239px;
	width:283px;
	bottom:54px;
	right:0;
	position:absolute;
	background: url(../images/ciuco.png) no-repeat top center;
	z-index:3;
	}
#butterfly {
	
	height:243px;
	width:477px;
	bottom:0;
	left:0;
	position:absolute;
	background: url(../images/butterfly.png) no-repeat top center;
	z-index:11;
	}
	
	#birdsCanvas {
    left: 0;
    min-width: 960px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#home {
	display: block;
	padding: 30px;
}
#home-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}

#about {
	display: none;
	padding: 30px;
}
#about-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
}

#contact {
	display: none;
	padding: 30px;
}
#contact-button {
	opacity: 0.5;
	border-bottom: 1px solid black;

}
.menu_item{
	display:inline-block;
	background:url(../images/shadow.png) no-repeat right center;
	float:left;
	padding:103px 28px 0 0;
	
	height:118px;
	width:10%;
	text-align:center;
	 font-size: 20px;
	 margin:-66px 0 0 0;
}

.menu_item a, .menu_item a:link, .menu_item a:active, .menu_item a:hover, .menu_item a:visited{
	color:#333;}
	                        

        .lavaLampBottomStyle {
			position: relative;
			margin:0 0 0 59px;
            
            /*padding: 15px;
            margin: 10px 0;
            overflow: hidden;*/
            
            
        }
                .lavaLampBottomStyle li {
                   float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 3px solid gray;
                        width: 4px;
                        height: 10px;
                        z-index: 8;
                        position: absolute;
						margin: 90px 0 0 -15px;
                    }
					.lavaLampBottomStyle li .last a  {
					display:inline-block;
					
					float:left;
					padding:76px 38px 0 0;
					color:#000;
					height:118px;
					
					text-align:center;
					 font-size: 20px;
					 margin:-57px 0 0 0;
                    }   
                    .lavaLampBottomStyle li a {
					display:inline-block;
					
					float:left;
					padding:94px 38px 0 0;
					color:#000;
					height:45px;
					
					text-align:center;
					 font-size: 20px;
					 margin:-56px 0 0 0;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }     
						.waypoint {
	position: absolute;
	z-index: 4;
	width: 20px;
	height: 20px;
	text-align: center;
	background-color: #7f9f7f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:none;
}

.path-dot {
	position: absolute;
	z-index: 1;
	width: 4px;
	height: 4px;
	font: 0px;
	background-color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:none;
}

.mover {
	position: absolute;
	z-index: 5;
	width: 23px;
	height: 16px;
	background: url(../images/coccinella.png) ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:50;

	
	
}       


@media screen and (max-height: 700px) {
	#carousel-left{ position:absolute;
  top:88px;
  left:-5px;
  cursor:pointer;
  z-index:999999;}
  
  #carousel-right {
  position:absolute;
  top:88px;
  right:-35px;
  cursor:pointer;
  z-index:9999999;
}
#photos{
	width:220px;
	height:266px;
	position:absolute;
	right:4px;
	top:251px;
	z-index:200;
	background: url(../images/foto_latte.png) no-repeat center center;}
	
	
#photos2{
	width:220px;
	height:266px;
	position:absolute;
	right:4px;
	top:272px;
	z-index:200;
	background: url(../images/foto_cioccolato.png) no-repeat center center;}
#photos3{
	width:220px;
	height:266px;
	position:absolute;
	right:4px;
	top:240px;
	z-index:200;
	background: url(../images/foto_latte_asina.png) no-repeat center center;}
		}