/* COLORI
    - #F1F1F1 = grigio chiaro di sfondo
    - #e9e9e9 = grigio chiaro interno e seconda riga alternata tabelle
    - #c0c0c0 = bordi grigio scuro e sfondi titolo tabelle
    - #5981FF = azzurro/blu di sfondo dell'header
    - #365368 = blu dei campi di input dei menu e dello sfondo mappa e footer
    - #FFFF99 = sfondo giallino del pannello di errore
    - #CF2121 = p.redbold del content   
*/

body
{
    font-family: Verdana, Tahoma,Arial, "MS Sans Serif";
    font-weight:  normal;
    letter-spacing: normal;
    text-transform: none;
    font-size: 11px;
    background-color: #f1f1f1;
}
/* ----------------------------------------------------
/* elementi di base della pagina
/* ----------------------------------------------------*/
#boxcontent     /* contenitore della pagina */
{ 
    height: 780px;
    width: 1000px;
    background-color:#e9e9e9;    /* #F1F1F1;*/
    position:relative;          /*necessatio per impostare le posizioneìi assolute degli altri elementi */
    border:solid 1px #c0c0c0;
}
#header         /*riga header (template) */
{
    width: 1000px;
    height: 71px;
    position: absolute;
    top:0px;
    left:0px;
    background: url(newlogo.jpg) 0 0 no-repeat #5981FF;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #c0c0c0; 
}
#footer
{
    width:1000px;
    height:45px;
    position:absolute;
    top:733px;
    left:0;
    background-color:#365368;
}
#footer p
{
    padding-top:5px;
    color: #365368;
    text-align: center;
    font-size: 0.9em;
    color:White;
    
}
#footer a
{
    color:#FFFF99;
    }
/* ----------------------------------------------------
/* controllo login nell'header
/* ----------------------------------------------------*/
#logname
{
    text-align:right;    
    font-size: 95%;
    padding-top: 5px;
    color:White;
}
#logname a
{
    color:White;
    text-decoration:none;
}
/* ----------------------------------------------------
/* contenuto home page
/* ----------------------------------------------------*/
#hometopleft
{
    position:absolute;
    height: 280px;
    width:360px;
    left: 268px;
    top:150px;
    background: #fff url(content.gif) repeat-x;
    border:solid 1px #c0c0c0;
}
#hometopright
{
    position:absolute;
    height: 280px;
    width:360px;
    left: 633px;
    top:150px;
    background: #fff url(content.gif) repeat-x;
    border:solid 1px #c0c0c0;    
}
#homebottomleft
{
    position:absolute;
    height: 280px;
    width:360px;
    left: 268px;
    top:437px;
    background: #fff url(content.gif) repeat-x;
    border:solid 1px #c0c0c0;
}
#homebottomright
{
    position:absolute;
    height: 280px;
    width:360px;
    left: 633px;
    top:437px;
    background: #fff url(content.gif) repeat-x;
    border:solid 1px #c0c0c0;    
}
#homeleft
{
    background-position: #fff url(content.gif) repeat-x;
    position: absolute;
    height: 566px;
    width: 230px;
    left: 5px;
    top: 150px;
    background: #fff url(content.gif) repeat-x;
    border: solid 1px #c0c0c0;
    padding-left:10px;
    padding-right:10px;
}
#hometext
{
    font-weight: normal;
    color: black;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom-color: #000000;
    text-align: justify;
    line-height: 15px;
    vertical-align: top;
    font-size:10px;
}
#hometext H1
{
    font-size:11px;
    font-weight: bold;
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
    line-height: 32px;
    padding-left:5px;
    vertical-align:middle;
    border-top-width: 1px;
    border-top-color: #808080;
}
#hometext img.h1
{
    position:relative;
    top:1px;
    left:1px;
    width:32px;
    height:32px;
    vertical-align:middle;
}

/* ----------------------------------------------------
/* contenuto
/* ----------------------------------------------------*/
#maincontent    /* box del contenuto */
{
    position:absolute;
    height: 555px;
    width:700px;
    left: 249px;
    top:152px;
    background: #fff url(content.gif) repeat-x;
    border-style:solid;
    border-width: 1px 0px 1px 1px;
    border-color:#c0c0c0;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 25px;
    overflow: auto;
}
#mainsinglecontent    /* box del contenuto per la finestra singola*/
{
    min-height: 555px;
    width:560px;
    margin:0px;
    background: #fff url(content.gif) repeat-x;
    border-style:solid;
    border-width: 1px 1px 1px 1px;
    border-color:#c0c0c0;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 25px;
    overflow: auto;
}
#maintitle
{
    padding: 0px 10px 10px 10px;
    font-weight: bold;
    color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    text-align: center;
    line-height: 28px;
    vertical-align: top;
}
#maintext
{
    padding: 5px 0px 0px 0px;
    font-weight: normal;
    color: black;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom-color: #000000;
    text-align: justify;
    line-height: 18px;
    vertical-align: top;
}
#maintext H1
{
    font-weight: bold;
    font-size: 12px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
    text-align: center;
    line-height: 28px;
    vertical-align: top;
    border-top-width: 1px;
    border-top-color: #808080;
}
#maintext H2
{
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    line-height: 28px;
    vertical-align: top;
}
#maintext p.redbold
{
    font-weight: bold;
    color:#CF2121;
}

