body {
	background-image: url(images/sfondo_body.jpg);
	background-repeat: repeat;
	background-position: center top;
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

#barra_superiore {
	background-image: url(images/sfondo_menu.jpg);
	text-align: left;
	height: 43px;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position:relative;
}

#header {
	background-image: url(images/sfondo_header.jpg);
	height: 276px;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#container {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/sfondo_container.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 960px;
	padding-bottom: 20px;
	height: auto;
	background-color: #d8d6d7;
}

#header p, #container p, #container h2 {
	padding: 0px;
	margin: 0px;
}

#container h2 {
	color:#823F3F;
font-size:16px;
margin:0 0 10px;
padding:0;
text-transform:uppercase;
font-weight:bold;
}

#sidebar {
	width: 186px;
	padding: 0px;
	float: left;
	margin-top:20px;
	margin-right: 7px;
	margin-left: 12px;
}

#sidebar ul {
		margin:0px;
	padding:0px;
 list-style:none;
	}

#menu_laterale_top {
	background-image: url(images/menu_laterale_top.png);
	height: 18px;
	background-position: center top;
	margin:0px;
	padding:0px;
}

#menu_laterale_middle {
	background-image: url(images/menu_laterale_middle.png);
	background-position: center top;
	height: auto;
	margin:0px;
	padding:0px;
	text-align: left;
	padding-left: 18px;
}

#menu_laterale_bottom {
	background-image: url(images/menu_laterale_bottom.png);
	background-position: center top;
	height: 14px;
	margin:0px;
	padding:0px;
}

#box_teamsystem {
	background-image: url(images/sfondo_teamsystem.jpg);
	background-repeat: no-repeat;
	width: 176px;
	float: left;
	height: 190px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 211px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	text-align: left;
	margin-left:24px;
}


#box_dataservices {
	background-image: url(images/sfondo_dataservices.jpg);
	background-repeat: no-repeat;
	width: 176px;
	float: left;
	height: 190px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 211px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	text-align: left;
	margin-left:24px;
}

#box_hyperdoc {
	background-image: url(images/sfondo_hyperdoc.jpg);
	background-repeat: no-repeat;
	width: 176px;
	float: left;
	height: 190px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 211px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	text-align: left;
	margin-left:24px;
}

#docevoweb {
}

#footer {
	background-color: #ebe9ea;
	height: 75px;
	padding: 0px;
	width: 900px;
	padding-left:60px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 0px;
	padding-top: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 1.2em;
}

#logo {
	float: left;
	width: 162px;
	margin-right: 20px;
	padding-left: 20px;

}

.indirizzo {
	float: left;
	width: 190px;
	border-left: 1px solid #9a9a9a;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	height:53px;
}

.indirizzo p {
	margin:0px;
	padding:0px;
	
}



/* Menu superiore */

#menu{
	position: relative;
	height: 39px;
	overflow: hidden;
	width: 384px;
}
#menu ul,#menu li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu a{
	position: absolute;
	top: 0;
	width: 384px;
	height: 39px;
	background-image: url(images/barra_superiore.jpg);
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center top;
}

#home a {left: 0px;background-position: 0px 0px}
#azienda a{left: 72px;background-position: -72px 0}
#news a{left: 180px;background-position: -180px 0}
#contatti a{left: 294px;background-position: -294px 0}

#home a:hover,#home a.active {background-position: 0 -39px}
#azienda a:hover,#assistenza a.active{background-position: -72px -39px}
#news a:hover,#newsletter a.active{background-position: -180px -39px}
#contatti a:hover,#contatti a.active{background-position: -294px -39px} 



#barra_laterale{
	position: relative;
	height: 172px;
	overflow: hidden;
	width: 150px;
}

#barra_laterale ul,#barra_laterale li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#barra_laterale a{
	position: absolute;
	left: 0;
	width: 150px;
	background-image: url(images/barra_laterale.jpg);
	text-indent: -9999px;
	background-repeat: no-repeat;
	display:block
}


#barra_laterale ul li {
	position: relative;
}

#commercialisti a {top: 0px;background-position: 0px 0px; height:300px;}
#consulenti a{top: 55px;background-position: 0px -55px; height:52px;}
#hyperdoc a{top: 107px;background-position: 0px -107px; height:33px;}
#assistenza-on-line a{top: 140px;background-position: 0px -140px; height:33px;}

