/**
 * STILE PRINCIPALE
 */
 
body
{
	margin:0;
	padding:0;
	position:relative;
	z-index:1;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1
{
	font-size:20px;
}
h2
{
	font-size:16px;
}
h3
{
	font-size:14px;
	font-style:italic;
}

p
{
	text-align:justify;
}

ul
{
	padding:3px 3px 3px 15px;
	margin:2px 0;
}
ul li
{
}

#page
{
	background:url(../images/head_bg2.jpg) top center no-repeat;
}
	#header
	{
		height:101px;
		width:980px;
		margin:0 auto;
	}
		#company
		{
			width:356px;
			height:101px;
		}
			#brand
			{
				background:url(../images/logo_webxpert3.png) top right no-repeat;
				height:59px;
				width:356px;
				
				margin:0;
				padding:0;
				font-size:32px;
				font-family:"Beach House",Arial;
			}
				#brand span
				{
					position:relative;
					z-index:-1;
				}
			#jingle
			{
				background:url(../images/jingle_webxpert3.png) top right no-repeat;
				height:30px;
				width:356px;
				
				margin:0;
				padding:0;
				font-size:20px;
				font-family:"Book Antiqua",Arial;
			}
				#jingle span
				{
					position:relative;
					z-index:-1;
				}
	#mainmenu
	{
		background:url(../images/gradient.png) top left repeat-x;
		height:20px;
	}
		#mainmenu ul.menubar
		{
			list-style:none;
			margin:0;
			padding:0;
			text-align:center;
		}
		#mainmenu ul.menubar li
		{
			display:inline;
			list-style: none;
			margin:0;
			padding:0;
		}
		#mainmenu ul.menubar li a
		{	
			height:20px;
			line-height:20px;
			color: #ffffff;
			font-size: 1.1em;
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			margin:0;
			padding:2px 10px;
			white-space:nowrap;
			text-decoration:none;
		}
		#mainmenu ul.menubar li a:hover
		{
			color:#0099FF;
			background:url(../images/gradient3.png) repeat-x 0 0;
		}

		/* Secondo livello di menu */
		#mainmenu ul.menubar ul li a
		{
			color:#999999;
		}
		#mainmenu ul.menubar ul li a:hover
		{
			color:#FFFFFF;
			background:url(../images/gradient4.png) top left repeat-x;
		}
		 
		/* Contenuti evidenziati */
		#mainmenu ul.menubar li.active ul
		{
			display:block;
		}
		#mainmenu ul.menubar li.active a 
		{
			background:url(../images/gradient3.png) repeat-x 0 0;
		}
		#mainmenu ul.menubar li.active ul a 
		{
			background:none;
		}
		#mainmenu ul.menubar li.active ul a:hover,
		#mainmenu ul.menubar li.active li.active a
		{
			color:#FFFFFF;
			background:url(../images/gradient4.png) repeat-x 0 0;
		}
		
	#productsmenu
	{
		width:980px;
		height:220px;
		margin:5px auto 0 auto;
		position:relative;
		background:url(../images/bg_productsmenu.png) top left no-repeat;
	}
		#productsmenu h3
		{
			text-align:center;
			margin:0;
			padding:10px 0;
			font-size:20px;
		}
		
		#productsmenu ul.menubar
		{
			list-style:none;
			margin:0;
			padding:0;
			height:140px;
			width:980px;
			position: absolute;
			top:50px;
			left:50%;
			margin-left:-485px; 	
		}
		#productsmenu ul.menubar li
		{
			float:left;
			margin:0 10px;
		}
		#productsmenu ul.menubar li a
		{
			display:block;
			padding:120px 0 0 0;
			text-align:center;
			color:#089DCB;
			text-decoration:none;
			font-size:16px;
			font-weight:bold;
			/*height:140px;*/
			height:20px;
			width:140px;
			border:1px solid #089DCB;
			background-color:#FFFFFF;
		}
		#productsmenu ul.menubar li a:hover,
		#productsmenu ul.menubar li a:active,
		#productsmenu ul.menubar li a:focus
		{
			border:1px solid #ff0000;
			color:#ff0000;
		}
		
		#btn_webagency a
		{
			background:url(../images/btn_webagency.jpg) 8px 8px no-repeat;
		}
		#btn_internet a
		{
			background:url(../images/btn_internet.jpg) 8px 8px no-repeat;
		}
		#btn_formazione a
		{
			background:url(../images/btn_formazione.jpg) 8px 8px no-repeat;
		}
		#btn_telecomunicazioni a
		{
			background:url(../images/btn_telefonia.jpg) 8px 8px no-repeat;
		}
		#btn_assistenza a
		{
			background:url(../images/btn_assistenza.jpg) 8px 8px no-repeat;
		}
		#btn_software a
		{
			background:url(../images/btn_software.jpg) 8px 8px no-repeat;
		}
		
		
	#body
	{
		width:980px;
		margin:0 auto;
		position:relative;
	}
		#contents
		{
			width:783px;
			margin:0 auto;
			position:relative;
			float:left;
			border-right:1px dotted #CCCCCC;
		}
			#topcontent
			{
			}
				#topcontent .article
				{
					width:373px;
					float:left;
					padding:5px 8px;
					border-left:1px dotted #CCCCCC;
				}
				#topcontent .article:first-child
				{
				}
				#topcontent .article h1
				{
					text-align:center;
					margin:0;
					
				}
				#topcontent .article li
				{
					margin:5px 0;
				}
				#topcontent .article blockquote
				{
					background:url(../images/virgolette.gif) top left no-repeat;
					height:60px;
					margin:0;
					padding:10px 30px;
					font-family:"Times New Roman", Times, serif;
					font-style:italic;
					font-size:16px;
					text-align:justify;
					border-bottom:2px dotted #999999;
				}
				#topcontent .new
				{
					background:url(../images/novita.gif) right top no-repeat;
				}
				#article_page .article
				{
					padding:5px 8px;
					/*border-right:1px dotted #CCCCCC;*/
					border-left:1px dotted #CCCCCC;
				}
				#article_page .article h1.center
				{
					text-align:center;
				}
				#article_page .article.center
				{
					text-align:center;
				}
				
			#highlighting
			{
				clear:left;
				float:left;
				width:193px;
				padding:3px 3px 3px 0;
			}
				#highlighting .focusbox
				{
					border:1px solid #CCCCCC;
					padding:5px;
					margin:10px 0 20px;
				}
				#highlighting .focusbox h1
				{
					text-transform:uppercase;
					font-size:14px;
					margin:0;
				}
				#highlighting .focusbox h2
				{
					font-style:italic;
					font-size:11px;
					margin:0;
				}
				#highlighting .focusbox h3
				{
					font-weight:normal;
					text-decoration:underline;
					font-style:normal;
					font-size:12px;
				}
				#highlighting .focusbox p
				{
					font-size:12px;
					margin:4px 0;
				}
				#highlighting .focusbox p.moreinfo
				{
					text-align:right;
					margin:0;
				}
				#highlighting .focusbox p.photo
				{
					text-align:center;
					margin:0;
				}
				#highlighting .focusbox a
				{
					font-size:10px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
				}
			#newsboard,
			#newsboard2
			{
				float:left;
				width:587px;
			}
				#newsboard .news,
				#newsboard2 .news
				{
					float:left;
					width:179px;
					padding:7px;
					border-bottom:1px dotted #CCCCCC;
				}
				#newsboard .news:first-child,
				#newsboard2 .news:first-child
				{
					border-top:1px dotted #CCCCCC;
					margin-top:10px;
				}
				#newsboard .news h1,
				#newsboard2 .news h1
				{
					font-size:14px;
				}
				#newsboard .news h2,
				#newsboard2 .news h2
				{
					font-size:12px;
					font-style:italic;
				}
				#newsboard .news h3,
				#newsboard2 .news h3
				{
					font-size:10px;
					font-style:normal;
					text-decoration:underline;
				}
				#newsboard .news p,
				#newsboard2 .news p
				{
					font-size:12px;
					font-style:normal;
				}
				#newsboard .topnews.news,
				#newsboard2 .topnews.news
				{
					float:none;
					width:573px;
					padding:7px;
				}
				#newsboard .topnews h1,
				#newsboard2 .topnews h1
				{
					font-size:16px;
				}
				#newsboard .topnews h2,
				#newsboard2 .topnews h2
				{
					font-size:14px;
					font-style:italic;
				}
				#newsboard .topnews h3,
				#newsboard2 .topnews h3
				{
					font-size:12px;
					font-style:normal;
					text-decoration:underline;
				}
				#newsboard .topnews p,
				#newsboard2 .topnews p
				{
					font-size:12px;
					font-style:normal;
				}
		#utilitiesbar
		{
			width:196px;
			float:left;
			/*margin-left:783px;*/
		}
			#userbar
			{
			}
				#userlogin
				{
					margin:5px auto 20px auto;
					color:#000000;
					width:190px;
				}
				#userlogin fieldset
				{
					border:1px solid #999999;
					background-color:#FFFFFF;
					text-align:center;
				}
				#userlogin legend
				{
					text-transform:uppercase;
					font-size:12px;
					font-weight:bold;
					color:#999999;
					width:165px;
					margin:auto;
					border:1px solid #999999;
					text-align:center;
				}
				#userlogin p
				{
					color:#000000;
					margin:0 auto;
					padding:3px 0;
					width:180px;
					font-size:10px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					border-bottom:1px dotted #999999;
				}
				#userlogin label
				{
					display:none;
				}
				#userlogin #username,
				#userlogin #password
				{
					border:1px solid #999999;
					height:24px;
					width:140px;
					padding:0px 2px 0px 20px;
					margin:0 auto;
					font-size:12px;
				}
				#userlogin #username
				{
					background:url(../images/login_user.png) left center no-repeat;
				}
				#userlogin #password
				{
					background:url(../images/login_pass.png) left center no-repeat;
				}
				#userlogin input[type=submit]
				{
					font-size:14px;
					line-height:12px;
					width:70px;
					border:1px solid #999999;
					margin:3px;
				}
			#smartbar
			{
			}
				#smartlink
				{
				}
				#smartlink ul
				{
					padding:0;
					margin:0;
					list-style:none;
				}
				#smartlink ul li
				{
					list-style:none;
				}
				#smartlink ul li a,
				#smartlink ul li a:link,
				#smartlink ul li a:visited
				{
					display:block;
					min-height:40px;
					margin:20px 7px;
					padding:4px 0 4px 45px;
					border-top:2px dashed #FF6600;
					border-bottom:2px dashed #FF6600;
					background:url(../images/lampadina.gif) left top no-repeat;
					text-align:right;
					font-weight:normal;
					color:#FF6600;
					text-decoration:none;
				}
				#smartlink ul li a:hover,
				#smartlink ul li a:focus,
				#smartlink ul li a:active
				{
					text-decoration:underline;
					background:#FFFFCC url(../images/lampadina.gif) left top no-repeat;
				}
				#certifications
				{
					text-align:center;
				}
		
	#footer
	{
		clear:left;
		border-top:2px dotted #999999;
		border-bottom:2px dotted #999999;
		width:980px;
		margin:10px auto 10px auto;
		text-align:center;
	}
	
	
	
ul.no_margintop
{ 
	margin-top:-15px;
}

table.data_table
{
	border:1px solid #000000;
	border-collapse:collapse;
}
table.data_table th,
table.data_table td
{
	margin:0;
	padding:3px;
	border:1px solid #000000;
	border-collapse:collapse;
}