/* CSS Document */


/* Generale
*******************************************************************************/

* {
	list-style: none;
	margin: 0;
	padding: 0;
}
body {
	background: #fff url(i/bg.jpg) repeat-x 0 -7px;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	min-width: 710px;
	position: relative;
}
a {
	text-decoration: none;
}

#main-content a,
#sidebar a,
#footer a {
	border-bottom: 1px solid #d0daef;
	color: #3b65b1;
	padding: 1px;
}
#main-content a:hover,
#sidebar a:hover,
#footer a:hover {
	background: #8FA1C1;
	border-color: #8FA1C1;
	color: #fff;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, dl, fieldset, address {
	font-size: 1em;
	margin: 1em 0;
}
hr {
	display: none;
}
img {
	border: none;
}
.access {
	position: absolute;
	left: -9999px;
}


/* Layout
*******************************************************************************/

#lang {
	font: 9px/9px Arial, Verdana, Helvetica, sans-serif;
	color: #777;
	top: 8px;
	left: 20px;
	position: absolute;
	z-index: 1;
}

#lang a {
	font: 9px/9px Arial,Verdana,  Helvetica, sans-serif;
	color: #777;
}

#lang a:hover {
	font: 9px/9px Arial,Verdana,  Helvetica, sans-serif;
	color: #777;
	text-decoration: underline;
}

#main {
	background: url(i/bg_s1.png) no-repeat 0px 0px; 
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 710px;
}
#main-inner {
	background: url(i/bg_s2.png) no-repeat 100% 0px;
	border-top: 1px solid #fff;
	margin: 0px 0px 0px 8px;
	padding: 0px 8px 0px 0px;
	position: relative;
}
#content {
    background: #F7F7F9 url(i/bgcontent_a2.gif) repeat-y;
	float: left;
	width: 100%;
	padding: 0px 0px 20px 0px;
}
#main-content {
	float: right;
	margin: 0 0 0 -195px;
	padding: 0;
	width: 100%;
}
#main-content-inner {
    background: url(i/bg2a.jpg) repeat-x;
	border-top: 4px solid #fff;
	color: #122c2b;
	margin: 0 0 0 199px;
	min-height: 450px;
}

#sidebar {
    background: #698dcd url(i/bg_2side.gif);
	color: #fff;
	float: left;
	font-size: 0.9em;
	width: 195px;
}

/* Header
*******************************************************************************/

h1 {
	background: url(i/bgh.png) 0px 0px;
	display: block;
	font-size: 1em;
	height: 160px;
	margin: 47px 0px 0px 0px;
	overflow: hidden;
	padding: 0px;
	position: relative;
	background-image: url(i/bgh.png);
}
/*
h1 a {
	background: url(i/logo_atos.png) no-repeat 0 0;
	display: block;
	height: 133;
	left: 0px;
	position: absolute;
	text-indent: -9999px;
	top: 40px;
	width: 350px;
	background-image: url(i/logo_atos.png);
}
*/
#main h1 a:hover {
	background-position: 0 -56px;
}

h1 span {
	background: url(i/pay.gif) no-repeat;
	bottom: 0;
	height: 40px;
	left: 471px;
	position: absolute;
	text-indent: -9999px;
	width: 259px;
    display: none
}

/* Navigazione
*******************************************************************************/


#navigazione {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top: 0px;
	padding-top: 0px;
	width: auto;
	height: 20px;
}

#navigazione ul {
list-style:none;
margin:0px;
padding:0px;
padding-top:0px;
padding-right:3px;
border-bottom-width:medium;
border-bottom-color:#CC9900;
}

#navigazione li {
display:inline;
margin:0px;
}

#navigazione a:link, #navigazione a:visited {
padding:3px, 10 px, 2px, 10px;
color:#666666;
text-decoration:none;
}

#navigazione a:hover {
color:#FFFFFF;
}

#nav {
	height: auto;
	left: 0px;
	position: relative;
	top: 0px;
	width: 100%;
	z-index:1;
	margin-bottom:0px;
}
#nav div {
	left: 0px;
	margin: 0px;
	position: absolute;
	right: 8px;
	top: 0px;
}

