@charset "iso-8859-1";

body {
		background-image:url(../graf/fondo-dibu.gif);
    	font: 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    	margin: 10px 0 20px 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 #container */
    }
	
#container {
     	width: 790px;  /* 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 barra de desplazamiento horizontal */
    	background:#E4B974;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
		border: 1px solid #000000;
		padding-bottom:8px;
    }
#header {
		background-position:bottom;
		background-image: url(../graf/tierraincognita-finita2.gif);
		background-repeat:no-repeat;
		height:126px;
		width:777px;
		margin: 0 auto;	
    	padding: 5px 0 0 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
		text-align:right;
}

#menu{
	float:right;
	margin:80px 5px auto 0;
}

#menuseccioncontenido{
	margin-top:196px;
	margin-left:10px;
}
#menuseccioncontenido ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
#menuseccioncontenido li {
        display: inline;
        float: left;
}
#menuseccioncontenido ul li a {
		font-size:.8em;
		font-weight:bold;
        background: #BAB97B;
        border: 1px solid #888660;		
		padding-left:2px;
		padding-right:2px;		
        margin: 1px;		
        color: #888660;
		 display: block;
}
#menuseccioncontenido ul li a:hover {
        color: #BAB97B;
        background: #888660;
}

#menuseccionelcafe{
	background-image:url(../graf/cb_elcafe_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionelcafe_es{
	background-image:url(../graf/cb_elcafe_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}
#menuseccionhaiti{
	background-image:url(../graf/cb_haiti_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionhaiti_es{
	background-image:url(../graf/cb_haiti_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionenvivo{
	background-image:url(../graf/cb_envivo_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionenvivo_es{
	background-image:url(../graf/cb_envivo_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionelnino{
	background-image:url(../graf/cb_elnino_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionelnino_es{
	background-image:url(../graf/cb_elnino_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionlaconsulta{
	background-image:url(../graf/cb_laconsulta_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionlaconsulta_es{
	background-image:url(../graf/cb_laconsulta_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionlared{
	background-image:url(../graf/cb_lared_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionlared_es{
	background-image:url(../graf/cb_lared_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionlacharla{
	background-image:url(../graf/cb_lacharla_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menusecciontierraincognita{
	background-image:url(../graf/cb_tierraincognita_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menusecciontierraincognita_es{
	background-image:url(../graf/cb_tierraincognita_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionmontevideo{
	background-image:url(../graf/cb_montevideo_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionmontevideo_es{
	background-image:url(../graf/cb_montevideo_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionelarte{
	background-image:url(../graf/cb_elarte_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionelarte_es{
	background-image:url(../graf/cb_elarte_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionelcine{
	background-image:url(../graf/cb_elcine_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menusecciondistribuidoradigital{
	background-image:url(../graf/cb_distribuidoradigital_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menusecciondistribuidoradigital_es{
	background-image:url(../graf/cb_distribuidoradigital_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionellibro{
	background-image:url(../graf/cb_ellibro_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionellibro_es{
	background-image:url(../graf/cb_ellibro_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionelrastro{
	background-image:url(../graf/cb_elrastro_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionelcurso{
	background-image:url(../graf/cb_elcurso_s.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#menuseccionelcurso_es{
	background-image:url(../graf/cb_elcurso_s_es.jpg); background-repeat:no-repeat; width:775px; height:218px;
	margin: 0 auto;	
	border: 1px solid #996600;
	border-bottom:none;
}

#mainContent {
		margin: 0 auto;
		width:735px;
		height: auto !important;		
		height:400px;
		min-height:400px;
    	border: 1px solid #996600;
    	padding:0 20px 10px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    }
#footer {
		margin: 0 auto;	
		width:777px;
    }
#footer p {
    	margin: 0;
		padding:2px;
		font-size:0.8em; color:#333333;		
    }

h1 {
	font-size:1.5em;
	color: #663300;
}

h2, h3, h4, h5, h6 {
	font-size:1.2em;
	color: #996633;
}

a {
  color: #336600;
  text-decoration:none;
}

.heure { font-size:0.8em; color:#272622;} 
.heure1 { font-size:0.8em; color:#7e2215;} 
.titre { font-weight:bold; color:#272622;} 
.titre1 { font-weight:bold; color:#7e2215;} 
.content { color:#000000;} 
.content1 { color:#7e2215;} 
.extra { font-size:0.8em; color:#993300; text-transform:uppercase; font-weight:bold;} 
.menublanco { font-size:0.7em; color:#FFFFFF;}