/*===========================================
	Hoja de estilos globales,
	
	Creado por Francisco José Reina Arana
===========================================*/

Body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	background-color: #E8FEB0;
	margin:0px;
}


/*===========================================
	@ GLOBAL WEB
===========================================*/
form, input, submit{margin:0px;}

.flags{
	padding-left:12px;
}

#only-for-print{display:none;}
#noticia-for-print{display:none;}

.paginacion, .paginacion a{
	font-size:8pt;
	color:#666666;
	text-decoration:none;
}

.paginacion a:hover{
	color:#CC3333;
}

.paginacion-on{
	font-weight:bold;
}

.tdsubsector{
	padding-left:10px;
}




/*===========================================
	@ Scroll suave para las noticias
===========================================*/
.scrolltonews a{
	font-size:7pt;
	color:#CC3333;
	text-decoration:underline;
	margin-right:12px;
}




/*===========================================
	@ Fondos de banners
===========================================*/
.bg-banner-subheader, .bg-banner-bloque-rapido{
	background:transparent url(../images/bg_banner_h60.gif) no-repeat;
	width:980px;
	height:70px;
	vertical-align:middle;
	padding-left:5px;
	padding-top:3px;
}




/*===========================================
	@ Menú principal (enlaces, opciones, etc)
===========================================*/
.bg-menu-principal a{
	display:block;
	background:url(../images/bg_menu_principal.gif);
	width:183px;
	height:30px;
	padding:8px 4px 8px 10px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#fff;
	text-align:left;
	text-decoration:none;
}

.bg-menu-principal a:hover{
	background:url(../images/bg_menu_principal.gif) 0px 46px;
}

.bg-menu-principal span{
	font-size:7pt;
	font-weight:normal;
}




/*===========================================
	@ Menú bar
===========================================*/
.bg-menubar{
	background:url(../images/bg_menubar.gif) repeat-x;
}

.opciones-menubar{
	/*overflow: hidden;
	margin:0px;*/
}

.opciones-menubar{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	margin: 0;
	padding: 0;
	width: 100%;
}


.opciones-menubar a{
	float: left;
	color: #ffffff;
	margin: 0 0px 0 0;
	padding: 0px;
	text-decoration: none;
}

.opciones-menubar a:link, .opciones-menubar a:visited, .opciones-menubar a:active{
	color: #ffffff;
}

.opciones-menubar a:hover{
	color: #ffffff;
}

.opciones-menubar-nosub:hover{
	background:#EE584E;
	-moz-border-radius:3px;
	width:auto;
}

.opciones-menubar-sub:hover{
	width:120px;
	height:32px;
	display:block;
	background:transparent url(../images/onmouseover_menubar.gif) no-repeat;
	padding:0px 15px 0px 0px;
}

#submenu-articulos, #submenu-noticias, #submenu-guia{
	display:block;
	width:100%;
	height:35px;
	background: #CC3333;
	-moz-border-radius: 3px; 
}

/* Niveles del submenu */
.opciones-menubar{
	margin-top:5px;
	background: #EE584E;
	-moz-border-radius: 3px; 
	border:1px solid #B02F24;
	border-top:0px;
	margin-top:0px;
}

/* Estilo para los enlaces del submenú  */
.opciones-menubar a{
	width:auto;
	padding: 8px 4px;
	margin: 5px;
	color:#ffffff;
	background: #CC3333;
	-moz-border-radius: 3px; 
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:7pt;
	font-weight:normal;
}

.opciones-menubar a:hover{
	background:#B21B1B;
	-moz-border-radius: 3px; 
}




/*===========================================
	@ Bloque rápido (Artículo destacado)
===========================================*/
.bg-articulo-destacado{
	background:url(../images/bg_articulo_destacado.gif) no-repeat;
	width:250px;
	height:96px;
}

.desarrollo-articulo-destacado{
	padding:0 2px 8px 3px;
	font-size:8pt;
	color:#BBBBBB;
	text-align:justify;
}

.desarrollo-articulo-destacado a{
	line-height:30px;
	margin-top:5px;
	font-size:7pt;
	color:#BBBBBB;
	text-decoration:underline;
}

.desarrollo-articulo-destacado a:hover{
	color:#66CC33;
}

.button-enviar{
	width:51px;
	height:22px;
}




