/* CSS for: Muse Comunicazione

Updated: Thu 1 May 2008
Author: Mirco Moretti [at] Pulcixdesign.it
Last Updates: 8 Nov 2009
––––––––––––––––––––––––––––––––––––––––––––––––*/



/* LAYOUT BASE
––––––––––––––––––––––––––––––––––––––––––––––––*/

/* mac hide \*/
html, body {height:100%; text-align:center;}
/* end hide*/

div#home body { text-align: center;	}
	
div#wrapper { min-height: 100%;	margin-bottom: -63px; text-align: left; }
	
div#header {width: 100%; height:168px; top: 0;	background-color:#282c2e; background-image:url(../images/bg-header.png); background-repeat:repeat-x; position: absolute;}
	
div#header div.centered {width: 766px; margin: 0 auto 0 auto; position: relative;}

div#subheader {clear: both;	padding: 20px 0 0 0; position: relative;}

div#container {width: 766px; margin: 168px auto 0 auto;	padding: 50px 0 0 0; position: relative; z-index: 2;}

div#content_left, div#sublink {width: 473px; margin: 0 0 0 29px; float:left; position: relative; z-index: 2;}
	
div#disclaimer {width: 406px; padding: 20px 20px 10px; background: url(../images/bg-disclaimer2.jpg) no-repeat 0 0; position: relative; z-index: 2;}

div#slogan {width: 406px; padding: 20px; position: relative; z-index: 2;}

div#content_right, div#subcontact {width: 240px; margin: 0 0 0 2px;	float:left;	position: relative;	z-index: 2;}
	
div#promo1, div#promo2, div#infobox, div#menu-contest, div#menu-contest-red,
div#menu-contest-green, div#menu-contest-yellow, div#menu-contest-orange, div#box-anticrisi, div#box-offerte { padding: 10px 30px 14px 18px; position: relative; z-index: 3; }
	
div#promo1 {background:url(../images/bg-promo1.png) no-repeat 0 0;}
div#promo2 {background:url(../images/bg-promo2.png) no-repeat 0 0;}
div#box-anticrisi {background:url(../images/bg-anticrisi.png) no-repeat 0 0;}
div#box-offerte {background:url(../images/bg-offerte.png) no-repeat 0 0;}

/* Menu Contestuali: stile per cambio img di sfondo */
/* neutro */ div#menu-contest {background: url(../images/bg-menu-contest.png) no-repeat 0 0;}
/* rosso */ div#menu-contest-red {background: url(../images/bg-menu-contest-red.png) no-repeat 0 0;}
/* verde */ div#menu-contest-green {background: url(../images/bg-menu-contest-green.png) no-repeat 0 0;}
/* giallo */ div#menu-contest-yellow {background: url(../images/bg-menu-contest-yellow.png) no-repeat 0 0;}
/* arancio */ div#menu-contest-orange {background: url(../images/bg-menu-contest-orange.png) no-repeat 0 0;}

div#formbox, div#social {margin-top:1.4em; position:relative; width:243px; z-index:4;}

div#infobox {background:url(../images/bg-infobox2.jpg) no-repeat 0 0; position:relative; margin-top:2em; min-height:205px;}

div#up-footer {background:url(../images/bg-upfooter.png) repeat-x 0 0; position:relative; height:3px; width:100%; clear:both;}
	
div#footer {width: 100%; /*height: 500px;*/ background-color: #3e5368; /*background-image:url(../images/spot2.png);*/ background-image:url(../images/bg-footer.png); position:relative; background-repeat: repeat; overflow:auto; padding-bottom:40px;}
	
div#subfooter {font-weight:normal; width: 766px; margin:0 auto 0 auto; padding: 0; position: relative;}
	
div#subcontact {margin:0; background: url(../images/bg-footer-muse.png) no-repeat 0 0; width:226px; height:51px; position:absolute; right:36px; text-align:center;}

div#sublink {padding-top: 0.8em; margin-left:3em; position:relative;}

div#list-footer {width:766px; margin:0 auto; padding-top:5em; position:relative; clear:both;}

div#note-legali { position:relative; text-align:center; color:#3e5368; font-size:0.75em; padding:0.2em 0 0.5em 0; border-top: 2px solid #304052; background:url(../images/bg-notelegali-bottom.png) repeat-x 0 bottom;}

div.centered {width: 766px;	position: relative;	top: 0; left: 0; margin-left: auto;	margin-right: auto;}
	
