/* 
 * Ponemos a cero los valores para margenes, espacios, bordes, etc.
* Eliminamos lo bullets de las listas.
* Ponemos al 100% (1em) el tamaño de la fuente para los encabezados.
* Quitamos el estilo a los enlaces
*/
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;
}
img, a {
	display: block;
}
ol, ul, dl {
	list-style:none;
}
a, a:hover, a:visited, a:active {
	text-decoration: none;
	color: #424242;
}
a:hover, a:active {
	color: #000;
}
dt, dt a {
	color: #3f3f3f;
}

/*
Declaraciones para la unidad relativa EM. Conseguimos la equivalencia 10px=1em.
*/
body, html{ font-size: 62.5%; }
body { font-style: normal; font-size: 101%; font-family: Arial, Trebuchet MS, Microsoft Sans Serif, Tahoma, Arial, Verdana;}
body:last-child { font-size: 100%; }
table { font-size:inherit; font:100%; }

/*
 * Limpia flotaciones
 */
.clearboth {clear: both;}
.clearfix:after {content: ""; display:block; clear:both; height:0; visibility:hidden;}
body:last-child .clearfix {content:".";}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
/*
Reglas para centrar el contenedor en el centro de la pantalla del navegador
*/
body, #cabecera, #cuerpo  { text-align:center; }
.centrado { margin: 0 auto; text-align: left; }

/* 
 * Esqueleto con 3 columnas
 * Columna izquierda: menuPpal
 * Columna central: contenedorPpal
 * Columna derecha: extras
 */
#contenedor { width: 100%; }
	#cabecera .centrado, #cuerpo .centrado { width: 96.4em; }
	* html #cabecera .centrado, * html #cuerpo .centrado { width: 96.8em;}
	html>body #cuerpo { height: auto; }
		#menuPpal { width: 17.2em; float: left;}
		#contenedorPpal { width: 61.6em; float: left;}
		#extras {width: 17.2em; float: left;}
	
	#pie { clear: both; }
	
/* Colores, fondos y bordes */
body {
	background-color: #DADFE1;
}

#cabecera {
	background-color: #F6F7F0;
}
	#cabecera .centrado {
		border: 3em solid #DFE3E5;
		border-width: 0 .3em;
	}
	#cabecera .centrado .contenido {
		width: 96.2em;;
		border: 1em solid #CAD4DC;
		border-width: 0 .1em;
		padding-bottom: .8em;
		background: #FFF url(./img/cabecera-bg.gif) repeat-x left bottom;
	}
#cuerpo {
	background-color: #D1D4BF;
}
	#cuerpo .centrado {
		border: 3em solid #D1D6D8;
		border-width: 0 .3em;
	}
	#cuerpo .centrado .contenido {
		border: .1em solid #BDC8D0;
		border-color: #E4E5E7 #BDC8D0;
		border-width: .1em .1em 0;
		background-color: #FFF;
		padding: .4em 0 1em;
	}
	#pie {
		background-color: #ECECEC;
		margin: 0 .4em;
		padding: .4em 0;
	}
	

 /* Cabecera */
	#logo-top7 {
		float: left;
		display: inline;
		width: 285px;
		height: 76px;
		margin: .8em 8em 0 4em;
		
	}
	#cabecera p.telefono {
		
		width: 26.6em;
		height: 2.9em;		
		float: right;
		margin-top: 0.0em;
		margin-left: 22em;
		color: #3784b7;
		text-align: center;
		line-height: 1em;
		font-size: 1.1em;
		font-weight: bold;
		
	}
	* html #cabecera p.telefono {
		margin-left: 09.5em;
		
	}
	#cabecera p.telefono span {
		display: none;
	}
	.info {
		display: block;
		text-indent: -9999em;
	}
	#infoCabecera {
		float: right;
		text-align: center;
		width: 18.6em;
		margin: 1.9em .9em 0 0;
	}
	
	#menuAyuda {
		margin-left: 0;
		padding-left: 0;
		display: inline;
		border: none;
	} 
	#menuAyuda li {
		margin: 0;
		padding: 0 .5em;
		border-left: .1em solid #666;
		list-style: none;
		display: inline;
	}
	#menuAyuda li.primero {
		border: none;
	}
	#menuAyuda a {
		display: inline;
		color: #666;
	}	
