/* CSS Document */





body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	background-color: #fff;
	text-align:center;
	font-size: 0.9em;
}

.fondo-home {

	background-image: url(../Images/hp.jpg);
	background-repeat: repeat-x;
}
.sfondo-pagina {

	background-image: url(../Images/sf-pag.jpg);
	background-repeat: repeat-x;
}

.sciabas {
	float: right;
	width: 220px;
	margin-right: 5px;
	display: block;
	line-height: 120%;
	padding-left: 20px;
}



#testata-home { height: 301px; padding: 0px; }

#testata-interna { height: 200px; padding: 0px; }



a {
	color: #9D0000;
	text-decoration: none;
}	

a:hover {
	
	text-decoration: underline;
}




p {	margin: 0 0 5px 0; font-size: 12px; line-height:14px; }



.img-gallery1 { border: 5px solid #cc0000; }

.img-gallery2 { border: 5px solid #000000; }



/*_____________ STRUTTURA DI BASE ___________ */



#Livello1 {
	width:960px;
	margin: 0 auto 0 auto;
	padding-top:0px;
	position:relative;
}



#corpo {
	width:960px;
	position:relative;
	text-align:center;
	margin:0;
	padding: 0;

}



#Menu {

	width:230px;
	float: left;
	text-align:left;
	margin:0;
	padding:0;
	
}



#contenuto {
	width:730px;
	float: left;
	padding: 0;
	margin: 0;

}



.clear { clear:both; }



#footer {
	height: 50px;
	clear: both;
	padding-top: 50px;
}

.fotext{
	font-size: 12px;
	padding-top: 10px;
	color:#666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	text-align:center;
	background-position: center;

}





/*_____________ MENU DI NAVIGAZIONE ___________ */



#Menu ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left; }

#Menu ul li a { background: #fff; width: 230px; height: 25px; border-top: 1px solid #cccccc; padding-top: 7px; margin: 5 0 0px 0; color: #000000; text-decoration: none; display: block; text-align: left; font: 16px Arial, Helvetica, sans-serif; }

#Menu ul li a:hover {

	color: #cc0000;

	background-color: #FFFFFF;

}

#Menu ul li a:active { background: #6A849D; color: #fff; }



#Menu li.sottomenu a { text-indent:25px; background: #fff; width: 230px; height: 15px; border:none; padding-bottom: 5px; margin: 5 0 0px 0; color: #000000; text-decoration: none; display: block; text-align: left; font: 12px Arial, Helvetica, sans-serif; }

#Menu li.sottomenu a:hover { color: #cc0000; background: #e3e3e3; }

#Menu li.sottomenu a:active { background: #6A849D; color: #fff; }



#Menu li.Level1 a { background: #fff; width: 230px; height: 25px; border-top: 1px solid #ffffff; padding-top: 7px; margin: 5 0 0px 0; color: #000000; text-decoration: none; display: block; text-align: left; font: 16px Arial, Helvetica, sans-serif; }

#Menu li.Level1 a:hover { color: #cc0000; background: #e3e3e3; }

#Menu li.Level1 a:active { background: #6A849D; color: #fff; }



#Menu li.sottomenu_coda a { text-indent:25px; background: #fff; width: 230px; height: 15px; border:none; padding-bottom: 5px; margin: 5 0 0px 0; color: #000000; text-decoration: none; display: block; text-align: left; font: 12px Arial, Helvetica, sans-serif; border-bottom: 1px solid #cccccc; }

#Menu li.sottomenu_coda a:hover { color: #cc0000; background: #e3e3e3; }

#Menu li.sottomenu_coda a:active { background: #6A849D; color: #fff; }



#Menu li.Level2 a { background: #fff; width: 230px; height: 25px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-top: 7px; margin: 5 0 0px 0; color: #000000; text-decoration: none; display: block; text-align: left; font: 16px Arial, Helvetica, sans-serif; }

#Menu li.Level2 a:hover { color: #cc0000; background: #e3e3e3; }

#Menu li.Level2 a:active { background: #6A849D; color: #fff; }



