/*
	CSS :: Borja Delgado : http://www.orangeside.org
	04 - 2005
*/

/* ESTILOS GENERALES */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3D2F0F;
	background-color: #71674F;
	padding: 100px 0px 0px 0px;
	width: 100%;
	overflow: hidden;
	}

a {
	color: #3D2F0F;
	text-decoration: none;
	}

a:hover {
	}

a img {
	border-width: 0px;
	}

/* CABECERA */

#cabecera {
	position: absolute;
	top: 75px;
	left: 0px;
	width: 85px;
	height: 350px;
	}

#logo {
	margin: 25px 0px 0px 0px;
	width: 85px;
	height: 300px;
	background-color: #80724F;
	}

#logo img {
	margin: 5px 0px 0px 10px;
	}

/* PRESENTACION */

#presentacion {
	position: absolute;
	top: 75px;
	left: 85px;
	width:  200px; /* Opera */
	\width: 202px; /* IE 5.x */
	w\idth: 200px; /* Estandares */
	height: 350px;
	border: 1px solid #62512A;
	border-width: 0px 1px 0px 1px;
	}

#presentacion div {
	margin: 25px 0px 0px 0px;
	height: 300px;
	background-color: #D0A436;
	}

#presentacion h2 {
	padding: 95px 15px 10px 15px;
	font-size: 11px;
	}

#presentacion p {
	margin: 0px 15px 10px 25px;
	}

#presentacion a:hover {
	text-decoration: underline;
	}

/* PORTFOLIO */

#portfolio {
	position: relative;
	width: auto;
	height: 325px;
	overflow: auto;
	margin: 0px 25px 0px 287px;
	}

#portfolio #contenido {
	width: 100%;
	height: 300px;
	background-color: #947F4B;
	}

#portfolio a {
	display: block;
	position: absolute;
	top: 0px;
	width: 200px;
	height: 300px;
	background-color: #947F4B;
	}

#portfolio a:hover {
	background-color: #D0A436;
	}

#portfolio a strong {
	display: block;
	padding: 95px 15px 10px 15px;
	font-size: 11px;
	}

#portfolio a em {
	display: block;
	margin: 0px 15px 10px 25px;
	font-style: normal;
	}


/* PIE PAGINA */

#pie_pagina {
	position: absolute;
	top: 75px;
	right: 0px;
	width: 24px;
	height: 350px;
	border: 1px solid #62512A;
	border-width: 0px 0px 0px 1px;
	}

#pie_pagina div {
	margin: 25px 0px 0px 0px;
	height: 300px;
	background-color: #80724F;
	}