@media screen {
/* ------------------------ home -------------------------------------------------- */
html { overflow-y: scroll; } 

body {background-repeat:repeat-y;background-color:#000; background-position:top center;}
body.home {background-image:url(img/fondohome.jpg);}
#wrapper {width:900px; margin:0 auto; position:relative; left:-110px;}
#header {}
#header #menu {margin-top:56px;margin-left:24px;background-image:url("img/fondom.png");background-repeat:no-repeat;width:548px;min-height:26px;height:auto !important;height:26px;margin-bottom:3px;}
#header #menu li { list-style:none; display:block;float:left;width:85px; font-size:14px;line-height:20px;color:#fff; text-align:left; padding-top:2px;}
#header #menu li a { padding-left:5px;text-decoration:none; color:#fff;}
#header #menu li a:hover { text-decoration:none; color:#fff;}
#header #menu li a.selected { text-decoration:none; color:#fff;}
#header #menu li a.viola { text-decoration:none; color:#fff;}
#header #menu li a.viola:hover { text-decoration:none; color:#B45AC0;}
#header #menu li a.violaselected { text-decoration:none; color:#B45AC0;}
#header #menu li a.violaselected:hover { text-decoration:none; color:#B45AC0;}

#header #menu li a.violachiaro { text-decoration:none; color:#fff;}
#header #menu li a.violachiaro:hover { text-decoration:none; color:#FF64FE;}
#header #menu li a.violachiaroselected { text-decoration:none; color:#FF64FE;}
#header #menu li a.violachiaroselected:hover { text-decoration:none; color:#FF64FE;}

#header #menu li a.verde { text-decoration:none; color:#fff;}
#header #menu li a.verde:hover { text-decoration:none; color:#82B818;}
#header #menu li a.verdeselected { text-decoration:none; color:#82B818;}
#header #menu li a.verdeselected:hover { text-decoration:none; color:#82B818;}

#header #menu li a.rosso { text-decoration:none; color:#fff;}
#header #menu li a.rosso:hover { text-decoration:none; color:#FF3333;}
#header #menu li a.rossoselected { text-decoration:none; color:#FF3333;}
#header #menu li a.rossoselected:hover { text-decoration:none; color:#FF3333;}

#header #menu li a.blu { text-decoration:none; color:#fff;}
#header #menu li a.blu:hover { text-decoration:none; color:#008AC9;}
#header #menu li a.bluselected { text-decoration:none; color:#008AC9;}
#header #menu li a.bluselected:hover { text-decoration:none; color:#008AC9;}

#header #menu li a.rosa { text-decoration:none; color:#fff;}
#header #menu li a.rosa:hover { text-decoration:none; color:#FF65FE;}
#header #menu li a.rosaselected { text-decoration:none; color:#FF65FE;}
#header #menu li a.rosaselected:hover { text-decoration:none; color:#FF65FE;}


#header #menu2 {margin-top:4px;margin-left:0px;width:85px; margin-bottom:3px; padding-bottom:0px; margin-bottom:0px;}
#header #menu2 li { list-style:none; display:block;width:85px; font-size:12px;line-height:20px;color:#fff; text-align:left; padding-top:2px;}
#header #menu2 li a { text-decoration:none; color:#fff; display:block; background-color:#000; padding-left:5px;}




#logo {display:block;background-image:url("img/logo.png");width:254px;height:89px;overflow:hidden;text-indent:-99999px;margin-bottom:20px;}
#tw {background-image:url("img/tw.png");background-repeat:no-repeat;padding-top:32px;}
#sx {clear:both;float:left; width:275px; color:#fff;}
#sx p { color:#fff; line-height:18px; font-size:14px;}
#dx {float:left; width:624px; }
#social { padding:0 20px 0 80px;padding-top:30px;}
#twitter {display:block;margin-left:3px;float:right;background-image:url("img/twitter.png");background-repeat:no-repeat;width:32px;height:32px;overflow:hidden;text-indent:-99999px;}
#facebook {display:block;margin-left:3px;float:right;margin-left:3px;background-image:url("img/facebook.png");background-repeat:no-repeat;width:32px;height:32px;overflow:hidden;text-indent:-99999px;}
#youtube {display:block;margin-left:3px;float:right;margin-left:3px;background-image:url("img/youtube.png");background-repeat:no-repeat;width:32px;height:32px;overflow:hidden;text-indent:-99999px;}
br.bot {clear:both; height:1px; font-size:1px; line-height:1px;}
#bannernews { margin:30px 0 0 9px;background-image:url("img/news.png");background-repeat:no-repeat; padding:43px 10px 10px 10px; width:226px;}
#bannernews a {display:block;}
#footer {margin-top:10px;padding-left:275px; font-size:11px;line-height:20px;color:#000; text-align:center; padding-right:20px;}
#footer a { color:#000; text-decoration:none;}
#footer a:hover { color:#000; text-decoration:underline;}

/* ------------------------ about us -------------------------------------------------- */
body.aboutus {background-image:url(img/fondoaboutus.jpg);}
#dx div.content {font-size:14px; line-height:17px;padding:0px 0px 0px 0px;text-align:left; margin:0 25px 0 0;}
#dx div.content p { padding:0px 50px 0px 115px;text-align:left; margin:5px 0 5px 0;}
#dx div.content2 {font-size:14px; line-height:17px;padding:0px 0px 0px 0px;text-align:left; margin:0 25px 0 0;}
#dx div.content2 p { padding:0px 0px 0px 0px;text-align:left; margin:0px 0 0px 0;}
.bgwhite {background-color:#fff !important;}
.bgviola {background-color:#7F3489 !important;}
.white {color:#fff !important;}
.white a {color:#fff !important;}
.white a:hover {color:#fff !important;}
img.tema { margin:10px 0 50px 0;}
img.temadx { margin-top:20px; float:right; margin-bottom: 20px; padding-right:50px;}

/* ------------------------ expertise -------------------------------------------------- */
body.expertise {background-image:url(img/fondoexpertise.jpg);}
img.temadxcentro { margin-top:20px; padding-left:155px; margin-bottom: 0px; }
#dx div.content p.padsmall { padding:0px 0px 0px 30px;text-align:left; margin:0px;}

#imap { display:block; padding:0px; margin:0 0 0 0px; width:571px; height:359px; background-image:url(img/rose.gif); background-repeat:no-repeat; position:relative; }
#hcommunication { position:absolute; top:0px;left:0px; width:571px; height:359px; }

#imap a#titlex { display:block; width:571px; height:0; padding-top:359px; overflow:hidden; position:absolute; left:0; top:0; background:transparent cursor:default; }
* html #imap a#titlex {height:359px; he\ight:0;}
#imap a#titlex:hover {background: transparent;}

a#hcommunication {display:block; width:84px; height:0; padding-top:173px; overflow:hidden; position:absolute; left:347px; top:120px; background:transparent; }
a#hcommunication:hover {background:#fff url(img/hcommunication.gif) no-repeat -348px -120px;}

a#hcorporate {display:block; width:158px; height:0; padding-top:110px; overflow:hidden; position:absolute; left:218px; top:50px; background:transparent; }
a#hcorporate:hover {background:#fff url(img/hcorporate.gif) no-repeat -218px -50px;}

a#hbelow {display:block; width:108px; height:0; padding-top:140px; overflow:hidden; position:absolute; left:161px; top:24px; background:transparent; }
a#hbelow:hover {background:#fff url(img/hbelow.gif) no-repeat -161px -24px;}

a#hpackaging {display:block; width:124px; height:0; padding-top:85px; overflow:hidden; position:absolute; left:225px; top:255px; background:transparent; }
a#hpackaging:hover {background:#fff url(img/hpackaging.gif) no-repeat -225px -255px;}

a#hpop {display:block; width:135px; height:0; padding-top:145px; overflow:hidden; position:absolute; left:130px; top:155px; background:transparent; }
a#hpop:hover {background:#fff url(img/hpop.gif) no-repeat -130px -155px;}

/* ------------------------ expertise det -------------------------------------------------- */
img.graffa { padding-left:200px; padding-top:5px;padding-bottom:15px;}
div.imgcontainer { padding-left:30px; padding-bottom:10px;}
div.content_det { margin-top:10px; padding-left:200px;background-repeat:no-repeat; min-height:200px;height:auto !important;height:200px;}
div.content_det h2 { color:#FF65FE; } 
div.content_det p { color:#FF65FE; padding:0px 10px 0 0 !important; margin:0px !important; } 
div.petalo_communication{ background-image:url("img/scommunication.gif"); background-position:0px 0px;}
div.petalo_pop{ background-image:url("img/spop.gif"); background-position:0px 0px;}
div.petalo_packaging{ background-image:url("img/spackaging.gif"); background-position:0px 0px;}
div.petalo_belowtheline{ background-image:url("img/sbelow.gif"); background-position:0px 0px;}
div.petalo_corporate{ background-image:url("img/scorporate.gif"); background-position:0px 0px;}
div.imgcontainer a.b2 { border:2px solid #000; margin-right:10px; margin-bottom:10px; display:block; float:left;  line-height:0px;}
div.imgcontainer a.b2:hover { border:2px solid #FF64FE;}
div.imgcontainer a.b2 img { height:200px; margin:0px; padding:0px;}

/* ------------------------ service -------------------------------------------------- */
body.service {background-image:url(img/fondoverde.jpg);}
.bgverde {background-color:#84B818 !important;}

/* ------------------------ case history -------------------------------------------------- */
body.casehistory {background-image:url(img/fondorosso.jpg);}
.bgrosso {background-color:#FF3333 !important;}

#elencoitems {
	padding-left:25px;
	width: 108px; border-right:1px solid #fff;
	float:left;
}
#elencoitems li h2 { text-align:center; font-size:16px; font-weight:bold; padding-bottom:20px;}
#elencoitems li { list-style:none; display:block; text-align:right; padding-right:10px;}
#elencoitems li a.bn {color: #fff !important; text-decoration:none; display:block; }
#elencoitems li a.bn:hover { color: #000 !important;  text-decoration:none; }
#elencoitems li a.bnselected { color: #ccc !important; text-decoration:none; display:block; }
#elencoitems li a.bnselected:hover { color: #000 !important;  text-decoration:none; }

#itemdet { float:left; width:420px; padding-left:20px;}
#itemdet p { padding:0px !important; margin:0px !important;}

/* ------------------------ connection -------------------------------------------------- */
body.connection {background-image:url(img/fondoblu.jpg);}
.bgblu {background-color:#008AC9 !important;}

/* ------------------------ contatti -------------------------------------------------- */
body.contatti {background-image:url(img/fondorosa.jpg);}
#graffebox { margin:0 0 40px 140px;width:245px; padding:20px 40px 10px 40px; background-image:url(img/graffe.gif); overflow:hidden; height:130px; color: #FF65FE;} 
#graffebox a { color: #FF65FE; } 

#tw div.twtr-hd {display:none;}
#tw div.twtr-ft {display:none;}
#tw div.twtr-tweet-text p {font-size:10px;}

#bigbanh {background-image:url(img/sfndotra.png); position:absolute; top:0px; left:200px;color:#fff; width:640px;padding:20px; text-align:center; z-index:9999999;}
#bigbanh table { width:500px; margin:15px auto;}
#bigbanh table tr td {vertical-align:middle; color:#fff;font-size:14px; line-height:18px;}
#bigbanh table tr td p {font-size:14px; line-height:18px;}
#bigbanh table tr td a {vertical-align:middle; color:#fff; text-decoration:none; font-size:12px; font-weight:bold;} 
#bigbanh table tr td a:hover {vertical-align:middle; color:#000; background-color:#fff; text-decoration:none; font-size:12px; font-weight:bold;} 


/*#bigh {background-image:url(img/sfndotra.png); position:absolute; top:0px; left:px;color:#fff; width:640px;padding:20px; text-align:center; z-index:9999999;}
#bigh a {vertical-align:middle; color:#fff; text-decoration:none; font-size:12px; font-weight:bold;} 
#bigh a:hover {vertical-align:middle; color:#000; background-color:#fff; text-decoration:none; font-size:12px; font-weight:bold;} 
#bighimg {border:2px solid #FF64FE;}*/


}