body, td{background: #000;}
a{color: #FF6600;}
a:hover{color:#c91a36;}

#container{
font-family: Verdana;
font-size: 14px;
line-height: 1.2em;
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
color: #444;
margin: 0 0 0 0;
padding: 88px 0 0 0;
width:100%;
}

#container_mail{}

#container_mail h3{ font-size:16px; color: #0066CC;}
#container_mail p{ font-size:13px; color:#CCCCCC;}




.rosso {color:#FF0000;}
.verde {color:#669900;}
.colors { 

float:right;

width:66px;
z-index:2;
display:inline;
margin: -25px 0 0 0;
padding: 0px 0 0 0;
list-style:none;
border:0px;

}
.nero,.verde,.giallo,.fuxia,.blu{ width: 10px;height:10px; float:left; border:0px solid #333; margin: 3px;}



#base {margin: 0em 0 0 0;
width:100%;
background-color: #0A0A0A ;
border-right: 1px solid #141414;
border-top: 1px solid #141414;
border-bottom: 1px solid #141414;
z-index:3;

}



#hor-wrapper{
margin: 0px 0 0 0;
overflow: hidden;
}



	

.matitina{
float:left;
width: 100px;
height: 350px;
background: #0A0A0A;
color:#990000;
background-image:url(../immagini/web_illustrazione/madlenit.gif);
background-repeat:no-repeat;
border-left: 1px solid #141414;
border-right: 0px solid #141414;
}





#madlenina_contatti {
float:right;
position:static;
margin: 17px 68px 0 0;
padding: 0 0 0 0;
width:61px;
height:89px;
z-index:1000000;
cursor:move;
}


.macchie_sx_su {
position:absolute;
margin: 0 0 0 0;
width:318px;
height:210px;
left: 0px;
top: -114px;
background-image:url(../immagini/web_illustrazione/macchie-sopra.gif);
background-repeat:no-repeat;
z-index:0;
}

.macchie_sx_giu {
position:absolute;
margin: 0 0 0 0;
width:87px;
height:56px;
left: 95px;
top: 448px;
background-image:url(../immagini/web_illustrazione/macchie-sotto.gif);
background-repeat:no-repeat;
z-index:0;
}


.macchie_dx_giu {
position:relative;
float:right;
margin: 0px 0 0 0;
width:220px;
height:81px;
background-image:url(../immagini/web_illustrazione/macchie-dietro.gif);
background-repeat:no-repeat;
z-index:0;
}


.AccordionH {height: 350px;}


.AccordionH .APRI {
color: #e5e3e3;
font-weight: bold;
text-align:center;
cursor: default;
border-right: 0px solid #666;
height:100%;
float: left;
width: 20px;
filter:alpha(opacity=99);
-moz-opacity:.99;
opacity:.99;
	
	
}
.AccordionH .APRI:hover,.AccordionH .APRI.active {
/*background-color: #000;*/
cursor: default;
height:100%;
float: left;
width: 20px;
margin: 0 0 0 0;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
/*background-position: -167px 0;*/
}




.AccordionH .APRI#mad {background-image:url(../immagini/web_illustrazione/bio.jpg);}

.AccordionH .APRI#port {background-image:url(../immagini/web_illustrazione/port.jpg);}

.AccordionH .APRI#coll{background-image:url(../immagini/web_illustrazione/down.jpg);}

.AccordionH .APRI#cont {background-image:url(../immagini/web_illustrazione/cont.jpg);}



.AccordionH .CONT {
float: left;
width: 600px;
height: 100%;
overflow: hidden;
background-color:#0A0A0A;
}

.content h2 {
color: #ccc;
margin:0 0 10px 0;
padding:0;
font-size:14px;
}

.content {
padding: 10px;
color: #666;   
font-size:11.4px;
}

.content a {text-decoration: none;}

.content a:hover {}

.content ul  {text-decoration: none;}

.content li  {
list-style-image:url(../immagini/web_illustrazione/hand.gif);
margin: 0px 1px 0 0;
text-decoration: none;
font-size:12px;
}


.download {margin: 150px 0 0 130px;}

/*SIFRRR //////////////////////////////////////////////////// */ 

.sIFR-flash {
visibility: visible !important;
margin: 0;
}

.sIFR-replaced {
visibility: visible !important;
}

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}


.sIFR-flash + div[adblocktab=true] {display: none !important;}



.sIFR-hasFlash p.bio {
letter-spacing: 0px;
/*padding: 30px 200px 10px 100px;*/
font-size:12px;
line-height:0px;
margin: 0px 5px 0px 5px;
width:480px;
height:350px;

}


.sIFR-hasFlash p.coll {
letter-spacing: 0px;
/*padding: 30px 200px 10px 100px;*/
font-size:12px;
line-height:0px;
margin: 10px 0px 0px 20px;
width:450px;
height:40px;

}


.sIFR-hasFlash span.legend{
letter-spacing: 0px;
/*padding: 30px 200px 10px 100px;*/
font-size:12px;
line-height:0px;
margin: 0px 0px 0px 0px;
padding: 0px 0 0 0;

clear:both;
}



.sIFR-hasFlash span.contact {
letter-spacing: 0px;
/*padding: 30px 200px 10px 100px;*/
font-size:12px;
line-height:0px;
margin: 0px 0px 0px 0px;
width:100px;
height:12px;
clear:both;
}

.sIFR-hasFlash span.lista {
letter-spacing: 0px;
/*padding: 30px 200px 10px 100px;*/
font-size:12px;
line-height:0px;
margin: 0px 0px 0px 0px;
width:150px;

clear:both;

}





div#illustratrice_nosifr {
background-image:url(../immagini/web_illustrazione/BIO2.gif);
background-repeat:no-repeat;
overflow:visible;
z-index:1;
/*position:relative;*/
}


