/* ------------------------------ corpo principale ------------------------------------- */

* {
margin:0;
padding:0;
}

table{
margin: auto;
}

.hidden {
display: none;
}

body {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.8em;
min-width:780px;
text-align: left;
}

#wrap {background: white; }

a {
color:#000000;
text-decoration:underline;
}

a:focus,a:hover, a:active {
color: #630;
}



/* ------------------------------ mappa del sito ------------------------------------- */
.tree ul{
padding:0.5em;
padding-left: 3em;
}

.tree ul ul ul{
list-style-type: lower-roman;
}




/* ------------------------------ immagini sezioni ------------------------------------- */
#img_attual{ 
background-color: white;
height: 280px;
}

#img_musica{ 
background-color: white;
height: 280px;
}

#img_cinema{ 
background-color: white;
height: 280px;
}

#img_libri{ 
background-color: white;
height: 280px;
}

#img_creativ{ 
background-color: white;
height: 280px;
}

.pic_sez{
text-align:center;
position: relative;
}

.pic_sez img{
position: absolute;
top: 0;
left:0;
}

.pic_sez p{
position: absolute;
top: 15px;
right: 15px;
font-size: 300%;
}


/* ------------------------------ testata ------------------------------------- */
#menu_servizio {
padding:5px 0 0 30px;
text-align:left;
text-transform:uppercase;
border: none;
height:auto !important;
min-height:40px;
background: #fb4 url(../pix/h_text.png) 0 0 repeat-x;
}

#menu_servizio ul {
list-style-type:none;
margin:0;
padding:10px 0;
float:left;
}

#menu_servizio li {
display:inline;
height:auto !important;
margin:0;
min-height:20px;
padding:5px 15px 5px 5px;
}

#menu_servizio ul#accessibility {
float:right;
padding-top: 6px;
padding-right:6px;
}

#menu_servizio a{
white-space: nowrap;
}

#menu_servizio #large {
text-decoration: none;
border: 1px solid black;
font-size: 130%;
padding: 0 3px;
}

#menu_servizio #medium {
text-decoration: none;
border: 1px solid black;
font-size: 100%;
padding: 0 2px ;
}

#menu_servizio #small {
text-decoration: none;
border: 1px solid black;
font-size: 70%;
padding: 0 1px;
}

#header{
background: #fb4;
height: auto !important;
}


#header a{
text-transform: uppercase;
}

#header a:focus, #header a:hover, #header a:active {
color: #630;
text-decoration: underline;
}

#logo {

height: 100px;
margin: 0 auto;
}

#barra {
height: 28px;
background: #000 url(../pix/searchbar.png) 0 0 repeat-x;
font-size: 1em;
}

#barra a{
text-decoration: none;
text-transform: capitalize;
}

#briciole {
line-height: 26px;
float: left;
margin-left: 30px;
}

#cerca {
float: right;
margin-right: 30px;
margin-top: 3px;
}

#cerca input{
margin: 0 5px;
}

#butt_search { padding: 0 3px; background-color: #fb4; border: #fb4 1px outset;}

#butt_search:hover, #tasto_cerca:focus, #tasto_cerca:active {
color: #fff;
cursor: pointer;
} 
#butt_search:active {
background-color: #c60;
border: #c60 1px inset;
}



/* ------------------------------ menu sinistra ------------------------------------- */
#leftcol{
background: #FFFFFF url(../pix/orange.png) no-repeat;
float: left;
height:auto !important;
min-height:500px;
width:160px;
padding-bottom: 2em;
}

#leftcol a{
text-transform: capitalize;
}

#leftcol a:focus, #leftcol a:hover, #leftcol a:active {
font-weight: bold;
color: #333;
}

#leftcol h2 {
background: transparent url(../pix/eye.png) no-repeat 0 2px;
color:#000000;
font-weight:bold;
height:auto !important;
margin-top:5px;
min-height:21px;
padding:0 0 0 30px;
font-size:1.4em;
line-height:normal;
margin: 5px 0 5px;
}

#leftcol ul {
border-bottom:1px solid #000000;
list-style-type:none;
margin:0;
padding:0 0 5px;
}

#leftcol ul li {
border-top:1px dotted #999;
margin:0;
padding:0.5em 5px 0.5em 20px;
}


#leftcol ul a {
display:block;
text-decoration:none;
font-size: 1.2em;
color: black;
}

#leftcol #archivi h2 {
background: transparent url(../pix/collection.png) no-repeat 0 2px;
}

#left-grunge {
padding: 0;
margin: 0;
background: transparent url(../pix/l_text.png) 0 0 no-repeat;
padding:0 5px 30px;
}

.pace {margin-left: 11px; }

/* ------------------------------ contenuto centrale ------------------------------------- */
#corpo{
float: left;
width: 99%;
}

#contenuti{
margin-top: 0.3em;
margin-left: 160px;
}

#contenuti h2{
margin-bottom: 0.5em;
}

