﻿html, body
{
    margin: 0;
    padding: 0
}
body 
{
    background: #505050 url(../images/pattern/pattern.jpg) repeat;
    margin:7px 0 0 0;
    font: 100% Times, "Times New Roman", Georgia, Verdana, Serif;
    color: #505050;
}
#container_top
{
    width: 612px;
    position: absolute;
    left: 50%;    
    background: #E8DCBE;
    margin-left: -320px   
}
#header
{
    width: 99%;
    height: 105px;
    background: transparent url(../images/texture/header.jpg) scroll repeat center;    
    margin: 0 auto;
    margin-bottom: 2px;
    margin-top: 2px
}
 #header h2 span
    {
        display: none
    }

#logo
{
    width: 322px;
    height: 75px;
    position: absolute;
    top: 33px;
    left: 16px;
    background-image: url(../images/loghi/logo.gif);
    background-repeat: no-repeat;    
}
    #logo h1 span
    {
        display: none
    }
    #logo img
    {
        border: 0
    }
    #logo a
    {
        text-decoration: none
    }
#marchi
{
    width: 165px;
    position: absolute;
    left: 480px;
    top:45px;
    padding: 5 0 50px;    
    background-color: Transparent;    
}
    .gipi   
    {
        margin: 0 10px 0 0
    }
#ccd
{
    width: 318px;
    height: 11px;
    position: absolute;
    top: 86px;
    left: 16px;
    background-image: url(../images/label_link/lblconsociateCDD.gif);
    background-repeat: no-repeat;    
}
    #ccd h3
    {
        display: none
    }
#nav
{
    background-color: #681410;
    height: 45px;
    width: 100%;
    color: White;
    font: 80% baskerville, garamond, palatino, baskerville, "times new roman", serif;
    text-transform: capitalize
}
.sommario
{
    text-transform: uppercase
}
#nav ul li
{
    display:inline;    
}
#nav a:hover
{
    text-decoration: underline; 
}
div#nav ul li a
{
padding: 12px 10px 16px 10px;
color: white;
text-decoration: none;
border-left: 1px solid #C08A88;
margin-right: 0px; /* il valore deve essere il numero sopra ma negativo */
}

#nav ul
{
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding:14px 0 5px 0
}
#container_down
{
    width: 612px;
    position: absolute;
    left: 50%;    
    top: 160px;
    background: #E8DCBE;
    margin-left: -320px;                
}
#banner
{
    width:612px;
    height: 249px;
    background: Transparent url(../images/banner/layout_banner.jpg) no-repeat scroll;
}
#poster
{
    width:612px;
    height: 80px;    
    
}
#poster_generi
{
    width:612px;
    height: 80px;    
    background: Transparent url(../images/banner/generi.jpg) no-repeat scroll;   
    font-size: 150%;
    color: #681410;  
    padding-top:10px;
    text-indent:20px;
    text-transform: capitalize;    
}
#poster_contatti
{
    width:612px;
    height: 80px;    
    background: Transparent url(../images/banner/contatti.jpg) no-repeat scroll;   
    font-size: 150%;
    color: #681410;  
    padding-top:10px;
    text-indent:20px;
    text-transform: capitalize;    
}
#poster_error
{
    width:612px;
    height: 80px;    
    background: Transparent url(../images/banner/error.jpg) no-repeat scroll;   
    font-size: 150%;
    color: #681410;  
    padding-top:10px;
    text-indent:20px;
    text-transform: capitalize;    
}
#poster_autori
{
    width:612px;
    height: 80px;    
    background: Transparent url(../images/banner/autori.jpg) no-repeat scroll;   
    font-size: 150%;
    color: #681410;  
    padding-top:10px;
    text-indent:20px;
    text-transform: capitalize;    
}
#poster_successi
{
    width:612px;
    height: 80px;    
    background: Transparent url(../images/banner/successi.jpg) no-repeat scroll;   
    font-size: 150%;
    color: #681410;  
    padding-top:10px;
    text-indent:20px;
    text-transform: capitalize;    
}
#content
{
    width: 593px;
    background-color: #FEF9ED;
    margin: 0 0 7px 7px;
    min-height:311px; height:auto !important; height:311px;        
    border: 1px solid #fef9ed;    
}
#content2
{
    width: 593px;
    background-color: #FEF9ED;
    margin: 0 0 7px 7px;
    min-height:311px; height:auto !important; height:311px;        
    border: 1px solid #fef9ed;    
}
#main2
{
    width: 93%;    
    color: #505050;
     border: 1px solid #E1D5C5;
    margin: 9px 0 0 7px;
    margin-bottom: 7px;  
    margin-top:-10px;
    line-height: 160%; 
    padding: 0 2%;
    min-height:328px; height:auto !important; height:328px;     
}
#main
{
    width: 93%;    
    color: #505050;
     border: 1px solid #E1D5C5;
    margin: 9px 0 0 7px;
    margin-bottom: 7px;  
    line-height: 160%; 
    padding: 0 2%;
    min-height:328px; height:auto !important; height:328px;     
}
#topsx
{
    width: 256px;
    height:4px;
    background-image: url(../images/extra/onda_sx.jpg);
    background-repeat: no-repeat;       
}
#right
{    
    background-color: transparent;    
    float: right;
    clear: left;        
        
}
.title1
{
    width: 188px;
    height: 21px;
    background-image: url(../images/label_link/lblbenvenuti.gif);
    background-repeat: no-repeat;   
    position: relative;
    top: 6%;
    left: 1%
}
.title_autori
{
    width: 188px;
    height: 12px;
    background-image: url(../images/label_link/lblInostriAutori.gif);
    background-repeat: no-repeat;   
    position: relative;
    top: 6%;
    left: 1%
}
.title_generi
{
    width: 188px;
    height: 21px;
    background-image: url(../images/label_link/lblInostriGeneri.gif);
    background-repeat: no-repeat;   
    position: relative;
    top: 6%;
    left: 1%
}
.title_generi h3
{
    display: none
}
.title_autori h3
{
    display: none
}
.title1 h3
{
    display: none
}

