/**
 * Progetto		UomoComputer
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		11-03-2008
 */

html, body {
	margin:				0;
	padding:			0;
	
	font-family:		Verdana;
	font-size:			8pt;
	
	background:			#BEC4C4 url(sfondo_body.jpg) repeat-x;
	color:				#000;
	
	text-align:			center;
}


.str 	{ display:		none; }
hr 		{ display:		none; }
.clr {
	display:			block;
	height:				0;
	overflow:			0;
	margin:				0;
	clear:				both;
}


/*
 * Classe generica assegnata agli elementi di contenimento generici che si allineano
 * al centro della pagina con larghezza del documento visibile totale.
 */
div.dim {
	clear:				left;
	display:			block;
	width:				888px;
	margin:				auto;
	background:			#fff;
}
div.dim div.cleft {
	display:			block;
	width:				672px;
	float:				left;
}
div.dim div.cright, div.dim form.cright {
	display:			block;
	width:				216px;
	float:				left;
}





/**
 * HEADING
 */
div#heading {
	height:				151px;
	overflow:			hidden;
	text-align:			left;
}
/* Definizione spaziale delle 2 colonne di heading. */
/* I contenuti del form vengono definiti successivamente. */
div#heading div.cleft {
	position:relative;
	height:				151px;
	background:			url(heading_cleft.jpg) no-repeat;
}
div#heading form.cright {
	margin:0;
	height:				151px;
	overflow:			hidden;
	background:			#0E79AD url(heading_cright.jpg);
}
/* Titolazione 1¡ Livello. */
div#heading h1, div#heading h1 span {
	position:			absolute;
	top:				100px;
	left:				365px;
	
	display:			block;
	width:				295px;
	height:				49px;
	overflow:			hidden;
}
div#heading h1 {
	margin:				0;
	
	font-size:			13px;
	color:				#66CEF1;
	background:			#ddd;
}
div#heading h1 span {
	top:				0;
	left:				0;
	
	background:			#fff url(heading_h1.jpg) 45px 0 no-repeat;
}
/* Titolazione di 2¡ Livello. */
div#heading h2, div#heading h2 span {
	position:			absolute;
	top:				25px;
	left:				240px;
	
	display:			block;
	width:				420px;
	height:				72px;
	overflow:			hidden;
}
div#heading h2 {
	margin:				0;
	
	font-size:			18px;
	color:				#515558;
	background:			#0c1;
}
div#heading h2 span {
	top:				0;
	left:				0;
	
	background:			#fff url(heading_h2.jpg) no-repeat;
}
/* Form Area Riservata */
div#heading form.cright {
	position:			relative;
}
div#heading form.cright p {
	margin:				5px 0 0 20px;
}
div#heading form.cright label {
	display:			block;
	color:				#4AC1EC;
	text-transform:		uppercase;
}
div#heading form.cright input {
	border:				1px solid #fff;
	background:			transparent;
	width:				110px;
	color:				#fff;
	text-transform:		uppercase;
	font-size:			10px;
}
/* Titolazione form area riservata. */
div#heading form.cright h4, div#heading form.cright h4 span {
	position:			relative;
	display:			block;
	width:				216px;
	height:				33px;
	margin:				0;
}
div#heading form.cright h4 {
	font-size:			11px;
	color:				#FFA901;
	text-indent:		20px;
}
div#heading form.cright h4 span {
	position:			absolute;
	top:				0;
	left:				0;
	background:			url(heading_form_title.jpg);
}
/* Campo password in floating per l'allineamento con il submit grafico */
div#heading form.cright p.pwd {
	margin:				5px 0 0 10px;
	display:			block;
	width:				120px;
	overflow:			hidden;
	float:				left;
} div#heading form.cright>p.pwd {margin:5px 0 0 20px}
/* Definizione specifica per il submit */
div#heading form.cright p.sub {
	display:			block;
	margin-top:			15px;
}
div#heading form.cright p.sub input {
	width:				50px;
	height:				24px;
	border:				none;
	text-transform:		uppercase;
	text-align:			left;
	font-size:			14px;
	background:			url(heading_login.jpg) top right no-repeat;
}
div#heading form.cright ul {
	margin:				8px 0 0 20px;
	padding:			0;
	list-style:			none;
	font-size:			9px;
	text-transform:		uppercase;
}
div#heading form.cright ul li a {
	color:				#fff;
	text-decoration:	none;
}
div#heading form.cright ul li a:hover {
	text-decoration:	underline;
	color:				yellow;
}






/**
 * MAIN MENU
 */