/* ----------------------------------------------------
/* menu verticale a sinistra
/* ----------------------------------------------------*/
#leftMenuTitle
{
    position:absolute;    
    top:152px;
    left:0;
    width: 220px;
    height: 40px;
    background: url(topbox.gif) 0 0 no-repeat #F1F1F1;
}

#leftMenuTitle p
{
    padding-top: 0px;
    font-weight: bold;
    color: black;
    padding-left: 0px;
}
#leftMenuTitle img
{
    position:absolute;
    top:5px;
    left:5px;
    width:32px;
    height:32px;
    vertical-align:middle;
}
#leftMenu
{
    position:absolute;
    top:192px;
    left:0px;
    height:538px;           
    width: 218px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #c0c0c0;    
    color: black;
    background-color: white;  
    z-index:100;                /*per farli stare in primo piano rispetto al tag content */
}
#vmenu, #vmenu ul 
{    /* impostazioni generali lista */
    margin: 0;              /* annulla i margini di default della lista */
    padding-left: 0px;       /* annulla i margini di default della lista */
    list-style: none;       /* annula il punto di default della lista */
}
#vmenu li
{   /* elementi della lista*/
    float: left;
    margin-right: 1px;
    height: 28px;
    width: 217px;   /* width needed or else Opera goes nuts */
    border: 1px solid #DDD;
    color: #365368;
    line-height: 24px;
    background: #EEE url(menu.gif) repeat-x;    
    cursor: pointer;
    text-align:left;
    font-size: 95%;
    text-indent:10px;

}
#vmenu li:hover a:hover  
{   /* elementi evidenziati */
    background: #c0c0c0; color:Black;}
#vmenu a
{   /* link */
        display:block;
        width:98%;
        height:98%;
        text-decoration:none;     
        color:   #365368;
}

#vmenu li ul
{
    /* impostazioni generali per il secondo livello */
    position: relative;
    display:none; 
    list-style: none;
    margin-top:2px;
} 
   
#vmenu li:hover ul, #vmenu li.sfhover ul 
{   /* lists nested under hovered list items */
    left:200px;
    top:-30px;
    display:block;
}
#vmenu li ul li a
{
    /* link */
    display: block;
    width:  100%;
    height: 98%;
    text-decoration: none;
            color:#365368

}
#vmenu li ul li
{
    background:  #F1F1F1;
    cursor: pointer;
    text-align: left;
    padding: 0px;
    text-indent: 10px;
    overflow: visible;   
    }

/* ----------------------------------------------------
/* menu orizzontale
/* ----------------------------------------------------*/
#menumain
{
    width: 1000px;
    height: 29px;
    position:absolute;
    top:73px;
    left:0px;
    background-color:#365368;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #c0c0c0; 
    padding-left:0px;
    list-style: none;
    margin: 0;
}
#menumain li
{   /* elementi della lista*/
    float: left;
    margin-right: 1px;
    height: 28px;
    width: 130px;   /* width needed or else Opera goes nuts */
    border: 1px solid #DDD;
    color: #365368;
    line-height: 24px;    
    background: #EEE url(menu.gif) repeat-x;    
    cursor: pointer;
    text-align:center;
    font-size: 95%;
}
#menumain li:hover a:hover  
{   /* elementi evidenziati */
    background: #c0c0c0; color:Black;}
#menumain a
{   /* link */
    display:block;
    width:98%;
    height:98%;
    text-decoration:none;        
    color:#365368;
}

/* impostazioni generali per il secondo livello */
#menumain li ul
{
    /* impostazioni generali per il secondo livello */
    /* left: -999em; using left instead of display to hide menus because display: none isn't read by screen readers */
    position: relative;
    display:none;
    list-style: none;
    margin-top:2px;
}    
#menumain li:hover ul
{   /* lists nested under hovered list items */
    left:auto;
    display:block ;
}
#menumain li ul li
{
    /* elementi della seconda lista*/
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #DDD;
    float: left;
    margin-right: 1px;
    height: 24px;
    width: 170px; /* width needed or else Opera goes nuts */
    line-height: 24px;
    background: #fff;
    cursor: pointer;
    text-align: left;
    padding: 0px;
    text-indent: 10px;
    overflow: visible;
}
#menumain li ul li a
{
    /* link */
    display: block;
    width:  100%;
    height: 98%;
    text-decoration: none;
    color: #808080;
}
/* ----------------------------------------------------
/* link mappa
/* ----------------------------------------------------*/
#maprow
{
    width: 1000px;
    height: 29px;
    position:absolute;
    top:103px;
    left:0px;
    background-color:#365368;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #c0c0c0; 
    text-align:left;    
    text-indent:5px;     
    line-height:24px;   
}
#maprowcontent
{
    padding-left: 10px;
    padding-top: 4px;
    font-size: 95%;
    color:White;
}
#maprowcontent a
{
    color:#C0C0C0;
    }
/* -----------------------------------------------------------------------
/* errori/info
/* ----------------------------------------------------------------------- */
.errorpanel
{
    margin: 0px 0px 0px 0px;
    background-color: #FFFF99;
    border: 1px solid #c0c0c0;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    overflow: auto;
    color: Red;
}
.error { BACKGROUND-COLOR: #FFFF99; FONT-WEIGHT: bold; COLOR: red }
.infopanel
{
    margin: 0px 0px 0px 0px;
    background-color:  #FFFF99;
    border: 1px solid #c0c0c0;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    overflow: auto;
    color: #365368;
}
/* -----------------------------------------------------------------------
/* Gestione ordini
/* ----------------------------------------------------------------------- */
#tabContent
{    
    margin: 0px 0px 0px 0px;
    background-color: white;
    border: 1px solid #c0c0c0;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    overflow: auto;
}
#tabContent input, button, select
{color:#365368}	

#tabMenu
{    
    width: 100%;
    height: 30px;
    position: relative;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #c0c0c0;
    background: #EEE url(menu.gif) repeat-x;
    vertical-align: top;
}
#tabMenu ul 
{    /* impostazioni generali lista */
    margin: 0;
    padding-left: 0px;
    list-style: none;
}
#tabMenu li
{   /* elementi della lista*/
    float: left;
    margin-right: 1px;
    height: 28px;
    width: 130px;   /* width needed or else Opera goes nuts */
    border: 1px solid #DDD;
    color: #365368;
    line-height: 24px;
    background: #EEE url(menu.gif) repeat-x;    
    text-align:center;
    font-size: 95%;
}

#tabMenu li.selected
{
     background: #c0c0c0; color:Black; width:auto
}
.arrowbutton {background: url(blue_arrow.gif) 0 0 no-repeat #F1F1F1; height:20px; width:16px; vertical-align:middle; cursor:pointer}
.arrowbuttonback {background: url(blue_arrow_back.gif) 0 0 no-repeat #F1F1F1; height:20px; width:16px; vertical-align:middle; cursor:pointer}

/* -----------------------------------------------------------------------
/* Tabelle richiesta dati
/* ----------------------------------------------------------------------- */
#reqform table
{
    margin: 0px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
}
#reqform th
{
    text-align: center;
    background-color: #C0C0C0;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    color:black;
}
#reqform input, button, select
{color:#365368}	

/* -----------------------------------------------------------------------
/* Datagrid
/* ----------------------------------------------------------------------- */
.Grid_General {font-size: 1em; background-color: white; border-style: solid; border-width: 1px;border-color: Gray; margin:2px;}
.Grid_Item { }
.Grid_AlternatingItem {background-color:#e9e9e9; }
.Grid_Header {color: black; background-color: #C0C0C0; text-align: center; font-weight:bold; padding-top: 5px; padding-bottom: 5px;}
.Grid_Footer {color: black; background-color: white; border-color:black; border-top-width:thin; border-top-style:solid}

/* -----------------------------------------------------------------------
/* Promozione
/* ----------------------------------------------------------------------- */
.promopanel
{
    margin: 0px 0px 0px 0px;
    background-color:  #FFFF99;
    border: 1px solid #c0c0c0;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    overflow: auto;
    color: red;
}
#promohome
{
    background-position: transparent url(promohome.png) repeat-x;
    border: 1px solid #0000FF;
    position: absolute;
    width: 400px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    left: 300px;
    top: 200px;
    background: transparent url(promohome.png) repeat-x;
    text-decoration: none;
    cursor: default;
    -moz-opacity: .92;
    opacity: .92;
    filter: alpha(opacity=92);            
}
#promohome H1
{
    font-size:12px;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
    line-height: 32px;
    padding-left:5px;
    padding-top:15px;
    vertical-align:middle;
    border-top-width: 1px;
    border-top-color: #808080;        
}
#promohomeX
{
    position:absolute;
    top:200px;
    left:643px;
    z-index: 1001;
}    
#promohomeGO
{
    position:absolute;
    top:200px;
    left:585px;
    z-index: 1001;
    
    }
#promohome p
{
    margin: 10px;
    font-size: 11px;
    text-align: justify;
}
/* -----------------------------------------------------------------------
/* Singoli elementi
/* ----------------------------------------------------------------------- */
.imagelink img {border:1px solid #c0c0c0}
.imagelinknoborder img {border:0px}
.imagelink:hover img { border: 1px solid black; }
.reditalic
{
    font-style:italic;
    color:Red;
}
.red
{    
    color:Red;
}
.bluetext
{
    color:Blue;
}

.link
{
    text-decoration:none;            
    color:white;
}