/************************************************************************/
/* CLIENTE:                        PREVENCION                           */
/* PROYECTO:                       Nueva página Index                   */
/* DTD CODIGO:                     HTML 4.01 Transitional               */
/* FECHA ULTIMA MODIFICACION:      23/06/2008-V01                       */
/* MODIFICADO POR:                 JESUS ALONSO                         */
/* VALIDACION:                     EXPLORER 6 - EXPLORER 7 - FIREFOX    */	
/************************************************************************/ 

/************************************/	 
/*           ESTILOS CSS            */
/************************************/
body{
	padding:0;
	margin:0;}
/* CONTENEDORES GENERALES */
.tabla_index{
	margin:0px;
	padding: 0px;
	border: 0px;
	width:100%;}
	
.tabla_index td.columna_principal{
	vertical-align: top;
	padding-left: 10px;
	text-align: left;}
	
.tabla_index td.columna_accesos{
	width:205px;
	vertical-align: top;}
	
/* CONTENEDOR BLOQUE INFERIOR */
.index_inferior{
	margin-top:5px;
	width:99%;}

/* CONTENEDOR BLOQUE SUPERIOR  Y ESTILOS RESTRINGIDOS */
.index_superior{
	width:99%;
	background-image: url(images/Index_Superior_fondo.gif);
	background-repeat: no-repeat;
	height:50%;
	background-color:#DCDEDE;}

.index_superior td{
	vertical-align:top;
	text-align:center;}

.index_superior td.sin_padding{padding:0px;}

.index_superior td div{
	margin-top: 10px;
	height:84px;
	width:97%;position:relative;}

.index_superior td div.club{height:193px;}

.index_superior td div img{
	width: 239px;
	position: relative;
	float: left;}

/* 'PASTILLAS' DE OPCIONES */

.index_superior td div a{
	font-family:"Trebuchet MS",Arial,Verdana;
	font-size:14px;
	font-weight:bold;
	display:block;
	height:100%;
	width:185px;
	background-repeat:no-repeat;
	background-position:top center;
	color:#B3BA9B;
	text-decoration:none;
	text-align:right;
	padding-left:39px;
	padding-top: 6px;
	padding-right:15px;}
	
.index_superior td div a:hover{color:#8E996A;}

.index_superior td div a span{
	margin-top:6px;
	display:block;
	color: #74736C;
	font-size:10px;
	font-weight:normal;
	width:130px;
	line-height:1.2em;
	position:relative;
	float:right;}

.index_superior td div a:hover span{color: #000000;}

a.pas_01{background-image:url(images/pas_01.gif);}
a.pas_02{background-image:url(images/pas_02.gif);}
a.pas_03{background-image:url(images/pas_03.gif);}
a.pas_04{background-image:url(images/pas_04.gif);}
a.pas_05{background-image:url(images/pas_05.gif);}
a.pas_06{background-image:url(images/pas_06.gif);}
a.pas_07{background-image:url(images/pas_07.gif);}
a.pas_club{background-image:url(images/pastilla_club.gif);}

/* FIN 'PASTILLAS' DE OPCIONES */

.index_superior td.sin_padding div{
	margin:0px;
	width:100%;
	height: 110px;
	padding-top:4px;
	background-color:#FFFFFF;}
	
.index_superior td.sin_padding div a{width:100%;}

.index_superior td div a.clubamigos{
	height:192px;
	width: 238px;
	padding-left: 0px;
	padding-right: 0px;
	text-align:center;
	background-image:url(images/clubamigos.gif);}
	
/* ACCESOS A SERVICIOS EXTERNOS -DERECHA- */

.accesos_externos{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;}

.accesos_externos ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:205px;}

.accesos_externos li{
	height:45px;
	list-style-image:none;}

.accesos_externos a{
	background-image:url(images/acceso_externo_default.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	height:100%;
	padding-left:40px;
	padding-right:50px;
	padding-top:10px;
	text-decoration:none;}
	
.accesos_externos a.linea_simple{padding-top:12px;}
.accesos_externos a:hover{background-image:url(images/acceso_externo_default_hv.gif);}
.accesos_externos a.navegacion{background-image:url(images/acceso_externo_navegacion.gif);}	
.accesos_externos a.navegacion:hover{background-image:url(images/acceso_externo_navegacion_h.gif);}	
.accesos_externos a.ex_mail{background-image:url(images/acceso_ex_mail.gif);}	
.accesos_externos a.ex_mail:hover{background-image:url(images/acceso_ex_mail_hv.gif);}	
.accesos_externos a.ex_blog{background-image:url(images/acceso_ex_blog.gif);}	
.accesos_externos a.ex_blog:hover{background-image:url(images/acceso_ex_blog_hv.gif);}	

/* IFRAMES */

.iframe_noticias, .iframe_lomasvisto{
	width:201px;
	display:block;}

.iframe_header{
	display:block;
	height:35px;}

.iframe_header a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-repeat:no-repeat;
	background-position:left top;
	height:100%;
	color:#FFFFFF;
	text-decoration:none;
	padding-left: 40px;
	padding-right: 30px;
	padding-top:12px;}	
	
.iframe_body{	
	border-left:1px solid #D3D8C6;
	border-right:1px solid #D3D8C6;
	padding:3px;
	display:block;
	height: 203px;}
	
.iframe_body iframe{
	margin:0px;
	padding:0px;
	width: 193px; 
	height: 247px;}

.iframe_lomasvisto .iframe_body{	
	border-left:1px solid #D3D8C6;
	border-right:1px solid #D3D8C6;
	padding:3px;
	display:block;
	height: auto;
	}

.iframe_lomasvisto .iframe_body table{	
	font-family:"Trebuchet MS",Arial,Verdana;
	font-size:11px;
	width:100%;
}
.iframe_lomasvisto strong{
	position:relative; 
	float: left;
	padding-right:1px;
	width:12px;}
	
.iframe_lomasvisto .iframe_body table a{	
	text-decoration: none;
	color:#666666;
	position: relative;
	float:left;
	width:179px;}

.iframe_lomasvisto .iframe_body table a:hover{
	color:#000000;}	

.iframe_lomasvisto .iframe_body table td.alterno{background-color:#E7EDCB;}

.iframe_lomasvisto .iframe_body iframe{
	margin:0px;
	padding:0px;
	width: 193px; 
	height: 167px;}
	
.iframe_footer a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url(images/ft_noticias.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:20px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left: 40px;
	padding-right: 30px;}	
	
.iframe_footer a:hover{background-image:url(images/ft_noticias_hv.gif);}
.iframe_noticias .iframe_header a{	background-image:url(images/hd_noticias.gif);}
.iframe_lomasvisto .iframe_header a{background-image:url(images/hd_lomasvisto.gif);}

/* MARCOS Y ESQUINAS REDONDEADAS PARA TABLAS */

.marco_izquierda, .marco_derecha, .marco_abajo, .marco_inferior_derecha, .marco_inferior_izquierda{
	font-size:1px;
	background-color:#DCDEDE;
	padding:0px;
	margin:0px;}

.marco_izquierda{
	background-image:url(images/marco_izquierda.gif);
	background-repeat:repeat-y;
	background-position: left top;
	width:15px;}

.marco_derecha_cajab{
	background-image:url(images/marco_derecha_cb.gif);
	background-repeat:repeat-y;
	background-position: right top;
	width:17px;}

.marco_izquierda_cajab{
	background-image:url(images/marco_izquierda_cb.gif);
	background-repeat:repeat-y;
	background-position: left top;
	width:15px;}

.marco_derecha{
	background-image:url(images/marco_derecha.gif);
	background-repeat:repeat-y;
	background-position: right top;
	width:17px;}
	
.marco_abajo{
	background-image:url(images/marco_inferior.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	height:24px;}

.marco_superior{
	background-image:url(images/marco_superior.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	height:32px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;	}

.marco_superior img{
	float:left;
	position:relative;
	vertical-align:middle;
	}
.marco_superior span{
		float:left;
	position:relative;
	margin-top:8px;
	margin-left:10px;}

.marco_superior a{
	position:relative;
	float: right;
	padding-right:0px;
	margin-right:4px;
		}

.marco_superior_izquierda{
	background-image:url(images/marco_superior_izda.jpg);
	background-repeat:no-repeat;
	background-position: left top;}

.marco_superior_derecha{
	background-image:url(images/marco_superior_dcha.jpg);
	background-repeat:no-repeat;
	background-position: right top;}
	
.marco_inferior_derecha{
	background-image:url(images/marco_inferior_derecha.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	width:17px;}

.marco_inferior_izquierda{
	background-image:url(images/marco_inferior_izquierda.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	width:15px;}
	
.marco_abajo_cajab{
	background-image:url(images/marco_inferior.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	height:24px;
	background-color:#FFFFFF;}

.marco_inferior_derecha_cajab{
	background-image:url(images/marco_inferior_derecha_cb.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	width:17px;}

.marco_inferior_izquierda_cajab{
	background-image:url(images/marco_inferior_izquierda_cb.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	width:15px;}

.separador_cb{
	border-bottom: 1px solid #CACACA;
	padding-bottom:4px;
	padding-top:2px;}

/* IMAGENES Y TEXTOS AREA INFERIOR */

.flota_izquierda_acceso {
	position:relative;
	float:left;}	
	
a.flota_derecha_acceso {
	margin-top:7px;
	position:relative;
	float:right;
	background-image:url(images/acceder_mas.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;	}

a.flota_derecha_acceso:hover {background-image:url(images/acceder_mas_hv.jpg);}

a.destacados_inferior {
	font-family:"Trebuchet MS",Arial,Verdana;
	font-size:14px;
	font-weight:bold;
	color:#B3BA9B;
	text-decoration:none;
	position:relative;
	margin-top:5px;
	margin-left: 15px;
	float:left;}
	
a.destacados_inferior:hover{color:#8E996A;}

a.destacados_inferior span{
	margin-top:15px;
	display:block;
	color: #74736C;
	font-size:11px;
	font-weight:normal;
	line-height:1.2em;
	position:relative;}

a.destacados_inferior:hover span{color: #000000;}

.index_superior td div a.promocion{
	background-image:url(images/pas_05_des.gif);
	color:#FFFFFF;}

.index_superior td div a.promocion span{
	color:#FFFFFF;}
	
.index_superior td div a.promocion:hover{
	background-image:url(images/pas_05_des_hv.gif);
	color:#DDDDDD;}

.index_superior td div a.promocion:hover span{
	color:#DDDDDD;}

.comunidades_buscador {
  background-image:url(imgs/comunidad.png);
	background-repeat:no-repeat;
	color:#333333;
	font-size:18px;
	padding:0px;
	font-family: verdana,arial;
}