/* #####################################################################
##############################  MAIN STYLE   ###############################
##################################################################### */



/* -------------------------------------------------------------------------
------------------------------- GENERAL -------------------------------
----------------------------------------------------------------------------- */

body {

	padding: 0px;
	margin: 0px;
	
	font-family: arial, helvetica, sans-serif;
	
	text-align: center;
	
	background: #fff;

}

.Invisible{

	display: none;

}

a {

	text-decoration: none;

}

ul {

	list-style-type: none;

}

.FeedLink, .SlideShowLink {

	display: block !important;
	position: absolute !important;
	
	width: 14px !important;
	height: 14px !important;
	
	padding: 0px !important;
	border: 0px !important;
	margin: 0px !important;

}

.FeedLink {

	background: transparent url(../img/feed_icon.bmp) no-repeat;	

}

.SlideShowLink {

	background: transparent url(../img/slide_icon.bmp) no-repeat;
	
}

#MDLink {

	display: block;
	position: absolute;
	top: 10px;
	right: 50px;
	
	width: 400px;
	height: 65px;
	padding: 0px;
	border: 0px;
	margin: 0px;	

}

#PDLink {

	display: block;
	position: absolute;
	top: 30px;
	left: 50px;
	
	width: 70px;
	height: 60px;
	padding: 0px;
	border: 0px;
	margin: 0px;

}



/* -------------------------------------------------------------------------
---------------------------------- PAGE ----------------------------------
----------------------------------------------------------------------------- */

div#page {

	position: relative;

	width: 1000px;
	height: 1600px;
	padding: 0px;
	border: 0px;
	border-bottom: 1px solid #ccc;
	margin: 0px auto;
	
	background: transparent url(../img/bg.png) no-repeat 0px 0px;

}



/* -------------------------------------------------------------------------
--------------------------------- INTRO ---------------------------------
----------------------------------------------------------------------------- */

div#intro {

	position: absolute;
	top: 115px;
	left: 102px;
	
	width: 585px;
	height: 220px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	
}

/*---------------------- Mini Bar ---------------------- */

div#intro ul#miniBar{

	position: absolute;
	top: 26px;
	left: 0px;
	
	width: 130px;
	height: 138px;
	padding: 1px 0px 0px 0px;
	border-right: 1px solid #eee;
	margin: 0px;
	
}

div#intro ul#miniBar li{

	display: block;
	
	padding: 0px;
	border: 0px;
	margin: 0px;	
	
}

div#intro ul#miniBar a{

	display: block;

	height: 20px;
	width: 80px;
	padding: 3px 10px 0px 0px;
	border: 0px;
	margin: 0px 0px 0px 40px;
	
	font-weight: bold;
	font-size: 13px;	
	text-align: right;	
	
	color: #777;
	
}

div#intro #miniBar li a:hover{

	background-color: #eee;
	color: #333;

}

/*---------------------- Intro Body ---------------------- */

div#intro p#introBody {

	position: absolute;
	top: 26px;
	left: 131px;
	
	width: 405px;
	height: 133px;
	padding: 5px 0px 0px 14px;
	border: 0px;
	margin: 0px;
	
	font-style: italic;
	font-weight: normal;
	font-size: 13px;
	text-align: justify;
	
	color: #666;	
	
}

/*---------------------- Intro Footer ---------------------- */

div#intro p#introFooter{

	position: absolute;
	bottom: 0px;
	right: 0px;
	
	width: 250px;
	height: 25px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	
	font-weight: bold;
	font-size: 13px;	
	
	color: #666;	
	
}

div#intro #introFooter a:hover {

	color: #c64032;

}

div#intro #introFooter a:visited {

	color: #666;

}


/* -------------------------------------------------------------------------
------------------------- HIDDEN FIELDS ----------------------------
----------------------------------------------------------------------------- */

div#sponsor, div#campagne, div#news, div#workArea {

	visibility: hidden;

	position: absolute;
	top: 165px;
	left: 210px;
	
	width: 200px;
	height: 110px;
	padding: 15px 20px 15px 50px;
	border: 0px;
	margin: 0px;
	
	background: transparent url(../img/cloud.png) no-repeat;	
	
}

