﻿/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
textarea, input {
	font-family:inherit;
}
/* Fin Reset CSS */

/* General */
body {
	margin:0 auto;
	width:950px;
	background-color:White;
	font-family:Arial;
	font-size:11px;
	color:#636161;
}

p {
	padding:0 0 10px 0;
}

p.destacado {
	font-weight:bold;
}

/* Enlaces */
a {
	color:#25259d;/* Azul */
	text-decoration:none;
}

a:hover {
	color:#d12320;/* Rojo */
}

a.inv {
	color:#d12320;
}

a.inv:hover {
	color:#25259d;
}

/* Parte superior de las páginas */
div.superior {
	background:White url(../images/fondo.gif) no-repeat top right;
	height:170px;
}

div.superior img {
	left:8px;
	top:23px;
	position:relative;
	float:left;
}

/* menú de idiomas */
div.superior div.idioma {
	/*font-size:11px;*/
	text-transform:lowercase;
	float:right;
	margin:81px 8px 0 0;
	height:14px;
}

div.superior div.idioma span {
	text-transform:none;
}

div.superior div.idioma span,
div.superior div.idioma a {
	color:#87888d;
}

div.superior div.idioma,
div.superior div.idioma a:hover {
	color:#d4d4d8;
}

/* Menú del web */
div.superior table.menu {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	float:right;
	margin:30px 8px 0 0;
	clear:right;
}

div.superior table.menu td.separador,
div.superior table.menu a {
	color:#25259d;
}

div.superior table.menu,
div.superior table.menu a:hover {
	color:#d12320;
}

div.superior table.menu a.sel {
	color:#d12320;
}

div.superior table.menu a {
	padding:0 6px;
}

#menubuscador,
#menucontacto {
	font-size:11px;
	background-color:#eaeaef;
	text-transform:lowercase;
	text-align:center;
	font-weight:normal;
}

#menubuscador a,
#menucontacto a {
	color:#929294;
	padding:0;
	display:block;
}

#menubuscador a:first-child,
#menucontacto a:first-child {
	border-bottom:1px solid #d3d3d5;
}

#menubuscador a:hover,
#menucontacto a:hover {
	color:#d12320;
}

#menubuscador a.sel,
#menucontacto a.sel {
	color:#d12320;
}

/* Pie */
img.imagenpieizq,
img.imagenpieder {
	margin-top:10px;
	float:left;
}

img.imagenpieder {
	margin-left:11px;
}

img.imagenpieizqportada,
img.imagenpiederportada {
	margin-top:10px;
	float:left;
}

img.imagenpiederportada {
	margin-left:11px;
	margin-right:7px;
}

div.copyright,
div.TresE {
	font-size:10px;
	margin-top:5px;
}

div.copyright {
	float:left;
	margin-left:2px;
}

div.TresE {
	float:right;
	margin-right:2px;
}

div.copyright,
div.copyright a,
div.TresE,
div.TresE a {
	color:#87888d;
}

div.copyright a:hover,
div.TresE a:hover {
	color:#d4d4d8;
}

/* Imagen superior */
img.apartado {
	margin-bottom:20px;
}

/* Portada */
div.prodPortada,
div.prodPortadaEsp {
	width:259px;
	height:119px;
	background: url(../images/prod_fondo.gif) no-repeat left top;
	overflow:hidden;
	position:relative;
}

div.prodPortada {
	float:left;
	margin-top:10px;
}

div.prodPortadaEsp {
	top:-130px;
	left:670px; 
}

div.prodPortada img,
div.prodPortadaEsp img {
	margin-top:8px;
	margin-left:9px;
	width:102px;
	height:102px;
}

div.prodPortada a img,
div.prodPortadaEsp a img {
	margin:0;
	width:11px;
	height:11px;
}

div.prodPortada table,
div.prodPortadaEsp table {
	position:relative;
	top:-102px;
	left:117px;
	width:135px;
	height:102px;
}

div.prodPortada p,
div.prodPortadaEsp p {
	color:#d12320;
	padding:0;
}

div.prodPortada p.tipo,
div.prodPortadaEsp p.tipo {
	color:#161696;
	padding-bottom:7px;
}

div.prodPortada a,
div.prodPortadaEsp a {
	color:#636161;
	text-transform:lowercase;
}

div.prodPortada table td,
div.prodPortadaEsp table td {
	vertical-align:bottom;
}

div.noticiaPortada, 
div.prensaPortada {
	width:327px; 
	height:248px; 
	padding-bottom:0px;
	float:left;
	margin-top:10px;
	overflow:hidden;
}

div.noticiaPortada {
	margin-right:9px;
	background: #ffffff url(../images/fondoNoticias.gif) no-repeat left top;
}

div.noticiaPortada h1 {
	color: #ffffff;
	font-size:14px;
	text-align:right;
	margin:2px 16px 0px 0;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
}

