html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


body {
   position: relative;
   z-index: 1;
   padding: 0;
    /* background: #ebeeee url(../pix/bg1px.jpg) 0 0 fixed repeat-x; */

    background: #ebeeee url(../pix/bg1px2.jpg) 0 0 repeat-x;
   color: #000;
   font: 100.1% Tahoma, Verdana, Geneva, sans-serif;

   text-align: center;
}

body.piccolo{   font-size: 100.1%;}
body.medio{   font-size: 115.1%;}
body.grande{   font-size: 130.1%;}

a:link, a:visited {color: #336666;}
a:hover, a:focus, a:active {color: #8f8473;}

h1{ font-size: 1.8em; }
h2{ font-size: 0.9em; }
h3{ font-size: 0.8em; }
h4{ font-size: 0.7em; }

body.grafica #container{
    background: url(../pix/bg-corpo.jpg) top center repeat-y;
    margin: 0 auto;
}
body.grafica #centrato-globale{
    background: url(../pix/bg.jpg) top center repeat-x; 
    text-align: left;
    margin: 0 auto;
}
body.graficanewsletter{
    background: #ebeeee;
}
body.graficanewsletter #container{
    background: none;
    margin: 0 auto;
}
body.graficanewsletter #centrato-globale{
    background: none; 
    text-align: left;
    margin: 0 auto;
}
body.grafica #centrato{
    width: 792px;
    margin: 0 auto;
    text-align: left;
}


body.grafica #intestazione {
   position: relative;
    padding: 0 6px;
   color: #000;
   width: 792px;
   height: 69px;
}
body.graficanewsletter #intestazione {
   margin-top: 20px;
   height: 60px;
   padding: 0;
   width: 780px;
   background: url(../pix/top-newsletter5.jpg) 0 0 no-repeat;
}

body.graficanewsletter .formazione #intestazione{
    border-top: 4px solid #fd9f3a;
}
body.graficanewsletter .estero #intestazione{
    border-top: 4px solid #759ec9;
}
body.graficanewsletter .lavoro #intestazione{
   border-top: 4px solid #979E2C;
}
body.graficanewsletter .informagiovani #intestazione{
    border-top: 4px solid #eca500;
}
body.graficanewsletter .tempolibero #intestazione{
    border-top: 4px solid #a13e38;
}
body.graficanewsletter .sociale #intestazione {
    border-top: 4px solid #173653;
}
            body #intestazione p{
                padding: 0 !important;
                margin: 13px 0 0 0;
                float: left;
            }
            
            body.grafica #topintestazione{
                height: 27px;
            }
                   
            body #skins{
                float: right;
                margin: 8px 0 0 0;
            }
            body #skins div{
                float: left;
            }
            body #skins ol, #skins li{
                float: left;
            }
               
            body #skins li{
                margin: 0 3px;
            } 
            
            body #skins li a{
                font-size: 0.5em;
                color: #000;
                font-weight: bold;
                text-transform: uppercase;
                text-decoration: none;
                -moz-border-radius-bottomright: 3px;
                -webkit-border-radius-bottomright: 3px;
            }
            
            body #skins .font-resizing a{
                background: #000;
                color: #fff;
                padding: 5px 8px;
            }
            
            body #skins .font-resizing a.piccolo{
                    font-size: 5px;
            }
            body #skins .font-resizing a.medio{
                    font-size: 13px;
            }
           body #skins .font-resizing a.grande{
                    font-size: 16px;
            }
          
          
            body #skins .styleswitch a{
                background: #000;
                color: #fff;
                padding: 5px 8px;
            }
                        
         body.grafica #logo{
              width: 451px;
             height: 95px;
             clear: both;
            margin: 0 0 0 -84px;
               padding: 0;
            position: relative;
            top:-15px;
         }
         body.graficanewsletter #logo2{
              width: 290px;
             height: 30px;
             clear: both;
             margin: 0;
             padding: 20px 0 0 10px;
            position: relative;
         }
   
         
         body.grafica #logo a{
            width: 451px;
             height: 95px;
             display: block;
             text-decoration: none;
                font-size: 0.1em;
         }
         
         body.grafica #logo img{
            width: 451px;
             height: 95px;
             display: block;
          }
            
            body.grafica #menuprincipale{
               background: url(../pix/bg-menu.jpg) 0 0 no-repeat;
               display: none;
                height:38px;
                margin: -24px 6px 0 0;
                width:388px;
               
            }
           body.graficanewsletter #menuprincipale{
               background: url(../pix/bg-menu.jpg) 0 0 no-repeat;
               display:block;
                height:38px;
                margin: 18px 0 0 0;
                width:388px;
               
            }

         body.grafica #menuprincipale li{
            float: left;
            margin: 10px 0 0 30px;
            /* height: 29px; */
            display: inline;
            }
            
            body #menuprincipale li a:link, #menuprincipale li a:visited{
               float: left;
            font-size: 0.75em;
            color: #fff;
            font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
            text-decoration: none;
            /* height: 29px; */
            display: inline;
         }           
            body #menuprincipale li a:hover, #menuprincipale li a:focus, #menuprincipale li a:active{
            
            font-size: 0.75em;
            color: #ccc;
            font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
            text-decoration: none;
            }

  body.grafica #search{
        float: right;
        margin: -34px 25px 0 0; 
        display: none;
    }
   body.grafica .internanewsletter #search {
      float: right;
      margin: -20px 5px 0 0;
   }


    body.grafica #search legend{
        text-indent: -9999px;
    }
    
    body.grafica #search #keywords, body.grafica #search #query{
        padding: 4px 5px;
        border: 1px solid #d6d8c7;
    }
    body.grafica #search .search_button{
       background: url(../pix/cerca.jpg) 0 0 no-repeat;
        text-transform: uppercase;
        height: 20px;
        width: 20px;
        border: none;
    }
   body #search .search_button[value=cerca] {
        position: relative;
         top: -3px;
        font-size: 0;
        text-indent: -9999px;
   }

