img 
{
	behavior:	url("pngbehavior.htc");  /* consigue  las transaparencias en ie6 */
	border:0;
}



.fltrt 
{ /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
   float: right;
   margin-left: 8px;
}

.fltlft 
{ /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    float: left;
   	margin-right: 8px;
}

.clearfloat 
{ /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}

body
{
 	font: 100%  Arial, Verdana, Helvetica, sans-serif;
   	background: #CBD78B; 
   	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
   	padding: 0;
   	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #contenedor */
   	color: #3E3E40;
    background-image:url(../imagenes/fondo_web.jpg); background-position: left top; background-repeat:repeat-x;
   	/* background-image:url(../imagenes/publicaciones/fondo_cesped.jpg); background-repeat:repeat; background-position:left top*/
}
    
    
/*  ES PARA PONER LA CABECERA SOBRE TODO EL ANCHO DE LA PAGINA  */
#bodySuperpuesto
{   
   background-image: url(../imagenes/cabecera.jpg);
   background-position:left top;
   background-repeat: repeat-x;
   
}

    
.cuerpo #contenedor 
{ 
   	width: 800px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barraIzquierda de desplazamiento horizontal */
   	height: auto;
   	background-color: transparent;
   	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
   	padding: 0;
   	text-align: left; /* esto anula text-align: center en el elemento body. */
   	
   	
} 
    
.cuerpo #contenedor #cabecera 
{ 
  	height: 108px;
    padding: 0;
    margin: 0;
    width: 100%;
 /*   background-image: url(../imagenes/cabecera.jpg); /*COMENTAR PARA PODER PONER LA CABECERA A LO LARGO DE TODO EL ANCHO DE LA PAGINA*/
  /*  background-position:left top;
    background-repeat: repeat-x; */
} 
    
.cuerpo #contenedor #contenidoBajoVientre
{
    padding: 0;
    margin: 0;
    background-color: White;
    height:100%;
}
    
  
                                        /*     <BARRA NAVEGACION>     */

.cuerpo #contenedor #barraNavegacion
{
    padding:0;
    margin: 0 12px 0 12px;
    height: 34px;
    width: 776px;        
}

/*************************************/    
#barraInicio
{
   float: left;
   height: 26px;
   width: 156px;
   padding: 0;
   margin:  8px 0 0 0;
   background-image: url(../imagenes/fondo_menu.jpg);
   background-repeat: repeat-x;
   background-position: center top;     
}

#barraInicio #izq
{
   float:left;
   margin:  0 0  0 0;
   padding: 0 0 0 0;
   height:100%;
   width: 49%;
   font-size: 12px;
   
}

#barraInicio #izq img
{
   float:left;
   margin: 0; 
   padding: 0;
   color: White;
   text-decoration: none;
}

#barraInicio #izq a
{
   float: left;
   margin: 6px 0 0 0;
   padding: 0 0 0 0; 
   color: White;
   text-decoration: none;
   
}
   
#barraInicio #der
{
   float:left;  
   margin: 0 0 0 0;
   padding:0 0 0 0;
   height:100%;
   width: 50%;
}

/*************************************/
ul#menuIdiomas 
{
   float:left;  
   margin: 1px 0 0 0;
   border: 0 none;
   padding: 0;
   width: 80px; /*For KHTML*/
   list-style: none;
   height: 23px;
}

ul#menuIdiomas li 
{   
   margin: 0;
   border: 0 none;
   padding: 0;
   float: left; /*For Gecko*/
   display: inline;
   list-style: none;
   position: relative;
   height: 21px;
}

ul#menuIdiomas ul 
{
   margin: 0;
   border: 0 none;
   padding: 0;
   width: 80px;
   list-style: none;
   display: none;
   position: absolute;
   top: 23px;
   left: 0;
}

ul#menuIdiomas ul:after /*From IE 7 lack of compliance*/
{
   clear: both;
   display: block;
   font: 1px/0px serif;
   content: ".";
   height: 0;
   visibility: hidden;
}

ul#menuIdiomas ul li 
{
   width: 100%;
   float: left; /*For IE 7 lack of compliance*/
   display: block !important;
   display: inline; /*For IE*/
   margin: 0;
   padding: 0;
}

