/* linguistica */


li#one span{background: url("images/linxted/1.gif")}
li#two span{background: url("images/linxted/2.gif")}
li#three span{background: url("images/linxted/3.gif")}
li#four span{background: url("images/linxted/4.gif")}
li#five span{background: url("images/linxted/5.gif")}
#quote{
	background-image: url(images/common/quoteted.gif);
	background-repeat: no-repeat;
	height: 56px;}


#wuno{
background-image:url(images/headsted/1.png);
background-repeat:no-repeat;
height: 30px;
}
#wdue{
background-image:url(images/headsted/2.png);
background-repeat:no-repeat;
height: 30px;
margin-top:20px;
}
#wtre{
background-image:url(images/headsted/3.png);
background-repeat:no-repeat;
height: 30px;
margin-bottom:30px;
}
#wqua{
background-image:url(images/headsted/4.png);
background-repeat:no-repeat;
height: 30px;
margin-bottom:30px;
}
#wsei{
background-image:url(images/headsted/6.png);
background-repeat:no-repeat;
height: 30px;
margin-bottom:30px;
}
#wotto{
background-image:url(images/headsted/8.png);
background-repeat:no-repeat;
height: 30px;
margin-bottom:30px;
}
#wnove{
background-image:url(images/headsted/9.png);
background-repeat:no-repeat;
height: 30px;
margin-bottom:30px;
}
#wcin{
	background-image:url(images/headsted/5.png);
	background-repeat:no-repeat;
	height: 30px;
	margin-bottom:12px;
	margin-top: 10px;
}
#wset{
	background-image:url(images/headsted/7.png);
	background-repeat:no-repeat;
	height: 30px;
	margin-bottom:12px;
	margin-top: 10px;
} 
#wuno, #wdue, #wtre, #wqua, #wcin, #wsei, #set, #wotto, #wnove{
	position:relative;
	}
#wuno span, #wdue span, #wtre span, #wqua span, #wcin span, #wsei span, #set span, #wotto span, #wnove span{
	position:absolute;
	top:0;
	left:0;
	height:30px;
	width:100%;
	background-position:left top;
	}
#wuno span{

background-image:url(images/headsted/1.png);
background-repeat:no-repeat;

}
#wdue span{

background-image:url(images/headsted/2.png);
background-repeat:no-repeat;

}
#wtre span{

background-image:url(images/headsted/3.png);
background-repeat:no-repeat;

}
#wqua span{
background-image:url(images/headsted/4.png);
background-repeat:no-repeat;

}
#wsei span{
background-image:url(images/headsted/6.png);
background-repeat:no-repeat;

}
#wotto span{
background-image:url(images/headsted/8.png);
background-repeat:no-repeat;

}
#wnove span{
background-image:url(images/headsted/9.png);
background-repeat:no-repeat;

}
#wcin span{
	background-image:url(images/headsted/5.png);
	background-repeat:no-repeat;

}
#wset span{
	background-image:url(images/headsted/7.png);
	background-repeat:no-repeat;

} 

#pocket1, #pocket2, #pocket3{
	position:relative;
	}
#pocket1 span, #pocket2 span, #pocket3 span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	background-repeat:no-repeat;
	}

#pocket1 span{

	background-image: url(images/home/pocket1ted.png);

}
#pocket2 span{

	background-image: url(images/home/pocket2ted.png);

}
#pocket3 span{

	background-image: url(images/home/pocket3ted.png);

}





/* CSS Document */


html,body{
	background-image: url(images/common/bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size:11px;
	color:#817e77;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#wwex{
	width:130px;
	height:134px;
	position:absolute;
	top: 8px;
	right: 8px;
	background-image:url(images/logogim1.gif);
	}

p {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right:10px;
	padding: 0px;
	border-top: solid #d9c9aa 1px;
	border-bottom: solid #d9c9aa 1px;
	line-height: 15px;
}
h3{

	margin: 0px;
	padding: 0px;
	padding-top:10px;
	font-size:0px;
}
h2{

	margin: 0px;
	padding: 0px;
	padding-top:10px;
	font-size:0px;
}
h1{

	padding-top: 8px;
	padding-bottom: 2px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-right:10px;
	padding: 0px;
	font-weight:bold;
	font-size:11px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#wuno{

}
img, #wuno {behavior: url(iepngfix.htc);}
#wdue{
behavior: url(iepngfix.htc);
}
#wtre{
behavior: url(iepngfix.htc);
}
#wqua{
behavior: url(iepngfix.htc);
}
#wsei{
behavior: url(iepngfix.htc);
}
#wcin{
	behavior: url(iepngfix.htc);
}
#wset{
	behavior: url(iepngfix.htc);
}
#wotto{
	behavior: url(iepngfix.htc);
}
#wnove{
	behavior: url(iepngfix.htc);
}
#box{
	height:100%;
	width:100%;
	background-image: url(images/common/topbar.gif);
	background-repeat: repeat-x;
	background-position: 50% 0px;
}
#container{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	height: 1000px;
	background-image: url(images/common/cup.jpg);
	background-repeat: no-repeat;
	background-position: 90px 0px;
}
#container {behavior: url(iepngfix.htc);}
/*menu*/
#navigation{
	float: left;
	height: 350px;
	margin-top: 50px;
	width: 120px;
}
div#navigation ul{list-style-type: none;margin: 0;padding: 0}
div#navigation li{margin: 0;padding: 0}
div#navigation a{
	position: relative;
	display: block;
	width: 90px;
	height: 38px;
	margin: 0px;
	padding: 0px;
	color:#fef8e0;
}
div#navigation a:visited {color:#fef8e0; /*per IE Scheisse 6 */}
div#navigation a span{
	padding:0;
	position: absolute;
	width:99px;
	height: 38px;
	cursor: pointer; /*per IE*/
	left: 0;
}
div#navigation a:hover{color: #fef8e0/*per IE*/}
div#navigation a:hover span{background-position: -99px 0}
div#navigation a#current span{background-position: -198px 0}