.clear {clear: both;}
/*div#container #disclaimer .noborder {border:0; margin-top:4px;}*/




/* TIPOGRAFIA GENERALE
––––––––––––––––––––––––––––––––––––––––––––––––*/

html {font-family: "Trebuchet MS", Verdana, sans-serif;}
div#container strong {color:#324a64;}



/* PARAGRAFI
––––––––––––––––––––––––––––––––––––––––––––––––*/

p, blockquote, dl, table, address, form { line-height: 1.5em; margin-bottom: 0.7em; }
  


/* TITOLI e PARAGRAFI INTERNI
––––––––––––––––––––––––––––––––––––––––––––––––*/

h1, h2, h3, h4, h5, h6 {line-height: 1em; font-weight: normal; font-family:"Trebuchet MS", Verdana;}

div#wrapper h1 {text-indent:-9999px}
div#container h2 {font: normal 1.2em "Trebuchet MS", Verdana, sans-serif; line-height:1; margin-bottom: 0.6em;}
div#container h3 {font-size: 0.9em; margin-bottom: 1em; font-style:italic; line-height:1.2; }
div#container h4 {font: bold 0.9em "Verdana", Arial, sans-serif; margin-bottom: 0.6em; color:#324a64; line-height:1.5;}
div#container p, div#container ol {font-size: 0.815em; color:#333; margin-bottom: 0.8em; font-family:"Verdana", Arial, Helvetica, sans-serif;}

div#container h2#content_right_title { background:url(../images/bg-h2right.png) no-repeat left top; line-height:36px; padding:10px 0 0 38px; margin-bottom:18px; color:#324a64; }

div#disclaimer h2 {font-size: 1.6em; color:#324a64;}
div#disclaimer h3 {font-size: 1em; font-weight: bold; color: #cc6600;}

div#container #promo1 h2, div#container #promo2 h2, div#container #box-anticrisi h2, div#container #box-offerte h2 {font: normal 1.18em "Trebuchet MS", Helvetica, sans-serif; margin-left: 2.6em; margin-bottom: 0.5em;line-height:1.05; }
div#container #promo1 h2 span, div#container #promo2 h2 span, div#container #box-anticrisi h2 span, div#container #box-offerte h2 span { font: bold 0.8em "Arial", Helvetica, sans-serif;}
div#container #promo1 em, div#container #promo2 em, div#container #box-anticrisi em, div#container #box-offerte em {font: italic 0.815em "Trebuchet MS", Helvetica, sans-serif; letter-spacing: 0.01em; line-height:1.2; display:block; padding-top:0.3em;}
div#container #promo1 a, div#container #promo2 a, div#container #box-anticrisi a, div#container #box-offerte a {color:#fff; text-decoration: none; display: block; height: 94px; width:200px}
div#container #promo1 a:hover, div#container #promo2 a:hover, div#container #box-anticrisi a:hover, div#container #box-offerte a:hover {color:#fff; background: url(../images/bg-promo-hover2.png) no-repeat 185px 70px;}

div#formbox h2, div#social h2 {font-size: 1em; font-weight:bold; padding:0 0 0 24px; line-height:1.85; margin:0}
div#formbox p, div#social p {font: bold 0.825em "Trebuchet MS", Verdana; color:#324a64; text-transform:capitalize; margin:0 0 0 15px; line-height:1.1;}

div#infobox img {margin-top:8px; vertical-align: baseline;}



/* MENU CONTESTUALI: stili per cambio colore */
div#menu-contest h2, div#menu-contest-red h2, div#menu-contest-green h2, div#menu-contest-yellow h2, div#menu-contest-orange h2 {color:#fff; margin:0 0 1.2em 0;}

div#menu-contest ul, div#menu-contest-red ul, div#menu-contest-green ul, div#menu-contest-yellow ul, div#menu-contest-orange ul {list-style-type:none; position:relative; font-size: 0.9em; font-weight:normal; margin:1.4em 0 0 0.2em}

/* neutro */ div#menu-contest ul {list-style-image:url(../images/list-narrow-blue.png);}
/* rosso */ div#menu-contest-red ul {list-style-image:url(../images/list-narrow-red.png); letter-spacing:0;}
/* verde */ div#menu-contest-green ul {list-style-image:url(../images/list-narrow-green.png);}
/* giallo */ div#menu-contest-yellow ul {list-style-image:url(../images/list-narrow-yellow.png);}
/* arancio */ div#menu-contest-orange ul {list-style-image:url(../images/list-narrow-orange.png);}


