HTML {background: url(images/bg.jpg) repeat top left #B8A383;}
BODY {font-family:"trebuchet ms", Arial, Helvetica, sans-serif; font-size:80%; color: #000000; margin: 0 0 10px 0; background: url(images/bgtop.jpg) repeat-x top left;text-align:center}
a:link, a:visited {color:#3366cc; text-decoration:none}
a:hover {text-decoration:underline}

/* struttura */
#dxsocial {position:fixed;top:43px;right:0;color:#000;text-align:center;background: url(images/dxsocial.png) no-repeat top left;width:90px;height:105px !important; height /**/:150px;padding:45px 0 0 0;}
#dxsocial div {margin-bottom:10px}

.fb_ltr {left:0}
div#container{margin:0 auto;position:relative;width: 990px; text-align:center;background:  url(images/bgcontent.jpg) repeat-y top left #ffffff}
div#top, div#topgrafica, div#topsiti, div#topseo {margin:0 auto;position:relative;width:990px;height:215px}
div#top {background:  url(images/tophome.jpg) no-repeat top right #3366cc}
div#topgrafica {background:  url(images/topgrafica.jpg) no-repeat top right #3366cc}
div#topsiti {background:  url(images/topsiti.jpg) no-repeat top right #3366cc}
div#topseo {background:  url(images/topseo.jpg) no-repeat top right #3366cc}

div#dx {position:absolute;top:215px;width:277px !important; width /**/:291px;right:0;text-align:left;background: url(images/dxtop.jpg) no-repeat top right;padding:0 8px 0 6px}
div#content {margin: 0 291px 0 0;padding:20px 19px 10px 20px;min-height: 600px;height: auto !important;height: 600px;text-align:justify;background:  url(images/contenttop.jpg) no-repeat top left}

div#bot {clear: right;width:990px; height:66px !important; height /**/: 76px; padding-top:10px;background:  url(images/bot.jpg) no-repeat top left #ffffff;font-size:12px;text-align:center}

ul#botmenu {margin:0;padding:10px 0 0 0; font-size: 12px; list-style:none;text-align:center;width:100%;}
ul#botmenu li a {text-decoration:none; margin: 0 5px}
ul#botmenu li {display:inline}
ul#botmenu li a:link, ul#botmenu li a:visited {color:#aaa}
ul#botmenu li a:hover  {color:#999; text-decoration:underline} 

/* mappatura logo */
ul#mlogo {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	background: url(images/topmenu.jpg) no-repeat top center #3366cc;
	width:576px;height:215px;
	left: 0;
	top: 0;
	font-size:13px}
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:58px;top:58px;
width:240px;height:52px;
}
li#siti {
left:42px;bottom:0;
width:50px;height:50px;
}
li#tmsiti {
left:92px;bottom:6px;
width:135px;line-height:33px;height:33px;
}
li#seo {
left:229px;bottom:0;
width:50px;height:50px;
}
li#tmseo {
left:279px;bottom:6px;
width:126px;line-height:33px;height:33px;padding-top:8px;
}
li#graphic {
left:407px;bottom:0;
width:50px;height:50px;
}
li#tmgraphic {
left:457px;bottom:6px;
width:116px;line-height:33px;height:33px;padding-top:8px;
}
#mlogo a {
display:block;
width:100%;
height:100%;
color:#ffffff;
	font-weight:bold}
.alt {display:none}

/* destra */
ul#staff, ul#dxsiti, ul#dxseo, ul#dxgraphic {margin: 10px 0 0 0; padding:0; background: url(images/dxstaff.jpg) no-repeat top left;list-style:none;text-align:right;line-height:20px;  font-size:13px;font-weight:bold;width: 235px !important; width /**/:267px;height: 65px !important; height /**/:105px;padding:20px 10px 20px 22px;}
ul#staff li a, ul#dxsiti li a, ul#dxseo li a, ul#dxgraphic li a{display:block;height:20px}
ul#staff li, ul#dxsiti li, ul#dxseo li, ul#dxgraphic li {display:inline}

ul#staff {background: url(images/dxstaff.jpg) no-repeat top left;height: 85px !important; height /**/:125px}
ul#staff li a:link, ul#staff li a:visited {text-decoration:none; color:#3366cc;} 


ul#dxsiti {background: url(images/dxsiti.jpg) no-repeat top left;height: 123px !important; height /**/:163px}
ul#dxsiti li a:link, ul#dxsiti li a:visited {text-decoration:none; color:#ff6600;} 

ul#dxseo {background: url(images/dxseo.jpg) no-repeat top left;height: 65px !important; height /**/:105px}
ul#dxseo li a:link, ul#dxseo li a:visited {text-decoration:none; color:#74A721;} 

