@CHARSET "ISO-8859-1";

* {
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

.recomendaciones {
	color: #ffffdf;
	text-align: center;
}

body {
	background: #ffffbf;
	font-family: 'Bree Serif', serif;
}

#page_header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 15%;
}

#page_footer {
	position: absolute;
	top: 95%;
	left: 0;
	width: 100%;
	height: 3%;
	
	background: #efefaf;
	color: #644143;
	
	text-align: center;
}

#page_content {
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	height: 80%;
	
	overflow: hidden;
}

.content_wrapper {
	float: left;
	width: 80%;
	
	margin-left: 10%;
	padding-bottom: 15px;
	
	background: #644143;
}

#social_network {
	position: fixed;
	top: 35%;
	left: 2%;
	width: 6%;
	height: 6%;
	
	z-index: 15;
}

#social_network img {
	width: 100%;
	height: 100%;
} 

/*
	PAGE HEADER
**************/
#logo_div {
	float: left;
	max-width: 5%;
}

#logo_div img {
	float: left;
	height: 100%;
}

#menu_div {
	float: left;
	padding-top: 3%;
	width: 50%;
}

#reparto {
	float: right;
	height: 90%;
	
	margin-top: 0.3%;
	margin-right: 10%;
	
	border-radius: 15px;
	border: 2px solid #ffffbf;
}

#reparto img {
	height: 100%;
}

#reparto:hover {
	background: #efefaf;
	border: 2px solid #644143;
}

/*
	COLUMNS
**************/

#column30 {
	position: fixed;
	top: 15%;
	left: 10%;
	width: 20%;
	height: 80%;
	
	padding-left: 5px;
	
	background: #644143;
}

#column70 {
	position: absolute;
	top: 0%;
	left: 30%;
	width: 60%;
	min-height: 100%;
	
	background: #644143;	
}