/*         All about Spain ---- style sheet    */


/*  Generales cuando no se especifique otra cosa */

body 
{
font-family: times;
font-size: 11pt;
}

/*  --------------TABLAS Generales ----------------------------- */

/* Table  */

table 
{ 
margin-top:0; 
margin-bottom:0; 
}

/* Table cells */

td 
{
font-family: times;
font-size: 11pt;
}

/*  --------------TITULOS grandes Primer, Regiones ----------------------------- */
h1 
{
font-size: 14pt;
color: #b00b09;
letter-spacing: +2px;
}


/*  --------------TITULOS grandes ITALICA Ciudades, Islas, más informacion ----------------------------- */
h2 
{
font-size: 14pt;
font-style: italic;
font-weight: bold;
color: #b00b09;
letter-spacing: +3px;
}


/*  --------------SUBTITULOS Ciudades ICONOS  ----------------------------- */
h3 
{
font-size: 16pt;
font-style: normal;
font-weight: normal;
color: #b00b09;
letter-spacing: +2px;
}

h3:first-letter 
{
font-size:xx-large
}


/*  --------------TITULOS REGIONES ----------------------------- */
h4 
{
font-size: 15pt;
color: #b00b09;
font-weight: normal;
letter-spacing: +5px;
}


/*  --------------SUBTITULOS pequeños rojos ----------------------------- */
h5 
{
font-size: 12pt;
font-weight: bold;
color: #b00b09;
}

/*  --------------SUBTITULOS pequeños azules ----------------------------- */
h6 
{
font-size: 12pt;
font-weight: bold;
color: #004080;
}

/*  --------------TITULOS MAPAS ----------------------------- */

H1.titgreen 
{
font-size: 16pt;
color: #00CC00;
font-weight: normal;
}

H1.tityellow 
{
font-size: 16pt;
color: #FDCE06;
font-weight: normal;
}

H1.titblue 
{
font-size: 16pt;
color: #0099FF;
font-weight: normal;
}

H1.titred 
{
font-size: 16pt;
color: #FF0033;
font-weight: normal;
}

H1.titagua 
{
font-size: 16pt;
color: #00CC99;
font-weight: normal;
}


/*  --------------PARRAFOS para dar más margen al menu izquierda----------------------------- */

p.menulink 
{
padding: 0.09cm 0.20cm;
white-space: nowrap;
}

/*  --------------Links generales de todas las paginas  ----------------------------- */

A:link 
{
text-decoration: none;
font-weight: bold;
color: #b00b09;
}

A:visited 
{
text-decoration: none;
font-weight: bold;
color: #004080;
}

A:active 
{
text-decoration: underline;
font-weight: bold;
color: #b00b09;
}

A:hover 
{
text-decoration: underline; 
font-weight: bold;
color: #b00b09;
}

/*  ------------------------------------Links COLORES cabecero  -------------------------------------------- */

/*  --------------up1 naranja--------------------- */

