/*@charset "utf-8";*/
/* CSS Document */

#centrado{
	vertical-align: middle;
	margin-left: -380px;
	position: absolute;
	left: 50%;
	width: 762px;
	height:100%;
}
/* ----------- he cambiado el f3ee8f: define color fondo exterior ----------------- */
body {

	background-image: url(../images/bannerlateral-izda.jpg);
	background-repeat: no-repeat;
	background-color: #c0000;
}

/* ----------- he cambiado height: de 201 he puesto 180  ----------------- */
#header {
	position:absolute;
	left:0px;
	top:0px;
	width:850px;
	height:150px;
	z-index:1;
}

/* ----------- he cambiado top: 162 y left: era 75 he puesto 0  ----------------- */
#botones {
	position:absolute;
	left:0px;
	top:127px;
	width:850px;
	height:23px;
	z-index:2;
}

#body {
	position:absolute;
	left:0px;
	top:150px;
	width:850px;
	z-index:1;
}

#footer {
	position:relative;
	left:0px;
	top:0px;
	width:850px;
	height:166px;
	background: url(../images/footer.jpg);
	z-index:4;
}
/* ----------- gradiente a la derecha del banner superior he cambiado top: he cambiado with:por 0 para anularlo ----------------- */

#gradient-der {
	position:absolute;
	left:762px;
	top:0px;
	width:0px;
	height:201px;
	z-index:4;
	background-image: url(../images/gradient-der.jpg);
}

#right-box {
	position:absolute;
	left:597px;
	top:212px;
	width:125px;
	height:129px;
	background-image: url(../images/right-box.jpg);
	z-index:5;
}

#randomimage {
	position:absolute;
	left:0px;
	top:0px;
	width:850px;
	height:150px;
	z-index:1;
}

#menu_inf {
	position:absolute;
	left:140px;
	top:0px;
	width:850px;
	height:25px;
	z-index:5;
}

/* ----------- ESTILOS DE TEXTO ----------------- */
.Estilo1 {
	color: #999999;
	font-size: 10px;
}


/* ------------------- color que tienen los link  ---------------- */
A:link {
	text-decoration:none;
	color:#0376B4; 
} 

/* ----------- link color que tiene el link una vez se ha visitado---------------- */

A:visited {
	text-decoration:none;
	color:#672162; 
} 

A:active {
	text-decoration:none; 
} 
/* ----------- link color que se resalta al pasar el raton ---------------- */
A:hover {
	text-decoration:none; 
	color:#672022;
} 

/* ----------- BOTONES Y PESTA–AS ---------------- */
/*--BOTON PEQU„O define tipo de letra tama–o etc ESTADO EN OFF--*/
a.tab1:link, a.tab1:visited
{
  float: left;
  margin: 0px 1px 0px 0px;
  padding:5px 0px 0px 0px;
  height:19px;
  width:55px;
  text-align: center;
  text-decoration: none;
  font-family:Trebuchet MS,Arial, Verdana, Helvetica, sans-serif;
  font-size:9pt;
  text-decoration: none;
  background: url(../images/tab-1-off.gif);
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
  color:#FFFFFF; 
}

a.tab1:hover
{

  background: url(../images/tab-1-on.gif); 
  color:#672162;
}

/*--color 737373--*/

/*--BOTON MEDIANO-- define tipo de letra tama–o etc ESTADO EN OFF--*/
a.tab2:link, a.tab2:visited
{
  float: left;
  margin: 0px 1px 0px 0px;
  padding:5px 0px 0px 0px;
  height:19px;
  width:81px;
  text-align: center;
  text-decoration: none;
  font-family:Trebuchet MS,Arial, Verdana, Helvetica, sans-serif;
  font-size:9pt;
  text-decoration: none;
  background: url(../images/tab-2-off.gif);
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
  color:#FFFFFF; 
}
/*--BOTON MEDIANO-- define tipo de letra tama–o etc ESTADO EN ON-*/
a.tab2:hover
{

  background: url(../images/tab-2-on.gif); 
  color:#672162;
}

/*--GRANDE--*/
a.tab3:link, a.tab3:visited
{
  float: left;
  margin: 0px 1px 0px 0px;
  padding:5px 0px 0px 0px;
  height:19px;
  width:130px;
  text-align: center;
  text-decoration: none;
  font-family:Trebuchet MS,Arial, Verdana, Helvetica, sans-serif;
  font-size:9pt;
  text-decoration: none;
  background: url(../images/tab-3-off.gif);
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
  color:#FFFFFF; 
}

a.tab3:hover
{

  background: url(../images/tab-3-on.gif); 
  color:#672162;
}

/*--MINI--*/
a.tab4:link, a.tab4:visited
{
  float: left;
  margin: 0px 1px 0px 0px;
  padding:5px 0px 0px 0px;
  height:19px;
  width:48px;
  text-align: center;
  text-decoration: none;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:9pt;
  text-decoration: none;
  background: url(../images/tab-4-off.gif);
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
  color:#FFFFFF; 
}

