﻿body {
    text-align:center;
    padding-left:0px;
    margin:0px;
    background-color:#FFF;
    }

 /*  INDEX */
#ChooseLanguage{
    width:290px; 
    height:180px; 
    text-align:center;
    border-left-width:1px;
    border-left-style:dotted;
    border-left-color:#CCC;
    border-right-width:1px;
    border-right-style:dotted;
    border-right-color:#CCC;
    padding-top:40px;
    padding-left:15px;
    padding-right:15px;
    }
    
.ButtonLanguage{
    padding-top:25px;
    text-align:center;
    }
    
 /*  HOME PAGE */

.ContentHomePage{
    text-align:left;
    vertical-align:top;
    width:255px;
    padding-left:10px;
    padding-right:10px;
    border-width:1px;
    border-style:dotted;
    border-color:#FFF #FFF #FFF #999;
    /*background-color:#CC0000;*/
    }

.BoxBorder{
    width:255px;
    border-width:1px 1px 0px 1px;
    border-style:solid;
    border-color:#CCC;
    }
    
.BoxRowOff{
    width:100%;
    text-align:right;
    border-bottom:1px solid #CCC;
    background-color:#DDD;
    }

.BoxRowOn{
    width:100%;
    text-align:right;
    border-bottom:1px solid #CCC;
    background-color:#FFF;
    }

.LabelOFF{
    font-family:Arial;
    font-size:11px;
    color:#999;
    text-decoration:none;
    }

.LabelOFF:hover{
    text-decoration:underline;
    }
    
.LabelON{
    font-family:Arial;
    font-size:11px;
    color:#CC0000;
    text-decoration:none;
    }

.LabelON:hover{
    text-decoration:underline;
    }

 /*  MASTER PAGE */
#pagina{
    background-image:url("images/common/bg.jpg");
    background-repeat:repeat-x;
    width:100%;
    height:100%;
    text-align:center;
    top:0px;
    padding-top:10px;   
    }

#container{
    width:800px; 
    text-align:right;
    padding:0px;
    margin:0px; 
    }

#center{
    background-color:#FFF;
    width:760px;
    border-width:0px 5px 0px 5px;
    border-color:#999;
    border-style:solid;
    padding:10px 10px 10px 0px;
    margin:0px;
    text-align:left;
    } 

#MenuBottom{
    width:770px;
    background-color:#CCC;
    border-width:0px 5px 0px 5px;
    border-color:#999;
    border-style:solid;
    text-align:center;
    }

a.MenuBottom{
    font-family:Arial;
    font-size:11px;
    color:#999;
    padding:0px 10px 0px 10px;
    line-height:20px;
    text-decoration:none;
    }

a.MenuBottom:hover{
    color:#666;
    }

#bottom{
    width:780px;
    border-top-width:5px;
    border-top-color:#999;
    border-top-style:solid;
    padding-top:5px;
    margin:0px;
    height:25px;
    text-align:left;
    font-family:Arial;
    font-size:11px;
    color:#999;
    }

a.Credits{
    font-family:Arial;
    font-size:11px;
    color:#999;
    text-decoration:underline;
    }

a.Credits:hover{
    color:#666;
    }

 /*  MENU */

.BgMenu{
    text-align:left;
    width:170px;
    vertical-align:text-top;
    border-width:1px;
    border-style:solid;
    border-color:#CCC #A8A8A8 #A8A8A8 #CCC;
    background-color:#DDD;
    margin:5px 15px 5px 15px;
    padding-left:10px;
    padding-bottom:4px;
    }

.Menu{
    font-family:Arial;
    font-size:11px;
    color:#999;    
    text-decoration:none;
    }

.Menu:hover{
    color:#666;
    }
    
 /*  ELEMENTI PAGINA */
 
.ContentPage{
    text-align:left;
    vertical-align:top;
    width:100%;
    height:100%;
    border-width:1px;
    border-style:dotted;
    border-color:#FFF #FFF #FFF #999;
    background-color:#FFF;
    }

.ContentPageDisegna{
    text-align:left;
    vertical-align:top;
    width:100%;
    height:100%;
    background-color:#FFF;
    }

.Sottotitolo{
    font-family:Arial;
    font-size:14px;
    font-style:italic;
    color:#E10915;
    text-align:right;
    padding-bottom:20px;
    }

.AlignRight{
    text-align:right;
    }

.TextTitle{
    font-family:Arial;
    font-size:16px;
    color:#999;
    padding-left:30px;
    }

