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

body{
	margin:0px;
	background: #EFEFEF url(../images/bgweb.gif);
	font-family:Arial, Verdana, Tahoma, "Times New Roman";
	font-size:9pt;
}

.bordered{
	background:#ffffff;
	border:1px solid #ccc;
	border-top:0px;
	border-bottom:0px;
}

.lang{
	font-size:7pt;
	text-transform:uppercase;
	color:#ccc;
}

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

.lang a:hover{
	color:#CC3300;
}

.desarrollo-seccion{padding:3px;}


/*===========================================
	Globales y declaraciones importantes
===========================================*/
form, input, submit{
	margin:0px;
}

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

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

.bg-banner-468x60x2-es{
	background:url(../images/bg-banner-468x60-2.gif) no-repeat;
	padding:2px 0px 0px 5px;
}

.bg-banner-468x60x2-en{
	background:url(../images/bg-banner-468x60-2-en.gif) no-repeat;
	padding:2px 0px 0px 5px;
}

.bg-banner-468x60x4-es, .bg-banner-468x60x4-en{
	background:url(../images/bg-banner-468x60-4.gif) no-repeat;
	padding:2px 0px 0px 5px;
}

.bg-banner-468x60x2-es img,
.bg-banner-468x60x2-en img,
.bg-banner-468x60x4-es img,
.bg-banner-468x60x4-en img{
	border:1px solid #ccc;
}

.bg-banner-468x60x2-es img:hover,
.bg-banner-468x60x2-en img:hover,
.bg-banner-468x60x4-es img:hover,
.bg-banner-468x60x4-en img:hover{
	border:1px solid #0066CC;
}

.banners-izquierda{
	padding-top:10px;
}

.banners-intranews img, .banners-izquierda img, .banners-cabecera img{
	border:1px solid #ccc;
}

.banners-intranews img:hover, .banners-izquierda img:hover, .banners-cabecera img:hover{
	border:1px solid #0066CC;
}

.adshere span a:link, .adshere span a:visited{
	display:inline !important;
	width:18px;
	height:60px;
}

/*===========================================
	Header.web
===========================================*/
.bg-header{
	background:url(../images/bg-header.gif) repeat-x;
}

.bg-formsus{
	background:url(../images/bg-formsus.gif) repeat-x;
}

.menuIzq a{
	display:block;
	width:194px;
	height:22px;
	background:url(../images/bg-menu-izq.gif) 0px 0px;
	text-decoration:none;
	padding:3px 0px 0px 28px;
	color:#0066CC;
}

.menuIzq a:hover{
	background:url(../images/bg-menu-izq.gif) 0px 25px;
	color:#FFFFFF;
}

.menuIzq a span{
	font-family:Arial, Verdana, Tahoma, "Times New Roman";
	font-size:10pt;
	font-weight:bold;
}

.formSusInput{
	width:516px;
	height:25px;
	border:1px solid #cccccc;
	background:url(../images/bg-formsus-input.gif) repeat-x;
	padding-left:4px;
	font-size:10pt;
	color:#999;
}

.formSusInput:hover{
	background:url(../images/bg-formsus-input.gif) 0px 27px;
}

.formSusInput:focus{
	border:1px solid #999;
	background:url(../images/bg-formsus-input.gif) 0px 0px;
}

.formSusButton{
	width:130px;
	height:29px;
	background:url(../images/bg-formsus-button.gif) no-repeat;
	border:0px;
	font-size:8pt;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

.formSusSep{
	margin:0px;
	width:518px;
	height:1px;
	color:#ECECEC;
	background:#ECECEC;
	border:0px solid #ccc;
}

.formSusTip{
	font-size:7pt;
	color:#ccc;
	text-align:justify;
	padding-right:20px;
}

.formSusTip span{
	font-size:8pt;
}

/* Resolución de errores */
.error{
	border:1px solid #CC3300 !important;
	background:url(../images/bg-error-input.gif) no-repeat;
	background-position:right;
}

span.error{
	background:none;
	border:0px !important;
	color:#CC0000;
	font-weight:bold;
	margin-left:10px;
	font-size:8pt;
}

.suscripcion-success{
	background:url(../images/icon_suscripcion_success.gif) left;
	background-repeat:no-repeat;
	height:32px;
	font-size:15pt;
	color:#33CC00;
	font-weight:bold;
	padding:20px;
}

.suscripcion-success span{
	margin-left:30px;
}

.formSusText{
	font-size:9pt;
	color:#999;
}

.portada img{
	width:143px;
	height:198px;
	border:1px solid #000;
}


/*===========================================
	Cuerpo.web
===========================================*/
.bg-categorias-noticias{
	background:url(../images/bg-categorias-noticias.gif) repeat-x;
	height:42px;
	font-size:8pt;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
}

.bg-categorias-noticias a{
	display:inline;
	color:#FFFFFF;
	text-decoration:none;
	padding:8px 10px;
}

.bg-categorias-noticias a:hover{
	background:#FFFFFF;
	color:#CC0000;
}

.bg-categorias-noticias span{
	margin:0px 18px;
}


/* Noticias */
.bg-noticias{
	background:url(../images/bg-noticias.gif) repeat-y center;
	width:760px !important;
}

.noticias{
	color:#666;
	text-align:justify;
}

.noticias h3{
	margin:0px 0px 10px 0px;
	text-align:left;
	font-size:12pt;
	color:#666;
}

.noticias span{
	display:block;
	width:100%;
	height:10px;
	padding-top:5px;
	margin-top:10px;
	border-top:1px dashed #999999;
	font-size:7pt;
	color:#999999;
}

.noticias span a{
	color:#CC3333;
	text-decoration:none;
}

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

.noticias-pie{
	color:#999;
	font-size:7pt;
}

.ttsecNoticias-viendo{
	font-size:12pt;
	font-weight:bold;
	color:#cc0000;
	border-bottom:1px solid #ccc;
	padding-left:8px;
}

.imagen-noticia{
	border:1px solid #333;
	width:120px;
	height:120px;
}


/* Formularios globales */
.formOpt{
	border-bottom:1px solid #f2f2f2;
	padding-bottom:10px;
}

.errno{
	font-size:7pt !important;
	color:#CC0000 !important;
	margin-top:3px;
	text-align:left;
}

.formOptSmall{
	font-size:7pt;
	color:#ccc !important;
	margin:4px 0px 0px 4px;
}

.formOpt span{
	display:block;
	width:100%;
	margin-bottom:2px;
	color:#000;
	font-size:8pt;
}

.formOpt input{
	width:100%;
	height:22px;
	border:1px solid #ccc;
	background:#f2f2f2;
	font-size:12pt;
	font-weight:bold;
}

.formOpt textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	border:1px solid #ccc;
	background:#f2f2f2;
	font-size:12pt;
	font-weight:bold;
}

