@charset "utf-8";
/**************************************************************************
CSS DOCUMENTO - 20080821@JCP
***************************************************************************/

/**************************************************************************
RESET
***************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
/**************************************************************************
PAR�_METROS GENERALES
***************************************************************************/
* {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none;}
body {color:#000000; background:#e3e3e3 url(../imagenes/bg/body.gif) repeat-x; font-family:Arial, Helvetica, sans-serif, "Arial Black"; font-size:11px;}
img {border:0;}
a {color:#000000; text-decoration:none;}
a:focus {outline:none;}
.fleft {float:left;}
.fright {float:right;}
.limpia {clear:both;}
p {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.borderW {border:#FFFFFF solid 1px;}
.centrado { text-align:center}
/**************************************************************************
ESTRUCTURA
***************************************************************************/
#container {
	 margin: 0px auto 0px;
	 width:760px;
	 }
	#columnLeft {margin:0px 21px 0px 0px;}
	#columnRight {margin:0px 0px 0px 0px;}
		#columnLeft, #columnRight {width:280px;float:left;}
	#sidebarLeft {float:left; width:602px;}
	#sidebarRight {float:left; width:158px;}
	#footer {
		border:#fefefe solid 1px;
		float:left;
		width:738px;
		min-height:21px;
		padding:9px 0px 0px 20px;
		margin:25px 0px 0px 0px;
		font-size:12px;
		background-color:#cccccc;
		}
/**************************************************************************
HEADER
***************************************************************************/
.infoHeader {
	padding:73px 0px 0px 0px;
	}
	.info {
		background-color:#FFFFFF;
		margin:0px 3px 0px 0px;
		}
	.lang {
		background-color:#363636;
		color:#FFFFFF;
		}
		.lang a {
			color:#FFFFFF;
			}
	.info, .lang {
		font-size:10px;
		padding:0px 4px 0px 6px;
		float:right;
		}
.infoFooter {
	margin:7px 0px 15px 0px;
	float:right;
	}
#menu, #footer, .listado, .modelosCon, .block-content-a-b ul, .abc, .capaImg ul, .capaImgLast ul, .paginacion, .contentMenu ul {list-style-type:none; list-style-position:outside;}
.contentMenu {
	border:#fefefe solid 1px;
	width:744px;
	float:left;
	background:url(../imagenes/iconos/ico-menu.gif) no-repeat top right;
	padding:9px 0px 0px 14px;
	min-height:50px;
	}
	#menu, #footer {		
		text-transform:uppercase;
		}
		#menu {		
			border-bottom:#7f7f7f dashed 1px;
			padding:0px 6px 6px 15px;
			font-size:12px;
			float:left;
			}
			#menu li, #footer li {
				float:left;
				font-weight:bold;
				background:url(../imagenes/iconos/bullet-menu.gif) no-repeat top left;
				padding:0px 20px 0px 20px;
				}
				#menu .first, #footer .first, .subMenu .first {
					background:none;
					padding:0px 11px 0px 0px;
					}
				#menu .last, #footer .last, .subMenu .last {padding:0px 0px 0px 13px;}

			#menu .enLi, #footer .enLi {
				padding:0px 22px 0px 22px;
				}
			/*
				#menu .first, #footer .first, .subMenu .first {
					background:none;
					padding:0px 11px 0px 0px;
					}
				#menu .last, #footer .last, .subMenu .last {padding:0px 0px 0px 13px;}
			*/
				/**
				  * ZCL@20080906
				  * Añadimos los estilos de colores
				  * para el primer link a la clase link-1
				  * para continuar la secuencia numérica
				  * y mantenemos las clase first para añadirla
				  * a la primera clase y ajustar los paddings
				  */
				.cat1 .importante, .cat2 .importante, .cat3 .importante, .cat4 .importante, .cat5 .importante, .cat6 .importante, .cat7 .importante, .cat8 .importante {
					font-weight:bold;
					}
				/**
				  * ZCL@20081020
				  * Damos estilo a los enlaces dentro del texto
				  */
				.cat1 p a, .cat2 p a, .cat3 p a, .cat4 p a, .cat5 p a, .cat6 p a, .cat7 p a, .cat8 p a,
				.cat1 a, .cat2 a, .cat3 a, .cat4 a, .cat5 a, .cat6 a, .cat7 a, .cat8 a {
					font-weight:bold;
					text-decoration:underline;
					}
				#menu .link-1 a:hover, #menu .link-1 .active, #footer .link-1 a:hover, #footer .link-1 .active, #subMenuLink-1 a:hover, #subMenuLink-1 .link .active, .cat1 h4, .cat1 .importante,
				/**
				  * ZCL@20081020
				  * Damos estilo a los enlaces dentro del texto
				  */
				.cat1 p a, .cat1 a {color:#80a10e;}
				.link-2 a:hover, .link-2 .active, #subMenuLink-2 li a:hover, #subMenuLink-2 .active, .modelosCon li a, .cat2 .importante,
				/**
				  * ZCL@20081020
				  * Damos estilo a los enlaces dentro del texto
				  */
				.cat2 p a, .cat2 a, .cat2 h4, .azul2, .azul2 a {color:#0b98e9;}
				.link-3 a:hover, .link-3 .active, .cat3 .importante,
				/**
				  * ZCL@20081020
				  * Damos estilo a los enlaces dentro del texto
				  */
				.cat3 p a, .cat3 a {color:#ed1b2e; /*color:#3dc3b1;*/}
				.link-4 a:hover, .link-4 .active, .cat4 h4, .naranja, .naranja a, .cat4 .importante,
				/**
				  * ZCL@20081020
				  * Damos estilo a los enlaces dentro del texto
				  */
				.cat4 p a, .cat4 a {color:#eb5300;/*color:#ed1b2e;*/}
				.link-5 a:hover, .link-5 .active, .cat5 h4, .lila, .lila a, .tituloD, .cat5 .importante,
				/**
				  * ZCL@20081020
				  * Damos estilo a los enlaces dentro del texto
				  */
				.cat5 p a, .cat5 a {color:#6503d2;}
				/**
				  * ZCL@20080915
				  * Añadimos los estilos .naranja
				  * a los enlaces para que los muestren
				  * en la seccion EVENTOS
				  */
				.link-6 a:hover, .link-6 .active, .cat6 h4, .cat6 .importante, .enlaces a, .azul,
				/**
				  * ZCL@20081020
				  * Damos estilo a los enlaces dentro del texto
				  */
				.cat6 p a, .cat6 a {color:#1141a4;/*color:#eb5300;*/}
				.link-7 a:hover, .link-7 .active, .cat7 .importante,
				/**
				  * ZCL@20081020
				  * Damos estilo a los enlaces dentro del texto
				  */
				.cat7 p a, .cat7 a {color:#9d841f;/*color:#1141a4;*/}
				/**
				  * ZCL@20080906
				  * Añadimos los estilos de colores
				  * para el último link a la clase link-8
				  * para continuar la secuencia numérica
				  * y mantenemos las clase last para añadirla
				  * a la primera clase y ajustar los paddings
				  */
				/* #menu .last a:hover, #menu .last .active, #footer .last a:hover, #footer .last .active, .cat8 a {color:#9d841f;} */
				#menu .link-8-Selected, #menu .link-8 a:hover, #menu .link-8 .active, #footer .link-8 a:hover, #footer .link-8 .active,
				/**
				  * ZCL@20081020
				  * Damos estilo a los enlaces dentro del texto
				  */
				.cat8 p a, .cat8 a {color:#9d841f;}
				/**
				  * ZCL@20081023
				  * Colores para el enlace de las RSS
				  */
				.rssColor a {color:#ED8230;}
	.subMenu, .subMenuEn {
		background:url(../imagenes/iconos/flecha-menu.gif) no-repeat top left;
		padding:7px 0px 0px 23px;
		margin:0px 0px 0px 10px;
		float:left;
		}
	.enSub {
		margin:0px 0px 0px 32px;
		}
		.subMenu li {
			float:left;
			background:url(../imagenes/iconos/bullet-menu.gif) no-repeat top left;
			padding:0px 11px 0px 13px;
			}
			.subMenu a, .linkHover:Hover {color:#7e7e7e;}
				/**
				  * ZCL@20080908
				  * Añadidas el estilo de
				  * las clases .active
				  * para los submenús seleccionados
				  */
				#subMenuLink-1 li a.active, #subMenuLink-2 li a.active, #subMenuLink-3 li a.active, #subMenuLink-5 li a.active, #subMenuLink-6 li a.active, #subMenuLink-7 li a.active, #subMenuLink-1 li a.active {font-weight:bold;}
				#subMenuLink-1 li a:hover, #subMenuLink-1 li a.active {color:#80a10e;}
				#subMenuLink-2 li a:hover, #subMenuLink-2 li a.active {color:#0b98e9;}
				#subMenuLink-3 li a:hover, #subMenuLink-3 li a.active {color:#ed1b2e;/*color:#3dc3b1;*/}
				#subMenuLink-4 li a:hover, #subMenuLink-4 li a.active {color:#eb5300;/*color:#ed1b2e;*/}
				#subMenuLink-5 li a:hover, #subMenuLink-5 li a.active {color:#6503d2;}
				#subMenuLink-6 li a:hover, #subMenuLink-6 li a.active {color:#1141a4;/*color:#eb5300;*/}
				#subMenuLink-7 li a:hover, #subMenuLink-7 li a.active {color:#1141a4;}
				#subMenuLink-8 li a:hover, #subMenuLink-8 li a.active {color:#9d841f;}
/**************************************************************************
H2 - H3 -H4
***************************************************************************/		
h1 {float:left;}
h2 {
	font-size:25px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:14px 0px 14px 0px;
	}
h5 {
	font-weight:bold;
	margin:0px 0px 5px 0px;
	}
.block-content-a h4, .block-content-b h4 {font-weight:bold; margin:0px 0px 3px 0px;}
	.nombreText {color:#f83149; font-weight:bold;}
	.verde, .verdeHover:hover {color:#17c2c4;}
	.block-body-b .botonFlecha {text-decoration:none;}
.cat2 h4, .cat4 h4, .cat5 h4, .cat6 h4 {
	margin:0px 0px 3px 0px;
	}
.tituloD {font-size:18px; padding:8px 0px 0px 0px;}
/**************************************************************************
BLOQUES "A"
***************************************************************************/
.block-header-a, .block-header-b {
	font-weight:normal;
	border-top:#FFFFFF solid 1px;
	border-left:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;
	border-bottom:none;
	font-size:15px;
	padding:6px 12px 5px 18px;
	}
	.block-header-a {
		background:#e3e3e3 url(../imagenes/bloques/block-header-a.gif) no-repeat;
		width:248px;
		}
/**
  * ZCL@20080908
  * Añadida la clase
  * h3.block-header-a
  * para poner en mayúscula
  * todas las cabeceras h3
  */
h3.block-header-a {
	text-transform:uppercase;
	}
.block-header-b h3 {
	display:inline;
	font-weight:normal;
	text-transform:uppercase;
	width:480px;
	}
/**
  * ZCL@20080908
  * Añadida la clase
  * h3.block-header-b
  * para poner en mayúscula
  * todas las cabeceras h3
  */
h3.block-header-b {
	text-transform:uppercase;
	background-color:#e3e3e3;
	}
.spanListado {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
	font-size:10px;
	margin:4px 0px 0px 0px;
	}
.iconoSpan {
	float:right;
	margin:4px 0px 0px 10px;
	}
.block-header-b span {
	color:#525252;
	font-size:10px;
	}
.block-body-a {
	background:#e3e3e3 url(../imagenes/bloques/block-body-a.gif) no-repeat top;
	width:280px;
	min-height:212px;
	}
	.block-content-a-b {
		background:#cdcdcd url(../imagenes/bg/block-ilu.gif) repeat-x top;
		margin:6px 0px 0px 4px;
		float:left;
		width:272px;
		min-height:289px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
		.rojoContent {
			padding:13px 10px 0px 10px;
			color:#de3146;
			}
		.block-content-a-b ul {
			padding:12px 10px 10px 10px;
			}
			.borderTop {
				border-top:#c8c8c8 solid 1px;
				}
			.cercar {
				border-bottom:#c8c8c8 solid 1px;
				padding:0px 0px 13px 0px;
				}
				.letter {	
					border:#c7cacc solid 1px;
					vertical-align:middle;
					margin:0px 0px 0px 22px;
					}
				.botonBuscar {
					margin:0px 0px 0px 6px;
					}
			.feina label {
				position:absolute;
				padding:2px 0px 0px 22px;
				}
				.sepaForm {
					padding:0px 0px 4px 0px;
					float:left;
					}
				.botonBuscar2 {
					margin:7px 0px 0px 86px;
					}
			.selecText {
				width:160px;
				border:#c7cacc solid 1px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				margin:0px 0px 0px 85px;
				}
	.block-content-a {
		padding:15px 0px 0px 19px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
		.fecha {
			color:#FFFFFF;
			background-color:#888888;
			padding:0px 1px 0px 1px;
			font-size:9px;
			line-height:14px;
			}
		.block-content-a p {
			line-height:13px;
			padding:0px 12px 0px 0px;
			}
			
		.contentFlecha, .contentFlechaLast {
			padding:8px 0px 16px 0px;
			margin:0px 19px 0px 0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			}
		.contentFlecha {
			background:url(../imagenes/iconos/ico-block.gif) repeat-x bottom;
			}
			.contentFlecha img, .contentFlecha strong, .contentFlechaLast img, .contentFlechaLast strong, .botonFlecha img, .botonFlecha strong, .botonBuscar {vertical-align:middle;}
			.green:hover {color:#7ec0c1;}
.ilustracionFirst {
	margin:6px 0px 3px 3px;
	}
.ilustracion {
	margin:0px 0px 3px 3px;
	}
	.ilustracionFirst, .ilustracion {
		background-color:#d7d7d7;
		float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
	.ilustracionFirst ul li a:hover, .ilustracion ul li a:hover, .red:hover, .block-content-a-b ul li a:hover, .abc li a:hover, .abc li .active, .capaImg ul li a:hover, .capaImgLast ul li a:hover, .paginacion li a:hover, .paginacion li a.active, .catSpan a:hover {color:#f83149;}
	.ilustracion img, .ilustracionFirst img {
		float:left;
		margin:0px 2px 0px 0px;
		}
	.ilustracion ul, .ilustracionFirst ul {
		float:left;
		width:106px;
		min-height:62px;
		padding:8px 0px 0px 5px;
		}
		.ilustracion ul li, .ilustracionFirst ul li {
			/**
			  * ZCL@20080906
			  * Añadido list-style:none;
			  * porque mostraba el bullet
			  * de la lista
			  */
			list-style:none;
			width:85px;
			}
		.ilustracion ul li, .ilustracionFirst ul li, .block-content-a-b ul li {
			background:url(../imagenes/iconos/flecha-roja-2.gif) no-repeat;
			font-weight:bold;
			padding:0px 0px 0px 12px;
			}
/**************************************************************************
BLOQUES "B"
***************************************************************************/
.block-header-b {
	background:#e3e3e3 url(../imagenes/bloques/block-header-b.gif) no-repeat;
	width:550px;
	clear:both;
	}
	.block-body-b {
		background:#e3e3e3 url(../imagenes/bloques/block-body-b.gif) no-repeat top;
		width:582px;
		/* min-height:154px; */
		padding:0px 0px 10px 0px;
		float:left;
		}
		.block-content-b {
			padding:16px 16px 0px 16px;
			}
			/**
			  * ZCL@20080915
			  * Eliminado porque
			  * el estilo que se aplicaba
			  * no era correcto
			  *
			.block-content-b p {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				}
			  *
			  */
			/**
			  * ZCL@20080908
			  * Añadido el estilo de
			  * listados dentro de la 
			  * clase block-content-b
			  *
			  * ZCL@20080915
			  * Recisados estilos para
			  * la correcta impresión
			  * de los listados
			  */
			.block-content-b ul, .block-content-b ol,
			.conImg ul, .conImg ol,
			.conImg ol li ul,
			.news ul, .newsImg ul, .news ol, .newsImg ol, .news ol li ul, .newsImg ol li ul,
			.noticia ul, .noticiaConImg ul, .noticia ol, .noticiaConImg ol, .noticia ol li ul, .noticiaConImg ol li ul {
				margin:6px 0px 0px 0px;
				list-style-type:none;
				list-style-position:outside;
				}
			.block-content-b ol,
			.conImg ol,
			.news ol, .newsImg ol, .news ol li ul, .newsImg ol li ul,
			.noticia ol, .noticiaConImg ol, .noticia ol li ul, .noticiaConImg ol li ul {
				list-style-type:decimal;
				list-style-position:inside;
				}
				.block-content-b ul li, .block-content-b ol li,
				.conImg ul li, .conImg ol li,
				.conImg ol li ul li,
				.news ul li, .newsImg ul li, .news ol li, .newsImg ol li, .news ol li ul li, .newsImg ol li ul li,
				.noticia ul li, .noticiaConImg ul li, .noticia ol li, .noticiaConImg ol li, .noticia ol li ul li, .noticiaConImg ol li ul li {
					padding:0px 0px 4px 9px;
					}
				.block-content-b .cat1 ul li,
				.cat1 .conImg ul li,
				.cat1 .conImg ol li ul li {
					background:url(../imagenes/iconos/bullet-listado-verde.gif) no-repeat;
					}
				.block-content-b .cat2 ul li,
				.cat2 .conImg ul li,
				.cat2 .conImg ol li ul li,
				.cat2 ul li, .cat2 ol li ul li {
					background:url(../imagenes/iconos/bullet-listado-azul.gif) no-repeat;
					}
				.block-content-b .cat3 ul li,
				.cat3 .conImg ul li,
				.cat3 .conImg ol li ul li {
					background:url(../imagenes/iconos/bullet-listado-turquesa.gif) no-repeat;
					}
				.block-content-b .cat4 ul li,
				.cat4 .conImg ul li,
				.cat4 .conImg ol li ul li,
				.cat4 ul li, .cat4 ol li ul li {
					background:url(../imagenes/iconos/bullet-listado-naranja.gif) no-repeat;
					/* background:url(../imagenes/iconos/bullet-listado-fucsia.gif) no-repeat; */
					}
				.block-content-b .cat5 ul li,
				.cat5 .conImg ul li,
				.cat5 .conImg ol li ul li,
				.cat5 ul li, .cat5 ol li ul li {
					background:url(../imagenes/iconos/bullet-listado-lila.gif) no-repeat;
					}
				.block-content-b .cat6 ul li,
				.cat6 .conImg ul li,
				.cat6 .conImg ol li ul li,
				.cat6 ul li, .cat6 ol li ul li {
					background:url(../imagenes/iconos/bullet-listado-naranja.gif) no-repeat;
					}
				.block-content-b ol li,
				.conImg ol li {
					padding:0px 0px 14px 0px;
					}
/**************************************************************************
BLOQUES "C"
***************************************************************************/
#sidebarRight h3 {
	background:#7d7d7d url(../imagenes/bloques/block-header-c.gif) no-repeat;
	width:130px;
	color:#FFFFFF;
	font-weight:normal;
	border-top:#FFFFFF solid 1px;
	border-left:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;
	border-bottom:none;
	font-size:15px;
	padding:6px 10px 5px 16px;
	margin:10px 0px 0px 0px;
	}
	/**
	  * ZCL@20080910
	  * Añadido para que
	  * el buscador lateral quede
	  * alineado con el contenido
	  * en su parte superior
	  */
	#sidebarRight h3.First {
		margin-top:0px;
		}
	.block-body-c {
		background:#e3e3e3 url(../imagenes/bloques/block-body-c.gif) no-repeat top;
		width:141px;
		min-height:94px;
		padding:15px 0px 10px 17px;
		}
		.block-body-c p {
			padding-right:10px;
			}
		.block-body-c label {
			font-weight:bold;
			}
		.inputText {
			width:122px;
			margin:0px 0px 5px 0px;
			border:#c7cacc solid 1px;
			font-size:11px;
			padding:0px 0px 0px 2px;
			}
		.lostPass {color:#3e3e3e;}
		/**
		  * ZCL@20080910
		  * Añadido estilo a la 
		  * capa rememberpass
		  */
		#rememberpass {
			padding:0px 5px 10px 17px;
			}
/**************************************************************************
CONTENIDO
***************************************************************************/
.newsImg {
	float:left;
	width:440px;
	}
.news {
	float:left;
	width:540px;
	}
	.newsImg p {	
	width:440px;
		}
	.news p {	
	width:540px;
		}
.apicNoticia {
	margin:0px 14px 14px 0px;
	float:left;
	}
.noticiaText {
	float:left;
	width:336px;
	}
.listado li {
	background:url(../imagenes/iconos/bullet-listado.gif) no-repeat;
	padding:0px 0px 0px 9px;
	height:19px;
	width:531px;
	}
.pdf {
	text-decoration:underline;
	color:#80a10e;
	}
.tituloListado {
	float:left;
	padding:0px 0px 7px 0px;
	}
.noticia, .noticiaLast {
	padding:15px 0px 14px 16px;
	width:566px;
	float:left;
	}
.noticiaConImg, .noticiaConImgLast {
	padding:15px 0px 14px 16px;
	float:left;
	width:566px;
	}
	/*
	.noticia p, .noticiaLast p {
		border:#FF0000 solid 1px;
		width:566px;
		float:left;
		}
	*/
.noticiaConImg, .noticia {
	background:url(../imagenes/iconos/ico-block.gif) repeat-x bottom;
	}
	.imgNoticia {
		margin:0px 17px 0px 0px;
		float:left;
		}
	.cat1 h4, .noticia h4, .noticiaLast h4, .noticiaConImg h4, .noticiaConImgLast h4,
	.noticia h4 div, .noticiaLast h4 div, .noticiaConImg h4 div, .noticiaConImgLast h4 div {
		font-weight:bold;
		font-size:12px;
		}
	.noticia h4, .noticiaLast h4, .noticiaConImg h4, .noticiaConImgLast h4,
	.noticia h4 div, .noticiaLast h4 div, .noticiaConImg h4 div, .noticiaConImgLast h4 div {
		width:430px;
		float:left;
		}
		.noticia h4, .noticiaLast h4,
		.noticia h4 div, .noticiaLast h4 div {
			width:546px;
			}
	.fecha-2 {
		color:#80a10e;
		line-height:17px;
		}
	.fecha-3, .cat3 a {
		color:#31c1ae;
		line-height:17px;
		}
	/**
	  * ZCL@20080915
	  * Extiendo el estilo
	  * al resto de clases de noticias
	  * porque si no los listados
	  * se desmontan
	  * OJO que afectaba al texto
	  * que hay junto a la foto
	  * .noticiaConImg p  { */
	.noticia p, .noticiaLast p, .noticiaConImg p, .noticiaConImgLast p,
	.noticia div, .noticiaLast div, .noticiaConImg div, .noticiaConImgLast div {
		padding:0px 20px 0px 0px;
		float:left;
		width:430px;
		}
	.noticia p, .noticiaLast p,
	.noticia div, .noticiaLast div {
		width:546px;
		}
		.noticia div, .noticiaLast div, .noticiaConImg div, .noticiaConImgLast div {
			padding:0px 20px 0px 0px;
			font-weight:normal;
			}
	.conImg {
		float:left;
		width:435px;
		padding:0px 20px 0px 0px;
		}
		.editorialFirst {
			width:265px;
			}
		.editorialFirst, .editorial {
			float:left;
			min-height:34px;			
			}
			.editorialFirst strong, .editorial strong, .lostPass:hover {color:#000000;}
		.bgNoticia {
			background-color:#80a10e;
			float:left;
			}
			.textColumn {
				padding:10px 10px 0px 10px;
				width:90px;
				float:left;
				color:#FF0000;
				}
				.textColumn strong {
					color:#FFFFFF;
					}
		.listNumeric {
			list-style-type:decimal;
			list-style-position:inside;
			margin:0px 0px 10px 0px;
			}
			.listNumeric li {
				color:#80a10e;
				padding:0px 0px 5px 0px;
				font-weight:bold;
				}
				.listNumeric span {
					font-weight:normal;
					color:#000000;
					}
		.cat2 a, .modelosCon li a {
			color:#0b98e9;
			text-decoration:underline;
			font-weight:bold;
			}
			.cat2 span {font-weight:bold; color:#0b98e9;}
			.cat2 div.publiSubtitle, .cat2 div.publiSubtitle div {font-weight:bold;}
		.cat3 a {
			text-decoration:underline;
			}
.modelosCon li {height:35px;}
.newsImg .lila {font-size:12px;}
.cat5 p a, .cat6 p a {text-decoration:underline; font-weight:bold;}
.enlaces {font-size:12px;}
.enlaces a {
	text-decoration:underline;
	font-weight:bold;
	}
.enlaces .rojo {color:#ed1b2e;}
.mapa {
	float:left;
	width:410px;
	height:224px;
	border:#858585 solid 1px;
	margin:0px 0px 0px 20px;
	}
.cat8 {line-height:14px; float:left;}
	 .cat8 a {text-decoration:underline; font-weight:bold;}
/**************************************************************************
FORMULARIO
***************************************************************************/
.separador {
	margin:6px 0px 0px 0px;
	width:87px;
	float:left;
	}
.formText {
	margin:3px 0px 0px 0px;
	width:199px;
	border:#c0c0c0 solid 1px;
	float:left;
	font-size:11px;
	padding:0px 0px 0px 2px;
	}
.separadorAll {
	padding:3px 0px 0px 0px;
	float:left;
	}
.checkForm {
	vertical-align:middle;
	}
.checText {
	vertical-align:middle;
	}
.checkForm {vertical-align:middle;}
/**
  * ZCL@20080915
  * Añadidos el tamalo
  * y tipo de letra al textarea
  * porque sino no lo coje
  */
.area {height:164px; overflow:auto; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.enviar {margin:10px 0px 0px 87px;}
.formulario p {line-height:17px;}
/**************************************************************************
ILUSTRADORES
***************************************************************************/
.ilustradores {
	margin:10px 15px 0px 15px;
	padding:0px 0px 10px 0px;
	background:url(../imagenes/iconos/ico-block.gif) repeat-x bottom;
	}
	.ilustradores fieldset {
		float:left;
		margin:0px 20px 0px 0px;
		}
	.ilustradores label {
		font-weight:bold;
		vertical-align:middle;
		}
	.ilustradores select {
		width:160px;
		vertical-align:middle;
		font-size:11px;
		}
	ul.abc {
		text-align:center;
		padding:5px 0px 5px 0px;
		background:url(../imagenes/iconos/ico-block.gif) repeat-x bottom;
		margin:0px 15px 0px 15px;
		}
		.abc li, abc li .first, abc li .last {
			display:inline;
			background:url(../imagenes/iconos/bullet-menu.gif) no-repeat top left;
			padding:0px 2px 0px 5px;
			font-weight:bold;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			}
			.abc .first {
				padding:0px 2px 0px 0px;
				background:none;
				}
			.abc .last {
				padding:0px 0px 0px 5px;
				}
	.separadorCapas {
		padding:10px 30px 0px 31px;
		}
	.capaImg {
		margin:0px 20px 6px 0px;
		}
	.capaImg, .capaImgLast {
		float:left;
		width:160px;
		background-color:#cfcfcf;
		}
		.capaImg img, .capaImgLast img {
			padding:0px 0px 5px 0px;
			float:left;
			}
		.capaImg ul, .capaImgLast ul {
			background:url(../imagenes/iconos/flecha-roja-2.gif) no-repeat;
			font-weight:bold;
			background-color:#cfcfcf;
			min-height:10px;
			margin:0px 0px 0px 10px;
			padding:0px 0px 6px 0px;
			float:left;
			}
			.capaImg ul li, .capaImgLast ul li {
				padding:0px 12px 0px 12px;
				}
	.paginContent {
		background-color:#ebebeb;
		min-height:17px;
		padding:5px 5px 0px 5px;
		}
		.paginContent img {float:left;}
		.paginacion {
			margin:0px 5px 0px 5px;
			float:left;
			}
		.paginacion li {
			float:left;
			font-weight:bold;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
			}
	.ilus {margin:1px}
	.cercarSR {margin:5px 0px 0px 0px;}
	.descripIlus {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		padding:17px 19px 17px 19px;
		line-height:15px;
		}
		.descripIlus2 {
			float:left;
			margin:0px 100px 0px 0px;
			}
	.red2 {color:#f41e38;}
	.block-body-b .fontTipo {font-size:11px; font-weight:normal;}
/**************************************************************************
IMAGENES SCROLL HORIZONTAL
***************************************************************************/
.jcarousel-skin-tango .jcarousel-container-horizontal {width:507px; padding:20px 40px 20px 33px; margin:0px 0px 0px 2px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:514px; height:81px;}
.jcarousel-skin-tango .jcarousel-item {width:160px; height:81px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:17px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:#fff; color:#000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute; top:43px; right:0px; width:32px; height:32px; cursor:pointer; background:transparent url(../imagenes/iconos/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position:-32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position:-64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor:default; background-position:-96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position:absolute; top:43px; left:0px; width:32px; height:32px; cursor:pointer; background:transparent url(../imagenes/iconos/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position:-32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position:-64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor:default; background-position:-96px 0;}
/**************************************************************************
CONTACTO ILUSTRADOR
***************************************************************************/
.contactarAmb {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:10px 0px 0px 18px;
	}
.contactarAmb fieldset {
	width:82px;
	float:left;
	}
.separadorIlus {
	float:left;
	margin:0px 24px 7px 0px;
	}
.inputAmb {
	width:150px;
	border:#c7cacc solid 1px;
	/**
	  * ZCL@20080915
	  * Modificado los estilos
	  * para que sean igual que 
	  * todas las cajas de texto
	  * font-size:9px;
	  * font-family:Verdana, Arial, Helvetica, sans-serif;
	  */
	font-size:11px;
	font-family:Arial, helvetica;
	font-weight:normal;
	}
.inputArea {
	border:#c7cacc solid 1px;
	width:408px;
	overflow:auto;
	margin:0px 0px 7px 0px;
	/**
	  * ZCL@20080915
	  * Añadidos los estilos
	  * para que sean igual que 
	  * todas las cajas de texto
	  */
	font-size:11px;
	font-family:Arial, helvetica;
	font-weight:normal;
	}
.enviarMail {margin:0px 0px 0px 82px;}
.formCont {
	float:left;
	padding:0px 0px 0px 17px;
	}
.formCont fieldset {
	float:left;
	font-weight:bold;
	width:90px;
	}
.separador2 {
	margin:0px 0px 3px 0px;
	}
/**
  * ZCL@20080915
  * Añadidos el tamaño
  * porque sino no lo coje
  */
.inputCon {
	width:200px;
	border:#c0c0c0 solid 1px;
	font-size:11px;
	}
/**
  * ZCL@20080915
  * Añadidos el tamaño
  * y tipo de letra al textarea
  * porque sino no lo coje
  */
.observaciones {
	width:200px;
	height:164px;
	border:#c0c0c0 solid 1px;
	overflow:hidden;
	font-size:11px;
	font-family:Arial, helvetica;
	}
.enviarForm {
	margin:10px 0px 0px 90px;
	}
/**
  * ZCL@20080916
  * Añadidos estilo
  * para botones
  * de formularios
  */
.defaultFormButtons {
	border:none;
	background:none;
	background-image:url(../imagenes/iconos/flecha-blanca.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-family:Arial, Helvetica, sans-serif, "Arial Black";
	font-size:11px;
	font-weight:bold;
	padding-left:12px;
	margin:0px;
	}
.defaultFormButtons:hover {
	color:#7e7e7e;
	cursor:pointer;
	}
/**
  * ZCL@20090123
  * Añadidos estilo
  * para botones
  * de formularios
  */
.publicacionConImg {
	display:block;
	float:left;
	width:440px;
	}
.publicacionSinImg {
	display:block;
	float:left;
	width:550px;
	}
.strongDiv, div.strongDiv, .strongDiv div, .strongDiv p {
	font-weight:bold;
	}
h4.blackText, h4.blackText div {
	color:#000000;
	}
.pieQuiero, .pieQuiero div, .pieQuiero span {
	width:430px;
	float:left;
	}