#nav div {
	left: 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	padding: 0px 0px 0px 40px;
	height: 46px;
}

#nav ul {
	background: url(i/back_nav.png) no-repeat 0px -49px;
	height: 47px;
	margin: auto;
	position: relative;
	width: 656px;
}
#nav li {
	float: left;
	height: 47px;
}
#navhome {
	width: 63px;
}
#cprofile {
	width: 129px;
}
#prodotti {
	width: 69px;
}
#navnews {
	width: 118px;
}
#navarea {
	width: 112px;
}
#navassistenza {
	width: 90px;
}

#navcontatti {
	width: 75px;
}

#nav a {
	border: none;
	color: #FF6600;
	display: block;
	font-weight: normal;
	height: 47px;
	padding: 0 5px;
	text-indent: -9999px;
}
#nav a {
	background: url(i/back_nav.png) no-repeat 0px 0px;
}
#nav #navhome a {
	background-position: 0 0;
}
#nav #cprofile a {
	background-position: -63px 0;
}
#nav #prodotti a {
	background-position: -192px 0;
}
#nav #navnews a {
	background-position: -261px 0;
}
#nav #navarea a {
	background-position: -379px 0;
}
#nav #navassistenza a {
	background-position: -491px 0;
}
#nav #navcontatti a {
	background-position: -581px 0;
}
#nav a:hover,
#nav li:hover a,
#nav li.mnhover a {
	background: none !important;
}
/*
#sect-home #navhome a {
	background-position: 0 -94px;
}
#sect-development #cprofile a {
	background-position: -64px -94px;
}
#sect-hosting #prodotti a {
	background-position: -200px -94px;
}
#sect-products #navnews a {
	background-position: -305px -94px;
}
#sect-experience #navarea a {
	background-position: -465px -94px;
}
#sect-about #navassitenza a {
	background-position: -586px -94px;
}
*/
#nav li ul {
	background: transparent url(i/bgsubmenu.png) repeat-x;
	border-bottom: 5px solid;
	border-color: #CC9900;
	height: auto;
	left: -9999px;
	margin: -10px 0px 0px 0px;
	padding: 1px 0;
	position: absolute;
	z-index: 3;
}
#nav li:hover ul,
#nav li.mnhover ul {
	left: auto;
}
#nav li#navassistenza:hover ul,
#nav li#navassistenza.mnhover ul {
	left: auto;
	right: 15px;
}
#nav li ul li,
#nav li ul li a {
	height: auto;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#nav li ul li a {
	border: 1px #fff;
	border-style: none solid;
}
#nav li ul,
#nav li ul li {
	width: 195px;
}
#nav li:hover ul li a,
#nav li.mnhover ul li a,
#nav li ul li a {
	background: none;
	display: block;
	font-size: .9em;
	padding: 8px 22px 8px 29px;
	color: #444;
}
#nav li li {
	background: url(i/blsubmenu.gif) no-repeat 14px 50%;
}
#nav li li.mnhover,
#nav li li:hover {
	background: #5079C5 url(i/bgsubmenu_h.gif) repeat-y 100% 0;
}
#nav li ul li a:hover {
	background: url(i/blsubmenu_h.gif) no-repeat 12px 50% !important;
	color: #fff;
}

#lista li {
list-style:circle;
margin-left:10px;}

/* Footer
*******************************************************************************/

