/*===========================================
	Hoja de estilos globales,
	
	© enelnombredelARTE.com
===========================================*/

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

#verticalcss{
	position:absolute;
	top:50%;
	left:50%;
	width:523px;
	height:220px;
	margin-left:-261px;
	margin-top:-110px;
}


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

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

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

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

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

.titulo-seccion{
	font-size:11pt;
	font-weight:bold;
	color:#fff;
	background:#3399FF;
}

.desarrollo-seccion{
	font-size:9pt;
	text-align:justify;
	color:#333333;
}

.desform{
	background:#F2F2F2;
	border:1px solid #E3E3E3;
	padding:0px 3px;
}

.tform span, .error-informacion span{
	display:block;
	font-size:8pt;
	color:#333;
	margin-bottom:5px;
}

.tform label{
	/*display:block;*/
	font-size:8pt;
	color:#333;
	margin-bottom:5px;
}

.foto-entrevista{
	border:1px solid #666;
}




/*===========================================
	@ Formulario de contacto
===========================================*/
#contacto input,
#contacto textarea,
#suscripcion input,
#suscripcion textarea,
#alta_empresa_guia input,
#publicidad-info input,
#publicidad-info textarea,
#publicidad-info select,
#colabora input,
#colabora textarea,
#colabora select,
#registro input,
#registro select,
#registro textarea,
#login input,
#login select,
#login textarea,
#recordar-password input,
#publicar-empleo input,
#publicar-empleo select,
#publicar-empleo textarea,
#inscripcion-oferta input,
#inscripcion-campaign input{
	padding-left:3px;
	border:1px solid #E3E3E3;
	background:#F2F2F2;
	color:#999999;
	font-size:11pt;
	font-weight:bold;
	width:100%;
}

.radio-fix, checkbox-fix{
	height:28px !important;
	width:auto !important;
	vertical-align:middle !important;
}

#contacto textarea,
#publicidad-info textarea,
#colabora textarea,
#publicar-empleo textarea{
	font-size:11pt;
	color:#999999;
	font-family:Arial, Verdana, Tahoma, "Times New Roman";
}

.noStyled-input, .file{
	width:auto !important;
	height:auto !important;
	background:none !important;
	border:0px !important;
	padding:0px !important;
}

.error{
	border:1px solid #CC3300 !important;
}

.nivel-password span{
	font-weight:bold;
	color:#CC3300;
}

.informacion{
	text-align:justify;
	background:#F2F2F2 url(../images/icon_informacion.gif) no-repeat;
	background-position:bottom right;
}

.error-informacion{
	text-align:justify;
	background:#F2F2F2 url(../images/icon_informacion.gif) no-repeat;
	background-position:bottom right;
	border:1px solid #CC3300;
}

.informacion span, .error-informacion span{
	padding:12px;
}

.alerta-informacion{
	font-size:11pt;
	font-weight:bold;
	color:#fff;
	background:#cc3300;
}

.mask-registro span, .mask-login span, .mask-forgot span{
	padding-left:20px;
}