/*===========================================
	@ Bloque rápido (Suscripción express)
===========================================*/
.input-suscripcionbol-nombre{
	width:226px;
	height:18px;
	border:0px;
	background:url(../images/input-suscripcionbol-nombre.gif);
	font-size:8pt;
	color:#ccc;
	padding:4px 0px 0px 5px;
}

.input-suscripcionbol-nombre:hover{
	background:url(../images/input-suscripcionbol-nombre.gif) 0px 22px;
}

.input-suscripcionbol-nombre:focus{
	background:url(../images/input-suscripcionbol-nombre.gif) 0px 44px;
}

.input-suscripcionbol-email{
	width:165px;
	height:18px;
	border:0px;
	background:url(../images/input-suscripcionbol-email.gif);
	font-size:8pt;
	color:#ccc;
	padding:4px 0px 0px 5px;
}

.input-suscripcionbol-email:hover{
	background:url(../images/input-suscripcionbol-email.gif) 0px 22px;
}

.input-suscripcionbol-email:focus{
	background:url(../images/input-suscripcionbol-email.gif) 0px 44px;
}

.texto-pie-suscripcionbol a{
	display:block;
	font-size:7pt;
	color:#BBBBBB;
	text-decoration:underline;
	margin-top:10px;
}

	/******** Jquery del formulario */
	#jquery-validate{
		padding:8px;
		height:31px;
		width:220px;
		display:block;
		background:#FF6666;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:8pt;
		color:#FFFFFF;
		text-align:left;
	}
	
	#jquery-validate-volver{}



/*===========================================
	@ Bloque rápido (Buscador)
===========================================*/
.input-buscar{
	width:245px;
	height:24px;
	border:0px;
	background:url(../images/input-buscar.gif);
	font-size:9pt;
	color:#ccc;
	padding:8px 0px 0px 5px;
}

.input-buscar:hover{
	background:url(../images/input-buscar.gif) 0px 32px;
}

.input-buscar:focus{
	background:url(../images/input-buscar.gif) 0px 64px;
}

#bg-desplegable{
	width:144px;
	height:26px;
	background:url(../images/input-select.gif) no-repeat;
	padding-top:6px;
}

.desplegable{
	width:140px;
	height:20px;
	padding:0px 0px 0px 0px;
	border:0px;
	background:transparent;
	font-size:9pt;
	color:#B5B5B5;
}

.desplegable:focus{
	background:#F2F2F2;
}


/*===========================================
	@ Bloque rápido (Últ. actualizaciones)
===========================================*/
.bg-ultimas-actualizaciones{
	background:url(../images/bg_ultimas_actualizaciones.gif) no-repeat;
	width:492px;
	height:257px;
}

.desarrollo-ultimas-actualizaciones{
	padding:5px 9px;
	color:#66CC33;
	font-size:8pt;
}

.desarrollo-ultimas-actualizaciones a{
	color:#66CC33;
	text-decoration:underline;
}

.desarrollo-ultimas-actualizaciones a:hover{
	color:#CC3333;
}




/*===========================================
	@ Bloque de noticias (Últ. publicadas)
===========================================*/
.bg-titulo-noticias{
	background:url(../images/bg_titulo_noticias.gif) repeat-x;
	width:729px;
	height:30px;
	font-size:9pt;
	color:#FFFFFF;
	font-weight:bold;
}

.desarrollo-noticias{
	padding:8px 0px;
	color:#666666;
	font-size:9pt;
	text-align:justify;
}

.desarrollo-noticias a{
	color:#669900;
	font-weight:bold;
	text-decoration:none;
}

.desarrollo-noticias a:hover{
	text-decoration:underline;
}

.desarrollo-noticias-destacada{
	padding:8px 0px;
	color:#5CA104;
	font-size:9pt;
	text-align:justify;
}

.bg-pie-noticias{
	background:url(../images/bg_pie_noticia.gif);
	width:762px;
	height:18px;
}

.bg-pie-noticias-breves{
	background:url(../images/bg_pie_noticia_breve.gif);
	width:762px;
	height:18px;
}

.texto-pie-noticias{
	font-size:8pt;
	color:#999999;
}

.texto-pie-noticias a{
	font-weight:bold;
	color:#CC3333;
	font-size:9pt;
	text-decoration:none;
}

