@import url(design.css);

/* 
===================================================================================================================================
TAG
===================================================================================================================================
*/

*{
margin:0;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
body{
margin:20px;
text-align:left;
}
table{
width:100%;
}
ul{
padding:0;
list-style:none;
}
a{
text-decoration:none;
color:#000;
}
a:hover{
text-decoration:underline;
}
input, select, textarea{
padding:3px;
height:22px;
width:100%;
background:#fff;
border:1px solid #aaa;
}
textarea{
height:auto;
}
.radio{
width:auto;
border:0;
background:none;
height:auto;
padding:0;
}

/* 
===================================================================================================================================
ID
===================================================================================================================================
*/

/* container */
#container{
height:100%;
border-width:1px;
border-style:solid;
}
/* head */
#head{
border-bottom-width:5px;
border-style:solid;
}
#head img{
margin:10px;
}
#head ul{
display:inline;
font-weight:bold;
letter-spacing:1px;
height:30px;
line-height:30px;
}
#head li{
float:right;
border-right-width:2px;
border-style:solid;
}
#head li a{
margin:0 10px 0 10px;
border-top-width:5px;
border-style:solid;
}
#head li a:hover{
text-decoration:none;
border-top-width:5px;
border-style:solid;
}
#head li.noBorder{
border:0 !important;
}
/* main */
#main{
height:100%;
}
/* column */
#column{
height:100%;
}
#column .titolo{
padding:11px;
font-weight:bold;
letter-spacing:1px;
}
#column li{
border-bottom-width:1px;
border-style:solid;
}
#column li a{
display:block;
padding:0 10px 0 10px;
height:20px;
line-height:20px;
color:#000;
}
#column li a:hover{
text-decoration:none;
}
/* page */
#page{
height:100%;
}
/* bottom */
#bottom a:hover{
text-decoration:underline;
}

/* 
===================================================================================================================================
CLASSI
===================================================================================================================================
*/

/* larghezza 100% - auto */
.Wx100{
width:100%;
}
.Wauto{
width:auto;
}
.Hx100{
height:100%;
}
/* menu colonna selezionato */
.columSel{
text-decoration:none !important;
}
/* menu testata selezionato */
.headSel{
text-decoration:none !important;
border-top-width:5px !important;
border-style:solid;
}
/* testo */
.testo{
text-align:justify;
}
.testo a{
text-decoration:underline;
}
.testo a:hover{
text-decoration:none;
}
/* breadcrumbs */
.breadcrumbs{
font-weight:bold;
}
.breadcrumbs a{
font-weight:normal;
text-decoration:underline;
}
.breadcrumbs a:hover{
text-decoration:none;
}
/* tablePage */
.tablePage{
background:#aaa;
}
.tablePage tr{
background:#eee;
}
.tablePage tr.intestazione{
font-weight:bold;
background:#ccc;
}
.tablePage tr.intestazione2{
font-weight:bold;
color:#fff;
background:#aaa;
}
.tablePage tr.intestazione2 a{
color:#fff;
text-decoration:none;
}
.tablePage tr.inverti{
background:#fafafa;
}
.tablePage td{
height:32px;
}
.tablePage_img{
text-align:center !important;
background:#fff !important;
}
/* button */
.button{
width:50%;
}
.button a{
padding:0 5px 0 5px;
display:block;
height:20px;
line-height:20px;
font-weight:bold;
font-size:12px;
color:#fff;
background:#aaa;
border:1px solid #333;
}
.button a:hover{
text-decoration:none;
background:#333;
}