.mask-registro a{
	display:block;
	height:auto;
	width:300px;
	background:#F2F2F2 url(../images/icon_signup.gif) no-repeat;
	background-position:top left;
	padding:8px 20px;
	border:1px solid #F2F2F2;
	
	font-size:12pt;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

.mask-login a{
	display:block;
	height:auto;
	width:300px;
	background:#F2F2F2 url(../images/icon_login.gif) no-repeat;
	background-position:top left;
	padding:4px 20px;
	border:1px solid #F2F2F2;
	
	text-align:left;
	font-size:12pt;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

.mask-forgot a{
	display:block;
	height:auto;
	width:300px;
	background:#F2F2F2 url(../images/icon_forgot.gif) no-repeat;
	background-position:top left;
	padding:4px 20px;
	border:1px solid #F2F2F2;
	
	text-align:left;
	font-size:12pt;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

.mask-registro a:hover,
.mask-login a:hover,
.mask-forgot a:hover{
	border:1px solid #ccc;
}

.mask-min{
	display:block;
	text-align:justify;
	font-size:8pt;
	font-weight:normal;
	color:#ccc;
}

.buttons span{
	display:block;
	color:#CC0000;
	font-weight:bold;
}

.tb-seminario{
	font-size:8pt;
	font-weight:bold;
	text-transform:uppercase;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:2px 10px;
}

.noborder-right{
	border-right:0px;
}

.dd-seminario{
	font-size:8pt;
	padding:2px 10px;
	color:#666666;
	/*border-right:1px solid #ccc;*/
	border-bottom:1px solid #ccc;
	height:25px;
}

.box-information{
	border:1px solid #666;
	background:#fff;
}

.box-information div.des{
	font-size:8pt;
	color:#666;
	text-align:justify;
	padding:8px;
}

.box-information div.des span{
	color:#cc0000;
}

.box-information div.tit{
	background:#666;
	color:#fff;
	font-size:8pt;
	font-weight:bold;
	padding:2px;
}

input[name='precio_campaign']{
	font-size:16pt !important;
	color:#333 !important;
	font-weight:bold !important;
	background:#fff !important;
	border:0px !important;
	width: 100% !important;
}

.ponente{
	color:#3399FF;
	font-weight:bold;
	text-transform:uppercase;
}

.sin-ponente{
	background:#f6f6f6 url(../images/motivo-vertical.gif) repeat;
}

.dd-seminario span{
	text-transform:none !important;
	font-weight:normal !important;
	display:block;
	color:#999999;
	font-size:7pt;
}




/*===========================================
	@ Ofertas de empleo
===========================================*/
.box-ultimo-empleo{
	width:490px;
	height:100px;
	background:url(../images/bg-ultimo-empleo.gif) no-repeat;
	background-position:center;
}

.tt-empleo{
	padding:4px 0px;
	border-bottom:1px solid #ccc;
	font-size:8pt;
	font-weight:bold;
}

.tt-empleo span{
	color:#666;
	font-weight:normal;
}

.tt-empleo-destacado-info a{
	display:block;
	width:auto;
	color:#3399FF;
	text-decoration:none;
	font-size:8pt;
	font-weight:bold;
	background:#e6e6e6;
	border:1px solid #ccc;
	padding:2px 4px;
}

.tt-empleo-destacado-info a:hover{
	background:#ccc;
	color:#fff;
}

.tt-empleo-info a{
	display:block;
	width:auto;
	color:#3399FF;
	text-decoration:none;
	font-size:8pt;
	font-weight:bold;
	background:#E8E8E8;
	border:1px solid #DBDBDB;
	padding:2px 4px;
}

.tt-empleo-info a:hover{
	background:#fff;
	border:1px solid #ccc;
	color:#333;
}

.tt-seccion-empleo{
	font-size:11pt;
	font-weight:bold;
	height:25px;
	border-bottom:1px solid #333;
}

.boxdiv-empleo{
	padding:3px;
	background:#F5F5F5;
}

.caracteres-restantes{
	display:block;
	padding-top:3px;
	font-size:7pt !important;
	color:#999 !important;
}

.totalChars{
	display:inline !important;
	width:auto !important;
	border:0px !important;
	background: transparent !important;
	font-size:8pt !important;
	color:#CC3300 !important;
}

.titEmpleo{
	text-transform:uppercase;
	font-size:8pt;
	font-weight:bold;
	color:#666;
	padding:3px;
	background:#f2f2f2;
}

.subtitEmpleo{
	padding:3px;
	font-size:8pt;
	color:#666;
	text-align:justify;
}

.goback{
	font-size:7pt;
	color:#999999;
	border-top:1px solid #ccc;
	display:block;
	padding-top:5px;
}

.goback a{
	color:#CC0000;
	text-decoration:none;
}

.goback a:hover{text-decoration:underline;}




/*===========================================
	@ Revistas deigitales
===========================================*/
.portada{
	border:1px solid #000;
}

.revista{
	padding:2px;
	background:#FFFFFF;
	border:1px solid #fff;
}

.revista:hover{
	background:#F2F2F2;
	border:1px solid #ccc;
}

.desRevista{
	float:left;
	margin-left:10px;
	font-size:8pt;
	color:#333;
	width:160px;
	font-weight:normal;
}

.desRevista span{
	display:block;
	width:100%;
	border-bottom:1px solid #ccc;
	padding:5px 0px;
}

.ver-revista a{
	color:#CC0000 !important;
	text-decoration:none;
}

.ver-revista a:hover{
	text-decoration:underline;
}




/*===========================================
	@ Publicidad
===========================================*/
.titPublicidad{
	height:20px;
	padding:3px;
	vertical-align:middle;
	font-size:7pt;
	color:#999;
	text-transform:uppercase;
}

.subtitPublicidad{
	height: 25px;
	padding:3px;
	vertical-align:middle;
	background:#F2F2F2;
	border:1px solid #E3E3E3;
	color:#666;
	font-weight:bold;
}

.subtitPublicidad a{
	color:#CC3300;
	font-weight:bold;
	text-decoration:none;
}

.subtitPublicidad a:hover{
	text-decoration:underline;
}

.tRon{
	background:#fff;
}

.tRon:hover{
	background:#FF9933;
	color:#fff !important;
}

.tRon:hover .desPublicidad a{color:#fff;}

.desPublicidad{
	height:25px;
	vertical-align:middle;
	padding:0px 3px;
	font-size:9pt;
}

.desPublicidad a{
	color:#333;
	text-decoration:none;	
}

.desPublicidad a:hover{
	color:#CC6600 !important;
	text-decoration:underline;
}

.tipPublicidad a{
	display:block;
	width:100%;
	height:25px;
	padding:10px 0px;
	color:#333;
	text-decoration:none;
	border:2px solid #CC3300;
	font-size:14pt;
}

.tipPublicidad a:hover{
	background:#CC3300;
	color:#fff;
	border:2px solid #993300;
}

.tipConsulte{
	height:25px;
	padding:10px 5px;
	color:#333;
	text-decoration:none;
	border:2px solid #CC3300;
	font-size:10pt;
}

.expPublicidad{
	font-size:7pt;
	color:#666;
	background:#f2f2f2;
	height:15px;
	vertical-align:middle;
	padding:2px;
}

.exp2Publicidad{
	font-size:7pt;
	color:#666;
	height:15px;
	vertical-align:middle;
	padding:2px;
}




/*===========================================
	@ Suscripcion
===========================================*/
.precio-suscripcion{
	font-weight:bold;
	font-size:11pt;
	color:#CC3300;
}

.selected .precio-suscripcion{
	color:#fff;
	font-size:14pt;
}

#dtransferencia,
#dcargo-en-cuenta,
#dtarjeta-de-credito,
#dpaypal{
	width:730px;
	border-top:1px solid #333;
	padding:5px;
	color:#999999;
	font-size:8pt;
}

#dtransferencia span,
#dcargo-en-cuenta span,
#dtarjeta-de-credito span,
#dpaypal span{
	color:#CC3300;
}




/*===========================================
	@ Formulario de suscripcion express
===========================================*/
.titulo-suscripcion-express{
	color:#3399FF;
	font-size:8pt;
	font-weight:bold;
}

input#nombre, input#email{
	height:18px;
	width:170px;
	font-size:7pt;
	color:#fff;
	background:#3399FF;
	border:1px solid #0081E4;
	padding-left:3px;
}

.box-error{
	color:#CC3333;
	font-size:8pt;
	font-weight:bold;
	text-align:left;
}




/*===========================================
	@ Menú principal (enlaces, opciones, etc)
===========================================*/
.bg-menu-bar{
	background:url(../images/bg-menu-bar.gif) repeat-x;
	color:#0066CC;
}

.bg-menu-bar a{
	display:inline;
	padding:3px 5px;
	margin:0px 10px;
	color:#0066CC;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

.new:link, .new:visited{
	color:#CC0000;
}

.bg-menu-bar a:hover{
	color:#FF9933;
}

.bg-menu-bar span{
	/*margin:0px 22px;*/
	margin: 0px 8px;
}
.submenu-bar div{
	display:block;
	height:12px;
	margin-top:3px;
	background:#FF9933;
	padding:8px 6px;
	color:#fff;
	font-size:8pt;
}

.submenu-bar span{
	color:#FFC080;
	margin:0px 2px;
}

.submenu-bar a{
	text-decoration:none;
	color:#fff;
}

.submenu-bar a:hover{
	color:#CC6600;
	text-decoration:underline;
}




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

.bg-menu-lateral a:hover{
	background:url(../images/bg-menu-lateral.gif) 0px 41px;
	color:#2E4C6B;
}

.bg-menu-lateral span{
	color:#fff;
	font-size:7pt;
	font-weight:normal;
}




/*===========================================
	@ Última revista publicada (inicio)
===========================================*/
.ultima-revista:hover{
	cursor:pointer !important;
}

.ultima-revista div{
	height:45px;
	padding-top:5px;
	width:175px;
	background:#fff;
	font-size:8pt;
	padding-left:5px;
}

.ultima-revista a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.ultima-revista a:hover{
	color:#FF0000;
}




/*===========================================
	@ Bloque suplemento farmaEVENTUS
===========================================*/
.titulo-suplemento{
	padding:10px;
	font-size:10pt;
	font-weight:bold;
	color:#BDA64F;
	border-bottom:1px solid #BDA64F;
}

.titulo-suplemento span{
	color:#9E7E04;
}

.acceda-al-suplemento{
	padding:2px;
	font-size:8pt;
	font-weight:bold;
	color:#BDA64F;
}

.bg-suplemento-revistas{
	background:url(../images/suplemento-revistas.jpg) no-repeat;
	width:184px;
	height:129px;
}





/*===========================================
	@ Desarrollo (Noticias, contenido)
===========================================*/
.bg-noticias{
	background:url(../images/bg-noticias.gif) repeat-y;
}

.noticia{
	color:#3399FF;
	font-size:11pt;
	font-weight:bold;
}

.noticia a{
	color:#3399FF;
	text-decoration:none;
}

.noticia a:hover{
	color:#FFA633;
}

.noticia span.desarrollo{
	display:block;
	font-weight:normal;
	padding-top:5px;
	color:#333;
	font-size:8pt;
	text-align:justify;
}

.noticia span.fecha{
	display:block;
	font-size:7pt;
	color:#ccc;
}

.noticia span.ampliar{
	display:block;
	margin-top:5px;
	border-top:1px dashed #ccc;
}

.noticia span.ampliar a{
	color:#999;
	font-weight:normal;
	font-size:7pt;
	line-height:20px;
}

.noticia span.ampliar a:hover{
	color:#333;
}

.imagen-noticia{
	border:1px solid #f2f2f2;
	padding:3px;
	margin:0px 10px 0px 0px;
}

.socialIcons{
	border-top:1px solid #ccc;
	font-size:8pt;
	color:#666;
}

.socialIcons a{
	color:#666;
	text-decoration:none;
}




/*===========================================
	@ Buscador + Formulario de búsqueda
===========================================*/
.bg-buscador{
	background:url(../images/bg-buscador.gif) repeat-y;
}

.padding-buscador{
	padding:0px 0px 0px 12px;
}

.button-buscar{
	margin-right:13px;
}

input#keywords, select#where{
	height:18px;
	width:170px;
	font-size:7pt;
	color:#3399FF;
	border:1px solid #0081E4;
	padding-left:3px;
}

select#where{
	height:20px;
	width:175px;
	padding-top:2px;
}