.texto-pie-noticias a:hover{
	text-decoration:underline;
}

.imagen-noticia{
	width:auto;
	height:auto;
	margin-left:10px; 
	margin-bottom:10px;
	border:1px solid #000000 !important;
}




/*===========================================
	@ Pie de página
===========================================*/
.texto-pie-pagina{
	color:#666666;
	font-size:8pt;
}

.texto-pie-pagina span{
	color:#669933;
	font-weight:bold;
	text-decoration:none;
}

.texto-pie-pagina a:hover{
	text-decoration:underline;
}

.enlace-omnimedia-pie-pagina:link, .enlace-omnimedia-pie-pagina:visited{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}


/*===========================================
	@ Desarrollo del contenido de menú
===========================================*/
.breadcrumb{
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#999999;
	text-transform:lowercase;
	padding:0px 3px 2px 0px;
}

.breadcrumb a{
	color:#999999;
	text-decoration:none;
}

.breadcrumb a:hover{
	color:#CC3333;
}


/*===========================================
	@ Desarrollo de la noticia
===========================================*/
.imagen-noticia{
	margin-left:8px;
	border:2px solid #ccc;
}




/*===========================================
	@ Desarrollo global de las secciones
===========================================*/
.titulo-seccion{
	font-size:12pt;
	color:#ccc;
	padding-top:5px;
}

.desarrollo{
	padding:8px 0px;
	color:#666666;
	font-size:9pt;
}




/*===========================================
	@ Formulario de contacto
===========================================*/
.fieldset-contacto{
	border:1px solid #E0E0E0;
	padding:8px;
	background:#F2F2F2;
}

.cargos-staff{
	width:100%;
	border-bottom:1px solid #E0E0E0;
	font-size:7pt;
	color:#666666;
	margin-bottom:3px;
}

.cargos-staff-lk a{
	color:#666;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
}

.cargos-staff-lk a:hover{
	color:#66CC33;
}

.label-form{
	font-size:7pt;
	color:#666666;
}

.input-contacto{
	border:1px solid #DDDDDD;
	background:#ffffff;
	font-size:12pt;
	font-weight:bold;
	color:#999999;
	height:25px;
	padding:2px 0px 0px 2px;
	width:99%;
}

.input-contacto-50{
	border:1px solid #DDDDDD;
	background:#ffffff;
	font-size:12pt;
	font-weight:bold;
	color:#999999;
	height:25px;
	padding:2px 0px 0px 2px;
	width:98%;
}

.textarea-contacto{
	border:1px solid #DDDDDD;
	background:#ffffff;
	font-size:12pt;
	font-weight:bold;
	color:#999999;
	height:125px;
	padding:2px 0px 0px 2px;
	width:99%;
}

.input-contacto:hover, .input-contacto-50:hover, .textarea-contacto:hover{
	border:1px solid #B1B1B1;
}

.input-contacto:focus, .input-contacto-50:focus, .textarea-contacto:focus{
	background:#F5FCF1;
}

#error{
	background:#FF6666;
	color:#FFFFFF;
	font-weight:bold;
	width:97%;
	display:block;
	padding:8px;
}

.texto-introduccion-info{
	text-align:justify;
	border-bottom:1px solid #f2f2f2;
	padding-bottom:8px;
}

.texto-introduccion-info span{
	font-weight:bold;
	font-size:12pt;
}

.texto-introduccion-info a{
	text-decoration:none;
	color:#333;
}




/*===========================================
	@ SECCIÓN > Publicidad
===========================================*/
.fieldset-publicidad{
	border:1px solid #E0E0E0;
	padding:8px;
	background:#F2F2F2;
}

.titulos-publicidad{
	font-size:7pt;
	text-transform:uppercase;
}

.titulo-fieldset{
	height:30px;
	vertical-align:middle;
	border-bottom:1px solid #6CB62B;
	text-transform:uppercase;
	padding:2px 0px 2px 5px;
	background:#84D65B;
	color:#fff;
}

.contenido-fieldset{
	height:25px;
	vertical-align:middle;
	border-bottom:1px dashed #666;
}

.contenido-fieldset a{
	font-weight:bold;
	color:#6CB62B;
	text-decoration:none;
}

