@import url(menu.css);
@import url(main.css);

* {
padding: 0;
margin: 0;
border: 0;
}

body, html {
color: #000; 
/*font-family: Tahoma, Arial, sans-serif;*/
font-family: Trebuchet MS,Tahoma,Verdana,Arial;
text-align: center; /*** Centers the design in old IE versions ***/
height: 100%;
background: #555 url(./images/righe.png) repeat;
}
body {
font-size: 13px;
}

.clear { clear: both; }
#mainContainer {
width: 751px;
margin: 0 auto; /*** Centers the design ***/
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
position:relative;
bottom:0;
background: #fff url(./images/mainbg.jpg) repeat-y;
}


#banner {
	width: 751px;
	height: 379px;
	position:relative;
}


#top-sx {
	background: #333 url(./images/top-sx.jpg) no-repeat ;
	position:absolute;
	margin: 0px 0px 0px 0px;
	width: 221px;
	height: 99px;
}

#top-sx h1, #top-sx h2{
visibility:hidden;
display:none;
}

#top-dx {
	background: #333 url(./images/top-dx.jpg) no-repeat ;
	width: 530px;
	height: 99px;
	position:absolute;
	margin: 0px 0px 0px 221px;
}

#banner-sx {
	background: #1062B8 url(./images/banner-sx.jpg) no-repeat ;
	width: 221px;
	height: 129px;
	position:absolute;
	margin: 99px 0px 0px 0px;
}

#banner-txt {
	color:#c8dcf0;
	font-size:22px;
	font-weight:bolder;
	font-family: courier;
	z-index:10;	
	position:absolute;
	margin: 140px 0px 0px 18px;
	width:400px;

}



#banner-dx {
	background: #1062B8 url(./images/banner-dx.jpg) no-repeat ;
	width: 530px;
	height: 235px;
	position:absolute;
	margin: 99px 0px 0px 221px;
}

#disp-soft, #disp-home, #disp-contatti, #disp-assistenza, #disp-recupero, #disp-pc {
	width: 221px;
	height: 151px;
	position:absolute;
	margin: 228px 0px 0px 0px;
}

#disp-home {background: #1062B8 url(./images/display-anim.gif) no-repeat ;}
#disp-contatti {background: #1062B8 url(./images/display-contatti.jpg) no-repeat ;}
#disp-assistenza {background: #1062B8 url(./images/display-assistenza.jpg) no-repeat ;}
#disp-recupero {background: #1062B8 url(./images/display-recupero.jpg) no-repeat ;}
#disp-pc {background: #1062B8 url(./images/display-pc.jpg) no-repeat ;}
#disp-soft {background: #1062B8 url(./images/display-software.jpg) no-repeat ;}


#menu {
	
	width: 224px;
	/*color:#fff;*/
	float:left;
        margin-top:45px;
background: #242424;
}

* html #menu {
position: relative;  /*** IE needs this  ***/
}




.main {
	/*border:1px solid red;*/
	width: 504px;
	margin-left:243px;
	margin-top:-45px;
	margin-bottom:0px;
background: #ddd url(./images/righe45.png) repeat ;
}



input[type=submit]  {
cursor:pointer;
}

.stop {
clear:both;
}

#footer {
}

#credit1 {
color:#ee7d3b;
width: 222px;
float:left;
/*background: #e7b;*/
padding-top:10px;
/*border:2px solid blue;*/
}

#credit2 {
padding-top:5px;
padding-bottom:5px;
background: #666 url(./images/footer.jpg) repeat-x;
width: 508px;
margin-left:243px;
/*margin: 0px 0px 0px 243px;*/
	color:#fff;
	font-size:12px;
text-align: center;
/*border:1px solid yellow;*/
}

* html #credit2 {
	margin-left:240px;

}

#w3ch {
margin-left:24px;
float:left;
}

p {
margin:0;
padding:0;
}





h4 {
font-family: Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #111;
	margin: 0px;
	padding: 0px;
/*	font-style: italic;*/
text-align:left;
margin-top:4px;
/*background: url(./images/title-bg.png) repeat-x ;*/

}

h5 {
font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
/*	color: #498ACE;*/
	color: #111;
	margin: 0px;
	padding: 0px;
/*	font-style: italic;*/
text-align:left;
margin-top:4px;
}


h6 {
font-family: Tahoma, sans-serif;
	font-size: 8px;
	color: #666;
	margin: 0px;
	padding: 0px;
/*	font-style: italic;*/
text-align:left;
}

#mainContent a:visited, #mainContent a:link{
color: #1062B8;
}

#mainContent a:hover { color: #ee7d3b; }