/*

CSS FRONT-END VER. 1

LAYOUT ISOPAN

© 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:920px; 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: 52px;
		width: 192px;
		background: transparent url(../images/isopan.png) 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: 554px;height: 250px;}
	#cover #slide_show #show {display: none;}

	#welcome {
		position:absolute;
		top: 35px;
		right: 35px;
		padding: 50px 20px 20px 60px;
		width:360px;
		height:180px;
		text-align: right;
		background: transparent url(../images/bg_welcome.png) no-repeat left top;
		color: #404040;
		z-index: 60;}

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


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

	#content {min-height: 420px; /*border: 1px solid red; float: left; width: 680px;*/ }
	* html #content {height: 420px;}

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


	#page #sidebar { position:relative; float: left; width:180px; margin-left: -194px; padding:0 20px 0 0; border: 0px solid lime;}
	
	#impieghi {  height: 45px;}
	#impieghi img {display: block; float: left; width:45px; height:45px; margin-right: 10px;border: none;}
	#impieghi img.separe {width:5px;}


	/*#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; width: 850px; background: white; font-size: 90%; position: relative;}

	#contatti { width: 211px; border-right:1px solid #e3e3e3;}
	#video { width: 212px; float: left;}
	#news { width: 212px; float: left;}
	#catalogo {  width: 212px; float: left; overflow: auto; height: 100px; position: relative;}
		
	#approfondimenti { width: 212px; float: left;}
	#techisopan { width: 324px; padding-right: 100px; background: transparent url(../images/ingegnere.png) no-repeat right top; min-height: 202px; float: left;}

	#showcase h3,
	#showcase p,
	#showcase img { margin:0 0 0 10px;}

	#video a, #approfondimenti a {color: #333; text-decoration: none;}
	#video a:hover, #approfondimenti a:hover {color: #b22222;}

	 #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 { font-size:80%; background:#fff; margin-top:20px; padding:15px 35px; }
		#personal_footer p {padding: 0px !important; margin: 0px;}
		
		a#logomanni_footer { display: block; height: 50px; width: 200px; float: right; background: white url(../public/logo_manni.gif) no-repeat left center;}
		span#gbc { display: block; height: 30px; width: 150px; padding-top: 20px; float: right; background: white url(../images/gbc_official.jpg) no-repeat right center; margin-right: 20px;}

	#certificazione_ce {
		display: block;
		position: absolute;
		right: 10px;
		bottom: 10px;
		padding: 10px 60px 10px 10px;
		height: 30px;
		border:0px solid red;
		text-align: left;
		color: #0083D7 !important;
		border-right: 10px solid #0083D7;
		font-size: 1.1em;
		background: #fff url(../images/ce_home.gif) no-repeat right 3px;}
		#certificazione_ce:hover {border-right: 10px solid #009EFF; color: #009EFF; text-decoration: none;}
		
table.legenda { margin-bottom: 2em;}
table.legenda td { padding: 10px; width: 200px;}
table.legenda tr td img { display: block; margin-right: 10px; float: left;}