/*_____________ CONTENUTO ___________ */



#BOX-Centrale {

	float: left;
	width: 485px;

}
#BOX-VINO {

	float: left;
	width: 350px;
	text-align:left;
	margin-left:15px;
	
	

}




#BOX-Menu {
	float: left;
	width: 485px;


}



h1 {
	font-size: 18px;
	color: #333333;
	line-height: 16px;
	padding-top: 40px;
	padding-top: 40px;
	padding-top: 10px;
}

h2 { font-size: 16px; color: #999999; font-style: normal; font-weight: normal; line-height: 16px; }


}


#BOX-1 {
	float: left;
	width: 280px;
	padding-top: 10px;
	text-align: left;
	padding-right: 20px;
	padding-left: 5px;
}


#testolargo {

	float: left;

	margin-top: 30px;

	margin-bottom: 30px;

	width: 360px;

	padding-left: 100px;

	padding-right: 6px;
	padding-top: 30px;

	text-align:left;

	display:inline;

}







.testo1 {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 175px;
	padding-left: 100px;
	padding-right: 6px;
	text-align:left;
	display:inline;
}

.text {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: auto;
	padding-left: 30px;
	padding-right: 10px;
	text-align:left;
	display:inline;
}

.vini {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 75%;
	padding-left: 100px;
	padding-right: 6px;
	text-align:left;
	display:inline;
}

.testo2 {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 175px;
	border-left: 1px solid #cccccc;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
	display:inline;
}

#Occhiello {
	float: right;
	width: 228px;
	margin:0;
	padding:0;
	background-color: #252726;
}
#Occhiello-vini {
	float: right;
	width: 350px;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	text-align: right;
}

#Occasioni {
	float: left;
	width: 228px;
	margin:0;
	background-color: #FFFFFF;
	padding-top: 90px;
	padding-bottom: 90px;
	background-image: url(../Images/uova_pasqua.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFFFFF;
}



#Occasioni a:link, a:hover {
	color:#990000;

}

#Occasioni H1 {
	color:#990000;


}

#Occasioni :hover {
color:#990000;


}

#Occasioni a:link {
	color:#990000;


}



a:link, a:hover {
	color: #990000;	
	}









#OcchielloMaxi {
	float: right;
	width: 350px;
	margin:5;
	padding:5;
	background-color: #FFFFFF;
}
#box-novita-home {
	float: left;
	width: 230px;
	margin-top:15px;
}

#box-skype {
	float: left;
	width: 230px;
	margin-top:15px;
	padding-top: 25px;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;

}



#SchemaA-colonnaSX { float: left; width: 240px; margin-left:20px; margin-right:10px; margin-top:15px; text-align:left; display:inline; }

#SchemaA-colonnaDX { float: left; width: 400px; margin-left:20px; margin-right:10px; margin-top:15px; text-align:left; display:inline;  }

#SchemaA-colonna { float: left; width: 680px; margin-left:20px; margin-right:10px; margin-top:15px; text-align:left; display:inline;  }



h1 {
	font-size: 1em;
	color: #990000;
	
}

h2 { font-size: 16px; color: #585858; font-style: normal; font-weight: normal; line-height: 16px; }



.tabella1 {

	padding-top: 2px;

	padding-bottom: 2px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #cccccc;







/***********************************************/

/* 2col_leftNav.css                            */

/* Use with template 2col_leftNav.html          */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 



body{

	font-family: Arial,sans-serif;

	color: #000000;

	line-height: 1.166;

	margin: 0px;

	padding: 0px;

	background-color: #000000;

	width: 800px;

	}





a:hover {

	text-decoration: none;
	
}

/* overrides decoration from previous rule for hovered links */



h1, h2, h3, h4, h5, h6 {

	font-family: Arial,sans-serif;

	margin: 0px;

	padding: 0px;

}



h1{
	font-family: Verdana,Arial,sans-serif;
	font-size: 120%;
	color: #cc0000;
}



h2{
	font-size: 0.9em;
	color: #666;

}



h3{

 font-size: 100%;

 color: #FFFFFF;

}



h4{

 font-size: 100%;

 font-weight: normal;

 color: #333333;

}



h5{

 font-size: 100%;

 color: #334d55;

}



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



label{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

}

				



/***********************************************/

/* Layout Divs                                 */

/***********************************************/



DIV.Trattoria {

	BOTTOM: 10000px; POSITION: absolute

}





#Osteria-Trattoria{

	margin: 0;

	padding: 10px 0px;

	border-bottom: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

	width: 100%;

	background-color: #560E34;

}



#Trattoria-Menu{
	margin: 0 79% 0 0;
	padding: 0px;
	background-color: #FFFFFF;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #cccccc;
}



