/* tipografia, colori e regole per voci di primo livello, titoli e link */

div#menu{padding-top:0px;width:100%;
    background: #ffffff url(http://www.dagmaweb.it/img/menubk.gif) repeat-x bottom;}
ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none}

ul#nav{width:840px;margin: 0 auto;height:36px;
    background: #ffffff url(http://www.dagmaweb.it/img/menubk.gif) repeat-x;
    font: 85%/1.5 Verdena,Tahoma,sans-serif;}
ul#nav a{display:block;text-decoration:none}
ul#nav h2{font-size:110%;margin:0}
ul#nav h2 a{line-height:35px;padding: 0 15px;color:#FFF}
ul#nav>li:hover,ul#nav h2 a:hover{background: #203958;
background: url(img/menu-hover-header.gif) no-repeat;
/*border: 1px solid #EEEEEE;*/}
ul#nav h3{font-size:100%;margin:0}
ul#nav h3 a{color: #203958}
ul#nav h3 a:hover{text-decoration:underline}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;display: block !important;display: inline; /*IE6*/}


/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa
NB: classe open è necessaria per JQuery*/

ul#nav div.mega{position: absolute;top: -9999px;left: -1px;
    width: 20em;padding: 0.7em;border: 1px solid #203958;
    background: #FFF;overflow:hidden;line-height:1.5}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 25px;z-index: 100}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne - default
wide: 3 colonne
ultra: 4 colonne alt: allineato sul lato destro */

ul#nav div.mega div{float:left;width:49%}
ul#nav div.mega.small{width:12em}
ul#nav div.mega.small div{float:left;width:99.9%}
ul#nav div.mega.wide{width:28em}
ul#nav div.mega.wide div{float:left;width:33%}
ul#nav div.mega.ultra{width:36em}
ul#nav div.mega.ultra div{float:left;width:24.9%}
ul#nav div.mega.alt{left:auto;right:-1px}

/*regole aggiuntive per i link dei sottomenu*/

ul#nav div.mega li a{padding:0 7px;color: #203958;
    background: #FFF url(img/bullet.png) no-repeat left center;}
ul#nav div.mega li a:hover{color: #208be1;text-decoration:none} 


#header { 
	/*width:100%;*/
    padding:10px;
	text-align:center;
	background-color:#FFFFFF;
	border-bottom: 0px solid #3E5A82;
}

/* ================================================================ 
CSS MENU
=================================================================== */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blueblock{
width: 220px;
border-right: 0px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
margin-left:0px;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #7e9fc8;
color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #7e9fc8;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #203958;
border-right: 10px solid #6181aa;
background-color: #33557f;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #334e71;
border-right: 10px solid #638dc0;
background-color: #3d6699;
color: #fff;
}



/* ================================================================ 
CSS GENERICI
=================================================================== */


body { 
	margin-top:0px;
	margin:0 auto;
    padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background-image: url(http://www.dagmaweb.it/img/bg.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	/*background-attachment: fixed;*/
}

a:active {
	text-decoration: underline;
	color: #3E5A82;
}

a:visited {
	text-decoration: none;
	color: #3E5A82;
}

a:hover {
	text-decoration: underline;
	color: #3E5A82;
}

a:link {
	outline: none;
	text-decoration: none;
	color: #3E5A82;
}

.faq {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #375278; text-decoration: none}
A.faq:link {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #375278; text-decoration: none}
A.faq:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #375278; text-decoration: none}
A.faq:hover, active {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #375278; text-decoration: none}

.bold-host    {

    text-align:center;
	padding-top:5px; 
	padding-bottom:0px;
    font-weight : bold ;
	color: #990000;
	
}

#container { 
	width:100%;
    padding:0px;
	text-align:center;
	position: relative;
}

#header { 
	/*width:100%;*/
    padding:10px;
	text-align:center;
	background-color:#FFFFFF;
	border-bottom: 0px solid #3E5A82;
}

#content { 
	margin:0 auto;
	margin-top:10px;
	width:800px;
    padding:0px;
	text-align:left;
	background-color:#FFFFFF;
	border: 1px solid #3E5A82;
}

#site {

    width:545px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:245px;
	text-align: justify;
	clear:right;
		
}

