/* CSS Document */

html {font-size: 100%;}

body{
	background: #ffffff url("auxiliar/bg_facchin3.jpg") no-repeat fixed center;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top:0;
	margin-bottom:0;
}
p	{color:#333333; font-size: 13px; text-align: justify; margin-top:5px;}
a:link				{color:#666666; text-decoration:none}
a:visited			{color:#666666; text-decoration:none}
a:focus, a:hover 	{color:#999999; text-decoration:none}
a:active			{color:#666666; text-decoration:none}
h1	{font-size:13px;} /*logo*/
h2	{font-size: 14px; color:#ffffff; text-transform:uppercase;} /*botones*/
h3	{font-size: 15px; color:#ffffff; text-transform:uppercase; text-align:right; padding-right:10px; padding-top:0;} /* títulos */
h4	{font-size: 12px; color:#ffffff;} /*pie*/
h4 a:link, a:hover, a:active	{color:#ffffff; text-decoration:none;}
h4 a:visited {color: #ffffff; text-decoration:none;}
.links a:link, a:focus, a:active	{color:#003366; text-decoration:none;}
.links a:hover	{color:#003366; text-decoration:none; font-weight:bold;}
h5 	{font-size: 12px; color:#666666; margin-right:20px; text-align:right; margin-top:0;} /*links secundarios */
h5 a:link, a:hover, a:active {color:#006dba; text-decoration: none;}
h6	{font-size: 15px; color:#000000; text-transform:none; text-align:left; margin:15px 0 8px 0;} /* títulos para servicios */

#wrapper{
	background-color:#ffffff;
	width: 900px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	}
/* ------------------------------------- SUPERIOR */

#sup	{
	background-color:#ffffff;
	width: 880px;
	height:60px;
	padding:5px 20px 5px 0;
	position: relative;
	}
/* ------------------------------------- CABEZAL */

#header	{
	width: 850px;
	height: 370px;
	margin:0;
	background-color:#ffffff;
	position:relative;
	margin: 0 auto;
	}
h1		{
		height: 126px;
		width: 332px;
		position: absolute;
		top:-75px;
		left: 15px;
		overflow: hidden;
		background: url("auxiliar/logo-bio.jpg") no-repeat;
		z-index:999;
	}

h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
		display: block;
		width:332px;
		height:126px;
		text-indent: -100000px;
	}
#cab	{
		height:350px;
		width:850px;
		margin:0;
		position:absolute;
		z-index:0;
}

/* ---------------------------------------- CONTENIDO */

#content	{
		width:900px;
		float:left;
		position:relative;
		}
#cuadros	{
		width:185px;
		float: right;
		position: relative;
		margin:20px;
		text-align:right;
		}
#left_column	{
		width: 220px;
		float: left;
		padding-left: 20px;
		position: relative;
		}

#right_column	{
		width: 620px;
		min-height:182px;
		float: right;
		position: relative;
		border-left: 2px solid #999999;
		padding:0 20px 5px 10px;
		text-align:justify;
		}
#clear	{clear:both;}
#title	{width: 600px;
		height:32px;
		padding:10px;
		margin-top:0;
		margin-bottom:15px;
		background: url(auxiliar/title-cat.gif) no-repeat top;
		}
.tit_ene {background:url(auxiliar/nav_energia.jpg) no-repeat;
		height:17px;}
.tit_ser {background:url(auxiliar/barra_servicios.gif) no-repeat;}
.tit_pro {background:url(auxiliar/barra_productos.gif) no-repeat;}
.tit_emp {background:url(auxiliar/barra_empresa.gif) no-repeat;}
.tit_nov {background:url(auxiliar/barra_novedades.gif) no-repeat;}
.tit_enl {background:url(auxiliar/barra_enlaces.gif) no-repeat;}
.tit_con {background:url(auxiliar/barra_contacto.gif) no-repeat;}

/* ---------------------------------------- BARRA NAV*/

.nav	{
	width: 210px;
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0;
}
	.nav ul {
		margin:0;
		padding-left:10px;
		padding-bottom:5px;
		list-style: none;
	}

	.nav li {
		margin: 1px 0;
		text-transform:uppercase;
		text-align:left;
		background:url(auxiliar/b_nav.jpg) no-repeat;
	}
	
	.nav a {
		float:left;
		display:block;
		padding: 6px 10px 10px 28px;
		text-decoration:none;
		
	}
	/* Commented Backslash Hack
	hides rule from IE5-Mac */
	.nav a {float:none;}
	/* End IE5-Mac hack */
	.nav a:link	{color:#FFFFFF;}
	.nav a:hover {color:#cbc8c8;}
	.nav a:focus {color:#cbc8c8;}
	.nav a:visited	{color:#FFFFFF;}
	
.ind {background:url(auxiliar/nav_home.jpg) no-repeat 6px 5px;}
.ser {background:url(auxiliar/nav_energia.jpg) no-repeat 6px 5px;}
.pro {background:url(auxiliar/nav_servicios.jpg) no-repeat 6px 5px;}
.ene {background:url(auxiliar/nav_productos.jpg) no-repeat 6px 5px;}
.emp {background:url(auxiliar/nav_empresa.jpg) no-repeat 6px 5px;}
.nov {background:url(auxiliar/nav_novedades.jpg) no-repeat 6px 5px;}
.enl {background:url(auxiliar/nav_enlaces.jpg) no-repeat 6px 5px;}
.con {background:url(auxiliar/nav_contacto.jpg) no-repeat 6px 5px;}
.faq {background:url(auxiliar/nav_faq.jpg) no-repeat 6px 5px;}

/* ---------------------------------------- FORMULARIO */

#form	{
	width:600px;
	background: #ebebec;
	border-bottom: 1px dotted #333333;
	padding:10px;
}

/* ---------------------------------------- PIE */

#foot	{
	width:900px;
	height:51px;
	text-align:center;
	margin:0 auto;
	padding-top:8px;
	background: url("auxiliar/foot.gif") repeat;
	}