#footer {
	background: #fff url(i/bgfoot.gif) no-repeat 50% 0;
	clear: both;
	color: #777;
	font-size: 1em;
	margin: 0;
	padding: 20px 0 0;
	text-align: center;
	width: 100%;
}
#footer ul {
	clear: both;
	line-height: 1.7em;
	margin: 0 20px;
	padding-top:10px;
	text-align: center;
	width: auto;
}
#footer li {
	background: no-repeat 0 50%;
	display: inline;
	font-size: .9em;
	padding: .6em 4px .6em 15px;
}
#footer li.f {
	background: none;
	padding-left: 8px;
}
#footer #f-copyright {
	background: url(i/footer_logo.png) no-repeat 0 50%;
	padding-left: 34px;
}
#footer #f-contact li {
	background-position: 0 55%;
	padding-left: 29px;
}
#footer #f-phone {
	background-image: url(i/ico_footer_tel.png);
}
#footer #f-fax {
	background-image: url(i/ico_fax_footer.png);
}
#footer #f-email {
	background-image: url(i/ico_mail_footer.png);
}
#footer #f-standards {
	padding: 15px 0 20px;
}
#footer #f-standards li {
	background: none;
	padding: 0 5px;
}
#footer #f-standards a,
#footer #f-standards a:hover {
	background: none;
	border: none;
}

/* Content
*******************************************************************************/

h2 {
	background: repeat-y 0 50%;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	min-height: 31px;
	line-height: 31px;
	margin: 0;
	padding: 0 0 0 0px;
}


h3 {
    color: #369;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	margin: 15px 15px 0;
	padding: 0;
}
#main-content p {
   
}
#main-content p,
#main-content dl,
#main-content ol,
#main-content ul {
	line-height: 1.5em;
	margin: 1em 15px;
    color: #000;
}
#main-content p.lead {
	display: block;
    color: #006699;
	font: bold 1.21em/1.21em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	margin: 15px 11px 15px 15px;
}
#main-content ul ul {
	margin: 0 15px;
}
#main-content dt,
#main-content li {
	background: url(i/blc01.gif) no-repeat 0 .5em;
	padding: 0 15px;
}
dt {
	margin-top: .5em;
}
dd {
	margin: 0 15px;
}
#main-content a.more {
	background: #6eaedb url(i/more.gif) no-repeat 100% .4em;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: .9em;
	font-weight: bold;
	line-height: 1em;
	margin: 10px 0 10px 0;
	padding: 0 14px 2px 3px;
	text-transform: lowercase;
	width: 3em;
}
#main-content a.more:hover {
	background: #fff url(i/more.gif) no-repeat 100% -41px;
	border-color: #CC9900;
	color: #CC9900;
}

#navigazione a.direct {
	background: #6eaedb url(i/more.gif) no-repeat 100% .4em;
	border: 1px solid #fff;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	margin: 10px 0 10px 0;
	padding: 0 14px 2px 3px;
	width: 3em;
}
#navigazione a.direct:hover {
	background: #fff url(i/more.gif) no-repeat 100% -41px;
	border-color: #CC9900;
	color: #CC9900;
}
.container1 {
	background: #fafafa;
	border: 4px #fff;
	border-style: solid;
	padding: 10px;
	margin: 15px;
}
.container2 {
	background: #fff url(i/bgcnt01_br.gif) no-repeat 100% 100%;
	border-top: 3px solid #3f7e73;
	clear: both;
	color: #555;
	margin: 15px 15px 20px 15px;
	padding: 0;
}
.c1 {
	float: left;
	margin: 0 0 20px 15px;
	width: 45%;
}
.c2 {
	float: right;
	margin: 0 15px 20px 0;
	width: 45%;
}
.outline {
	background: #fff;
	color: #555;
	padding: 15px;
}
.thumbnail {
	/*background: url(i/bgclth.gif) no-repeat;*/
	display: inline;
	float: right;
	height: 140px;
	margin: 15px 11px 11px 11px;
	padding: 0;
	width: 201px;
}
.thumbnail img {
	margin: 8px;
}
#main-content .container dl {
	background: url(i/bgcnt01_bl.gif) 0 100% no-repeat;
	margin: 0;
	padding: 15px;
}

#focuson h2 {
	cursor: pointer;
}

#focusonprodotti h2 {
cursor: pointer;
}


/* Sidebar content
*******************************************************************************/

#sidebar h2 {
	background: #8fa1c1 no-repeat;
	border-top: 4px solid #fff;
	height: 31px;
	margin: 0;
	padding: 0;
	padding-top:15px;
	text-indent: -9999px
}