.TextSimple{
    font-family:Arial;
    font-size:11px;
    color:#666;
    }

.Text{
    font-family:Arial;
    font-size:11px;
    color:#666;
    padding:0px 0px 20px 10px;
    }

.TextBold{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#333;
    }

.Photo{
    padding:0px 0px 0px 10px;
    }

 /*  PAGINA MATERIALI */
 
.Materiali{
    font-family:Arial;
    font-size:13px;
    color:#999;
    padding:5px 5px 5px 5px;
    background-color:#EEE;
    text-decoration:none;
    }

.Materiali:hover{
    color:#666;
    background-color:#DDD;
    }
    
.SchedaTop{
    font-family:Arial;
    font-size:14px;
    color:#E10915;
    margin:0px 0px 0px 30px;
    padding:2px;
    background-color:#DDD;
    border-color:#CCC;
    border-style:solid;
    border-width:1px 1px 0px 1px;
    width:200px;  
    }

.SchedaCenter{
    margin:0px 0px 0px 15px;
    padding:3px;
    background-color:#EEE;
    border-color:#CCC;
    border-style:solid;
    border-width:1px;
    width:510px;  
    }

.SchedaBottom{
    font-family:Arial;
    font-size:11px;
    color:#E10915;
    text-align:right;
    margin:0px 0px 30px 30px;
    padding:2px;
    background-color:#DDD;
    border-color:#CCC;
    border-style:solid;
    border-width:0px 1px 1px 1px;
    width:200px;  
    }

.SchedaText{
    font-family:Arial;
    font-size:11px;
    color:#999;
    text-align:left;
    vertical-align:top;
    padding:5px 5px 5px 10px;  
    }

 /*  FORM */

.FormContainer{
    margin:0px 0px 0px 15px;
    padding:3px;
    background-color:#FFF;
    border-color:#CCC;
    border-style:solid;
    border-width:1px;
    float:right;
    width:500px;  
    }

.FormText{
    font-family:Arial;
    font-size:11px;
    color:#666;
    padding:5px 5px 5px 15px;
    text-align:right;
    float:left;
    width:150px;
    }

.FormBox{
    padding:5px 15px 5px 5px;
    text-align:right;
    float:right;
    width:300px;
    }

.Box{
    font-family:Arial;
    font-size:11px;
    color:#999;
    background-color:#FFF;
    border-color:#DDD #DDD #999 #999;
    border-style:solid;
    border-width:1px;
    }

.Button{
    background: #DDD;
    border-width:0px 1px 1px 1px;
    border-style:solid;
    border-color:#CCC #999 #999 #CCC;
    height:15px;
    width:150px;
    padding:2px 10px 3px 10px;
    text-align:right;     
    float:right;
    }

.ButtonText{ 
    color: #E10915; 
    font-size: 11px; 
    font-family: Arial;
    text-decoration: none;
    float:left;
    }

.ButtonImage{
    float:right;
    }

.Indirizzo{
    font-family:Arial;
    font-size:11px;
    color:#333;
    padding:0px 0px 20px 10px;
}

.Indirizzo:hover{
    font-family:Arial;
    font-size:11px;
    color:#666;
    }

.IndirizzoBold{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#333;
    }

 /*  MESSAGGI */
  
.Alert{
    font-family:Arial;
    font-size:12px;
    color:#FF0000;
    font-style:italic;
    background-color:#FFFFCC;
    }

.MessageSimple{
    font-family:Arial;
    font-size:12px;
    color:#0E5CB0;
    font-style:italic;
    }

.MessageSimpleBold{
    font-family:Arial;
    font-size:12px;
    color:#0E5CB0;
    font-weight:bold;
    font-style:italic;
    }

.MessageThanks{
    font-family:Arial;
    font-size:12px;
    color:#0E5CB0;
    font-style:italic;
    background-color:#FFFFCC;
    }
    
.MessageThanksBold{
    font-family:Arial;
    font-size:12px;
    color:#0E5CB0;
    font-weight:bold;
    font-style:italic;
    }
    
.MessageAlert{
    font-family:Arial;
    font-size:12px;
    color:#FF0000;
    font-style:italic;
    }
 
.MessageAlertBold{
    font-family:Arial;
    font-size:12px;
    color:#FF0000;
    font-weight:bold;
    font-style:italic;
    }
    
 /*  LOGIN */
 
