BODY
{
BACKGROUND-COLOR: #B5D78A;	
BACKGROUND-IMAGE: url(../tumbs/.jpg); 
BACKGROUND-attachment: fixed; 

COLOR: #FFFFFF;
FONT-FAMILY: Arial, Helvetica, Sans-Serif;
FONT-SIZE: 12pt;
FONT-STYLE: normal;
FONT-WEIGHT: normal;

TEXT-ALIGN: justify;

 /*  separacion de los margenes dentro del documento  */
margin-top: 1%;
margin-bottom: 1%;
margin-left: 1%;
margin-right:1%;

 /*  separacion de los margenes fuera del documento  */
padding-top: 0px;
padding-bottom: 0px;
padding-left: 1px;
padding-right: 1px;

/* color de la barra del documento */
scrollbar-arrow-COLOR: #000000;	
scrollbar-track-COLOR: #B5D78A;	/* color del BACKGROUND-COLOR  */
scrollbar-face-COLOR: #9AB973;	/* color de las CELDAS (TD) */
scrollbar-shadow-color: #000000;	

 /*  linea que rodea el documento al imprimirlo
border: #666666 solid; border-width: 2px 2px;  */ 
}

/* ===========  =================  */

/* ENCABEZADOS */
h1 {	BACKGROUND: #9AB973;
	COLOR: #9AB973;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 30pt;
	TEXT-ALIGN: center;
	padding-top: 2px;
	text-shadow: -1px -1px white, 2px 2px #333; }

/*  CELDAS  */
td {	BACKGROUND-COLOR: #9AB973;
	COLOR: #000099;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 11pt;
	TEXT-ALIGN: justify;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-right: 5px;
	padding-left: 5px;
	border: #000000 outset;
	border-width: 0px thin thin 0px; }

/* =========== calendario 1ª celda =================  */

.cal {	BACKGROUND-COLOR: #F4F4F4;
	COLOR: #979593;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 20pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	text-shadow: 0px -1px white, 2px -1px #333;
	margin-right: 40px;
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-right: 12px;
	padding-left: 10px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #000000;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: 3px 2px 2px 0px rgba(0,0,0,0.75); }

.dia {	BACKGROUND-COLOR: #395FA6;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 24pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	vertical-align:super;            /*superindice*/  
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 7px;
	padding-right: 7px;
	border: 2px solid #B9B8B5;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.73); }

.km {	BACKGROUND: #2851CE;
	COLOR: #FFFF00;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	vertical-align:super;            /*superindice*/  
	margin-left: 70px;
	margin-right: 70px;
	margin-top: 6px;
	margin-bottom: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: #FFFFFF solid;
	border-width: 4px;
	text-shadow: 0px -1px black, 3px 2px #333; } 

/* =========== calendario 1ª celda =================  */

/* ======= A partir de aquí todo es común =======  */

a 	{FONT-SIZE: 11pt; TEXT-DECORATION: none; }
A:link 	{FONT-SIZE: 11pt; COLOR: #000099; FONT-WEIGHT: normal;}
A:visited	{FONT-SIZE: 11pt; COLOR: #000099; FONT-WEIGHT: normal;}
A:active	{FONT-SIZE: 11pt; COLOR: #F4EE0C; BACKGROUND-COLOR: #2C0ADC;}
A:hover	{FONT-SIZE: 11pt; COLOR: #F4EE0C; BACKGROUND-COLOR: #2C0ADC;}
	
h2 {	COLOR: white;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 24pt;
	TEXT-ALIGN: center;
	padding-top: 2px;
	text-shadow: black 0.1em 0.1em 0.1em; }

.img {	BACKGROUND: #FFFFFF;
	width: 246px;
	padding: 2px;    /* con esto y el background sale un marco */	
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	border: 5px solid #DDDDDD;
	border-width: 0px thin thin 0px; }

 /*  ETAPAS - Pone una linea discontinua en el parrafo.
 - Con FONT queda como los rotulos de la carretera	
 - Con 'dashed' el borde se corta a trozos, pero hay que quitar '-width' */
	
 /* los PUEBLOS de las ETAPAS */
.etapas {	BACKGROUND-COLOR: #979593;
	COLOR: #FFDD00;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 18pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	vertical-align:super;            /*superindice*/ 
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 38px;
	padding-bottom: 6px;
	border: #FFFFFF dashed;
	border-width: 4px 0px 4px;
	text-shadow: 0px -1px white, 3px 1px #333; }

/*  PUEBLOS - Fondo blanco - Linea ROJA  */
.pueblos {	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	vertical-align:super;            /*superindice*/ 
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 3px;
	padding-left: 3px;
	border: 5px solid #FA0303;
	border-radius: 10px 10px 10px 10px; } 
	
/*  PUEBLOS1 - Fondo blanco - Linea AZUL  */
/* son los pueblos de Portugal */
.pueblos1 {BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	vertical-align:super;            /*superindice*/ 
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
	border: 5px solid #000099;
	border-radius: 10px 10px 10px 10px; } 

/*  CODIGO - linea del YOUTUBE en el INDEX  */
.cod {	BACKGROUND-COLOR: #FFFFDD;
	COLOR: #000000;
	FONT-FAMILY: Courier, "Courier New", Monospace;
	FONT-SIZE: 10pt;
	text-align: center;
	line-height: 1.5;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border: #000000 dashed;
	border-width: 4px 0px 4px; }

 /* Nº de la ETAPA en la linea de YOUTUBE */
.etapa {	BACKGROUND: #000000;
	COLOR: #FFFF00; 
	FONT-SIZE: 12pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	margin-right: 1px;
	margin-left: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 3px;
	padding-left: 3px; 
	border: #FFFFFF double;
	border-width: 5px 0px 5px; }

P  {	COLOR: #006600;
	FONT-SIZE: 11pt;
	TEXT-ALIGN: justify;
	TEXT-INDENT=10px; }

.Cap:first-letter { 
	COLOR: #006600;
	FONT-SIZE: 150% ;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: justify;
	text-indent: 10px; }

.nota {	color: #A90000; background-color: #FFFFFF;
	border: 2px solid #A90000;
	border-radius: 10px;
	margin-top: 2px; margin-left: 20px; margin-right: 20px;
 	padding: 10px;
	position: relative; clear: both; }

.nota:before{content: 'Lugares por los que pasé'; 
	color: white; background-color: #A90000;
	font-size: 85%; font-WEIGHT: bold;
	padding: 4px;
	position: absolute;
	top: -20px; left: 20px; }

.inf {	color: white; background-color: #000000;
	border: 3px solid white;
	border-radius: 10px;
	margin-top: 2px; 	padding: 5px;
	position: relative; 	clear: both; }

.inf2 {	color: white; background-color: peru;
	border: 2px solid maroon;
	border-radius: 5px;
	margin-top: 2px; 	padding: 10px;
	position: relative; 	clear: both; }

/*  BIG escribe con letra grande  */
.big {	COLOR: #FF0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 20pt;
	FONT-WEIGHT: bold; }

 /*  SMALL escribe con letra pequeña  */
.small  {	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: normal;
	vertical-align:super;         /*   superindice*/  }

/* YouTube  */
.you {	BACKGROUND: #FFFFFF;
	COLOR:#000000;
	FONT-SIZE: 12pt;
	FONT-WEIGHT: normal;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: -1px;
	padding-right: 0px;
	border:0px solid #000000; }

.tube {	BACKGROUND: #FF0000;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	FONT-WEIGHT: normal;
	TEXT-ALIGN: justify;
	margin-top: 15px;
	margin-right: 1px;
	margin-left: 1px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	border:0px solid #000000;
	-radius: 8px 8px 8px 8px;
	border-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px; }
/* YouTube  */