/*
	CSS - Screen
	Borja Delgado	
	OrangeSide - http://www.orangeside.org
	05 - 2005
	
*/

/* ESTILOS GENERALES */

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

body {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	background-color: #564847;
	color: #BEB4B3;
	}

a {
	color: #FF6600;
	}
	
a:hover {
	text-decoration: none;
	}

em {
	color: #FF6600;
	font-style: normal;
	font-weight: bold;
	}

/* CONTENEDORES */

#contenedor {
	position: absolute;
	top: 50%;
	left: 0px;
	height: 0px;
	overflow: visible;
	min-width: 100%;
	}

#contenido {
	position: relative;
	top: -202px;
	height: 354px;
	background-color: #665857;
	min-width: 100%;
	overflow: visible;
	}

/* ORANGESIDE */

#orangeside {
	position: relative;
	left: 20px;
	width: 110px;
	height: 100%;
	background-color: #FFF;
	color: #564847;
	}

#logo_orangeside {
	padding: 10px 0px 0px 10px;
	}

#presentacion {
	position: absolute;
	bottom: 0px;
	right: 15px;
	height: 60px;
	text-align: right;
	line-height: 16px;
	}

#presentacion a {
	color: #564847;
	text-decoration: none;
	}

#presentacion a:hover {
	color: #FFF;
	background-color: #564847;
	}

/* EVENTO */

#evento {
	position: absolute;
	top: 0px;
	left: 140px;
	width: 165px;
	height: 100%;
	background-color: #FFF;
	color: #564847;
	}

#evento a {
	color: #564847;
	text-decoration: none;
	}

#evento a:hover {
	color: #FFF;
	background-color: #564847;
	}

#logo_evento {
	padding: 10px 0px 0px 10px;
	}

#descripcion {
	position: absolute;
	bottom: 0px;
	right: 15px;
	height: 60px;
	text-align: right;
	line-height: 16px;
	}

/* FOTOGRAFIAS */

#fotografias {
	position: absolute;
	top: 0px;
	left: 315px;
	}

div#fotografias div.foto {
	float: left;
	height: 350px;
	}

div#fotografias div.foto img {
	border: 2px solid #FFF;
	border-width: 2px 0px 2px 2px;
	margin: 0px 0px 5px 0px;
	}

div#fotografias div.foto div.pie_foto {
	position: relative;
	}

div#fotografias div.foto div.pie_foto div.info {
	position: absolute;
	left: 28px;
	top: 2px;
	padding: 0px 5px 0px 0px;
	}

div#fotografias div.foto div.pie_foto div.info span.comentario {
	padding: 5px 0px 0px 0px;
	}

div#fotografias div.foto div.orden {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	font: 20px tahoma;
	color: #6F6261;
	}

#fin {
	position: absolute;
	right: -2px;
	width:2px;
	height: 354px;
	background-color: white;
	}