/* Cuerpo */
.lineaTopCol, .lineaTopCont {
	display: block;
}
.lineaTopCol {
	border-top: .4em solid #99CC99;
}
.lineaTopCont  {
	border-top: .4em solid #336633;
}
	/* Menús */
	#menuPpal ul, #formUsuario ul, #publicidad dl {
		margin: 1.2em .8em;
	}
	#menuPpal ul li, #formUsuario ul li, #publicidad dl dt{
		margin-top: 1.2em;
	}
	#menuPpal ul li span.titulo, #formUsuario ul li span.titulo {
		display: block;
		border-bottom: .2em solid #99CC99;
		font-size: 1.1em;
		font-weight: bold;
		padding-bottom: .3em;
	}
	#menuPpal ul li ul , #formUsuario ul li ul {
		margin: .1em 0 0 0;
		background-color: #F6F7F0;
	}
	#menuPpal ul ul li, #formUsuario ul ul li  {
		margin: 0;
	}
	#menuPpal ul ul li a {
		padding: .4em .5em;
	}
	#formUsuario ul ul li a {
		padding: .2em 0;
	}
	#menuPpal a {
		font-size: 1.1em;
	}
	* html #menuPpal a, * html #formUsuario a {
		height: 1em;
	}
	#menuPpal ul ul li a:hover, #menuPpal ul ul li.activo,
	#formUsuario ul ul li a:hover, #formUsuario ul ul li.activo {
		background-color: #CFCFCF;
	}
	#formUsuario ul ul li  a:hover {
		color: #000;
		background-color: transparent;
	}
	#formUsuario ul li ul {
			padding-left: .5em;
	}
	#publicidad dl dt {
		padding: .7em 0 .9em 1.5em;
		background: #ECECEC url(./img/flecha-abajo-gris-oscura.gif) no-repeat .5em center;		/*font-family: Volter(Goldfish), Terminal, Tahoma, Verdana, Arial, Sans Serif;
		font-size: 1.1em;
		text-transform: uppercase;
		color: #08164F;*/
	}
	* html #publicidad dl dt {
		padding: .3em 0 .5em 1.5em;
	}

	#publicidad dl dd {
		margin-top: 1em;
	}
	#publicidad dl dd.primero {
		margin-top: 1em;
	}
	#publicidad img {
		width: ;
	}
	#publicidad dl dt span#tituloPublicidad {
		display: block;
		width: 5.5em;
		height: .7em;
		background: transparent url(./img/publicidad.gif) no-repeat left center;
		text-indent: -999em;
	}
	/* Contenedor */
	#contenedorPpal {
		border: .1em solid #DDD;
		border-width: 0 .1em;
		padding-bottom: 3.5em;
	}
	#texto {
		margin: .5em .9em;
		font-size: 1.1em;
	}
	#texto  #titluoHome {
		background: #c3e2f5 url(./img/tituloHome-bg.gif) no-repeat left top;
		width: 100%;
		height: 13.3em;
		position: relative;
	}
	#texto  #bannerFlores {
		background: #c3e2f5 url(./img/bannerFlores.jpg) no-repeat left top;
		width: 100%;
		height: 10.3em;
		position: relative;
	}
	#texto  #bannerMp3 {
		background: #c3e2f5 url(./img/bannerMp3.jpg) no-repeat left top;
		width: 100%;
		height: 10.3em;
		position: relative;
	}
	#texto  #bannerJamon {
		background: #c3e2f5 url(./img/bannerJamon.jpg) no-repeat left top;
		width: 100%;
		height: 10.3em;
		position: relative;
	}
	#texto  #bannerLibros {
		background: #c3e2f5 url(./img/bannerLibros.jpg) no-repeat left top;
		width: 100%;
		height: 10.3em;
		position: relative;
	}
	#texto  #bannerRestaurante {
		background: #c3e2f5 url(./img/bannerRestaurante.jpg) no-repeat left top;
		width: 100%;
		height: 10.3em;
		position: relative;
	}
	#texto  #bannerWhisky {
		background: #c3e2f5 url(./img/bannerWhisky.jpg) no-repeat left top;
		width: 100%;
		height: 10.3em;
		position: relative;
	}
	#texto  #bannerGourmet {
		background: #c3e2f5 url(./img/bannerGourmet.jpg) no-repeat left top;
		width: 100%;
		height: 10.3em;
		position: relative;
	}	
		#titluoHome div {
			position: absolute;
			margin: 2em 0 0 0;
			width: 35em;
		}
		#titluoHome h1 {
			height: 2.4em;
			margin-left: 1em;
			background: transparent url(./img/tituloHome-h1-bg.gif) no-repeat left top;
			text-indent: -999em;
		}
		#titluoHome p {
			margin:0 1em;
		}
		#titluoHome p.socio {
			margin: 1em 0 0 16em;
		}
		#titluoHome p.socio a {
			display: block;
			width: 11.9em;
			height: 1.8em;
			text-indent: -999em;
			text-transform: uppercase;
			background: #ff9E08 url(./img/hacerseSocio-naranja.gif) no-repeat center center;
			border: .1em solid #dbe3e6;	
		}
	.medio {
		width: 49%;
	}
	.cuarto {
		width: 25%;
		background: #F6F6F6;
	}
	.trescuartos {
		width: 72%;
	}
	* html .medio {
		width: 47%;
	}
	.impar {
		float: left;
	}
	.par {
		float: right;
	}
	#texto dt {
		font-weight: bold;
		margin-bottom: .5em;
	}
	#texto .destacado {
		background: #F6F6F6;
	}
	#texto ul {
		padding: 0 1em;
	}
	#texto ul li {
		padding: 1em 0;
		background: transparent url(./img/puntos.gif) repeat-x top left;
		/*border-top: .1em dotted #868181;*/
	}
	#texto .destacado ul li.primero {
		padding-top: 1em;
	}
	#texto ul li.primero {
		border: none;
		background-image: none;
	}
	ul li dt img {
		float: left;
		margin: 0 1em .5em 0;
		max-width: 40%;
	}
	dd.masinfo {
		text-align: right;
		margin: .8em 1em 0 0;
		font-family: Tahoma, Sans Serif;
	}
	#texto dd.masinfo a {
		font-size: .9em;
		font-weight: bold;
		color: #1A5D15;
	}
	dl.bullet, ul.bullet{
		padding-left: 0;
	}
	dl.bullet dt, ul.bullet li {
		background: transparent url(./img/bullet-peque.gif) no-repeat left center;
		padding-left: 1em;	
	}
	.bullet dd, .bullet li ul {
		padding-left: 1em;
	}
	/* Encabezados */
	.tituloHome {
		background: #D1D4BF;
		padding: .3em 1em;
		color: 0B0B0B;
		font-weight: bold;
		margin: 1em 0 0;
	}
	.franjaBanner {
		background: #ffffff;
		padding: .3em 1em;
		color: 0B0B0B;
		font-weight: bold;
		margin: 1em 0 0;
	}
	.destacado .tituloHome {
		border-bottom: 1em solid #FFF;
	}
	/* Extra */
		/* Formulario Login */
		#formUsuario p {
			margin-left: 1.5em;
			position: relative;
		}
		#formUsuario form {
			margin: 1em 0 .7em;
		}
		label span{
			display: block;
		}
		input {
			font-size: 1em;
			margin: 0 .5em .5em 0;
		}
		* html input {
			margin: 0 .5em .4em 0;
		}
		input#usuario, input#password  {
			font-size: .9em;
			width: 9em;
			padding: 0 .2em;
			background: #d9e4ec;
			border: .1em solid #8b8b8b;
			border-color: #8b8b8b #FFF #FFF #8b8b8b;
		}
		input#usuario:focus, input#password:focus {
			background: #FFF;
		}
		input#submit {
			position: absolute;
			width: 1.5em;
			height: 1.4em;
			border: 1px solid #a4a4a4;
		}
		input#submit:hover, input#submit:focus {
			background-color: #d9e4ec;
			
		}
	/* Pie */
	#pie p {
		text-align: right;
	}
	#pie ul li {
		display: inline;
		float: left;
		border-left: .1em solid #424242;
		padding: 0 .5em;
	}
	#pie ul li.primero {
		border: none;
	}
	
	/* otros */
	
	#texto ul.dosColumnas, #texto ul.tresColumnas {
		padding: 0;
	}
	#texto ul.dosColumnas li, #texto ul.tresColumnas li {
		margin: 0 0 1em 0;
		text-align: center;
		padding: 0;
		background: none;

	}
	#texto ul.tresColumnas li {
		width: 33.3%;
		float: left;
	}
	#texto ul.dosColumnas  li a img, #texto ul.tresColumnas  li a img {
		margin: 0 auto;
	}
	
	/* solucionar problemas multinavegador */

