/* CSS Document */
body{
	background-color:White;
	padding:0 0px 0 0px;
	border-top:0;
	/*background-attachment: scroll;
	background-image: url(layoutPB_paginaBG.png);
	background-repeat: repeat-x;
	background-position: left top;
	*/
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
/*	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	color: #000000;
	font-size: 0.7em;
	width: 400px;
}

/*generici*/
a {
	text-decoration: none;
	color: #006699;
}
a:link {
	color: #006699;
}	
a:active {
	color: #0066CC;
}
a:visited {
	color: #336699;
}	
a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/*
p{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	color:#666666;
}	
*/

img {
	border:0;
}

/*
table{
color:#333333;
background-color:#FFFFFF;
}

table h2{
color:#333333;
}
table p{
color:#000000;
}
*/

/*generici fine*/

/* Supercontainer */
#page {
	/*
	background-image: url(images/);
	background-repeat: repeat-y;
	left:0px;
	*/
	/*border: 3px dotted Red;*/
	padding: 0px;
	width: 500px;
	float: left;
	margin: 0 auto 0 auto;
/*	background: #fff url(containe.gif) repeat-y;*/
	text-align: left;
	/*position: relative;
	vertical-align:top;*/
	visibility: visible;
	height:auto;
}


#logo {
	position:absolute;
	top:3px;
	left:663px;
	display: block;
	width: 150px;
	margin: 0px;
	z-index: 16;
}

#corpo {
	position:absolute;
	/*width: 778px;*/
	height:auto;
	float:right;
	line-height: normal;
	background-image: none;
	background-repeat: repeat-y;
	background-position:left;
	
	z-index: 1;
	left: 0px;
	top: 0px;
	color: #333;
	background-color: White;
}

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

#content {
	float: left;
	/*Altezza minima del corpo dentro*/
	/*min-height: 500px;
	height: auto !important;
	height: 500px;
	/*font-size:12px;*/
	/*padding: 0px 20px 0px 280px;*/
	padding-left: 20px;
	padding-right: 24px;
	padding-top: 22px;
	padding-bottom: 20px;
	/*margin-top: 30px;*/
	/*border: 1px solid Purple;*/
	/*background-color: Yellow;*/
}
/* Gli h csono definiti dopo. */

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	/*border: 1px dotted Blue;*/
	padding: 0px;
	color: #173793;
	font-weight: normal;
}
#content h2,
#content h2 a {
	margin: 0px;
	font-size: 14px;
	color: Gray;
}
#content h3 {
	font-size: 12px;
	color: Gray;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	border-bottom: 1px solid Gray;
	width: 100%;
}
#content h4 {
	font-size: 14px;
	color:#CCCCCC;
}

#content ul {
	margin-top: 0px;
}


#content div.image {
	/*display: inline;
	float: left;*/
	text-align: center;
	font-size: 10px;
	color: #999;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding: 10px;
}
#content div.imageleft {
	display: block;
	/*float: left;*/
	font-size: 10px;
	text-align: center;
	color: #999;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #CCC;
	padding: 10px;
	
}
#content div.imageright {
	display: block;
	/*float: right;*/
	font-size: 10px;
	text-align: center;
	color: #999;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #CCC;
	padding: 10px;
	
}

#content div.image img,
#content div.imageleft img,
#content div.imageright img {
	/*display: block;
	margin-bottom: 5px;
	/*
	padding-bottom: 2px;
	border-bottom: 1px solid #CCC;
	*/
}

#content p {
	margin: 0px 0px 16px 0px;
}

#content a {
	text-decoration: underline;
	color: #333;
}

#content a:hover {
	color: #FF6600;
}

#content ul {
	margin-top: 0px;
	list-style-image: url(images/ico-list.gif);
}