.intestaz {

	font-size: 18px;
	font-weight: bold;
	color: #375278;
		

}

h2 {

	font-size: 16px;
	font-weight: bold;
	color: #375278;
		

}

h3 {

	font-size: 14px;
	font-weight: bold;
	color: #375278;
		

}

.intestazred {

	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
	color: #990000;
		
}

.intestazblack {

	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
	color: #000000;
		
}

.intestazpro {

	font-size: 18px;
	font-weight: bold;
	color: #5b8729;
		
}

b,strong {
	color: #375278;
}

.red {
	color: #990000;
	font-size: 12px;
	font-weight: bold;		
}

.buttons {
	text-align:center;
	padding-top:5px;
	margin-bottom:1px;
	clear:both;
	padding-bottom:0px;		
}

.txtofferta {

	font-size: 12px;
	font-weight: bold;
	color: #ae0001;
		
}


/* ================================================================
CSS HOME PAGE
=================================================================== */

#spot {
    width:800px;
	height:150px;
	
}

#spot-home {
    width:800px;
	height:225px;
	z-index: 0;
	
}

#spot-home img{
    border:0;
	
}

#box1
{
    background: #EEEEEE /*url(img/sala-server.gif) no-repeat*/;
    width: 265px;
    height: 240px;
}
#box2
{
    background: #EEEEEE /*url(img/box2.gif) no-repeat*/;
    width: 270px;
    height: 240px;
}
#box3
{
    background: #FFFFFF	 url(img/box5.gif) no-repeat;
    width: 265px;
    height: 70px;
}
#box4
{
    background: #FFFFFF /*url(img/box3.gif) no-repeat*/;
    width: 265px;
    height: 80px;
	font-weight : normal ;
	font-size:11px;
	text-align:justify;
}
#box5
{
    background: #FFFFFF /*url(img/box5.gif) no-repeat*/;
    width: 265px;
    height: 90px;
}
#box6
{
    background: #EEEEEE /*url(img/box6.gif) no-repeat*/;
    width: 265px;
    height: 70px;
	text-align:center;
	margin: auto;
}
#box7
{
    background: #EEEEEE url(img/box7.gif) no-repeat;
    width: 270px;
    height: 70px;
	text-align:center;
	margin: auto;
}
#box8
{
    background: #EEEEEE /*url(img/box8.gif) no-repeat*/;
    width: 265px;
    height: 70px;
	text-align:center;
	margin: auto;
}

#box9
{
    background: #EEEEEE url(cartella/box9.gif) no-repeat;
	margin-top:3px;
    width: 535px;
    height: 200px;
}

#host1
{
    background: #FFFFFF url(img/host1.gif) no-repeat;
    width: 160px;
    height: 180px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #cccccc;
}

#boxhosting1
{
    padding-left:5px; 
	padding-top:10px;
	margin-top:3px;
}

#hosting1
{
    background: #FFFFFF url(img/sf-boxhosting1.gif) repeat;
	margin-top:3px;
	margin-left:3px;
    width: 532px;
    height: 200px;
}

#host2
{
    background: #FFFFFF url(img/host2.gif) no-repeat;
    width: 160px;
    height: 180px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #cccccc;
}

#host3
{
    background: #FFFFFF url(img/host3.gif) no-repeat;
    width: 160px;
    height: 180px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #cccccc;
}

#hosting3
{
    background: #FFFFFF url(img/hosting3.gif) no-repeat;
    width: 180px;
    height: 180px;
	/*border-top:1px solid #FFFFFF;
	border-bottom:1px solid #cccccc;*/
}

#box10
{
    background: #EEEEEE /*url(cartella/box10.gif) no-repeat*/;
    width: 265px;
    height: 200px;
	margin-top:3px;

}