div#menu {
	height:				53px;
	overflow:			hidden;
	background:			url(menu.jpg);
	text-align:			left;
}
div#menu h4 {
	display:			none;
}
div#menu ul {
	display:			block;
	height:				53px;
	float:				left;
	
	margin:				0;
	padding:0;
	list-style:			none;
}
div#menu ul li {
	display:			inline;
}
/* Definizioni dettagliate per il menu dinamico da cms. */
div#menu ul.cms {
	width:				672px;
	background:			url(menu_hands.jpg) no-repeat;
}
div#menu ul.cms li a {
	display:			block;
	float:				left;
	margin:				21px 10px 0 10px;	
	
	font-family:		Verdana;
	font-size:			9pt;
	
	color:				#fff;
	text-transform:		uppercase;
	text-decoration:	none;
	
}
/* Definizioni dettagliate per il menu statico a icone. */
div#menu ul.ist {
	width:				216px;
}
div#menu ul.ist li {
	display:			inline;
}
div#menu ul.ist li a,div#menu ul.ist li a span {
	display:			block;
	width:				53px;
	height:				53px;
	overflow:			hidden;
	float:				left;
}
div#menu ul.ist li a {
	position:			relative;
}
div#menu ul.ist li a span {
	position:			absolute;
	top:				0;
	left:				0;
	background:			url(menu_right.jpg);
}
div#menu ul.ist li a:hover span {
	background-position: 0 53px;
}
div#menu ul.ist li a#mm_contact span {
	background-position: 53px 0;	
}
div#menu ul.ist li a#mm_contact:hover span {
	background-position: 53px 53px;	
}






















/**
 * PAGE
 */
div#page {
	text-align:			left;
	background:			#fff url(page.jpg) repeat-y;
}
/**
 * Layouting della colonna di sinistra.
 */
div#page div.cleft div.columns {
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background: url(content.jpg) 339px 0px no-repeat;
}
div#page div.cleft div.columns div.cleft {
	width:350px;
	margin: 0 84px 0 5px;
}div#page div.cleft div.columns>div.cleft { margin-left:10px; }
div#page div.cleft div.columns div.cright {
	width:200px;
	margin-left:28px;
	background:none;
}
/* Titolazione contenuto sinistro. */
div#page div.cleft div.columns div.cleft h2 {
	color:#0DAED8;
	font-size:24px;
}
/**
 * Layouting colonna di destra.
 */
div#page div.cright {
	background:			#83BDD5;
	padding-bottom:		30px;
}

/* Layout monocolonna. */
div#page div.cleft div.cnt {
	padding: 0 0 0 10px;
}




/**
 * Menu della colonna di destra.
 */
div#page div.cright * {
	margin:				0;
}
div#page div.cright h4 {
	color:				#015480;
	text-transform:		uppercase;
	font-size:			11px;
	font-weight:		bold;
	margin:				30px 0 10px 30px;
}
div#page div.cright ul {
	margin:				0 0 0 30px;
	padding:			0;
	list-style:			none;
}
div#page div.cright ul li a {
	color:				#222;
	text-decoration:	none;
}
div#page div.cright ul li a:hover {
	text-decoration:	underline;
}
/* Specifiche per il menu prodotti. */
div#page div.cright ul.products {
	margin-left:		10px;
}
div#page div.cright ul.products li {
	line-height:		1.8em;
}
div#page div.cright ul.products li a {
	background:			url(bullet_plus.jpg) no-repeat;
	padding:			1px 0 0 20px;
	font-size:			12px;
	color:				#fff;
}
div#page div.cright ul.products li ul li a {
	background:			url(bullet_minus.jpg) no-repeat;
}
div#page div.cright ul.products li a:hover {}
/* submenu */
div#page div.cright ul.products li ul {
	margin:				0 0 8px 0;
}
div#page div.cright ul.products li ul li {
	line-height:		1.5em;
}
div#page div.cright ul.products li ul li a {
	font-size:			10px;
	background:			none;
	color:				#0B6F91;
}


/**
 * Menu trackback.
 */
ul.mmback {
	margin:4px 0 20px 0;
	padding:0;
}
ul.mmback li {
	display:inline;
}
ul.mmback li a {
	color:#666;
	padding-right:10px;
	text-decoration:none;
}
ul.mmback li a:hover {
	color:red;	
}





/**
 * ELEMENTO: Ultimi annunci.
 * Elenco di annunci organizzati in orizzontale.
 */