#content{

	float:right;

	border-right: 1px solid #cccccc;

	width: 75%;

	margin: 0;

	padding: 0 3% 0 0;

	border-right-color: #FFFFFF;

}





/***********************************************/

/*Component Divs                               */

/***********************************************/



#siteName{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	font-family: Elephant;

}





/*************** #pageName styles **************/



#pageName{

	padding: 0px 0px 10px 10px;

}





/************* #globalNav styles **************/







#globalNav{

color: #cccccc;

padding: 0px 0px 0px 10px;

white-space: nowrap;

}

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line

   this will force a horizontal scrollbar if there isn't enough room for all links

   remove rule or change value to 'normal' if you want the links to line-wrap */



#globalNav img{

 display: block;

}



#globalNav a {

	font-size: 90%;

	padding: 0px 4px 0px 0px; 

}





/************* #breadCrumb styles *************/



#breadCrumb{

	font-size: 80%;

	padding: 5px 0px 5px 10px;

}





/************** .feature styles ***************/



.feature{

	padding: 0px 0px 10px 10px;

	font-size: 80%;

	color: #FFFFFF;

	background-color: #000000;

}











.feature h3{

	padding: 30px 0px 5px 0px;

	text-align: center;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

	margin: 0 5px 5px 0;

}

/* adjust margins to change separation between the feature image and text flowing around it */





/************** .story styles *****************/



.story{

	clear: both;

	padding: 10px 0px 0px 10px;

	font-size: 80%;

	background-color: #000000;

}



.story p{

	padding: 0px 0px 10px 0px;

	color: #FFFFFF;

	font-family: "Times New Roman", Times, serif;

	font-style: oblique;

	font-size: 16px;

}





/************* #siteInfo styles ***************/



#siteInfo{

	clear: both;

	border: 1px solid #cccccc;

	font-size: 75%;

	color: #cccccc;

	padding: 10px 10px 10px 10px;

	margin-top: 0px;

}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)

	the bottom border of the navBar in cases where they "touch" */



#siteInfo img{

	padding: 4px 4px 4px 0px;

	vertical-align: middle;

}





/************* #search styles ***************/



#Piatto{

	padding: 5px 0px 5px 10px;

	border-bottom: 1px solid #cccccc;

	font-size: 90%;

	background-color: #000000;

}



#search form{

	margin: 0px;

	padding: 0px;

	background-color: #BDDFD5;

}



#search label{

	display: block;

	margin: 0px;

	padding: 0px;

}





/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited {display: block;}

#navBar ul {list-style: none; margin: 0; padding: 0;}



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {border-bottom: 1px solid #cccccc;}



/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none;}





/*********** #sectionLinks styles ***********/



#sectionLinks{

	position: relative;

	margin: 0px;

	padding: 0px;

	font-size: 90%;

}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

}



#sectionLinks a:link{

	padding: 2px 0px 2px 10px;

	border-top: 1px solid #cccccc;

	width: 100%;

  voice-family: "\"}\""; 

  voice-family:inherit;

	width: auto;

}



#sectionLinks a:visited{

	padding: 2px 0px 2px 10px;

}



#sectionLinks a:hover{

	background-color: #000000;

	padding: 2px 0px 2px 10px;

}





/*********** .relatedLinks styles ***********/



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	font-size: 90%;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}





/************** #advert styles **************/