/* MENU CONTESTUALI: stili link e rollover */
div#menu-contest ul li a, div#menu-contest ul li a:visited {display:block; color:#324a64; text-decoration:none;; border-bottom: dotted 1px #324a64; line-height:1.8;}
div#menu-contest-red ul li a, div#menu-contest-red ul li a:visited {display:block; color:#324a64; text-decoration:none;; border-bottom: dotted 1px #324a64; line-height:1.8;}
div#menu-contest-green ul li a, div#menu-contest-green ul li a:visited {display:block; color:#324a64; text-decoration:none;; border-bottom: dotted 1px #324a64; line-height:1.8;}
div#menu-contest-yellow ul li a, div#menu-contest-yellow ul li a:visited {display:block; color:#324a64; text-decoration:none;; border-bottom: dotted 1px #324a64; line-height:1.8;}
div#menu-contest-orange ul li a, div#menu-contest-orange ul li a:visited {display:block; color:#324a64; text-decoration:none;; border-bottom: dotted 1px #324a64; line-height:1.8;}

/* stile per rollover */
div#menu-contest ul li a:hover, div#menu-contest ul li a:active {line-height:1.2em text-decoration:none; text-indent:0.4em; border-bottom: dotted 1px #324a64; line-height:1.8; color:#6a9712;}
div#menu-contest-red ul li a:hover, div#menu-contest-red ul li a:active {line-height:1.2em text-decoration:none; text-indent:0.4em; border-bottom: dotted 1px #324a64; line-height:1.8; color:#990000;}
div#menu-contest-green ul li a:hover, div#menu-contest-green ul li a:active {line-height:1.2em text-decoration:none; text-indent:0.4em; border-bottom: dotted 1px #324a64; line-height:1.8; color:#6a9712;}
div#menu-contest-yellow ul li a:hover, div#menu-contest-yellow ul li a:active {line-height:1.2em text-decoration:none; text-indent:0.4em; border-bottom: dotted 1px #324a64; line-height:1.8; color:#b68500;}
div#menu-contest-orange ul li a:hover, div#menu-contest-orange ul li a:active {line-height:1.2em text-decoration:none; text-indent:0.4em; border-bottom: dotted 1px #324a64; line-height:1.8; color:#cc6600;}

/* stile per link attivo */
div#menu-contest ul li a.active {line-height:1.2em text-decoration:none; text-indent:0.4em; border-bottom: dotted 1px #324a64; line-height:1.8; color:#6a9712;}
div#menu-contest-red ul li a.active {line-height:1.2em text-decoration:none; text-indent:0.4em; border-bottom: dotted 1px #324a64; line-height:1.8; color:#990000;}
div#menu-contest-green ul li a.active {line-height:1.2em text-decoration:none; text-indent:0.4em; border-bottom: dotted 1px #324a64; line-height:1.8; color:#6a9712;}
div#menu-contest-yellow ul li a.active {line-height:1.2em text-decoration:none; text-indent:0.4em; border-bottom: dotted 1px #324a64; line-height:1.8; color:#b68500;}
div#menu-contest-orange ul li a.active {line-height:1.2em text-decoration:none; text-indent:0.4em; border-bottom: dotted 1px #324a64; line-height:1.8; color:#cc6600;}


/* Stili per SLOGAN, INFO BOX e ALTRI SERVIZI */
div#slogan h2, div#infobox h2 {line-height: 1.6em; color: #324a64; margin: 0.2em 0 1.2em 0; border-bottom: 1px dotted #324a64;}

div#slogan dl  {margin: 0 0 1em 0; display:block;}
div#slogan dd  {font: normal 0.7em "Verdana", Helvetica, sans-serif; line-height: 1.4em; padding: 0px 16px 16px 0;}
div#slogan dd h3 {font-size: 1.3em; font-weight:bold; color:#006699; font-style:normal; margin-bottom:0.4em;}
div#slogan dt  {float: left;}
div#slogan dt img  {padding: 0px; border: 1px solid #3E5368; margin-right: 16px; margin-bottom: 16px;}

 



/* HEADER
––––––––––––––––––––––––––––––––––––––––––––––––*/

div#logo {float:left; margin:-13px 0 0 10px; width:240px; position: relative;}
		
div#mininav {margin:0 0 0 122px; float:left; position: relative;}
	
img#portfolio {position: absolute; display: block; top: 10px; right: 45px; z-index: 9;}
	


