body 		{
			margin: 0;
			background: #1e58d4 url(images/bg-marzago.png);
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #576278;
			}
		
blockquote		{
				font-size: 90%;
				line-height: 135%;
				}
				
				
#wrapper	{
			width: 814px;
			margin: 0 auto;
			background: url(images/wrapper.png) repeat-y;
			}
			

#header		{
			margin: 0 auto;
			width: 798px;
			height: 170px;
			background: #6090d0 url(images/marzago-header.jpg) no-repeat;
			}			
	



/* menubar contiene links y banderas ----------------------- */
	
	
#menubar 	{
			margin: 0 auto;
			width: 798px;
			height: 35px;
			background: #102867 url(images/horizontal-bar.png) no-repeat;		
			}	



/* menulinks dimensiones: 598x35 (sumando width + height + padding ----------- */

#menulinks 	{
			float: left;
			width: 598px;
			height: 25px;
			padding: 10px 0px 0px 15px;
			}


#menulinks p	{
				text-transform: uppercase;
				display: inline;
				padding: 0px 16px;
				}			
			



#menulinks  a:link		{color: #fad433; text-decoration: none;}
#menulinks  a:visited	{color: #fad433; text-decoration: none;}
#menulinks  a:hover		{color: #f46a19; text-decoration: underline;}


/* menuflangs dimensiones: 100x35 (sumando width + height + padding ----------- */


#menuflags 	{
			float: right;
			width: 100px;
			height: 25px;
			padding: 5px 0px 0px 0px;		
			}


#menuflags p	{
				display: inline;
				padding: 0px 4px;
				}			
			



#menuflags  a:link		{color: #fad433; text-decoration: none;}
#menuflags  a:visited	{color: #fad433; text-decoration: none;}
#menuflags  a:hover		{color: #f46a19; text-decoration: none;}

#menuflags  img			{border: none;}




/* page: contiene el "content" (izquierda) y el "side" (derecha)------------ */


#page		{
			margin: 0 auto;
			width: 798px;
			background: #ffffff;
			}




/* Contentwide - SIN SIDE BAR con styles ------------------------------ */


#contentwide 	{
			width: 680px;
			padding: 30px 0px 0px 50px;
			background: #fff;
			float: left;
			}				

#contentwide p		{
				font-size: 100%;
				line-height: 145%;
				}

#contentwide h1		{
				color: #204789;
				font-size: 160%;

				}	
				
#contentwide h2		{
				color: #204789;
				font-size: 120%;
				}
				
#contentwide h3		{
				color: #204789;
				font-size: 95%;
				line-height: 145%;
				}			
										
			

#contentwide  a:link		{color: #2300ff; text-decoration: underline;}
#contentwide  a:visited		{color: #2300ff; text-decoration: underline;}
#contentwide  a:hover		{color: #e2bf2f; text-decoration: underline;}


#contentwide ul		{
				line-height: 160%;
				}



/* Content mas chiquito para la estructura con side (2 columnas) ------------ */


#content 	{
			width: 520px;
			padding: 30px 0px 0px 30px;
			background: #fff;
			float: left;
			}				

#content p		{
				font-size: 100%;
				line-height: 145%;
				}
				
#content b		{
				color: #3e4656;
				font-size: 100%;
				line-height: 130%;
				}	
				
				
			
				
#content ul		{
				line-height: 160%;
				margin-left: 0px;

				}	
				
				
#content h1		{
				color: #204789;
				font-size: 160%;

				}	
				
#content h2		{
				color: #204789;
				font-size: 120%;
				}
				
#content h3		{
				color: #204789;
				font-size: 95%;
				line-height: 145%;
				}			
										
			

#content  a:link		{color: #2300ff; text-decoration: underline;}
#content  a:visited		{color: #2300ff; text-decoration: underline;}
#content  a:hover		{color: #e2bf2f; text-decoration: underline;}


				
/* Commienza side 220px DE ANCHO: contenedor con 3 partes en su interior---- */

#containerside	 	{
					width: 220px;
					background: #ffffff;	
					float: right;
					}

#upside	 	{
			width: 220px;
			height: 46px;
			background: #ebeff1 url(images/sideup.gif) no-repeat;	
			}	


/* Side con styles ancho total: 220px (width + padding)--------------------- */


#side	 	{
			width: 175px;
			padding: 5px 20px 0px 25px;
			background: #ebeff1 url(images/sidemiddle.gif) repeat-y;	
			}	


#side p			{
				font-size: 90%;
				line-height: 145%;
				}			
			
#side h1		{
				color: #204789;
				font-size: 110%;
				}
				
#side h2		{
				color: #204789;
				font-size: 95%;
				}			

#side ul		{
				color: #204789;
				font-size: 90%;
				list-style-image: url(images/marker.gif);
				line-height: 160%;
				margin-left: -5px;
				}										
			

#side  a:link		{color: #204789; text-decoration: underline;}
#side  a:visited	{color: #204789; text-decoration: underline;}
#side  a:hover		{color: #e2bf2f; text-decoration: underline;}			




#downside	 	{
				width: 220px;
				height: 64px;
				background: #ebeff1 url(images/sidedown.gif) no-repeat;	
				}



/* Tabella listino prezzi ----------------------------------- */	

table.prezzi	{	width: 520px;
					padding: 5px;
					border: 2px solid #d8dce8;}	
				
table.prezzi td {	background-color: #e3eef7;
					padding: 7px;	}	

table.prezzi th {		
					background-color: #204789;
					padding: 7px;
					color: #ffffff;}	




/* footer con styles ----------------------------------- */			
			
#footer 	{
			margin: 0 auto;
			padding: 2px 0px;
			width: 798px;
			background: #102867;		
			}			
			
			
#footer p		{
				font-size: 80%;
				color: #fad433;
				line-height: 130%;
				text-align: center;
				}
				
#footer  a:link		{color: #fad433; text-decoration: underline;}
#footer  a:visited	{color: #fad433; text-decoration: underline;}
#footer  a:hover	{color: #f46a19; text-decoration: underline;}			


/* immagini ----------------------------------- */		


img.right	{border: none;
			padding: 5px 0px 5px 20px;
			float: right}
			
img.left	{border: none;
			padding: 5px 20px 5px 0px;
			float: left}
	
	
/* immagini centrate:  bisogna metterle in un p centrato -------------- */		

p.center	{
			text-align:center;
			}			
			
			
			








/* Especial para gallery ----------------------------------- */		



#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #cbd8ed;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font:  12px Tahoma;
letter-spacing: 4px;
line-height: 1.1em;
color: #293d78;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #cbd8ed;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}	



/* Tabella photo gallery ----------------------------------- */	

table.gallery	{	
					padding: 10px;
					border: 2px solid #d8dce8;}