#sidebar #relatedlinks h2 {
	background-image: url(i/sbh_relatedlinks.gif);
	background-color:#8FA1C1;
}

#relatedlinks li {
	background: ur  l(i/blsb1.gif) no-repeat 5px 50%;
    line-height: 1.7em;
    padding: 2px 10px 2px 20px;
}

#relatedlinks a {
	color: #fff;
}

#search h2 {
	background: url(i/curva.gif) no-repeat 0px 0px;
	border: none;
	height: 39px;
	margin: -39px 0 0 0;
	padding: 0;
	position: absolute;
	width: 204px;
}

#search ul {
padding-left:14px;
margin-bottom:10px;
}

#search li {
padding-top:4px;
}

#search p {
padding-top:0px;
}

#search h2 em {
	background: url(i/back_search.png) no-repeat 0px 7px;
	border: none;
	display: block;
	height: 50px;
	padding: 0px;
	margin-top:100px
	position: relative;
	width: 195px;
}
#sidebar form,
#sidebar div {
	background: url(i/bgsidebar.gif) repeat 0px 0px;
}
#sidebar div {
	background-position: 0 35px;
}
#sidebar form p {
	margin: 0;
	padding: 15px;
}
#sidebar input {
	vertical-align: middle;
}
 
.area {
margin-right:5px;
}

#s {
	background: #f7f7f7 url(i/bgsearch.gif) repeat-x 0px 0px;
	border: 1px solid #fff;
	color: #555;
	font: 1em/normal Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 2px;
	width: 112px;
}
#s:focus,
#s.focus {
	background: #fff;
	border-color: #d1e4f6;
	color: #003dc6;
}
#search-button {
	font: .8em Arial, Helvetica, sans-serif;
	height: 27px;
	margin: 0 0 0 5px;
	width: 41px;
}
#sidebar div ul {
	margin: 5px 5px 15px 5px;
}
#sidebar #a-riservata h2 {
	background-image: url(i/back_customize.gif);
	background-repeat: no-repeat;
	background-color:#8FA1C1;
	
}
#sidebar #marketing h2 {
	background-image: url(i/back_news.gif);
	background-repeat: no-repeat;
	background-color:#8FA1C1;
}

#sidebar #azienda h2 {
background-image: url(i/back_azienda.gif);
background-repeat: no-repeat;
background-color:#8FA1C1;
}

#customise li {
	background: url(i/blsb1.gif) no-repeat 5px 50%;
	line-height: 1.7em;
	padding: 2px 10px 2px 20px;
}

#customise a {
	color: #fff;
}

/* Home
*******************************************************************************/
#sect-home #focuson h2 {
	background-position: 0 0;
	height: 31px;
	margin: 0;
	padding: 0;
	position: relative;
	text-indent: -9999px;
}

#sect-home #focusonprodotti h2 {
	background-position: 0 0;
	height: 31px;
	margin: 0;
	padding: 0;
	position: relative;
	text-indent: -9999px;
}

#intro {
	float: left;
	margin: 15px 0 15px -221px;
	width: 100%;
	/*border: 1px solid;*/
}
#intro p {
	margin-left: 236px;
}

#intro h3 {
margin-left:236px;
}

#intro h4 {
margin-left:236px;
color: #369;
font: bold 1.1em Arial, Helvetica, sans-serif;
padding: 0;
}

#intro ul {
margin-left: 236px;
font-size:11px;
border-bottom: 1px solid #369;
padding-bottom: 10px;
padding-top: 10px;
background-color:#FFFFFF;
}

#main-content #intro p.lead {
	margin: 0 15px 0 236px;
}
#client {
	background: transparent url(i/split01.gif) repeat-y 0 0;
	float: right;
	font-size: .9em;
	margin: 15px 0 15px -220px;
	width: 235px;
}
#client .thumbnail {
	margin: 0 11px 11px 0;
}
#client .thumbnail a,
#client .thumbnail img {
	display: block;
	margin: 0;
	padding: 0;
}
#client .thumbnail a,
#client .thumbnail a:hover {
	background: none;
	border: none;
	padding: 8px;
}
#client h3 {
	margin: 0 20px 0;
}

