/*===========================================
	@ *, html, body, globales, etc.
===========================================*/

Body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
	margin:0px;
	height:100%;
	background:#ffffff url(../images/bg_web.gif) repeat-x;
	background-position:top center;
}

html{height:100%;}

form, hr{margin: 0px;}
img{border:0px;}
a{text-decoration:none;}

.checkbox-fix{
	vertical-align:middle;
	height:16px;
}

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

.line-sep-evento{
	border:0px;
	height:1px;
	color:#7DC7F2;
	background-color:#7DC7F2;
	width:100%;
}

.bg-boletin{
	width:234px;
	height:175px;
	background:url(../images/bg-boletin.gif) top right no-repeat;
	
	font-size:7pt;
	color:#D1F0FF;
}



/*===========================================
	@ GLOBAL WEB
===========================================*/
#web{
	border-left:1px solid #fff; 	/* 003399 */
	border-right:1px solid #fff; 	/* 003399 */
}

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

.no-records{
	padding:10px 4px;
	color:#3399FF;
	font-size:9pt;
}

.volver-atras{
	border-top:1px solid #EBF8FF;
	font-size:7pt;
	text-align:right !important;
}

.volver-atras a{
	color:#7DC7F2;
	text-decoration:none;
	line-height:20px;
}

.volver-atras a:hover{
	color:#FF3333;
}



/*===========================================
	@ Maquetacion de la cabecera
===========================================*/
.bg-header{
	background:url(../images/header_bg.gif) repeat-x;
}

.logotipo{
	background:url(../images/logotipo.gif) no-repeat;
}




/*===========================================
	@ Maquetacion del menu de cabecera
===========================================*/
.menu-header{
	color:#0066CC;
	font-size:7pt;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 18px;
}

.menu-header a{
	color:#0066CC;
	text-decoration:none;
	width:100%;
	height:15px;
	padding:5px 5px 0px 5px;
	display:block;
}

.menu-header a:hover{
	background:#E6E6E6;
	color:#FF3333;
}




/*===========================================
	@ Maquetacion del menu izquierdo
===========================================*/
.bg-menu-izquierdo{
	background:url(../images/menu_izq_bg.gif) repeat-y;
}

.opcion-menu a{
	display:block;
	width:178px;
	height:25px;
	text-align:right;
	vertical-align:middle;
	padding-right:35px;
	padding-top:5px;
	color:#0066CC;
	font-weight:bold;
	font-size:10pt;
	background:url(../images/menu_izq_fondo.gif) 0px 0px;
}

.opcion-menu a:hover{
	color:#ffffff;
	background:url(../images/menu_izq_fondo.gif) 0px 30px;
}




/*===========================================
	@ Maquetacion del menu izquierdo (2)
===========================================*/
.bg-menu-izquierdo2{
	background:url(../images/menu_izq2_bg.gif) repeat-y;
	padding-left:10px;
}

.pt9-0066CC{
	font-size:9pt;
	color:#0066CC;
}

.pt8-0066CC{
	font-size:8pt;
	color:#0066CC;
}

.pt8-0066CC a{
	color:#0066CC;
}

.pt8-0066CC a:hover{
	text-decoration:underline;
}

.bg-menu-izquierdo2 hr{
	color:#0066CC;
	height:1px;
	border:none;
	background:#0066CC;
	width:90%;
}




/*===========================================
	@ Formulario| > Buscar laboratorios
===========================================*/
.input-buscar-lab{
	height:20px;
	width:174px;
	padding:4px 2px 0px 4px;
	background-color:#D1F0FF;
	border:1px solid #32ABEC;
	font-size:9pt;
	color:#003399;
	font-weight:bold;
}

.input-buscar-lab:hover{
	background-color:#D1F0FF;
	border:1px solid #006699;
}

.input-buscar-lab:focus{
	background-color:#ffffff;
	border:1px solid #006699;
}

.select-buscar-lab{
	height:20px;
	width:auto;
	background-color:#D1F0FF;
	border:1px solid #32ABEC;
	font-size:9pt;
	color:#003399;
}

.select-buscar-lab:hover{cursor:pointer;}

.submit-buscar-lab{
	background:#ffffff;
	border:1px solid #0066CC;
	font-size:10pt;
	color:#0066CC;
	cursor:pointer;
	margin-right:1px;
}




/*===========================================
	@ Maquetacion del pie de página
===========================================*/
.paginacion{
	font-size:8pt;
	font-weight:bold;
	color:#7DC7F2;
}

.paginacion a{
	background-color:#FFFFFF;
	padding:0px 4px;
	color:#3399FF;
}

.paginacion a:hover{
	background-color:#FFEFBF;
}
	
.bg-pie-de-pagina{
	background:url(../images/footer_bg.gif) repeat-x;
}

.bg-pie-de-pagina-plus{
	font-size:9pt;
	font-weight:bold;
	color:#fff;
	background:url(../images/footer_bg_plus.gif) no-repeat;
	background-position:bottom right;
	padding-top:20px;
}

.bg-pie-de-pagina-plus a{
	color:#ffffff;
	text-decoration:underline;
}

.footer{
	font-size:8pt;
	color:#fff;
}

.validcode{
	padding-left:10px;
}




/*===========================================
	@ Maquetacion del menu derecho
===========================================*/
.bg-menu-derecho{
	background:#7DC7F2;
}




/*===========================================
	@ BLOQUE CENTRAL!
===========================================*/
.cabecera-titulos, .cabecera-titulos a{
	font-size:10pt;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}

.cabecera-titulos a:hover{
	text-decoration:underline;
}

.contenido-bloque-central{
	font-size:9pt;
	color:#0066CC;
	text-align:justify;
	width:555px;
	padding:10px 5px 20px 5px;
}