select#where:hover{cursor:pointer;}




/*===========================================
	@ Pie de página
===========================================*/
.footer{
	font-size:7pt;
	color:#999;
	line-height:28px;
}

.footer a{
	text-decoration:none;
	color:#999;
}

.footer a:hover{
	color:#666;
}

.footer img{
	margin-right:5px;
}

.validhtml:link, .validhtml:visited, .validcss:link, .validcss:visited, .getfirefox:link, .getfirefox:visited{
	display:block;
	width:36px;
	height:30px;
}

.validhtml:link, .validhtml:visited{
	background:url(../images/valid_html.gif) 0 0;
}

.validcss:link, .validcss:visited{
	background:url(../images/valid_css.gif) 0 0;
}

.getfirefox:link, .getfirefox:visited{
	background:url(../images/getfirefox.gif) 0 0;
}

.validhtml:hover, .validcss:hover, .getfirefox:hover{
	background-position: 0 30px;
}





/*===========================================
	@ Zona de banners
===========================================*/
.bg-banner-468x60{
	padding-top:3px;
	background:url(../images/bg-banner-468x60.gif) repeat-x;
}

.bg-banner-468x120{
	padding-top:3px;
	background:url(../images/bg-banner-468x120.gif) repeat-x;
}




/*===========================================
	@ custom.elements.css
===========================================*/
.checklist,
.checklistalmost,
.radiolist,
.radiolistalmost {
	list-style: none;
	margin: 0;
	padding: 0;
}

