/* Colours:
   Metropolitan Purple: #39104A
   Metropolitan Beige:	#DDD5CF
   Textbox BG:		#FFA65F
*/

/* Defaults */
body
{
  margin-top:10px;
  background: #FFCC33 url(/extension/ezwebin/design/ezwebin/images/back.jpg) 0 top repeat-x;
  text-align: left; vertical-align: top;
  font: normal small verdana, arial, helvetica, sans-serif;
}
a 	  {text-decoration:underline; }
a:link 	  {color:black;}
a:visited {color:blue;}


ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#main{width: 980px; margin-bottom:-220px;} /*780*/
#navbar{height: 450px; width: 200px;}
#qrez{width: 180px;}
#banneralto{width:100%;}
#datepicker{padding-left:20px;}
#datepicker #datepicker_title{color:white; float:left; font-size:16px;margin-right:20px; overflow:hidden; margin-top:3px;}
.content-view-children{overflow:hidden; float:left;}
.class-article h2 {margin-bottom:10px;}
.class-article h2 a {font-size:15px; text-decoration:none; font-weight:bold;}
.class-article .dettagli{float:right; clear:both; margin-top:30px;}
#infobar{width:100%;}
#module_result{width:99%;}
#footer{width:100%;}

#barra_info{background: #ffffff url("/extension/ezwebin/design/ezwebin/images/sfondo-info.jpg") 0 top no-repeat; width:100%; height:56px;}

#menu14 {
	width: 200px;
	margin: 10px;
	}
	
#menu14 li{ margin-bottom:3px;}
	
#menu14 li a {
        color:white!important;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu14 li a:link, #menu14 li a:visited {
	color: #333;
	display: block;
	background:  url(/extension/ezwebin/design/ezwebin/stylesheets/menu14.gif);
	padding: 8px 0 0 10px;
	}
	
#menu14 li a:hover, #menu14 li a.selected  {
	color: red!important;
        font-weight:bold;
	background:  url(/extension/ezwebin/design/ezwebin/stylesheets/menu14.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}	

/* Vertical Nav Bar Button */
.vbutton, .vbuttonhl
{ height: 22px; text-align: left; vertical-align: bottom;
  font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: -0.05em; line-height: 1.2em;
}
.vbutton
{ background-color: #DDD5CF; color: #39104A;
  border-bottom: 5px white   solid;
}
.vbutton a 		{color:inherit; text-decoration:none;
			 display: block; width: 100%; height: 100%; }