#advert{

	padding: 10px 0px 0px 10px;

	font-size: 80%;

	border-top: 1px solid #cccccc;

	background-color: #560E34;

}



#advert img{

	display: block;

}





/************** #headlines styles **************/



#headlines{

	margin: 0px;

	padding: 10px 0px 20px 10px;

	font-size: 80%;

}



#headlines p{

	padding: 5px 0px 5px 0px;

	background-color: #560E34;

}



.selChooseContract {
	WIDTH: 118px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma, Arial, sans-serif
}

.txtSearch {
	WIDTH: 131px;
	COLOR: #AD1B1B;
	FONT-FAMILY: Tahoma, Arial, sans-serif
}

.contactUs {

	WIDTH: 125px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, sans-serif

}

A.navTextOff {

	FONT-WEIGHT: bold; COLOR: #339900; TEXT-DECORATION: none

}

A.navTextOn {

	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none

}

A.navTextOn:hover {

	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none

}

A.navTextOff:hover {

	FONT-WEIGHT: bold; COLOR: #246b00; TEXT-DECORATION: none

}

A.secondaryNavTextOff {

	COLOR: #339900; TEXT-DECORATION: none

}

A.secondaryNavTextOn {

	COLOR: #000000; TEXT-DECORATION: none

}

A.secondaryNavTextOn:hover {

	COLOR: #000000; TEXT-DECORATION: none

}

A.secondaryNavTextOff:hover {

	COLOR: #246b00; TEXT-DECORATION: none

}

A.tertiaryNavTextOff {

	COLOR: #339900; TEXT-DECORATION: none

}

A.tertiaryNavTextOn {

	COLOR: #000000; TEXT-DECORATION: none

}

A.tertiaryNavTextOn:hover {

	COLOR: #000000; TEXT-DECORATION: none

}

A.tertiaryNavTextOff:hover {

	COLOR: #246b00; TEXT-DECORATION: none

}

.greyText {

	COLOR: #999999

}

.primaryHeader {
	COLOR: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: oblique;
	line-height: normal;
	font-weight: bolder;
}

.secondaryHeader {

	COLOR: #666666

}

.bulletList {

	COLOR: #666666

}

.listHeader {

	COLOR: #F8F8F8;

	font-size: 16px;

	font-style: normal;




.breadCrumbs {

	COLOR: #999999

}

A.breadCrumbs {

	COLOR: #339900; TEXT-DECORATION: none

}

A.breadCrumbs:hover {

	COLOR: #246b00; TEXT-DECORATION: underline

}

.editModeMain {

	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000

}

.editModeSecondary {

	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6699cc

}

.editModeTertiary {

	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #339900

}

.editModeGrey {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999

}

.small {

	COLOR: #999999;

	font-size: 12px;

	font-weight: lighter;

}

.smallBlack {

	COLOR: #000000;

	font-family: Elephant;

	font-size: 9px;

}

.pressReleasesSelect {

	WIDTH: 147px; FONT-FAMILY: Tahoma, Arial, sans-serif

}

.membersSelect {

	WIDTH: 58px; FONT-FAMILY: Tahoma, Arial, sans-serif

}

.featureText {

	COLOR: #666666

}

.largeText {
	COLOR: #993300
}

.blueHeaderMedium {

	COLOR: #006699;

	font-size: 18px;

}

.darkBlue {
	COLOR: #FFFFFF
}

.darkGreen {

	COLOR: #339966

}

.brown {

	COLOR: #FF9900;

	font-family: tahoma;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bolder;

}

.Trattoria-Titoli {

	COLOR: #7E144D;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: oblique;

}

.lilac {

	COLOR: #ccccff

}

.Trattoria {

	COLOR: #000000;

	font-family: Elephant;

	font-size: 16px;

}

.Sciabas {

	COLOR: #000000;

	font-size: 150%;

}

.grey {

	COLOR: #008080;

	font-size: 14px;

	font-weight: lighter;

}

.thcalculator {

	COLOR: #ffffff; BACKGROUND-COLOR: #560E34

}