/* CSS Document */

body {
	color:#22201a;
	margin-top:30px;
	scrolling:auto;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
	background:#fff url(../img/fnd-generico.gif) repeat-x top;
}

a span {display:none;}

.CajasClientes {font-size:10px; border:solid 1px #000066;}

/* Copia de CajasClientes por link's dinámicos*/
.caja{font-size:10px; border:solid 1px #000066;} 

.CajasContac {font-size:10px; color:#22201a; border:solid 1px #cbdee5; background-color:#f7fbfc;}

/* Copia de CajasClientes por link's dinámicos*/
#CajasContac  .caja{font-size:10px; color:#22201a; border:solid 1px #cbdee5; background-color:#f7fbfc;} 

#ColumnaCajasPerfil #CajasContac  .caja{width:235px;} 

/*Afegit per compatibilitat amb Formularis dinŕmics*/
#FormContacto .caja{font-size:10px; color:#22201a; border:solid 1px #cbdee5; background-color:#f7fbfc;}

.CajasContacError{font-size:10px; color:#22201a; border:solid 1px #cbdee5; background-color:#7FA8BC;}

/* Estilos para Titulos */

h2 {font-size:14px; color:#516d87; margin:0px;}

h3 {font-size:12px; color:#516d87; margin:0px;}
	h3 a {font-size:12px; color:#516d87; margin:0px;}
	h3 a:hover {font-size:12px; color:#FF9900; margin:0px; text-decoration:none;}

h4 {font-size: 10px; color:#22201a; margin:7px;}
	h4 a {color:#22201a;}
	h4 a:hover {color:#516d87; text-decoration:none;}

h5 {font-size:10px; color:#516d87; margin:0px;}
	h5 a {color:#516d87;}
	h5 a:hover {color:#CC6600; text-decoration:none;}
	
	
/* Estilos para Imagenes */

img {border:none;}
img.dot {float:left; margin-top:1px; margin-right:3px;}
img.dotNoti {float: left; margin-top:-3px; margin-right:5px;}
img.cab {float:left; border:solid #87adc0 1px; margin-bottom:10px;}
img.left {float:left; border:solid #87adc0 1px; margin:4px 18px 10px 0px;}
img.ficha {border: solid 1px #22201a;;}
img.bandera {float:left; margin:-3px 5px 0px 0px;}

/* FIN */


p {text-align:justify; line-height:15px;}

p.obligatorio {font-weight:bold; font-size:9px; color:#FF9900; margin:15px 0px 0px 0px;}

/* Estilos para boton validar */

#SubmitValidar {
	font-size:10px;
	color:#2b2b2b;
	height:20px;
	width:70px;
	background:url(../img/boton-generico70.gif) no-repeat;
	background-position:0 2px;
	cursor:pointer;
	cursor:hand;
	border:none;
	margin:5px 0px 0px 105px;
}

#SubmitValidar.hover,
#SubmitValidar:hover {
    background:url(../img/boton-generico70over.gif) no-repeat;
	background-position:0 2px;
}

/* Copia de Submit Validar para botón dinámico*/
.boton {
	font-size:10px;
	color:#2b2b2b;
	height:20px;
	width:70px;
	background:url(../img/boton-generico70.gif) no-repeat;
	background-position:0 2px;
	cursor:pointer;
	cursor:hand;
	border:none;
	margin:5px 0px 0px 5px;
}

.boton.hover,
.boton:hover {
/*background:url(../img/btn-validar-over.gif) no-repeat;*/
background:url(../img/boton-generico70over.gif) no-repeat;
background-position:0 2px;
}


/* FIN */
.botonBackZPR {
	display:block;
	color:Black;
	font-size:10px;
	font-weight:normal;
	height:18px;
	width:130px;
	background:url(../img/boton-generico130.gif) no-repeat;
	background-position:1px 2px;
	margin:5px 0px 0px 5px;
	padding-top:4px;
	text-decoration:none;
}
.botonBackZPR.hover, .botonBackZPR:hover {
color: #0099FF;
background:url(../img/boton-generico130over.gif) no-repeat;
background-position:1px 2px;
}
.botonBackZPR a:link, .botonBackZPR a:visited {
color:Black;
text-decoration:none;
}

.titBloque {
color:White;
font-size:12px;
font-weight:bold;
margin-bottom:8px;
text-indent:2px;
}
.datosLogin {
text-align:center;
margin-bottom:15px;
font-weight:normal;
font-size:11px;
}
.datosLoginBoton {
width:100%;
text-align:center;
padding-left:30px;
padding-bottom:10px;
}



/* Estilos para boton enviar */

#SubmitEnviar {
	font-size:10px;
	color:#2b2b2b;
	height:20px;
	width:70px;
	background:url(../img/boton-generico70.gif) no-repeat;
	background-position:0 2px;
	cursor:pointer;
	border:none;
	margin:20px 0px 20px 0;
}

#SubmitEnviar.hover,
#SubmitEnviar:hover {
    background:url(../img/boton-generico70over.gif) no-repeat;
	background-position:0 2px;
}

/* FIN */


/* Estilos para menu superior */
		
#MnuSup {background:url(img/mnu-sup0.gif) repeat-x; z-index:1; position:absolute; float: left; width: 711px; height: 30px; left:50%; margin-left:-356px;}

	#MnuSupLink { float:right; margin: 0px; padding: 0px; height: 30px; font-weight: bold; font-size: 10px;}
	
		#MnuSupLink ul {margin: 0px; padding: 0px; list-style: none;}
		#MnuSupLink li {display: block; float: left;}
		#MnuSupLink a {display: block; height: 31px;}
		
	/* Estilos para activar la seccion del menu superior que corresponde */	
		
	#SecEmpresa #MnuSupLink #empresa a {width: 62px; background-image: url(img/mnu-sup2.gif); background-position:bottom;}
	#SecNoti #MnuSupLink #noticias a {width: 55px; background-image: url(img/mnu-sup3.gif); background-position:bottom;}
	#SecDonde #MnuSupLink #donde a {width: 84px; background-image: url(img/mnu-sup4.gif); background-position:bottom;}
	#SecSolicitud #MnuSupLink #solicitud a {width: 120px; background-image: url(img/mnu-sup5.gif); background-position:bottom;}
	#SecContac #MnuSupLink #contactar a {width: 75px; background-image: url(img/mnu-sup6.gif); background-position:bottom;}
	
	/* FIN */	
		
	#MnuSupLink #AntesMnu {width: 225px; background-image: url(img/mnu-sup0.gif);}
	
	#MnuSupLink #home a {width: 51px; background-image: url(img/mnu-sup1.gif); background-position:top;}
	#MnuSupLink #home a:hover {width: 51px; background-image: url(img/mnu-sup1.gif); background-position:bottom;}
	
	#MnuSupLink #empresa a {width: 62px; background-image: url(img/mnu-sup2.gif); background-position:top;}
	#MnuSupLink #empresa a:hover {width: 62px; background-image: url(img/mnu-sup2.gif); background-position:bottom;}
	
	#MnuSupLink #noticias a {width: 55px; background-image: url(img/mnu-sup3.gif); background-position:top;}
	#MnuSupLink #noticias a:hover {width: 55px; background-image: url(img/mnu-sup3.gif); background-position:bottom;}
	
	#MnuSupLink #donde a {width: 84px; background-image: url(img/mnu-sup4.gif); background-position:top;}
	#MnuSupLink #donde a:hover {width: 84px; background-image: url(img/mnu-sup4.gif); background-position:bottom;}
	
	#MnuSupLink #ZPR a {width: 110px; background-image: url(img/mnu-sup7.gif); background-position:top;}
	#MnuSupLink #ZPR a:hover {width: 110px; background-image: url(img/mnu-sup7.gif); background-position:bottom;}

	#MnuSupLink #solicitud a {width: 120px; background-image: url(img/mnu-sup5.gif); background-position:top;}
	#MnuSupLink #solicitud a:hover {width: 120px; background-image: url(img/mnu-sup5.gif); background-position:bottom;}
	
	#MnuSupLink #contactar a {width: 75px; background-image: url(img/mnu-sup6.gif); background-position:top;}
	#MnuSupLink #contactar a:hover {width: 75px; background-image: url(img/mnu-sup6.gif); background-position:bottom;}
	
	#MnuSupLink #DespuesMnu {width: 14px; background-image: url(img/mnu-sup7.gif);}

/* FIN */


#Cuerpo {
	z-index: 1;
	position: absolute;
	float: left;
	width: 711px;
	top: 60px;
	left:50%;
	margin-left:-355px;
	background: url(../img/sombra-cuerpo.gif) repeat-y top;
}
#CuerpoInter {
	z-index: 1;
	position: absolute;
	float: left;
	width: 711px;
	top: 60px;
	left:50%;
	margin-left:-355px;
	background: url(../img/sombra-cuerpo2.gif) repeat-y top;
}
	#SombraUp {
		z-index: 2;	
		position: absolute;
		top: 8px;
		left: 0px; 
		width: 711px;
		height: 284px;
		background: url(../img/sombra-cuerpo-up.gif) no-repeat;
}	
	#SeparadorUp {
		z-index:3;
		position:relative;
		width:711px;
		height:8px;
		top:0px;
		margin:0px;
		padding:0px;
    	background:url(../img/separador-up.gif) no-repeat;
}
	#ColumnaIzq {
		z-index:3;
		position:relative;
		width:457px;
		float:left;	
		left:14px;
	}
		#Cabecera {
			position:relative;
			float:left;
			width:457px;
			height:229px;
			background:url(img/cabecera.jpg) no-repeat;
			background-color:#cbdee5;
		}
		
		/* Estilos para seleccionar el idioma */
		
		#Idiomas {width: 78px; float: left;  margin: 160px 0px 0px 14px; padding: 0px 0px 0px 0px; font-weight: bold; font-size: 10px;}
	
		#Idiomas ul {margin: 0px; padding: 0px; list-style: none;}
		#Idiomas li {margin: 3px; float: right;}
		#Idiomas a {float: right; height: 14px;}
	
			#Idiomas #Castellano a {width: 75px; background-image: url(../img/castellano.gif);}
			#Idiomas #Castellano a:hover {width: 75px; background-image: url(../img/castellano-over.gif);}
			
			#Idiomas #Deutsch a {width: 75px; background-image: url(../img/deutsch.gif);}
			#Idiomas #Deutsch a:hover {width: 75px; background-image: url(../img/deutsch-over.gif);}
		
			#Idiomas #Italiano a {width: 75px; background-image: url(../img/italiano.gif);}
			#Idiomas #Italiano a:hover {width: 75px; background-image: url(../img/italiano-over.gif);}	
		
				#Idiomas #English a {width: 75px; background-image: url(../img/english.gif);}
			#Idiomas #English a:hover {width: 75px; background-image: url(../img/english-over.gif);}	
			
				
		#sombra {
			position: relative;
			margin: 0px 0px 0px 14px;
			float:left;
	    	clear: both;
			width: 169px;
			height: 11px;
    		background: url(../img/sombra-logo.gif) no-repeat;
		}
		#TituloFamilias {margin: 0px; padding: 0px;}
		#TituloFamiliasInter {margin: 4px 0px 0px 0px; padding: 0px;}
		
		#MnuIntro {
			z-index:3;
			position:relative;
			margin: 0px;
			float:left;
			clear:left;
			width:457px;
		}
			#MnuProductos {
				font-size:10px;
				position:relative;
				float:left;
				margin:0;
				width:185px;		
			}
			
			#MnuProductos a{display:block; text-decoration:none; color:#333333;}
			#MnuProductos a:hover{display:block; text-decoration:none; color:#feac01;}
			
			#MnuProductos ul {margin:0px 0px 0px 30px; padding:0px 0px 0px 0px;}
				
			#MnuProductos li {margin:5px 0px 0px 0px; list-style-image:url(../img/punto-lista.gif);}
			
			
			
			#MenuProductosList {position:relative; float:left; margin:0px; padding-left:18px; width:165px;}
			
			/* Estilos para activar el menu desplegable por cada una de las secciones */	
			
			#MenuDesplegableRojo {display: none;}
			#MenuDesplegableRojo a:hover {color: #FF0000;}
			
				#MenuDesplegadoRojo {display: block;}
				#MenuDesplegadoRojo a:hover {color: #FF0000;}
				
				.txtrojo{ font-weight: bold; color: #FF0000;}
			
			#MenuDesplegableVerde {display: none;}
			#MenuDesplegableVerde a:hover {color: #009900;}
			
			#MenuDesplegablePurpura {display: none;}
			#MenuDesplegablePurpura a:hover {color: #3366CC;}
	
			#MenuDesplegableGris {display: none;}
			#MenuDesplegableGris a:hover {color: #999999;}
			
			#MenuDesplegableNaranja {display: none;}
			#MenuDesplegableNaranja a:hover {color: #CC6600;}			
			
			#MenuDesplegableNegro {display: none;}
			#MenuDesplegableNegro a:hover {color: #000000;}
			
			/* FIN */
			
						
			/* Estilos para activar el menu desplegable por cada una de las secciones de USO */	
			
			#MenuDesplegableUso1 {display: none;}
			#MenuDesplegableUso1 a:hover {color: #789daf;}
			
				#MenuDesplegadoUso1 {display: block;}
				#MenuDesplegadoUso1 a:hover {color: #789daf;}
				
				.txtUso{font-weight: bold; color: #789daf;}
			
			#MenuDesplegableUso2 {display: none;}
			#MenuDesplegableUso2 a:hover {color: #789daf;}
			
			/* FIN */


			#TituloUsos {
				float: left;
				width: 183px;
				margin: 10px 0px 0px 5px;;
			}
			#Intro {
				background: url(../img/img-intro.jpg) no-repeat top;
				padding-top: 60px;
				position: relative;
				float: left;				
				width: 272px;
			}
	#ColumnaDerch {
		z-index: 3;
		position: relative;
		width: 214px;
		float: left;
		left: 24px;
	}
		#CajaClientes {
			z-index: 3;
			position: relative;
			width: 214px;
			/*height: 130px;*/
			top: 0px;
			left: 0px;
			margin: 0px;
    		/*background: url(../img/fnd-caja-clientes.gif) repeat-x top;*/
			background:url(../img/fnd-caja-news.gif) repeat-x;
			padding-top:10px;
			padding-bottom:10px;
		}
		
		.formAccesoHome .titulo {
		margin-bottom:15px;
		}
			#ContCajaClientes {
				font-size: 12px;
				font-weight: bold;
				padding-left: 8px;
				margin: 0px;
				color: #ffffff;
			}
/*			#ContCajaClientes a{
				font: normal 10px verdana, arial, helvetica, sans-serif;
				text-decoration: none;
				margin: 0px;
			}
			#ContCajaClientes a:hover{
				color: #0099FF;
				text-decoration: underline;
				color:White;
			}*/
			#ContCajaClientes ul {
				font-size: 10px;
				line-height: 24px;
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
			.enlacesLogin { margin-bottom:4px; }
			.enlacesLogin a:link, .enlacesLogin a:visited { font-size:10px;font-weight:normal;color:White; }
			.enlacesLogin a:hover { font-size:10px;font-weight:normal;color:White;text-decoration:none; }
			
		#Blanco {width: 215px; height:8px; background-color:#FFFFFF;}	
			
		#CajaNews {
			z-index: 3;
			position: relative;
			width: 214px;
			height: 420px;
    		background: #6193ab url(../img/fnd-caja-news.gif) repeat-x top;
		}
			#ContCajaNoticias {
				font-size: 12px;
				font-weight: bold;
				line-height: 35px;
				margin: 0px;
				padding-left: 10px;
				color: #ffffff;
			}
			#ContCajaNoticias a{
				font: bold 10px verdana, arial, helvetica, sans-serif;
				text-decoration: underline;
				margin: 0px;
				color: #dcf1f8;
			}
			#ContCajaNoticias a:hover{
				font: bold 10px verdana, arial, helvetica, sans-serif;
				text-decoration: none;
				margin: 0px;
				color: #ffffff;
			}
			#ContCajaNoticias ul {
				font-size: 10px ;
				text-align:justify;
				line-height: 15px;
				margin: 0px;
				padding: 0px 10px 10px 0px;
				list-style: none;
			}
			#VerMas {font: bold 10px; text-align: right; margin: 0px; padding: 5px 10px 40px 0px;}
			#VerMas a{color:#FFFFFF;}
			#VerMas a:hover{color:#dcf1f8; text-decoration: none;}
						
			#banner {
				border: solid 1px #000066;
				position: relative;
				clear: both;
				margin-left: 10px;
				width: 195px;
				height: 86px;
				overflow: hidden;
				/*background: url(../img/banner.gif);*/
			}
#SeparadorDown {
	z-index:3;
	position: relative;
	clear: both;
	width: 711px;
	height: 15px;
    background: url(../img/separador-down.gif) no-repeat;
}	


#SeparadorDownInter {
	position: relative;
	clear: both;
	width: 711px;
	height: 15px;
    background: url(../img/separador-down2.gif) no-repeat;
}	

#CabeceraInterior {
		z-index: 3;
		position: relative;
		width: 682px;
		height: 80px;
		float: left;
		margin: 0px;
		padding: 0px;	
		left: 14px;
		background: url(img/cabecera-interior.jpg) no-repeat;
		
}

#Pie {
	position: absolute;
	width: 230px;
	height: 40px;
	left:50%;
	margin-left:-125px;
	color: #516d87;
	font-size: 10px;

}

	#Pie a {color:#516d87;}
	#Pie a:hover {color: #CC6600; text-decoration: none;}

/*Afegit Inserit*/

.Msg_Ko{
	color: red;
	line-height: 15px;
}

a { outline:none; }