#pie.clearfix{clear:both;display:block;float:none;overflow:hidden;width:auto}

#cuerpo #contenedorPpal .capaCentrada{overflow:hidden;position:relative}

#cuerpo #contenedorPpal .capaCentrada ul{float:none;margin:0;overflow:hidden;padding:0}

*+html #cuerpo #contenedorPpal .capaCentrada ul{margin:0 0 0 3px}

#cuerpo #contenedorPpal .capaCentrada ul li{clear:right;display:block;float:left;list-style:none;overflow:hidden;position:relative;width:49.5%;min-width:26.5em;max-width:26.5em}

#cuerpo #contenedorPpal .capaCentrada ul li.impar{float:left;clear:left;display:table-column;margin-right:.8em}

*+html #cuerpo #contenedorPpal .capaCentrada ul li{float:right;clear:none;display:block}

*+html #cuerpo #contenedorPpal .capaCentrada ul li.impar{float:left;clear:both;margin-left:-3px;margin-right:0}

* html #cuerpo #contenedorPpal .capaCentrada ul li{float:right;clear:none;display:block}

* html #cuerpo #contenedorPpal .capaCentrada ul li.impar{float:left;clear:both;margin-left:-3px}

#cuerpo #contenedorPpal .capaCentrada ul li img{max-width:10.5em;width:10.5em}