div.noticiaPortada img {
	margin:2px 0 0 14px;
	width:299px;
	height:116px;
}

div.noticiaPortada a {
	display:block;
	margin:2px 14px 0 14px;
	color:#161696;
}

div.noticiaPortada a.titulo {
	color:#d12320;
}

div.noticiaPortada a.texto {
	color:#636161;
	margin-top: 5px;
}

div.prensaPortada {
	margin-right:7px;
	background: #ffffff url(../images/fondoSalaprensa.gif) no-repeat left top;
}

div.prensaPortada div.imgytit {
	width:131px; 
	float:left; 
	margin-top:14px; 
	padding-left:14px;
}

div.prensaPortada div.imgytit img {
	display:block;
}

div.prensaPortada div.imgytit table {
	width:131px;
	height:109px;
	background-color:#cdcdce;
	color:white;
}

div.prensaPortada div.imgytit table td {
	vertical-align:bottom;
	padding-bottom:4px; 
	padding-left:8px; 
	font-size:24px; 
	text-transform:uppercase;
}

div.prensaPortada div.texto {
	width:152px; 
	height:223px; 
	float:left; 
	margin-top:14px; 
	margin-left:16px; 
	overflow:hidden;
}

div.prensaPortada div.texto a {
	display:block;
	color:#161696;
}

div.prensaPortada div.texto a.titulo {
	color:#d12320;
}

div.prensaPortada div.texto a.texto {
	color:#636161;
	margin-top: 5px;
}


/* Común */
p.fecha {
	color:#25259d;
	font-weight:bold;
	padding:0;
}

p.titulo {
	color:#d12320;
	font-weight:bold;
}

/* Contenido */
div.contenido {
	padding:0 8px 20px 8px;
}

/* Identidad */
div.identidadIng {
	color:#a8a2a2;
	margin:20px 0;
}

div.identidadEsp {
	margin-top:-20px;
}

div.identidadEsp h2, 
div.identidadIng h2 {
	font-size:13px;
	font-weight:bold;
	padding-top:20px;
}

div.identidadEsp p, 
div.identidadIng p {
	margin:0;
	padding:0;
}

div.identidadEsp h3, 
div.identidadIng h3 {
	font-weight:bold;
	padding-top:20px;
}

/* Noticias */
img.noticia {
	float:left;
	margin:0 14px 10px 0;
}

div.listado p {
	color:#25259d;
	font-weight:bold;
	border-bottom:1px solid #25259d;
	text-transform:uppercase;
	display:block;
	padding:0;
	margin:6px 0 12px 0;
}

div.listado a {
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	/*font-size:11px;*/
}

div.listado a.sel {
	color:#d12320;
}

/* Sala de prensa */
div.salaprensa {
	border-bottom:1px solid #b9b8b8;
	padding-bottom:4px;
	margin-bottom:15px;
}

