@charset "utf-8";
@import url("reset.css");

/* CSS Document */
/* GRANATE #8D1915 */

body{
	background-color: #666;
	font-size:.7em;
	}
strong{
	font-weight: bold;
	color: #8D1915;
	}

#pagina{
	width:960px;
	background-color: #FFF;
	margin: 0 auto;
	}

.img_der{
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	}

.img_izq{
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	}


/************* ENCABEZADO ******************/
#encabezado{
	height: 120px;
	}

#logo{
	width:300px;
	float: left;
	margin:22px;
	}
	
#electrodomesticos{
	float:right;
	margin-right: 22px;
	}



/**************** MENU *******************/
#menu{
	height:29px;
	background-image:url(../images/fondo-menu.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}
	
	#menu ul{
		float: right;
		height:29px;
		}
	#menu ul li{
		z-index: 100;
/*		padding: 0px 12px 0px 16px;*/
		display: block;
		float:left;
		background-image:url(../images/division.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		position: relative;
		}
		
	#menu ul li a{
		padding: 0px 15px;
		line-height: 29px;
		text-align:center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .9em;;
		font-weight: bold;
		text-decoration: none;
		color: #717371;
		white-space: nowrap;
		display:block;
		}
	
	#menu ul li:hover ul, #menu ul li a:hover ul{
		display: block;
		}
	#menu ul li a:hover{
		text-decoration: underline;
		color:#000;
		}
		
	#menu ul li ul{
		text-align: left;
		display: none;
		position: absolute;
		top: 29px;
		left:0;
		z-index: 200;
		background:transparent url(../images/trans2.png);
		width:auto;
		height:auto;
		}
		
	#menu ul li:hover ul li:hover{
		text-decoration: underline;
		color:#000;
	}
	#menu ul li:hover ul li:hover a{
		text-align: left;
		}
		
/*HACK IE6 MENU CSS*/
#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100;}
* html #menu li a:hover {position:relative; }
* html #menu li ul {visibility:hidden; display:block; position:absolute; }
#menu li a:hover ul {visibility:visible; left:-15px; top:20px;}




/*************** CONTENIDOS *************/
#contenidos{
	border:1px solid #FFF;
	background-color:#b5b5b5;
	font-size:1.1em;
	}
	
	#ilustracion{
		float:left;
		width:948px;
		height: 316px;
	}
	

	#transicion{
		float:left;
		width:492px;
		height: 316px;
	}
	
	#rejilla{
		float:right;
		width: 456px;
		padding:5px;
		text-align:center;
		display:block;
	}
	
	#rejilla .celda{
		margin:0; padding:0;
		padding: 2px 3px 0px 0px;
		}
	
	
	#informacion{
		clear:both;
		background-color: #FFF;
		padding-top:5px;
		padding-bottom:3px;
		}
	
	.unacol{
		padding:25px;
		}
		
	#info_izq, #info_izq_borde, #info_izq_home{
		width:467px;
		float:left;
		padding-left: 25px;
		padding-right:5px;
		}
	
	#info_izq_home{
		width:461px;
	}
	.borde_derecha{
		border-right: 1px solid #8D1915;
	}
	
	.texto,.texto_der{
		font-size: 1.1em;
		color:#333;
		line-height:1.4em;
		width:450px;
		text-align: justify;
		}
	
	p.texto_der{
		width:430px;
		margin-bottom: 10px;
	}
	
	.texto a{
		color:#8D1915;
		text-decoration: underline;
		}
	
	.texto a:hover{
		text-decoration:none;
		}
		
	.texto p{
		margin-bottom: 10px;
		}
		
	h1{
		font-size: 1.3em;
		margin: 10px 0;
		color:#8D1915;
		font-weight: bold;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	h1.col1{
		margin-left:40px;
	}
	
	#info_izq p.descripcion{
		color:#333;
		line-height:1.4em;
		padding-top:15px;
		width: 300px;
		}
	
	#info_izq #boletin{
		background-color:#8D1915;
		height:85px;
		width:110px;
		float:right;
		padding:17px;
		color:#FFF;
	}

	#info_izq #boletin p.detalle{
		color:#fff;
		line-height:1.2em;
		padding-top:5px;
		}
	
	#info_izq #boletin a{
		font-size:1.4em;
		color:#FFF;
		}
		
	.logos_izq{
		margin-top: 20px;
		text-align: center;
	}
	
	.logos_izq img{
		margin: 15px 10px;
		}
	
	#info_der, #info_der_noborde{
		float:right;
		width: 446px;
		padding-left: 10px;
		border-left: 1px solid #8D1915;
		margin-bottom:4px;
	}

	#info_der_noborde{
		border: none;
	}
	
	h2,h2.estadistico{
		clear:both;
		font-size:1.3em;
		font-weight: bold;
		color:#333;
		margin-bottom: 10px;
		}
	
	h2.estadistico{
		margin-top:30px;
		}
	
	#informacion ul{
		margin:20px 20px 10px 20px;
		}
	
	#informacion ul li{
		margin-top: 10px;
		list-style-image:url(../images/dotlist.jpg);
		line-height:1.3em;
		}
		
	#informacion ul li ul{
		margin-top: 10px;
		margin-bottom: 15px;
		}
		
	#informacion ul li a, ul li a:visited{
		color: #942622;
		font-weight: bold;
	}

	#informacion ul li a:hover{
		text-decoration: none;
	}
	
	.consejos_portada{
		min-height: 85px;
		margin-right: 40px;
	}
	
	.consejos{
		min-height: 85px;
		margin-right:20px;
		margin-bottom:20px;
		}
	
	.consejos_portada img, .consejos img{
		float:left;
		margin-right: 10px;
	}

	.consejos_portada a,.consejos_portada a:visited,.consejos a, .consejos a:visited{
		color: #942622;
		font-weight: bold;
	}
	.consejos_portada a:hover, .consejos a:hover{
		text-decoration:none;
	}
	
	.consejos_portada p{
		margin-top: 5px;
		color: #333;
		line-height:1.15em;
		}
	.consejos p{
		font-size: 1.05em;
		margin-top: 5px;
		margin-left: 125px;
		line-height: 1.15em;
		}
		
	a.boton, a.boton:visited{
		float:right;
		margin-top:8px;
		color: #FFF;
		text-decoration: none;
		height: 21px;
		width:114px;
		background: url(../images/boton.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		text-align: right;
		padding: 6px 8px 0 0;
		clear:both;
		font-size:0.9em;
	}
	
	


/********** TABLAS CLASIFICACIONES ELECTRODOMÉSTICOS ********/
table.clasificacion{
	text-align: left;
	font-size: 1em;
	margin: auto;
	width:90%;
}

table.clasificacion a, table.clasificacion a:visited{
	color: #8D1915;
	text-decoration: underline;
}

table.clasificacion a:hover{
	text-decoration:none;
	}

table.estadisticas{
	font-size:1.1em;
	line-height:1.3em;
	}
table.normativa{
	margin: auto;
	font-size:1.1em;
	margin-top: 20px;
	}

table.clasificacion tr td{
	padding:4px;
	background: #EEE;
	border:1px solid #222;
	vertical-align: middle;
	}

table.normativa tr td{
	padding:6px;
	background: #EEE;
	border:1px solid #222;
	vertical-align: middle;
	line-height: 1.2em;
	}

table.normativa tr th{
	padding:6px;
	background: #EEE;
	border:1px solid #222;
	vertical-align: bottom;
	line-height: 1.2em;
	font-weight: bold;
	color:#8D1915;
	}


table.clasificacion tr td.vacia{
	border: none;
	background: none;	}



/************ PIE **************/
#pie{
	clear:both;
	border-top: 1px solid #8D1915;
	text-align: center;
	}
	
	#pie ul{
		margin-top: 15px;
		}
	#pie ul li{
		display: inline;
		border-right: 1px solid #CF4351;
		padding: 0px 10px;
	}
	
	#pie ul li.ultima{
		border:none;
	}
	
	#pie ul li a, #pie ul li a:visited{
		color: #CF4351;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	
	#pie ul li a:hover{
		text-decoration: none;
	}
	
	#pie p.firma{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #333;
		margin-top:10px;
		padding-bottom: 20px;
	}
	
	







