/*===========================================
	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;
}

.ipur a{
	background:url(../images/bg_menu_principal_ipur.gif) !important;
	color:#A5B01D !important;
}

.bg-menu-principal a:hover{
	background:url(../images/bg_menu_principal.gif) 0px 46px;
}

.ipur a:hover{
	background:url(../images/bg_menu_principal_ipur.gif) 0px 46px !important;
	color:#fff !important;
}

.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 h3{
	margin:0 0 5px 0;
	background:#FF9933;
	padding:2px;
	color:#fff;
	-moz-border-radius:2px;
}

.desarrollo-articulo-destacado{
	padding:8px;
	font-size:8pt;
	color:#999;
	background:#f2f2f2;
	-moz-border-radius:4px;
}

.desarrollo-articulo-destacado a{
	line-height:30px;
	margin-top:5px;
	font-size:7pt;
	color:#999;
	text-decoration:underline;
}

.desarrollo-articulo-destacado a:hover{
	color:#66CC33;
}

.button-enviar{
	width:51px;
	height:22px;
}




/*===========================================
	@ Bloque rápido (Suscripción express)
===========================================*/
form[name='newsletter_suscripcion']{
	font-size:8pt;
}

form[name='newsletter_suscripcion'] input[type='text']{
	width:98%;
	height:20px;
	border:1px solid #fff;
	background:#f2f2f2;
	-moz-border-radius:4px;
	font-size:8pt;
	color:#000;
	font-weight:bold;
	font-size:9pt;
}

form[name='newsletter_suscripcion'] input[type='text']:hover{
	border:1px solid #fff;
}

form[name='newsletter_suscripcion'] input[type='text']:focus{
	background:#ACBAFA;
	border:1px solid #fff;
}

form[name='newsletter_suscripcion'] input[type='submit']{
	font-weight:bold;
	font-size:12pt;
	color:#333;
	padding:4px;
	border:1px solid #000;
	-moz-border-radius:8px;
	cursor:pointer;
}

.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;
}

.fieldset-info{
	border:0px;
	padding:8px 8px 8px 8px;
	background:#fff url(../images/icon_info.gif) left no-repeat;
}

.fieldset-info span{
	display:block;
	margin-left:40px;
	color:#0066FF;
	font-weight:bold;
	font-size:14pt;
}

.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;}


/*===========================================
	@ BUSCADOR DIRECTORIO EMPRESAS
===========================================*/
span.abrirBuscadorEmpresa{
	display:block;
	text-align:right;
	margin-right:0px;
}

.abrirBuscadorEmpresa a{
	background:#f2f2f2 url(../images/openImg.gif) 0 -14px no-repeat;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	padding:3px 4px;
	padding-left:18px;
	color:#333;
	font-size:7pt;
	text-decoration:none;
}

.abrirBuscadorEmpresa a:hover{
	background:#66CC33 url(../images/openImg.gif) 0 4px no-repeat;
	border:1px solid #5CA104;
	color:#ffffff;
}

.contenedorBuscadorEmpresa{
	border:1px solid #ccc;
	background:#f2f2f2;
}

.contenedorBuscadorEmpresa select{
	display:block;
	height:25px;
	background:#ffffff;
	border:1px solid #ccc;
	-moz-border-radius:3px;
	cursor:pointer;
}


span.contLinkAbrirSectores{
	background:#f2f2f2 url(../images/openImg.gif) 0 -12px no-repeat;
	padding:3px 4px;
	padding-left:18px;
	margin:3px;
}

a.abrirSectoresEmpresa{
	color:#999;
	font-weight:bold;
	text-decoration:none;
}

select[name='busqueda-empresa-sectores']{
	width:100% !important;
}

.contenedorEmpresa{
	background:#f2f2f2;
	border:1px solid #ccc;
	-moz-border-radius:5px;
}

.nombreEmpresa{
	font-weight:bold;
	background:#ffffff;
	-moz-border-radius:5px;
	color:#666;
}

.contactoEmpresa{
	background:#ffffff;
	-moz-border-radius:5px;
	font-size:7pt;
}

.contactoEmpresa a.web{
	padding:2px 8px;
	background:url(../images/iconsetEmpresa.gif) 0px 16px;
}

.contactoEmpresa a.email{
	padding:2px 8px;
	background:url(../images/iconsetEmpresa.gif) 0px 0px;
}

.datosEmpresa{
	font-size:9pt;
	color:#666;
}

.datosEmpresa span{
	display:block;
	font-weight:bold;
	margin-bottom:3px;
}




#pageflip {
	position: relative;
}

#pageflip img {
	width: 50px;
	height: 52px;
	border:0px;
	z-index: 99;
	position: absolute;
	right: 0;
	top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width:50px;
	height:50px;
	position: absolute;
	z-index: 50;
	right: 0;
	top: 0;
	text-indent: -9999px;
}