div#collaborazioni_nosifr {
background-image:url(../immagini/web_illustrazione/down_sfondo.gif);
background-repeat:no-repeat;
background-position: 70px -43px;
overflow:visible;
z-index:1;
width:450px; /*provare con 100% se ci sono problemi*/
border:0px solid #ccc;
height:340px;
/*position:relative;*/
}



div#contatti_nosifr {
background-image:url(../immagini/web_illustrazione/contatti_sfondo.gif);
background-repeat:no-repeat;
overflow:visible;
z-index:1;
/*position:relative;*/
}


div#portfolio_nosifr {

background-repeat:no-repeat;
background-position: 0px 0px;
overflow:visible;
z-index:1;
/*position:relative;*/
}

/*.bio {letter-spacing: 0px;
padding: 7px 100px 10px 100px;
font-size:12px;
line-height:15px;
  }
*/

#lavori{float:left; margin: 140px 0 0 150px;  }
#progetti{ float:right; margin: 140px 170px 0 0; border:0px;}
#lavori img,#progetti img{border:0px;}

/*form*/

legend
{
background-color:#222222;
border: #333333 solid 1px;
padding: 0px 30px 0px 30px;
margin:0px 0 0 0;
font-size:10px;
color: #FF6600;
}




fieldset {
border:1px solid #222;
width:210px;
height: 320px;
padding: 10px 10px 0px 10px ;
margin: 0px 0 0 0;
}

.contatti  {
color:#e5e3e3;
float:right;
font-size:10px;
margin: 0px 0 0 0px;
text-align:left;
}

.contatti img {border:0px;}

.contatti p{padding:1em 0 0 0;}
.br2 { margin: 30px 0 0px 0;}  


.textfield {
border:1px solid #222222;
font-size:12px;
color: #e5e3e3;;
height:15px;
padding:2px;
background: transparent url("../immagini/web_illustrazione/inputttt.gif") no-repeat fixed;
width:200px;
voice-family: "\"}\""; 
voice-family:inherit;
width:200px;
}
fieldset>input.textfield {
background: transparent url("../immagini/web_illustrazione/inputtttt.gif") no-repeat;
}
textarea {
border:1px solid #222222;
font-size:12px;
color: #e5e3e3;;
padding: 2px;
background: transparent url("../immagini/web_illustrazione/inputtttt.gif") no-repeat fixed;

voice-family: "\"}\""; 
voice-family:inherit;
width:200px;

}
fieldset>textarea {
background: transparent url("../immagini/web_illustrazione/inputtttt.gif") no-repeat;
}
.submit {
font-size:9px;
margin:0px 3px 0 0;
background: transparent url("../immagini/web_illustrazione/invia2.gif") no-repeat;
height:15px;
width:49px;
color:#e5e3e3;;
vertical-align:middle;
text-align:center;
border:0px;
 }
 
 .reset {
font-size:9px;
margin:0px;
background: transparent url("../immagini/web_illustrazione/reset2.gif") no-repeat;
height:15px;
width:49px;
color:#e5e3e3;;
vertical-align:middle;
text-align:center;
border:0px;
 }
 

.validation-failed {
  border: 1px solid #ff6600;
}
.validation-passed {
  border: 1px solid #828905;
}
.validation-advice {
  margin: 1px 0 0 0; 
  padding:2px;
  color:#fff; 
  font-size:9px;
  background-color: #711218;
  clear:both;
  height:13px;
  width:202px;
  vertical-align:top;
  margin-bottom:-14px;
  
}
.warning {
	border: 1px solid #ffffff;
}
.warning-advice {
	margin: 1px 0 0 0;
	padding: 0px;
	color:#fff;
	font-size:10px;
	background-color: #A5CAF8;
	clear:both;
    width:202px;
	margin-bottom:-14px;
}


