@charset "utf-8";
/* CSS Document */
#contenedor {
	width:1000px; 
	position:absolute; 
	top:0px;
	left:50%; 
	margin:0 -502px; 
	background:#ffffff; 
	border:3px solid #99be32; 
	height:880px; 
}
#cabecera {
	width: 998px;
	height:100px;
	padding:0px;
	background:#951633;

}
#bannerflash {
	MARGIN: 0px; 
	WIDTH: 350px; 
	HEIGHT: 100px; 
	float:left;
	background-color:#FFFFFF;
	

}
#bannerimage {
	MARGIN: 0px; 
	WIDTH: 648px; 
	HEIGHT: 100px; 
	float:right;
	background:#666666;
}

#bannerimageLinea {
	MARGIN: 0px; 
	WIDTH: 30px; 
	HEIGHT: 100px; 
	float:left;
	background:#000033;
}
#bannerimageContenedor {
	MARGIN: 0px; 
	WIDTH: 618px; 
	HEIGHT: 100px; 
	float:right;
	background:#336600;
}

#bannerimage1 {
	MARGIN: 0px; 
	WIDTH: 309px; 
	HEIGHT: 100px; 
	float:left;
	background:#0066CC;
}
#bannerimage2 {
	MARGIN: 0px; 
	WIDTH: 309px; 
	HEIGHT: 100px; 
	float:right;
	background:#FF0000;
}







#idioma {
	width: 500px;
	height:24px;
    background:#99be32;
	float:right;
}
#fecha {
	
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	background:#99be32;
	WIDTH: 500px; 
	FONT-FAMILY: "Trebuchet MS", Arial, san-serif; 
	POSITION: relative; 
	HEIGHT: 24px; 
	float:left;
	color:#FFFFFF;
}


#menu {
    float: left;/*también se puede posicionar a la derecha*/
	width:850px;

	height:38px;
	float:right;
    text-align:center;
	background:#d33400;
		
	
}
#opciones {
	float: left;
	width: 150px;
	height:715px;

	border:none;
}
#contenido { /* PRINCIPA O CUERPO  */
	float: left;/*también se puede posicionar a la derecha*/
	width: 848px;/*el ancho del contenido no debe pasar 546px, porque sino se visualiza abajo, i.e. la suma de los 
	anchos del menu y el contenido deben ser menores al ancho del contenedor 150+546 < 700*/
	height:690px;
	background-image:url(../images/body.gif);

}


#imagenes { /* PRINCIPA O CUERPO  */
	
	width: 150;
	height:150;
	
	position:absolute; 
	top:0px;
	
	margin:0px; 
	border:1px solid #FF0000; 
	

	
}

#pie {
	clear: both;/*esto para que no se solape con los elementos posicionados con float*/
	background:#99be32;
	height:30px;
    font-size:13px;
    text-align:center;
	color:#003300;

    
}

/* menu de opciones*/
.menu {
	FONT-SIZE: 11px; 
	MARGIN: 0px; 
	WIDTH: 492px; 
	FONT-FAMILY: "Trebuchet MS", Arial, san-serif; 
	POSITION: relative; 
	HEIGHT: 42px; 
	float:right;

	
}
.menu UL LI A {
	DISPLAY: block; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(images/2a.png); BORDER-BOTTOM-WIDTH: 0px; OVERFLOW: hidden; WIDTH: 81px; COLOR: #fff; LINE-HEIGHT: 48px; HEIGHT: 42px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu .one {
	PADDING-LEFT: 1px; BACKGROUND-IMAGE: url(images/1a.png); MARGIN-RIGHT: -1px
}
.menu .three {
	BACKGROUND-IMAGE: url(images/3a.png)
}
.menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu UL LI {
	FLOAT: left; POSITION: relative
}
.menu UL LI UL {
	DISPLAY: none
}
.menu UL LI:hover A {
	BACKGROUND: url(images/2b.png); COLOR: #043454
}
.menu UL LI:hover UL {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 152px; PADDING-TOP: 0px; POSITION: absolute; TOP: 42px
}
.menu UL LI:hover UL LI A.two {
	BACKGROUND: #6a3; COLOR: #fff
}
.menu UL LI:hover UL LI:hover A.two {
	BACKGROUND: #6fc; COLOR: #544a3a
}
.menu UL LI:hover UL LI UL {
	DISPLAY: none
}
.menu UL LI:hover .one {
	BACKGROUND: url(images/1b.png); COLOR: #043454
}
.menu UL LI:hover .three {
	BACKGROUND: url(images/3b.png); COLOR: #043454
}
.menu UL LI:hover UL LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 11px; FONT-WEIGHT: normal; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 142px; COLOR: #043454; LINE-HEIGHT: 26px; PADDING-TOP: 0px; HEIGHT: 28px; TEXT-ALIGN: left
}
.menu UL LI:hover UL {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left bottom; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(images/ddbg.png); PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 3px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
.menu UL LI:hover UL .hlight {
	BACKGROUND-IMAGE: url(images/hlight2.png); MARGIN-RIGHT: 1px
}
.menu UL LI:hover UL LI A:hover {
	BACKGROUND-IMAGE: url(images/hlight.png); COLOR: #fff
}
.menu UL LI:hover UL LI:hover UL {
	DISPLAY: block; LEFT: 105px; POSITION: absolute; TOP: 0px
}
.menu UL LI:hover UL LI:hover UL.left {
	LEFT: -105px
}






/* para el menu dle idioma*/
.idiomas {
	FONT-SIZE: 11px; 
	MARGIN: 0px; 
	WIDTH: 100px; 
	FONT-FAMILY: "Trebuchet MS", Arial, san-serif; 
	POSITION: relative; 
	HEIGHT: 24px; 
	float:right;
	

}
.idiomas UL LI A {
	DISPLAY: block; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(images/idiom.png); BORDER-BOTTOM-WIDTH: 0px; OVERFLOW: hidden; WIDTH: 150px; COLOR: #fff; LINE-HEIGHT: 24px; HEIGHT: 24px; 
	TEXT-ALIGN: center; TEXT-DECORATION: none
}
.idiomas .three {
	BACKGROUND-IMAGE: url(images/idiom2.png)
}
.idiomas UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.idiomas UL LI {
	FLOAT: right; POSITION: relative
}
.idiomas UL LI UL {
	DISPLAY: none
}
.idiomas UL LI:hover A {
	BACKGROUND: url(images/idiom2.png); COLOR: #043454
}

#espanol {
	background-image:url(images/idiom.png);
}
#usa {
	background-image:url(images/usa.png);
}
#frances {
	background-image:url(images/frances.png);
}











.spanEnlace1 {
text-align:center;
font-size:12px;
display:block;
FONT-FAMILY: "Trebuchet MS", Arial, san-serif; 
POSITION: relative; 


}
a.botonenlace{
background:#99be32;  /*color de fondo al inicio*/
display:block;
height:30px;
line-height:29px;
margin-bottom:1px;
text-decoration:none;
width:150px;

color:#003300;
}
a:hover.botonenlace{
background:#81A235;
color:#FFFFFF;

}