div.salaprensa img {
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

div.salaprensa div span {
	display:block;
	font-weight:bold;
}

div.salaprensa div span a {
	color: #636161;
}

div.salaprensa div span a:hover {
	color: #d12320;
}

div.salaprensa div span.medio {
	text-transform:uppercase;
}

div.salaprensa div span.descarga {
	margin-bottom:10px;
}

div.salaprensa div span img {
	float:none;
	margin:0;
}

/* Catálogo */
div.familias div,
div.subfamilias div { /* Listado de familias y subfamilias */
	float:left;
	text-align:center;
	background-color:#666668;
	text-transform:uppercase;
	font-size:13px;
	margin-left:28px;
	margin-bottom:34px;
	width:164px;
	height:122px;
	display:inline;
}

div.familias div.primer,
div.subfamilias div.primer {
	margin-left:1px;
}

div.familias div a,
div.subfamilias div a {
	color:#ffffff;
}

div.familias div a:hover,
div.subfamilias div a:hover {
	color:#ffffff;
}

div.familias div a img,
div.subfamilias div a img {
	border:1px solid #666668;
	display:block;
	width:162px;
	height:96px;
}

div.familias div a p,
div.subfamilias div a p {
	padding: 4px 0 5px 0;
}

div.familia img { /* En la ficha de subfamilias, encabezado de familia */
	float:left;
	border:1px solid #d12320;
	border-bottom:none;
}

div.familia h1 {
	position:relative;
	left:8px;
	top:78px;
	font-size:16px;
	color:#d12320;
	font-weight:bold;
	text-transform:uppercase;
}

div.familia h1 span {
	text-transform:none;
}

div.familia div.otrasfamilias {
	float:right;
	width:768px;
	text-align:right;
	position:relative;
	top:-20px;
	color:#d12320;
	font-weight:bold;
}

div.familia div.otrasfamilias a {
	color:#d12320;
	text-transform:lowercase;
}

div.familia div.otrasfamilias a:hover {
	color:#25259d;
}

div.familia div.separador {
	background-color:#d12320;
	height:25px;
	margin-bottom:34px;
}

div.familia div.separador p {
	color:White; 
	width:164px; 
	text-align:center;
	text-transform:uppercase;
	font-size:13px;
	padding: 5px 0 5px 0;
}

h1.producto {
	margin-top:-15px; 
	margin-bottom:10px; 
	padding-bottom:10px; 
	border-bottom:1px solid #d12320;
	font-weight:bold;
	text-transform:uppercase;
	color:#d12320;
}

h1.producto span {
	margin-left:10px;
	color:#25259d;
}

div.producto {
	width:508px;
	float:left;
	margin-bottom:20px;
}

div.producto p {
	padding-bottom:5px;
}

div.producto p span {
	color:#d12320;
}

div.producto p p {
	padding-bottom:10px;
}

div.producto a {
	margin:20px 0 10px 0;
	display:block;
}

/* Galería */
div.galeria {
	float:right;
	width:426px;
	margin-bottom:20px;
}

div.imagen {
	width:426px;
	height:248px;
	text-align:right;
}

div.imagen img {
	width:420px;
	height:248px;
}

div.imagenes {
	width:426px;
}

div.imagenes img {
	width:65px;
	height:38px;
	float:right;
	margin: 6px 0 0 6px;
}


/* Formulario de contacto y de buscador */
form.formulario table {
	color: #767678;
	/*font-size:11px;*/
}

form.formulario table th {
	/*font-size:11px;*/
}

form.formulario table td span {
	color: #25259d;
}

form.formulario table td label {
	margin-top:20px;
	display:inline-block;
	color: #d12320;
}

form.formulario table td.separador {
	height:15px;
	border-bottom:1px solid #d12320;
	font-size:1px;
}

form.formulario table img {
	margin:20px 0 10px 0;
}

form.formulario table select,
form.formulario table input,
form.formulario table textarea {
	border:1px solid #94b4d7;
	font-size:11px;
	color:#767678;
}

form.formulario table select {
	width:260px;
	height:20px;
}

form.formulario table input {
	width:152px;
	height:16px;
}

form.formulario table textarea {
	width:539px;
	height:58px;
}

/*form.formulario table td.intervalo {
	color:#767678;
}*/

form.formulario table td.intervalo input {
	width:108px;
	text-align:right;
}

form.formulario table input.check {
	width:14px;
	border:none;
}

/* Buscador */
p.resultado {
	color: #d12320;
	font-size:13px;
	margin:10px 0 20px 0;
	padding-bottom:4px;
	border-bottom:1px solid #d12320;
}

p.resultado span {
	color: #25259d;
}

table.resultado {
	border:1px solid #d12320;
	margin-bottom:20px;
	font-size:12px;
}

table.resultado th {
	background-color:#d12320;
	color:#ffffff;
	text-transform:uppercase;
}

table.resultado th,
table.resultado td {
	padding: 4px 15px;
}

table.resultado tr {
	background-color:#e8e8ea;
}

table.resultado tr.alternativo {
	background-color:#ffffff;
}

table.resultado td a {
	color: #636161;
}


/* Sedes */
div.mapa {
	margin-bottom:30px;
}

div.mapa iframe {
	float:left;
	margin:0;
	padding:0;
	border: 1px solid #d12320;
}

div.vergrande {
	float:right;
	width:460px;
	background-color:#d12320;
	position:relative;
	padding: 5px 0 6px 10px;
	top:216px;
}

div.vergrande a {
	color:#ffffff;
	font-size:12px;
}

div.direccion {
	top:80px;
	left:10px;
	position:relative;
}

div.otrassedes {
	border:1px solid white; /* No hace nada pero es para evitar un bug de IE7 y anteriores ¿? */
}

div.direccion h1,
div.otrassedes h1 {
	text-transform:uppercase;
	color:#d12320;
	font-weight:bold;
}

div.direccion p,
div.otrassedes p {
	padding:0;
	font-weight:bold;
}

div.otrassedes div.sede {
	float:left;
	width:151px;
	margin-bottom:50px;
}

div.otrassedes div.separador {
	width:109px;
	float:left;
}

div.otrassedes div.separador div {
	width:55px;
	float:none;
	border-right:1px solid #d3222a;
	height:95px
}

/* Mapa Web */
div.mapaweb {
	margin-bottom:28px;
}

div.mapaweb p,
div.mapaweb p a {
	font-weight:bold;
	text-transform:uppercase;
	color: #d12320;
}

div.mapaweb p {
	padding-top:6px;
	padding-bottom:7px;
	border-bottom:1px solid #d12320;
}

div.mapaweb p a:hover {
	color: #25259d;
}

/* Anterior y siguiente */
div.anteriorsiguiente {
	border-top:1px solid #25259d;
	border-bottom:1px solid #25259d;
	padding:3px 0;
	margin-bottom:10px;
	margin-top:24px;
	text-align:right;
}

div.anteriorsiguiente img {
	margin-bottom:1px;
}