/* Root Menu */
ul#menuIdiomas a 
{
   padding: 0  0 0 15px;
   float: none !important; /*For Opera*/
   float: left; /*For IE*/
   display: block;
   color:White;
   background-image :url(../imagenes/icono_idiomas.jpg);
   background-repeat :no-repeat; 
   background-position : left center;
   font: 12px/24px Arial, Verdana, Helvetica, sans-serif;
   text-indent:10px;
   text-decoration: none;
   height: auto !important;
   height: 100%;
}

/* Root Menu Hover Persistence */
ul#menuIdiomas a:hover, ul#menuIdiomas li:hover a, ul#menuIdiomas li.iehover a 
{
   color: white;
  /* background-color:#8B810C;*/
   background-image :url(../imagenes/icono_idiomas_hover2.jpg);
   background-repeat:no-repeat;
   background-position: left center; 
}

/* 2nd Menu */
ul#menuIdiomas li:hover li a, ul#menuIdiomas li.iehover li a 
{
   float: none;
   background: #EEE;
   color: white;
   font: 10px/20px  Helvetica;
   background-color:#8B810C; 
   border: 1px solid #8B810C;
   border-right-color: #CCC;
   border-bottom-color: #CCC;
}

/* 2nd Menu Hover Persistence */
ul#menuIdiomas li:hover li a:hover, ul#menuIdiomas li:hover li:hover a, 
ul#menuIdiomas li.iehover li a:hover, ul#menuIdiomas li.iehover li.iehover a 
{
   background: #CCC;
   color: white;
   background-image: url(../imagenes/fondo_menu_navegacion_hover.jpg);
   background-repeat:repeat-x;
   background-position:center top;
}

/* 3rd Menu */
ul#menuIdiomas li:hover li:hover li a, ul#menuIdiomas li.iehover li.iehover li a 
{
   background: #EEE;
   color: white;
   background-image: url(../imagenes/fondo_menu_navegacion_hover.jpg);
   background-repeat:repeat-x;
   background-position:center top;
}

/* 3rd Menu Hover Persistence */
ul#menuIdiomas li:hover li:hover li a:hover, ul#menuIdiomas li:hover li:hover li:hover a,
ul#menuIdiomas li.iehover li.iehover li a:hover, ul#menuIdiomas li.iehover li.iehover li.iehover a 
{
   background: #CCC;
   color: white;
   background-image: url(../imagenes/fondo_menu_navegacion_hover.jpg);
   background-repeat:repeat-x;
   background-position:center top;
}

/* 4th Menu */
ul#menuIdiomas li:hover li:hover li:hover li a, ul#menuIdiomas li.iehover li.iehover li.iehover li a 
{
   background: #EEE;
   color: white;
   background-image: url(../imagenes/fondo_menu_navegacion_hover.jpg);
   background-repeat:repeat-x;
   background-position:center top;
}

/* 4th Menu Hover */
ul#menuIdiomas li:hover li:hover li:hover li a:hover, ul#menuIdiomas li.iehover li.iehover li.iehover li a:hover 
{
   background: #CCC;
   color: white;
   background-image: url(../imagenes/fondo_menu_navegacion_hover.jpg);
   background-repeat:repeat-x;
   background-position:center top;
}

