/**************************************************************
   AUTHOR:  Marco Formosa
   DATE:    2009.05.10
   http://www.amarantoweb.com
 **************************************************************/

body{margin: 0; color: #444; font: 12px arial; background: #919191 url(images/sfondo.gif) repeat-x;}

#content  {
	width: 970px; 
	padding: 10px; 
	padding-top: 0; 
	margin: 0px auto;
	background: #e9e9e9 url(images/bk_content.gif) repeat-x; 
	border: 1px solid #828282; 
	border-top: 0;
	}

img{border: 0;}

h1{
	font-weight: normal;
	margin: 0; 
	color: #FFF;
	font: bold 15px Geneva,Arial,"Lucida Grande",Verdana,sans-serif;
	text-transform: uppercase;
	background: url(../images/hone.gif) no-repeat;
	width: 589px;
	padding: 7px;
	margin-bottom: 25px;
}

h2{
	font: bold 14px Arial; 
	margin-top: 0; padding-top: 0; 
	line-height: 1.2;
	background: url(../images/t2.gif) no-repeat; 
	padding-left: 22px; 
	border-bottom: 1px solid #ED1C24;
	text-transform: uppercase; 
	}


h3 {margin: 5px 0; font: bold 12px arial; text-transform: uppercase; color: #EE1717;}

h5 {text-transform: uppercase; padding: 3px 6px; font: 10px Tahoma; margin: 0; margin-bottom: 10px;}

h6 {font: bold 12px Arial; text-transform: uppercase; margin: 0;}




a {color: #333333;}
a:hover {color: #EE1717;}



/***** PAGINE E SIDEBAR *****/
#page{text-align: justify;

	font: 11px verdana; line-height: 1.5;
	}

#page h1 {
}

#page ul {list-style-type: none; padding: 0; margin: 0 0 20px 20px;}
#page li {padding: 2px; list-style: url(../images/list.gif);}


.list {float: left; font: 12px arial; width: 192px;}

.list h1 {
	background: #CC0000 url(../images/sidehone.gif);
	font: 18px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	padding: 5px;
	color: #333333;
	}


.list h2 {
	background: #cc0000 url(../images/sidehone.gif);
	color: #FFF; 
	display: block; 
	margin:0;
	font: bold 12px arial; 
	padding: 10px; 
	text-transform: none;
	}

.list a {
	display:block; 
	width: 180px;
	color: #FFF;
	background: #d30e1c;
	border: 1px solid #be0308;
	padding: 5px 8px;
	padding-right: 2px;
	text-decoration: none;
	margin-top: -1px;
	}

.list a:HOVER { background: #be0308; color: #FFF;}






/**** accordion ****/

.urbangreymenu{
	width: 180px; /*width of menu*/
}

.urbangreymenu h3 {padding: 0px; margin: 0; font: bold 14px arial; text-transform: uppercase;}

.urbangreymenu .headerbar{
	font: bold 12px Arial;
	border-bottom: 1px solid #FFF;
	background: #7A7C7E; 
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 5px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: white;
background: #CC0000;
border-bottom: 1px solid #ED1C24;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}



.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}




#footer {font: 11px tahoma; padding: 10px 0; margin: 0 auto; width: 970px; color: #FFF; line-height: 1.6em;}
#footer a {color: #FFF; padding: 3px 2px;}
#footer a:hover {color: #333;}