.vbutton a:visited	{color:#39104A;}
.vbutton a:link    	{color:#39104A;}
.vbutton a:hover 	{color:#4F1C00;}

.vbuttonhl
{ background-color: #D0C8C8; color: #4F1C00;
  border-bottom: 5px white   solid;
}
.vbuttonhl a 		{color:inherit; text-decoration:none;
			 display: block; width: 100%; height: 100%; }
.vbuttonhl a:visited	{color:#39104A;}
.vbuttonhl a:link    	{color:#39104A;}
.vbuttonhl a:hover 	{color:#4F1C00;}

/* Vertical Nav Bar SubMenu Button */
.sbutton
{ background-color: white; color: #39104A;
  height: 10px; text-align: right; vertical-align: bottom;
  font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: 0.01em; line-height: 1.2em;
  border-top: none;
  border-bottom: 1px white solid;
}
.sbutton a 		{color:inherit; text-decoration:none; }
.sbutton a:visited	{color:#39104A;}
.sbutton a:link    	{color:#39104A;}
.sbutton a:hover 	{color:black;   text-decoration:underline;}

/* Overall style for the main content panel */
.maintd
{ width:750px;
  background-color: white; color: #4F1400;
  text-align: left; vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  border: 3px #FF0100 solid; 
  font-size: 13px;
  letter-spacing: 0.01em; line-height: 1.2em;
}
.maintd a 	  {color:inherit; text-decoration:underline; }
.maintd a:visited {color:black;}
.maintd a:link    {color:black;}
.maintd a:hover   {color:blue;}

.hmenu
{ background-color: #FFA65F; color: #444444;
  width: 750px; text-align: left; vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.01em; line-height: 1.75em;
  margin-left: 10em;
  border-top: 8px white solid;
}
.hmenu a 	 {color:inherit; text-decoration:underline; }
.hmenu a:visited {color:#444444;}
.hmenu a:link    {color:#444444;}
.hmenu a:hover   {color:black;}

/* Headlines */

.bannerbox, .bannerbox2
{ background-color: #AF0007; color: #4F1C00;
  text-align: left; vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight:400;
  letter-spacing: -0.01em; line-height: 1.2em;
  margin-left: 10em;
  border-top: 25px #AF0007 solid;
  border-bottom: 5px #AF0007 solid;
}
.bannerbox
{ border-right: 30px #AF0007 solid;
  border-left:  35px #AF0007 solid;  
}
/* Headlines, justified right */
.bannerbox2
{ border-right: 30px #AF0007 solid;
  border-left: 210px #AF0007 solid;  
}
.bannerbox3
{ background-color: #AF0007; color: #4F1C00;
}
.bannertextlg, h1
{ font-size: 14px; 
  font-weight:bold;
  letter-spacing: 0.4em; 
  color:#4F352C;
  margin: 0;
  text-align: center;
}

.bannertextsm, h2
{ font-size: 11px; line-height: 13px; font-weight: normal;
  letter-spacing: 0.1em; color: #4F352C;
  margin: 0;
}

/* This is the main copy area. */
.textbox, .illustratedbox
{ background-color: #FCF0EB; #4F1C00;
  text-align: left; vertical-align: top;
  border-top: 30px #FCF0EB solid;
  border-bottom: 50px #FCF0EB solid;
  border-left: 35px #FCF0EB solid;  
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
  margin-left: 10em;
  margin-right: 0em;
}
.textbox 			{border-right: 75px #FCF0EB solid;}
.textbox a 			{text-decoration: underline;}
.textbox a:visited 		{color:#4F1C00;}
.textbox a:link  		{color:#4F1C00;}
.textbox a:hover   		{color:#000000;}

.illustratedbox 		{border-right: 10px #FCF0EB solid;}
.illustratedbox a 		{text-decoration: underline;}
.illustratedbox a:visited 	{color:#4F1C00;}
.illustratedbox a:link  	{color:#4F1C00;}
.illustratedbox a:hover   	{color:#000000;}

.picbesidetextbox
{ background-color: #FCF0EB; color: #4F1C00;
  text-align: left; vertical-align: top;
  border-top: 0px #FCF0EB solid;
  border-bottom: 10px #FCF0EB solid;
  border-right: 65px #FCF0EB solid;
  border-left: 15px #FCF0EB solid;  
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
  margin-left: 10em;

}
.picbesidetextbox a { text-decoration: underline;}
.picbesidetextbox a:visited {color:#4F1C00;}
.picbesidetextbox a:link    {color:#4F1C00;}
.picbesidetextbox a:hover   {color:#000000;}


.item
{ font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
  margin-left: 1.45em;
  text-indent: -1.45em;
  margin-bottom: 0.25em ;
}

.textbox_links
{ font-size: 10px; font-weight: 400;
  border-top: 15px #FCF0EB solid;
}

.text_links
{ font-size: 10px; font-weight: 400;
  margin-left: 0em;
  text-indent: 0em;
  border-top: 15px #FCF0EB solid;
}

.dot_r
{ font-size: 10px; font-weight: 400;
  text-align: center;
  vertical-align: top;
  color: #4F1C00;
}
.dot_l
{ font-size: 10px; font-weight: 400;
  text-align: left;
  vertical-align: top;
  color: #4F1C00;
}

.spacebox
{ background-color: white; color: #4F1C00;
  text-align: left; vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 3px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.0em;
}

.pictures
{ background-color: #FCF0EB ; color: black;
  vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
}

.leftpictures
{ background-color: #FCF0EB ; color: black;
  vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  border-bottom: 15px #FCF0EB solid;
  border-left: 35px #FCF0EB solid;  
  margin-left: 10em;
  width: 75px;
}
 
.hyperpic	{border: 1px white solid;}
.hyperpichl 	{border: 1px black solid;}

.fieldbutton, .fieldbuttonhl, .bigbutton, .bigbuttonhl
{ text-align: center; vertical-align: middle;
  font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: +0.05em; line-height: 2em;
}
.fieldbutton
{ background-color: #888888; color: #4F1C00;
  border:  1px white solid;
  width: 150px; height: 22px;
}
.fieldbuttonhl
{ background-color: #AF0007; color: black;
  border:  1px black solid;
  width: 150px; height: 22px;
}
.fieldbutton a, .fieldbuttonhl a
{ text-decoration:underline; vertical-align: middle;
  display: block; width: 100%; height: 100%;
}
.fieldbutton a
{ background-color: #888888; color: #4F1C00;}
.fieldbuttonhl a
{ background-color: #AF0007; color: black;}
.fieldbutton a:visited, .fieldbutton a:link, .fieldbutton a:hover
{ color:#4F1C00;}
.fieldbuttonhl a:visited, .fieldbuttonhl a:link, .fieldbuttonhl a:hover
{ color:#4F352C;}

.bigbutton
{ background-color: #888888; color: #4F1C00;
  border:  1px white solid;
  width: 225px; height: 22px;
}
.bigbuttonhl
{ background-color: #AF0007; color: black;
  border:  1px black solid;
  width: 225px; height: 22px;
}
.bigbutton a, .bigbuttonhl a
{ color:inherit; text-decoration:underline;
  display: block; width: 100%; height: 100%;
}
.bigbutton a:visited, .bigbutton a:link, .bigbutton a:hover
{ color:#4F1C00;}
.bigbuttonhl a:visited, .bigbuttonhl a:link, .bigbuttonhl a:hover
{ color:#4F352C;}

.widebutton, .widebuttonhl
{ width: 250px; height: 22px; text-align: center; vertical-align: bottom;
  font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: -0.05em; line-height: 1.2em;
}
.widebutton a, .widebuttonhl a
{ color:inherit; text-decoration:none; vertical-align: bottom;
  display: block; width: 250px; height: 100%;
}
.widebutton a:visited, .widebutton a:link,
.widebuttonhl a:visited, .widebuttonhl a:link
{ color:#39104A; }
.widebutton a:hover, .widebuttonhl a:hover
{ color:#4F1C00;}

.widebutton
{ background-color: #DDD5CF; color: #39104A;
  border-bottom: 1px #DDD5CF solid;
}

.widebuttonhl
{ background-color: #D0C8C8; color: black;
  border-bottom: 1px #D0C8C8 solid;
}

.text, .nitext, .adrform td
{ background-color: #FCF0EB; color: #4F1C00;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
}
.text   		{margin-left: 10em;}
.text a 		{text-decoration: underline;}
.text a:visited 	{color:#4F1C00;}
.text a:link    	{color:#4F1C00;}
.text a:hover   	{color:#000000;}
.nitext a 		{text-decoration: underline;}
.nitext a:visited 	{color:#4F1C00;}
.nitext a:link    	{color:#4F1C00;}
.nitext a:hover   	{color:#000000;}

.inputtxt
{ background-color: white; color: black;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
}

.questiontxt
{ background-color: #AF0007; color: #4F352C;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
  height: 24px;
}

.answertxt
{ background-color: white; color: #666666;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
  height: 22px;
}

.adrform td.label { width: 150px; vertical-align: middle; text-align: right;}
.adrform td.field { width: 375px; vertical-align: top; text-align: left;}

.date_area, .n_area, .property_area, .code_area
{ text-align: center; vertical-align: middle;
  font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: +0.05em; line-height: 1.5em;
  background-color: #888888; color: #4F1C00;
  border:  0px black solid;
}

.date_area
{ width: 105px; height: 12px; border: 2px #DDD5CF solid; text-align: center; }

.rezz_date_area
{ width: 125px; height: 12px; border: 2px #DDD5CF solid; text-align: center;
  background-color: #888888; color: #4F1C00;
}

.n_area
{ width: 50px; height: 12px; }

.property_area
{ width: 160px; height: 12px; text-align: right;}

.code_area
{ width: 85px; height: 16px; border: 2px #DDD5CF solid;}

.qrez, .qrez_error, .rezz, .rezz_error
{ font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: 0.01em; line-height: 1.5em; text-align: right;
}

.rezz, .rezz_error, .rez
{ font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 10px; font-weight: 500;
  letter-spacing: 0.01em; line-height: 1.5em; text-align: right;
  background-color: #FCF0EB; color: #4F1C00;
}

.qrez_error, .rezz_error
{ letter-spacing: 0.005em; line-height: 1.0em; text-align: right;
  color: #FF4444
}

.rezz_error
{ background-color: #4F352C;}


/* TABLES */

table.cols
{
    width: 100%;
    margin: 1em 0 1em 0;
    border: none;
	font-weight: bold;
	text-align: center;
	color: #AF0007;
	width: 180px;
}

table.cols th, table.cols td
{
    padding: 0.5em;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    vertical-align: top;
}

table.cols th
{
    font-weight: bold;
    color: #525345;
    background-color: #CCCCFF;
    white-space: nowrap;
    text-align: left;
    background-image: url(../images/th_bg.png);
    background-repeat: repeat-x;
    background-position: top left;
}

table.cols td
{
    font-weight: normal;
}

table.cols th:first-child, table.cols td:first-child
{
    border-left: 1px solid #ffffff;
}

table.cols col.bglight, div.bglight
{
    background-color: #FCF0EB;
}

table.cols col.bgdark, div.bgdark
{
    background-color: #6666CC;
}

table.cols tr.bglight:hover, table.cols tr.bgdark:hover
{
    background-color: #6666CC;
}

table.cols tr.bglight:hover td, table.cols tr.bgdark:hover td
{
    background-color: #9999CC;
}

table.cols a
{
    border-bottom-color: #6666CC;
}

table.renderedtable
{
    width: 100%;
    margin: 1em 0 1em 0;
    border: none;
}

table.renderedtable th, table.renderedtable td
{
    padding: 0.5em;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    vertical-align: top;
}

table.renderedtable th
{
    font-weight: bold;
    color: #525345;
    background-color: #CCCCFF;
    white-space: nowrap;
    text-align: left;
    background-image: url(../images/th_bg.png);
    background-repeat: repeat-x;
    background-position: top left;
}

table.renderedtable td
{
    font-weight: normal;
}

table.renderedtable th:first-child, table.renderedtable td:first-child
{
    border-left: 1px solid #ffffff;
}

table.renderedtable tr.bglight, div.bglight
{
    background-color: #9999CC;
}

table.renderedtable tr.bgdark, div.bgdark
{
    background-color: #6666CC;
}

table.renderedtable tr.bglight:hover, table.renderedtable tr.bgdark:hover
{
    background-color: #6666CC;
}

table.renderedtable tr.bglight:hover td, table.renderedtable tr.bgdark:hover td
{
    background-color: #9999CC;
}

table.renderedtable a
{
    border-bottom-color: #6666CC;
}

table.comparison
{
    width: 100%;
    margin: 1em 0 1em 0;
    border: none;
}

table.comparison th, table.comparison td
{
    padding: 0.5em;
    vertical-align: top;
}

table.comparison th
{
    font-weight: bold;
    color: #525345;
    background-color: #CCCCFF;
    white-space: nowrap;
    text-align: left;
    background-image: url(../images/th_bg.png);
    background-repeat: repeat-x;
    background-position: top left;
}

table.comparison td
{
    font-weight: normal;
	text-align: center;
	color: #AF0007;
	font-weight:bold;
}

table.comparison th:first-child, table.comparison td:first-child
{
background-color:#FF8C3F;
}

table.comparison col.bglight, div.bglight
{
background-color:#FF8C3F;
}

table.comparison col.bgdark, div.bgdark
{
    font-weight: normal;
    color: #525345;

    white-space: nowrap;
    text-align: left;
}

table.comparison tr.bglight:hover, table.comparison tr.bgdark:hover
{
    background-color: #9999CC;
}
table.comparison tr.bglight td
{
    background-color: #FF8C3F;
}
table.comparison tr.bgdark td
{
    background-color: #EFD177;
}

table.comparison a
{
    border-bottom-color: #6666CC;
}
			
	
/* ARTICLE */

div.content-view-full div.class-article div.attribute-header h1
{
    background: none;
    padding-bottom: 0;
    margin-bottom: 0.25em;
}

div.content-view-full div.class-article div.attribute-byline
{
    background-image: url(../images/attribute_header_bg_medium.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    margin-bottom: -0.25em;
    display: block;
}

div.content-view-full div.class-article div.attribute-short
{
    font-weight: bold;
}

div.content-view-line div.class-article div.attribute-short
{
    font-weight: normal;
}

div.content-view-embed div.class-article div.attribute-short
{
    font-weight: normal;
}

div.content-view-full div.class-article div.attribute-long
{
    background-image: url(../images/attribute_header_bg_medium.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 56px;
}

div.attribute-tipafriend
{
    background-image: url(../images/attribute_header_bg_medium.png);
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: 2em;
}

div.attribute-tipafriend p
{
    padding-top: 2em;
}

div.attribute-tipafriend a
{
    padding-left: 26px;
    background-position: left center;
}

/* POSITION CONTROL */

div.block /* Used around groups of objects which are connected in some way, and requires extra margins to the surroundings */
{
    margin: 0.5em 0 0.5em 0;
    padding: 0;
    clear: both;
}

div.block div.element /* Used if several objects are to be stacked horizontally within the same block */
{
    padding-right: 1em;
    float: left;
}

div.block div.left /* Floats elements to the left in a block */
{
    width: 48%;
    float: left;
    clear: left;
}

div.block div.right /* Floats elements to the right in a block */
{
    width: 48%;
    float: right;
    clear: right;
}

div.object-left /* Used for floating images and other content elements to the left inside other content */
{
    margin: 0.25em 0.25em 0.25em 0;
    float: left;
    clear: left;
}

div.object-right /* Used for floating images and other content elements to the right inside other content */
{
    margin: 0.25em 0 0.25em 0.25em;
    float: right;
    clear: right;
}

.float-break
{
    height: 1%; /* Fix for IE */
}

.float-break:after /* Terminate floating elements flow */
{
    content: "-";
    height: 0;
    font-size: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

div.break /* Old method for terminating floating elements flow; kept for backwards compatibility */
{
    clear: both;
    font-size: 1px; /* Fix for IE */
    height: 1px;
    margin-bottom: -1px;
}

/* IMAGE */

div.attribute-image
{
    margin: 0.25em 0 0.5em 0;
}

div.content-view-full div.attribute-image
{
    float: right;
    margin-left: 0.5em;
    margin-right: 0;
}

div.content-view-full div.class-image div.attribute-image
{
    margin-left: 0;
    float: none;
}

div.content-view-full div.attribute-image div.caption
{
    background-color: #EAE9E1;
    font-size: 0.8em;
    text-align: center;
    margin: 2px 0 0 0;
}

div.content-view-full div.attribute-image div.caption p
{
    padding: 3px;
    margin: 0;
}

div.content-view-line div.attribute-image
{
    float: left;
    margin-right: 0.5em;
    margin-left: 0;
}

div.content-view-embed div.attribute-image
{
    float: left;
    margin-right: 0.5em;
    margin-left: 0;
}

div.object-left div.content-view-embed div.class-image div.attribute-image
{
    margin: 0;
    float: none;
}

div.object-right div.content-view-embed div.class-image div.attribute-image
{
    margin: 0;
    float: none;
}

div.object-center div.class-image
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.object-center div.content-view-embed div.class-image div.attribute-image
{
    margin: 0;
    float: none;
}

div.content-view-embed div.class-image div.attribute-caption
{
    background-color: #EAE9E1;
    font-size: 0.8em;
    text-align: center;
    margin: 2px 0 0 0;
}

div.object-center div.content-view-embed div.class-image div.attribute-caption
{
    margin: 2px auto 0 auto;
}

div.content-view-embed div.class-image div.attribute-caption p
{
    padding: 3px;
    margin: 0;
}

.attribute-header h1{font-size:18px; margin-bottom:10px;}
.attribute-short{float:left; overflow:hidden; width:450px;}
.attribute-short .data{text-align:left; margin-bottom:-7px; color:#7F6157; font-size:10px;}
.attribute-image{float:right; border:1px solid #7F6157; padding:2px;}
.attribute-info{float:left; width:340px; min-height:60px; border:1px solid #7F6157; padding:10px;}
.attribute-info .info-head{text-align:center; font-size:12px; font-weight:bold; margin-bottom:10px;}
.attribute-long{float:left; clear:none;}
.attribute-map{float:left; border:1px solid #7F6157; width:98%; padding:5px;}
.attribute-map .mappa-head{text-align:center; font-size:12px; font-weight:bold;}


.box_last{width:150px; background: url(/extension/ezwebin/design/ezwebin/images/box_up.png) 0 top no-repeat; position:relative; float:right; right:-60px;}
.box_sotto{width:150px; height:38px; background: url(/extension/ezwebin/design/ezwebin/images/box_down.png) 0 top no-repeat;}
.box_last .lastminute {margin-left:20px; margin-top:20px;}
.box_last .img_lasthome{border:2px solid #CD3300; width:100px; padding:5px;}
.box_last .last_dati{margin-top:10px;  width:112px;}
.box_last .altri_last{top:20px; position:relative; left:35px;}
.box_last .last_titolo{font-size:12px; font-weight:bold;}
.box_last h4{font-size:14px;}

  #slide { width: 754px;	height: 325px; }

