<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Suspensión de Cuenta</title>
<!--[if lt IE 9]>
    <script src="components/html5shiv/html5shiv.js"></script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>
<style type="text/css">
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(http://apacheperu.com/suspended/img/bg.jpg);
}
	header {
	overflow: auto;
	background-color: #808080;
	-moz-box-shadow: inset 0 0 5px #000;
	-webkit-box-shadow: inset 0 0 5px #000;
	box-shadow: inner 0 0 5px #000;
	padding: 20px;
		}
	header img{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
		}
	h1 {
	font-family: 'Marmelad', Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	}
	section{
	height: 450px;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ccc;
	padding: 10px;
	margin-top: 30px;
	border-radius: 20px;
	box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px0px #000;
	-o-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
		}
aside {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	}
h2 {
	font-family: 'Marmelad', Tahoma, Geneva, sans-serif;
	font-size: 24px;
	color: #ccc;
	clear: both;
	background-color: #666666;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#person {
	float: left;
	margin-left: 200px;
}
ul {
	float: left;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: bold;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #666;
}
#dos {
	clear: both;
	overflow: auto;
	padding-top: 50px;
}
h3 {
	font-family: 'Marmelad', Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #333;
	float: left;
}
h4 {
	font-family: 'Marmelad', Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #333;
	float: right;
}
</style>
</head>

<body>
<header>
	<h1><img src="http://apacheperu.com/suspended/img/stop.jpg" width="58px" height="79px">Ud. no puede visualizar el sitio web debido a que su cuenta de hosting está suspendida, si es propietario de esta cuenta de hosting por favor comuníquese con nosotros al siguiente correo: <a href="mailto:renovaciones@apacheperu.pe" target="_new">renovaciones@apacheperu.pe</a></h1>
</header>
<section>
	<aside id="uno">
    	<img src="http://apacheperu.com/suspended/img/logo.jpg" usemap="#Map" >
        <map name="Map">
          <area shape="rect" coords="32,18,313,119" href="http://www.apacheperu.com">
        </map>
	  <h2>
      Contáctenos a los siguientes números:
	  </h2>
        <img id="person" src="http://apacheperu.com/suspended/img/persona.jpg" >
        <ul>
       	  <li>Oficina: 01-7373516</li>
			<li>Movistar: 985985799</li>
			<li>RPM: #985985799</li>
			<li>Claro RPC: 967709194</li>
	  </ul>
      </aside>
  <aside id="dos">
    <h3>Lince - Lima - Perú </h3>
   	  <h4><a href="http://apacheperu.com/" target="_new">www.apacheperu.com</a></h4>
	</aside>
</section>
</body>
</html>