#box-10
{
    background: #FFFFFF url(img/sf-boxnews.gif) repeat;
    width: 258px;
    height: 200px;
	margin-top:3px;
	margin-left:3px;

}

#notes
{
    background: #FFFFFF url(img/sf-notes.gif) no-repeat;
    width: 225px;
    height: 180px;
	border:0px solid #cccccc;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cccccc;
}

.notes
{
    float: left;
	margin-top:7px;
    margin-left: 20px;
}

#panel
{
    background: #FFFFFF /*url(img/sf-pannelli.gif) no-repeat*/;
    width: 265px;
    height: 240px;
	text-align:center;
}

.panel
{
    float: left;
	margin-top:2px;
} 

#pannelli
{
    background: #FFFFFF /*url(img/sf-pannelli.gif) no-repeat*/;
    width: 250px;
    height: 180px;
	text-align:center;
}

.pannelli
{
    float: left;
	margin-top:7px;
    margin-left: 10px;
}  

.host
{
    float: left;
	margin-top:7px;
    margin-left: 12px;
} 

.box
{
    float: left;
} 

#navig {
    width:245px;
	margin-top:13px;
	float:left;
	background: #FFFFFF;
		
}

#tit-menunavig {
	width:220px;
	height:25px;
	background: #FFFFFF url(img/bg-menunavig.gif) repeat-x;
	color:#FFFFFF;
	text-align:center;

}

#menu-navig {
    background: #FFFFFF url(img/bg-sfondo-navig.gif) no-repeat ;
    width:220px; 
	margin-top:3px;
	border:0px solid #000000;
	margin:0 auto;
	
}

#menu-navig  li{
	
    /*list-style-image : url(registrazione-domini/img/pallino.gif) ;*/
	list-style-type : circle;
	padding-top : 3px ;
	font-weight : bold ;
	font-size:11px;
	color:#666666;
}

.list   {  	
	margin:6px 0px 0px 15px;
    padding: 0px 0px 0px 0px; 
	list-style: none; 
	font-size: 12px;
}


.list li  { 
	padding-left: 10px;
 	background-image: url(img/pallino1.gif);
 	background-repeat: no-repeat;
   	background-position: 0px 7px;
	text-align:left;
	 }
	 
.listhost   {  	
	margin:3px 0px 0px 15px;
    padding: 0px 0px 0px 0px; 
	list-style: none; 
	font-size: 11px;
}


.listhost li  { 
	padding-left: 10px;
 	background-image: url(img/pallino1.gif);
 	background-repeat: no-repeat;
   	background-position: 0px 7px;
	text-align:left;
	 }
	 
.listhosting   {  	
	margin:3px 0px 0px 15px;
    padding: 0px 0px 0px 0px; 
	list-style: none; 
	font-size: 11px;
}


.listhosting li  { 
	padding-left: 20px;
 	background-image: url(img/pallino1.gif);
 	background-repeat: no-repeat;
   	background-position: 0px 7px;
	text-align:left;
	 }
	 
.listinfo   {  	
	margin:3px 0px 0px 15px;
    padding: 0px 0px 0px 0px; 
	list-style: none; 
	font-size: 11px;
}


.listinfo li  { 
	padding-left: 10px;
 	background-image: url(img/pallino1.gif);
 	background-repeat: no-repeat;
   	background-position: 0px 7px;
	text-align:left;
	 }
	 
.boxcontentha  { 

    padding-left:55px; 
}

.boxcontenthb  { 

    padding-left:55px; 
}

.boxcontenthc  { 

    padding-left:55px; 
}

.boxnews { 

    padding-left:5px; 
	padding-top:10px;
	margin-top:3px;
	width:251px;
}

.boxnews b,strong{ 
   
   font-size:11px;
   font-style:bold;
}

.txt-host     {

    margin-top: 3px;
	margin-left: 10px;

}		

.boldboxhome    {

    text-align:center;
	padding-top:20px; 
	padding-bottom:0px;
    font-weight : bold ;
	color: #990000;
	
}