.checklist p,
.checklistalmost p,
.radiolist p,
.radiolistalmost p {
	float: left;
	margin-right: 15px;
	background: url(../images/bg_checkbox.gif) no-repeat 0 0;
	width: 105px;
	height: 150px;
	position: relative;
	font: normal 11px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
}

.checklist p.selected,
.checklistalmost p.selected,
.radiolist p.selected,
.radiolistalmost p.selected {color:#fff; background-position: -105px 0; }

.checklist p.selected .checkbox-select,
.radiolist p.selected .radio-select { display: none; }

.checkbox-select,
.radio-select {
	display: block;
	float: left;
	position: absolute;
	top: 118px;
	left: 10px;
	width: 85px;
	height: 23px;
	background: url(../images/radiobutton_check.gif) no-repeat 0 0;
	text-indent: -9999px;
}

.checklist p input,
.checklistalmost p input,
.radiolist p input,
.radiolistalmost p input { display: none; }

a.checkbox-deselect,
a.radio-deselect {
	display: none;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 120px;
	right: 10px;
}

.checklist p.selected a.checkbox-deselect,
.radiolist p.selected a.radio-deselect { display: block; }

.checklist p span,
.checklistalmost p span,
.radiolist p span,
.radiolistalmost p span {
	display: block;
	padding: 8px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}