a.up1:link {font-weight: bold;text-decoration: none;color: #fd3b21;}
a.up1:visited {font-weight: bold;text-decoration: none;color: #fd3b21;}
a.up1:active {font-weight: bold;text-decoration: underline;color: #fd3b21;}
a.up1:hover {font-weight: bold;text-decoration: underline;color: #fd3b21;}

/*  --------------up2 amarillo ------------------------ */

a.up2:link {font-weight: bold;text-decoration: none;color: #ffcc00;}
a.up2:visited {font-weight: bold;text-decoration: none;color: #ffcc00;}
a.up2:active {font-weight: bold;text-decoration: underline;color: #ffcc00;}
a.up2:hover {font-weight: bold;text-decoration: underline;color: #ffcc00;}

/*  --------------up3 verde manzana ----------------------- */

a.up3:link {font-weight: bold;text-decoration: none;color: #99ff00;}
a.up3:visited {font-weight: bold;text-decoration: none;color: #99ff00;}
a.up3:active {font-weight: bold;text-decoration: underline;color: #99ff00;}
a.up3:hover {font-weight: bold;text-decoration: underline;color: #99ff00;}

/*  --------------up4 verde agua ----------------------------- */

a.up4:link {font-weight: bold;text-decoration: none;color: #00ff66;}
a.up4:visited {font-weight: bold;text-decoration: none;color: #00ff66;}
a.up4:active {font-weight: bold;text-decoration: underline;color: #00ff66;}
a.up4:hover {font-weight: bold;text-decoration: underline;color: #00ff66;}

/*  --------------up5 agua ----------------------------- */

a.up5:link {font-weight: bold;text-decoration: none;color: #00cc99;}
a.up5:visited {font-weight: bold;text-decoration: none;color: #00cc99;}
a.up5:active {font-weight: bold;text-decoration: underline;color: #00cc99;}
a.up5:hover {font-weight: bold;text-decoration: underline;color: #00cc99;}

/*  --------------up6 celeste ----------------------------- */

a.up6:link {font-weight: bold;text-decoration: none;color: #6699ff;}
a.up6:visited {font-weight: bold;text-decoration: none;color: #6699ff;}
a.up6:active {font-weight: bold;text-decoration: underline;color: #6699ff;}
a.up6:hover {font-weight: bold;text-decoration: underline;color: #6699ff;}


/*  --------------up7 violeta ----------------------------- */

a.up7:link {font-weight: bold;text-decoration: none;color: #8080ff;}
a.up7:visited {font-weight: bold;text-decoration: none;color: #8080ff;}
a.up7:active {font-weight: bold;text-decoration: underline;color: #8080ff;}
a.up7:hover {font-weight: bold;text-decoration: underline;color: #8080ff;}


/*  --------------Links negros menu izquierda ----------------------------- */


a.menulinkblack:link 
{
font-weight: bold;
text-decoration: none;
color: #000000;
}

a.menulinkblack:visited 
{
font-weight: bold;
text-decoration: none;
color: #000000;
}

a.menulinkblack:active 
{
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

a.menulinkblack:hover 
{
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}



/*  --------------Links amarillos ----------------------------- */

a.menulinkyellow:link 
{
font-weight: bold;
text-decoration: none;
color: #fdce06;
}

a.menulinkyellow:visited 
{
font-weight: bold;
text-decoration: none;
color: #fdce06;
}

a.menulinkyellow:active 
{
font-weight: bold;
text-decoration: underline;
color: #fdce06;
}

a.menulinkyellow:hover 
{
font-weight: bold;
text-decoration: underline;
color: #fdce06;
}


/*  --------------Links naranja----------------------------- */

a.menulinkorange:link 
{
font-weight: bold;
text-decoration: none;
color: #ff3300;
}

a.menulinkorange:visited 
{
font-weight: bold;
text-decoration: none;
color: #ff3300;
}

a.menulinkorange:active 
{
font-weight: bold;
text-decoration: underline;
color: #ff3300;
}

a.menulinkorange:hover 
{
font-weight: bold;
text-decoration: underline;
color: #ff3300;
}


/*  --------------Links verdes ----------------------------- */

a.menulinkgreen:link 
{
font-weight: bold;
text-decoration: none;
color: #00cc00;
}

a.menulinkgreen:visited 
{
font-weight: bold;
text-decoration: none;
color: #00cc00;
}

a.menulinkgreen:active 
{
font-weight: bold;
text-decoration: underline;
color: #00cc00;
}

a.menulinkgreen:hover 
{
font-weight: bold;
text-decoration: underline;
color: #00cc00;
}

/*  --------------Links celestes ----------------------------- */

a.menulinkblue:link 
{
font-weight: bold;
text-decoration: none;
color: #0099ff;
}

a.menulinkblue:visited 
{
font-weight: bold;
text-decoration: none;
color: #0099ff;
}

a.menulinkblue:active 
{
font-weight: bold;
text-decoration: underline;
color: #0099ff;
}

a.menulinkblue:hover 
{
font-weight: bold;
text-decoration: underline;
color: #0099ff;
}

/*  --------------Links violeta ----------------------------- */

a.menulinkviolet:link 
{
font-weight: bold;
text-decoration: none;
color: #8080ff;
}

a.menulinkviolet:visited 
{
font-weight: bold;
text-decoration: none;
color: #8080ff;
}

a.menulinkviolet:active 
{
font-weight: bold;
text-decoration: underline;
color: #8080ff;
}

a.menulinkviolet:hover 
{
font-weight: bold;
text-decoration: underline;
color: #8080ff;
}

/*  --------------Links fresa----------------------------- */

a.menulinkterra:link 
{
font-weight: bold;
text-decoration: none;
color: #ff0568;
}

a.menulinkterra:visited 
{
font-weight: bold;
text-decoration: none;
color: #ff0568;
}

a.menulinkterra:active 
{
font-weight: bold;
text-decoration: underline;
color: #ff0568;
}

a.menulinkterra:hover 
{
font-weight: bold;
text-decoration: underline;
color: #ff0568;
}

/*  --------------Imagenes Float Right----------------------------- */

.floatright
{
float: right;
margin: 0 0 10px 10px;
}

/*  --------------Imagenes Float Left----------------------------- */

.floatleft
{
float: left;
margin: 0px 10px 0px 0px;
}

/*  --------------------------------------------------------------- TIPPS------------------------------------------------------- */

/*  --------------TABLAS Tips ----------------------------- */

.tb_tip
{
border: 1px solid #000000;
padding:4px;
font-size:10pt;
}

/* Table cells */

.td_tip
{
border: 1px solid #000000;
padding:4px;
vertical-align:top;
font-size:10pt;
}

.td_title
{
border: 1px solid #000000;
background-color:#004080;
padding:4px;
vertical-align:top;
font-size:10pt;
}


.tip-1 
{
font-size:12pt;
font-weight: bold;
color: #b00b09;
}

.tip-2 
{
font-size:11pt;
font-weight: bold;
color: #004080;
}


/*  ------------------------------------------------------------- OFERTA ------------------------------------------------ */


/*  ----------- Tititulo fondo azul ------------- */

div.bluetit
{
width:100%;
padding:0px 10px;
background-color:#004080;
font-size:12pt;
font-weight:bold;
color:#FFFFFF;
margin:0px;
}

/*  -------------- Precio estrella grafica fondo ----------------------------- */

#precio
{
width:103px;
height:103px;
}
#precio td
{
font-size:16pt;
font-weight: bold;
color: #004080;
text-align:center;
background-image:url('http://www.red2000.com/spain/tip/images/_price.gif');
background-repeat:no-repeat;
}

/*  -------- Texto más pequeño ------------ */

p.small 
{
font-size:10pt;
text-align:justify;
}

.small 
{
font-size:10pt;
}

/*  -------- Precio o datos en rojo que no son link------------ */
.red
{
color: #b00b09;
}

/*  -------- Tabla de Precios ------------ */

#tabla-precio
{
border-collapse:collapse;
}
#tabla-precio td, #tabla-precio th 
{
font-size:10pt;
border:1px solid #7f9db9;
padding:3px 7px 2px 7px;
}
#tabla-precio th 
{
font-size:10pt;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#c6d6ff;
color: #004080;
}
#tabla-precio td.red
{
color:#bd0808;
font-weight: bold;
background-color:#FFFFFF;
}

/*  -------- Link PRECIOS en rojo NI visited en azul NI underline ------------ */

a.precio:link 
{
font-weight: bold;
text-decoration: none;
color: #b00b09;
}

a.precio:visited 
{
font-weight: bold;
text-decoration: none;
color: #b00b09;
}

a.precio:active 
{
font-weight: bold;
text-decoration: none;
color: #b00b09;
}

a.precio:hover 
{
font-weight: bold;
text-decoration: none;
color: #b00b09;
}



/*  ------------------------------------------------------------- RESERVAS ------------------------------------------------ */


#reserva
{
width:100%;
}
#reserva td
{
font-size: 10pt;
padding:10px 4px;
}

/*  -------- titulos azul bold ------------ */
.blue
{
color: #004080;
font-weight: bold;
}

/*  ---------- Input para escribir + checbox + persianas ---------------------- */

#cajas 
{ 
background-color: #e6ffff;
border: 1px solid #7f9db9; 
font-family: times; 
font-size: 10pt; 
color: #004080;
} 

/*  ---------- botones ---------------------- */

#boton 
{ 
background-color:#ffb500;
border: 1px solid #7f9db9; 
font-family: times; 
font-size: 10pt; 
font-weight: bold; 
color: #004080;
} 

/*  ----------------------------------------------------------RUTA----------------------------------------------------------------- */

#ruta
{

}
#ruta td, #ruta th 
{
font-size:10 pt;
text-align:center;
}
#ruta td.line 
{
background-image:url('http://www.red2000.com/spain/tip/images/_line.gif');
background-repeat:repeat-x;
background-position:center middle;
}

#ruta td.km 
{
padding:0px;
}

/*  --------------Links negros tipps ----------------------------- */


a.tip:link 
{
font-weight: normal;
text-decoration: none;
color: #000000;
}

a.tip:visited 
{
font-weight: normal;
text-decoration: none;
color: #000000;
}

a.tip:active 
{
font-weight: normal;
text-decoration: none;
color: #b00b09;
}

a.tip:hover 
{
font-weight: normal;
text-decoration: none;
color: #b00b09;
}