#menu-navig-home {
    background: #FFFFFF ;
    width:220px; 
	border:0px solid #000000;
	margin:0 auto;
	
}  

#menu-navig-home  li{
	
    list-style-image : url(img/pallino1.gif) ;
	padding-top : 3px ;
	font-weight : normal ;
	font-size:11px;
	color:#333333;
}

.news {
	color: #000000;
	padding : 2px ;
	font-weight : normal ;
	font-size:11px;
	text-align:justify;
} 

.linknews {
	color: #3E5A82;
	font-weight : normal ;
	font-size:11px;
	text-decoration: none;
}   

.datanews {
	color: #5b8729;
	font-weight : bold ;
	font-size:11px;
}   

A.linknews: link, active {
	color: #3E5A82;
	font-weight : bold ;
	font-size:11px;
	text-decoration: none;
} 

A.linknews: visited {
	color: #990000;
	font-weight : bold ;
	font-size:11px;
	text-decoration: none;
}

A.linknews: hover, link, active, visited {
	color: #3E5A82;
	font-weight : bold ;
	font-size:11px;
	text-decoration: underline;
} 

.boxprofilo {
	color: #3E5A82;
	width: 255px;
	margin: 0 auto;
	text-align: justify;
	font-size:11px;
} 

.boxstep
{
    width:800px;
	height:100px;
	margin:0 auto;
}

#boxstep1
{
    background: #990000 /*url(img/sala-server.gif) no-repeat*/;
    width: 265px;
    height: 60px;
	background-image:url(img/boxstep_01.gif);
	float:left;
}

#boxstep2
{
    background: #EEEEEE /*url(img/box2.gif) no-repeat*/;
    width: 270px;
    height: 60px;
	background-image:url(img/boxstep_02.gif);
	float:left;
}

#boxstep3
{
    background: #CCCCCC /*url(img/sf-pannelli.gif) no-repeat*/;
    width: 265px;
    height: 60px;
	background-image:url(img/boxstep_03.gif);
	float:left;
}

.content-boxstep1
{
    padding-top: 25px;
	padding-left:40px;
	color:#ffffff;
}

.content-boxstep2
{
    padding-top: 24px;
	padding-left:62px;
	color:#ffffff;
}

.content-boxstep3 
{
    margin-top: 20px;
	padding-left:45px;
	color:#ffffff;
}

.content-boxstep3 ul
{
	letter-spacing: 1px;
	list-style: none;
	font-weight: bold;
	font-size: 10px;
    margin: 0;
    margin-left: 30px;
	
}

.content-boxstep3 li
{
	display: inline;
	list-style: none;
	float:left;
}

.passidominio
{
    float:left;
}


/* ================================================================
CSS FOOTER
=================================================================== */

#copyright { 
    padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3E5A82;
	text-align:center;
}

#footer { 
	width:100%;
    padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3E5A82;
	text-align:center;
}

#content-footer { 
	margin:0 auto;
	margin-top:10px;
	width:800px;
    padding:0px;
}

#footer ul  { 
	float:left;
	width:150px;
	 }

#footer li  { 
	padding-left: 10px;
	list-style:none;
 	background-image: url(img/pallino1.gif);
 	background-repeat: no-repeat;
   	background-position: 0px 7px;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	 }
	 
#footer li a { 

	color:#3E5A82;
	text-decoration:none;
	 }
	 
#footer li a:active,link,visited { 

	color:#3E5A82;
	text-decoration:none;
	 }
	 
#footer li a:hover { 

	color:#990000;
	text-decoration:none;
	 }
	 
#piva  { 
	padding-top:10px;
	font-size:11px;
	color:#375278;
	 }
	 
div#multi ul,div#multi li{margin:0;padding:0;list-style:none}

div#multi{width: 100%;overflow: hidden;  /* simple clearing of floats */
    padding: 1em 0;margin:4em 0;
    line-height: 1.8;
    background: #ffffff}

