@charset "UTF-8";
/* CSS Document */

body {
	background: #009EE0 url(images/bg_blau.gif) top center no-repeat;
	margin: 0;
}

hr { display:none; }
.clear { clear:both; }

a {outline:none;}

img {border:0;}

#content { width:950px;	margin:0 auto; }


/*---------------------------------------
---------------- Header -----------------
-----------------------------------------*/

#header  { height:104px; padding:19px 0 0 0; }

/*-- logo --*/
#header h1 { margin:0; padding:0; width:416px; }

#header h1 a { 
	display:block;
	text-indent:-9999px;
	background:url(images/blau_logo.gif) top left no-repeat;
	width:416px;
	height:50px;
}	

/*-- Menu principal --*/
#header ul { margin:18px 0 0 0; padding:0; width:604px; float:left; }

#header li {
	display:inline;
	list-style:none;
	margin-right:9px;
	float:left;
}

#header li a {
	display:block;
	text-indent:-9999px;
	background-image:url(images/menu_home_new.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:25px;
	width:100px;
}

#header li a:hover { background-position:0 -32px; }

		#header #menu_02 a { width:94px; background-position:-110px 0; }
		#header #menu_02 a:hover { background-position:-110px -32px; }
		
		#header #menu_03 a { width:81px; background-position:-214px 0; }
		#header #menu_03 a:hover { background-position:-214px -32px; }

		#header #menu_04 a { width:113px; background-position:-305px 0; }
		#header #menu_04 a:hover { background-position:-305px -32px; }

		#header #menu_05 a { width:89px; background-position:-428px 0; }
		#header #menu_05 a:hover { background-position:-428px -32px; }

		#header #menu_06 a { width:69px; background-position:-525px 0; }
		#header #menu_06 a:hover { background-position:-525px -32px; }


/*-- Icono telefono --*/
/*-- #header p {padding:0; margin:-14px 0 0 0; float:right; }

	#header p a {
		display:block;
		text-indent:-9999px;
		width:213px;
		height:64px;
		background:url(images/blau_movil.gif) top left no-repeat;
	} --*/
	
	/*-- Reescrito para que no haya enlace --*/
	#header p {
		padding:0;
		margin:-14px 0 0 0;
		float:right;
		display:block;
		text-indent:-9999px;
		width:213px;
		height:64px;
		background:url(images/blau_movil.gif) top left no-repeat;
	}
	
	
	
/*-- Promo encima del telefono --*/
#header h2 { 
	float:right;
	width:213px;
	height:25px;
	padding:0;
	margin:-49px 0 0 0;
}

#header h2 a {
	background:url(images/quiero-vender-blau.gif) top left no-repeat;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

/*---------------------------------------
----------- Banner Central --------------
-----------------------------------------*/
#central {
	width:595px;
	height:423px;
	float:left;
	display:block;
}

#central ul, #central li { margin:0; padding:0; list-style:none; }


/*--------- Banner Central en 2 partes verticales -----------*/
#central-left {
	width: 298px;
	height:423px;
	float:left;
	display:block;
}
#central-right {
	width:297px;
	height:423px;
	float:left;
	display:block;
}

/*-- Botones --*/
/*-- Comentado el css del home_dic2008 --*/
#central p { 
	margin:0 10px 0 0;
	padding:0;
	float:left;
	position:relative;
	/*top:377px;*/
	/*left:360px;*/
	top:362px;
	left:15px;
}

#central p a {
	background-image:url(images/banner_central_botones.gif);
	background-position: top left;
	background-repeat: no-repeat;
	/*width:114px;*/
	/*height:24px;*/
	display:block;
	text-indent:-9999px;
	width:230px;
	height:43px;
}
/*-- #central p a:hover { background-position: 0 -27px; } --*/

	#central #central_bot_02 a { width:73px; background-position: -117px 0; }
	#central #central_bot_02 a:hover { background-position: -117px -27px; }
	
/*-- Botones para central dividido en 2 --*/

#central-left p, #central-right p {
	margin:0;
	padding:0;
	position:relative;
	top:380px;
	left:15px;
}

#central-left p a, #central-right p a {
	background:none;
	/*width:109px;*/
	width:120px;
	height:24px;
	display:block;
}

#central-right-bot-01 {
	background:url(images/banner_central_boton_info.gif) top left no-repeat;
}

#central-left-bot-01 {
	background:url(images/banner_central_boton_promo.gif) top left no-repeat;
}