ul#menuIdiomas ul ul, ul#menuIdiomas ul ul ul 
{
   display: none;
   position: absolute;
   top: 0;
   left: 160px;
   background-image: url(../imagenes/fondo_menu.jpg);
   background-repeat:repeat-x;
   background-position:center top;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menuIdiomas li:hover ul ul, ul#menuIdiomas li:hover ul ul ul,
ul#menuIdiomas li.iehover ul ul, ul#menuIdiomas li.iehover ul ul ul 
{
   display: none;
}

ul#menuIdiomas li:hover ul, ul#menuIdiomas ul li:hover ul, ul#menuIdiomas ul ul li:hover ul,
ul#menuIdiomas li.iehover ul, ul#menuIdiomas ul li.iehover ul, ul#menuIdiomas ul ul li.iehover ul 
{
   display: block;
}

/*************************************/
#barraNavegacion table#menuNavegacionTabla
{
	margin: 8px 0 0 0;
	padding: 0;
	float: right;
	width: 612px;
	height: 26px;
	font-size: 12px;
	background-image: url(../imagenes/fondo_menu.jpg);
    background-repeat: repeat-x;
    background-position: center top;	
}

#barraNavegacion table#menuNavegacionTabla tr
{
    border:0;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

#barraNavegacion table#menuNavegacionTabla td
{	
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-right:1px solid #ffffff;
	text-align:center;
}
	
#barraNavegacion table#menuNavegacionTabla td a
{
	margin:0 0 0 0;
	color:#ffffff;
	text-decoration:none;
	padding:  7px 5px 0  5px;
	height:100%;
	width:100%;
	
}
	
#barraNavegacion table#menuNavegacionTabla td:hover
{
    background-image: url("../imagenes/fondo_menu_navegacion_hover.jpg");
    background-repeat:repeat-x;
    background-position: top left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#barraNavegacion table#menuNavegacionTabla td:hover
{
    background-image: url("../imagenes/fondo_menu_navegacion_hover.jpg");
    background-repeat:repeat-x;
    background-position: top left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
/*************************************/


                                         /*    </BARRA NAVEGACION>     */
  #ContenidoCentral
    {
        margin: 0;
        padding: 0;
        
        height: 450px;
        width: auto;
       border:solid 1px white;
    }
                                         /*    <BARRA IZQUIERDA>      */
   
   
.cuerpo #barraIzquierda 
{
   float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
   width: 176px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
   height: auto;
   background: white; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
   padding: 0;
   margin: 0; 	
 
}

/*************************************/   
#barraMenuTitulo
{
   color:white;
   height: 37px;
   width: 156px;
   padding:  3px 0 0 0 ;
   margin:  14px 8px 0  12px;
   background-image: url(../imagenes/fondo_titulo_menu.jpg);
   background-repeat: repeat-x;
   background-position:  bottom left;
   font-size: 24px;
   font-weight: bold;
   text-align:left;
   text-indent:15px;   
}

/*************************************/    
#barraMenuVertical
{
   height: 184px;
   width: 156px;
   border: 0;
   padding: 0;
   margin: 4px  8px  0  12px ;
   background-image: url(../imagenes/fondo_espigas_menu_vertical.jpg);
   background-repeat: no-repeat;
   background-position: left  bottom;
}
    
/*************************************/
*
{
   list-style:none;
   margin:0px;
   padding:0px;
}

.MenuVerticalElemento
{
   width: 156px;
   font-size: 12px;
   text-indent:15px;
   height: 27px;    
   padding: 5px 0 0 0;
   margin:0;
   text-decoration: none;
   color: white;
   border-bottom: solid 1px white;
   
}    
.MenuVerticalElemento a
{
    width: 100%;
    height:100%;
    display: block;
    padding:0;
   margin:0;
   background-image:none;
}

.MenuVerticalElementoSubMenu
{
     width: 90px;
   font-size: 12px;
   text-indent:15px;
   height: 27px;    
   padding: 5px 0 0 0;
    margin:0;
   text-decoration: none;
   color: white;
   border-top: solid 1px white;
   
   background-color:#BDAD00;
   
}

.MenuVerticalElementoSubMenuHover
{
   background-image :url(../imagenes/fondo_menu_vertical_hover.jpg);
   background-repeat:repeat-x;
   background-position:left bottom;
   padding: 5px 0 0 0;
   margin:0;
   height: 27px;
  
   border-top: solid 1px white;
}

.MenuVerticalElementoSeleccionado
{
   width: 156px;
   font-size: 12px;
   text-indent:15px;
   height: 27px;    
   padding: 5px 0 0 0;
   margin:0;
   text-decoration: none;
   color: white;
   border-bottom: solid 1px white;
   background-image :url(../imagenes/fondo_menu_vertical_hover.jpg);
   background-repeat:repeat-x;
   background-position:left bottom;   
}    

.MenuVerticalHover
{
   background-image :url(../imagenes/fondo_menu_vertical_hover.jpg);
   background-repeat:repeat-x;
   background-position:left bottom;
   padding: 5px 0 0 0;
   margin:0;
   height: 27px;
   border: solid 0px white;
   border-bottom: solid 1px white;
}

#menuVertical 
{
   width: 156px;
   font-size: 12px;
   text-indent:15px;
}
	
#menuVertical li 
{
   height: 27px;    
   padding:0;
   margin:0;
}	
	
#menuVertical li a 
{
   text-decoration: none;
   padding:0;
   margin:0;
}	
	
#menuVertical li a:link, #menuVertical li a:visited 
{
   color: white;
   display: block;
   background-position : bottom left;
   padding: 5px 0 0 0;
   margin: 0;
   height: 21px;
   border-bottom: solid 1px white;
}
	
#menuVertical li a.focus 
{
   color: white;
   display: block;
   background-image :url(../imagenes/fondo_menu_vertical_hover.jpg);
   background-repeat:repeat-x;
   background-position:left bottom;
   background-position : bottom left;
   padding:  5px 0 0 0;
   margin: 0;
   height: 21px;
   border-bottom: solid 1px white;
}
		
#menuVertical li a:hover 
{
   background-image :url(../imagenes/fondo_menu_vertical_hover.jpg);
   background-repeat:repeat-x;
   background-position:left bottom;
   padding: 5px 0 0 0;
   margin:0;
   height: 21px;
}

#menuVertical li.invisible 
{
   visibility: hidden;
}    

#menuVertical li a#ctl00_ContentPlaceHolderContenidoBajoVientre_ContentPlaceHolderContenidoCentral_HLmenuBarraContactoContacto
{
    background-image :url(../imagenes/contacto/fondo_menu_vertical_contacto.jpg);
    background-repeat:no-repeat;
    padding-left: 25px;
}

#menuVertical li a.focus#ctl00_ContentPlaceHolderContenidoBajoVientre_ContentPlaceHolderContenidoCentral_HLmenuBarraContactoContacto
{
    background-image :url(../imagenes/contacto/fondo_menu_vertical_hover_contacto.jpg);
    background-repeat:no-repeat;
    padding-left: 25px;
}

#menuVertical li a:hover#ctl00_ContentPlaceHolderContenidoBajoVientre_ContentPlaceHolderContenidoCentral_HLmenuBarraContactoContacto
{
    background-image :url(../imagenes/contacto/fondo_menu_vertical_hover_contacto.jpg);
    background-repeat:no-repeat;
    padding-left: 25px;
}

#menuVertical li a#ctl00_ContentPlaceHolderContenidoBajoVientre_ContentPlaceHolderContenidoCentral_HLmenuBarraContactoCorreo
{
    background-image :url(../imagenes/contacto/fondo_menu_vertical_correo.jpg);
    background-repeat:no-repeat;
    padding-left: 25px;
}

#menuVertical li a.focus#ctl00_ContentPlaceHolderContenidoBajoVientre_ContentPlaceHolderContenidoCentral_HLmenuBarraContactoCorreo
{
    background-image :url(../imagenes/contacto/fondo_menu_vertical_hover_correo.jpg);
    background-repeat:no-repeat;
    padding-left: 25px;
}

#menuVertical li a:hover#ctl00_ContentPlaceHolderContenidoBajoVientre_ContentPlaceHolderContenidoCentral_HLmenuBarraContactoCorreo
{
    background-image :url(../imagenes/contacto/fondo_menu_vertical_hover_correo.jpg);
    background-repeat:no-repeat;
    padding-left: 25px;
}


/*************************************/
.fotoBarra
{
   height:190px;
   width:156px;
   padding:0;
   margin: 12px 8px 0 12px ;
}   
   
                                    /*    </BARRA IZQUIERDA>      */
                    
      
   
                                    /*    <CONTENIDO PRINCIPAL>      */
   
   
   
.cuerpo #contenidoPrincial 
{ 
   margin: 14px 0 0 176px; /* el margen izquierdo de este elemento div crea la columna situada a lo largo del lado izquierdo de la página (con independencia de la cantidad de contenido que tenga el div barraIzquierda, se mantendrá el espacio de la columna). Puede quitar este margen si desea que el texto del div #contenidoPrincial llene el espacio de #barraIzquierda cuando termine el contenido de #barraIzquierda. */
   padding: 0;
   height: 435px;
   width: 610px; 
   background-image: url(../imagenes/fondoespigas_barrabaja.jpg);
   background-position: bottom right;
   background-repeat: no-repeat;
    z-index:70;
   
}

/*************************************/    
#contenidoPrincipalTitulo 
{
   float:left;
   margin:10px 0 0 0;
   height:40px;
   padding:0;
   width:100%;
   font-size:24px;
   font-weight:bold;
   text-align:center;
}
    
#contenidoPrincipalTitulo img
{
   vertical-align:bottom;
}

/*************************************/    
#contenidoPrincipalEntero
{     
   float:left;
   margin:0;
   padding:0;
   font-size:12px;
   text-align:left; 
   height:348px;
   width:100%;
   line-height:17px;
   
   scrollbar-face-color:#B9B151 ;
   scrollbar-highlight-color: #C3BA4F;
   scrollbar-shadow-color: #E6E2B8;
   scrollbar-3dlight-color: #E6E2B8;
   scrollbar-arrow-color: #CDC149;
   scrollbar-track-color: #E6E2B8;
   scrollbar-darkshadow-color: #C3BA4F;
    
}

#contenidoPrincipalEntero img
{ 
    float:left;
   
    margin:0;
    padding:0;
   
}

/*************************************/    
#contenidoPrincipalTexto
{
   float:left;
   margin:0;
   padding:0;
   height:188px;
   width:100%;
   font-size:12px;
   text-align:center;
   line-height:17px;
}

/*************************************/   
#contenidoPrincipalImagenes
{
   float:left;
   margin:0;
   padding:0;
   height:160px;
   width:100%;
   text-align:center;
}
    
#contenidoPrincipalImagenes img
{
   margin: 0 8px 0 8px;
}
 
#contenidoPrincipalRevistas
{
   float:left;
   margin:0;
   padding:0;
   height:350px;
   width:100%;
   text-align:center;
   overflow:auto;   
}
 
#contenidoPrincipalRevistas img.revistas 
{
   margin: 10px 25px 10px 0px;
}
 
#contenidoPrincipalRevistas img.pdf 
{
   margin: 10px 0px 10px 25px;
}
                                            /*    </CONTENIDO PRINCIPAL>      */
 
 
                                                 /*    <PIE>      */
    
#pie 
{ 
   padding: 0 ; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
   margin:0;
   background: white; 
   height:15px;
   font-size: 9px;
   text-align:center;
    color:green;
    
} 

#pie a
{
    text-decoration:none;
    color:green;
}   
                                                 /*    </PIE>      */
                                                                                     
                                                 
#MooFlow {
	background-color:transparent;
	color:#fff;
	visibility:hidden;
   /* width:80%;*/
   
	overflow:hidden;
  margin: 0 0 0 0;
}
#MooFlow * {
	margin: -150px 0 0 0;
	padding: 0 0 0 0;
}
#images {
	position:relative;
	height:100px;
	
		
}
#images img {
	position:absolute;
	top:50;
	border:none;
}

