/*********************************************/
/*               FRAMEWORK                   */
/*********************************************/
/*********************************************/
/*    CLASES DINAMICAS y en los HTM          */
/*********************************************/

/* ------------------------------------------------ */
/* --- CLASES que no tienen un sitio especifico --- */
/* ------------------------------------------------ */

.tb-ppal {
	width: 100%;		
}
.gran_tabla {
	width: 100%;
	background-image: url(/images/fondo_interior_14.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.td-titulo{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 18px;
	color: #000;
	padding-right: 20px;
	margin-bottom: -20px;

}
.texto2 {
	padding-bottom: 30px;
}
.texto5 {
	padding-left: 40px;
	font-size: 14px;
}
a.subseccion:link, a.subseccion:visited  {
	font-size: 12px;
}
.texto2 b{
	font-family:  Arial, Verdana,Times, serif;
	font-size: 14px;
	color: #333333;
	padding-right: 6px;
}
.regata-enlaces {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	padding-top: 12px;
	font-weight: bold;
	font-style: italic;
}
	a.r-enlace:link, a.r-enlace:visited {
		width: 20%;
		color: #333333;
		font-size: 12px;
		padding: 4px 10px 4px 10px;		
	}
	a.r-enlace:hover {
		color: #999999;
		text-decoration: underline;	
	}

/* ----------------------------------- */
/* --- CLASES para los FORMULARIOS --- */
/* ----------------------------------- */
.formulario-td-etiquetas {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #fff; 
	background-color: #9461c8; 
	font-weight: bold;
	text-align: right;
	padding: 6px;
}
.formulario-td-campos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	background-color: #f5b412;
	text-align: left;
	padding: 6px; 
}
.formulario-campo { 
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #253F96;
	background-color: #ffffff;
	border: solid 2px #000;
	text-align: left; 
 }
.formulario-boton { 
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000; 
	background-color: #f5b412;
	border: solid 1px #000;
	text-align: center;	
	font-weight: bold;
	cursor: hand; 
}
	
/* ---------------------------------------------------------- */
/* --- CLASES para los MENSAJES tanto de error como de ok --- */
/* ---------------------------------------------------------- */
.mensaje-tabla {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FF6501; 
	width: 100%;
	text-decoration: none;
}
.mensaje-td-error {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #000;
	width: 100%;
	text-decoration: none;
	padding: 3px;
}
.mensaje-td-ok {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000;
	padding: 3px;
}

/* -------------------------------------------- */
/* --- CLASES para los FORMULARIOS de LOGIN --- */
/* -------------------------------------------- */
.tb-login {
	width: auto;	
	margin-left: 70px;
	margin-bottom: 30px;			
}
.form-login-td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #CC8E37; 	
	font-weight: bold;
}
.form-login-campo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-color: #F2E4CE;
}
.form-login-boton {
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #78541F;
	background-color: #ffffff;
	border: solid 1px #CC8F35;
	text-align: center;	font-weight: bold;		 
}
.texto-login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}
.cabecera-texto-login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000066;
	font-weight: bold;
}
a.enlaces-login:link, a.enlaces-login:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: underline;
}
a.enlaces-login:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #000066;
}
/* --------------------------------------- */
/* --- CLASES para el MARGEN IZQUIERDO --- */
/* --------------------------------------- */
.tb-margen-izquierdo {				
	width: 100%;	
}
	.td-titulo-margen{
		border: 1px solid #fff;
		font-size: 11px;
		color: #000;
		background-color: #fff;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 4px;
	}
	.td-titulo-margen2{
		font-size: 14px;		
		color: #333333;
		font-weight: bold;
		text-align: center;		
		padding: 2px;
		font-weight: bold;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;		
	}
	
	.td-enlaces-familias {
		filter: alpha(opacity=95);
		padding-bottom: 10px;
		padding-top: 4px;

	}
	.td-enlaces-familias a:link, .td-enlaces-familias a:visited { }
	.td-enlaces-familias a:hover { }
	.td_familias {						
	}
		/* --- enlaces familia --- */			
		.a-familias {
			display:block;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #333333;
			text-decoration: none;
			padding-top:6px;
			padding-left:8px;	
			text-align: left;	
		}		
			a.a-familias{	
				display:block;	
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #333333;
				padding-top:6px;
				padding-left:8px;
				font-weight: bold;
				border-bottom: 1px solid #EBEEF2;	
			}
			a.a-familias:visited{	
				display:block;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #fff;		
				padding-top:6px;
				padding-left:8px;
				font-weight: bold;
				border-bottom: 1px solid #EBEEF2;	
			}
			a.a-familias:hover{
				display:block;	
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #333333;	
				padding-top:6px;
				padding-left:8px;
				border-bottom: 1px solid #333333;
				background-color: #FFFFFF;				
			}						
	/* --- formulario de busqueda --- */	
	.td-formulario-izq {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 9px;
		padding-left:25px;
		font-weight: normal; 
		color: #0C0150; 
		text-decoration: none; 
		background-color: #FFFFFF;				
		filter: alpha(opacity=95); 	
	} 
		.etiqueta-izq {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; 
			color: #000;
			background-color:#8ed200;			
			text-align: center;
			margin: 2px;	
			border: 1px solid #000;
		}
		.campo-izq {
			text-align: center;
		}
		.campo-izq input {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 9px; 
			color: #0C0150; 
			background-color: #FFFFFF;
			border: solid 1px #0C0150;
		}
		.boton-izq {
			text-align: center;
			padding-top: 6px;			
		}
		.boton-izq input {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 9px; 
			color: #000; 
			background-color: #f5b412;
			border: solid 1px #0C0150;  
			font-weight: bold; 
		}
	/* --- enlaces restantes del margen --- */
	.td-enlaces-margen-izquierdo { 
		text-align: left; 
		padding: 2px 2px 2px 8px;			
	}
		
	.td-enlaces-margen-izquierdo a:link, .td-enlaces-margen-izquierdo a:visited{ 
		text-decoration: none;		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		padding-bottom: 0px;
		padding-left: 8px;
		background-image: url(/diseno1/images/punto.gif);
		background-repeat: no-repeat;
		background-position: left;										
	}
	.td-enlaces-margen-izquierdo a:hover {					 										 
		border-bottom: 1px solid #CB9036;
		border-top: 1px solid #CB9036;
		color: #914800;
		padding-bottom: 0px;
		padding-left: 8px;
		background-color: #F3E6D3;
		background-image: url(/diseno1/images/punto.gif);
		background-repeat: no-repeat;
		background-position: left;		
	}	