#commercialisti a:hover,#commercialisti a.active {background-position: -150px 0px}
#consulenti a:hover,#consulenti a.active{background-position: -150px -55px}
#hyperdoc a:hover,#hyperdoc a.active{background-position: -150px -107px}
#assistenza-on-line a:hover,#assistenza-on-line a.active{background-position: -150px -140px} 


#news h3 span {
	display:none;
}

#news h3  {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 3px;
}

#news p, #news ul {
	padding: 5px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
}


#news a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #06C;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

#wrapper {
		float:left;
		width: 732px;
		margin-top:0px;
		text-align: left;
		margin-left: 3px;
}

#content-top {
	background-image: url(images/sfondo_content_top.png);
	margin: 0px;
	padding: 0px;
	height: 10px;
	}

#content-top1 {
	background-image: url(images/sfondo_content_top_page.png);
	margin: 0px;
	padding: 0px;
	height: 10px;
	}



#content {
	background-image: url(images/sfondo_content_middle.png);
	background-repeat: repeat-y;
	background-position: center top;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #717171;
}

#content1 {
	background-image: url(images/sfondo_content_middle_page.png);
	background-repeat: repeat-y;
	background-position: center top;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #717171;
}

#content iframe, #content1 iframe {
	border: 3px double #CCC;
}

#content p, #content1 p {
	margin-bottom: 10px;
	line-height:1.5em;
}

#content a, #content1 a {
	color: #823f3f;
}

#content a:hover, #content1 a:hover {
	color: #03C;
}


#content_principale {
	width: 512px;
	height: auto;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

#content_principale1 {
	width: 712px;
	height: auto;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}


#content_principale h3 {
	color: #823f3f;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0px;
	padding:0px;
	margin-bottom: 10px;
}


.archivio h3 {
	margin:0px;
	padding:0px;
}

#menu_secondario {
	width: 180px;
	height:auto;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
}

#menu_secondario ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu_secondario ul li {
	list-style-type: none;
	background-image: url(images/sfondi_menu_secondari/sfondo_link.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 189px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1em;
	text-align: center;
}

#menu_secondario ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3a3a3a;
	text-decoration: none;
	text-transform: uppercase;
	display: table-cell;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	width: 189px;
}

#menu_secondario ul li a:hover {
	color: #823f3f;
}

#menu_secondario ul li.current_page_item a {
	background-image: url(images/sfondi_menu_secondari/sfondo_selected.png);
	background-repeat: no-repeat;
	color: #fff;
}

#content-bottom {
	background-image: url(images/sfondo_content_bottom.png);
	background-position: center top;
	height: 58px;
	position: relative;
}

#content-bottom1 {
	background-image: url(images/sfondo_content_bottom_page.png);
	background-position: center top;
	height: 58px;
	position: relative;
}

#sfondo_menu_secondario {
	position:absolute;
	bottom: 49px;
	right: 0px;
}

/* titoli sezione */

.titolo_sezione {
	background-image: url(images/titoli_pagine/soluzioni-commercialisti.png);
	background-position: right top;
	height: 21px;
	width: auto;
	background-repeat: no-repeat;
	text-indent: -99999px;
}

#box_teamsystem p, #box_dataservices p, #box_hyperdoc p {
	margin-top:5px;
	margin-bottom:5px;
}

#box_teamsystem ul, #box_dataservices ul, #box_hyperdoc ul {
	margin-left:15px;
	padding-left:0px;
}




#box_teamsystem a, #box_dataservices a, #box_hyperdoc a {
	color: #d10101;
	text-decoration: none;
}

#box_teamsystem a:hover, #box_dataservices a:hover, #box_hyperdoc a:hover  {
	color: blue;
}

#content_principale ul ul {
	margin-left: 0px;
	padding-left: 15px;
		list-style-type: circle;

}

#content_principale ul {
	margin-left: 0px;
	padding-left: 30px;
	list-style-type: square;
}

#job a{
	position: absolute;
	right:10px;
	top:8px;
	font-family: Arial;
	font-size: 18px;
	text-decoration:none;
}

#job a:hover {
	position: absolute;
	right:10px;
	top:8px;
	font-family: Arial;
	font-size: 18px;
	text-decoration:none;
	color:red;
}