body.grafica #corpo{
    padding: 0 16px;
    margin: 50px 0 0 0;
}

body .home #corpo{
    background: url(../pix/corpo-home.jpg) 0 0 no-repeat;
    padding: 0 6px;
    margin: 4px 0 0 6px;
    clear: both;
    float: left;
}

body .interna #corpo{
    padding: 0 6px;
}
      body.grafica #corpo h2{
         padding-left: 5px;
         color: #fff;
         text-transform: uppercase;
         font-family:Tahoma,Geneva,Verdana;
         font-weight: normal;
         min-height: 30px;
      }
      body.graficanewsletter #corpo h2{
         padding-left: 0px;
      }

body.graficanewsletter #corpo{
    background: #fff;
    padding: 0 0;
    margin: 0 0 0 0;
   width: 780px;
}

      
                body.grafica #corpo h3 a, body.grafica #corpo h3{
                       color: #336666;
                }

      body.grafica #corpo #slogan{
         position: absolute;
         top: 290px;
         z-index: 100;
      }


      body.grafica #corpo #istruzioni{
         width: 210px;
         font-size: 0.6em;
      }

      body.grafica #corpo #istruzioni a{
         width: 210px;
         display: block;
         /* background: url(../pix/123-new.jpg) 0 0 no-repeat; */
         text-decoration: none;
      }
      
      body.grafica #corpo #oggetto {
         background: url(../pix/texture.gif) 0 0 repeat;
         height: 200px;
         border-bottom: 1px solid #e7eff1;
         margin: 15px 0 0 0;
      }
      
      body.grafica .insu{
         margin-top: -50px;
      }
      


body.grafica #colonna-1 {
   float: left;
   width: 210px;
   background: transparent;
   color: #000;
   position: relative;
   z-index: 1;
   margin: 0;
}

body .home #colonna-1 {
   width: 380px;
}
body .interna #colonna-1 {
   display:none;
}

body .interna .formazione #colonna-1{
    background: #f8bf81;
}
body .interna .informagiovani #colonna-1{
    background: #fcb001;
}
body .interna .estero #colonna-1{
    background: #89baef;
}
body .interna .lavoro #colonna-1{
    background: #bbc356;
}
body .interna .tempolibero #colonna-1{
    background: #bc4942;
}
body .interna .sociale #colonna-1{
    background: #5771b7;
}


body .interna #corpo #colonna-1 h3{
        margin-left: 15px;
}
   #colonna-1 p,
   #colonna-2 p{
      font-size: 0.8em;
      padding: 0 1em;
   }

body .interna #corpo #colonna-1 h2{
    color: #fff;
    text-transform: uppercase;
    min-height: 40px;
}

body .interna #colonna-1 h2{
    background: #000;
}

body .interna .formazione #colonna-1 h2{
    background: #f37e01;
}
body .interna .estero #colonna-1 h2{
    background: #759ec9;
}
body .interna .lavoro #colonna-1 h2{
    background: #979e2c;
}
body .interna .informagiovani #colonna-1 h2{
    background: #eca500;
}
body .interna .tempolibero #colonna-1 h2{
    background: #a13e38;
}
body .interna .sociale #colonna-1 h2{
    background: #173653;
}
body .interna #corpo #colonna-1 #menulocale li{
    display: block;
}
body .interna .formazione #colonna-1 #menulocale li{
    border-bottom: 1px solid #fd9f3a;
}
body .interna .estero #colonna-1 #menulocale li{
    border-bottom: 1px solid #759ec9;
}
body .interna .lavoro #colonna-1 #menulocale li{
    border-bottom: 1px solid #979e2c;
}
body .interna .informagiovani #colonna-1 #menulocale li{
    border-bottom: 1px solid #eca500;
}
body .interna .tempolibero #colonna-1 #menulocale li{
    border-bottom: 1px solid #a13e38;
}
body .interna .sociale #colonna-1 #menulocale li{
    border-bottom: 1px solid #173653;
}

body .interna #corpo #colonna-1 #menulocale li a{
    font-family:Tahoma,Geneva,Verdana;
    font-size: 0.8em;
    color: #000;
    display: block;
    min-height: 40px;
    padding: 5px 0 0 5px;
   text-decoration: none;
   text-transform: capitalize;
}

body .interna #colonna-1 #menulocale li a{
    background: #9b9b9b;
}
body .interna #colonna-1 #menulocale li a:hover,
body .interna #colonna-1 #menulocale li a:focus{
    background: #d7d7d7;
}
body .interna #colonna-1 #menulocale li a:active,
body .interna #colonna-1 #menulocale li.corrente a,
body .interna #colonna-1 #menulocale li.uppercorrente a{
    background: #a4a4a4;
}

