/*

CSS FRONT-END VER. 1

LAYOUT

© Interattiva e-comunicazione
  www.lineagrafica.it
------------------------------------------------
*/

/* -----------------------------------------------
	BASIC STRUCTURE
----------------------------------------------- */

body {
	background: #f0f0f0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	line-height:120%;
	color:#333;}

div.area { width:820px; position:relative; margin:0 auto; padding:0; border:0px solid red; background: transparent;}

#header {
	position: relative;
	padding: 0 35px;
	height: 140px;}
	
	#title { background-color:#fff; position:relative; width:100%; height:23px}
	#title a { display:block; padding:5px 0 0 10px; text-decoration:none; float:left; font-weight:bold;} 

	#logo a {
		display: block;
		position:absolute;
		top:25px;
		left:20px;
		height: 53px;
		width: 294px;
		background: transparent url(../images/mannisipre.gif) no-repeat center center;}


	#top_search_form {
		position: absolute;
		right: 35px;
		bottom: 80px;}




/* Cover
---------------------*/
#cover { position: relative; padding: 35px; background:#fff; border:0px solid lime;}
	#cover #slide_show {width: 571px;height: 251px;}

	#welcome {
		position:absolute;
		top: 35px;
		left: 35px;
		padding: 20px 100px 20px 20px;
		width:225px;
		height:211px;
		background: transparent url(../images/bg_welcome.png) no-repeat left top;
		color: #fff;
		z-index: 60;}

		#welcome h2 { color: #fff; font-size:2.0em; margin-bottom:20px; text-transform:none; font-weight:normal;}
		#welcome a { font-weight:bold; color:#fff; text-decoration:none;}
		#welcome a:hover { text-decoration:underline;}


/* Content and
	Sidebar Area
---------------------*/
	#page { position:relative; padding:30px 35px 30px 185px; background:#FFF; border-top:1px solid #fff; }

	#content {min-height: 420px;}
	* html #content {height: 420px;}

	.wide #page {padding-left: 35px;}
	.wide #page #sidebar {display: none; }


	#page #sidebar { position:relative; float: left; width:140px; margin-left: -164px; padding:0 20px 0 0;}


	/*#content {   position: relative; float: left; padding: 0 0 0 0; width: 590px;}*/

	/*#content #rightbar { position:relative; width:605px; padding:30px 0 0 20px; margin:0 35px 0 0;}*/


#showcase {padding: 0 35px 35px 35px; background: white; font-size: 90%;}

#contatti, #video, #magazine, #news { width:30%; float:left; border-left:1px solid #e3e3e3;}
#contatti { overflow: visible; }
	#contatti h3, #video h3, #magazine h3, #news h3, #contatti p, #video p, #magazine p, #news p { margin:0 0 5px 10px;}

		#magazine p, #video p 	{ padding: 0 10px 0 40px;}
		#magazine a, #video a 	{color: #333; text-decoration: none;}
		#magazine a:hover,
		#video a:hover				{color: #b22222;}

	#news {width: 39%;}

 #contatti p { /*font-size:0.85em;*/}
 #contatti p a { text-decoration:none; color:#333;}
 #contatti p a:hover { text-decoration:underline;} 
	


	
#footer {
	position: relative; padding: 15px 35px;
	font-size: 80%;}
	
	#footer a {			color:#666;}
	#footer a:hover {	color: #b22222;}
	#footer p.left { float:left; padding: 0px;}
	#footer p.right { float:right; padding: 0px !important;}
	
	#personal_footer p {padding: 0px !important; margin: 0px;}
	
	#personal_footer { font-size:80%; height: 34px; background:#fff; margin-top:20px; padding:15px 35px 0 35px; }