#client h4 {
margin: 0 20px 0;
}

#client ul {
	margin: 8px 5px 0;
}
#client p {
	margin: 8px 20px 0;
}
#focuson {
	/*background: #f00;*/
	clear: both;
	font-size: .9em;
}
#focusonprodotti {
	/*background: #f00;*/
	clear: both;
	font-size: .9em;
}

#focuson div {
	background: transparent url(i/split01.gif) repeat-y;
	float: left;
	min-height: 28em;
	width: 33.3%;
}

#focusonprodotti div {
	background: transparent url(i/split01.gif) repeat-y;
	float: left;
	min-height: 400px;
	width: 33%;
}


#focuson #focus1 {
	background: none;
}

#focuson #focus2 {
	margin: 0;
}
#focuson #focus3 {
	float: right;
	margin: 0 0 0 -3px;
}

#focuson #focus3 {
	float: right;
	margin: 0 0 0 -3px;
}

#focusonprodotti #focus3 {
	float: right;
	margin: 0 0 0 -3px;
}

#focusonprodotti #focus4 {
	float: right;
	margin: 0 0 0 -3px;
}
#main-content #focuson h2 {
	background-position: -2px -2px;
	height: 26px;
	line-height: 26px;
	margin: 0 0px 0 1px;
	min-height: 26px;
	padding: 0;
}

#main-content #focusonprodotti h2 {
	background-position: -2px -2px;
	height: 26px;
	line-height: 26px;
	margin: 0 0px 0 1px;
	min-height: 26px;
	padding: 0;
}
#focuson #focus1 h2 {
	background-image: url(i/h_businessfocuson.gif);
	margin-left: 0;
}
#focuson #focus2 h2 {
	background-image: url(i/h_focus2.gif);
}
#focuson #focus3 h2 {
	margin-right: 0;
}
#focuson div span {
	background: url(i/ico_focus.png) no-repeat 100% 100%;
	float: right;
	height: 22px;
	margin: 0 0 5px 5px;
	width: 25px;
}
#focusonprodotti #focus1 h2 {
	background-image: url(i/h_businessfocuson.gif);
	margin-left: 0;
}
#focusonprodotti #focus2 h2 {
	background-image: url(i/h_focus2.gif);
}
#focusonprodotti #focus3 h2 {
	margin-right: 0;
}

#focusonprodotti #focus4 h2 {
	margin-right: 0;
}
#focusonprodotti div span {
	background: url(i/ico_focus.png) no-repeat 100% 100%;
	float: right;
	height: 22px;
	margin: 0 0 5px 5px;
	width: 25px;
}
#services #focus1 span {
	background-image: url();
}
#services #focus3 span {
	background-image: url();
}
#sidebar #marketing ul {
	margin: 5px;
}
#sidebar #azienda ul {
margin: 5px;
}


#marketing li {
	background: url(i/blsb1.gif) no-repeat 5px .7em;
	margin: 0 0 5px 0;
	padding: 5px 10px 5px 20px;
}

#azienda li {
background: url(i/blsb1.gif) no-repeat 5px .7em;
margin: 0 0 5px 0;
padding: 5px 10px 5px 20px;
}

#marketing a {
	color: #fff;
}

#azienda a {color: #FFFFFF;
}

/* Tabelle
*******************************************************************************/

.dati {
font: 10px Arial, Verdana, Helvetica, sans-serif;
color:#000000;
border-bottom: 1px solid #369;
padding: 4px;
background-color:#E2ECFF;
}
.unita {
font: 10px Arial, Verdana, Helvetica, sans-serif;
color:#000000;
border-bottom: 1px solid #369;
padding: 4px;
background-color:#F7F7FA;
}
.campo {
font: 10px Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color:#6699CC;
border-bottom: 1px solid #369;
padding: 4px;
background-color:#FFFFFF;
text-align:left;
white-space: nowrap
}


/* Varie colori
*******************************************************************************/

