/* Copyright 1997-2004 W3C (MIT, ERCIM, Keio). All Rights Reserved.
   The following software licensing rules apply:
   http://www.w3.org/Consortium/Legal/copyright-software */

/* $Id: main.css, v 1.2 03/02/2005 based on the confetti menu by Bert Bos [http://www.w3.org/Style/Examples/007/maps.html] $ */


 /**************************    header   ***************************/

#breadcrumbs {	
	padding: 1px;
	margin-bottom: 25px;
	font-size: 0.7em;
}

#breadcrumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

#breadcrumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}
 
/* no background color on logo */ 
p.logo a:hover, p.logo a:focus, p.logo a:active {
	background: #fff;
	color: #000;
}

p.intro {
	font-family: sans-serif;
	text-align: justify;
	margin: 10px 30px 20px 30px;
}

p.header {
	text-align: center;
}

h1 {
	background: #005A9C; color: #fff; padding: 5px; text-align: center;
	font-family: sans-serif;
	font-size: 1.5em;
}

 /*******************************   content   *****************************/
 
body {
  padding: 10px;
  font-family: sans-serif;
  background-image: url(http://www.w3c.es/divulgacion/guiasbreves/images/w3c_fondo.png);
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;	
}

 /* no border on img links */
a:link img, a:hover img, a:visited img { 
	border-style: none 
}

a:hover {
	color: #000; background: #ffc;
}

/************************   confetti menu   ************************/

div.map {  
  padding-top: 5px;
  margin-bottom: 5px;
  margin-top: 15px;
  clear: both;
  text-shadow: 0.2em 0.2em silver ;
}

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p13, #p14, #p15, #p16  {
  white-space: nowrap ;
}

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p13, #p14, #p15, #p16  {
  text-indent: 0;
}

#p1 a, #p2 a, #p3 a, #p4 a, #p5 a, #p6 a, #p7 a, #p8 a, #p9 a, #p10 a, #p11 a, #p12 a, #p13 a, #p14 a, #p15 a, #p16 a {
  text-decoration: none;
}

#p1, #p1 a {
	color: #0000CD;
	font: 1.3em Impact, Helvetica Narrow, sans-serif;
}

#p2, #p2 a {
	color: #856518;
	font: bold 1.35em Geneva, sans-serif;
	letter-spacing: 0.1em;
}

#p3, #p3 a { 
	color: #080; 
	font: 1.2em "Verdana", sans-serif;
}

#p4, #p4 a { 
	color: #B94F00;
	font: bold 1.25em Courier New, Courier, monospace;
}

#p5, #p5 a {
	color: #800080;
	font: bold 1.3em "Verdana", sans-serif;
}

#p6, #p6 a {
	color: #60673F;
	font: lighter 1em "Verdana", sans-serif;
}

#p7, #p7 a {
	color: #305878; 
	font: italic 1.15em "Verdana", sans-serif;
}

#p8, #p8 a {
	color: #087; 
	font: italic 1.25em "Verdana", sans-serif;
}

#p9, #p9 a {
	color: #AA3700;
	font: bold italic 1.3em "Courier New", Courier, monospace;
}

#p10, #p10 a {
	color: #4B0082;
	font: bold 1.15em "Times New Roman", Times, serif;
}

#p11, #p11 a {
	color: #CC3800; 
	font: bold 1.2em "Verdana", sans-serif;
}

#p12, #p12 a {
	color: #A40000;
	font: bold 1.35em "Verdana", sans-serif;
}

#p13, #p13 a {
	color: #808000; 
	font: bold 1.25em "Verdana", sans-serif;
}

#p14, #p14 a {
	color: #00F;
	font: bold 1.4em "Verdana", sans-serif;
}

#p15, #p15 a {
	color: #A40000;
	font: bold 1.2em "Verdana", sans-serif;
	letter-spacing: 0.2em;
}

#p16, #p16 a {
	color: #404000;
	font: 1.2em "Arial", sans-serif;
	letter-spacing: 0.1em;
}


div.map p {
	text-align: center;
	margin: 5px;
	padding: 0;
}

.invisible { 
	display:none; 
	background: #fff; 
	color: #fff; 
}



/**************************** pie ***************************/

.tecInfo, .copyright, .small {
   font-size: 0.8em;
}

.copyright {
	margin: 0 20px;
}