/* =Reset
-----------------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
fieldset {
	display:block;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul, li {
	list-style: none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	line-height: normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

legend {
	display: none;
}



/* INICIO HACKS
-----------------------------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	height:1%;
}

.clear {
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
.replace {
	overflow: hidden;	
}

.replace a {
	display:block;
	width: 100%;
	height: 100%;	
	position: relative;
}

.replace strong {
	position: absolute;
	top: -9999px;	
}

.fix {
	overflow: hidden;
	zoom: 1;
}

a, a:visited {
	text-decoration: none;
}


/*========================*/

body {
	background-color: #cd001f;
}

#banner {
	margin: 0 auto;
	width: 270px;
	height: 530px; 
	position: relative;
	overflow: hidden;
	position:absolute;
	top:0; left:0;
	z-index:100;
}

#container {
	background: url(../img/bg.jpg) no-repeat 0 0;
	margin: 0 auto;
	width: 778px;
	height: 580px; 
	position: relative;
}

h1 {
	position: absolute;
	width: 200px;
	height: 53px;
	top: 374px;
	left: 287px; 
}

h2 {
	width: 180px;
	height: 180px;
}

.blog {
	position: absolute;
	width: 194px;
	height: 53px;
	top: 374px;
	left: 94px; 
}

.book {
	position: absolute;
	width: 194px;
	height: 53px;
	top: 374px;
	left: 487px; 
}