/*------------------------------------------------------------------
[Master Stylesheet]

Project:	ecocaselegno.com
Version:	1.0
Last change:	09-03-06  09:45
-------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none;
} 

body{
	font-family: Arial, Tahoma, Verdana, Serif;
	font-size: 13px;
	color: #000000;
}

img {border:none}  

p {line-height: 20px;}

a{color: #1680AC;}

a:hover{
	text-decoration: none;
	color: #008B1A;
}

#holder {
	width: 903px; 
	margin: 0 auto;
	height: 100%;
}

#page_extender {
	position: relative;
	float: left;
	width: 1px; 
	height: 1px;
}

#holder2 {
	position: relative;
	float: left;
	width: 902px; 
}

/* ---------- Header - start -----------*/

#header{
	display: inline;
	float: left;
	width: 902px;
	height:190px;
}

#header .logo{
	position: relative;
	float: left;
	width: 272px;
	height:190px;
}

#header .logoImg{
	display: block;
	position: absolute;
	width: 272px;
	top: 89px;
	left: 0;
}

#header .logoImg p{line-height: 1px;}

#header .logoText{
	display: block;
	position: absolute;
	top: 29px;
	left: 81px;
}

#header .logoText p{
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 0 0;
}

#header .logoText a{
	color: #000;
	text-decoration: none;
}

#header .banner{
	margin: 30px 0 0 0;
	display: inline;
	float: right;
	width: 630px;
	background: #008B1A;
	height: 160px;
}

#header .banner p{line-height: 1px;}

/* ---------- Header - end -----------*/

/* ---------- contentHolder - start -----------*/

#contentHolder{
	padding: 0 0 60px 0;
	display: inline;
	float: left;
	width: 902px;
}

#leftside{
	margin: 30px 0 0 0;
	display: inline;
	float: left;
	width: 272px;
	overflow: hidden;
}

#leftside h2{
	padding: 0 0 18px 0px;
	font-size: 14px;
	font-weight: normal;
	color: #008B1A;
	line-height: 22px;
}

#leftside .menu{
	margin: 5px 0 0 0;
	padding: 0px 0 40px 0px;
	display: inline;
	float: left;
	width: 272px;
}

#leftside .menu ul{
	list-style: none;
	margin: 0 0 0px 0;
}

#leftside .menu ul li{
	line-height: 20px;
	font-size: 15px;
	width: 188px;
}

#leftside .menu ul li a{
	display: block;
	width: 100%;
	padding: 6px 10px 6px 26px;
	color: #1680AC;
	text-decoration: none;
	background: url(images/bg_menu_ul_li.gif) 10px 12px no-repeat;
}

#leftside .menu ul li a:hover{
	color: #008B1A;
	background: #F9F6ED url(images/bg_menu_ul_li_a.gif) 10px 12px no-repeat;
}

#leftside .menu ul li.active a{
	color: #008B1A;
	background: #F9F6ED url(images/bg_menu_ul_li_a.gif) 10px 12px no-repeat;
}

#leftside .menu ul li ul{
	display: none;
}

#leftside .menu ul li.active ul{
	display: block;
	list-style: none;
	margin: 0px 0 0px 0;
}

#leftside .menu ul li.active ul li{
	padding: 4px 0 4px 21px;
	line-height: 20px;
	font-size: 13px;
}

#leftside .menu ul li.active ul li a{
	padding: 0px 0 0px 16px;
	color: #1680AC;
	text-decoration: none;
	background: none;
}

#leftside .menu ul li.active ul li a:hover{
	color: #008B1A;
	background: none;
}

#leftside .menu ul li.active ul li a{
	padding: 0px 0 0px 16px;
	color: #1680AC;
	text-decoration: none;
	background: none;
}

#leftside .menu ul li.active ul li.active a{
	color: #008B1A;
}



#leftside .gallery{
	margin: 16px 0 0 0;
	padding: 16px 0 10px 19px;
	display: inline;
	float: left;
	width: 204px;
	background: #F9F6ED;
}

#leftside .gallery p{
	line-height: 1px;
}

#leftside .gallery p img{
	margin: 0 0 20px 0;
	border: 1px solid #D6D6D6;
	padding:5px;
	background: #fff;
}

#content{
	margin: 40px 0 0 0;
	display: inline;
	float: right;
	width: 630px;
	overflow: hidden;
}

#content h1{
	padding: 0 0 12px 0px;
	font-size: 17px;
	font-weight: normal;
	color: #008B1A;
	line-height: 25px;
}

#content h2{
	padding: 0 0 8px 0px;
	font-size: 14px;
	font-weight: normal;
	color: #008B1A;
	line-height: 22px;
}

#content h3{
	padding: 0 0 4px 0px;
	font-size: 13px;
	font-weight: normal;
	color: #008B1A;
	line-height: 20px;
}

#content p{
	line-height: 20px;
	padding: 0 0 14px 1px;
	text-align: justify;
}

#content p img{
	margin: 2px 17px 10px 0;
	border: 1px solid #D6D6D6;
	padding:5px;
	background: #fff;
	float: left;
}

#content p img.right{
	margin: 2px 0px 10px 17px;
	float: right;
}

#content ul{
	list-style: none;
	margin: 0 0 20px 0;
}

#content ul li{
	padding: 0 0 3px 25px;
	line-height: 20px;
	background: url(images/bg_ul_li.gif) 13px 9px no-repeat;
}

#content table{
	margin: 0 0 25px 0;
	border-collapse: collapse;
}

#content table th{
	font-size: 14px;
	line-height: 22px;
	color: #008B1A;
	padding: 4px 0 4px 20px;
	font-weight: normal;
	text-align: left;
	background: #F9F6ED;
	border-bottom: 1px dotted #008B1A;
	border-right: 1px dotted #008B1A;
}

#content table th.norightborder{border-right: none;}

#content table td{
	font-size: 13px;
	line-height: 22px;
	padding: 6px 0 6px 20px;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px dotted #008B1A;
	border-right: 1px dotted #008B1A;
}

#content table td.norightborder{border-right: none;}

#marks{
	margin: 30px 0 0 0;
	display: inline;
	float: right;
	width: 630px;
}

#marks p{
	text-align: right;
	font-size: 12px;
	line-height: 18px;
	color: #ABABAB;
}

#marks a{font-size: 11px;}

/* ---------- contentHolder  - ends -----------*/


/* ---------- footer - start -----------*/

#footerHolder {
	display: inline;
	float: left;
	height: 55px;
	width: 100%;
}

#footerHolder2 {
	width: 903px; 
	margin: 0 auto;
}

#footer{
	margin: 0 0 0 1px;
	display: inline;
	float: left;
	width: 902px; 
	background: url(images/bg_footer.gif) 0 0 no-repeat;
}

#footer  p{
	padding: 0 0 0 0;
	font-size: 11px;
	color: #ABABAB;
	line-height: 16px;
}

#footer .footerContacts{
	padding: 20px 0px 0 0;
	display: inline;
	float: left;
	width: 700px; 
}

#footer .footerSolution{
	padding: 20px 0px 0 0;
	display: inline;
	float: right;
	width: 200px; 
	text-align: right;
}

#footer .footerSolution a.nolink{
	color: #ABABAB;
	cursor: default;
	text-decoration: none;
}

/* ---------- footer - end -----------*/

.clear{
	display: inline;
	float: left;
	width: 100%;
}