/**/
#head{
	float: left;
	height: 400px;
	width: 247px;
	position:relative;
}
#firstorder{
	position:absolute;
	background:url(firstorder.gif);
	width:130px;
	height:134px;
	top:280px;
	left:-180px;
	}
#head span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(http://www.caffederoccis.com/images/top.jpg) no-repeat top center;
	}
#head h1{
}
           
#icons{
	float: left;
	height: 49px;
	width: 400px;
}

/*da qua parte il gioco del replacement*/

div#icons ul{
list-style-type: none;
margin: 0;
padding: 0
}
div#icons li{
float:left;
}
div#icons a{
text-align:center;
position:relative;
display:block;
height: 49px;
color:#dfd8bb;
}
div#icons a:hover{color:#dfd8bb;}
div#icons a:active{color:#dfd8bb;}
/*qui si dichiara lo span che copre*/

div#icons a span{
	position:absolute;
	width:100%;
	height:100%;
	cursor: pointer; /*per IE*/
	left: 0px;
	top: 0px;
}
div#icons a:hover span{
background-position: -100px 0;
}

div#icons a span{
background-position: 0 0;
}

/*qui si dichiara la larghezza di ogni link*/
li#uno a{width: 100px; }
li#due a{width: 100px; }
li#tre a{width: 100px; }
li#quatter a{width: 100px; }
li#foure a{width: 100px; }

/*...e qui si dichiarano le immagini*/
li#uno span{background: url("images/common/sitemap.gif") no-repeat top left}
li#due span{background: url("images/common/contact.gif") no-repeat top left}
li#tre span{background: url("images/common/print.gif") no-repeat top left}
li#quatter span{background: url("images/common/eng.gif") no-repeat top left}
li#foure span{background: url("images/common/ita.gif") no-repeat top left}


/*contenuti*/

#firstcont{
	float: right;
	width: 380px;
	padding-right:16px;
	text-align:left;
}

#secondcontent{
	padding-top: 60px;
	clear:both;
	margin-left: 110px;
	width: 680px;
}

#quote p{display:none;}
#firstcont ul{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d9c9aa;
	margin-right:10px;
}
#firstcont li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9c9aa;
	height: 17px;
	margin-left: 0px;
	padding-left: 19px;
	background-image: url(images/common/bean.png);
	background-repeat: no-repeat;
	padding-top: 3px;
	background-position: 0px 2px;
	behavior: url(iepngfix.htc);
}
#firstcont a{
color:#666666;
text-decoration:none;}
#firstcont a:visited{color:#666666}
#firstcont a:hover {
color:#333333;
text-decoration:underline;
}
#pocket{
	height: 167px;
	width: 217px;
	background-image: url(images/home/pocket.png);
	float: left;
	margin-right: 0px;
	behavior: url(iepngfix.htc);
	padding:0px;

}
#pocketprod{
	height: 169px;
	width: 217px;
	background-image: url(images/prods/pocket2.png);
	float: left;
	margin-right: 0px;
	background-repeat:no-repeat;
	background-position: 0 0;
	behavior: url(iepngfix.htc);

}
#pocket1{
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 18px;
	margin-left: 15px;
	behavior: url(iepngfix.htc);
	overflow:visible;

}
#pocket2{
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 18px;
	margin-left: 15px;
	behavior: url(iepngfix.htc);
	overflow:visible;
}
#pocket3{
	height: 40px;
	background-repeat: no-repeat;
	margin-top: 18px;
	margin-left: 15px;
	behavior: url(iepngfix.htc);
	background-position: 0 0;
	overflow:visible;
}
#pocket p
{
	text-align: left;
	margin-left: 18px;
	margin-right: 22px;
	color: #333333;
	padding-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	margin-top: 0px;
}
#hide{display:none;}
#frame{
	background-repeat: no-repeat;
	background-position: left center;
	height: 20px;
	margin-right: 10px;
}
#secondcontent img{
	margin: 5px;
}
#xtracont{

	float:left;
	width:350px;
	margin-top: 45px;
	text-align:right;
	}