a.tab4:hover
{

  background: url(../images/tab-4-on.gif); 
  color:#737373;
}

/*--  Los Submenus estan formados por: caja exterior contenedora, bordes, fondo celda item1,,itemX, Texto sobre fondo Item, Fondo que se resalta al situar raton sobre item, texto que se resalta al poner el raton encima, --*/

/*-- ESTILO CAJA MENUS DESPLEGABLES  mas abajo en la definicion de submenu se define el color y ancho de la caja exterior contenedor --^/


/*-- Aqui definimos fondo celda item1..itemX, Texto sobre fondo Item  QUE SALEN  DENTRO DE LA caja exterior contenedora--*/

/*--    --*/

a.buttontop:link, a.buttontop:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:7px 10px 0px 10px;
  text-align: left;
  text-decoration: none;
  font-family:Trebuchet MS,Arial, Verdana, Helvetica, sans-serif;
  font-size:9pt;
  text-decoration: none;
/*--ancho fondo celda itemX    --*/ 
 width:140px;
/*--color Texto sobre fondo celda  ItemX    --*/ 
  color:#FFFFFF;
/*--Color fondo celda itemX    --*/ 
  background-color:#572754; 
}

/*-- Aqui definimos los elementos que aparecen cuando situamos el raton encima del item del menu, fondo celda item1..itemX, Texto sobre fondo Item  QUE SALEN  DENTRO DE LA caja exterior contenedora--*/
a.buttontop:hover
{
/*--COLOR TEXTO celda itemX cuando situas el raton encima   --*/ 
  color:#572754;
  text-align: left;
/*--COLOR fondo celda itemX cuando situas el raton encima   --*/ 
  background-color:#FFFFFF;
/*--ancho fondo celda itemX cuando situas el raton encima   --*/ 
  width:140px;
}

/*--ESTILO MENU INF--*/

a.buttoninf:link, a.buttoninf:visited
{
  padding: 0px 5px 0px 5px;
  margin: 0px 0px 0px 0px;
  text-align:center;
  text-decoration: none;
  font-family:Trebuchet MS,Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
  text-decoration: none;
  color:#999999; 
}

a.buttoninf:hover
{
  color:#999999;
  text-decoration:underline;
  text-align:center;
}


/*-- MENU FLOTANTE --*/

#headerNavContent {
	height:28px;
	display:block;
}

#headerMenu {
	position: relative;
	display: block;
	float: left;		
	margin:0px;
	padding:0px 0 0 0;
}

#headerNav {
	height:28px;
	background:#FFFFFF;
	border-color:#999999;
	border:1;
	background-repeat:repeat-x;
	/*****************
	margin-bottom:0px;*/
	padding:0;
	width:752px;
	margin-top:5px;
	visibility:hidden;
}

#headerMenu li{
	position: relative;
	display: inline;
	float: left;
	padding-left: 0px;
	background-image: url(images/button-tile.gif);
	background-repeat: no-repeat;
}

#image-ex {
	position:relative;
	left:20px;
	top:-10px;
	width:502px;
	height:17px;
	z-index:1;
}

.flags 
{
float: right;
margin: 4px 5px 0 0;
vertical-align: middle;
}

.flags img
{
	margin: 0 2px 0 2px;
	border: none;
}

/*************li a {display: block; padding: 5px 7px; text-decoration: none;}
ul {padding: 5px; margin: 0;}
ul li:hover > ul {display: block; position: absolute; top: -1px; left: 100%;}*/
/*************ul ul {display: none;}*/
/*-- Definimos ancho de las cajas de los desplegables y colores fondo y bordes --*/
.subMenu {
	position: absolute;
	top:24px;
	left:0px;
	display:none;
	min-height:70px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
/*-- ANCHO DE LA CAJA DE LOS SUBMENUS: caja exterior contenedora --*/
	width:160px;
	margin:0;
	padding:0 0 5px 0;
/*-- COLOR FONDO DE LA CAJA DE LOS SUBMENUS: caja exterior contenedora --*/
	background:#572754;
	border-color:#999999;
	border-style:solid;
	border-width:1pt;
	z-index: 5;
}

/*-- cOLOR DEL FONDO DEL MENU DESPLEGABLE 18446B BLANCO TRANSPARENTE--*/
.smallBkgr {
	background: #FFFFFF url(images/tile-bot-menu.jpg);
	background-repeat:repeat-x;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	height:40px;
	min-height:40px;
}

* html .subMenu {
	height:60px;
	padding:0;
}

.subMenu a {
	margin:0;
}

.subMenu ul {	
	margin:0;
	padding:0 0 5px 0;
	width:107px;
	background-image:url();
}

.subMenu li {
	background-image:url();
	width:107px;
	padding:2px 0 0px 0;
}