.formOpt select{
	width:100%;
	height:22px;
	border:1px solid #ccc;
	background:#f2f2f2;
	font-size:12pt;
	font-weight:bold;
	cursor:pointer;
}

.formOpt input:hover, .formOpt textarea:hover, .formOpt select:hover{
	border:1px solid #B2B2B2;
}

.formOpt input:focus, .fomOpt textarea:focus, .formOpt select:focus{
	background:#fff;
}

.button{
	margin-top:10px;
	height:32px;
	padding:0px 10px 3px 10px;
	vertical-align:middle;
	background:#CCCCCC;
	border:1px solid #999;
	color:#999;
	font-weight:bold;
	font-size:9pt;
	cursor:pointer;
}

.paypalResponseCancelled{
	padding:6px;
	background:url(../images/paypal_cancelled.gif) center left no-repeat;
	height:64px;
}

.paypalResponseSuccess{
	padding:6px;
	background:url(../images/paypal_success.gif) center left no-repeat;
	height:64px;
}

.paypalResponseCancelled span, .paypalResponseSuccess span{
	display:block;
	margin-left:60px;
}


/*===========================================
	@ 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:#9ED2FF;
	color:#0066FF !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;
}


/*===========================================
	Desarrollo > Revistas digitales
===========================================*/
.titulo-seccion{
	background:url(../images/bg-titulo-seccion.gif) repeat-x;
	text-align:left;
	font-size:12pt;
	font-weight:bold;
	color:#fff;
}

#openRevista-detalles:hover{
	cursor:pointer !important;
}

#openRevista-detalles div{
	border-top:1px solid #003F80;
	padding:3px;
	background:#0066CC;
	color:#fff;
	font-size:8pt;
	text-align:left;
}

#openRevista-detalles a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#openRevista-detalles a:hover{
	text-decoration:underline;
}

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


/*===========================================
	Desarrollo > Artículos
===========================================*/
.catArticulo a{
	padding:4px 10px;
	display:block;
	margin:3px 0px;
	text-decoration:none;
	color:#333;
	background:#F4F4F4;
	border:1px solid #ccc;
}

.catArticulo a:hover{
	background:#ebebeb;
	border:1px solid #c2c2c2;
}

.boletin,
.articulo{
	color:#3399FF;
	font-size:11pt;
	font-weight:bold;
	padding:8px 0px;
}

.optArticulos{padding-top:8px;}

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

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

.boletin span.desarrollo a{
	color:#333;
	text-decoration:none;
}

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

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

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


/*===========================================
	Footer.web
===========================================*/
.bg-footer{
	width:980px;
	height:237px;
	background:url(../images/bg-footer.gif) no-repeat;
}

/* Capas para los Sitemaps */
#sitemapLinks{
	position:relative;
	top:0px;
	left:0px;
	width:750px;
	height:160px;
}

#sitemap-pagina-principal{
	position:absolute;
	top:0px;
	left:0px;
}

#sitemap-revistas-digitales{
	position:absolute;
	top:0px;
	left:200px;
}

#sitemap-publicidad{
	position:absolute;
	top:0px;
	left:400px;
}


span.tit{
	display:block;
	width:140px;
	padding:3px 0px 5px 5px;
	border-bottom:1px solid #0066CC;
	text-transform:uppercase;
	font-weight:bold;
	font-size:8pt;
	color:#0066CC;
	margin-bottom:2px;
}

span.sub a{
	display:block;
	width:140px;
	height:18px;
	padding:3px 0px 0px 5px;
	border-bottom:1px solid #1D91F6;
	color:#99CCFF;
	font-size:8pt;
	text-decoration:none;
}

span.sub a:hover{
	background:#99CCFF;
	color:#0066CC;
}

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

.copyright div{
	position:relative;
	display:inline;
	float:right;
	font-size:7pt;
}

.copyright a{
	color:#0066CC;
	text-decoration:none;
}


/*===========================================
	Paginación
===========================================*/

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

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

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


/*===========================================
	@ custom.elements.css
===========================================*/
.precio-suscripcion{
	font-size:14pt;
	color:#4FAD26;
	font-weight:bold;
}

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

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