div#multi h4{font:180% "Trebuchet MS",Arial,sans-serif;
    margin: 0.1em 0;color:#208BE1;
    border-bottom:1px dotted #777;
	text-align:left;}
div#multi ul,div#multi li{margin:0;padding:0;list-style:none;text-align:left;}

div#multi div{float:left;width:24%;
    margin-left: 0.7%;display: inline;}

div#multi li{border-bottom:1px dotted #777;}

div#multi a{display:block;color: #333333;
    height: auto !important;height: 1%; /*holly hack semplificato per IE*/
    text-decoration:none;padding-left:12px;
	padding-right:22px;
    background: transparent url(img/green_arrow.gif) no-repeat center left;}

div#multi a:hover{background-color: #208BE1;color:#FFF}

/* ================================================================
CSS REGISTRAZIONE DOMINI
=================================================================== */

#domini1
{
    background: #FFFFFF url(img/host1.gif) no-repeat;
    width: 160px;
    height: 180px;
	border:1px solid #cccccc;
}

#domini2
{
    background: #FFFFFF url(img/host2.gif) no-repeat;
    width: 160px;
    height: 180px;
	border:1px solid #cccccc;
}

#domini3
{
    background: #FFFFFF url(img/host3.gif) no-repeat;
    width: 160px;
    height: 180px;
	border:1px solid #cccccc;
}

.domini
{
    float: left;
	margin-top:7px;
    margin-left: 14px;
} 

.nbdomini
{
    float: left;
	width:500px;
	margin-top: 10px;
	margin-bottom: 10px;
    margin-left: 20px;
	font-size:10px;
	padding:auto;
}

.infodomini
{
    float: left;
	width:500px;
	margin-top: 10px;
	margin-bottom: 10px;
    margin-left: 20px;
	padding:auto;
}

.nbdedicati
{
    float: left;
	width:500px;
	margin-top: 10px;
    margin-left: 20px;
	font-size:11px;
	padding:auto;
}	

.nbrivend
{
    float: left;
	width:500px;
	margin-top: 10px;
    margin-left: 20px;
	font-size:11px;
	padding:auto;
}

.intestaz-domains {

	padding-top:20px;
	font-size: 14px;
	font-weight: bold;
	color: #375278;
		

}

/* ================================================================
CSS PIANI HOSTING
=================================================================== */

#boxhosts
{
    background: #FFFFFF url(img/bghosts.gif) no-repeat;
    width: 160px;
    height: 190px;
	border:1px solid #050505;
}

#boxhostw
{
    background: #FFFFFF url(img/bghostw.gif) no-repeat;
    width: 160px;
    height: 190px;
	border:1px solid #336699;
}

#boxhostlx
{
    background: #FFFFFF url(img/bghostlx.gif) no-repeat;
    width: 160px;
    height: 190px;
	border:1px solid #990000;
}

#boxhostpro
{
    background: #FFFFFF url(hosting/img/bghostpro.gif) no-repeat;
    width: 160px;
    height: 190px;
}

#boxrivenditori
{
    background: #FFFFFF url(hosting-rivenditore/img/bgrivenditore.gif) no-repeat;
    width: 160px;
    height: 190px;
}

#boxserver
{
    background: #FFFFFF url(server-dedicati/img/bgserver.gif) no-repeat;
    width: 160px;
    height: 240px;
}

#boxdedicatiw
{
    background: #FFFFFF url(img/bghostw.gif) no-repeat;
    width: 160px;
    height: 280px;
	border:1px solid #336699;
}

#boxdedicatil
{
    background: #FFFFFF url(img/bghostlx.gif) no-repeat;
    width: 160px;
    height: 290px;
	border:1px solid #990000;
}

#boxdomini
{
    background: #FFFFFF url(img/bghostlx.gif) no-repeat;
    width: 160px;
    height: 180px;
	border:1px solid #990000;
}

#box-domini
{
    background: #FFFFFF url(img/bghostlx.gif) no-repeat;
    width: 200px;
    height: 180px;
	border:1px solid #990000;
}