.contenido-fieldset-tips{
	background:#C0EAAB;
	color:#6CB62B;
	padding:2px;
}

.contenido-fieldset blockquote{
	margin:0px 0px 0px 10px;
}

.contenido-demostracion-banners{
	color:#ffffff;
	font-size:8pt;
}




/*===========================================
	@ SECCION > Suscripción
===========================================*/
.zona-suscripcion{
	font-size:8pt;
	font-weight:bold;
}

.periodo-suscripcion{
	margin:0px;
	padding:0px;
}

.precio-suscripcion{
	color:#CC3333;
	font-size:15pt;
	font-weight:bold;
}

p.selected .precio-suscripcion{color:#fff;}

.separacion-periodo-suscripcion{
	margin:3px 0px 0px 0px;
	color:#999999;
	border:0px;
	height:1px;
	background:#999999;
}

.texto-tip-forma-de-pago{
	font-size:8pt;
	text-align:justify;
	border-top:1px dashed #666666;
	padding-top:8px;
}

.numero-de-cuenta{
	display:inline;
	font-size:8pt;
	font-weight:bold;
}

.subtip-metodologia{
	font-size:7pt;
}




/*===========================================
	@ SECCIÓN > Enlaces
===========================================*/
.titulo-categoria-enlaces{
	text-transform:uppercase;
	font-size:7pt;
	padding:8px 0px 0px 0px;
	color:#666666;
}

.categoria-enlaces{	
	width:100%;
	border-bottom:1px solid #E0E0E0;
	font-size:7pt;
	color:#666666;
	margin-bottom:3px;
	margin-top:8px;
}

.desarrollo-enlaces{
	padding:0px 3px;
	color:#666666;
	font-size:9pt;
	text-align:justify;
}

.desarrollo-enlaces a{
	color:#666666;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
}

.desarrollo-enlaces a:hover{
	color:#66CC33;
}





/*===========================================
	@ Formulario enviar a un amigo
===========================================*/
/* Noticias > Enviar a un amigo */
.titulo-enviar-to-friend{
	border-bottom:1px solid #676767;
	color:#676767;
	font-size:9pt;
	font-weight:bold;
}

#simplemodal-container a.modalCloseImg,
#dv1-modal a.modalCloseImg,
#dv2-modal a.modalCloseImg,
#dv3-modal a.modalCloseImg,
#modal-video a.modalCloseImg{
	background:url(../images/x_close.gif) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}

#dv1-modal, #dv2-modal{background-color:#F3F3F3; border:3px solid #666666; padding:12px; width:90% !important;}
#dv3-modal{background-color:#F3F3F3; border:3px solid #666666; padding:12px; width:90% !important; height:80px;}

.input-to-friend{
	border:0px;
	width:481px;
	height:27px;
	background: transparent url(../images/input-to-friend.gif) 0px 0px;
	padding:3px 6px 0px 3px;
	font-size:14pt;
	color:#FFF;
	text-align:left;
}

.input-to-friend:hover{
	background: transparent url(../images/input-to-friend.gif) 0px 60px;
}

.input-to-friend:focus{
	background: transparent url(../images/input-to-friend.gif) 0px 30px;
}

.submit-to-friend{
	border:0px;
	width:180px;
	height:33px;
	background:transparent url(../images/submit-to-friend.gif) 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	color:#FFF;
	font-size:10pt;
	font-weight:bold;
}

.submit-to-friend:hover{
	background:transparent url(../images/submit-to-friend.gif) 0px 36px;
	cursor:pointer;
}

.checkbox-fix{
	vertical-align:middle;
	height:18px;
	margin-right:6px;
}

.radio-fix{
	height:18px;
	vertical-align:middle;
	margin-bottom:4px;
}

.min-opcion{
	color:#FFFFFF;
	font-size:8pt;
}




/*===========================================
	@ Ediciones digitales
===========================================*/
.titulo-mes-edicion{
	font-size:9pt;
	font-weight:bold;
	padding:8px 10px 0px 10px;
	text-align:left !important; /* Fix BUG IE */
}

.subtitulo-num-edicion{
	font-size:7pt;
}

.img-mes{
	font-size:10pt;
	text-align:justify;
	padding:8px 10px 3px 10px;
	line-height:15pt;
}