#content #player {
	background-color: transparent;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 90px;
	left: 700px;
	display: none;
}
#content div.reparti {
	float: left;
	width: 200px;
	margin: 0px 10px 10px 10px;
}
#content div.reparti h3,
#content div.reparti h3 a{
	color: #d08d0b;
	text-decoration: none;
}
#content div.reparti p a{
	color: #666;
}
#content div.news h2 {
	font-size: 12px;
	color: #85AF2E;
	margin-top: 0px;
	padding-top: 0px;	
	
}
#content div.news .data {
	font-size: 10px;
	display: block;
	color: #999;
}
#logo-print {
	text-align: center;
	display: block;
	/*float: right;
	margin-right: 10px;
	*/
}
#header {
	padding: 0px;
	z-index: 11;
	height: 66px;
	/*width:778px;*/
	top:0;
	left:0;
	clear: both;
	float: right;
	/*font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-size:10px;
	/*border: 1px dotted Red;*/
	background-position:left top;
	background-repeat:no-repeat;
	display: none;
}
/*
body.perche #header {
	background-image: url(images/bg-menu-perche_estate.jpg);
}

body.negozio #header {
	background-image: url(images/bg-menu-negozio_estate.jpg);
}
body.proposte #header {
	background-image: url(images/bg-menu-proposte_estate.jpg);
}
body.dove #header {
	background-image: url(images/bg-menu-dove_estate.jpg);
}
body.contatti #header {
	background-image: url(images/bg-menu-contatti_estate.jpg);
}
body.sitemap #header,
body.statement #header,
body.help #header,
body.ricerca #header {
	background-image: url(images/bg-menu-page_estate.jpg);
}
*/
/****	MENU 	****/
#menu ul {
	height: 30px; 
}

#menu a {
  position: absolute;
  width: 30px;
  height:30px;
  top: 0px; 
  text-decoration: none;
  
  border-right: 1px solid White;
  /*border: 1px dotted Red;*/
  }

#menu a i { 
  visibility: hidden;
  top:20px; }

a#negozio { left: 0px; width:72px; }
a#perche{ left: 72px; width:113px;}
a#proposte { left: 185px; width:122px;  }
a#dove { left: 307px; width:80px;}
a#contatti { left: 387px; width:66px; }
a#home { left: 552px; width:54px; 
border-right: none;  }
/*se si vuole cambiare immagine */

/*
a#home:hover { background-image: url(/images/anna.jpg);}
a#home:hover { border: none; } 
*/
/* e se vuoi che funzioni in IE (te pareva ceh non aveva problemi pure qui.)*/
/*ok adesso lo spazio link del banner e' finito.*/

#menu li {
	display:inline;
/*	padding: 3px 3px 10px 20px;*/
	padding-left:10;
	padding-bottom:10;
	border-left:#FFFFFF thin;
	list-style-image: url(images/ico-list.gif);
} 

#menu ul {
	height: 30px; 
	padding: 0px;
	margin: 0px 0px 20px 0px;
	list-style-image: url(images/ico-list.gif);
	line-height: 30px;
}
#menu li {
	height: 30px; 
	padding: 0px;
	margin: 0px 0px 20px 0px;
	list-style-image: url(images/ico-list.gif);
	line-height: 30px;
} 

/****	SUBMENU		****/
#submenu {
	position: absolute;
	display:none;
	left: 40px;
	top: 40px;
	font-size: 11px;
	height: 25px;
	z-index: 17;
	font-style: normal;
	font-weight: bold;
	width: auto;
}

#submenu ul {
	margin: 0;
	padding: 0 0px;
	list-style-type: none;
	/*font-size: 10px;*/
}

#submenu li {
	display:inline;
	margin-right:10px;
	/*border: 1px dotted Red;*/
}

#submenu a {
	color:#CC9900;
	text-decoration:none;
	font-weight:bold;
	height:26;
	background: url(images/ico-list.gif) no-repeat;
	background-position:10px 11px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom:2px;
	padding-top:10px;
	text-decoration:none;
	/* internet explorer work around on minHeight */
	/* thanks to www.constile.org */
	/* if someone know the right owner of the code let me know please! */
	min-width: 100px;
	width: auto !important;
	width: 100px;
	/* end workaround as*/

}

#submenu a:hover,
#submenu a:active {
	color:#CC6600;
	background-position:13px 11px;
}


/* */	
#title {
	padding: 0px;
	z-index: 11;
	height: 36px;
	width:778px;
	top:0;
	left:0;
	clear: both;
	float: right;
	background-position:left top;
	background-repeat:no-repeat;
	/*border: 1px solid Green;*/
	display: none;
}
body.perche #title {
	background-image: url(images/title-area-perche_estate.jpg);
}
body.negozio #title {
	background-image: url(images/title-area-negozio_estate.jpg);
}
body.proposte #title {
	background-image: url(images/title-area-proposte_estate.jpg);
}
body.dove #title {
	background-image: url(images/title-area-dove_estate.jpg);
}
body.contatti #title {
	background-image: url(images/title-area-contatti_estate.jpg);
}
body.sitemap #title {
	background-image: url(images/title-area-sitemap_estate.jpg);
}
body.statement #title {
	background-image: url(images/title-area-statement_estate.jpg);
}
body.help #title {
	background-image: url(images/title-area-help_estate.jpg);
}
body.ricerca #title {
	background-image: url(images/title-area-ricerca_estate.jpg);
}
#pageEnd {
	position:relative;
	color:#CCCCCC;
	background-color:#CCCCCC;
	text-align:center;
	font-size:10px;
	height:23px;
	width: 100%;
	background-image: url(images/bg-footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:10;
	vertical-align: bottom;
	/*border: 1px solid Green;*/
	float: left;
	display: none;
}

