/* Estil particular */ 

.error {
		font-family: Arial Unicode MS, arial, verdana, sans-serif; font-size:12px; color:red;
	}


.B2B_Dada_Llistat {
		font-family: Arial Unicode MS, arial, verdana, sans-serif; font-size:9px; color:black;
	}

.Login {
		font-family: arial, verdana, sans-serif; font-size:11px; color:black;
	}

.Promo_petit {
		font-family: arial, Arial Unicode MS, verdana, sans-serif; font-size:8pt; color:black;
	}

.B2B_Dada_Llistat_Link:link {
font-family: Arial Unicode MS, arial, verdana, Helvetica,sans-serif;
font-size: 9px;
font-weight: normal;
color: #000000;
text-decoration: none;
}

.B2B_Dada_Llistat_Link:hover {
font-family: Arial Unicode MS, arial, verdana, Helvetica,sans-serif;
font-size: 9px;
font-weight: normal;
color: #0099FF;
text-decoration: underline;
}

.B2B_Dada_Llistat_Link:visited {
font-family: Arial Unicode MS, arial, verdana, Helvetica,sans-serif;
font-size: 9px;
font-weight: normal;
}


.Promo_very_big {
		font-family: arial, Arial Unicode MS, verdana, sans-serif; font-size:18pt; color:black;
	}

/** Estils de pàgina **/
html, body {
	height:100%;
}

body { 
	padding:0px; margin:0px; background-color:white;
	width:770px; display:block;
}

body:after{
	content: "."; display: block; line-height: 1px; font-size: 1px;
	}

	td, div, input, select, textarea {
		font-family: arial, verdana, sans-serif; font-size:12px; color:black;
	}
	
	div {
		position:relative;
	}
	
	a.mail {
		text-align:center; display:block; font-size:12px; margin:0px;
		margin-bottom:1px; color: rgb(255,99,0); text-decoration:none;
	}
	
	b, strong {
		font-weight:bold;
	}
	
	
	
/** Estructura **/
	
	div#fondo-menu {
		position:absolute; top:0px; left:0px; height:100%;
		background-color:rgb(247,247,247); z-index:0; width:160px;
	}
	
	/** Cabecera **/
	div#cabecera {
		width:770px; height:45px; z-index:6000;
		background: url('../img/fondo_cabecera.jpg') no-repeat top left white;
	}
		
		div#cabecera img#sitio {
			position:absolute; top:16px; left:6px; border:0px;
		}
		
		div#cabecera img#logo {
			position:absolute; top:9px; right:0px; border:0px;
		}
		
	/** Cabecera HOME**/
	div#cabecerah {
		width:770px; height:42px; z-index:6000;
	}
		
		div#cabecerah img#sitio {
			position:absolute; top:13px; left:6px; border:0px;
		}
		
		div#cabecerah img#logo {
			position:absolute; top:9px; right:0px; border:0px;
		}
	
	/** Titulo de seccion **/
	
	div#tit-seccion {
		width:770px; height:20px; padding:0px; z-index:6000;
	}
	
		div.distribucion {
			background-color:rgb(150,80,150);
		}
		
		div.CFO {
			background-color:rgb(58,153,53);
		}
		
		div.informatica {
			background-color:rgb(33,33,107);
		}
		
		div.ceo {
			background-color:rgb(0,150,195);
		}

		div.cio {
			background-color:rgb(72,189,144);
		}

		div.gabinete {
			background-color:rgb(255,150,67);
		}

		div.auditoria {
			background-color:rgb(1,180,196);
		}

		div.marketing {
			background-color:rgb(205,0,0);
		}

		div.planificacion {
			background-color:rgb(255,150,67);
		}

		div.spc {
			background-color:rgb(255,150,67);
		}
		
		div.salud-accidentes {
			background-color:rgb(255,150,67);
		}
		
		div.servicios {
			background-color:rgb(0,153,153);
		}

		div.vida {
			background-color:rgb(132,142,169);
		}
		
		div.suscripcion {
			background-color:rgb(255,150,67);
		}
		
		div.rrhh {
			background-color:rgb(90,135,190);
		}
		
		div.rincon {
			background-color:rgb(187,125,85);
		}
		
		div.buscador {
			background-color:rgb(153,204,102);
		}

		div.ig {
			background-color:rgb(255,150,67);
		}

		div.consulta {
			background-color:rgb(153,204,102);
		}
		
		div#tit-seccion img.logo {
			position:relative; border:0px; margin:3px 0px 0px 3px; 
		}
	
	
	
	/** Track de navegación y fecha**/
	div#track {
		width:770px; height:16px; background-color:rgb(243,243,243); z-index:6000;
		border-top:1px solid rgb(229,229,229); border-bottom: 1px solid rgb(150,150,150);
	}
		div#track div {
			font-size:11px;
		}
	
		div#track div#raiz {
			float:left; margin:1px 0px 0px 7px; padding:0px; color: rgb(96,96,96);
		}
		
		div#track div#track-infoac {
			float:left; margin:1px 0px 0px 16px; padding-left:10px; color:rgb(255,102,0);
			background:url('../img/flech_orange.gif') no-repeat 0px 3px;
		}
		div#track div#track-info {
			float:left; margin:1px 0px 0px 16px; padding-left:10px; 
			background:url('../img/flecha_track.gif') no-repeat 0px 3px; 
		}
		
		div#track div#fecha {
			float:right; margin:1px 0px 0px 0px; padding-right:00px; text-align:right;
		}
		
		div#track a {
			color: rgb(96,96,96); text-decoration:none;
		}
		
		div#track div#track-infoac a {
			color: rgb(255,102,0); text-decoration:none;
		}
		
	
	
	/** Menú lateral **/
	div#menu {
		width:160px; background-color:transparent; z-index:5000; float:left; top:-81px; height:100px;
	}
		div#menu td a {
			display:block; position:relative; margin-left:1px;
		}
		
		div#menu td, div#menu div {
			font-size:11px;
		}
		div#menu a, div#menu a:hover, div#menu a:visited {
			text-decoration:none; color:#000000
		}
	
	
	/** Contenido **/
	/*div#contenido {
		
		width:594px; margin-left:15px; float:left; z-index:1;
		
	}*/
	
	div#contenido {
		
		width:594px; margin-left:15px; float:left;
		
	}
	

	div#contenido-sinmenu {
		width:750px; z-index:1; margin-left:15px;
	}
	
	
