/* Base Style Sheet for www.reinventia.com web page
   Copyright 2005 Rubén Maté Lecumberri. 
   base.css,v 0.2 2006/03/11 */ 
/* General styles, body etc. */
html			{	height: 100%;}
body 			{	height: 100%; margin:0px 0px; padding:0px 0px; 
					/*background: #fff;*/ color:#000; background-image: url("../img/backgrounds/left-background.png"); background-position: left; background-repeat: repeat-y; z-index:2; 
					font:14px tahoma, verdana, arial, helvetica, sans-serif; color:#000; margin:12px 12px 8px 12px;
					text-align: center; /* for IE */  }
p, li				{	margin:0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: justify; background: #fff; color:#000 }
/* Typography			*/
/* Font settings and special treatment of text - color etc. */
h1				{ font:160% tahoma, verdana, arial, helvetica, sans-serif; margin:0px 0px 25px 0px; text-align:right; color:#369; background-image: url("../img/backgrounds/h1-background.gif"); background-position: bottom; background-repeat: repeat-x; }
h2				{ font:bold 130% tahoma, verdana, arial, helvetica, sans-serif; margin:0px 0px 12px 0px; }
h3				{ font:bold 120% tahoma, verdana, arial, helvetica, sans-serif; margin:0px 0px 12px 0px; }
h4				{ font:bold 110% tahoma, verdana, arial, helvetica, sans-serif; margin:12px 12px 12px 12px; }
h5				{ font:bold 90% tahoma, verdana, arial, helvetica, sans-serif; letter-spacing:1px; margin:10px 0px; }
h6				{ display:inline;}				
address			{ margin-bottom: 1.2em; padding-left:1.3em }

form 					{ clear:both}
form label, form .inputfield{ display: block; width: 450px; float: left; margin-bottom: 5px; }
form label 				{ text-align: right; width: 100px; padding-right: 16px; }
form .submitbottom		{ margin-left:310px; display: block; text-align:center}
form br 				{ clear: left; }

/* Apariencia de las imágenes */
img				{ border-width: 0px; border-style: none}
a img 			{ border: none; text-decoration:none }

/* Apariencia de las diferentes zonas de la página */
#navigation		{ position:absolute; top:0px; left:0px; padding:0px; }

#menu			{ position:absolute; width:135px; top:80px; left:0px; padding:0px; background:transparent; z-index:3; voice-family: "\"}\"";voice-family:inherit; width:135px; }
body>#menu  	{ width:135px;}
#menu a			{ display:block; color:#000; font-size:135%; text-align:right; padding: 2px 10px 4px 0px; text-decoration:none; background-image: url("../img/backgrounds/boton-inactivo.gif"); background-repeat:no-repeat;}
#menu a:hover 	{ display:block; color:#000; font-size:135%; text-align:right; padding: 2px 10px 4px 0px; text-decoration:none; background-image: url("../img/backgrounds/boton-activo.gif");  background-repeat:no-repeat;}
#content		{
	width:55em;
	margin: 0 auto;
	text-align: left;
	padding: 0em 0em 0.5em 0em;
	border:0;
	position: relative;
	min-height: 100%;
	left: 5em;
}

/* Apariencia de los enlaces	*/
#content a				{ background:transparent; }
#content a:link			{ color: #e70; }
#content a:hover		{ color: #963; background-color: #feb; text-decoration:none; }
#content a:active		{ color: #c00; }
#content a:visited 		{ color: #c60; }
#content .negative_link {color: #fff; }

#dondeEstoy		{display: block; padding-top: 10px; padding-bottom:3px; font-size:80%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666}
.float_right 	{ float:right; display:inline; }
.center			{ display: block; margin-left:auto; margin-right:auto }
.blockquote		{ padding-right:30px}

/* Footer menu | STATUS: OK @ 07/04/05 		*/
#footer			{ /*position: absolute; bottom: 0px; Aligns the footer at the foot of the page */
				  font-size:70%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin:0px; padding-top:3px; border-top:1px dashed #777; margin-left:auto; margin-right:auto;}
#footer a		{ font-weight:bolder;}
#footer a:hover { color: #963; background-color: #feb; text-decoration:none;}
