/*CSS per FireFox, Chrome, Safari*/
body {margin: 0;padding:0; background-image: url(../img/Back_container.jpg); background-position:center;background-color:#FFFFFF}
html {margin: 0;padding:0;/*background: url('../img/body.jpg') fixed repeat-x top;*/}
body {font-size:12px; font-family:  arial,verdana,sans-serif; text-align: center;}
div#container {position: relative;width:980px; font-family: arial, sans-serif;margin: 0 auto; text-align:center;/* border-left: 1px solid #ccc; border-right: 1px solid #ccc*/}
div#container2 {text-align: left;/* border-left: 1px solid #ccc; border-right: 1px solid #ccc;border-bottom: 0px solid #D7D7D7;*/}

/************************************/
/*stili generici, su header e footer*/
/************************************/

div#header {margin: 0;padding: 0;height: 106px;color: #F8F8FF;border-left: 0px solid #ccc;border-right: 0px solid #ccc; font-family:Georgia, "Times New Roman", Times, serif;
border-bottom: 0px solid #D7D7D7; background: url('../img/Header1.jpg'); background-repeat:no-repeat;}
div#header h1{ padding-top:54px; padding-right:20px; font-size:18px; text-align:right;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu{font-weight: bold;font-size: 12px; background-image:url(../img/sfondo_navigazione.jpg)}
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#slantedmenu ul{text-indent: 10px;padding: 10px 10px;margin: 0;background-color:#B0C4DE;border: 1px solid #bebebe;text-align: left; /*set value to "center" for example to center items*/}
#slantedmenu ul li{display: inline;}
#slantedmenu ul li a{color: #F8F8FF;padding: 3px 0;padding-right: 20px;margin: 0;text-decoration: none;background: transparent url(../img/slantdivider.gif) top right no-repeat;}
#slantedmenu ul li a:visited{color: #F8F8FF;} 
#slantedmenu ul li a:hover{color:#CC0000;}

/******************/
/*Layout body text*/
/******************/

a{color:#000088;}
a:hover{color:#cdcdcd}

		div.Sezione {background-image:url(../img/titolo_tab.jpg); background-repeat:repeat-x; font-size:14px; font-weight:bold; text-align:center; color:#330033 }
		div.evidenza{text-align:center; font-variant:small-caps; font-weight:bold; color:#993333; font-size:14px;}
		div.Sottotitolo{font-size:11px; font-style:italic}

/*LEFT*/div#left {left: 4px; position: absolute; top:186px; width: 205px; }
		div#left p{margin-top:8px}
		div#left ul{margin-top:8px; margin-left:2px; list-style-type:none; font-size:10px}
		div#left ul{list-style-type:none; line-height:22px}
		
/*CENTER*/div#content {margin-left:214px; margin-right:280px; width: auto; font-size:12px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;
						padding-right: 10px;padding-left: 10px;padding-bottom: 10px;}
		  div#content p{margin-top:8px}				
		  div.Infobox {border-bottom:1px solid #cdcdcd; padding-right: 1px;padding-left: 1px;padding-bottom: 1px; }
		  table {font-size:12px; padding: 2px;}
		  td {width:220px; padding: 2px;}

/*CENTER-TEXT*/div#contentext {margin-left:8px; margin-right:280px; width: auto; font-size:14px; line-height:20px; border-right:1px solid #cdcdcd;
						padding-right: 8px;padding-left: 2px;padding-bottom: 2px;}
		  div#contentext p{margin-top:8px}				
		  div.Infobox {border-bottom:1px solid #cdcdcd; padding-right: 1px;padding-left: 1px;padding-bottom: 1px;}
		  table {font-size:12px; padding: 2px;}
		  td {width:220px; padding: 2px;}

/*RIGHT*/div#right {right: 1px; position: absolute; top: 186px; width: 275px; border-bottom: 0px solid #D7D7D7;}
		 div#right p{margin-top:8px}
		 
/*BOTTOM*/div#footer {text-align: center;font-style:italic;margin: 0px;padding: 5px 0;font-weight: bold;color: #F5FFFA; border-top:1px solid #cdcdcd;
						border-bottom: 1px solid #D7D7D7;/*background-image:url('../img/1ft.jpg');background-position:970px;*/ background-color:#B0C4DE}
		  div#footer a {color: #369;font-weight: bold;font-size: 0.8em;text-decoration: underline;}


div#breadcrumb{padding:8px; font-size:10px; border-bottom:1px solid #cdcdcd; text-indent:30px}
.Puntipromozionali {padding:40px; background-image:url('../img/Body-calendar.jpg');background-repeat:repeat-x}
		
/********************/
/*Tabelle e immagini*/
/********************/

.dimensione_tables {height:644px; border:1px solid #cdcdcd;}
.tables {float:left; padding:5px }
.tables_width {float:left; padding:5px; width:294px;}
.tables_width0 {margin-left:680px; margin-top:-75px; height:80px; width:296px; float:left; line-height:16px}
.tables_width1 {float:left; padding:5px; width:195px;}
.tables_width2 {float:left; margin-left:5px; padding:10px; width:304px; border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd}
.tables_width3 {float:right; padding:5px; width:664px;}

table.griglia{font-size:12px; table-layout:fixed; border:1px solid #cdcdcd; width:480px }
table.griglia td{border:1px solid #cdcdcd}

table.schema{font-size:12px; table-layout:fixed; border:1px solid #cdcdcd; width:660px}
table.schema td{border:1px solid #cdcdcd;width:330px; text-align:center}

table.link{font-size:12px; width:680px}
table.link td{padding:20px; width:660px}
table.link caption {border:1px solid #cdcdcd}
	
div#table {padding: 0 0 0 8px;color: #369;border: 0px;top: auto;}
div#table a{color:#369;border: 0px;}

div.marque{margin-right:3px;margin-left:3px; font-size: 12PX;font-style: italic;
	font-weight: bold;	padding:8px; border-bottom:1px solid #cdcdcd}

/********************/
/*icon, note, autori*/
/********************/

div#autore{text-align:right; font-size:10px; font-style:italic; border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd}
.data{font-size:10px; font-style:italic;}
.fonte{text-align:right; font-size:10px; font-style:italic; border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd}
div#nota {font-size:12px; font-style:italic}
div#nota a{float:right; text-decoration:none; text-align:center; background-image:url(img/Notepad.jpg); background-repeat:no-repeat;
			 width:109px; height:105px; text-align:center; padding-right:10px; padding-left:10px; padding-top:10px; font-weight:bold; font-style:italic;
			 color:#009900;}			 
div#nota a:hover {color:#990033 }

a.check{padding-left: 20px;background: url('../img/ico/Check.png') no-repeat left;}
a.mailto{padding-left: 20px;background: url('../img/ico/icon_mailto.gif') no-repeat left}
a.pdf{padding-left: 20px; background: url('../img/ico/file_acrobat.gif') no-repeat left;line-height:16px;}
a.print{padding-left: 20px;background: url('../img/ico/printer.jpg') no-repeat left;}
a.sitemap{padding-left: 20px;background: url('../img/ico/chart_organisation.jpg') no-repeat left;}
a.search{padding-left: 20px;background: url('../img/ico/magnifier.jpg') no-repeat left;}
a.rss{padding-left: 20px;background: url('../img/ico/feed.png') no-repeat left;}
a.link{padding-left: 20px;background: url('../img/ico/1264533377_emblem-symbolic-link.png') no-repeat left;}
.informazione{padding-left: 20px;background: url('../img/ico/information.jpg') no-repeat left;}
.share{padding-left: 20px;background: url('../img/ico//1271953288_star.png') no-repeat left;}

.link{padding-left: 20px;background: url('../img/ico/005024-blue-white-pearl-ico.jpg') no-repeat left;}
.chek{padding-left: 20px;background: url('../img/ico/Check.png') no-repeat left;}
.list{padding-left: 20px;background: url('../img/ico/1253434015_ui-scroll-pane-list.png') no-repeat left;}
.add{padding-left: 20px;background: url('../img/ico/page_white_text.png') no-repeat left;}
.edit{padding-left: 20px;background: url('../img/ico/1253304090_018.png') no-repeat left;}
.delete{padding-left: 20px;background: url('../img/ico/1253303528_DeleteRed.png') no-repeat left;}

.info{padding-left: 20px;background: url('../img/ico/information.png') no-repeat left; color:#FFFFFF}
.imgs{padding-left: 20px;background: url('../img/ico/1310290116_image.png') no-repeat left;}

/************/
/*Newsletter*/
/************/

.newsletter{padding-left: 20px;background: url('../img/ico/1271960238_gnome-stock-mail-new.png') no-repeat left;}
.iscrizione{padding-left: 20px;background: url('../img/ico/1271007480_list2-add.png') no-repeat left;}
.modifica{padding-left: 20px;background: url('../img/ico/1271007528_list-edit.png') no-repeat left;}
.cancella{padding-left: 20px;background: url('../img/ico/1271007549_trash-can-delete.png') no-repeat left;}
.informativa{padding-left: 20px;background: url('../img/ico/1271007514_list-information.png') no-repeat left;}
.accesso{padding-left: 20px;background: url('../img/ico/1271427479_page_white_key.png') no-repeat left;}
.zip{padding-left: 20px;background: url('../img/ico/1271694698_Archive.png') no-repeat left;}
.logout{padding-left: 20px;background: url('../../../img/ico/1271430991_logout.png') no-repeat left;}

/****************/
/*shopping cart */
/****************/

a.cart{ float:right ;padding-right: 40px;background: url('../Editoria/images/1263739249_001_46.jpg') no-repeat right; height:50px; font-style:italic; text-decoration:none;}

a.cart1{margin-left:12px; float:left ;padding-right: 50px;background: url('../Editoria/images/1263739249_001_46.jpg') no-repeat right; font-style:italic; text-decoration:none;}
a.ordina{margin-left:12px; float:left ;padding-right: 50px;background: url('../Editoria/images/1263739305_001_44.jpg') no-repeat right; font-style:italic; text-decoration:none;}
a.recy{margin-left:12px; float:left ;padding-right: 50px;background: url('../Editoria/images/1263739334_001_49.jpg') no-repeat right; font-style:italic; text-decoration:none;}
a.payment{margin-left:12px; float:left ;padding-right: 50px;background: url('../Editoria/images/1264361818_generic.jpg') no-repeat right; font-style:italic; text-decoration:none;}
.riepilogo {border-bottom:1px solid #cdcdcd; height:50px; text-align:center}
.num_prodotti {float:left; border-right:1px solid #cdcdcd; width:130px;}
.carrello {float:left; text-align:center; width:120px; }

.titoli {border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; padding:5px; font-variant:small-caps; font-size:14px; font-weight:bold}
  .bacheca table {font-size:12px; padding: 10px;}
  .bacheca td {width:470px; padding: 10px; vertical-align:top; border:0px solid #cdcdcd}
.dimensione_tables1 {height:420px; border:0px solid #cdcdcd;}
.tables1 {float:left; padding:5px }
.tables_width4 {float:left; padding:10px; font-size:13px; line-height:18px; height:100px; width:318px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd}
.tables_width5 {float:left; padding:5px; width:195px;}
.tables_width6 {float:right; padding:5px; width:684px;}
.tables_width7 {float:left; padding:5px; width:294px;}

/**********************/
/*strumenti e utilità */
/**********************/

div#Tool{text-align:right; color:#F8F8FF; font-size:10px; padding:10px; padding-right:20px; border-bottom:1px solid #cdcdcd}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{padding: 3px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0;font: bold 11px Verdana;list-style-type: none;text-align: right; /*set to left, center, or right to align the menu as desired*/}
.shadetabs li{display: inline;margin: 0;}
.shadetabs li a{text-decoration: none;position: relative;z-index: 1;padding: 3px 7px;margin-right: 3px;border: 1px solid #CDCDCD;color: #2d2b2b;}
.shadetabs li a:visited{color: #2d2b2b;}
.shadetabs li a:hover{text-decoration: underline;color: #2d2b2b;}
.shadetabs li a.selected{ /*selected main tab style */position: relative;top: 1px;}
.shadetabs li a.selected{ /*selected main tab style */;border-bottom-color: white;background: #F0F8FF url(../img/titolo_tab.jpg) top left repeat-x;}
.shadetabs li a.selected:hover{ /*selected main tab style */text-decoration: none;}
.tabcontent{display:none;}
.tabcontent img{border:0px; float:left}
@media print {.tabcontent {display:block !important;}}

/***********/
/*HOME PAGE*/
/***********/

		.dimensione_tables_hp {height:845px; border:1px solid #cdcdcd;}
		.tables_hp {float:left; padding:5px; border:5px solid #000000 }
		.tables_width_hp {float:left; padding:5px; width:250px;} /*Multimedia e Lo sapevi che...*/
		.tables_width0_hp {margin-left:680px; margin-top:-70px; padding:5px; float:left; line-height:20px;}
		.tables_width1_hp {float:left; margin-left:5px; padding:5px; width:334px;border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd} /*Box lungo*/
		.tables_width2_hp {float:left; margin-left:5px; padding:10px; width:210px; border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd} /*Box corto*/
		.tables_width3_hp {float:right; padding:5px; width:708px;} /*Box del titolo*/
		
		.PrimoPiano {padding:20px; background-image:url('../img/Body-calendar.jpg');background-repeat:repeat-x}

		.Sezione1 {background-image:url(../img/blue.jpg); background-repeat:repeat-x; font-size:18px; color:#EEEEEE; font-weight:bold; text-align:center; }
		.Sezione2 {background-image:url(../img/orange.jpg); background-repeat:repeat-x; font-size:18px; color:#EEEEEE; font-weight:bold; text-align:center; }
		.Sezione3 {background-image:url(../img/green.jpg); background-repeat:repeat-x; font-size:18px; color:#EEEEEE; font-weight:bold; text-align:center; }
		.evidenza{text-align:center; font-variant:small-caps; font-weight:bold; color:#993333; font-size:14px;}


/*LEFT*/div#leftHP {left: 4px; position: absolute;top: 180px;width: 205px; }
		div#left p{margin-top:8px}
		div#left ul{margin-top:8px; margin-left:2px; list-style-type:none; font-size:10px}
		div#left ul{list-style-type:none; line-height:22px}
		
/*CENTER*/div#contentHP {margin-top:7px; margin-left:220px; margin-right:220px; width: auto; font-size:12px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;
						padding-right: 10px;padding-left: 10px;padding-bottom: 10px;}
		  div#content p{margin-top:8px}				
		  div.Infobox {border-bottom:1px solid #cdcdcd; padding:2px; }
		  table {font-size:12px; padding: 2px;}
		  td {width:220px; padding: 2px;}
		  .home table {font-size:12px; padding: 10px;}
		  .home td {width:470px; padding: 10px; vertical-align:top; border:1px solid #cdcdcd}

/*RIGHT*/div#rightHP {right: 4px; position: absolute; top: 180px; width: 205px;}
		 div#right p{margin-top:8px}

.img {width:85px; height:70px; margin-right:5px; float:left }
/*****************/
/**IMPAGINAZIONE**/
/*****************/

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/

text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid #CDCDCD;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color:#F0F4FD;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #000000;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: #F0F4FD;
}

/**************/
/*WINDOW POPUP*/
/**************/
		#infobox{background:#ffffff;color:#000000;border:1px solid #494949;}
		
		#fade {
			display: none;
			background: #000; 
			position: fixed; left: 0; top: 0; 
			z-index: 10;
			opacity: .80;
			z-index: 9999;
		}
		.popup_block{
			display: none;
			background: #fff;
			padding: 20px; 	
			border: 1px solid #F5F5F5;
			float: left;
			font-size: 1.2em;
			position: fixed;
			top: 51%; left: 51%;
			z-index: 99999;
			-webkit-box-shadow: 0px 0px 20px #E2E2DB;
			-moz-box-shadow: 0px 0px 20px #E2E2DB;
			box-shadow: 0px 0px 20px #E2E2DB;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		img.btn_close {
			width:16px;			height:16px;	border:0px solid;
			float: right; 
			margin: -10px -10px 0 0;
		}
		.popup p {
			padding: 5px 10px;
			margin: 5px 0;
		}
		/*--Making IE6 Understand Fixed Positioning--*/
		*html #fade {
			position: absolute;
		}
		*html .popup_block {
			position: absolute;
		}