/* CONTENUTI
––––––––––––––––––––––––––––––––––––––––––––––––*/


div.promo1 li {background: url(../images/bg-promo1.png) no-repeat 0 0; height: 250px;}
  
div.promo2 li {background: url(../images/bg-promo2.png) no-repeat 0 0;}

div#list-footer address {color:#fff; font-style:normal;}

div#container strong {font-weight:bold;}
div#container em {font-style:italic;}
div#container acronym {border-bottom: dotted 1px #324a64; background-color:#FFFF99; cursor:help;}
div#container #disclaimer img {float:left; margin:0.2em 1em 1em 0; border: 1px solid #3E5368;}

div#disclaimer blockquote {color:#333; font-style:italic; font-family:"Verdana", Arial, Helvetica, sans-serif; padding:0px 6px 6px 42px; border-bottom:1px dashed #336699}

div#disclaimer blockquote.highlight1 {background:url(../images/blockquote1.gif) no-repeat 0 0;}
div#disclaimer blockquote.highlight2 {background:url(../images/blockquote2.gif) no-repeat 0 0;}
div#disclaimer blockquote.highlight3 {background:url(../images/blockquote3.gif) no-repeat 0 0;}

div#disclaimer blockquote.highlight1 p, div#disclaimer blockquote.highlight2 p, div#disclaimer blockquote.highlight3 p {font-size:0.815em; margin:0; padding:0;}

div#disclaimer .highlight {color:#82bb22;}

div#claim-portfolio { background:#e5e8ef; margin-top:25px; padding:10px 15px; border:dotted 1px #3f4d5c }
div#claim-portfolio h3 { margin-bottom:0.3em }
div#claim-portfolio p { margin:0 }

ul#gallery-portfolio li { display:inline }
ul#gallery-portfolio li img,#container .scheda-portfolio img { padding:4px; border:solid 1px #3f4d5c; }
#container .scheda-portfolio { margin-top:50px; border-top:dashed 1px #3f4d5c; overflow:auto }



/* FOOTER
––––––––––––––––––––––––––––––––––––––––––––––––*/
div#list-footer span.recapiti {/*color:#a7b5c2;*/ font: normal 1.1em "Trebuchet MS", Verdana; background:url(../images/recapiti.gif) no-repeat 110px 100px; display:block; line-height:1.4;}




/* NAVIGAZIONE PRINCIPALE
––––––––––––––––––––––––––––––––––––––––––––––––*/

a.external {background: url(../images/external.png) center right no-repeat; padding-right: 13px;}
a.sitemap {background: url(../images/sitemap.png) center left no-repeat; padding-left: 20px;}

div#navbar {width:716px; margin: 3px auto 0 auto;}
	
div#navbar ul {list-style-type:none; position:relative;	text-transform: uppercase;}
	
div#navbar ul li {float:left; margin:0 0 0 4px;}

div#navbar ul li a, div#navbar ul li a:visited {display:block; float:left; color:#fff; background-image:url(../images/nav-buttons.png); font: bold 0.840em "Trebuchet MS", Verdana; line-height:32px; text-decoration:none; text-align:center;	width:114px; height:31px; background-color: #7e97b1; background-repeat: no-repeat; background-position: 0px 0px;}
div#navbar ul li a:hover, div#navbar ul li a:active {background:#455e78; background-image:url(../images/nav-buttons.png); background-repeat: no-repeat; background-position: 0px -31px;}

div#navbar ul li a.current {color:#fff; background:#455e78; background-image:url(../images/nav-buttons.png); background-repeat: no-repeat; background-position: 0px -62px;}
	
div#navbar ul li a.current:hover {color:#fff; background:#455e78; background-image:url(../images/nav-buttons.png); background-repeat: no-repeat; background-position: 0px -62px;}


div#container p.call-to-action {float:left; background:url(../images/right-bg-button.png) no-repeat right 0; margin:30px 0 30px 0; padding-right:15px; font-weight:bold; clear:both;}
div#container .call-to-action a, div#container .call-to-action a:visited {display:block; background:url(../images/left-bg-button.png) no-repeat left 0; height:25px; text-decoration:none; color:#fff; padding:3px 10px 0 10px; height:25px}
div#container .call-to-action a:hover {color:#fc0;}



/* NAVIGAZIONE FORM BOX Preventivo + Social
––––––––––––––––––––––––––––––––––––––––––––––––*/

