/*
*************************************************

Filippo Confalmi
Common Screen Styles

Created by Bob Schwartz
http://www.fotografics.it

*************************************************
*/

/*-------------------------------------------  
  General Selectors
-------------------------------------------*/
* { 
	margin: 0;
	padding: 0;
}
body {
	background-color: #000;
	text-align: center;
	font: 9pt/14pt Verdana, Arial, helvetica, sans-serif;
	color: #ccc;
}
img {
	border: 0;
}
a img { 
	border: none;
}
h1 {
	font: 16pt/16pt Arial, helvetica, sans-serif;
	font-weight: bold;
	color: #ccc;
	letter-spacing: 0.10em;
	margin: 0 0 15px 0;
}
h2 {
	font: 12pt/16pt Arial, helvetica, sans-serif;
	font-weight: bold;
	color: #ccc;
	letter-spacing: 0.10em;
}
/*-------------------------------------------  
  Basic Page
-------------------------------------------*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	background: url(../im/bk_wrap.jpg) repeat-y;
}
#lft {
	float: left;
	display: inline;
}
#rht {
	width: 245px;
	float: right;
	display: inline;
	background: url(../im/bk_rht_col.jpg) no-repeat top;
}
#footer {
	width: 960px;
	height: 61px;
	font: 8pt/8pt Verdana, Arial, helvetica, sans-serif;
}
#ftr_top {
	height: 36px;
	background: url(../im/ftr_top.jpg) no-repeat center bottom;
}
#ftr_btm {
	height: 25px;
	background: url(../im/ftr_btm.jpg) no-repeat center bottom;
}
/*-------------------------------------------  
  Content
-------------------------------------------*/
#head {
	width: 715px;
	height: 155px;
	background: url(../im/bk_head.jpg) no-repeat;
	text-align: right;
	padding: 10px 0 0 0;
	font: 8pt/14pt Verdana, Arial, helvetica, sans-serif;
}
#content {
	min-height: 400px;
	height: auto !important;
	height: 400px;
	width: 470px;
	text-align: left;
	font: 10pt/18pt Verdana, Arial, helvetica, sans-serif;
	color: #ccc;
	float: left;
	margin: 0 0 0 215px;
	padding: 10px 0 0 0;
	display: inline;
}
#content p {
	margin: 0 0 10px 0;
}
#content a {
	color: #ccc;
}
#content a:hover {
	color: #EFBF03;
}
#content a:active {
	color: #F00;
}
ul.pop-up {
	margin: 0 0 0 30px;
}
#lft-col {
	width: 155px;
	float: left;
	display: inline;
	margin: 0 0 0 -655px;
}
#copy {
	float: left;
	display: inline;
	text-align: left;
	width: 145px;
	padding: 6px 0 0 5px;
}
#exc {
	width: 560px;
	float: left;
	display: inline;
	padding: 6px 0 0 0;
}
#fg {
	float: right;
	display: inline;
	text-align: right;
	width: 245px;
	padding: 6px 5px 0 0;
}
/*-------------------------------------------  
 Head Menu
-------------------------------------------*/
#head a {
	color: #CCC;
	font: 8pt/14pt Verdana, Arial, helvetica, sans-serif;
}
#head a:hover {
	color: #EFBF03;
}
#head a:active {
	color: #F00;
}
/*-------------------------------------------  
  Left Menu
-------------------------------------------*/
.lft-mnu {
	width: 155px;
	margin: 10px 0 0 0;
	text-align: left;
}
.lft-mnu ul {
	list-style: none;
	font: 8pt/14pt Verdana, Arial, helvetica, sans-serif;
}
.lft-mnu ul li.nolink {
	padding: 0 0 0 20px;
	color: #EFBF03;
	background: url(../im/box_yellow.gif) no-repeat 8px center;
}
.lft-mnu ul a {
	text-decoration: none;
	color: #ccc;
	padding: 0 0 0 20px;
}
.lft-mnu ul a:hover {
	color: #EFBF03;
	background: url(../im/box_yellow.gif) no-repeat 8px center;
}
.lft-mnu ul a:active {
	color: #F00;
	background: url(../im/box_red.gif) no-repeat 8px center;
}
.lft-mnu h3 {
	padding: 0 0 0 12px;
	margin: 0;
	font: 8pt/16pt Verdana, Arial, helvetica, sans-serif;
}
.lft-mnu h3.nolink {
	color: #EFBF03;
}
.lft-mnu h3.nolink:hover {
	color: #EFBF03;
	background: url(../im/arrow_drk_grey_right.gif) no-repeat left center;
}
.lft-mnu h3 a {
	color: #ccc;
	text-decoration: none;
}
.lft-mnu h3 a:hover {
	color: #EFBF03;
}
.lft-mnu h3 a:active {
	color: #f00;
}
.lft-mnu h3:hover {
	color: #EFBF03;
	background: url(../im/arrow_yellow_right.gif) no-repeat left center;
}
.lft-mnu h3:active {
	color: #F00;
	background: url(../im/arrow_red_right.gif) no-repeat left center;
}
.lft-mnu h3.trig-up {
	background: url(../im/arrow_grey_right.gif) no-repeat left center;
}
.lft-mnu h3.trig-up:hover {
	color: #EFBF03;
	background: url(../im/arrow_yellow_right.gif) no-repeat left center;
}
.lft-mnu h3.trig-up:active {
	color: #F00;
	background: url(../im/arrow_red_right.gif) no-repeat left center;
}
.lft-mnu h3.trig-dwn {
	background: url(../im/arrow_yellow_down.gif) no-repeat left center;
	color: #EFBF03;
}
.lft-mnu h3.trig-dwn:hover {
	background: url(../im/arrow_yellow_down.gif) no-repeat left center;
	color: #EFBF03;
}
/*-------------------------------------------  
  Links Menu
-------------------------------------------*/
.lnk-wrap {
	float: left;
	margin: 0 10px 0 0;
	width: 145px;
	display: inline;
}
.lnk li {
	list-style: none;
	margin: 0 0 15px 0;
	height: 70px;
	display: block;
	line-height: 130px;
}
.lnk a {
	background: url(../im/poplink_grey.gif) no-repeat right;
	padding: 0 15px 0 0;
}
.lnk a:hover {
	background: url(../im/poplink_yellow.gif) no-repeat right;
}
.lnk a:active {
	background: url(../im/poplink_act.gif) no-repeat right;
}
/*-------------------------------------------  
  Patroncino Menu
-------------------------------------------*/
#pat {
		margin: 15px 0 -20px 0;
		padding: 15px 0 0 0;
		background: #3D3D3D url(../im/bk_pat_top.jpg) no-repeat top;
}
#pat ul {
	list-style: none;
	margin: 10px 0 0 0;
}
#pat li {
	margin: 0 0 10px 0;
}
#pat li#pat-1 {
	height: 105px;
	width: 155px;
	background: url(../im/pat_prov_milano_city_legnano_ovr.jpg) no-repeat;
}
#pat-1a {
	height: 105px;
	width: 80px;
	background: url(../im/../im/pat_prov_milano_city_legnano.jpg) no-repeat left;
	display: block;
	float: left;
}
#pat-1a:hover {
	background: url(../im/pat_prov_milano_city_legnano_ovr.jpg) no-repeat left;
}
#pat-1b {
	height: 105px;
	width: 75px;
	background: url(../im/../im/pat_prov_milano_city_legnano.jpg) no-repeat right;
	display: block;
	float: right;
}
#pat-1b:hover {
	background: url(../im/pat_prov_milano_city_legnano_ovr.jpg) no-repeat right;
}
#pat li#pat-2 {
	height: 45px;
	width: 155px;
	background: url(../im/pat_cc_milano_ovr.jpg) no-repeat;
}
#pat li#pat-2 a {
	height: 45px;
	width: 155px;
	background: url(../im/pat_cc_milano.jpg) no-repeat;
	display: block;
}
#pat li#pat-2 a:hover {
	background: url(../im/pat_cc_milano_ovr.jpg) no-repeat;
}
#pat li#pat-3 {
	height: 61px;
	width: 155px;
	background: url(../im/pat_confart_lombardia_fon_fossati_ovr.jpg) no-repeat;
}
#pat-3a {
	height: 61px;
	width: 76px;
	background: url(../im/../im/pat_confart_lombardia_fon_fossati.jpg) no-repeat left;
	display: block;
	float: left;
}
#pat-3a:hover {
	background: url(../im/pat_confart_lombardia_fon_fossati_ovr.jpg) no-repeat left;
}
#pat-3b {
	height: 61px;
	width: 79px;
	background: url(../im/../im/pat_confart_lombardia_fon_fossati.jpg) no-repeat right;
	display: block;
	float: right;
}
#pat-3b:hover {
	background: url(../im/pat_confart_lombardia_fon_fossati_ovr.jpg) no-repeat right;
}
#pat li#pat-4 {
	height: 73px;
	width: 155px;
	background: url(../im/pat_regione_lombardia_ovr.jpg) no-repeat;
}
#pat li#pat-4 a {
	height: 73px;
	width: 155px;
	background: url(../im/pat_regione_lombardia.jpg) no-repeat;
	display: block;
}
#pat li#pat-4 a:hover {
	background: url(../im/pat_regione_lombardia_ovr.jpg) no-repeat;
}
#pat-bot {
		height: 5px;
		background: #3D3D3D url(../im/bk_pat_bot.jpg) no-repeat bottom;
}
/*-------------------------------------------  
  Right Column
-------------------------------------------*/
#special {
	margin: 230px 0 0 0;
	font: 10pt/10pt Verdana, Arial, helvetica, sans-serif;
}