ul#dxgraphic {background: url(images/dxgraphic.jpg) no-repeat top left;height: 99px !important; height /**/:139px}
ul#dxgraphic li a:link, ul#dxgraphic li a:visited {text-decoration:none; color:#cc0066;} 

body#bhome a#homenav, body#bchi a#chinav, body#bcontatti a#contattinav, body#bguadagna a#guadagnanav, body#bsiti a#sitinav, body#bprevsiti a#prevsitinav, body#bpsiti a#psitinav,  body#bprevpos a#prevposnav, body#bplogo a#plogonav, body#bseo a#seonav, body#bseoreg a#seoregnav, body#becomm a#ecommnav, body#bfoto a#fotonav, body#bprevgra a#prevgranav, body#bgraphic a#graphicnav, body#bbanner a#bannernav, body#bgratis a#gratisnav, body#bcms a#cmsnav, body#bhost a#hostnav,
ul#staff li a:hover, ul#dxsiti li a:hover, ul#dxseo li a:hover, ul#dxgraphic li a:hover {text-decoration:underline;} 

/* content */
div#aspnet {margin:0 auto;margin-top:10px;position:relative;background: url(images/aspnet.jpg) no-repeat top left;width: 492px !important; width /**/:500px;height: 117px !important; height /**/:125px; padding:4px;text-align:center;}
div#aspnet a:link, div#aspnet a:visited {color:#ffffff}
div#aspnet b {font-size:30px;color:#ffffff;font-style:italic}
div#aspnet div#aspdesc {position:absolute;top:45px;left:15px;line-height:18px;width:255px;text-align:center;font-size:18px;color:#000000}