#captions {
	color:#3E3E40;
	text-align:center;
	font-size:17px;
	z-index:10000;
	margin: 10px 0 0 0;
}

#slider {
	position:relative;
	border:1px solid #b3b3b3;
	z-index:10001;
	background-color:Black;	
}

#knob {
	background:#fff;
	width:100px;
	height:15px;
	background-color:Black;
}

#nav{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	z-index:10002;
	text-align:center;
}

#nav li{
	display:inline;
}
#nav a{
	color:#fff;
	background-color:Black;
}

#galeriaFotos
{
    margin: 0 0 0 10px; 
    padding:0 0 0 0;
    height: 100%;
    width:100%;
}

.linkGaleriaFotos
{
    margin:  0 15px 0  10px;
    width:140px; 
    height:115px; 
    float:left;  
}

#galeriaFotos img
{
    width:140px; 
    height:115px; 
    float:left;
}
.logo { position: relative; overflow:hidden; width: 100%; height: 100%; white-space: nowrap;}





.the_date {
display:block;
text-align: center;
float:left;
font-family: Arial, Helvetica, sans-serif;
width:40px;
height: 50px;
color: #FF3300;
}

.date_y {
display:block;
font-size: 0.8em;
margin:0;
padding:0;

text-align:center;
}

.date_m {
display:block;
font-size: 0.8em;
margin:0;
padding:0;
font-weight: bold;
text-align:center;
}

.date_d {
display:block;
font-size:1.0em;
margin:0;
font-weight: bold;
text-align: center;
}

#noticiaTitulo a
{
    color:black;
    text-decoration:none;
}

#noticiaTitulo a:hover
{
    color:black;
    text-decoration:underline;
    
}

#noticiaTitulo a::visited
{
    color:black;
    text-decoration:none;
    
}


.the_date {
display:block;
text-align: center;
float:left;
font-family: Arial, Helvetica, sans-serif;
width:70px;
height: 67px;
color: #FF3300;
}

.date_y {
display:block;
font-size: 1.1em;
margin:0.1em;
padding:0;

text-align:center;
}

.date_m {
display:block;
font-size: 1.4em;
margin:0.1em;
padding:0;
font-weight: bold;
text-align:center;
}

.date_d {
display:block;
font-size:1.5em;
margin:0;
font-weight: bold;
text-align: center;
}