#main-content-inner,
{
background-image: url(i/bg2a.jpg);
    background-color: #F7F7FA;
    color: #006699;
	padding-top:10px;
}
#content {
    background-image: url(i/bgcontent_1.gif);
}
h2 {
    background-image: url(i/h_focus2.gif);
	background-repeat:repeat-x;
}





/* approfondire
*******************************************************************************/
#sidebar div.knowmore {
	padding: 10px 0 10px 10px;
	background: none;
}
#sidebar div.knowmore a, #sidebar div.knowmore a:hover {
	border: none;
	background: none;
}

/* links
*******************************************************************************/
#sect-relatedlinks dt {
	display: inline;
    font-weight: bold;
}
#sect-relatedlinks dd {
	display: inline;
    margin-left: -10px;
    font-weight: bold;
}

#relatedlinks li.pdf, #main-content li.pdf {
	line-height: 1.7em;
	padding: 2px 10px 2px 20px;
	background: url(i/icnpdf.gif) no-repeat 0 50%;
}

#sidebar li.contact {
    background: url(i/bl_contact.gif) no-repeat 0 50%;
    padding-left: 20px;
}

#sidebar li.contacticn a, #sidebar li.contacticn a:link {
	width: 140px;
    height: 184px;
    display: block;
    border-bottom: none;
    text-indent: -999px;
}
#sidebar li.contacticn a:hover {
	background: none;
}
#sidebar li.contacticn {
	background: url(i/icncontact.gif) no-repeat 0 0px;
    height: 184px;
    padding-left: 20px;
}

#sidebar li.contacticn:hover{
    background: url(i/icncontact.gif) no-repeat 0 -209px;
    height: 184px;
    padding-left: 20px;
}

/* error msg
********************************/
#errorMsg p, #errorMsg li {
	color: #ff0000;
    font-weight: bold;
}

/* Mac IE warning
********************************/
#macie {
	display: none;
}

/* IE hacks
*******************************************************************************/

* html body {
	text-align: center;
}
* html #main-inner {
	text-align: left;
}
* html #nav {
	position: static;
	height: 0;
}
* html #nav div {
	left: auto;
	right: auto;
	width: 100%;
}
* html #main,
* html #main-inner,
* html #content,
* html p.lead, 
* html #client p {
	height: 1%;
}
* html .container {
	display: inline;
	height: 1%;
}
* html #main-content,
* html #client .thumnail {
	display: inline;
}
* html #main-content-inner {
	height: 450px;
}
* html #search h2 em {
	float: left;
	position: static;
}
* html #s {
	background-attachment: fixed;
}
* html #footer ul {
	height: 1%;
}
* html #nav li ul,
* html #nav li ul li,
* html #nav li ul li a {
	height: 1%;
}
* html #nav li ul li {
	display: inline;
}
* html #services div {
	height: 28em;
}

/* Hacks per IE 5.0 
*******************************************************************************/

* html #nav a {
	text-indent /**/: 0;
	height /**/: 47px;
	padding-top /**/: 47px;
	overflow /**/: hidden;
}
* html #nav li li a {
	height /**/: auto;
	overflow /**/: visible;
}
/***** home fix *****/
/* * html #sect-home #main-content h2,  */
* html #sect-home #services h2, 
* html #sidebar div h2 {
	overflow /**/: hidden;
	text-indent /**/: 0;
	height /**/: 31px;
	padding-top /**/: 31px;
}
* html #main-content #services h2 {
	height /**/: 26px;
	padding-top /**/: 26px;
}
* html #sidebar div h2 {
	float /**/: left;
	height /**/: 35px;
}
/***** side bar h2 fix  *****/
* html #sidebar div h2 {
        float /**/: none;
        background-color: #4969A2;
}
* html #sidebar div {
	background-position /**/: 0 0; 
}
* html #footer ul li {
	height /**/: 1%;
	padding-top /**/: 0;
	padding-bottom /**/: 0;
}

.thumbnails
{padding: 4px;
border:1px solid #878787;
margin: 6px;
background: #FFFFFF}
.campobold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
}