/********** PAGINAS DE MIEMBROS *************/
ul#menu_izq{
	width:120px;
	float:left;
	border-right: 2px solid #e9e9e9;
	margin-top:10px;
	margin-left:30px;
	list-style: none;
	clear:both;
	}

ul#menu_izq li{
	margin:0;
	padding: 5px 0 5px 0;
	list-style: none;
	border-bottom: 1px solid #d7d7d7;
	margin-right:30px;
	height:20px;
	
	}

ul#menu_izq li.seleccionada a{
	color: #8D1915;
	}
ul#menu_izq li.seleccionada{
	list-style-image:url(../images/dotlist-miembro.jpg);
	}

ul#menu_izq li a{
	color: #747474;
	font-weight:normal;
	text-decoration: none;
	display:block;
	line-height:30px;
	}

ul#menu_izq li a:hover{
	color: #8D1915;
	}

#info_miembro{
	float:right;
	width: 700px;
	padding-left: 10px;
	margin-bottom:4px;
	margin-right:70px;
	position: relative;
	min-height:470px;
	padding-top:50px;
	padding-bottom:80px;
}

#info_miembro .logo{
	margin-top: 20px;
	margin-left:40px;
	float:left;
}


#ficha_miembro{
	width:400px;
	float:right;
	color: #666;
	line-height:1.3em;
}
#ficha_miembro2{
	width:200px;
	float:left;
	line-height:1.3em;
}

#ficha_miembro strong{
	color:#444;
}

#ficha_miembro a,#ficha_miembro a:visited{
	color:#8D1915;
	text-decoration: underline;
	font-weight:bold;
}

#ficha_miembro a:hover{
	text-decoration: none;
}

#ficha_miembro .ficha_top{
	background-image:url(../images/ficha-top.jpg);
	width: 395px;
	height:	18px;
	}

#ficha_miembro .ficha_middle{
	background-image:url(../images/ficha-middle.jpg);
	background-repeat:repeat-y;
	width: 365px;
	padding: 0 30px 0 0px;
	}

#ficha_miembro .ficha_cabecera{
	padding: 0 15px 0 30px;
	background-image:url(../images/ficha-middle-cabecera.jpg);
	background-repeat:repeat-y;
	padding-bottom: 15px;
	}

#ficha_miembro .ficha_cuerpo{
	padding: 0 15px 0 30px;
	font-size:0.9em;
	}

#ficha_miembro .ficha_cabecera h1{
	margin-top:0;
	padding-top:0;
	color:#666;
	}

#ficha_miembro .ficha_bottom{
	background-image:url(../images/ficha-bottom.jpg);
	width: 395px;
	height:	26px;
	}


.logos-pagina-miembros{
	position: absolute;
	bottom:0;
	margin-bottom:20px;
	clear:both;
	}


.logo-miembro{
	margin-top:5px;
	margin-right:20px;
	}
	
	

.mapa_google{
	margin-top:20px;
	}