body .interna .formazione #colonna-1 #menulocale li a{
    background: #fde0c0;
}
body .interna .formazione #colonna-1 #menulocale li a:hover,
body .interna .formazione #colonna-1 #menulocale li a:focus{
    background: #FDF1E4;
}
body .interna .formazione #colonna-1 #menulocale li a:active,
body .interna .formazione #colonna-1 #menulocale li.corrente a,
body .interna .formazione #colonna-1 #menulocale li.uppercorrente a{
    background: #FAAF5D;
}

body .interna .estero #colonna-1 #menulocale li a{
    background: #c5d7e0;
}
body .interna .estero #colonna-1 #menulocale li a:hover,
body .interna .estero #colonna-1 #menulocale li a:focus{
    background: #D3DCE0;
}
body .interna .estero #colonna-1 #menulocale li a:active,
body .interna .estero #colonna-1 #menulocale li.corrente a,
body .interna .estero #colonna-1 #menulocale li.uppercorrente a{
    background: #83A9BC;
}

body .interna .lavoro #colonna-1 #menulocale li a{
    background: #d4d293;
}
body .interna .lavoro #colonna-1 #menulocale li a:hover,
body .interna .lavoro #colonna-1 #menulocale li a:focus{
    background: #D4D3B4;
}
body .interna .lavoro #colonna-1 #menulocale li a:active,
body .interna .lavoro #colonna-1 #menulocale li.corrente a,
body .interna .lavoro #colonna-1 #menulocale li.uppercorrente a{
    background: #B7B44A;
}

body .interna .informagiovani #colonna-1 #menulocale li a{
    background: #f6df81;
}
body .interna .informagiovani #colonna-1 #menulocale li a:hover,
body .interna .informagiovani #colonna-1 #menulocale li a:focus{
    background: #F6E7AC;
}
body .interna .informagiovani #colonna-1 #menulocale li a:active,
body .interna .informagiovani #colonna-1 #menulocale li.corrente a,
body .interna .informagiovani #colonna-1 #menulocale li.uppercorrente a{
    background: #EFC722;
}

body .interna .tempolibero #colonna-1 #menulocale li a{
    background: #e2b0ae;
}
body .interna .tempolibero #colonna-1 #menulocale li a:hover,
body .interna .tempolibero #colonna-1 #menulocale li a:focus{
    background: #E2CCCB;
}
body .interna .tempolibero #colonna-1 #menulocale li a:active,
body .interna .tempolibero #colonna-1 #menulocale li.corrente a,
body .interna .tempolibero #colonna-1 #menulocale li.uppercorrente a{
    background: #C76763;
}

body .interna .sociale #colonna-1 #menulocale li a{
    background: #a5b0d7;
}
body .interna .sociale #colonna-1 #menulocale li a:hover,
body .interna .sociale #colonna-1 #menulocale li a:focus{
    background: #C2C6D7;
}
body .interna .sociale #colonna-1 #menulocale li a:active,
body .interna .sociale #colonna-1 #menulocale li.corrente a,
body .interna .sociale #colonna-1 #menulocale li.uppercorrente a{
    background: #5E72B8;
}

body .interna .informagiovani #colonna-1 ul ul li {background: url(../pix/pallino-giallo.jpg) center left no-repeat; padding-left: 10px;}
body .interna .lavoro #colonna-1 ul ul li {background: url(../pix/pallino-verde.jpg) center left no-repeat; padding-left: 10px;}
body .interna .estero #colonna-1 ul ul li {background: url(../pix/pallino-azzurro.jpg) center left no-repeat; padding-left: 10px;}
body .interna .formazione #colonna-1 ul ul li {background: url(../pix/pallino-arancio.jpg) center left no-repeat; padding-left: 10px;}
body .interna .tempolibero #colonna-1 ul ul li {background: url(../pix/pallino-rosso.jpg) center left no-repeat; padding-left: 10px;}
body .interna .sociale #colonna-1 ul ul li {background: url(../pix/pallino-blu.jpg) center left no-repeat; padding-left: 10px;}

body .interna #colonna-1 #menulocale li.uppercorrente a{
    font-weight: bold;
}
body .interna #colonna-1 #menulocale li.uppercorrente ul a{
    font-weight: normal;
}

body.grafica #colonna-2 {
    font-family:Tahoma,Geneva,Verdana;
   float: left;
   width: 760px;
   background: transparent;
   color: #000;
   margin: 0 0 0 10px;
}
body.grafica .internanewsletter #colonna-2 {
    font-family:Tahoma,Geneva,Verdana;
   float: none;
   width: 780px;
   margin: 0px;
   background: #fff;
}

body .home #colonna-2 {
   width: 380px;
}


body .home #colonna-2 h2.aree{
    background: url(../pix/tab-dx.jpg) 0 0 no-repeat;
    color: #606060;
    margin: 3px 0 0 0;
    padding: 5px 0 0 15px;
}


body .home .area {
    background: url(../pix/bg-areetematiche.jpg) 0 0 repeat-y;
    margin: 10px 0 15px 5px;
    padding: 0;
    height: 110px;
}

body .home .area h2 a{
   color: #fff !important;
}

body .home .area h2.informagiovani {
    background: url(../pix/bgh2area-informagiovani.jpg) 0 0 no-repeat;
}