/* ------------------------------------------- */
/* --- CLASES que aparecen en los LISTADOS --- */
/* ------------------------------------------- */
	tr.listado-fila-par {			
	}
	tr.listado-fila-impar {			
	}
	div.listado-fila-par {	
		padding: 10px;				
		color: #000000;
		font-size: 12px;
		margin-bottom: 5px;		
		border: 1px solid #253F96;
		background-color: #ffbda3;
		height: 100px;
	}
	div.listado-fila-impar {	
		padding: 10px;
		background-color: #e3dcab;
		color: #000000;
		font-size: 12px;
		margin-bottom: 5px;		
		border: 1px solid #253F96;
		height: 100px;	
	}
	.listado-td {  
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000066; 
		text-decoration: none;		 				
	}

	.estilo_listado_cabecera {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #ffffff;
		background-color: #0C0160;
		font-weight: bold;
		text-transform: uppercase;		
	}
		.estilo_listado_cabecera a:link { color:#FFFFFF; text-decoration:underline;}
		.estilo_listado_cabecera a:visited { color:#FFFFFF; text-decoration:underline;}
		.estilo_listado_cabecera a:hover { color:#0C0150; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; background-color: #B2D3F2; text-decoration: none;}
	
	.listado-cabecera {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #ffffff;
		background-color:#0C0160;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.estilo_mensaje_listado {	
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		font-weight: bold; 
		color: #000000;	
	}
/* --------------------------------------------- */
/* --- CLASES para el LISTADO de SUBFAMILIAS --- */
/* --------------------------------------------- */
.td-titulo-categoria {	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;	 
	background-color: #FFFFFF;
	padding: 3px;	
	border-top: 5px solid #3F597C;
	color: #3F597C;
	width: auto;	
}
.td-categoria {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;	 
	background-color: #FFFFFF;
	padding: 3px;
	border-top: 5px solid #3F597C;
	color: #000000;
	width: 250px;				
}
.td-titulo-subcategoria {	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #3F597C; 
	padding: 3px;
	text-align: left;
	font-weight: bold;
	background-color: #FFFFFF;
	width: auto;		
}
.td-subcategorias {
	text-align: center;
	width: 100%;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}
	.td-subcategorias td {
		padding: 4px 8px 4px 8px;		
		vertical-align: top;
		width: 33%;
		border: 1px solid #0C0150 ;
		background-color: #B2D3F2;			
	}	
	
	/* --- enlaces detalle subfamilias --- */
	a.enlaces_subfamilias:link {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		color: #0C0150; 
		text-decoration: none; 
		font-size: 12px;		
		padding: 1px 4px 1px 4px;
		border-bottom: 1px solid #0C0150;
		border-right: 1px solid #0C0150;
		border-top: 1px solid #FFFFFF;
		border-left: 1px solid #FFFFFF;
		background-color: #EBEEF2;	
	}
	a.enlaces_subfamilias:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		color: #0C0150; 
		text-decoration: none; 
		font-size: 12px;		
		padding: 1px 4px 1px 4px;
		border-bottom: 1px solid #0C0150;
		border-right: 1px solid #0C0150;
		border-top: 1px solid #FFFFFF;
		border-left: 1px solid #FFFFFF;
		background-color: #EBEEF2;				
	}
	a.enlaces_subfamilias:hover {
		background-color: #B2D3F2;
		color: #000000;
		border-top: 1px solid #0C0150;
		border-left: 1px solid #0C0150;
		border-bottom: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;	
		background-color: #EBEEF2;		
	}

/* ------------------------------------------- */
/* --- CLASES para el LISTADO de ARTICULOS --- */
/* ------------------------------------------- */
.tb-titulos {
	width: 100%;	
}
.titulo_familia {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;	 	
	padding: 3px;		
	color: #3F597C;	
}
.titulo_subfamilia {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;	 
	background-color: #FFFFFF;
	padding: 3px;		
	color: #3F597C;
	width: auto;
}

	.imagen {
		float: left;
		margin: 3px;
		padding: 6px;
		background-color: #F5F7F9;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
								
	}
		.imagen img {
			margin-bottom: 9px;							
		}
	.referencia {
		color: #000000;
		font-size: 10px;		
		padding-right: 4px;		
		text-align: right;
		text-decoration: underline;		
	}					
	.nombre {
		color: #333333;
		font-size: 16px;
		font-weight: bold;			
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-left: 135px;			
	}
	.marca {
		font-family: Arial, Helvetica, sans-serif;
		margin-top: 8px;
		color: #333333;
		font-size: 10px;
		font-weight: bold;
		text-decoration: underline;
		margin-left: 135px;
	}
	.descripcion {
		background-color: #EBEEF2;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #0C0150;
		margin: 10px 5px 10px 135px;
		padding: 4px;
		text-align: justify;			
	}
		.descripcion:first-letter {
			text-transform: capitalize;
			font-size: 16px;			
			color: #0C0150;			
			font-weight: bold;
		}
	.precio {
		margin-top: 8px;
		margin-bottom: 10px;
		color: #0C0150;
		font-size: 12px;
		text-align: right;
		padding-right: 4px;
		width: auto;
		font-weight: bold;		
	}
	.b_oferta {		
		text-align: right;					
	}	
	.cantidad {
		font-size: 14px;
		color: #0C0150;
		text-align: right;
		padding-bottom: 3px;
		padding-right: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
		.cantidad input {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			color: #000000;
			border: 1px solid #0C0150; 
			background-color: #FFFFFF;	
		}
	.ver_detalle {
		text-align: center;	
	}
	.listado_default {
	}
/* --------------------------------------------- */
/* --- CLASES para el INDICE DE LOS LISTADOS --- */
/* --------------------------------------------- */
.indice-tabla {	
	width: 100%;
	font-size: 14px;font-weight: bold;
	background-image: url(/images/fondo_interior_14.jpg);
	background-repeat: repeat-y;
	background-position: left;

}
	.indice-tabla {
			
	}
.indice-td-enlace {
	width: auto;
	font-size: 14px;
}
.indice-td-texto {
	width: auto;
	color: #000000;
	font-size: 10px;
}
a.indice-enlace:link {
	color: #ffff;
	font-size: 11px;
}
a.indice-active:link { color: #ffff;  }
a.indice-enlace:visited {
	color: #ffff;
	font-size: 11px;
}
a.indice-enlace:hover {
	text-decoration: underline;
	color: #000;
	background-color:#fff;
	text-decoration: underline;
	font-size: 11px;
}

/* ------------------------------------------- */
/* --- CLASES para el DETALLE del ARTICULO --- */
/* ------------------------------------------- */
.tb-detalle-articulo {
	background-color: #FFFFFF;
	width: 99%;			
	border-bottom: 5px solid #3F597C;	
}
.tb-datos-articulo {
	width: 100%;		
}
	.detalle-nombre {
		font-family: Verdana, Arial, Helvetica, sans-serif;		
		text-align: center;
		color: #CB9036;
		font-size: 16px;
		font-weight: bold;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		text-decoration: underline;				
	}
	.detalle-imagen {
		margin: 3px;
		padding: 6px;
		background-color: #EBEEF2;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;		
	}
		.detalle-imagen img {
			padding-bottom: 6px;
		}
	.detalle-marca {
		padding-top: 2px;
		font-size: 16px;
		color: #000000;
		font-weight: bold;
		background-color: #EBEEF2;			
	}
		.detalle-marca b {
			font-size: 14px;
			font-weight: normal;					
		}
	.detalle-descripcion {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;  
		color: #0C0150; 		
		background-color: #EBEEF2;
	}
	.detalle-descripcion p {
	padding-left:50px;
	}
	.detalle-descripcion b{
			font-size: 11px; 
		}
	.detalle-precio {
		padding-top: 8px;
		font-size: 14px;
		padding-bottom: 8px;
		color: #0C0150;		
	}	
	.detalle-tienda {
		font-size: 12px;
		color: #0C0150;
		padding-bottom: 8px;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #F9F9F9;
	}
		.detalle-tienda input {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			color: #0C0150; 
			background-color: #EBEEF2;
			border: 1px solid #0C0150;
		}
		.detalle-tienda a:link, .detalle-tienda a:visited {
			color: #0C0150;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			padding: 2px;
			border-bottom: 2px solid #0C0150;
		}
		.detalle-tienda a:hover{
			background-color: #EDEDED;
			border-bottom: 2px solid #0C0150;
			color: #0C0150;
		}
		
	/* -- tabla que sale en el detalle para localizar el modelo -- */	
	.tb-localiza-modelo {
		width: 100%;
		text-align: center;		
		background-color: #F9F9F9;
	}
		.tb-localiza-modelo b {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #0C0150;				
		}
		.tb-select {
			width: 100%;													
		}
		.td-select-etiqueta{
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; 
			color: #ffffff; 
			background-color: #E3C291; 
			font-weight: bold;
			text-align: right;
			width: 40%;
		}
		.td-select-campo {
			width: 60%;
			text-align: left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #333333;
			text-decoration: none;
			background-color: #F2E4CE;
		}
			.td-select-campo select {				 				
				color: #CB9036;
				background-color: #FFFFFF;
				font-size: 9px;
				font-weight: bold;
			} 
			.td-select-campo option {
				font-family: verdana; 
				font-size: 9px; 
				color: #CB9036;
				font-weight: bold;
			}
			option.op-selecciona {
				color: #CB9036;
				font-weight: normal;												
			} 
		.div-localiza-modelo {			
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 12px;
			color: #000099;		
		}
	.detalle-stock{
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 14px;
		padding-right: 5px;
		padding-bottom: 5px;
		font-weight: bold;
		text-decoration: underline;					
	}
		.detalle-stock b {
			color: #000000;
			font-weight: normal;		
		}						
/* --------------------------------------------------------------------- */
/* --- CLASES para el LISTADO de ACCESORIOS RECOMENDADOS/COMPLEMENTOS --- */
/* --------------------------------------------------------------------- */

.tb-complementos {
	width: 95%;
}
.complementos-titulo {
	color: #333333;
	background-color: #E0D5B1;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	margin: 0px 3px 3px 0px;
}
.complementos-imagen {
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 4px;
}
.complementos-nombre {
	font-size: 12px;
	color: #DA7634;
	margin-top: 10px;
	font-weight: bold;
}
.complementos-descripcion {
	margin-top: 4px;
	margin-bottom: 4px;
	color: #4C4C4C;
}
.complementos-enlace a:link, .complementos-enlace a:visited { color: #FF6501; font-size: 12px;}
.complementos-enlace a:hover { color: #FFFFFF; background-color: #FF6501; text-decoration:none; border-right: 4px solid #4C4C4C;}	

/* --------------------------------------------------- */
/* --- CLASES para el LISTADO para el CATALOGO PDF --- */
/* --------------------------------------------------- */
.tb-catalogo {
	width: 100%;
}
/* -------------------------------------------------------------- */
/* --- CLASES para BOTONES, TABLA, CABECERAS etc de la TIENDA --- */
/* -------------------------------------------------------------- */
.tienda-formulario-table {
	width: 100%;	 
	background-color: #FFFFFF;
	border-bottom: 1px dotted #3F597C;	
}
.tienda-formulario-td-boton {
	color: #FFFFFF;
	width: 25%;	 	
}
.tienda-formulario-boton {
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #0C0150;
	background-color: #EBEEF2;
	border: solid 1px #0C0150;
	text-align: center;	font-weight: bold; 
	width: 100%; 
}
.tb-cabecera-cesta {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;					
	width: 100%;
	text-align: right;		
}
	.tb-cabecera-cesta span {
		font-size: 14px;		
		color: #FFFFFF;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		background-color: #0C0150;
		margin-right: 15px;	
	}
.tb-cabecera-pedido {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;					
	width: 100%;
	text-align: right;	
}
	.tb-cabecera-pedido span {
		font-size: 14px;		
		color: #FFFFFF;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		background-color: #0C0150;
		margin-right: 15px;	
	}
.tb-formulario-pedido {
	width: 98%;
	text-align: left;	
	color: #FF0000;
	background-color: #FFFFFF;
}
	.tb-formulario-pedido b {
		font-size: 16px;
		color: #0C0150;
		font-weight: bold;
		text-decoration: underline;
	}
.tb-resultado-pedido {
	width: 95%;
	color: #003333;	
}
/****************************************/
/*										*/
/*				NOTICIAS				*/
/*										*/
/****************************************/
/* ------------------------------------------ */
/* --- CLASES para el LISTADO de NOTICIAS --- */
/* ------------------------------------------ */
.seccion_noticias {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top: 6px;
	color: #0C0150;
	text-align: right;
	font-weight: bold;
}
.fecha_noticias{
	font-size: 11px;
	margin-left: 10px;
	padding-right: 12px;
	color: #4C4C4C;
	text-align: right;
	background-image: url(/diseno1/images/ico_noticia.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bold;
	line-height: 15px;
}
.imagen_noticias{
	float: left;
	border: 2px solid #999;
	margin-right: 10px								
}		
	.imagen_noticias img {		
	}	
.cabecera{
	font-family:  Verdana ,Arial,Times, serif;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;	
	color: #000;
	margin: 10px;	
	text-align: left;	
}
	.cabecera a:link, .cabecera a:visited {
		font-family: Arial, Helvetica, sans-serif;	
		font-size: 14px;
		text-decoration: underline;		
		font-weight: bold;	
		color: #000;
		padding: 4px;		
	}
	.cabecera a:hover {
		background-color: #f5b412;
		color:#000;
		padding: 4px;		
	}
.texto_noticias{
	text-align: left;	
	font-family:  Arial, Verdana,Times, serif;
	font-size: 9px;
	color: #3F597C;
	padding:5px;
	background-color: #FFF;	
}
/* ---------------------------------------------- */
/* --- CLASES para el DETALLE de una  NOTICIA --- */
/* ---------------------------------------------- */

.tb-titulos-noticia {
	width: 99%;		
}
.titulo_seccion{
	text-align: right;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;	 	
	padding: 3px;
	padding-right: 10px;		
	color: #3F597C;
}
.titulo_fecha {
	text-align: right;	
	font-size: 14px;
	padding: 2px;
	color: #666666;
	font-weight: bold;
	padding-right: 10px;		
}
.tb-detalle-noticia {
	background-color: #FFFFFF;
	width: 100%;	
}
	.td-cabecera-detalle-noticia {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #253F96;
		padding: 15px 5px 5px 5px;
		font-weight: bold;
		text-align: left;				
	}
	.div-imagen-detalle-noticia {
		float: right;
		margin: 6px;
		border: 2px solid #fff;			
	}
	.div-imagen2-detalle-noticia {
		float: left;
		clear: both;
		margin: 6px;
		border: 2px solid #fff;			
	}
	.td-texto-detalle-noticia {
		border-top: 1px solid #3F597C;	
		background-color: #D8E3E9;	
	}
	.td-texto-detalle-noticia p{
		font-family:  Verdana ,Arial,Times, serif;
		font-size: 11px;
		color: #253F96;
		margin:10px;
		text-align: left;
	}
		.td-texto-detalle-noticia p:first-letter {
			font-size: 18px;					
		}
		.td-texto-detalle-noticia a{
			text-decoration: underline;			
		}
		.td-texto-detalle-noticia a:hover {
			text-decoration: none;
		}
	.td-propietario-detalle-noticia {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		color:#666666;
		text-transform: uppercase;	
	}
/****************************************/
/*										*/
/*				EVENTOS	   				*/
/*										*/
/****************************************/	
/* ------------------------------------------ */
/* --- CLASES para el LISTADO de SUBZONAS --- */
/* ------------------------------------------ */
.td-titulo-categoria-eventos {	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;	 
	padding: 10px;		
	color: #fff;
	width: auto;	
}
.td-categoria-eventos {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;	 
	padding: 10px;	
	color: #000;
	width: 250px;				
}
.td-titulo-subcategoria-eventos {	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff; 
	padding: 3px;
	text-align: left;
	font-weight: bold;
	width: auto;
	padding: 10px;			
}
.td-subcategorias-eventos {
	text-align: center;
	width: 100%;
	background-color: #D3AE3B;	
}	
	
	/* --- enlaces detalle subzonas --- */
	.div_enlace_subzona {
		margin: 3px 2px 8px 2px;
		width: 98%;
		padding-left: 80px;
		text-align: left;			
	}
		a.enlaces_subzonas:link {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #0C0150;
			font-weight: bold;
			padding: 3px;
			text-decoration: underline;													
		}
		a.enlaces_subzonas:visited {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #0C0150;
			font-weight: bold;
			padding: 3px;
			text-decoration: underline;												
		}
		a.enlaces_subzonas:hover {
			background-color: #EBEEF2;
			border: 1px solid #000000;							
		}
/* ----------------------------------------- */
/* --- CLASES para el DETALLE del EVENTO --- */
/* ----------------------------------------- */
.tb-detalle-evento {	
	width: 100%;					
}
.detalle-imagen-evento {
	margin: 3px;
	padding: 6px;
	background-color: #EBE8A0;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	width: auto;
}
	.detalle-imagen-evento img {
		padding-bottom: 6px;		
	}

.tb-datos-evento {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;		
}
	.detalle-fecha-evento {
		text-align: right;	
		font-size: 12px;
		padding: 2px;
		color: #000;
		font-weight: bold;
		padding-right: 10px;					
	}
		.detalle-fecha-evento b {
			font-weight: normal;		
		}
	.detalle-nombre-evento {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #fff;
		padding: 15px 5px 5px 5px;
		font-weight: bold;
		text-align: left;
		background-color: #1a75ce;
	}
		
	.detalle-descripcion-evento {
		background-color: #8ed200;
		color: #000;
		font-size: 12px;
		border-top: 1px solid #3F597C;
		padding: 8px; 			
	}
	.detalle-descripcion-evento p{
		font-family:  Verdana ,Arial,Times, serif;
		font-size: 11px;
		color: #000;
		margin:10px;
		text-align: left;
	}
		.detalle-descripcion-evento p {
			padding-left:25px;
			padding-right:25px;
		}
		.detalle-descripcion-evento p:first-letter {
			font-size: 18px;
			padding-left:25px;
			
		}
		.detalle-descripcion-evento a{
			text-decoration: underline;			
		}
		.detalle-descripcion-eventoo a:hover {
			text-decoration: none;
		}
	
.detalle-listado-imagenes-evento {
	background-color: #F2B657;
	text-align: center;
	padding-top: 20px;
}
	.detalle-listado-imagenes-evento img {
		border: 2px solid #000;	
	}
.detalle-tabla-doc-evento {
	width: 100%;
	text-align: center;
	padding-top: 8px;
	background-color: #1a75ce;	
}
.detalle-tabla-doc-evento b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	display: block;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px dotted #000;
	margin: 0px 4px 0px 4px;
}				
	/* tabla de los documentos asociados al evento */	
	.tabla_doc_eventos {
		width: 100%;
	}
	.doc_eventos_cabecera{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #fff;
		display: block;
		text-align: left;
		padding-left: 5px;
		border-bottom: 2px solid #000;
		margin: 0px 4px 0px 4px;
		font-weight: bold;	
	}
	.doc_eventos_subcabecera{		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #9461c8;
		color: #fff;
		font-size: 14px;			
	}
	.doc_asociados_txt {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: left;
		padding: 5px;
		color: #fff;
		border-bottom: 1px dotted #253F96;		
	}
	.doc_asociados_enlaces {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
		padding: 5px;
		border-bottom: 1px dotted #253F96;
		width: 120px;
		font-weight: bold;
		text-align: center;	
	}
		.doc_asociados_enlaces a { display: block; padding: 5px; padding: 0px 3px 0px 3px;}
		.doc_asociados_enlaces a:link { color: #fff; text-decoration: none; width:100%;	font-size: 12px;}
		.doc_asociados_enlaces a:visited { color: #fff; text-decoration: none; width:100%;font-size: 12px;}
		.doc_asociados_enlaces a:hover { background-color: #f5b412; color:#fff;text-decoration: none; width:100%;}

.enlaces_parrafo{
}
div.lateral-imagenes {
	display: inline;
	vertical-align: top;
	text-align: left;	
}
	.lateral-imagenes img{
		border: 1px solid #000;
		margin: 4px;
	}