/* - - - - - - - - - - - - - - - - - - - - 
M A S S I M O - B R I G I D I
http://www.brigidi.it
- - - - - - - - - - - - - - - - - - - - */

/* body & altro
- - - - - - - - - - - - - - - - - - - - */
body {margin:0px; padding:0px; background:#3b3b3b; font:0.7em Arial, Helvetica, sans-serif; color:#ccc;}
#contenuti {margin:22px auto; width:954px;}
img {border:none;}
hr {display:none;}
.clear {clear:both;}


/* clearfix
- - - - - - - - - - - - - - - - - - - - */
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Nascosto per IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine nascosto per IE-mac */


/* homepage
- - - - - - - - - - - - - - - - - - - - */
#homepage {margin:184px auto 20px auto; width:244px; text-align:center; }
#homepage ul {width:220px; margin:0px 13px 0px 13px; padding:13px 0px 0px 0px; border-top:1px solid #4e4e4e; text-align:center; list-style:none; background:url(../img/filetto_2.gif) no-repeat center 20px;}
#homepage ul li {float:left; margin:0px; padding:0px;}
#homepage ul li a {display:block; width:110px; height:13px; text-align:center; color:#686868; text-decoration:none; font-size:120%; padding:2px 0px 4px 0px;}
#homepage ul li a:hover {color:#b1b1b1;}


/* header
- - - - - - - - - - - - - - - - - - - - */
#logo {float:left;}
#logo a {display:block; width:168px; height:74px; text-indent:-9999px; outline:none; background:url(../img/logo_brigidi_small.gif) no-repeat;}
#lingue {float:right;}
#lingue ul {margin:0px; padding:0px; list-style:none; margin:60px 0px 0px 0px;}
#lingue ul li {margin:0px; padding:0px 0px 0px 40px; float:left;}
#lingue ul li a {display:block; float:left; height:13px; color:#6d6d6d; text-decoration:none; padding:0px 0px 0px 12px; background:url(../img/filetto_3.gif) no-repeat; font-size:100%;}
#lingue ul li a:hover, #lingue ul li.on a {color:#cbcbcb; background:url(../img/filetto_3.gif) no-repeat left bottom;}


/* corpo
- - - - - - - - - - - - - - - - - - - - */
#corpo {clear:both;}


/* titolo
- - - - - - - - - - - - - - - - - - - - */
#titolo {height:56px; padding:12px 0px 0px 227px;}
#titolo .titolo {margin:0px; padding:0px 0px 0px 12px; font-size:1.2em; font-weight:normal; color:#b0b0b0; background:url(../img/filetto_1.gif) no-repeat 0px 3px; text-transform:lowercase;}
#titolo .sottotitolo {margin:0px; padding:0px 0px 0px 12px; font-size:1.6em; font-weight:normal; color:#b0b0b0; text-transform:lowercase; background:url(../img/filetto_1.gif) no-repeat 0px 0px;}
#titolo .home {margin:0px; padding:0px 0px 0px 12px; font-size:1.2em; font-weight:normal; color:#b0b0b0;}


/* menu
- - - - - - - - - - - - - - - - - - - - */
#menu {float:left; width:227px; font-size:1.1em;}
#menu ul {margin:0px; padding:0px; width:177px; list-style:none; color:#e5e5e5;}
#menu ul li {margin:0px; padding:0px; height:auto;}
#menu ul li a {color:#b1b1b1; text-decoration:none; display:block; border-bottom:1px solid #585858; padding:10px 0px 3px 0px; height:1%; text-transform:lowercase;}
#menu ul li a:hover {color:#fff;}
#menu ul li ul {margin:0px 0px 5px 0px; padding:6px 0px 10px 0px; width:177px; list-style:none; color:#e5e5e5; background:#515151;}
#menu ul li ul li a {color:#b1b1b1; text-decoration:none; display:block; border-bottom:none; padding:5px 0px 2px 16px; background:url(../img/bg_li.gif) 0px 16px no-repeat;}
#menu ul li ul li a:hover, #menu ul li ul li a.on {color:#222;}
#menu ul li#sez_3, #menu ul li#sez_12 {display:none;}


/* testo
- - - - - - - - - - - - - - - - - - - - */
#testo {width:464px; float:left;}
#img {margin-bottom:14px; background:#373737; overflow:hidden!important; width:464px;}
#testo h1 {font-size:100%; margin:0px; padding:0px; text-transform:uppercase;}
#testo p {margin:5px 0px; line-height:120%;}
#testo a {color:#fff; text-decoration:underline;}


/* info
- - - - - - - - - - - - - - - - - - - - */
#info {width:464px; overflow-x:hidden;}


/* progetto
- - - - - - - - - - - - - - - - - - - - */
#progetto {width:485px; float:left;}
#progetto h3 {font-size:100%; margin:0px; padding:0px;}
#progetto p {margin:0px; padding:0px;}
#progetto ul {margin:0px; padding:0px; list-style:none; background:url(../img/bg_cat.gif) repeat-y top left; height:auto!important; min-height:300px; height:300px; width:485px;}
#progetto ul li {display:block; float:left; width:100px; height:160px; margin:0px 21px 16px 0px;}
#progetto ul li a img {filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);}
#progetto ul li a:hover img {filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=0)}


/* aziende
- - - - - - - - - - - - - - - - - - - - */
#aziende {background:#444; padding:11px 13px; margin:10px 0px 0px 0px;}
#aziende img {float:left; margin:0px 12px 0px 0px;}
#aziende p {padding:5px 0px 0px 0px;}


/* colonna
- - - - - - - - - - - - - - - - - - - - */
#colonna {float:right; width:228px; text-align:right;}
#colonna ul {margin:0px; padding:0px; list-style:none; text-align:right;}
#colonna ul li {float:left; margin:0px; padding:0px 0px 11px 14px;}
#thumb {height:328px; background:url(../img/bg_colonna.gif) right top no-repeat; float:right; width:100%; margin:0px 0px 14px 0px;}
#thumb ul li a img {filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);}
#thumb ul li a:hover img, #thumb ul li a.on img  {filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=0)}


/* cad
- - - - - - - - - - - - - - - - - - - - */
#cad {margin:5px 0px; padding:5px 0px; float:right; width:215px;}
#cad ul {margin:0px; padding:0px; list-style:none; width:214px; float:right;}
#cad ul li {margin:0px; padding:0px; float:left;}
#cad ul li em {margin:0px 9px 0px 8px; #margin-top:1px; font-size:80%; color:#757575; float:left;}
#cad ul li a {color:#b2b2b2; text-decoration:none;}

/* fieldset
- - - - - - - - - - - - - - - - - - - - */
fieldset {margin:0px; padding:0px; border:none;}
fieldset ol {margin:10px 0px 2px 0px; padding:0px; list-style:none;}
fieldset ol li {clear:left; margin:0px; padding:2px 0px;}
fieldset ol li label {float:left; display:block; width:80px; vertical-align:text-bottom; margin:0px 0px 5px 0px;}
fieldset ol li input {background:#515151; border:none; padding:2px; font:100% Arial, Helvetica, sans-serif; color:#222;}
fieldset input.bottone {background:#515151; border:none; padding:1px 8px; font:80% Arial, Helvetica, sans-serif; color:#ccc; margin-left:80px; text-transform:uppercase;}


/* navigazione
- - - - - - - - - - - - - - - - - - - - */
#nav {clear:both;}
#navigazione {width:464px; padding-left:227px!important; text-align:center; color:#585858; padding-bottom:4px; margin:10px 0px 0px 0px; float:left;}
#navigazione a {color:#585858; text-decoration:none; text-transform:uppercase;}
#navigazione ul {display:inline; margin:0px; padding:0px; list-style:none;}
#navigazione ul li.indietro {float:left; width:auto; height:auto!important; position:relative;}
#navigazione ul li.indietro a {padding:0px 0px 0px 18px; background:url(../img/indietro.gif) left 2px no-repeat;}
#navigazione ul li.avanti {float:right; width:auto; height:auto!important; position:relative;} 
#navigazione ul li.avanti a {padding:0px 18px 0px 0px; background:url(../img/avanti.gif) right 2px no-repeat;}
#navigazione ul li div {position:absolute; left:0px; top:-56px;}
#navigazione ul li div img {width:50px; border:3px solid #585858;}


/* tooltip
- - - - - - - - - - - - - - - - - - - - */
#tooltip p {display:none!important;}
#tooltip h3 img {width:50px; background:#585858; padding:3px; border:1px solid fff;}


/* footer
- - - - - - - - - - - - - - - - - - - - */
#footer {clear:both; width:464px; margin-left:227px; border-top:1px solid #585858; font-size:80%; color:#585858; text-align:right; padding:17px 0px; position:relative;}
#footer em {text-indent:-9999px; background:url(../img/filetto_2.gif) 0px 3px no-repeat; display:inline; color:#3b3b3b; padding:0px 0px 0px 1px; margin:0px;}
#footer a {text-decoration:none; color:#585858;}
#footer a:hover {text-decoration:underline;}
#social {position: absolute; top: 7px; left: 0px;}
#social a{float:left; margin-right: 7px;}