body .home .area h2.lavoro {
    background: url(../pix/bgh2area-lavoro.jpg) 0 0 no-repeat;
}    
body .home .area h2.estero {
    background: url(../pix/bgh2area-estero.jpg) 0 0 no-repeat;
}  
body .home .area h2.formazione {
    background: url(../pix/bgh2area-formazione.jpg) 0 0 no-repeat;
}  
body .home .area h2.tempolibero {
    background: url(../pix/bgh2area-tempolibero.jpg) 0 0 no-repeat;
}  
body .home .area h2.sociale{
    background: url(../pix/bgh2area-sociale.jpg) 0 0 no-repeat;
}  
body .home .area ul li { margin: 0 0 0 10px; padding: 0 0 2px 10px; line-height: 1em;}
body .home .area ul li a{
    font-family: Tahoma, Verdana, Geneva, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #303030;
    text-decoration: none;
}
body .home .area img{
    display: block !important;
    float: right !important;
    margin: -77px 10px 0 0 !important;
}
body .areainformagiovani ul li {background: url(../pix/pallino-giallo.jpg) center left no-repeat; padding-left: 10px;}
body .arealavoro ul li {background: url(../pix/pallino-verde.jpg) center left no-repeat; padding-left: 10px;}
body .areaestero ul li {background: url(../pix/pallino-azzurro.jpg) center left no-repeat; padding-left: 10px;}
body .areaformazione ul li {background: url(../pix/pallino-arancio.jpg) center left no-repeat; padding-left: 10px;}
body .areatempolibero ul li {background: url(../pix/pallino-rosso.jpg) center left no-repeat; padding-left: 10px;}
body .areasociale ul li {background: url(../pix/pallino-blu.jpg) center left no-repeat; padding-left: 10px;}

body .interna .informagiovani #colonna-2 ul li {background: url(../pix/pallino-giallo.jpg) center left no-repeat; padding-left: 10px;}
body .interna .lavoro #colonna-2 ul li {background: url(../pix/pallino-verde.jpg) center left no-repeat; padding-left: 10px;}
body .interna .estero #colonna-2 ul li {background: url(../pix/pallino-azzurro.jpg) center left no-repeat; padding-left: 10px;}
body .interna .formazione #colonna-2 ul li {background: url(../pix/pallino-arancio.jpg) center left no-repeat; padding-left: 10px;}
body .interna .tempolibero #colonna-2 ul li {background: url(../pix/pallino-rosso.jpg) center left no-repeat; padding-left: 10px;}
body .interna .sociale #colonna-2 ul li {background: url(../pix/pallino-blu.jpg) center left no-repeat; padding-left: 10px;}

body .interna #colonna-2 h2{
    font-family:Tahoma,Geneva,Verdana;
    font-size: 1.8em;
    margin: 15px 10px;
    text-transform: capitalize;
}

body .interna #colonna-2 h3{
    font-family:Tahoma,Geneva,Verdana;
    font-size: 1.2em;
    margin: 5px 15px;
}

body .interna #colonna-2 h3 a{
    font-family:Tahoma,Geneva,Verdana;
    font-size: 1em;
    margin: 5px 0px;
}

body .interna #colonna-2 h4{
    font-family:Tahoma,Geneva,Verdana;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
   color: #000;
    margin: 15px 0 0 0;
   padding: 0 10px;
}

body .interna .formazione #colonna-2 h2,
body .interna .formazione #colonna-2 h3,
body .interna .formazione #colonna-2 h3 a,
body .interna p.formazione a{
    color: #ff8500;
}
body .interna .estero #colonna-2 h2,
body .interna .estero #colonna-2 h3,
body .interna .estero #colonna-2 h3 a,
body .interna p.estero a{
    color: #759ec9;
}
body .interna .lavoro #colonna-2 h2,
body .interna .lavoro #colonna-2 h3,
body .interna .lavoro #colonna-2 h3 a,
body .interna p.lavoro a{
    color: #979e2c;
}
body .interna .informagiovani #colonna-2 h2,
body .interna .informagiovani #colonna-2 h3,
body .interna .informagiovani #colonna-2 h3 a,
body .interna p.informagiovani a{
    color: #eca500;
}
body .interna .tempolibero #colonna-2 h2,
body .interna .tempolibero #colonna-2 h3,
body .interna .tempolibero #colonna-2 h3 a,
body .interna p.tempolibero a{
    color: #a13e38;
}
body .interna .sociale #colonna-2 h2,
body .interna .sociale #colonna-2 h3,
body .interna .sociale #colonna-2 h3 a,
body .interna p.sociale a{
    color: #173653;
}

body .interna #colonna-2 p{
    font-family:Tahoma,Geneva,Verdana;
    margin: 15px 0 0 0;
    line-height: 1.3em;
    font-size: 0.8em;
}

body .interna strong.lastmod{
      font-size: 0.8em;
}

body .interna #colonna-2 ul li{
    font-family:Tahoma,Geneva,Verdana;
    margin: 0 0 0 30px;
    line-height: 1.4em;
    font-size: 0.9em;
}

body .interna #colonna-2 p#briciole{
    font-size: 0.8em;
}
body.graficanewsletter p#briciole{
    font-size: 0.7em;
    width: 770px;
    background: #000;
    color: #fff !important;
    margin: 0;
    padding: 3px 0 3px 10px;
}
body.graficanewsletter p#briciole a{
    color: #dedede !important;
}