#boxdomini2
{
    background: #FFFFFF url(img/bghostw.gif) no-repeat;
    width: 160px;
    height: 180px;
	border:1px solid #336699;
}

#boxdominiowin
{
    background: #FFFFFF url(img/bghostded.gif) no-repeat;
    width: 160px;
    height: 180px;
	border:1px solid #223a5a;
}

#boxdominio
{
    background: #FFFFFF url(img/bghostded.gif) no-repeat;
    width: 160px;
    height: 180px;
}

#boxinfo
{
    margin:0 auto;
	margin-top:10px;
	margin-left: 14px;
    background: #ffffff /*url(img/bghostlx.gif) no-repeat*/;
    width: 160px;
	/*border:1px solid #990000;*/
}

#boxbuthost
{
    margin:0 auto;
	margin-top:10px;
	margin-right: 0px;
	margin-left: 14px;
	margin-bottom: 10px;
	text-align:center;
    background: #ffffff /*url(img/bghostlx.gif) no-repeat*/;
    width: 160px;
}

.pianohost
{
    float: left;
	margin-top:7px;
	margin-bottom:7px;
    margin-left: 14px;
} 

.boxinfo
{
    float: left;
	margin-top:7px;
	margin-bottom:7px;
    margin-left: 14px;
}

.boxdomini
{
    float: left;
	margin-top:7px;
	margin-bottom:7px;
    margin-left: 70px;
}

.boxdominio
{
    float: left;
	margin-top:7px;
	margin-bottom:7px;
    margin-left: 14px;
}



.nbpianohost
{
    float: left;
	width:500px;
	margin-top: 10px;
    margin-left: 20px;
	font-size:10px;
	padding:auto;
}

.pianilinux
{
   color: #990000;
   font-weight : normal ;
}

a.pianilinux
{
   color: #990000;
   text-decoration: none;
}

a.pianilinux:hover
{
   color: #990000;
   text-decoration: underline;
}

a.pianilinux:link,active
{
   color: #990000;
   text-decoration: none;
}

.pianiwin
{
   color: #213553;
   font-weight : normal ;
}

a.pianiwin
{
   color: #213553;
}

a.pianiwin:hover
{
   color: #213553;
   text-decoration: underline;
}

a.pianiwin:link,active
{
   color: #213553;
   text-decoration: none;
}

.pianispace
{
   color: #292a2b;
   font-weight : normal ;
}

a.pianispace
{
   color: #292a2b;
   text-decoration: none;
}

a.pianispace:hover
{
   color: #292a2b;
   text-decoration: underline;
}

a.pianispace:link,active
{
   color: #292a2b;
   text-decoration: none;
}

/* ================================================================
CSS SUPPORTO
=================================================================== */

#boxsupporto
{
    background: #EEEEEE;
    width: 240px;
    height: 130px;
	font-size:11px;
	padding:3px;
	border:0px solid #336699;
}

.boxsupporto
{
    float: left;
	margin-top:7px;
	margin-bottom:7px;
    margin-left: 15px;
}

/* ================================================================
SEZIONE ECOMMERCE
=================================================================== */

#info-xcart
{
    margin:0 auto;
	margin-top:10px;
	margin-right: 5px;
	margin-left: 14px;
	margin-bottom: 10px;
	text-align:justify;
    background: #ffffff /*url(img/bghostlx.gif) no-repeat*/;
    width: 335px;
}

#xcart-img
{
    margin:0 auto;
	margin-top:10px;
	margin-right: 0px;
	margin-left: 14px;
	margin-bottom: 10px;
	text-align:center;
    background: #ffffff /*url(img/bghostlx.gif) no-repeat*/;
    width: 160px;
	height: 105px;
}

.xcart-img
{
    float: left;
}

/* WHMCS */

.heading2 {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color: #000000;
}	 

/*SLIDER IMMAGINI IN HOME PAGE*/

#s3slider {
   width: 400px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