div#page div.cleft .announces {
	display:			block;
	height:				115px;
	overflow:			hidden;
	background:			#D6DEE1;
	border-top:			1px solid #fff;
}
div#page div.cleft .announces * {
	margin:				0;
}
div#page div.cleft .announces h3, div#page div.cleft .announces h3 span {
	position:			relative;
	display:			block;
	width:				33px;
	height:				114px;
	margin:				0;
	float:				left;
	overflow:			hidden;
	font-size:			9px;
	
}
div#page div.cleft .announces h3 span {
	position:			absolute;
	top:				0;
	left:				0;
	background:			url(page_announces.jpg) no-repeat;
}
div#page div.cleft .announces div.item {
	position:			relative;
	display:			block;
	width:				213px;
	height:				114px;
	overflow:			hidden;
	float:				left;
}
div#page div.cleft .announces div.item div.img {
	position:			absolute;
	top:				0;
	left:				-80px;
	display:			block;
	width:				69px;
	height:				69px;
	overflow:			hidden;
}
div#page div.cleft .announces div.item div.txt {
	position:			absolute;
	top:				0;
	left:				80px;
}
div#page div.cleft .announces div.item div.txt h4 {
	display:			block;
	margin:				0;
	color:				#FF08AA;
	font-size:			10px;
}
div#page div.cleft .announces div.item div.txt p {
	display:			block;
	width:				125px;
	height:				50px;
	overflow:			hidden;
	margin:				0;
	padding-top:		5px;
	color:				#333;
}
div#page div.cleft .announces div.item div.txt a {
	position:			absolute;
	top:				90px;
	left:				0;
	
	display:			block;
	width:				120px;
	height:				25px;
	
	padding:			2px 0 0 25px;
	background:			url(bullet_go.jpg) no-repeat;
	color:				#666;
	text-transform:		uppercase;
	text-decoration:	none;
}
div#page div.cleft .announces div.item div.txt a:hover {
	color:				black;
}





/**
 * ELEMENTO: News in home page - nella colonna destra del contenuto.
 */
div#page div.cleft div.home_news {
	margin:				10px 10px 15px 10px;
	border-bottom:		1px solid #aaa;
	padding-bottom:		5px;
	
	text-align:			right;
}
div#page div.cleft div.home_news img {
	border:				0;
}
div#page div.cleft div.home_news h4 {
	margin:				0;
	color:				#F28131;
	text-transform:		none;
}
div#page div.cleft div.home_news p {
	font-size:			9px;
	letter-spacing:		0;
	color:				#666;
}
div#page div.cleft div.home_news p a {
	color:				#666;
	text-decoration:	none;
}
div#page div.cleft div.home_news a.go,
div#page div.cleft div.home_news p.go a {
	display:			block;
	margin:				10px 0 0 0;
	background:			url(arrow_small.jpg) center right no-repeat;
	padding:			0 20px 0 0;
	color:				#83BDD5;
	text-decoration:	none;
}
div#page div.cleft div.home_news a.go:hover
div#page div.cleft div.home_news p.go a:hover {
	background-position:130px 3px;
	padding:			0 0 0 20px;
	font-weight:		bold;
}

/**
 * Link a "Tutte le news".
 */
div#page div.cleft p.all_news {
	display:block;
	margin: 10px 10px 0 0;
	text-align: right;	
}
div#page div.cleft p.all_news a {
	font-weight: bold;
	color: #7699a9;
}
div#page div.cleft p.all_news a:hover {
	color:black;
}



/**
 * ELEMENTO: Blocco "show" in home page.
 */
div#page div.cleft div.home_show {
	display:block;
	margin: 10px 0 85px 0;
}
div#page div.cleft div.home_show img {
	border:0;
	margin: 10px 0 0 30px;
}
div#page div.cleft div.home_show h4,
div#page div.cleft div.home_show h4 a {
	margin:0;
	color:#2F6AA6;
	text-decoration:none;
	text-transform:uppercase;
}
div#page div.cleft div.home_show h4 {
	margin: 5px 0 0 0;
	font-size:11px;
	padding: 7px 0 0 30px;
	background: url(arrow.jpg) no-repeat;
}
div#page div.cleft div.home_show p,
div#page div.cleft div.home_show ul {
	margin: 0 0 10px 30px;
	font-size:11px;
	color:#74878E;
}
div#page div.cleft div.home_show ul {
	margin:0;
}





/**
 * ELEMENTO di contenuto per allineare 2 banners in orizzontale.
 * Normalmente chiude la pagina di contenuto.
 */
div#page div.cleft .banners2 {
	display:block;
	height:161px;
	overflow:hidden;
	background:#ddd url(page_banners2.jpg);
}
div#page div.cleft .banners2 * {
	margin:0;
}









/**
 * FOOTING
 */
div#footer {
	height:				107px;
	overflow:			hidden;
}

div#footer div.cright {
	text-align:			left;
	color:				#666;
	font-size:			9px;
}
div#footer div.cright p {
	margin:				20px 5px 0 20px;
	letter-spacing:		-1px;
}
div#footer div.cright p strong {
	font-size:			10px;
}





/**
 * ELENCO NEWS
 */
