@media screen {
/* reset - v1.0 | 20080212  - By Eric Meyer*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,/* ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
/*	list-style: none;*/
	margin-left: 25px;
	margin-right: 20px; 
	line-height: 1.5em;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
/*	content: none;*/
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	html {
		scroll-behavior: smooth;
		background-color:#D7CCB0;
}
	body {
	  font-family: "Times New Roman", Times, serif;
	  font-size: 13pt;
	  color: #663300;
	  background-color:#FCF9E8;
	  max-width: 1000px;
	  height:100%;
	  margin:0 auto 0;
	  border:ridge 2px #663300;
	  padding:0 0 3px 0;
	  box-shadow: 7px 5px 5px grey;
	}
	#MarioCarrau {float: left; margin-left:25px; margin-right: 10px; margin-top:5px; border: ridge 2px #D2B48C; width:154px; height:189px;}
	#LeVallon {float: left; margin-left:25px; margin-right: 10px; margin-top:5px; border: ridge 2px #D2B48C; width:388px; height:253px;}
	#ScientificAmerican {float: right; margin: 0px 20px 0px; border: ridge 2px #D2B48C; width:191px; height:300px;}
	#ATElectri {float: left; margin: 0px 20px 0px; border: ridge 2px #D2B48C; width:191px; height:270px;}
	#LaScienceEtLaVie {float: right; margin: 0px 20px 0px 5px; border: ridge 2px #D2B48C; width:167px; height:234px;}
	#LaNature {float: right; margin: 0px 0px 0px 20px; border: ridge 2px #D2B48C; width:154px; height:238px;}
	#Munn {float: right; margin: -10px 20px 0px; border: ridge 2px #D2B48C; width:230px; height:292px;}
	#puntoMovilPrimus {position:relative;}
	#LayerPrimus {position: absolute; top: -200px; left: -50px; width: 166px; height: 199px; z-index: 99; visibility: hidden;}
	#primus {border:ridge 2px #D2B48C; width:166px; height:199px;}
	#EdisonAndCarrau {float: right; margin: 20px 20px 5px; border: ridge 2px #D2B48C; width:200px; height:344px;}
	#icra {border:none; width:88px; height:31px;}
	#xhtml_10 {border:none; width:88px; height:31px;}
	#CSS {border:none; width:88px; height:31px;}
	#cynthia {border:none; height:31px; width:88px;}
	.libre {clear:both;}
	.titulo { text-align: center; margin-left: 5px; margin-right:5px;}
	.datetitle {margin-left:0; margin-right:0; border-bottom: ridge 2px #663300; text-align:right;}
	.tema {text-align: center; text-decoration: underline; font-style:italic;} /* width:95%}*/
	.sup {vertical-align: super; font-size:12px;}
	.quote {left:30px; padding-right:50px; font-family:Arial, times, sans-serif; font-style:italic; /*text-align:center;*/}
	p {margin-left: 25px; margin-right: 20px; text-indent: 1cm; font-size: 13pt; line-height:1.5em;}
	.firma {margin-left: 10px; text-indent: 0; font-size: 13pt;}
	.subir {
		font-family:verdana, Arial, serif; font-size: 10px;
		text-align: right;
		padding-top: 2px;
		margin-right: 2px;
		z-index:2;
	}
	#act {
		float:left;
		margin-left:5px;
	}
	.nota {font-size: 12pt;}
	A:link {color:#663300; background-color:#FCF9E8; text-decoration:underline;}
	A:visited {color:#663300; background-color:#FCF9E8; text-decoration:underline;}
	A:hover {color:#663300; background-color:#FCF9E8; text-decoration:none;}
}
@media print {
	body {
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;
	color: black;
	background-color:white;
	}
	#MarioCarrau {float: left; margin-left:85px; margin-right: 5px; margin-top:5px; border: ridge 2px black; width:154px; height:189px;}
	#LeVallon {float: left; margin-left:85px; margin-right: 10px; margin-top:5px; border: ridge 2px black; width:388px; height:253px;}
	#ScientificAmerican {float: right; margin: 0px 20px 0px; border: ridge 2px black; width:191px; height:300px;}
	#ATElectri {float: left; margin-left: 85px; margin-right: 5px; border: ridge 2px black;  width:191px; height:270px;}
	#LaScienceEtLaVie {float: right; margin: 0px 20px 0px 5px; border: ridge 2px black; width:167px; height:234px;}
	#LaNature {float: right; margin-left: 85px; border: ridge 2px black; width:154px; height:238px;}
	#Munn {float: right; margin: 0px 20px 0px; border: ridge 2px black; width:230px; height:292px;}
	#EdisonAndCarrau {float:right; margin: 10px 10px 0; border: ridge 2px black; width:200px; height:344px;}
	.libre {clear:both;}
	.saltoPag {orphans:10;}
	.titulo {text-align: center; padding-right:10px;}
	.datetitle {float: right; width: 100%; border-bottom: solid 1px black; margin-right: 5px; text-align:right;}
	.tema {text-align: center; text-decoration: underline; width:95%;}
	.sup {vertical-align: super; font-size:12px;}
	.quote {left:30px; padding-right:50px;}
	p { margin-left: 50px; margin-right: 25px; text-indent: 1cm; font-size: 13pt; page-break-inside: avoid;}
	.firma {margin-left: 30px; text-indent: 0; font-size: 13pt;}
	.subir {display:none; position: absolute; right: 5px; width: 90%; font-family:verdana, Arial, serif; font-size: 10px; text-align: right; padding-top: 2px; padding-right: 2px; z-index:2;}
	.contador {display:none; font-family:verdana, Arial, serif; font-size: 10px; text-align: right; border-top: solid 1px #000000; border-bottom: solid 1px #000000; z-index:3;}
	.kt { vertical-align: middle;}
	.act {
	display:none;
	position: absolute;
	left: 10px;
	width: 90%;
	font-family:verdana, Arial, serif;
	font-size: 10px;
	text-align: left;
	z-index:1;
	top: 25707px;
}
	.nota { font-size: 14px; }
	A:link { color:black; text-decoration:none;}
	A:visited { color:black; text-decoration:none; }
	A:hover { color:black; text-decoration:none; }
}