CONTAMINACIÓN AUDITIVA

temporaryissue

Código por encima de la página:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 	<head> 		<FCK:meta name="keywords" content=""  /> 		<FCK:meta name="description" content=""  /> 		<FCK:meta http-equiv="content-type" content="text/html; charset=utf-8"  /> 		<title>Temporary Issue by FCT</title> 		<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css" /> 		<link href="http://fonts.googleapis.com/css?family=Bitter" rel="stylesheet" type="text/css" /> 		<link rel="stylesheet" type="text/css" href="style.css" /> 	</head> 	<body> 		<div id="outer"> 			<div id="header"> 				<div id="logo"> 					<h1> 						<a href="#" _fcksavedurl="#">Temporary Issue</a> 					</h1> 				</div> 				<div id="search"> 					<form action="" method="post"> 						<fieldset> 							<input class="text" name="search" size="40" maxlength="128" /> 						</fieldset> 					</form> 				</div> 				<div id="nav"> 					<ul> 						<li class="first"> 							<a href="#" _fcksavedurl="#">Homepage</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Our Services</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Our Portfolio</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">About Us</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Blog</a> 						</li> 						<li class="last"> 							<a href="#" _fcksavedurl="#">Contact Us</a> 						</li> 					</ul> 				</div> 			</div> 			<div id="main"> 				<div id="content"> 					<div id="box1"> 						<h2> 							Welcome to Temporary Issue 												<p> 													</p>

Código por debajo de la página:

<div id="box2"> 					  							</li> 						</ul> 					</div> 					<br class="clear" /> 				</div> 				<div id="sidebar2"> 					<h3> 						Posuere pretium 					</h3> 					<ul> 						<li class="first"> 							<a href="#" _fcksavedurl="#">Lacinia amet et curae sed pellentesque</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Vitae a nisi rhoncus sociis veroeros</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Urna amet ornare?</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Aliquam lorem ipsum</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Ipsum pulvinar neque gravida aliquam</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Blandit purus lectus sed semper</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Lorem ipsum et dolor</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Varius placerat amet consequat duis</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Nulla purus cras amet aliquam nullam</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Sodales mus et vitae</a> 						</li> 						<li class="last"> 							<a href="#" _fcksavedurl="#">Nisl mus nulla morbi</a> 						</li> 					</ul> 				</div> 				<div id="sidebar1"> 					<h3> 						Curabitur ante 					</h3> 					<p> 						Sociis proin quisque id magna felis sed sapien. Primis vel varius nulla. Mollis sollicitudin. 					</p> 					<h3> 						Sed fermentum 					</h3> 					<ul> 						<li class="first"> 							<a href="#" _fcksavedurl="#">Lacinia amet et curae sed pellentesque</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Vitae a nisi rhoncus sociis veroeros</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Urna amet ornare?</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Aliquam lorem ipsum</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Ipsum pulvinar neque gravida aliquam</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Blandit purus lectus sed semper</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Lorem ipsum et dolor</a> 						</li> 						<li class="last"> 							<a href="#" _fcksavedurl="#">Varius placerat amet consequat duis</a> 						</li> 					</ul> 				</div> 				<br class="clear" /> 			</div> 			<div id="footer"> 				<div id="footerContent"> 					<h3> 						Suspendisse non commodo 					</h3> 					<p> 						Nisl iaculis arcu cubilia vitae. Suspendisse proin enim feugiat aenean aliquet proin quam. Risus  						placerat nisl sapien donec velit ornare cursus. Massa rhoncus fringilla eu aliquam. Facilisis orci  						tristique iaculis ridiculus tellus. Odio nibh mauris velit nullam. Placerat hendrerit montes ligula  						aenean cras. Eget augue tempus ipsum feugiat. Curae pellentesque penatibus dis velit. Augue felis  						nisl vel natoque duis mollis diam. Nullam sollicitudin massa curabitur. Lorem ipsum dolor sit amet 						nullam consequat etiam arcu cubilia cursus massa eu aliquam. Orci tristique velit nullam sed 						etiam tellus odio nibh mauris. 					</p> 				</div> 				<div id="footerSidebar2"> 					<h3> 						Turpis mus elit 					</h3> 					<ul> 						<li class="first"> 							<a href="#" _fcksavedurl="#">Felis duis aliquam</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Convallis sed auctor</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Blandit sed tempus</a> 						</li> 						<li class="last"> 							<a href="#" _fcksavedurl="#">Duis et hendrerit</a> 						</li> 					</ul> 				</div> 				<div id="footerSidebar1"> 					<h3> 						Etiam mollis 					</h3> 					<ul> 						<li class="first"> 							<a href="#" _fcksavedurl="#">Sed lacinia cubilia</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Risus euismod fusce</a> 						</li> 						<li> 							<a href="#" _fcksavedurl="#">Malesuada molestie</a> 						</li> 						<li class="last"> 							<a href="#" _fcksavedurl="#">Felis dolore nullam</a> 						</li> 					</ul> 				</div> 			</div> 		</div> 		<div id="copyright"> 				© Tu web | Diseño adaptado por: <a href="http://www.arelious.es.tl/" _fcksavedurl="http://www.arelious.es.tl/" rel="nofollow">Arelious</a> 		</div> 	</body> </html>

CSS-Code
sin Style Tags:

#header_container, #nav_container, #sidebar_container, #content h2#title {display: none;} #     lli.nav_element{display: none;}   # li.nav_element a{display: none;}   # h1#title{display: none;}   # h2#title span {display: none;}   # div.header{display: none;}   # li.nav_element{list-style-type: none;}   # li.nav_element{display: none;} /*  	Design by Free CSS Templates 	http://www.freecsstemplates.org 	Released for free under a Creative Commons Attribution License  	Name       : Temporary Issue 	Version    : 1.0 	Released   : 20130222 	 */  * { 	margin: 0; 	padding: 0; }  a { 	color: #0D8691; 	text-decoration: underline; }  a:hover { 	text-decoration: none; }  body, input { 	font-size: 12pt; 	line-height: 2em; 	font-family: Georgia, serif; 	background: #222222; 	color: #4a4a4a; }  strong { 	color: #2f2f2f; }  br.clear { 	clear: both; }  h2,h3,h4 { 	margin-bottom: 1.1em; 	font-family: Bitter, serif; 	color: #000000; }  h2 { 	font-size: 1.6em; }  h3 { 	font-size: 1.2em; }  img.left { 	float: left; 	margin: 4px 30px 30px 0; }  img.top { 	margin: 4px 0 30px 0; }  p { 	margin-bottom: 1.75em; }  ul { 	margin-bottom: 1.75em; }  .dateList { }  .dateList .date { 	color: #909090; 	font-size: 0.9em; }  #banner { 	background: #ffffff; }  #box1 { 	margin: 0 0 24px 0; 	overflow: hidden; }  #box2 { 	margin: 0 0 24px 0; 	overflow: hidden; }  #content { 	width: 740px; 	float: left; 	padding: 0; }  #copyright { 	text-align: center; 	padding: 0 0 72px 0; 	color: #4a4a4a; 	text-shadow: 0 1px 1px #101010; }  #copyright a { 	color: #4a4a4a; }  #footer { 	position: relative; 	padding: 40px 32px 48px 32px; 	width: 1116px; 	background: #444444; 	color: #b8b8b8; 	border-bottom: solid 1px #181818; 	text-shadow: 0 1px 1px #111111; }  #footer a { 	color: #dedede; }  #footer h2, #footer h3, #footer h4 { 	color: #ffffff; }  #footer p { 	margin: 0; }  #footer ul { 	list-style: none; 	margin: 0; }  #footer ul li { 	padding: 10px 0 10px 0; 	border-top: solid 1px #666666; 	border-bottom: solid 1px #222222; }  #footer ul li.first { 	padding-top: 0; 	border-top: 0; }  #footer ul li.last { 	padding-bottom: 0; 	border-bottom: 0; }  #footerContent { 	width: 740px; 	float: left; }  #footerSidebar1 { 	width: 164px; 	margin: 0 32px 0 764px; }  #footerSidebar2 { 	width: 164px; 	float: right; }  #header { 	position: relative; 	padding: 30px; 	height: 130px; 	background: #0D8691; 	color: #ffffff; 	border-bottom: solid 1px #074F54; }  #logo { 	position: absolute; 	bottom: 0; 	left: 32px; 	height: 140px; 	line-height: 140px; }  #logo a { 	text-decoration: none; 	color: #ffffff; 	text-shadow: 0 2px 1px #064347; }  #logo h1 { 	font-size: 3em; 	font-family: Bitter, serif; }  #main { 	position: relative; 	padding: 46px 32px 0 32px; 	width: 1116px; 	background: #ffffff; }  #main h2, #main h3, #main h4 { 	color: #1c1c1c; }  #main ul { 	list-style: none; }  #main ul li { 	padding: 10px 0 10px 0; 	border-top: dotted 1px #bdbdbd; }  #main ul li.first { 	padding-top: 0; 	border-top: 0; }  #nav { 	position: absolute; 	top: 0; 	left: 0; 	padding: 0 32px 0 32px; 	width: 1116px; 	height: 50px; 	line-height: 50px; 	margin: 0 0 32px 0; 	background: #444444; 	border-bottom: solid 1px #11B8C1; 	border-top: solid 1px #606060; 	text-shadow: 0 1px 1px #111111; 	font-family: Bitter, serif; 	font-size: 0.9em; }  #nav a { 	text-decoration: none; 	color: #ffffff; }  #nav li { 	padding: 0 2.5em 0 0; }  #nav ul { 	list-style: none; }  #nav ul li { 	display: inline; }  #outer { 	position: relative; 	width: 1180px; 	margin: 0 auto 0 auto; 	padding: 72px 0 32px 0; }  #search { 	position: absolute; 	bottom: 50px; 	right: 32px; 	width: 293px; 	padding: 8px 45px 8px 12px; 	background: #0A6B72 url('https://img.webme.com/pic/s/soportearelious/search.gif') 318px 6px no-repeat; 	border-bottom: solid 1px #11B8C1; 	border-top: solid 1px #074F54; 	height: 20px; 	line-height: 20px; }  #search fieldset { 	border: 0; 	margin: 0; 	padding: 0; }  #search input.text { 	border: 0; 	background: none; 	color: #A2D5D8; 	height: 20px; 	width: 293px; 	line-height: 20px; }  #sidebar1 { 	width: 164px; 	margin: 0 0 0 764px; 	padding: 0; }  #sidebar2 { 	width: 164px; 	float: right; 	padding: 0; }

ISIL/FINAL

Contaminación Auditiva

temporaryissue