h2.news_list {
	font-family: Helvetica;
	font-size:18pt;
	margin: 20px 20px 0 20px;
	color:#3f93cd;
	border-bottom:1px solid #8a5e3c;
	text-indent: 20px;
}
div.news_list {
	font-family: Helvetica;
}
div.news_item {
	margin: 0 80px 40px 40px;
}
div.news_item h4,
div.news_item h4 a {
	color: #f46c1b;
	text-decoration: none;
	font-size:14px;
	border-bottom:1px solid #ddd;
	text-indent: 20px;
}
div.news_item img {
	border:0;
	float:left;
	margin: 0 10px 10px 0;
}
div.news_item div.abstract {
	color:#444;
	font-size:11px;
	margin-left:20px;
}
div.news_item div.abstract a {
	color:blue;
	text-decoration: none;
}
div.news_item div.abstract a:hover {
	text-decoration: underline;
}
div.news_item div.abstract a.read_news {
	display:block;
	clear:both;
	background:#eee;
	border:1px solid #ddd;
	color:black;
	text-align: right;
	padding:2px;
	font-weight:bold;
}
div.news_item div.abstract a.read_news:hover {
	text-decoration: none;
	border:1px solid #666;
	background: #f4d6ae;
}



/**
 * LETTURA NEWS
 */
div.read_news {
	font-family:Helvetica;
	font-size:9pt;
}
div.read_news h1.title,
div.read_news h1.title a {
	font-family: Helvetica;
	font-size:18px;
	margin: 20px 20px 0 20px;
	color:#3f93cd;
	border-bottom:1px solid #8a5e3c;
	text-indent: 20px;
	text-decoration: none;
}
div.read_news img {
	border:0;
}
div.read_news p {
	margin: 0 0 10px 0;
}
/* Archivi data */
div.read_news p.date {
	display:block;
	margin: 3px 20px 20px 0;
	text-align: right;
	font-size: 8.5pt;
	font-weight:bold;
	letter-spacing: 2px;
}
div.read_news p.date a {
	color:black;
	text-decoration: none;
	padding: 0 5px 0 5px;
}
div.read_news p.date a:hover {
	color:red;
}
/* Abstract */
div.read_news div.abstract {
	background:#f6daae;
	border:2px dotted #b08360;
	margin: 0 60px 20px 60px;
	padding:10px;
	color:#666;
}
div.read_news div.abstract p.news_ico img {
	border:1px solid black;
	float:left;
	margin: 0 10px 10px 0;
}
/* Content. */
div.read_news div.content {
	margin: 0 60px 20px 60px;
	color:#444;
	font-size:10pt;
	line-height: 1.5em;
}
div.read_news div.content strong {
	color:black;
}
div.read_news div.content p {
	margin-bottom:22px;
	text-align: justify;
}
div.read_news div.content p.news_image img {
	float:left;
	margin: 0 10px 10px 0;
}








/************************************************************************
 * FORMATTAZIONE DEL TESTO
 */
div.site_content h2 {
	color:#0DAED8;
	font-size:24px;
}
div.site_content h3 {
	color:#0DAED8;
	font-size:16px;
	margin:0;
	border-bottom: 1px solid #666;
	text-indent: 20px;
	margin-right:30px;
}
div.site_content a {
	color:orange;
}
div.site_content div.textile a {
	font-size:10px;
	letter-spacing:1px;
	font-weight: bold
}

/**
 * Textile block 
 */
div.site_content div.textile {
	color:#223e6e;
	font-size:12px;
}
div.site_content div.textile p {
	letter-spacing: 0;
	line-height: 1.5em;
	margin-right: 30px;
}
div.site_content div.textile strong {
	color:#222;
	font-size:11px;
	letter-spacing: 0;
}
div.site_content div.textile .testo_arancione {
	font-size:12pt;
	color:orange;
}


/**
 * Blocco di testo semplice.
 */
div.site_content div.deepening {
	border: 1px solid black;
	padding:15px;
	margin: 0 10px 0 0;
}
div.site_content div.deepening div.textile h3 {
	margin-bottom: 20px;
	font-size:14px;
}
div.site_content div.deepening div.textile p {
	margin: 0 150px 0 20px;
}

/**
 * Blocco di elenco prodotti (3 Immagini, 2 Immagini, Prodotti)
 */
div.site_content div.block {
	margin-bottom: 40px;
}
div.site_content div.block h2 {
	color:#0DAED8;
	font-size:16px;
	margin:0;
	border-bottom: 1px solid #666;
	text-indent: 20px;
	margin-right:30px;
	letter-spacing: 1px;
}
div.site_content div.block h3 {
	text-indent: 0;
	border:none;
	color:#3e88a6;
	font-size: 12px;
	margin:0;
}


/**
 * Elemento del mercatino
 */
div.mercatino {
	display:block;
	margin: 0 20px 30px 0;
	color:#75888E;
}
div.mercatino h2 {
	margin:0;
	color:#90DE18;
	font-size: 14px;
	font-family:arial;
}
div.mercatino img {
	display:block;
	width:150px;
}