div#container #formbox a, div#container #formbox a:visited {color:#fff; text-decoration:none; display:block; background:url(../images/bg-formbox.png) no-repeat 0 -66px; height:66px; clear:both;}
div#container #formbox a:hover, div#container #formbox a:active { background:url(../images/bg-formbox.png) no-repeat 0 0; text-decoration:none;}	
div#container #social a, div#container #social a:visited {color:#fff; text-decoration:none; display:block; background:url(../images/bg-social.png) no-repeat 0 0; height:66px; clear:both;}
div#container #social a:hover, div#container #social a:active { background:url(../images/bg-social.png) no-repeat 0 -66px; text-decoration:none;}	



/* NAVIGAZIONE MININAV
––––––––––––––––––––––––––––––––––––––––––––––––*/

div#mininav ol {position:relative; font: bold italic 0.75em "Arial", Arial, Helvetica, sans-serif; text-align: right; list-style-type: none;
	letter-spacing: 1px;}

div#mininav ol li {line-height: 20px}

div#mininav ol li a, div#mininav ol li a:visited {
	display:block; background-image:url(../images/mininav-list-check.png);
	/*margin: 4px 0 8px 0;*/
	background-repeat: no-repeat;
	padding-right: 22px;
	background-position: right;
	color: #fffffe;
	text-decoration: none;}

div#mininav ol li a:hover, div#mininav ol li a:active {
	display:block;
	background-image:url(../images/mininav-list-check.png);
	color: #ffcc00;
	text-decoration: none;}



/* NAVIGAZIONE CONTENUTI
––––––––––––––––––––––––––––––––––––––––––––––––*/

div#container a, div#container a:visited {color: #006699;}
div#container a:hover {text-decoration: none;}

ul#sitemap {font:normal 0.815em "Verdana", Arial, Helvetica, sans-serif;
			list-style: none;
			margin-top: 1.4em;
			margin-left: 0;
			padding-left: 1em;
			text-indent: -1em;}
ul#sitemap .sitemap_livello2 {text-indent: 0.1em;}
			
ul#sitemap li {margin-bottom: 3em;}
ul#sitemap .sitemap_livello2 li {margin-top: 1em; margin-bottom:1em;}
			
ul#sitemap li:before {content: "\00BB \0020";}
ul#sitemap .sitemap_livello2 li:before {content: "\2D \2D \2D \0020";}



/* NAVIGAZIONE FOOTER
––––––––––––––––––––––––––––––––––––––––––––––––*/

div#footer #subfooter #sublink ul {list-style-type:none; position:relative; font-size: 0.8em; font-weight: normal;}
div#footer #subfooter #sublink ul li {display:block; float:left; margin:0 2em 0 0;}
div#footer #subfooter #sublink ul li a, div#sublink ul li a:visited {color:#d0d0ba;}
div#footer #subfooter #sublink ul li a:hover, div#sublink ul li a:active {text-decoration:none;}

div#subcontact h4{font-size:0.95em; color:#fff; padding-top:0.6em}
div#subcontact ul{list-style-type:none;	position:relative; font-size: 0.8em; font-weight: normal; margin:0.4em 0 0 1.5em;}
div#subcontact ul li{display:block; float:left; padding:0 0.8em;}
div#subcontact ul li a, div#subcontact ul li a:visited{color:#3e5368;border-bottom: 1px dotted #324a64;text-decoration:none; display:block;}
div#subcontact ul li a:hover, div#subcontact ul li a:active{color:#3e5368;border: 0;text-decoration:none;}

div#list-footer h2 {font-size:1.4em; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; color:#d0d0ba; padding-bottom:0.3em; margin-bottom:1em; border-bottom: 1px dotted #d0d0ba;}
div#list-footer ul {width:194px; position:relative; font-size: 12px; font-family:"Arial", Helvetica, sans-serif; font-weight:normal; margin:0 0 0 48px; float:left;}
div#list-footer ul li{list-style-type:none; list-style-image:url(../images/list-narrow-orange-ft.png); list-style-position:inside;}
div#list-footer ul li a, div#list-footer ul li a:visited {color:#fff;text-decoration:none; line-height:1.8em; margin-left:0;}
div#list-footer ul li a:hover, div#list-footer ul li a:active {color:#ffcc00; text-decoration:none;}

div#list-footer span.recapiti a { text-decoration:none; color:#fff}

div#note-legali img {margin-bottom:-4px;}


div#banner {
	position:absolute;
	right:0;
	width:161px;
	height:161px;
	z-index: 999;
}