#central-left-bot-02, #central-right-bot-02 {
	background:url(images/banner_central_boton_compra.gif) top left no-repeat;
}

	
	
	
/*---------------------------------------
----------- Banner Sidebar A ------------
-----------------------------------------*/
#sidebar-a {  
	margin:0 0 10px 10px;
	width:332px; 
	height:206px;
	float:right;
	}

#sidebar-a ul { padding:0; margin:0; }
#sidebar-a li { list-style:none; padding:0; margin:0; z-index:100; }

#sidebar-a li a { 
	display:block;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent:-9999px;
	width:332px; 
	height:169px;
	}
	
#sidebar-a #banner-pack-bienvenida a {
	background-image:url(images/banner_side_a.gif);
}

/*-- Botón de compra en Sidebar-a --*/

	#sidebar-a-compra {
		position:relative;
		top:0px;
		left:16px;
		height:25px;
		width: 221px;
		background:#fff;
		padding:3px;
	}
	
	#sidebar-a-compra a {
		height:25px;
		width: 221px;
		display: block;
		background-image:url(images/banner_side_a_compra.gif);
		text-indent:-99px;
		overflow:hidden;
	}



/*---------------------------------------
----------- Banner Sidebar B ------------
-----------------------------------------*/
#sidebar-b {
	margin:0 0 0 10px;
	width:332px; 
	height:207px;
	float:right;
	}

#sidebar-b ul { padding:0; margin:0; }
#sidebar-b li { list-style:none; padding:0; margin:0; }

#sidebar-b li a { 
	display:block;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent:-9999px;
	width:332px; 
	height:207px;

	}
	
	/*-- Banners Imagenes --*/
	#sidebar-b #banner-cobertura a { background-image:url(images/banner_side_b_cobertura.gif); }
	#sidebar-b #banner-garantia a { background-image:url(images/banner_side_b_garantia.gif); }
	#sidebar-b #banner-tiendas a { background-image:url(images/banner_side_b_tiendas.gif); }
	#sidebar-b #banner-comparador a { background-image:url(images/banner_side_b_comparador.gif);  }
	#sidebar-b #banner-tarifas a { background-image:url(images/banner_side_b_tarifas.gif);  }



/*-----------------------------
----------- FOOTER ------------
-----------------------------*/

/*-- Submenu --*/

#footer { margin:9px 0 20px 0; }

#footer ul { margin:0; padding:0; float:left; width:600px;  }

#footer li {
	display:inline;
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}

#footer li a {
	display:block;
	text-indent:-9999px;
	background-image:url(images/sub_menu_home_new.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:56px;
	width:126px;
}

#footer li a:hover { background-position:0 -61px; }

		#footer #sub_menu_02 a { width:123px; background-position:-126px 0; }
		#footer #sub_menu_02 a:hover { background-position:-126px -61px; }
		
		#footer #sub_menu_03 a { width:228px; background-position:-249px 0; }
		#footer #sub_menu_03 a:hover { background-position:-249px -61px; }

		#footer #sub_menu_04 a { width:118px; background-position:-477px 0; }
		#footer #sub_menu_04 a:hover { background-position:-477px -61px; }
		
	
/*--Footer Promo como sidebar --*/
#footer-sidebar { float:right; width:332px; height:75px; display:block; overflow:hidden; }
#footer-sidebar p { margin:0; padding:0;}
#footer-sidebar a { width:332px; height:75px; display:block; background: url(images/footer-promo.gif) no-repeat; overflow:hidden; text-indent:-9999px; overflow:hidden; }



/*-- links pie --*/
#footer p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	margin:0;
	padding:3px 0;
	
	width:600px;
	float:left;
}
	
#footer p a {text-decoration:none; color:#fff; }
#footer p a:hover {text-decoration:underline; }



/*------------------------------------------
----------- PORQUE BLAU - popup ------------
------------------------------------------*/
#porque-blau {width:420px}
#zoom_content {
	width:380px;
	margin:0 auto;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	text-align:justify;
	line-height:140%;
	letter-spacing:-0.05em;
	}
	
#zoom_content strong { font-size:18px; line-height:110%; }
#zoom_content em { font-style:normal; color:#009EE0; }

#zoom_content h2 { 
	margin:0 0 20px 0; 
	padding:0; 
	text-align:center;
	height:33px;
	text-indent:-9999px;
	display:block;
	background:url(images/porque-blau_h1.gif) top center no-repeat;
	}

#zoom_content h3 { 
	margin:20px 0 5px 0; 
	padding:0;
	height:27px;
	text-indent:-9999px;
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
}


#zoom_content p { margin:0 0 20px 0; padding:0;}