@import url(comun.css);

/*<style type="text/css">*/
/*   Sitio V4    */

@font-face {
    font-family: AUdimatBI;
    src: url(audimat-bolditalic.otf) format("opentype");
}

/* CSS no permite variables, con este truqui se etiquetan
valores para luego poder hacer un reemplazar sin perder la
referencia de lo que se está cambiando. Tienen un problema, son
líneas que no se pueden comentar directamente. */
.variablesDeColores {
	color: #F57733;/*opaco*/
	color: #F7AD84;/*oscuro*/
	color: #FFC995;/*medio*/
	color: #FFEEDD;/*claro*/ /* color de fondo*/
	color: #FFF5EB;/*palido*/
	color: #600000;/*titulo*/
	color: #FFAA88;/*apagado*/
}

html {
	font-family: verdana, sans-serif;
	font-size: 10pt;
}

body { 
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FFEEDD;/*claro*/
	font-style: normal;
	/* background-image: url(/imag/fondo.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right 20px; */
}

h1, h2, h3, h4, h5, h6, .cab, .h1, .h2, .h3, .h4, .h5, .h6, .t_notas { 
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-shadow: 1px 1px 1px #CCC;
 	background-color: transparent;
	margin: 6px 0px 12px 0px;
}

h1, .h1 {
	font-size: 1.55rem;
	margin: 10px 0px 20px 0px;
}
.blq1, .txt1 {margin: 0px 0px 0px 4px;} /* clases blqn a extinguir*/

h2, .h2, .t_notas {
	font-size: 1.45rem;
	color: #600000; /*titulo*/
	margin: 8px 0px 16px 4px;*/
}
.blq2, .txt2 {margin: 0px 0px 0px 8px;}

h3, .h3 {
	font-size: 1.35rem;
	color: #b8460a;
	margin: 6px 0px 12px 8px;
}
.blq3, .txt3 {margin: 0px 0px 0px 12px;}

h4, .h4 {
	font-size: 1.25rem;
	margin: 6px 0px 12px 12px;
}
.blq4, .txt4 {margin: 0px 0px 0px 16px;}

h5, .h5 {
	font-size: 1.15rem;
	color: #600000; /*titulo*/
	margin: 6px 0px 12px 16px;
}
.blq5, .txt5 {margin: 0px 0px 0px 20px;}

h6, .h6 {
	font-size: 1.0rem;
	color: #b8460a;
	margin: 6px 0px 12px 20px;
}
.blq6, .txt6 {margin: 0px 0px 0px 24px;}


.rotulo, .rotuloE, .rotuloe {
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.0rem;
	color: #CC3300;
	text-shadow: 1px 1px 1px #600000;/*titulo*/
	margin: 3px 0px;


}
.rotuloE:hover, .rotuloe:hover {
	color: #EE3300;
	text-decoration: none;
}

.rotuloc, .rotuloC, .rotulocE, .rotuloce, .rotuloCE {
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.0rem;
	color: #F57733;/*opaco*/
	text-shadow: 1px 1px 1px #600000;/*titulo*/
	margin: 3px 0px;
}

.rotulocE:hover, .rotuloce:hover, .rotuloCE:hover {
	color: #FFAA88;/*apagado*/
	text-decoration: none;
}

.rotuloT, .rotulot {
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.1rem;
	color: #CC3300;
}

.rotuloCT, .rotuloct {
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.1rem;
	color: #F57733;/*opaco*/
}

.indice {
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #600000;/*titulo*/
	text-shadow: 1px 1px 1px #CCC;
}

.indiceapagado {
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #FFAA88;/*apagado*/
	text-shadow: 1px 1px 1px #CCC;
}

.sitio {
	font-family:AUdimatBI, "Trebuchet MS", arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
}

p { 
	font-family: verdana, sans-serif;
	font-size: 1rem;
	font-style: normal;
}

.nota, .notas { 
	font-family: arial, sans-serif;
	font-size: 0.9rem;
	text-align: justify;
}

.enlacenota { 
	vertical-align: super;
	font-family: verdana, arial, sans-serif;
	font-size: 0.7rem;
	font-weight: bold;
	font-style: normal;
}

p.firma { 
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 1rem;
}

.autor { 
	font-family: arial, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 1rem;
}

p.firmad { 
	font-family: arial, sans-serif;
	font-weight: bold;
	text-align: right;
	font-size: 1rem;
}

p.ppt:first-letter, .lc {  /* Letra capitular, .lc para los span*/
	color: #A00000;
	font-size: 1.9rem; 
	font-weight: bold;
	margin: 5px 3px 0px 0px;
	float: left;
	display: block;
}

p.inda { 
	text-indent: 1em;
	font-family: arial, sans-serif;
	font-size: 0.9rem;
}

p.inda10 { 
	text-indent: 1em;
	font-family: arial, sans-serif;
	font-size: 1rem;
}

/* entrevista pregunta */
p.enp { 
	text-align: justify;
	font-weight: bold;
	padding-top: 20px;
}


var { 
	font-family: arial, sans-serif;
	font-style: normal;
	font-size: 0.9rem;
}

big { 
	font-size: 1.2rem;
}