/** Bloques de contenido (simpre dentro de la capa #contenido ) **/	
	
	/* Títulos */
	 h1,  h2,  h3 {
		text-align:left; display:block; padding-bottom:2px;
		margin:0px; margin-bottom:2px; width:auto; 
	}
	
	 h1,  h2 {
		border-bottom:1px solid rgb(150,150,150);
	}
	
	 h1 {
		font-size:15px;
	}
	
	 h2 {
		font-size:14px; margin:10px 0px;
	}
	
	 h3 {
		font-size:12px; margin:10px 0px;
	}
	
	h1.distribucion,  h2.distribucion {
		 border-bottom:1px solid rgb(150,80,150); 
	}
	
	 h1.ceo,  h2.ceo {
		 border-bottom:1px solid rgb(0,150,195); 
	}
	
	 h1.CFO,  h2.CFO {
		 border-bottom:1px solid rgb(58,153,53); 
	}
		
	 h1.informatica,  h2.informatica {
		 border-bottom:1px solid rgb(33,33,107); 
	}

	h1.cio,  h2.cio {
		 border-bottom:1px solid rgb(72,189,144); 
	}

	h1.gabinete,  h2.gabinete {
		 border-bottom:1px solid rgb(255,150,67);
	}

	h1.auditoria,  h2.auditoria {
		 border-bottom:1px solid rgb(1,180,196);
	}

	h1.planificacion,  h2.planificacion {
		 border-bottom:1px solid rgb(255,150,67);
	}

	h1.spc,  h2.spc {
		 border-bottom:1px solid rgb(255,150,67);
	}
	
	h1.salud-accidentes,  h2.salud-accidentes {
		 border-bottom:1px solid rgb(239,136,55);
	}

	h1.vida,  h2.vida {
		 border-bottom:1px solid rgb(132,142,169);
	}
	
	h1.suscripcion,  h2.suscripcion {
		  border-bottom:1px solid rgb(255,148,66);
	}
	
	h1.rrhh,  h2.rrhh {
		  border-bottom:1px solid rgb(90,135,190);
	}
	
	h1.servicios,  h2.servicios {
		  border-bottom:1px solid rgb(0,153,153);
	}
	h1.ig,  h2.ig {
		  border-bottom:1px solid rgb(0,0,0);
	}
	
	/* Links */
	
	 a {
		text-decoration:none; color: #000099;
		}
	 a:hover {
			color:#FF6600;
		}
		
	 a:active {
			color: #0099FF;
		}
		
	
	/* Imágenes */
		
		div#contenido img {
			margin:0px; border:0px;
		}
		
		div#contenido img.derecha {
			position:relative; float:right; margin:5px;
		}
		
		div#contenido img.izquierda {
			position:relative; float:left; margin:5px; margin-right:25px;
		}
		
		div#contenido img#marca {
			margin:0px 0px 12px 0px; float:none;
		}
		
		div#contenido h1 img {
		 	margin:0px;
		 }
	
	/* Director departamento */
	div#contenido td {
		vertical-align:top;
	}
	
	div#contenido div#director-departamento {
		width:154px; background-color:white; margin-left:10px;
		border-bottom:1px solid #ff6600; vertical-align:top;
	}	
	
	div#contenido div#director-departamento:after{
		content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;
	}
		
		div#contenido div#director-departamento div#titulo {
			width:auto; color:white; background-color:#FF6300; margin-top:7px;
			text-align:center; font-size:10px;
		}	
		
		div#contenido div#director-departamento div#foto {
			width:74px; float:left; margin-top:3px; padding-bottom:2px; color:white;
		}
		
		div#contenido div#director-departamento div#foto img {
			margin:0px;
		}
		
		div#contenido div#director-departamento div#email {
			float:right; width:62px; top:20px; text-align:center; margin:5px;
		}
		

	/* Listas */
		
		ul {
			list-style-type:round;
		}
		
			li {
				margin-bottom:7px;
			}
	
	
	/* Tabla de Listados */
	
		table.listados {
			position:relative; border-spacing:0px; border-collapse:collapse;
		}
			table.listados td.titulo {
				padding:1px 4px; text-align:left; font-weight:bold;
				border-bottom:2px solid black;
			}
			
			table.listados th {
				padding:1px 4px; text-align:left; font-weight:bold;
				border-bottom:2px solid gray;
			}
			
			table.listados td {
				padding:1px 4px; text-align:left; font-weight:normal;
				border-bottom:1px solid gray;
			}
	
	
	/* Formularios */
		div#contenido table.bloc-form {
			border-spacing:0px; border-collapse:collapse;
			width:100%; margin-bottom:15px;
		}	
			div#contenido table.bloc-form th {
				text-align:left; font-size:12px; font-weight:bold;
				padding:2px 10px; background-color:#cbcbcb;
			}	
			
			div#contenido table.bloc-form td.ques {
				text-align:right; padding:2px 10px;
			}
			
			div#contenido table.bloc-form td.res {
				text-align:left	; padding:2px 10px;
			}
	
	/* Listados */
	
		div#contenido table.bloc-llistes {
			border-spacing:0px; border-collapse:collapse;
			width:100%; margin-bottom:15px;
		}
		
			div#contenido table.bloc-llistes th {
				text-align:left; font-size:12px; font-weight:bold;
				padding:2px 10px; background-color:#cbcbcb;
			}	
			
			div#contenido table.bloc-llistes td {
				text-align:left; padding:2px 10px;
			}
			
	/* Botones */
	
		div#contenido input.boton {
			position:relative; display:block; float:right;
		}
	
	
	/* Específicos de algun capítulo */
	
	div#contenido .zonas {width: 190px; float:left; padding:0px 0px 10px 0px;}
	div#contenido .deleg {width: 395px; float:left; padding:0px 10px 10px 0px}
	div#contador {
		position:absolute; left:11px; top:420px;  z-index:10; padding:3px;
		background-color:rgb(247,247,247); font-size:10px;
	}
	
	
	/* Home */
	
	#zero a.z, a.z:hover, a.z:visited {text-decoration:none; color:white; font-size:9px}
	a.nueve, a.nueve:visited, a.nueve:hover {font-size:11px}
	a.nueve:hover {background-color:#ff6600}