#contenuti h3{
margin-bottom: 0.5em;
color: #333;
}

#centro {
float: left;
width: 71%;
padding-top: 2em;
padding-left: 1%;
margin-bottom: 2em;
text-align: justify;
margin-left: 1%;
padding-right: 1%;
border-right: #333 dashed 1px;
border-left: #333 dashed 1px;
font-size: 1em;
}

#centro a{
color: #c60;
text-decoration: underline;

}

#centro p{
margin-bottom: 1em;
}

#sezione {
float: left;
padding-left: 2em;
padding-right: 2em;
padding-top: 2em;
margin-bottom: 2em;
text-align: justify;
margin-left: 1%;
font-size: 1em;
}

#sezione a{
color: #c03000;
text-decoration: underline;
}

#sezione p{
margin-bottom: 1em;
}


/* ------------------------------ home page ------------------------------------- */
.box p{
margin-left: 90px;
}

.box h4{
margin-bottom: 1em;
}

#left_box{
width: 49%;
float: left;

}
#right_box{
width: 49%;
float: right;
}

#news_sezioni .box { 

margin: 1em 3%;
padding: 1em;
border: #000 solid 1px;
background: white;
height:  18em !important;
overflow: auto;
}

#news_sezioni .box .foto {
float: left;
margin: 0 10px 0 0;
border: #000 solid 1px;
background: #fff;
width: 80px;
height: 80px;
}
#news_sezioni .box .foto img{

width: 80px;
height: 80px;
}

#news{
margin-top: 3em;
margin-left:1.5%;
background: #fff;
float:left;
height:auto !important;
font-size: 90%;
width: 97%;
padding-bottom: 2em;
}

#news h3 {
text-align: center;
border:1px solid #000000;
border-bottom: none;
background: #fb4 url(../pix/h_text.png) repeat-x 0 0;
color:#000000;
height:auto !important;
min-height:21px;
padding: 2px;
line-height:normal;
margin-bottom: 0;
padding-top: 1em;
}

#news div {
border:1px solid #000000;
list-style-type:none;
margin:0;
padding:1em;
}

#news_sezioni{
padding-top: 2em;
padding-bottom: 2em;
}

/* ------------------------------ menu destra ------------------------------------- */
#rightcol{
background: #fb4;
margin-left: 75%;
height:auto !important;
font-size: 0.9em;
border: black 1px solid;
}

#rightcol h3 {
margin-bottom: 0;
text-align: center;
border:1px solid #000000;
background: #fb4 url(../pix/h_text.png) no-repeat 0 0;
color:#000000;
height:auto !important;
min-height: 21px;
padding: 2px;
line-height:normal;
border-bottom: 2px solid black;
padding-top: 1em;
}

#rightcol ul {
background: #fff;
list-style-type:none;
margin:0;
}

#rightcol ul li {
margin:0;
padding:0.7em;
border-right: 1px solid black;
}

#rightcol a {
text-decoration: none;
text-transform: capitalize;
}

#rightcol .direct {
background: #fb4;
}

#rightcol .direct li{
padding-left: 1em;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-collapse: collapse;
position: relative;
}

#rightcol ul .exp {
margin: 0;
padding: 0;
border: none;
}

#rightcol  .sub {
background: #fc6;
padding-left: 3em;
border: 1px solid #000;
border-top:none;
border-right: 1px solid black;
}

#rightcol .sub li{
padding-left: 1em;
border: none;
}

#rightcol  .r_menu {
background: #fc6;
padding-left: 3em;
border: 1px solid #000;
border-top:none;
border-right: 1px solid black;
}

#rightcol .r_menu li{
padding-left: 1em;
border: none;
}

.art{
margin:0;
padding:0.7em;
}

.menu
{
text-decoration: none;
color: #000000;
}

.menu:hover, .menu:focus, .menu:active {color: #630;}

.menu a {float:left;}

.expand {display: block; position: absolute; top: 30%; left:80%; background: url("../pix/closed.gif") no-repeat; width: 10px; height: 10px; border: 1px solid black;}
.expand:hover, .expand:focus, .expand:active { border-color: white; }
.minimize {display: block; position: absolute; top: 30%; left:80%; background: url("../pix/opened.gif") no-repeat; width: 10px; height: 10px; border: 1px solid black;}
.minimize:hover, .minimize:focus, .minimize:active { border-color: white; }

/* ---------------------------------- piede ---------------------------------------- */
#foot{
background: #fb4;
color: #fff;
clear: both;
text-align: center;
font-size: 0.8em;
}

#barra_foot{
background: #000 url(../pix/searchbar.png) repeat-x;
color: #000;
height: 28px;
line-height: 26px;
}

#piede{
background: #fb4 url(../pix/h_text.png) repeat-x;
color: #000;
padding-top: 5px;
padding-bottom: 5px;
}

#piede a{
text-decoration: none;
color: #630;
}

#piede a:hover, #piede a:focus, #piede a:active{
text-decoration: underline;
color: #963;
}