/*
   Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved.
   The following software licensing rules apply:
   http://www.w3.org/Consortium/Legal/copyright-software */
	
/* $Id: estilo.css, v 1.0 17/08/2010 $ */

	
#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;
}

span.currentPage {
	font-weight: bolder;
}

p.logo a:hover, p.logo a:focus, p.logo a:active, #pie a:hover, #pie a:focus #pie a:active {
	background: #fff;
	color: #000;
}

.back {
	float: right;	
}

.back a:after {
	font-weight: bolder;
	content:" | "attr(accesskey);
}

/*********************** encabezados ************************/


h1 { 
	text-align: center;
   font: 230% sans-serif;
	font-weight: bolder;
	background: #151c72;	
	color: #fffa41;
	padding: 0.7em;	
}

h2, h3, h4, {
	clear: both; 
	text-align: left;
}

h2 { 
    text-align: center;
	font: 150% sans-serif; 
	font-weight: bolder;
	background: #151c72;	
	color: white; 
	padding: 0.8em; 
}

h3 { 
	text-align: center;	
	font: 110% sans-serif; 
	color: #005A9C; 
	background: transparent; 
	margin-left: 20px;
}

h4 { 
font: 120% sans-serif; 
	font-weight: bolder;
	background: #5b0c0c; 
	color: white; 
		padding: 0.7em; 
	margin-left: 0px;
}


p.menu a:after {
	font-weight: bolder;
	content:" | "attr(accesskey);	
}

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

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

.copyright {
	margin: 0 20px;
}

/**************************** content ***********************/

body {
  padding: 15px;
  margin: 3%;
  font-family: sans-serif;
  color: #220000;
  background: #fffa89;
  text-align: justify;  
  background-attachment: fixed;
  background-position: right;
  background-repeat: no-repeat;
}

p.menu {
	margin: 40px 0px;
	text-align: center;
}

p {
	margin: 15px 0px;
}

p.subtitle {
	text-align: center;
   font-style: italic;
   font-size: 0.7em;
   text-indent: 0;
}

ul, dl {
	margin-right: 30px;
}

ul li {
	list-style-image: url(http://www.w3c.es/divulgacion/guiasbreves/images/bstriangle.png);
	list-style-type: disc;
	padding: 15px;
}

dl {
	margin-left: 30px;
}

dd {
	font-size: 0.9em;
	margin-top: 3px;
	margin-bottom: 5px;
}

.imagen-centro {
	margin: 0 auto;
	text-align: center;
}

.imagen-der {
	float: right;
	margin: 0 0 1em 1em;
}

/**************************** links ****************************/

a:link { 
	color: #00C; 
	background: transparent;
}

a:visited { 
	color: #3f0700; 
	background: transparent;
}

a:active { 
	color: #C00; 
	background: transparent;
}

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

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

/**************************** images ****************************/

div.figure {
  text-align: center;
  margin: 15px;
}

div.figure p, div.figure img {
  text-align: center;
  font-style: italic;
  font-size: 0.7em;
  text-indent: 0;
}

/* p.image img {
	border: 1px solid black
}

/*************************** for the examples *************************/

pre {
	margin-left: 60px;
	background: #FFFCEC;
	color: #000000;
	margin-right: 60px;
	padding: 10px;
}

code {
	background: transparent;
	color: #7B5D16;
	font-weight: bold;
}

.highlight {
	font: 1em sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #8B0000;
}

/* example in x-forms guide */
form.ecomerce {
	width: 30%;
	margin: 0 35%;
	border: 1px solid black;
	background-color: #E5F3F7;
	color:black
}

/* IE5.x/win box model fix */
* html form.ecomerce {   
	width: 30%;
  	wid\th: 60%;
	margin: 15px 35%;
	marg\in: 15px 20%;  
}

/* example in semantic web guide */

div.sample {
	text-align: center;
}

form.search {
	width: 60%;
	border: 1px solid black; 	
	text-align: center;
	margin: 0 auto;
	margin-left: 20%;
	margin-right: 20%;
}

/* IE5.x/win box model fix */
* html form.search {   
	width: 60%;
  	wid\th: 80%;
	margin-left: 20%;
	marg\in-left: 10%; 
	margin-right: 20%;
	marg\in-right: 10%;
}

form.search p {
	text-align: left;
	text-indent: 0;
}

form.search h4 {
	margin-left: 20px;	
}

form.search input {
	margin-left: 10px;
}

/* example in p3p guide */
.ejemplop3p {
	margin-left: 60px;
	background: #C4E3ED;
	color: #000000;
	margin-right: 60px;
	padding: 10px;
}


/*********************** screen ************************/

@media screen {  /* hide from IE3 */
a[href]:hover { background: #ffa }
.invisible { display:none; background: #fff; color: #fff; }

h3.pausa {
	background-color:#dcdcdc;
}

img { 
	margin-bottom: 0.5em;
}
}

/********************* aural *************************/

@media aural {  
  h1, h2, h3, h4 { stress: 20; richness: 90 }
}