div.servizi h1, div.tsiti h1, div.tseo h1, div.tgraphic h1 {font-size:20px; display:inline;font-weight:normal}
div.servizi h2, div.tsiti h2, div.tseo h2, div.tgraphic h2 {font-size:16px; display:inline}
div.tsiti, div.servizi, div.tseo, div.tgraphic {}
div.servizi h1 {color:#3366cc}
div.tsiti h1, div.tsiti h2 {color:#ff6600}
div.tgraphic h1, div.tgraphic h2 {color:#cc0066}
div.tseo h1, div.tseo h2 {color:#339900}
div.tsiti h1 a:link, div.tsiti h1 a:visited {color:#ff6600}
div.tseo h1 a:link, div.tseo h1 a:visited {color:#339900}
div.tgraphic h1 a:link, div.tgraphic h1 a:visited {color:#cc0066}

div.split4 {margin:0 auto;width:660px;font-size:11px;}
div.split4 div {float: left}
div.split4 div#easy {width:144px;}
div.split4 div#ecomm {width:192px;}

div.split4 div#postazienda, div.split4 div#postecomm {width: 132px !important; width /**/:162px;height: 94px !important; height /**/:154px; padding:60px 10px 0 20px;font-weight:bold;font-size:13px;}
div#postazienda {background: url(images/postazienda.jpg) no-repeat top left}
div#postecomm {background: url(images/postecomm.jpg) no-repeat top left}
div.split4 div h1 {font-size:30px; display:inline;font-style:italic;color:#3366cc}
div.split4 div h2 {font-size:15px; display:inline;color:#3366cc}
div.split4 div span {color:#3366cc}
ul.post {margin:0 0 0 10px;padding:0 0 0 5px}

div.dettagli {width:100%; text-align:right; font-size:13px;font-weight:bold}
div.dettagli a:link, div.dettagli a:visited {color:#ff6600}
div#split3home{margin:0 auto;width:638px;margin:10px 0 0 14px}
div#split3home div {float: left;font-weight:bold;width: 160px !important; width /**/:212px;background: url(images/portfolio.jpg) no-repeat top left;padding: 3px 19px 0 33px;text-align:center;font-size:12px;margin-bottom:20px}
div#split3home a {color:#000000}

div.portfolio {margin:0 auto;width:642px;display: none;}
div.portfolio div.imgp {float: left;font-weight:bold;width: 168px !important; width /**/:212px;background: url(http://www.darfil.com/images/portfolio.jpg) no-repeat top left;padding: 6px 15px 0 29px;text-align:center;font-size:12px}
div.portfolio div.imgp a:link, div.portfolio div.imgp a:visited {color:#000000;}
div.portfolio div.imgp a:hover {color:#3366cc;text-decoration:none}
div.portfolio div.textp {float: left;width: 410px !important; width /**/:430px;padding: 3px 10px 0 10px;text-align:justify}
div.portfolio div.textp a:link, div.portfolio div.textp a:visited {font-weight:bold}

div.logop, div.fotop {margin:0 auto;width:638px;margin-left:14px}
div.logop div, div.fotop div {float: left;font-weight:bold;width: 208px;width: 200px !important; width /**/:208px;height: 160px !important; height /**/:168px;margin:2px;padding:2px;text-align:center;font-size:12px;border:1px solid #cccccc}
div.logop a, div.fotop a {color:#000000}

div.logop {display: none}

.paginationstyle{ /*Style for demo pagination divs*/
width: 100%;
text-align: center;
}

.paginationstyle a{ /*Pagination links style*/
height:20px;width:20px;float:left;margin: 0 2px; 
text-decoration: none;
}

.paginationstyle a:hover, .paginationstyle a.selected{
height:20px;width:20px;
text-decoration: underline
}

.paginationstyle .flatview a:link, .paginationstyle .flatview a.selected, .paginationstyle .flatview a:visited { /*Pagination div "flatview" links style*/
color: #ffffff;
background: url(http://www.darfil.com/images/pag.jpg) no-repeat center center #3366cc;width:20px;height:20px;
text-decoration: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #ffffff;
background: url(http://www.darfil.com/images/paghover.jpg) no-repeat center center #ff6600;width:20px;height:20px;
text-decoration: none;
}
a.prec:link, a.prec:visited, a.prec:hover {width:67px}

div.aziendalight {margin:0 auto;width:660px}
div.aziendalight div {float:left}
div.light {float:left;height:145px !important; height /**/:220px;width: 176px !important; width /**/:182px; padding:75px 3px 0 3px;background: url(images/aziendalight.jpg) no-repeat top center #ff6600;font-size:24px;color:#ffffff;text-align:center;}
div.aziendalight div.offerta {width: 458px !important; width /**/:478px; padding:0 0 0 20px}
div.aziendalight div.offerta p {margin-top:10px}
div.aziendalight div.light p, div.ecommerce p {margin:10px 0 0 0}
div.aziendalight div.light span, div.ecommerce span {display:none}
div.aziendalight div.light strong, div.ecommerce strong {font-size:40px}
div.aziendalight div.light b, div.ecommerce {font-size:20px}

div.ecommerce {float:right;margin-left:10px;height:145px !important; height /**/:220px;width: 176px !important; width /**/:182px; padding:75px 3px 0 3px;background: url(images/ecommerce.jpg) no-repeat top center #ff6600;font-size:24px;color:#ffffff;text-align:center;}

div.wide {margin: 0;clear:left}
div.widediv {margin: 0 auto;margin-top:10px;clear:left;background: url(images/div.gif) repeat-x top left; width:100%}

p#privacy {width:100%;font-size:85%; text-align:justify;}

div#partners {margin:0 auto;margin-top:10px;width: 970px; text-align:center;font-size:12px;color:#666666}
div#partners a {color:#ffffff}

ul#lettere {margin:10px 0 10px 5px;padding:0; font-size: 13px; list-style:none;text-align:center;width:660px;text-align:center;height:20px}
ul#lettere li a {float:left;text-decoration:none; margin: 0 2px;width:20px; line-height:20px;}
ul#lettere li {display:inline;}
ul#lettere li a:link, ul#lettere li a:visited {display:block;background: url(http://www.darfil.com/images/pag.jpg) no-repeat center center #3366cc;color:#FFFFFF}
ul#lettere li a:hover  {background: url(http://www.darfil.com/images/paghover.jpg) no-repeat center center #ff6600} 

.verde {color:#339900;font-weight:bold}
/* form e img  div {border: 1px solid #000000} */ 
.center {text-align:center}
div#overflow {overflow: auto; height: 500px; width:660px}
div#overflow a:link, div#overflow a:visited, a.ext:link, a.ext:visited {margin:0 3px; padding-right:16px;  background: url(images/external.gif) center right no-repeat;}
div#overflow a:hover, a.ext:hover {text-decoration:underline}
div#overflow b a {color:#339900}
ul {margin:0 0 0 20px;padding:0 0 0 20px}
ul li ul {margin:0 0 0 10px;padding:0 0 0 5px;}
acronym {cursor:help;border-bottom:1px dashed #3366cc;text-decoration:none}
.imgdx {float:right;margin-left:10px}
.imgsx {float:left;margin-right:10px}
h1, h2, h3 {display:inline}
h1 {font-size:20px; display:inline;color:#3366cc}
h2 {font-size:16px; display:inline;color:#3366cc}
hr {margin: 0 auto; width:95%; height:1px; color:#009900}
img {border:0}
form {margin:0}