body{
	background-color:#cccccc;
	paddin:0 0 0 0;
	margin:0 0 0 0;
}


#branding{
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color: #00008e;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	margin: 0px;
	height:130px;
}

#branding h1{
	font-size: 2em;
	padding: 15px 15px 15px 15px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}

#branding h1 a{
	text-decoration:none;
	font-weight: bold;
	color: #00008e;
}

#branding p{
	position:absolute;
	top:2em;
	left:15em;
	font-size: 1em;
	font-style:italic;
	color:#666666;
}

#nav_main {
	position:relative;
	background-color:#FFFFFF;
	top:0px;
	list-style:none;
	height: 70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	maring:0;
}
#nav_main #nav_empresa{
	position: absolute;
	top: 20px;
	left:35px;
}
#nav_main #nav_edificios{
position: absolute;
	top: 20px;
	left:150px;
}
#nav_main #nav_solares{
position: absolute;
	top: 20px;
	left:300px;
}
#nav_main #nav_inversor{
position: absolute;
	top: 20px;
	left:450px;
}
#nav_main #nav_contactar{
	position: absolute;
	top: 20px;
	left:525px;
}
#nav_empresa a,
#nav_edificios a,
#nav_solares a,
#nav_inversor a,
#nav_contactar a
 {
	display:block;
	width: 440px;
	height: 100px;
	text-decoration:none;
	color:#666666;
	font-weight: bold;

}

#nav_empresa a:hover,
#nav_edificios a:hover,
#nav_solares a:hover,
#nav_inversor a:hover,
#nav_contactar a:hover
 {
	display:block;
	width: 440px;
	height: 100px;
	text-decoration:none;
	color: #00008e;
	font-weight: bold;
}

/* layout: Floats 2 columnes i footer amb clear */
#content
{
	position:relative;
	width:1024px;
	background-color:#FFFFFF;
}
#content_main
{
	position:relative;
	float:right;
	width:450px;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:0.3em;
	color:#666666;
}
#content_main h2{
font-family:Arial, Helvetica, sans-serif;
font-style:0.5em;
color: #00008e;

}
#content_sub
{
	position:relative;
	float:left;
	width:490px;
	padding: 1em 0 0 2em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:0.3em;
	color:#666666;
	line-height:2em;
}
#content_sub span{
	color:#00008e;
}
#content_sub a{
	color:#00008e;
	text-decoration:none;
}
#content_sub a:hover{
	color:#00008e;
	text-decoration:underline;
}
#imatge{
border: 6px;
border-color:#cccccc;
outline:1px #000;
}
#site_info
{
	position:relative;
	display:block;
	clear:both;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #00008e;
	
}
#site_info p{
	position:relative;
	width:490px;
	left:30%;
	padding: 3em 0 2em 2em;
}
#einnova{
	position:relative;
	float:right;
	width:350px;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color:#666666;
}
#einnova a{
	color:#00008e;
	text-decoration:none;
}
#einnova a:hover{
	color:#00008e;
	text-decoration:underline;
}
#einnova p {
padding: 1em 0 0 0;
}

#einnova img{
 border:0px;
 color:#666666;
 font-size:0.5em;
 padding-left:15px;
}
	  
#wrapper{
background-color:#fff;
margin:1em 1em 1em 1em;
}
#home  #content_sub{
left:20%;
height:390px;

}
#home #content_main {
display:none;
}

#content_main #link a{
color:#00008e;
 font-size:1em;
 text-decoration:none;
}
#content_main #link a:hover{
color:#00008e;
 font-size:1em;
 text-decoration:underline;
}
.active a{
	color:#00008e !important;
}

#content_ok{
left:35%;
padding:60px 0 0 0;
position:relative;
	width:500px;
	height:200px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-style:0.3em;
	color:#666666;
	line-height:2em;
}
#content_ok span{
	color:#00008e;
	font-weight:bold;
}