#right p
{
    font: 76% Times, "Times New Roman", Georgia, Verdana, Serif;
    color: #827B39;
    text-align: left;
    text-indent: 10px;
    width: 97%;
    padding: 5px 2px 5px 5px;
    line-height: 160%;        
}
.testoadestra
{
    font: 85% Times, "Times New Roman", Georgia, Verdana, Serif;
    font-weight: bold;
    color: #827B39;
    text-align: right;
    text-indent: 10px;
    width: 97%;    
    line-height: 160%;        
}
#float
{
    width:60%;
    float: right;       
    margin: 9px 7px 0 7px;
    border: 1px solid #E1D5C5;    
    min-height:328px; height:auto !important; height:328px;
}
.topsx
{
    width: 300px;
    height:4px;    
    margin: 10px 0 0 -30px
}
.anagrafica
{
    font: 90% Times, "Times New Roman", Georgia, Verdana, Serif;
    color: #505050;
    font-style: oblique;
    font-weight: bold;
    text-align: center;
    text-indent: 10px;
    width: 100%;
    padding: 0 2px 5px 10px;
    line-height: 160%;    
}

.primocap
{            
    text-indent: 10px;    
    padding-top: 15px;    
}

.title2
{
    width: 300px;
    min-height:88px; height:auto !important; height:88px;
    background-image: url(../images/label_link/intDistribuition.gif);
    background-repeat: no-repeat;      
    margin:0; padding:0
    
}
.title2 h3
{
    display: none
}
#footer
{
    width: 100%;    
    margin: 0 auto;    
    clear: left;
    padding:10px 0 2px 0    
    
}
#footer img {border:0}
#footer a {text-decoration: none}
ACRONYM
{
    border-bottom: 1px dotted gray
}
.separatore
{
    width: 100px;
    height: 40px;
    background: transparent url(../images/extra/separatore.gif) no-repeat;
    margin: 0 auto
}
.separatore h4
{
   display: none
}
#main ul
{
    list-style-image: url(../images/extra/puntatore.gif); 
    font-size: 85%;  
    line-height: 150%;
    font-weight: 500;
    font-style: oblique;
    text-transform: capitalize  
}
#main li
{
    margin-left: 2%
}

.right_foot
{
    width: 150px;
    float: right;
    margin-right: 7px
}
.left_foot
{
    width: 373px;
    text-align: left;  
    margin-left: 7px      
}
.path
{
    font-size: small;
    margin: 10px
}
.icon
{
    text-align: center;    
}
.icon a
{
    text-decoration: none
}
.icon img
{
    border:0px
}
.Grid
{
    margin-bottom:20px
}
H1
{
    font-size: 160%;
    color: #8D4C46;
    margin:5px
}
H2
{
    font-size: 140%
}

.address
{
    font-size: 130%
}
H4
{
    font-size: 110%
}
#ascoltabrano
{
    width: 100%;   
    border-top:1px dotted #E8DCBE;
    background-color: #ECE2C7;
    background-image: url(../images/sfondi/bg_ascolta.jpg);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 110%    
}
#ascoltabrano a
{
    text-decoration: none;
    color: #681410
}
#ascoltabrano a:hover
{
    text-decoration: underline
}
#ascoltabrano a:visited
{
    text-decoration: none;
    color: blue
}.
.braniPerGenere
{
    font-size: 76%
}
#pre_testo
{
    font-size: 80%
}
#pre_testo h1
{
   text-transform: capitalize;
   border-bottom: 1px dotted #E8DCBE
}
/* Stili per il modulo contatti 
--- BEGIN */

.modulo{width: 90%;min-width: 180px;               
        margin:0 auto}
       fieldset{margin:10px; border:0px}
       h3{font: bold small-caps 140%/1.3 "Arial Narrow",arial,sans-serif;
            color: black}
       .modulo div{padding: 2px 0;background: transparent;
                color: #333} 
       .modulo span{float: left;width: 33%;line-height: 23px;
    padding-right: 2%;text-align:right} 
         fieldset input,textarea{width:40%} 
        .modulo a{padding-right:100px}          
        .rbList{margin-left:235px}          
        .novista{display:none}
        .rbList{margin-left:235px} 
/* FINE ---*/
.contatti
{
    border-bottom:1px dotted #E9DBBE; 
    border-top:1px dotted #E9DBBE;
    text-align: center;
    margin-top:10px;
    padding:20px 0 20px 0
}