/*galleria portfolio */


ol#gallery{}







    
	
ol#gallery li{
float: left;
margin: 1px;
padding: 1px;
background: url(../immagini/web_illustrazione/sfondo_miniatura.jpg) no-repeat bottom right;
list-style-type: none;
}
	
ol#gallery li img{display: block; 
border: 1px solid #333;
padding: 0px;
height:30px;
width:30px;
/* max-width:97px;
width:expression(clientWidth  > 97 ? "97px" : "%" ); */
}

#gallery  li a img{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;text-decoration: none; }
#gallery  li a:hover img{ filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;text-decoration: none;}
#gallery  li a:active img{filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;text-decoration: none; }

ol#gallery a{
display: block;
border: 0px solid  #fff;
text-decoration:none; }
  
ol#gallery a:hover{
border: 0px dotted  #f88436; 
}





#tabmenu {
margin: 0px 0px 0px 20px;
padding: 0px;
z-index: 1;
}

#tabmenu img{border:0px;}
	   
#tabmenu li {
display: inline;
overflow: hidden; 
list-style-type: none;   
}
  
#tabmenu a {
font-size:10px;
text-decoration:none;
color: #fff;
margin: 0px;
} 
	
#tabmenu a.active { }
  
#tabmenu a:hover {}
   
#tabmenu a.active:hover { } 


   
#content {font-size:12px;
margin:10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
width:490px; /*provare con 100% se ci sono problemi*/
border:0px solid #ccc;
height:340px;
z-index: 2; 
}
	
	
#content a:link {}

#content a:visited {text-decoration: none;}

#content a:hover {}

#content a:active {}








.toolTipElement {cursor: auto;}
.tool-tip {filter:alpha(opacity=90);color: #ccc;width: 150px;}
 
.tool-title {
font-weight: bold;
font-size: 11px;
margin: 0;
padding: 8px 8px 8px;
z-index: 13000;
background: url(../immagini/web_illustrazione/pop_nero.png) top left !important;
}
 
.tool-text {

font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-weight: bold;
font-size: 11px;
padding: 8px 8px 8px;
background: transparent url("../immagini/web_illustrazione/pop_nero.gif") bottom right !important;
background: url(../immagini/web_illustrazione/pop_nero.png) bottom right ;
}

.albertobonetti{
background-image:url(../immagini/web_illustrazione/albi.gif); background-repeat:no-repeat; 
float:right;
width: 12px;
height: 350px;
background: #0A0A0A;
color:#990000;
border-left: 0px solid #141414;
border-right: 0px solid #141414;

}

.albertobonetti img {border:0px;}



/* NUMERI DI PAGINA */


#num_pagina
{
clear:both;
height:15px;
clear: both;
text-align:center;
padding: 20px 0 0px 0px;
margin: 0px 0px 0 0px;
font-size:10px !important;
width:100%;

}

#num_pagina a:link{text-decoration:none;}



.prec
{
padding: 1px;
/*border: 1px solid #222222;
background-color: #222222;*/
color:#333;
font-size:11px; 
margin: 0 4px 0 0;
/*
background-image:url(../immagini/web_alberto_bonetti/prec.jpg);
background-repeat:no-repeat;
*/
}

.succ
{
padding: 1px;
/*border: 1px solid #222222;
background-color: #222222;*/
color:#333;
font-size:11px; 
margin: 0 0px 0 4px;
/*
background-image:url(../immagini/web_alberto_bonetti/succ.jpg);
background-repeat:no-repeat;
*/
}

.attiva {
padding: 1px;
margin: 0 5px 0 0;
border: 1px solid #222;
/*
background-image:url(../immagini/web_alberto_bonetti/pag_attiva.jpg);
background-repeat:no-repeat;
*/
background-color: #222222;
color:#741211 !important;
font-size:11px; 
}



.altre {
padding: 1px;
margin: 0 5px 0 0;
border: 1px solid #222222;
background-color: #222222;
color:#333;
/*
background-image:url(../immagini/web_alberto_bonetti/pag_norm.jpg);
background-repeat:no-repeat;
*/

font-size:11px; }

.num_pagina a:hover{
padding: 1px;
margin: 0 5px 0 0;
border: 1px solid #ccc;
background-color: #222;
color:#741211;
font-size:12px;
/*
background-image:url(../immagini/web_alberto_bonetti/pag_norm.jpg);
background-repeat:no-repeat;
*/
 }
 
 .foto8{
border:0px solid #333;
float:left;
margin: 50px 0px 0px 130px;
	
	
}

.foto8 img{
	border:0px solid #fff;
	
}

.foto8 a{
text-decoration:none;
color:#bbb;}