/* CSS Document */
/* Taken from http://www.alistapart.com/articles/goingtoprint/ */

body {
	background: white;
	font-size:12pt;
}
#header {
	background-image: none;
	background-color: #ddd;
	height: 80px;
	width: 760px;
}
#header h1, #header h2 {
    padding: 5px;
	margin: 0;
	display: inherit;
}
#header h1 {font-size: 18pt;}
#header h2 {font-size: 16pt;}
#sidebar, #navlist, #breadcrumb, .headerIcon, .no-print {display: none;}
#container, #mainContent {
	width: auto; 
	margin: 0 5%;
	padding: 0; 
	border: 0;
	float: none !important;
	color: black; 
	background: transparent;
}
a:link, a:visited {
	color: #520; /* This gives the links a color dark enough to be close to black in grayscale output, 
					while still using a dark red that will show up on a color printout. The boldfacing 
					and underlining ensure that the text of the links will stand out. */
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
}

/*In a fully CSS2-conformant browser, inserts the URLs of the links after each one, thus making them fairly useful to anyone who has a copy of the printout and a web browser handy. Here’s the rule, which restricts this effect to the "mainContent" div and thus avoids sticking a URL in the masthead.*/
#mainContent a:link:after, #mainContent a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   font-weight:normal;
}
#mainContent a[href^="/"]:after {
  content: " (http://www.SoyUnExito.com" attr(href) ") ";
}
body.blue-globe #mainContent a[href^="/"]:after {
  content: " (http://www.psicanica.com" attr(href) ") ";
}
.important {font-weight:bold; color:#000;}

#footer p {font-size: 10pt; margin-top:50px;}
#footer a {color:#000000; font-weight: normal; text-decoration:none;}