/* Start of CMSMS style sheet 'estilos' */
/* Anula rellenos y márgenes predeterminados del navegador */
* {
  padding: 0;
  margin: 0;
}


html {
  overflow-y: visible;
}

body {
  color: #666;
  background-color: #aaa;
  font: 14px Georgia, sans-serif;  /* Aunque Georgia es serif, en su ausencia mejor una sans serif */
  /* Ojo, sin coma entre 14px y Georgia. Algunos navegadores como Opera rechazan la declaración si la coma está presente. */
}

a {
  outline: none; /*  elimina la línea de puntos que aparece cuando se activa el enlace */
  text-decoration: none;
  color: #383;
}

/* Efecto rollover por defecto de los enlaces */
a:hover {
  color: #666;
  background: #eec;
}

.accesible, hr {
  display: none;
}

.clear {
  clear: both;
}

.alerta {
  color: #800;
}

#wrapper {
  width: 930px;
  margin: 0 auto;  /* centrado */
  background: #fff url(img/cabecera.jpg) left top no-repeat;
  padding: 0px;
  overflow: hidden; /* Evita que el margen inferior de los elementos interiores sobresalaga del borde */
  background: #8c5;
  border: 1px solid #383;
}



#cabecera {
  /*width: 930px;*/
  height: 256px;
  margin: 0 auto;  /* centrado */
  background: #fff url(img/cabecera.jpg) left top no-repeat;
  padding: 0px;
}

#cabecera h1 {
  height: 100%;  /* ocupa el tamaño de su contenedor, #cabecera */
}


#cabecera h1 a {
  height: 100%;  /* ocupa el tamaño de su contenedor, h1 en #cabecera */
  display: block;
  text-indent: -999em;  /* elimina el texto de la vista */
  outline: none; /*  elimina la línea de puntos que aparece cuando se activa el enlace */
  background: transparent;  /* Evita efecto rollover que se ha establecido por defecto a los enlaces */
}


/* * * * * MENÚ PRINCIPAL * * * * */
#menu_prin {

}

#menu_prin ul {
  list-style: none;
  padding-left: 10px;
  background: #fff;
  border-top: 1px solid #383;
  border-bottom: 1px solid #383;
  overflow: hidden;  /* se extiende para englobar los floats que contiene */
  height: 1%; /* Hack para que la caja se extienda en IE6 */
}


#menu_prin li {
  float: left;  /* dispone el menú en posición horizontal */
}

#menu_prin li a{
  text-decoration: none;
  color: #6a3;
  font-weight: bold;
  display: block;  /* ocupa todo el <li> y se le pueden establecer anchura y altura */
  padding: 2px 15px;
}

#menu_prin li a:hover { 
  color: #333;
/*  background: #8c5;*/
}


#menu_prin dfn {
  display: none;
}


#menu_prin li.currentpage h3 { 
  color: white;
  background: #383;
  cursor: default;  /* simula que no es clicable */
  font-size: inherit;  /* tamaño de fuente heredada, no la especificada para h3 en general */
  font-size: 14px;  /* IE no acepta font-size: inherit */
  padding: 2px 15px;  /* mismo padding que <a>*/
}

/* * Fin Menú Principal * */





/* * * * * CONTENIDO  * * * * */
#contenido {
  overflow: hidden; /* se extiende para englobar los floats que contiene */
  height: 1%; /* Hack para que la caja se extienda en IE6 */
  margin: 20px 10px 0px 10px;
}

#contenido .caja {
  background: white;
  padding: 15px;
  border: 1px solid #383;
}

#cont_prin {
  width: 585px;
  float: left;

}

#contenido #cont_prin a:hover {
  color: #666;
  background: #eec;
}


#cont_prin .caja {
  background: white;
  padding: 10px;
  border: 1px solid #383;
  margin-bottom: 20px;
  overflow: hidden;  /* se extiende con los floats internos */
}

/* Anula la clase .caja cuando se aplica por segunda vez */
/* Sucede, por ejemplo con el contenido de las news en las páginas con plantilla por defecto */
#cont_prin .caja .caja {
  padding: 0;
  border: none;
  margin-bottom: 0;
}

#cont_prin .caja .foto{
  width: 250px;
  float: left;
  /* Preferible separar la imagen del texto mediante margen en ésta,
     porque el texto está configurado con overflow:hidden */
  margin-right: 10px;
  border: 10px solid #383;
background: #383;
color: white;
clear: both;
}


#cont_prin .caja h3 {
  font-size: 250%;
  line-height: 0.9em;
  font-weight: normal;
  margin-bottom: 10px;
  color: #383;
}

#cont_prin .caja p {
  margin-bottom: 10px;
}

/** Lista de presidentes de la Peña **/
#cont_prin .caja li {
  list-style: none;
  padding: 0.2em;
  padding-left: 250px;
}

#cont_prin .caja li.par {
  background: #eec;
}

#cont_prin .caja li span {
float: left;
width: 250px;
margin-left: -230px;
}





/* * * * * Apartado Noticias (Contenido secundario) * * * * */

#cont_sec {
  width: 280px;
  float: right;
  background: white;
  padding: 15px;
  border: 1px solid #383;
}

#cont_sec  #noticias {
  margin: 0px; /*  simula padding de #cont_sec */
}

#cont_sec  #noticias h3 {
  background-color: #383;
  color: white;
  text-align: right;
  font-size: 250%;
  font-weight: normal;
  padding: 0 5px;
  margin-bottom: 10px;
}

#cont_sec  #noticias .NewsSummary {
  border-bottom: 1px dotted #666;
  margin-bottom: 1.5em;
}

#cont_sec  #noticias .NewsSummaryPostdate {
  text-align: right;
  font-style: italic;
}

#cont_sec  #noticias .NewsSummarySummary {
  text-indent: 2em;
}

#cont_sec  #noticias .NewsSummaryLink a {
  font-size: 120%;
  display: block; /* background del rollover en toda la caja */
}


#cont_sec  #noticias .NewsSummaryMorelink {
  text-align: right;  /* Enlace [Más] a la derecha */
  margin-bottom: 1em;  /* Separado del borde */
}

/* En zona detalle, en cont_prin*/
#NewsPostDetailReturnLink a:before {
  content: '«'; /* comillas angulares para indicar que se regresa a la página anterior */
}


/* * * * * PIE * * * * */
#pie {
  clear: both;
}

#pie p {
  text-align: right;
  margin-right: 10px;
}

/* * Fin Contenido * */
/* End of 'estilos' */