/* CSS Document */

body, table, tbody, tr, td, p {
	font-family: Verdana, Arial, Helvetica, sans-serif, 'MS sans serif';
	font-size: 10pt;
	color: black;
	margin: 0;
	}

p {	margin-bottom: 1em; }

ul, ol { font-size: 10pt; }

h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif, 'MS sans serif'; }
h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }

#section { color: #C50007; color: #BC001C; }

.heading { font-weight: bold; font-size: 16pt; margin-bottom: 0; }
.heading a:link { color: black; text-decoration: none; font-size: 12pt; }
.heading a:visited { color: #333; text-decoration: none; font-size: 12pt; }
.heading a:hover { color: #BC001C; text-decoration: underline; }

.bullet { font-weight: bold; }
.bullet a { font-weight: normal; }
.sumary { font-weight: normal; }

hr {
	background-color: black; /* Mozilla */
	color: black; /* IE */
	border: black; /* Opera */
	height: 1px;
	}

img.note { float: right; margin: 1em 0 1em 1em; }

a:link, a:visited { color: black; text-decoration: underline; }
a:hover { color: #BC001C; text-decoration: underline; }

/* fotos en los índices de secciones */
div.portrait, div.portrait p { width: 200px; }
div.landscape, div.landscape p { width: 300px; }

div.credit {
	margin-top: 0;
/*	font-family: Arial, sans-serif;*/
	text-transform: uppercase;
	text-align: right; 
	font-weight: bold;
	font-size: 5pt;
	}

div.portrait, div.landscape {
	float: right;
	border: 0px;
	margin: 0 0 0.5em 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	}
	
	
div.portrait_foto, div.landscape_foto {
	border: 1px solid #CCC;
	}

div.portrait_foto p, div.landscape_foto p {
	text-align: justify;
	font-size: 8pt;
	margin: 0.5em 0 0.5em 0;
	}

div.portrait_200, div.landscape_300 {
	float: right;
	border-left: 0px solid #CCC;
	margin: 0 0 0.5em 1em;
	padding-left: 1em;
	}

div.portrait_200, div.portrait_200 p { width: 200px; }
div.landscape_300, div.landscape_300 p { width: 300px; }

div.portrait_200 p, div.landscape_300 p {
	text-align: justify;
	font-size: 8pt;
	margin: 0.5em 0 1em 0;
	}
div.cachucha_izq{
	float:left; 
	width: 300px; 
	border: 1px solid;
	}
div.cachucha_der{
	float:right; 
	width: 300px; 
	border: 1px solid;
	}


.repique{
	font-size: 12pt;
	font-weight: bold;
	color: #BC001C;
	margin-bottom: 0;
	}	
	
.author { font-weight: bold; text-transform: uppercase; }

.columna_titulo { color: #BC001C; font-weight: bold; text-transform: uppercase; }

.seccion_titulo { color: #BC001C; font-weight: bold; }
.seccion_titulo a:link { color: #BC001C; font-weight: bold; font-size: 12pt; text-decoration: none; }
.seccion_titulo a:visited { color: #BC001C; font-weight: bold; font-size: 12pt; text-decoration: none; }
.seccion_titulo a:hover { color: #BC001C; font-weight: bold; font-size: 12pt; text-decoration: underline; }
p.seccion_titulo { margin-bottom: 0; }

/* menú de navegación */
div.menu {
	margin: 0;
	font-size: 8pt; /* smaller */;
	line-height: 1.5em;
	width: 138px;
	background: #EEE;
	border: 1px solid #CCC;
	}

div.menu p {
	margin: 0;
	font-size: 8pt;
	line-height: 1.5em;
	background-image:  url("../../imagenes/activo.gif");
	background-position: center;
	background-repeat: no-repeat;
	color: black;
	text-indent: 2px;
	}

div.menu strong {
	display: block;
	color: black;
	background: #CCC;
	text-align: center;
	text-indent: 0;
	}

div.menu a {
	display: block;
	text-indent: 2px;
	}

div.menu a:link { text-decoration: none; color: black }
div.menu a:visited { text-decoration: none; color: black }
div.menu a:hover { text-decoration: none; background: #BC001C; color: white }

/* portada y opinión */
.text_block_200 {
	display: block;
	float: left;
	width: 200px;
	margin-right: 15px;
	}

.spacer { clear: both; height: 0; }

/* publicidad */
div.add_120 { width: 120px; margin: 1em auto 0 auto; }
div.add_160 { width: 160px; margin: 0 auto 1em auto; }
div.add_180 { width: 180px; margin: 0 auto 1em auto; }
div.add_300 { width: 300px; margin: 3em auto 1em auto; }
div.add_468 { width: 468px; margin: 2em auto 1em auto; }

/* sólo en Firefox */
div.add_120:before, div.add_160:before, div.add_180:before, div.add_300:before, div.add_468:before {
	content: "Publicidad";
	display: block;
	text-align: center;
	}

div.add_note { width: 728px; margin: 1em auto; }
div.add_note:before { content: "Publicidad"; font-size: smaller; font-weight: bold; }