pre, tt { /* general */
	font-size: 0.9rem;
}

address, small, .small { 
	font-family: arial, sans-serif;
	font-size: 0.8rem;
}

.cuentapalabras {
	font-family: arial, sans-serif;
	font-size: 0.8rem;
	font-weight: normal;
}

ul { 
	font-family: verdana, sans-serif;
	font-size: 1rem;
	list-style:  url(/imag/_bololista.gif) circle outside;

}

ul ul {
	list-style:  url(/imag/_bolomar.gif) square outside;
}

ul ul ul {
	list-style:  url(/imag/_bolonar.gif) square outside;
}


ol { 
	font-family: verdana, sans-serif;
	font-size: 1rem;
	list-style: decimal;
}

li { 
	font-family: verdana, sans-serif;
	font-size: 1rem;
}

td, th, tr { 
	font-family: verdana, sans-serif;
	font-size: 0.9rem;
}

figcaption, .pieimg {
	width: 95%;
	font-family: arial, sans-serif;
	font-size: 0.8rem;
	padding: 3px 0px 0px 5px;
	text-align: left;
	font-weight: bold;
}

a { 
	color: #A00000;
	background-color: transparent;
	text-decoration: none;
}

hr { 
	clear: both;
	height: 1px;
	border: 0px solid #DF6E00;
	color: #DF6E01;
	background-color: #DF6E02;
}

.hrlegalsup { 
	clear: both;
	height: 1px;
	border: 0px solid #FFBE7B;
	color: #FFBE7C;
	background-color: #FFBE7D;
}

.hrlegalinf { 
	clear: both;
	height: 1px;
	border: 0px solid #CC3300;
	color: #CC3301;
	background-color: #CC3302;
}

.item { 
	clear: both;
	margin: 3px 0px 4px 0px;
	font-size: 0.9rem;
	text-indent: -10px;
	padding-left: 10px
}

.item .inotas { 
	font-family: arial, sans-serif;
	margin-left: 15px; 
	font-size: 0.8rem;
}

.itemResaltado, .Resaltado {
	background-color: #FFEEDD;/*claro*/
	clear: both;
	margin: 3px 0px 4px 0px;
	/* font-size: 0.9rem; */
	text-indent: -10px;
	padding-left: 10px
}

.item8 { 
	clear: both;
	margin: 3px 0px 4px 10px;
	font-size: 0.9rem;
	text-indent: -9px;
	padding-left: 9px
}

p.pres  {
	font-family: arial, sans-serif;
	font-size: 0.8rem;
	text-indent: 1em;
}

.creditos_podcast { 
	font-family: arial, sans-serif;
	font-size: 0.8rem;
	background-color: #FFECCF;
	margin: 2px;
	padding: 5px;
}

.noticia_titular { 
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.45rem;
	margin: 15px 0px 10px 0px;
	background-color: transparent;
	text-shadow: 1px 1px 1px #CCC;
}

.tituloespeciales {
	background-color: #FFE9D2;
	padding: 5px;
}

.serie_articulos, .especial_articulo, .fecha_firmas { 
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.1rem;
	padding-bottom: 9px;
	color: #800000;
	background-color: transparent;
	text-shadow: 1px 1px 1px #CCC;
}

.titulo_articulo { /*h1*/
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.55rem;
	padding-bottom: 7px;
	color: #600000;/*titulo*/
	background-color: transparent;
	text-shadow: 1px 1px 1px #CCC;
}
	.info_adicional{ /*vacío, para detalles que no son propiamente el título*/ }

.autor_articulo { 
	font-family: AUdimatBI, "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.15rem;
	padding-bottom: 5px;
	text-shadow: 1px 1px 1px #CCC;
}

.tira { 
	font-size: 0.9rem;
	color: #804040;
	background-color: #FFFFFF;
}

.OEPortadaRobel { 
	float: right;
	margin: 5px 0px 5px 10px;
	width: 220px;
	height: 390px;
	cursor: pointer;
}

.OEPortadaOriginal { 
	float: left;
	margin: 5px 10px 5px 0px;
	width: 220px;
	height: 330px;
	cursor: pointer;
}

.PortadaSaga { 
	margin: 5px 10px 5px 5px;
	width: 110px;
	height: 160px;
	cursor: pointer;
}

.contador, .lecturaspagina { 
	clear: both;
	font-family: arial, sans-serif;
	font-size: 0.8rem;
	padding-top: 5px;
}


.sinopsis { 
	margin: 5px 5px 10px 25px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #DF6E00;
}

	.sinopsis p.jus { 
		font-size: 0.9rem;
		font-style: italic;
	}
	.sinopsis p.ind { 
		font-size: 0.9rem;
		font-style: italic;
	}


/* Créditos al pie de los artículos */

.c_autor { 
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 1rem;
	margin-top: 40px;
	padding-top: 10px;
	border-top: 1px solid #FBD2BD;
}

.c_origen, .c_minicurr { 
	clear: both;
	font-family: arial, sans-serif;
	font-size: 0.8rem;
	margin-top: 10px;
}