#xtracont img{margin-right:8px;
margin-bottom:8px;}
#printer{display:none}
div.split4 div{
	float: left;
	width: 23%;
	width: 22%;
	width: 23%;
	width: 22%;
	margin-left: 1%;
	text-align: left;
	color:#666666;
	background-image:url(images/common/bg.jpg);
	background-position:0 -45px;
	color:#777777;
    }
div.split4 p{
border-top:none;
margin-bottom:15px;
color:#777777;
padding-bottom:10px;
margin-left:5px;
border-bottom:dashed #E1D2A6 1px;
}
#pocket a{
text-decoration:none;
color:#666666;
}
#pocket a:visited{
text-decoration:none;
color:#666666;
}
#pocket a:hover{
text-decoration:none;
color:#333333;
}


#promo{
	height: 100px;
	background-image: url(images/prods/promo.png);
	background-repeat: no-repeat;
	padding-left: 120px;
	padding-top: 20px;
	padding-right: 15px;
	color: #AA6037;
	font-size: 1.1em;
	behavior: url(iepngfix.htc);
}
#pocketprod ul{

	margin-left: 10px;
	padding-left: 0px;
	list-style-type: none;
	height: 20px;
	border-top-style: none;
	margin-right:10px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
}
#pocketprod li{

	height: 17px;
	margin-left: 0px;
	padding-left: 19px;
	background-image: url(images/common/bean.png);
	background-repeat: no-repeat;
	padding-top: 3px;
	background-position: 0px 2px;
	behavior: url(iepngfix.htc);
}
#pocketprod a{
	color: #865935;
	text-decoration: none;
}
#pocketprod a:active{
	color: #865935;
	text-decoration: none;
}
#pocketprod a:hover{
	color: #6B5230;
	text-decoration: none;
}
#undermenu ul{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	border-top-style: none;
	margin-right:10px;
	margin-top: 10px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
}
#undermenu li{

	height: 17px;
	margin-left: 0px;
	padding-left: 19px;
	background-image: url(images/common/bean.png);
	background-repeat: no-repeat;
	padding-top: 3px;
	background-position: 0px 2px;
	behavior: url(iepngfix.htc);
}
#undermenu a{
	color: #865935;
	text-decoration: none;
}
#undermenu a:active{
	color: #865935;
	text-decoration: none;
}
#undermenu a:hover{
	color: #6B5230;
	text-decoration: none;
}
#item{
	line-height: 15px;
	/*height: 88px;*/
	padding-top: 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dashed;
	border-top-color: #d9c9aa;
	border-bottom-color: #d9c9aa;
}
#itemplus img{
	float:left;
	margin-right:5px;
}
#itemplus p{
	border-top:none;
	text-align: justify;
	margin-bottom:3px;
	float: right;
	clear:none;
	width:260px;
}
#itemplus{
	line-height: 15px;
	padding-top: 20px;
	border:none;
	/*height: 90px;*/
}
#item img{
	float:left;
	margin-right:10px;
}
#item p{
	float:right;
	border:none;
	width: 260px;
	text-align: justify;
}
#itemcaf{
	line-height: 15px;
	/*height: 84px;*/
	padding-top: 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dashed;
	border-top-color: #d9c9aa;
	border-bottom-color: #d9c9aa;
}
#itemcaf img{
	float:left;
	margin-right:10px;
}
#itemcaf p{
	float:right;
	border:none;
	width: 260px;
	text-align: justify;
}
#clear{
	clear:both;}
#undermenu{
	float:right;
	width: 230px;
	padding: 8px;
	background-image: url(images/common/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px -45px;
	behavior: url(iepngfix.htc);
}
h4{
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 14px;
}
#footer{clear:both;
color:#999999;}
#footer a{
text-decoration:none;
color:#666666}
#footer a:active{
text-decoration:none;
color:#666666}
#footer a:visited{
text-decoration:none;
color:#666666}

.mapitem{
	margin-top:20px;
	padding-left:15px;
	background-image:url(images/common/arr1.gif);
	background-repeat:no-repeat;
	background-position: 0 2px ;
	}
.mapsub{
	margin-left:20px;
	margin-top:10px;
	color:#663300;
	padding-left:15px;
	}
.maprisub{
	margin-left:45px;
	margin-top:5px;
	padding-left:15px;
	background-image:url(images/common/arr2.gif);
	background-repeat:no-repeat;
	background-position: 0 0px ;
	}
#langs{
	position:absolute;
	top:140px;
	right:30px;
	}
#langs ul{
	margin:0;
	padding:0;
	}
#langs ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	}
#langs a img{
	border:none;
	}