/* ================= Colores de la web ===================== 
	Negro: #000
	Naranja: #f28e00
        Naranja_oscuro: #ff6600
	Gris oscuro: #575757
	Enlaces: #666;
	Enlaces hover: Naranja
	Enlaces visitados: #999;
   ============================================================ */
/* =================== Estilos genericos ====================== */
body{
	font-family:Arial, Helvetica, sans-serif; 
	text-align:center; 
	width:100%; 
	background:#FFF;
	color:#000;
	margin:0;
	padding:0;
	font-size:100%;
	}

	
/* =============================================================== */
/* =================== Estilos contextuales ====================== */
/* =============================================================== */

#page{width:850px; margin:0px auto; padding:0; text-align:left;}

/* =================== Cabecera ====================== */
#header{margin-top:-1px; padding:0;}

#logo, #logomacro{width:140px; margin-top:20px; }
#logo {margin-top:90px; float:right;}
#logomacro {float:left; margin-left:10px;}
#header > #logomacro{margin-left:20px;}

/* barra login */		
#userbar {clear:both;background-color:#000; color:#FFF; padding:4px; height:20px; text-align:right; margin-top:120px;vertical-align:middle;}
	#userbar form, #userbar div{display:inline;font-size:0.7em;}
	#userbar input{border:1px solid #666;}
	#userbar a{color:#FFF; padding-left:0.5em; padding-right:0.5em;}
		#userbar a:hover{color:#FFF;text-decoration:underline;}

/* =================== Contenidos ====================== */
/* Menu lateral */
#sidebar {float:left; width:160px; padding:0;text-align:right}
	#sidebar input{border:1px solid #000;}
	#sidebar ul{list-style:none;margin-top:0; margin-bottom:20px; margin-left:0;}
        #sidebar ul li h2{color:#ff6600;}
	#sidebar ul ul,
	#sidebar ul ul ul{margin-top:0; margin-bottom:0;font-size:0.9em;margin:0;padding:0;}
		#sidebar li{ line-height:1.3em;}
			#sidebar li a, #sidebar ul.explorer li a{color:#666; font-weight:normal; text-decoration:none;font-size:0.8em;}	
			#sidebar li a:hover, #sidebar ul.explorer li a:hover {color:#f28e00}
			#sidebar li p{font-size:0.8em; border:1px dotted #dcdcdc;background: #ececec; padding:0.5em;}
			#sidebar a img {vertical-align:middle;}

/* container */
#content{display:block; float:right; width:620px; min-height:400px;font-size:0.8em;text-align:left; border-left:2px solid #ececec; padding:0 2em; padding-bottom:2em;}
#content h1,
#content h2,
#content h2 a{color:#999;}
#content table{border-width:1px;border-collapse:collapse;margin:15px 0;}
#content tr td{border-width:2px;border-style:solid;border-color:#d95b03;padding:3px;}

/* Pie de página */
#footer{clear:both;padding-top:10px; text-align:center;}
#footer p{font-size:0.7em;margin:0 auto;padding:0;}
.centra{text-align:center}
.clear{clear:both;}