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

PROYECTO  : rpuerto web
NOMBRE    : /css/global.css
FECHA     : 13-FEB-07
AUTOR     : Ricardo Puerto <rpuerto@veoveo.es>
COPYRIGHT : Copyright (c) 2007 Ricardo Puerto

SUMARIO

Hoja de estilos general.

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


/* body --------------------------------------------------------------------- */

body {
	margin: 0;
	font-family: "Lucida Sans", Verdana, sans-serif;
	background: url("/rc/patron.gif") repeat-y 0 32px #202020;
}

form {
	margin: 0;
}

img {
	border: none;
}

/* topnav ------------------------------------------------------------------- */

#topnav {
	height: 32px;
	background: #000;
	margin-bottom: 20px;
	position: relative;
}

#topnav #logo {
	margin: 0;
	line-height: 32px;
}

#topnav #logo a {
	text-indent: -9999px;
	width: 114px;
	height: 32px;
	background: url("/rc/topnav/logo.gif");
	position: absolute;
}

#topnav #logo a:hover {
	background: url("/rc/topnav/logo.gif") 0 -32px;
}

#topnav #options {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 786px;
	height: 32px;
	background: #333;
	position: absolute;
	left: 114px;
	overflow: hidden;
}

#topnav #options li a {
	text-indent: -9999px;
	height: 32px;
	position: absolute;
	top: 0;
}

#topnav #options #acerca a,
#topnav #options #acerca-selected a {
	width: 58px;
	background: url("/rc/topnav/acerca.gif");
	left: 504px;
}

#topnav #options #acerca a:hover,
#topnav #options #acerca-selected a {
	background: url("/rc/topnav/acerca.gif") 0 -32px;
}

#topnav #options #trabajo a,
#topnav #options #trabajo-selected a {
	width: 62px;
	background: url("/rc/topnav/trabajo.gif");
	left: 575px;
}

#topnav #options #trabajo a:hover,
#topnav #options #trabajo-selected a {
	background: url("/rc/topnav/trabajo.gif") 0 -32px;
}

#topnav #options #blog a,
#topnav #options #blog-selected a {
	width: 43px;
	background: url("/rc/topnav/blog.gif");
	left: 651px;
}

#topnav #options #blog a:hover,
#topnav #options #blog-selected a {
	background: url("/rc/topnav/blog.gif") 0 -32px;
}

#topnav #options #contacto a,
#topnav #options #contacto-selected a {
	width: 69px;
	background: url("/rc/topnav/contacto.gif");
	left: 708px;
}

#topnav #options #contacto a:hover,
#topnav #options #contacto-selected a {
	background: url("/rc/topnav/contacto.gif") 0 -32px;
}

#topnav #acerca-foco {
	width: 78px;
	height: 20px;
	background: url("/rc/topnav/acerca-foco.gif");
	position: absolute;
	left: 608px;
	top: 32px;
}

#topnav #trabajo-foco {
	width: 78px;
	height: 20px;
	background: url("/rc/topnav/trabajo-foco.gif");
	position: absolute;
	left: 681px;
	top: 32px;
}

#topnav #blog-foco {
	width: 78px;
	height: 20px;
	background: url("/rc/topnav/blog-foco.gif");
	position: absolute;
	left: 748px;
	top: 32px;
}

#topnav #contacto-foco {
	width: 78px;
	height: 20px;
	background: url("/rc/topnav/contacto-foco.gif");
	position: absolute;
	left: 818px;
	top: 32px;
}

/* bottomnav ---------------------------------------------------------------- */

#bottomnav {
	padding: 10px;
	font-size: 9px;
	color: #444;
}