.TextBox{
    font-family:Arial;
    font-size:11px;
    color:#666;
    border-top:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    }

/*                   CATALOGO                      */
    
/*  CERCAPRODOTTI.ASCX */  
 
.CercaTop{
    font-family:Arial;
    font-size:11px;
    color:#999;
    margin:0px 0px 0px 30px;
    padding:2px;
    background-color:#DDD;
    border-color:#CCC;
    border-style:solid;
    border-width:1px 1px 0px 1px;
    width:200px;  
    }
    
.CercaCenter{
    margin:0px 0px 20px 15px;
    padding: 15px 3px 15px 3px;
    background-color:#EEE;
    border-color:#CCC;
    border-style:solid;
    border-width:1px;
    width:510px;  
    }
    
.CercaBox{
    font-family:Arial;
    font-size:11px;
    color:#333;
    background-color:#FFF;
    border-color:#DDD #DDD #999 #999;
    border-style:solid;
    border-width:1px;
    width:140px;
    }
    
.CercaLink{
    font-family:Arial;
    font-size:11px;
    color:#E10915;
    padding-right:10px;
    text-decoration:none;
    }

.CercaLink:hover{
    color:#FF3300;
    text-decoration:underline;
    }
    
/*  LISTAPRODOTTI.ASCX */
.Paginazione{
    font-family:Arial;
    font-size:11px;
    color:#0E5CB0;    
    font-style:italic;
    padding-left:5px;
    }
    
.PaginazioneBold{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#0E5CB0;
    font-style:italic;
    }
    
.PaginazioneNumero{
    font-family:Arial;
    font-size:11px;
    color:#0E5CB0;
    text-align:left;
    border:1px solid #CCC;
    background-color:#DDD;
    padding:5px;
    margin: 0px 3px 0px 3px;
    text-decoration:none;
    }

a.pagerselected{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#0E5CB0;
    text-decoration:none;
    } 
    
a.pagerselected:hover{
    text-decoration:underline;
    }

a.pager{
    font-family:Arial;
    font-size:11px;
    color:#0E5CB0;
    text-decoration:underline;
    }
 
a.pager:hover{
    font-weight:bold;
    }
 
/*//////////////////////////////////////////*/
.BoxLista{
    border-bottom: dotted 1px #999;
    width:260px;
    float:left;
    vertical-align:top;
    margin-right:10px;
    height:170px;
    }
    
.BoxListaFoto{
    width:90px;
    padding:5px 5px 0px 5px;
    float:left;
    }
    
.BoxListaData{
    float:left;
    width:160px;
    }
 
 .BoxListaBottom{
    width:260px;
    height:25px;
    clear:left;
    text-align:right;    
    background-image:url(images/common/catalogo/bgDettagli.gif);
    background-position:right;
    background-repeat:no-repeat;
    }

/*  DETTAGLIOPRODOTTI.ASCX  */
.BoxDettaglio{
    border-bottom: dotted 1px #999;
    width:100%;
    float:left;
    margin-right:10px;
    }
    
.BoxDettaglioFoto{
    width:300px;
    padding:5px 5px 0px 5px;
    float:left;
    }
    
.BoxDettaglioData{
    float:left;
    }
    
.BoxDettaglioBottom{
    width:100%;
    height:25px;
    clear:left;
    text-align:right;    
    background-image:url(images/common/catalogo/bgDettagli.gif);
    background-position:right;
    background-repeat:no-repeat;
    }
 
/* Dati dei prodotti */   
.DataCategoria{
    font-family:Arial;
    font-size:11px;
    color:#999;
    border-bottom: dotted 1px #999;
    margin-bottom:10px;
    }
    
.DataNomeProd{
    font-family:Arial;
    font-size:11px;
    color:#000;
    font-weight:bold;
    margin-bottom:10px;
    }
    
.DataDescrizione{
    font-family:Arial;
    font-size:11px;
    color:#FF0000;
    margin-bottom:10px;
    }
  
.DivClear{
    clear:left;
    margin-bottom:5px;
    }
      
.DataLeft{
    font-family:Arial;
    font-size:11px;
    color:#666;
    float:left;
    margin-right:5px;
    }
    
.DataRight{
    font-family:Arial;
    font-size:11px;
    color:#333;
    float:left;
    }

.DettaglioLink{
    font-family:Arial;
    font-size:11px;
    color:#E10915;
    padding-right:10px;
    text-decoration:none;
    }

.DettaglioLink:hover{
    color:#990000;
    }