body .interna .formazione #colonna-2 p#briciole{
    color: #ff8500;
}
body .interna .estero #colonna-2 p#briciole{
    color: #759ec9;
}
body .interna .lavoro #colonna-2 p#briciole{
    color: #979e2c;
    display: none;
}
body .interna .informagiovani #colonna-2 p#briciole{
    color: #eca500;
}
body .interna .tempolibero #colonna-2 p#briciole{
    color: #a13e38;
}
body .interna .sociale #colonna-2 p#briciole{
    color: #173653;
}

body .interna #colonna-2 p#briciole a{
    color: #303030;
}

body #pie-di-pagina {
    clear: both;
}
body.grafica #pie-di-pagina {
    background: url(../pix/bg-piede.jpg) top center no-repeat;
   color: #FFF;
   width: 792px;
    min-height: 200px;
    /* padding: 0 6px; */
}
body.graficanewsletter #pie-di-pagina {
    background: #fff;
   color: #000;
   width: 780px;
    min-height: 10px;
   border-bottom: 3px solid #000;
    /* padding: 0 6px; */
}
   body.graficanewsletter #pie-di-pagina img{
       margin: 0 15px !important;
   }


   body.grafica #pie-di-pagina a{
      color: #eca501;
   }
   body.grafica #pie-di-pagina p{
      padding: 0;
      font-size: 0.7em;
   }
    body.grafica #pie-di-pagina h4{
      color: #fff !important;
      padding: 0;
       margin: 20px 0 0 10px;
   }
   body.graficanewsletter #pie-di-pagina h4{
      color: #000 !important;
      clear: both;
   }
   
   body.grafica #pie-di-pagina div{
      float: left;
      
   }
   
   body.grafica #pie-di-pagina div span{
      color: #F5F6FA;
      font-size: 0.5em;
   }
   
   body.graficanewsletter #pie-di-pagina #comune{
       color: #000 !important;
       float: right;
       margin: -20px 0 0 0 !important;
   }
   body.grafica #igonlinediv{ margin: 10px 0 10px 10px;}
   body.grafica #igonlinediv #a1{ float: left; width: 355px;}
   body.grafica #igonlinediv #a1 img{ float: left; width: 355px;}
   body.grafica #igonlinediv #pditesto{ float: left; width: 400px; margin: 0 0 0 10px !important;}

body.grafica #powered{
    background: #303030;
    color: #909090;
    font-size: 0.6em;
    clear: both;
   margin: 70px auto 0 auto;
   padding: 20px 6px 0 6px !important;
   display: block;
   min-height: 40px;
   width: 768px;
}
body.graficanewsletter #powered{
    background: none;
    color: #909090;
    font-size: 0.6em;
    clear: both;
   margin: 0 auto;
   padding: 10px 6px 0 6px !important;
   display: block;
   min-height: 10px;
   width: 780px;
}


body.grafica .address{
    color: #eca501;
    font-size: 0.8em;
    margin: 0 0 0 10px;
}

#intestazione, #colonna-1, #colonna-2, #pie-di-pagina {
   padding: 0.5em 0;
}

div p {
   margin: 0;
   padding: 0.5em 1em;
}

/* Priscilla */

.table_border{
    margin: 0 auto !important; 
}