#corpoFirma {
	position:relative;
	color:#FFFFFF;
	text-align:center;
	font-size:10px;
	width: 100%;
	z-index:11;
	vertical-align: bottom;
	background: #313131;
}

#corpoFirma h1 {
	font-size: 24px;
	min-height:40px;
}

/*
#corpo h1,h2,h3,h4 {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:0;
	padding:0px;
	margin:0px;
}
#corpo h1 {
	padding-top:20px;
	font-size: 36px;
	min-height:40px;
	font-family: Arial, Helvetica, sans-serif;
/*
background-image:url(Sfumatochiaro.png);
background-position:bottom left;
background-repeat:no-repeat;
*/



/* extra decoration */

#cover{
	position:absolute;
	top:102px;
	left:0px;
	width:256px;
	height:182px;
	/*background-image:url(images/cover-proposte_estate.jpg);*/
	z-index: 3;
	visibility: visible;
	background-color: Red;
	/*border: 1px dotted Green;*/
}
#cover2 {
	position: absolute;
	top: 102px;
	/*background-color: Fuchsia;*/
	/*height: 180px;*/
	z-index: 1;
	display: none;
}
#extraImgLeft{
	position:absolute;
	top:283px; /*ma perche ???*/
	left:0px;
	width:34px;
	height:169px;
	background-image:url(images/bg-cover_estate.jpg);
	z-index: 4;
	visibility: visible;
	display: none;
	/*border: 1px dotted Green;*/
}

/****	MENU A SINISTRA  ****/

#menuleft {
	font-size: 90%;
	position:absolute;
	top:293px;
	left:30px;
	z-index: 4;
	/*border: 1px Dotted Red;*/
	color: #9A9A9A;
	width: 210px;
	display: none;
}

#menuleft ul {
	margin-top: 0px;
	list-style-image: url(images/ico-list.gif);
	/*background-color: Aqua;*/
}

#menuleft li {
	margin-top: 3px;
}

#menuleft a {
	font-size: 110%;
	color:#CC6600;
	text-decoration: underline;	
}
#menuleft ul.relazioni li a {
	font-weight: bold;
	color: #98A90C;
}
#menuleft a:hover{
	color:#FF6600;
}

#utilities {
	display: none;
	float: left;
	color: Black;
	font-size: 10px;
	padding-left: 20px;
	
	/*border: 1px dotted #CCC;*/
	padding-bottom: 20px;
}
#utilities a {
	color: #666;
	text-decoration: none;
	display: none;
}
#utilities a:hover {
	color: #FF6600;
}
div.gallery img {
	margin: 5px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #CCC;
}


/********************************
 		FORM 
********************************/

form {
	margin: 0px;
	padding: 0px;
}

.asterisco {
	color: Red;
	font-size: 10px;
}
.privacy {
	font-size: 90%;
}
fieldset {
	display: block;
	text-align: left;
	margin: 0px 10px 10px 0px;
	padding: 0px 5px 5px 5px;
}
fieldset legend {
	margin-bottom: 10px;
	font-weight: bold;
	color: #98A90C;
}
fieldset label {
	display: block;
	font-size: 9px;
	margin-top: 5px;
	
}
form input.pulsante {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 2px;
	background-color: #F5F5F5;
	/*background-image: url(../images/panel_bg-button.gif);*/
	color: #B22222;
	font-size: 90%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
form input {
	font-size: 90%;
}
form input.search {
	border-top: 1px #deff0f;
	border-left: 1px #deff0f;
	border-bottom: 1px #899a00;
	border-right: 1px #899a00;
	background-color: #9cb700;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 1px;
	font-weight: bold;
}
#content div.back {
	text-align: right;
	font-size: 10px;
}
#content div.back a {
	color: #666;
	text-decoration: none;
}
a.interattiva {
	font-size: 9px;
	/*color: #666666;*/
	text-decoration: none;
	padding: 0px 0px 0px 9px;
	background-image: url(images/interattiva_icon.gif);	   
	background-position: 0px 4px;
	background-repeat : no-repeat;
	display: inline;
}
a.interattiva:hover {
	text-decoration: underline;
}
.keyword {
	background-color: Yellow;
	font-weight: bold;
}