.categorias-articulos a{
	display:block;
	width:548px;
	height:20px;
	vertical-align:middle;
	font-size:9pt;
	color:#0066CC;
	padding:3px;
	padding-top:7px;
	background:#EBF8FF;
	margin-bottom:1px;
}

.categorias-articulos a:hover{
	background:#FFD659;
	cursor:pointer;
	color:#0066CC;
}

.enlace-eventos a{
	display:block;
	width:490px;
	height:20px;
	vertical-align:middle;
	font-size:9pt;
	color:#0066CC;
	padding:3px;
	padding-top:7px;
	background:#EBF8FF;
	margin-bottom:1px;
}

.enlace-eventos a:hover{
	background:#FFD659;
	cursor:pointer;
	color:#0066CC;
}

.articulos-publicados{
	display:block;
	width:548px;
	height:20px;
	vertical-align:middle;
	font-size:9pt;
	color:#0066CC;
	padding:3px;
	padding-top:7px;
	background:#EBF8FF;
	margin-bottom:1px;
}

.opciones-articulos{
	font-size:7pt;
	padding: 0px 6px 0px 0px;
	text-align:right !important;
	color:#7DC7F2;
	margin-bottom:1px;
}

.opciones-articulos a{
	color:#7DC7F2;
	text-decoration:none;
}

.opciones-articulos a:hover{
	color:#FF3333;
}

.detalles-bloque-central{
	font-size:8pt;
	color:#3399FF;
	height:20px;
	background:#C2E5F8;
	border-bottom:1px solid #ABDBF5;
	padding:0px 10px;
}

.detalles-bloque-central a{
	color:#FF3333;
	text-decoration:none;
}

.detalles-bloque-central a:hover{
	color:#FF3333;
	text-decoration:underline;
}

.nombre-contacto{
	text-transform:uppercase;
	font-size:8pt;
	border-bottom:1px solid #0066CC;
}

.rango-contacto{
	font-size:7pt;
	color:#32ABEC;
	text-transform:uppercase;
	padding:3px;
}

/* 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 #EBF8FF;
}

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

.jS-contacto{
	color:#0066CC;
	text-decoration:none;
}

.jS-contacto:hover{
	text-decoration:underline;
}




/*===========================================
	@ Formulario de contacto y suscripción
===========================================*/
.opcion-form{
	font-size:11pt;
	color:#0066CC;
	font-weight:bold;
	padding-top:20px;
}

.opcion-form-suscripcion{
	font-size:10pt;
	color:#0066CC;
	font-weight:bold;
	padding:7px;
	background:#7DC7F2;
}

.texto-mini{
	font-size:7pt;
	color:#3399FF;
	background:#B7E8FF;
	padding:15px 3px 3px 3px;
}

.texto-mini-required{
	font-size:7pt;
	color:#3399FF;
	padding:15px 3px 3px 3px;
	background:#B7E8FF url(../images/form_required.gif) no-repeat;
	background-position:top right;
}

.texto-tip-form{
	font-size:8pt;
	color:#84D8FF;
	font-weight:bold;
}

.input-contacto{
	background:#ffffff;
	color:#0066CC;
	font-size:11pt;
	font-weight:bold;
	height:17px;
	padding:3px 2px;
	border:1px solid #66CCFF;
}

.textarea-contacto{
	background:#ffffff;
	color:#0066CC;
	font-size:11pt;
	font-weight:bold;
	height:100px;
	padding:3px 2px;
	border:1px solid #66CCFF;
	width:99%;
}

.subtitulo-suscripcion{
	padding:8px;
	background:#7DC7F2;
	color:#ffffff;
	font-size:10pt;
	text-transform:uppercase;
	font-weight:bold;
	border-top:1px solid #1493D8;
	border-bottom:1px solid #1493D8;
}

.tdtarifas{
	padding:8px;
	color:#0066CC;
	font-size:9pt;
	font-weight:bold;
	text-transform:uppercase;
}

.tdtarifas-sub{
	padding:8px 20px;
	color:#0066CC;
	font-size:8pt;
	text-transform:uppercase;
}

.underdashed{
	border-bottom:1px dashed #0066CC;
}

.opcion-suscripcion{
	padding-left:20px;
	height:25px;
	color:#0066CC;
	font-size:8pt;
	cursor:pointer;
}

.submit-contacto, .submit-suscripcion{
	color:#3399FF;
	font-weight:bold;
	background:#B7E8FF;
	border:1px solid #66CCFF;
	height:25px;
	vertical-align:middle;
	border-radius:5pt; /* Esquinas redondeadas */
	-moz-border-radius:5pt; /* Fix Mozilla Firefox */
	cursor:pointer;
}

.cienxcien{width:99%;}
.cienxcien2{width:98%;}

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

.suscripcion-revista:hover{
	cursor:pointer;
}




/*===========================================
	@ Maquetacion del menú Publicidad
===========================================*/
.contenido-bloque-central fieldset{
	border:1px solid #7DC7F2;
	padding-top:15px;
	margin-top:16px;
}

.label-publicidad{
	margin:0px;
	position:relative;
	top:-22px;
	left:-9px;
	background:#D1F0FF;
	padding:2px 0px;
	text-transform:uppercase;
	font-size:8pt;
}

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

.contenido-fieldset-tips{
	background:#B7E8FF;
	padding:2px;
}

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

.titulo-fieldset{
	height:30px;
	vertical-align:middle;
	border-bottom:1px solid #7DC7F2;
	text-transform:uppercase;
	padding:2px;
	background:#B7E8FF;
}

.publicidad-descuento{
	color:#FF3333;
}




/*===========================================
	@ 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; width:580px !important;}

#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;
}