.little{
 width: 32px;
 margin: 0;
 padding:0 1px 0 0;
  width:32px;
 float: left;

}

         
                                               `
/*

FORM in generale IN DATATONIC

*/

#colonna-2 form {
         

         width: 500px;
         margin: 15px 0 0 0;
      }
      
      #colonna-2 form  fieldset{
           background: url(../pix/texture.gif) 0 0 repeat;
           border: 1px solid #ccc;
           margin: 5px 0 0 0;
           padding: 5px 0;
      }
      
      
      #colonna-2 form  legend{
           color: #336666;
      }
      
      
      #colonna-2 form  label{
           width:120px;
           float: left;
           padding:2px 25px 0px 7px;
           min-height:24px;
           color: #000;
           margin:0 10px;
           display: inline;
           font-size: 0.8em;
           font-weight: bold;
           text-align: right;
      }
      #colonna-2 form .inputright, #colonna-2 form .button{
           
           padding:0;
          
           margin:0 15px;
           
      }
      
      #colonna-2 form  .row{
           background-color:transparent;
           display:block;
           min-height:32px;
           clear: both;
           margin: 10px 0;
      }
      #colonna-2 form .form2col{
        margin: 15px auto;
        padding: 10px 0;
        border-top: 1px dashed #999;
          border-bottom: 1px dashed #999;
          width: 80%;
      }
      #colonna-2 form .form2col .row{
           clear: none;
           background-color:transparent;
           display:block;
           min-height:22px;
           margin: 0;
           width: 50%;
           float: left;
           
      }
      
      #colonna-2 form  .over{
           background-color:#303030 !important;
      }
      #colonna-2 form  .over label{
           color: #fff !important;
      }
      
      #colonna-2 form .pulsantesubmit{
           margin: 0 0 0 25px;
      }
      
      #colonna-2 form  a{
         color: #1d495c;
         
         text-decoration: underline;
         margin:0 15px;
      }
      #colonna-2 form  #username-message{
          color: #1d495c;
         
         margin:0 15px;
      }
      
.fuoridiqui{
    font-size: 0.6em;
    font-weight: bold;
}

/* FORM sulla colonna 2 */


#colonna-1 #form-ricerca-numero, #colonna-1 #form-ricerca {
         width: 210px;
         margin: 15px 0 0 0px;
      }

      
      #colonna-1 #form-ricerca-numero fieldset, #colonna-1 #form-ricerca fieldset{
           background: transparent url(../pix/bg-galleria.jpg) no-repeat scroll 0 0;
           border: 1px solid #ccc;
           margin: 5px 0 0 0;
           padding: 5px 0 0 0;
      }
      #colonna-1 label{
            font-size: 0.7em;
            font-weight: bold;
      }
      #colonna-1 input.field{
            margin: 0 0 0 20px;
      }
      
      #colonna-1 #form-ricerca-numero legend{
           color: #000;
            font-size: 0.7em;
            font-weight: bold;
      }   
      
      #colonna-1 #form-ricerca-numero label{
           float:left;
           padding:2px 0px 0px 7px;
           min-height:24px;
           color: #336666;
           margin:0 10px;
           display: inline;
           font-size: 0.8em;
      }

      #colonna-1 form .inputright, #colonna-1 form .button{     
           padding:0;
           margin:0 15px;    
      }
      
      #colonna-1 #form-ricerca-numero .row, #colonna-1 #form-ricerca .row{
           background-color:transparent;
           display:block;
           min-height:32px;
           clear: both;
           margin: 10px 0;
           padding: 0 5px;
      }
      
      #colonna-1 form .over{
           background-color:#303030 !important;
      }
      #colonna-1 form  .over label{
           color: #fff !important;
      }
      
      #colonna-1 form .pulsantesubmit{
           margin: 0 0 0 25px;
      }
      
      #colonna-1 form  a{
         color: #1d495c;
         
         text-decoration: underline;
         margin:0 15px;
      }
      #colonna-1 form  #username-message{
          color: #1d495c;
         
         margin:0 15px;
      }
   
      #form-ricerca #data-search{
          width: 100px;
      }
      
      #data-catsearch{
          width: 100px;
          margin-left: 20px;
      }
      
      #submit-ricerca-numero, #search-idi, #submit-ricerca{
           margin-left: 15px;

      }



/* e il menu delle categorie riportato su colonna-2 */
#menucategorie{
   margin: 10px 6px 0 0;
   display: none;
}

#menucategorie ul li{
   display: block;
   width: 130px;
    margin: 0;
    float: left;
}

#menucategorie ul li a:link, #menucategorie ul li a:visited{
   display: block;
   width: 130px;
   text-decoration: none;
    text-align: center;
   background: url(../pix/menucategorie.png) 0px 0px no-repeat;
   color: #000;
    height: 56px;
   line-height: 50px;
    overflow: hidden;
   font-size: 0.8em;
   float: left;
    font-weight: bold;
    text-transform: capitalize;
}
#menucategorie ul li a:hover, #menucategorie ul li a:focus, #menucategorie ul li a:active, #menucategorie ul li a.correntearea{
   display: block;
   width: 130px;
   text-decoration: none;
    text-align: center;
   background: url(../pix/menucategorie.png) 0px -56px no-repeat;
   color: #333;
    height: 56px;
    overflow: hidden;
    font-weight: bold;
        text-transform: capitalize;
}

#menucategorie ul li.informagiovani a{}
#menucategorie ul li.lavoro a{ background-position: -130px 0;}
#menucategorie ul li.lavoro a:hover, #menucategorie ul li.lavoro a:focus, #menucategorie ul li.lavoro a:active, #menucategorie ul li.lavoro a.correntearea{ background-position: -130px -56px;}
#menucategorie ul li.estero a{ background-position: -260px 0;}
#menucategorie ul li.estero a:hover, #menucategorie ul li.estero a:focus, #menucategorie ul li.estero a:active,  #menucategorie ul li.estero a.correntearea{ background-position: -260px -56px;}
#menucategorie ul li.formazione a{ background-position: -390px 0;}
#menucategorie ul li.formazione a:hover, #menucategorie ul li.formazione a:focus, #menucategorie ul li.formazione a:active, #menucategorie ul li.formazione a.correntearea{ background-position: -390px -56px;}
#menucategorie ul li.tempolibero a{ background-position: -520px 0;}
#menucategorie ul li.tempolibero a:hover, #menucategorie ul li.tempolibero a:focus, #menucategorie ul li.tempolibero a:active, #menucategorie ul li.tempolibero a.correntearea{ background-position: -520px -56px;}
#menucategorie ul li.sociale a{ background-position: -650px 0;} 
#menucategorie ul li.sociale a:hover, #menucategorie ul li.sociale a:focus, #menucategorie ul li.sociale a:active, #menucategorie ul li.sociale a.correntearea{ background-position: -650px -56px;} 
 
 /* e la galleria di oggettini */
 
 
#oggettiacaso{
    background:transparent url(../pix/bg-galleria.jpg) no-repeat scroll 0 0;
    border:1px solid #F0F0F0;
    display:inline;
    float:left;
    margin: 10px 0 0 0px;
    padding-bottom:10px;
    width: 210px;
}
.home #oggettiacaso{
    background: #fff url(../pix/bg-galleria.jpg) no-repeat scroll top right;
    border:1px solid #F0F0F0;
    display:inline;
    float:left;
    margin: 14px 0 0 0px;
    padding-bottom: 5px;
    width: 210px;
}

        p.galleriaobj {
                        padding: 10px 0 0 10px !important;
                    }
                    .galleriaobj a {
                        background:#FAFAFA none repeat scroll 0 0;
                        border:1px solid #DDDDDD;
                        margin: 2px;
                        text-decoration: none;
                        float: left;
                        width: 56px;
                        height: 56px;
                        display: block;
                    }
                    .galleriaobj a:hover {
                        background:#DDDDDD none repeat scroll 0 0;
                        border:1px solid #D2D2D2;
                        width: 56px;
                        height: 56px;
                        display: block;
                        text-decoration: none;
                    }
                    
                    .galleriaobj img {
                        padding:8px;
                        float: left;
                    }
      
      
  
/* root element for tabs  */
.tabs {  
   margin: -3px 0 0 0 !important; 
   padding:0;
   height:35px;    
}

/* single tab */
.tabs .panediv {  
   float:left;    
   padding:0; 
   margin:0 5px 0 0;  
   list-style-type:none;
   height:35px; 
}

/* link inside the tab. uses a background image */
.tabs a { 
   float:left;
   font-size:13px;
   display:block;
   padding: 10px 30px;   
   text-decoration:none;
   border-bottom:0px;
   height:15px;
    width: 90px;
   background: url(../pix/bg-tab-hover.jpg) 0 0 no-repeat;
   color:#777;
   outline:0;
   text-transform: uppercase;
}

.tabs a:hover {
    background: url(../pix/bg-tab-hover.jpg) 0 0 no-repeat;
   color:#333;
}
   
/* selected tab */
.tabs a.current {
    background: url(../pix/bg-tab.jpg) 0 0 no-repeat;
   color:#000;   
   cursor:default;
}

   
/* tab pane */
.panes .panediv {
   display:none;
   min-height:150px;
   margin: 5px 0 0 0;
}

#tab1 .priscillacatalogbox{
    border-top: 1px solid #ffc803;
    min-height: 45px;
    padding: 0;
    margin: 0;
   width: 370px;   
}
#tab1 .priscillacatalogbox a{
    color: #000;
    font-weight: bold;
    margin: 5px 0 0 0;
}
#tab1 .priscillacatalogbox > a{
    display: block;
    float: right;
    margin: 0px 10px 0 0;
}

#tab1 ul, #tab1 p, #tab1 h3{
    margin: 0;
    padding: 0;
}


/* modalità testuale */

body.testo #logo{
                clear: both;
              width: 451px;
             height: 95px;
                float: left;
         }
         
            body.testo #intestazione p{
                padding: 0 !important;
                margin: 0;
                float: left;
            }

                   
            body.testo #skins{
                float: right;
                margin: 0;
            }         
 body.testo #menuprincipale{
                clear: both;
               background: #000;
               display:block;
                height:38px;
               
            }
           

         body.testo #menuprincipale li{
            float: left;
            margin: 10px 0 0 30px;
            /* height: 29px; */
            display: inline;
            }

body.testo #search{
    float: right;
    margin: -55px 20px 0 0; 
}                     

    
    body.testo #search #query{
        padding: 4px 5px;
        border: 1px solid #d6d8c7;
    }
    body.testo #search .button{
       background: #fff;
        text-transform: uppercase;
        border: none;
    }




body.testo #pie-di-pagina {
    background: #000;
   color: #FFF;
    padding: 0 6px;
    clear: both;
    text-align: left;
}

body.testo #menucategorie{
    margin: 0;
}

body.testo #menucategorie ul li{
    width: 16.666%;
}

body.testo #menucategorie ul li a:link, body.testo #menucategorie ul li a:visited{
   display: block;
   text-decoration: none;
    text-align: center;
   background: url(../pix/menucategorie2.png) 0px 0px repeat-x;
   color: #000;
    height: 55px;
   line-height: 50px;
    overflow: hidden;
   font-size: 0.8em;
   float: left;
    font-weight: bold;
    text-transform: capitalize;
    width: 100%;
}
body.testo #menucategorie ul li a:hover, body.testo #menucategorie ul li a:focus, body.testo #menucategorie ul li a:active{
   display: block;
   text-decoration: none;
    text-align: center;
   background: url(../pix/menucategorie2.png) 0px -56px repeat-x;
   color: #333;
    height: 55px;
    overflow: hidden;
    font-weight: bold;
    text-transform: capitalize;
    width: 100%;
}

body.testo #menucategorie ul li.informagiovani a{}
body.testo #menucategorie ul li.lavoro a{ background-position: 0px -112px;}
body.testo #menucategorie ul li.lavoro a:hover, body.testo #menucategorie ul li.lavoro a:focus, body.testo #menucategorie ul li.lavoro a:active{ background-position: 0px -168px;}
body.testo #menucategorie ul li.estero a{ background-position: 0px -224px;}
body.testo #menucategorie ul li.estero a:hover, body.testo #menucategorie ul li.estero a:focus, body.testo #menucategorie ul li.estero a:active{ background-position: 0px -280px;}
body.testo #menucategorie ul li.formazione a{ background-position: 0px -336px;}
body.testo #menucategorie ul li.formazione a:hover, body.testo #menucategorie ul li.formazione a:focus, body.testo #menucategorie ul li.formazione a:active{ background-position: 0px -392px;}
body.testo #menucategorie ul li.tempolibero a{ background-position: 0px -449px;}
body.testo #menucategorie ul li.tempolibero a:hover, body.testo #menucategorie ul li.tempolibero a:focus, body.testo #menucategorie ul li.tempolibero a:active{ background-position: 0px -505px;}
body.testo #menucategorie ul li.sociale a{ background-position: 0px -561px;} 
body.testo #menucategorie ul li.sociale a:hover, body.testo #menucategorie ul li.sociale a:focus, body.testo #menucategorie ul li.sociale a:active{ background-position: 0px -617px;} 

body.testo #corpo {
    background: transparent;
   width: 100%;
   text-align: left;
   margin: 0;
   padding: 0;
}
body.testo #colonna-1 {
   float: left;
   width: 40%;
   margin: 0;
}
body.testo #colonna-2 {
   float: left;
   width: 60%;
   margin: 0;
}


/* Alto Contrasto */

body.highcontrast{
        background: #000000 url(../pix/ui-bg_loop_25_000000_21x21.png) 50% 50% repeat; color: #ffffff;
}

/* classi utili */
.bir{
    position: relative;
    z-index: 1;
   
}


.bir span{
   position: relative;
    z-index: -1;
}

/* Be nice to Opera, but hide for Mac IE \*/
html>body .bir span {position: relative; z-index: -1; text-indent : -999em; overflow : hidden; color:#fff;}
/* end of hack */

.right{
   float: right;
}

.left{
   float: left;
}

.clear{
   clear: both;
}
.clearzero{
   clear: both;
   height: 0;
}
.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}

.none{
   display: none;
}

.nowidth{
    width: auto !important;
}

.nofloat{
    float: none !important;
}

.ml15{
    margin-left: 15px;
}

#comune{
   position:relative;
   z-index: 100;
}


/*Search page body */

/*Top categories*/
.tplricerca .main_cat1 {font-size: 1.1em; font-weight: bold; color:#000000}
.tplricerca .main_cat2 {font-size: 1em; font-weight: bold; color:#000000}
.tplricerca .cat1:visited {font-size: 1.1em; font-weight: bold; color:#000000}
.tplricerca .main_cat1 a:link {color: #000000;}
/* .main_cat1 a:visited {color: #5555AA;} */


/*Small urls*/
.tplricerca .url {color: #115599;}

/*Page descriptions*/
.tplricerca .description{font-size: 1em;}

/* Title/link of pages */
.tplricerca .title {
   color:#000066; 
   font-size:1.1em;
   font-weight: bold;}
.tplricerca .title:visited {
   color:#5555AA; 
}

.tplricerca .searchBox{border:1px solid #113377;}

.tplricerca #result_report {
   text-align:center ;
   padding:3px;
   background-color:#e5ecf9; 
   font-weight: bold;
   margin-bottom:14px;
}

.tplricerca .catBanner {
   padding:3px;
   margin-top:15px;
   background-color:#e5ecf9; 
   font-weight: bold
}
.tplricerca .webPageBanner {
   padding:3px;
   margin-top:20px;
   background-color:#e5ecf9; 
   font-weight: bold
}

.tplricerca hr{color:#e5ecf9;} 
.tplricerca hr.powered{width:550; color: #000066}

/*main results table */
.tplricerca #results{width: 780;}

.tplricerca #other_pages {
   text-align:center;
}

.tplricerca #powered_by {
   margin:0 auto;
   margin-top:20px;
   padding-top:10px;
   font-size:10px;
   text-align:right;
   vertical-align: center;
}

.tplricerca #common_report {
      text-align:center;
}

.tplricerca #cat_table {
      width:600px;
      margin-top:20px;
      padding-top:10px;
      padding-bottom:20px;
      /* border-top:1px solid #AAAAAA;
      border-bottom:1px solid #AAAAAA;
      */

}


.tplricerca #cat_main {
   font-weight: bold;
}

.tplricerca .divline{
   margin-top:20px;
   margin-bottom:-5px;
   border-bottom:1px solid #DDDDDD;
}

.tplricerca #sub_cat {
   font-size:12px;
}

.tplricerca .idented {
   margin-left:30px;
}

.tplricerca #did_you_mean {
   font-size: 14px; 
   text-align:center ;
   margin:10px;

}

#socialshare{
   margin: 30px 0 0 0;
        border-top: 1px dashed #ccc;
}

#socialshare p{
   margin: 15px 0;
}

p img {
   margin-top: 0px;
}


/*
               __                       .__          __          
______   _____/  |_____________  ______ |  | _____ _/  |_________
\____ \_/ __ \   __\_  __ \__  \ \____ \|  | \__  \\   __\___   /
|  |_> >  ___/|  |  |  | \// __ \|  |_> >  |__/ __ \|  |  /    / 
|   __/ \___  >__|  |__|  (____  /   __/|____(____  /__| /_____ \
|__|        \/                 \/|__|             \/           \/
                                          
                                          web design & strutturazione xhtml/css
                                          
                                          http://www.petraplatz.it
                                          Riccardo Petracchini


*/