div#sponsor ul, div#campagne ul, div#news ul, div#workArea ul{

	width: 200px;
	height: 110px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	
}

div#sponsor ul li, div#campagne ul li, div#news ul li, div#workArea ul li{

	display: block;
	position: relative;

	height: 20px;
	width: 200px;	
	padding: 0px;
	border: 0px;
	margin: 0px;
	
	text-align: left;	
	
}

div#sponsor ul li a, div#campagne ul li a, div#news ul li a, div#workArea ul li a {

	padding: 0px;
	border: 0px;
	margin: 0px;
	
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	text-align: left;	
	
	color: #777;
	
}

div#sponsor ul li a:hover, div#campagne ul li a:hover, div#news ul li a:hover, div#workArea ul li a:hover {

	font-weight: bold;

}

.CloseButton {

	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	
	width: 15px;
	height: 15px;
	
	padding: 0px;
	border: 0px;
	margin: 0px;

}

/* ---------------------------- Sponsor --------------------------- */

div#sponsor {

	top: 119px;

}

div#sponsor h4 {

	padding: 0px 0px 13px 0px;
	border: 0px;
	margin: 0px;

	font-weight: bold;
	font-size: 12px;
	
	color: #777;

}

div#sponsor ul li a{

	width: 160px;
	
}

div#sponsor ul li a.FeedLink {

	top: 3px;
	right: 0px;	

}

div#sponsor ul li a.SlideShowLink {

	top: 3px;
	right: 21px;
	
}

/* ---------------------------- Campagne --------------------------- */

div#campagne {

	top: 142px;

}

div#campagne ul li a{

	width: 160px;
	
}

div#campagne ul li a.FeedLink {

	top: 3px;
	right: 0px;	

}

div#campagne ul li a.SlideShowLink {

	top: 3px;
	right: 21px;
	
}

div#campagne ul li.Banner {

	height: 70px;	

}

div#campagne ul li.Banner a {

	display: block;
	width: 200px;
	height: 70px;
	background: transparent url(../img/primarie_sempre.png) no-repeat;	

}

/* ---------------------------- News --------------------------- */

div#news {

	top: 165px;
	
}

div#news ul li.AddTopSpace {

	margin-top: 10px;

}

div#news ul li a{

	width: 180px;
	
}

div#news ul li a.FeedLink, div#news ul li a.SlideShowLink {

	top: 3px;
	right: 3px;

}

/* ---------------------------- Work Area --------------------------- */

div#workArea {

	top: 187px;
	
}

div#workArea ul li.AddTopSpace {

	margin-top: 10px;

}

div#workArea ul li a{

	width: 180px;
	
}

div#workArea ul li a.FeedLink, div#workArea ul li a.SlideShowLink {

	top: 3px;
	right: 3px;

}



/* -------------------------------------------------------------------------
------------------------------ MENUBAR -------------------------------
----------------------------------------------------------------------------- */

div#types {

	position: absolute;
	top: 359px;
	left: 141px;
	
	width: 600px;
	height: 20px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	
}

div#types ul, div#types li {

	float: left; /* fix for IE */

	padding: 0px;
	border: 0px;
	margin: 0px;

}

div#types a {

	float: left;

	height: 20px;
	padding: 2px 8px 0px;
	border: solid #eee;
	border-width: 1px 1px 0px;	
	margin: 0px 7px;
	
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	
	color: #777;

}

div#types a:visited {

	color: #777;

}

div#types a:hover {

	background-color: #eee;
	color: #333;

}



/* -------------------------------------------------------------------------
------------------------------- SIDEBAR --------------------------------
----------------------------------------------------------------------------- */

/*---------------------- Divisions ---------------------- */

div#associations, div#insiders, div#representatives, div#youngPeople, div#outsiders {

	position: absolute;
	
	width: 210px;	
	padding: 0px;
	border: 0px;
	margin: 0px;
	
	text-align: left; /* fix for IE */

}

div#associations {

	top: 91px;
	left: 739px;
	
	height: 210px;
	
}

div#insiders {

	top: 330px;
	left: 739px;
	
	height: 280px;
	
}

div#representatives {

	top: 640px;
	left: 739px;
	
	height: 630px;
	
}


div#youngPeople {

	top: 1270px;
	left: 739px;
	
	height: 38px;
	
}