#cuerpo #contenedorPpal .capaCentrada ul li dl dt span{left:18.8em;position:absolute;width:7.8em}

#cuerpo #contenedorPpal .capaCentrada ul li dl dd.masinfo{display:block;height:auto;width:13.2em}

#logo-mutua{clear:both;display:block;float:right}

#menuAyuda{clear:both;display:block;float:none;margin:0 auto} 
#pie.clearfix{clear:both;display:block;float:none;overflow:hidden;width:auto}

#cuerpo #contenedorPpal .capaCentrada{overflow:hidden;position:relative}

#cuerpo #contenedorPpal .capaCentrada ul{float:none;margin:0;overflow:hidden;padding:0}

*+html #cuerpo #contenedorPpal .capaCentrada ul{margin:0 0 0 3px}

#cuerpo #contenedorPpal .capaCentrada ul li{clear:right;display:block;float:left;list-style:none;overflow:hidden;position:relative;width:49.5%;min-width:26.5em;max-width:26.5em}

#cuerpo #contenedorPpal .capaCentrada ul li.impar{float:left;clear:left;display:table-column;margin-right:.8em}

*+html #cuerpo #contenedorPpal .capaCentrada ul li{float:right;clear:none;display:block}

*+html #cuerpo #contenedorPpal .capaCentrada ul li.impar{float:left;clear:both;margin-left:-3px;margin-right:0}

* html #cuerpo #contenedorPpal .capaCentrada ul li{float:right;clear:none;display:block}

* html #cuerpo #contenedorPpal .capaCentrada ul li.impar{float:left;clear:both;margin-left:-3px}

#cuerpo #contenedorPpal .capaCentrada ul li img{max-width:10.5em;width:10.5em}

#cuerpo #contenedorPpal .capaCentrada ul li dl dt span{left:18.8em;position:absolute;width:7.8em}

#cuerpo #contenedorPpal .capaCentrada ul li dl dd.masinfo{display:block;height:auto;width:13.2em}

#cabecera #infoCabecera{text-align:right;width:30em}

#cabecera #infoCabecera p a img{display:inline !important}

#cabecera #infoCabecera #logo-mutua{float:none}

#cabecera #infoCabecera #formulario_cabecera{float:none;position:relative;text-align:left}

#cabecera #infoCabecera #formulario_cabecera form{bottom:0;left:0;position:absolute}

#cabecera #infoCabecera #formulario_cabecera form input{border-top:1px solid #9d9ca1 !important;border-left:1px solid #9d9ca1 !important;border-bottom:1px solid #f1efe2 !important;border-right:1px solid #f1efe2 !important}

#cabecera #infoCabecera #formulario_cabecera #rollover_cabecera{bottom:3px;left:110px;position:absolute}

#cabecera #infoCabecera #formulario_cabecera #menuAyuda{float:right !important}

#formUsuario input#submit{bottom:.2em;left:10.6em;}

#cuerpo .destacado .punteado .clearfix{clear:both;overflow:hidden;position:relative;width:100%}

#cuerpo .destacado .punteado .clearfix dl.medio{clear:right;display:block;float:left;list-style:none;overflow:hidden;position:relative;min-width:25.5em;max-width:25.5em}

#cuerpo .destacado .punteado .clearfix dl.medio.impar{float:left;clear:left;display:table-column;margin-right:.8em}