/*************************************************/
/***  HOJA DE ESTILOS DISEÑADA PARA UNA TOTAL  ***/
/***  COMPATIBILIDAD CON LOS ESTANDARES        ***/
/***  DEFINIDOS POR EL W3C www.w3c.org         ***/
/*************************************************/
/***          GPL 2004 IRONTEC S.L.            ***/
/*************************************************/
/**           http://www.irontec.com           ***/
/*************************************************/

/*************************************************/
/********** NOTAS DE DISEÑO *********************/
/*************************************************/
/******* VERDE PREBENDI: #348c26 *****************/
/******* ORO PREBENDI:   #A68C0D *****************/
/*************************************************/
H1,H2,H3 {
	margin:0px;
	padding:0px;
}

DIV#centrador {
	margin: 0px auto;
	width: 751px;
}

DIV#cabecera {	
	margin: 0px;
	width: 760px;
	background:#ccc;
	height: 105px;
	background:#348c26 url("../pics/fondo_cabecera.jpg") top right no-repeat;
	border:1px solid #348c26;
}

DIV#cabecera.cabClientes {
	background:#A68C0D url("../pics/fondo_cabecera_clientes.jpg") top right no-repeat;
	border:1px solid #A68C0D;
}

DIV#logo {
	margin:10px 0 0 10px;
	padding-top:10px;
}

DIV#contenedor {
	padding: 0;	
	width: 760px;	
	border:1px solid #348c26;
	background:transparent url("../pics/fondo_principal.jpg") top left repeat-y;
}
DIV#contenedor.conClientes {
	border:1px solid #A68C0D;
}

DIV#menusIzquierda {
	float:left;
	width:131px;
	height:406px;
	background:transparent url("../pics/fondo_menus.jpg") top left no-repeat;
}

	DIV#marco_menu_arriba {
		margin:40px 0 0 auto;
		padding:0;
		width:121px;
		height:11px;
		background:transparent url("../pics/marco_menu_arriba.gif") no-repeat;
	}

	DIV#marco_menu {
		margin:0 0 0 auto;
		padding:0;
		width:121px;
		height:auto;
		background:transparent url("../pics/fondo_marco_menu.gif") repeat-y;
	}

	DIV#marco_menu_abajo {
		margin:0 0 0 auto;
		padding:0;
		width:121px;
		height:11px;
		background:transparent url("../pics/marco_menu_abajo.gif") no-repeat;
	}

DIV#menusDerecha {
	float:right;
	width:131px;
}

	DIV#login {
		margin-top:5px;
		width:88%;
		padding:2px 6%;
		color:#fff;
		border-right:1px solid #A68C0D;
		background:#A68C0D url("../iconos/li_item_2_neg.jpg") 3px 5px no-repeat;
		text-align:right;
		font-weight:bold;
		
	}
	
	DIV#cuerpoLogin {
		width:96%;
		padding:6px 2%;
		text-align:left;
		border-bottom:2px solid #A68C0D;
		background:transparent url("../pics/fondo_caja_clientes.jpg") top right no-repeat;
	}
	
	DIV#opcionesCliente {
		color:#fff;
		background:#A68C0D;
		width:88%;
		padding:2px 6%;
		text-align:right;
		font-weight:bold;
	}
	
	DIV#noticias {
		color:#fff;
		background:#348c26 url("../iconos/li_item_neg.jpg") 3px 5px no-repeat;
		border-right:1px solid #348c26;
		width:88%;
		margin-top:10px;
		padding:2px 6%;
		text-align:right;
		font-weight:bold;
	}
	
	DIV#cuerpoNoticias {
		width:96%;
		padding:6px 2%;
		text-align:left;
		border-bottom:2px solid #348c26;
		background:transparent url("../pics/fondo_caja_noticias.jpg") top right no-repeat;
	}

DIV#centro {
	margin-left:136px;
	margin-right:136px;
	padding-top:1px;
}

DIV#clear {
	clear:both;
}

DIV#pie {
	text-align:center;
	padding:5px;
}

DIV#leyendaDiagrama {
	width:150px;
	float:left;
	overflow:auto;
	margin:0;
	padding:0;
}
DIV#contenedorDiagrama {
	width:330px;
	margin:0;
	overflow:auto;
}

.bloque {
	border:1px solid #000;
	padding:5px;
}