div#outsiders {

	top: 1340px;
	left: 739px;
	
	height: 111px;

}

/*---------------------- Lists ---------------------- */

div#associations ul, div#insiders ul, div#representatives ul, div#youngPeople ul, div#outsiders ul{

	padding: 0px;
	border: 0px;
	margin: 0px;

}

div#associations li, div#insiders li, div#representatives li, div#youngPeople li, div#outsiders li {

	position: relative;

	border: 0px;
	margin: 0px;

}

div#associations li, div#insiders li, div#representatives li, div#outsiders li {

	height: 27px;
	padding: 3px 0px 5px 32px;
	
	background: transparent no-repeat 5px 3px;

}

div#youngPeople li {

	height: 38px;
	padding: 0px 0px 0px 43px;
	
	background: transparent no-repeat 5px 0px;

}

div#outsiders li {

	position: absolute;
	
	width: 173px;

}

div#outsiders li#critici {

	top: 79px;
	left: 0px;

}

div#outsiders li#zona-franca {

	top: 42px;
	left: 0px;	

}

div#outsiders li#simpatizzanti {

	top: 5px;
	left: 0px;	

}

div#associations li#singoli {

	background-image: url(../img/singoli.png);
	background-position: 8px 6px;

}

div#associations li#gruppi {

	background-image: url(../img/gruppi.png);

}

div#associations li#associazioni {

	background-image: url(../img/associazioni.png);

}

div#associations li#circoli-territoriali {

	background-image: url(../img/circoli-territoriali.png);

}

div#associations li#circoli-on-line {

	background-image: url(../img/circoli-on-line.png);

}

div#associations li#coordinamenti-territoriali {

	background-image: url(../img/coordinamenti-territoriali.png);

}

div#insiders li.Mixed {

	background-image: url(../img/mixed.bmp);

}

div#insiders li.Male {

	background-image: url(../img/male.bmp);

}

div#insiders li.Female {

	background-image: url(../img/female.bmp);

}

div#representatives li.Legislative {

	background-image: url(../img/legislative.png);

}

div#representatives li.Executive {

	background-image: url(../img/office_male.png);

}

div#representatives li.ExecutiveHead {

	background-image: url(../img/office_female.png);

}

div#representatives li#presidenti-della-repubblica {

	background-image: url(../img/office_male.png);

}

div#representatives li#presidenti-commissione-europea {

	background-image: url(../img/office_female.png);

}

div#youngPeople li {

	background-image: url(../img/giovani.png);	

}

div#outsiders  li#simpatizzanti {

	background-image: url(../img/simpatizzanti.png);	

}

div#outsiders  li#zona-franca {

	background-image: url(../img/zona-franca.png);	

}

div#outsiders  li#critici {

	background-image: url(../img/critici.png);	

}

/*---------------------- Links ---------------------- */

div#associations li a, div#insiders li a, div#representatives li a, div#youngPeople li a, div#outsiders  li a {

	width: 133px;
	border: 0px;
	margin: 0px;
	
	font-size: 12px;	
	text-align: left;
	
	color: #555;	

}

div#associations li a, div#insiders li a, div#representatives li a, div#outsiders  li a {

	padding: 0px 0px 0px 5px;
	
	line-height: 27px;	

}

div#youngPeople li a {

	height: 38px;
	padding: 0px 0px 0px 5px;
	
	line-height: 38px;	

}

div#associations a:hover, div#outsiders  a:hover, div#insiders a:hover, div#representatives a:hover, div#youngPeople a:hover{
	
	text-decoration: underline;

}

div#associations a:visited, div#outsiders  a:visited, div#insiders a:visited, div#representatives a:visited, div#youngPeople a:visited{
	
	color: #555;

}

/*---------------------- Feeds and Slides ---------------------- */

div#associations .SlideShowLink, div#insiders .SlideShowLink, div#representatives .SlideShowLink, div#youngPeople .SlideShowLink, div#outsiders .SlideShowLink {

	top: 9px;
	right: 24px;

}

div#associations .FeedLink, div#insiders .FeedLink, div#representatives .FeedLink, div#youngPeople .FeedLink, div#outsiders .FeedLink {

	top: 9px;
	right: 5px;

}