#special a {
	text-decoration: none;
	color: #EFBF03;
	padding: 0 0 0 10px;
}
#special a:hover {
	color: #ccc;
	background: url(../im/arrow_grey_right.gif) no-repeat left center;
}
#special a:active {
	color: #F00;
	background: url(../im/arrow_red_right.gif) no-repeat 8px center;
}
#special.nolink {
	text-decoration: none;
	color: #ccc;
	padding: 0 0 0 10px;
}
#vetrina {
	margin: 20px 0;
	height: 15px;
	font: 11pt/11pt Verdana, Arial, helvetica, sans-serif;
}
#pub-01 {
	width: 215px;
	height: 150px;
	margin: 15px auto 0 auto;
}
#pub-02 {
	width: 215px;
	height: 150px;
	margin: 15px auto 0 auto;
}
#pub-03 {
	width: 215px;
	height: 150px;
	margin: 15px auto 0 auto;
}
/*-------------------------------------------  
  Styling
-------------------------------------------*/
.no_bullet {
	list-style: none;
}
span.dropcap { 
	border-right: solid #ccc 1px;
	display: inline;
	float: left;
	font: 40pt/30pt Verdana, Arial, helvetica, sans-serif;
	margin: 0 5px 0 0;
	padding: 0 0.1em 0 0;
	color: #D4AB02;
	font-weight: bold;
}
.pop-up a {
	color: #fff;
	background: url(../im/poplink_grey.gif) no-repeat right;
	padding: 0 15px 0 0;
}
.pop-up a:hover {
	color: #EFBF03;
	background: url(../im/poplink_yellow.gif) no-repeat right;
}
.pop-up a:active {
	color: #F00;
	background: url(../im/poplink_act.gif) no-repeat right;
}
#fg a {
	color: #fff;
	background: url(../im/poplink_grey.gif) no-repeat right;
	padding: 0 15px 0 0;
}
#fg a:hover {
	color: #EFBF03;
	background: url(../im/poplink_yellow.gif) no-repeat right;
}
#fg a:active {
	color: #F00;
	background: url(../im/poplink_act.gif) no-repeat right;
}
a span.yel {
	color: #EFBF03!important;
}
a:hover span.yel  {
	color: #fff!important;
}
.yellow {
	color: #EFBF03;
}
.small {
	font: 7pt/9pt Verdana, Arial, helvetica, sans-serif;
}
#fp {
	margin: 10px 0 0 0;
}
/*-------------------------------------------  
  Positioning
-------------------------------------------*/
.fr {
	float: right;
	margin: 0 0 10px 10px;
}
.fl {
	float: left;
	margin: 0 10px 10px 0;
}
.fr-bod {
	float: right;
	margin: 10px 0 10px 10px;
}
.fl-bod {
	float: left;
	margin: 10px 10px 10px 0;
}
.mar_top_5 {
	margin-top: 5px;
}
.mar_bot_5 {
	margin-bottom: 5px;
}
.mar_top_10 {
	margin-top: 10px;
}
.mar_bot_10 {
	margin-bottom: 10px;
}
.mar_top_bot_10 {
	margin: 10px 0;
}
.mar_lft_15 {
	margin-left: 15px;
}
.mar_rht_10 {
	margin-right: 10px;
}
.cen {
	text-align: center;
}
/*-------------------------------------------  
  Hacks
-------------------------------------------*/
.clearit {
	clear: both;
	height: 1px;
	margin-top: -1px;
}