.img-mes img{
	border:1px solid #666666;
}

.img-mes img:hover{
	border:1px solid #000;
}

.efecto-ediciondigital{
	border:1px solid #E8FEB0;
}

.efecto-ediciondigital:hover{
	border:1px solid #5CA104;
}




/*===========================================
	@ Formulario alta de empresa en la guía
===========================================*/
.subsectores{
	font-size:9pt;
	text-align:justify;
	border-top:1px dashed #cccccc;
	padding-top:8px;
}




/*===========================================
	@ Resultados de la búsqueda
===========================================*/
.titulo-resultado{
	font-weight:bold;
	text-transform:uppercase;
}

.texto-pie-resultado a{
	font-size:7pt;
	font-weight:normal;
	display:block;
	width:100%;
	padding:3px;
	border:1px solid #F2F2F2;
	color:#666666;
	background:#F2F2F2;
}

.texto-pie-resultado a:hover{
	border:1px solid #D8D8D8;
	color:#666666;
	text-decoration:none;
	background:#F2F2F2;
}

/* Noticias */
	.titulo-noticia{
		color:#666666;
		font-size:10pt;
		font-weight:bold;
		padding:4px;
		text-align:left !important; /* Fix BUG IE */
		background:#f9f9f9;
		-moz-border-radius:5px;
		border:1px solid #e5e5e5;
	}
	
	.titulo-noticia:hover, .titulo-noticia-des:hover{
		background:url(../images/bg-noticia-destacada.gif) repeat-x;
		border:1px solid #999;
	}
	
	.titulo-noticia span{
		display:block;
		font-size:7pt;
		font-weight:normal;
		color:#999999;
		padding-top:5px;
		height:10px;
		/*border-bottom:1px dashed #ccc;*/
		margin-bottom:5px;
	}
	
	.titulo-noticia-des{
		color:#666;
		font-size:10pt;
		font-weight:bold;
		padding:4px;
		text-align:left !important; /* Fix BUG IE */
		background:#EDF7D4;
		-moz-border-radius:5px;
		border:1px solid #D2EB95;
	}
	
	.titulo-noticia-des span{
		display:block;
		font-size:7pt;
		font-weight:normal;
		color:#999;
		padding-top:5px;
		height:10px;
		/*border-bottom:1px dashed #ccc;*/
		margin-bottom:5px;
	}
	
	.opciones-noticias{
		padding: 0px 2px;
	}
	
	.texto-noticia{
		font-size:8pt !important;
		color:#666 !important;
		text-align:justify;
		padding-bottom:10px;
		margin-bottom:5px !important;
		padding-top:0px !important;
		border:0px !important;
		height:auto !important;
	}
	
	.texto-noticia-seccion{
		font-size:10pt;
		text-align:justify;
		padding:15px 10px;
		line-height:15pt;
		height:auto;
	}
	
	.texto-noticia-leermas{
		font-size:10pt;
		text-align:justify;
		padding:0px 10px;
		line-height:15pt;
		background:#F3F3F3;
		border-bottom:1px solid #BFBFBF;
	}
	
	.noticia-leermas:link, .noticia-leermas:visited{
		color:#4BB5C1;
		font-weight:bold;
		padding: 0px 2px 2px 2px;
	}
	
	.noticia-leermas:hover{
		color:#FFF;
		background-color:#4bb5c1;
	}

	
	.no-results{
		font-size:11pt;
		color:#E40510;
		font-weight:bold;
	}
	
	.noticia-pie{
		font-size:7pt;
		color:#666666;
		text-decoration:none;
	}
	
	.titulo-noticia span a, .titulo-noticia-des span a{
		color:#cc0000;
	}
	
	.texto-noticia a, texto-noticia-des a{color:#E40510; text-decoration:underline;}
	.texto-noticia a:hover, .texto-noticia-des a:hover{text-decoration:underline;}
	.texto-noticia a:visited, .texto-noticia-des a:visited{color:#663399; text-decoration:none;}
	
	.enlace-leer-mas:link{color:#4BB5C1; font-weight:bold; text-decoration:none;}
	.enlace-leer-mas:visited{color:#4BB5C1; font-weight:bold; text-decoration:none;}
	.enlace-leer-mas:hover{color:#CC0000; font-weight:bold; text-decoration:none;}