.c_comentario {
	clear: both;
	float: left;
	font-family: verdana, sans-serif;
	font-size: 0.8rem;
	margin: 10px 0px 5px 0px;
	padding-top: 5px;

}

.c_buscarmas {
	clear: both;
	font-family: arial, sans-serif;
	font-size: 0.8rem;
	margin: 20px 3px 3px 3px; 
	padding: 3px 5px;
	width:95%; 
}

/* colores de fondo */
.opaco { 
	background-color: #F57733;/*opaco*/
}

.opacoPP { 
	color: #F57733;/*opaco*/
}

.oscuro { 
	background-color: #F7AD84;/*oscuro*/
}

.oscuroPP { 
	color: #F7AD84;/*oscuro*/
}

.medio { 
	background-color: #FFC995;/*medio*/
}

.medioPP { 
	color: #FFC995;/*medio*/
}

.claro { 
	background-color: #FFEEDD;/*claro*/ /* color de fondo*/
}

.palido { 
	background-color: #FFF5EB;/*palido*/
}


/* colores de texto */

.verde { 
	color: #336600;
}

.colorh { 
	color: #600000;/*titulo*/
}

/* Menús en árbol */

.ma_tit_nv1 {
	margin: 0px; 
}
.ma_res_nv1 {
	cursor:pointer;
	font-style: italic;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 1.1rem;
	color: #600000;/*titulo*/
}
	.ma_cap_nv1 {}

.ma_tit_nv2 {
	margin: 0px 0px 0px 8px; 
	font-size: 0.8rem;
}
.ma_res_nv2 {
	cursor:pointer;
	font-style: italic;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 1rem;
	color: #600000;/*titulo*/
}
	.ma_cap_nv2 {}

.ma_tit_nv3 {
	margin: 0px 0px 0px 12px;
	font-size: 0.8rem;
}
.ma_res_nv3 {
	cursor:pointer;
	font-style: italic;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 1rem;
	color: #600000;/*titulo*/
}
	.ma_cap_nv3 {}

.ma_tit_nv4 {
	margin: 0px 0px 0px 16px;
	font-family: verdana, sans-serif;
	font-size: 0.8rem;
}

.ma_separador {
	margin: 0px 0px 10px 0px;
}

.ma_sep_chapuxplr {
	margin: -15px 0px 0px 0px;
}

.ma_cap_hr {
	margin: 1px 40% 1px -10px;
	clear: both;
	height: 1px;
	border: 0px solid #FFBE7B;
	color: #FFBE7C;
	background-color: #FFBE7D;
}

/* ---------- /Estilos propios de Bienvenida.html ---------- */

.mancha {
	margin: 0px 0px 0px 20px; 
	padding-top: 10px; 
	width: 755px;
}

	.imgcabecera {
		width: 500px;
		height: 50px;
		margin-top: 10px;
		cursor:pointer;
	}

.op  {
	font-family: arial, sans-serif;
	font-size: 0.8rem;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

.relleno_cabecera {
	 background: #FFF5EB;/*palido*/
}

.comentarios_banners {
	float: left;
	height: 115px; /*115px;*/ 
	margin: 2px 2px 2px 0px;
}

.Resaltado {
	font-family: arial, sans-serif;
	font-size: 0.8rem;
	height: 14px;
	background: #FFDDAA;
	background-image: url(/imag/dgr_Resaltado16.gif);
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	padding: 1pt 4pt 1pt 0pt;
}

.icoBaul {
	width: 16px;
	height: 16px;
	margin: 0px 2px 0px 2px;
	vertical-align: middle;
}

#bv_articulos_destacados {
	margin: auto;
	width: 755px;
	height: 118px; /* height: 118px; comentarios_banners + 3 */
}

#bv_banners_mlc_suplementos {
	width:445px;
}


#bv_articulos_serial {
	margin:auto;
	width:755px;
}

#bv_banners {
	padding: 4px 0px 3px 25px;
}

#bv_img_rss {
	width: 26px;
	height: 14px;
	margin: 2px 4px 0px 25px;
}

.bv_marcosnovedades {
	margin: 5px 0px 5px 15px;
}

#bv_firmas_anteriores {
	padding: 5px 10px;
} 

#bv_suscribirse_al_grupo {
	padding: 5px 10px 10px 10px;
} 

#bv_blogs_y_demas {
	padding: 5px 10px 10px 10px;
} 
/* -------------------- */

.marcoindice {
	border: 1px solid #FFC995;
	border-radius: 0px 0px 8px 8px;
	box-shadow: 2px 2px 2px #FFC995;/*medio*/
	margin: 0px 0px 5px 0px;
	padding:5px;
	background-color: #FFF5EB;/*palido*/
	overflow: hidden;
}

.bordemarco {
	border: 1px solid #FFC995;
	border-radius: 0px 0px 8px 8px;
	box-shadow: 2px 2px 2px #FFC995;/*medio*/
	margin: 0px 0px 5px 0px;
	background-color: #FFF5EB;/*palido*/
	overflow: hidden;
}

.cajamarco { /* General */
	font-size: 0.8rem;	
}

/* ---------- /Estilos propios de Bienvenida.html ---------- */


/*</style>*/