@import "categorie.css";

#header h1 {
 background: url(/images/articoli/header.jpg) no-repeat top left;
}

/************/
/* SINISTRA */
/************/

#sinistra {
 float: left;
 width: 693px;
}

#sinistra h2 {
 color: #f20;
 font-family: small fonts, verdana;
 text-transform: uppercase;
 font-weight: normal;
 margin: 0;
 padding: 5px 10px;
}

#sinistra h2 a {
 color: #f20;
 text-decoration: none;
}

#sinistra h2 span {
 width: 70px;
 height: 70px;
 float: left;
 margin: 0 10px 0 0;
}

#sinistra h2 span em {
 display: none;
}

#sinistra .elenco {
 background: url(/images/articoli/elenco_top_cont.gif) repeat-y top left;
}

#sinistra .elenco .top {
 background: url(/images/articoli/elenco_top.gif) no-repeat top left;
}

#sinistra .elenco .top p {
 margin: 0;
 padding: 0;
 padding-left: 90px;
 padding-bottom: 25px;
 padding-right: 10px;
 background: url(/images/articoli/elenco_top_bottom.gif) no-repeat bottom left;
}

#sinistra .elenco .bottom{
 background: url(/images/articoli/elenco_bottom_cont.gif) repeat-y top left;
}

#sinistra .elenco .bottom p {
 margin: 0;
 padding: 0;
 padding-bottom: 15px;
 font-size: 0.8em;
 text-align: center;
 background: url(/images/articoli/elenco_bottom_bottom.gif) no-repeat bottom left;
}

#sinistra .elenco .bottom ul {
 margin: 0;
 font-size: 0.9em;
 padding: 4px 40px 20px 45px;
 list-style: none;
 background: url(/images/articoli/elenco_bottom_bottom.gif) no-repeat bottom left;
}

#sinistra .elenco .bottom ul li a {
 padding-left: 20px;
 color: #f20;
 text-decoration: none;
}

#sinistra .elenco .bottom ul li a:hover {
 padding-left: 20px;
 color: #f20;
 background: url(/images/articoli/leggi.gif) no-repeat center left;
}

#sinistra #description {
 color: #09f;
 margin: 0 10px;
 padding: 0 10px 10px 10px;
 font-style: italic;
 font-size: 0.85em;
 border-bottom: 1px solid #f20;
}

#sinistra #description p {
 margin: 0;
 padding: 0;
 line-height: 1em;
}

#sinistra #testo {
 margin: 10px;
}

#sinistra #testo p {
 font-size: 0.95em;
 margin: 0 0 5px 0;
 padding: 0;
 text-align: justify;
}

#sinistra #testo h3 {
 color: #f20;
 text-align: right;
 font-family: small fonts;
 margin: 10px 5px 5px 5px;
 border-bottom: 1px dashed #09f;
 text-transform: uppercase;
 font-weight: normal;
 font-size: 1.2em;
 background: url(/images/header/freccia-dx.gif) no-repeat center left;
}

#sinistra #testo ul.soft, #sinistra #testo ul.web {
 list-style: none;
 font-size: 0.8em;
}

#sinistra #testo ul.soft li, #sinistra #testo ul.web li {
 padding-left: 36px;
}

#sinistra #testo ul.soft li {
 background: url(/images/articoli/soft.gif) no-repeat top left;
}

#sinistra #testo ul.web li {
 background: url(/images/articoli/web.gif) no-repeat top left;
}

#sinistra #testo ul.soft a, #sinistra #testo ul.web a {
 display: block;
 font-size: 1.3em;
 margin-left: -10px;
 text-decoration: none;
}

#sinistra #testo ul.soft a.hover, ul.web a.hover {
 
}

#sinistra #testo pre {
 margin: 5px 10px;
 padding: 5px;
 background: #adf;
 border: 1px solid #8cd1ff;
 overflow: auto;
}

#sinistra #testo pre.code {
 background: #adf url(/images/codice.gif) no-repeat bottom right;
}


#sinistra #testo kbd {
 background: #b9ddff;
 font-size: 0.9em;
 text-transform: uppercase;
 padding: 0px 3px;
 border: 1px solid #09f;
}

#sinistra #testo a {
 color: #f20;
}

#sinistra #testo a:hover {
 color: #f20;
 text-decoration: none;
}


/*************/
/* CATEGORIE */
/*************/

#destra {
 float: right;
 width: 186px;
 background: url(/images/articoli/categorie_left.gif) no-repeat top left;
}

#categorie {
 float: right;
 width: 150px;
 background: url(/images/articoli/categorie_cont.gif) repeat-y top left;
}

#categorie h2 {
 margin: 0;
 padding: 0;
 height: 22px;
 background: url(/images/articoli/categorie_top.gif) no-repeat top left;
}

#categorie h2 span {
 display: none;
}


#categorie ul {
 margin: 0;
 padding: 0;
 padding-bottom: 25px;
 list-style: none;
 background: url(/images/articoli/categorie_bottom.gif) no-repeat bottom left;
}

#categorie ul li {
 padding: 0;
 margin: 0;
 text-align: center;
}

#categorie ul li a {
 display: block;
 background-position: center center;
 height: 73px;
}

#categorie ul li a span {
 display: none;
}