body  {
	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 #container */
	background-image: url(../images/fondo_body.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

  h1 {
	font-size: 150%;
	color: #900;
}                        /* 24px */
  h2 {
	font-size: 135%;
	color: #900;
}          /* 24px */
  h3 { font-size: 120% }                        /* 18px */
  h4 { font-size: 110.33% }                     /* 16px */
  h5 { font-size: 106.67% }                     /* 14px */
  h6 { font-size: 106.67%; font-style:italic }  /* 14px */
  
  a {
	color: #900;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	color: #960;
	text-decoration: underline;
}

img {
	border: none;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;

}
  

#container {
	width: 950px; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	overflow:hidden;
	height: 1%;
} 

#header {
	height: 62px;
	background-image: url(../images/fondo_cabecera.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
} 

#header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 5px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}

#sidebar1 {
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 225px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

#mainContent {
	float:left;
	width: 700px;
	margin-top: 10px;
	overflow:hidden;
	height: 1%
}

#eventos {
	float:left;
	width: 200px;
}

#articulos {
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 450px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 10px;
}

#fondo {
	background-image: url(../images/fondo_cuerpo.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	
}

#fecha {
	font-size: 10px;
	color: #CCC;
	text-align: left;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #960;
}

#texto {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

#titular {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #900;
	text-decoration: none;
}

#menusemanas {
	width: 100%;
	color: #FFF;
	text-align: center;
	background-color: #E17A07;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius : 4px;
	margin-bottom: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#menusemanas a { /* ancho fondo interior de las l’neas */
	color: #FFF;
	
}

#menusemanas ul li a:hover, #topmenu ul li a.active {
	color: #FF0;
}

#rotulo{
	width: 100%;
	color: #FFF;
	text-align: center;
	background-color: #E17A07;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius : 4px;
	margin-bottom: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#footer {
	background-image: url(../images/fondo_pie.jpg);
	height: 258px;
	background-position: center;
	list-style-position: outside;
	list-style-image: url(../images/flechita_gris.gif);
	list-style-type: none;	
} 

#footer a { /* ancho fondo interior de las l’neas */
	color: #FFF;
	
}

#footer ul li a:hover, #topmenu ul li a.active {
	color: #FF0;
}


.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;
}

#imagen_portada {
	text-align: left;
	margin-bottom: 10px;
	margin-left:0;
}

#barra_menu {
	background-image: url(../images/barra_menu.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
}

#barra_menu ul {
    margin: 0px;
    padding: 5px 0px;
}

#barra_menu li {
	display: inline;
	margin: 13px;
	padding: 5px;
}

#barra_menu a {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2em;
    padding: 3px;
    text-decoration: none;
}

#barra_menu ul li a:hover, #topmenu ul li a.active {
	color: #FF0;
}


.roundedcornr_box_903285 {
	background-color: #FEE9A9;
}
.roundedcornr_top_903285 div {
   background: url(../images/roundedcornr_903285_tl.png) no-repeat top left;
}
.roundedcornr_top_903285 {
   background: url(../images/roundedcornr_903285_tr.png) no-repeat top right;
}
.roundedcornr_bottom_903285 div {
   background: url(../images/roundedcornr_903285_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_903285 {
   background: url(../images/roundedcornr_903285_br.png) no-repeat bottom right;
}

.roundedcornr_top_903285 div, .roundedcornr_top_903285, 
.roundedcornr_bottom_903285 div, .roundedcornr_bottom_903285 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_903285 {
	margin: 0 20px;
}
.roundedcornr_content_903285 { margin: 0 10px; }

/*MENU*/

.outer a, .outer div, .outer li, .outer ul, .outer body{
	margin: 2;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#navh a { /* ancho fondo interior de las l’neas */
	display: block;
	width: 120px;
	w\idth: 120px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding: 0px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom:-1px;
}

#navh li {
	float: left;
	padding: 0;
	margin-left: 0px;
	margin-bottom: 0px;
	width: 120px;
	margin-top:0px;
}

#navh li ul { 
	position: absolute;
	left: -999em;
	height: auto;
	width: 120px; /* ancho interior */
	w\idth: 120px;
	font-weight: normal;
}

#navh li li { /* recuadro exterior l’neas primer nivel */
}

#navh li ul a { /* recuadro exterior l’neas segundo nivel */
	text-align: left;
	padding: 3px;
	background-color: #E17A07;		
}

#navh li:hover ul ul, #navh li:hover ul ul ul, #navh li.sfhover ul ul, #navh li.sfhover ul ul ul {
}

#navh li:hover ul, #navh li li:hover ul, #navh li li li:hover ul, #navh li.sfhover ul, #navh li li.sfhover ul, #navh li li li.sfhover ul {
	left: auto;
}

#navh li:hover, #navh li.sfhover {
}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }