/* ------------------------------------ *
 CSS Club Soinketa
 HAPedit 3.1.11.111
 * ------------------------------------ */

body {
text-align:center;
background: #fff url(fondo-general.png) repeat-x;
}

h1, h2, h3, h4, h5, h6{
    color : #4B8AE7;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 2pt;
    letter-spacing: 1pt;
}
img{
    border:0;
}


a:link, a:visited, a:active {
color: #006699;
text-decoration: none;

}

a:hover {color: #4B8AE7}


#encabezado {
width:791px;
height: 200px;
margin: 0 auto;  /* centra el contenedor*/
background:url(logo-arriba.jpg) no-repeat;
}

#contenedor {
width: 750px;
text-align:left; /* alinear textos */
margin: 0 auto;  /* centra el contenedor*/
background: url(fondo.png) repeat-y;
}

#cuerpo {
width:750px;
margin: 0;

}

#menu {
width:545px;
text-align:right;
margin:0 0 0 200px;
padding-top: 10px;
height: 20px;
}

#menu ul, #menu li {
  display: inline;
  list-style-type: none;
  border-bottom: 1px solid #006699;
}

#menu a, #menu a:link {
  background: #ffffff;
  border: 1px solid #006699;
  border-left: 5px solid #006699;
  color: #000000;
  display: inline;
  font: bold 10px verdana, arial, sans-serif;
  line-height: 22px;
  margin: 0 0 0 2px;
  padding: 2px 3px;
  text-decoration: none;
}

#menu a:hover {
  background: #F0F8FF;
  border: 1px solid #4B8AE7;
  border-left: 5px solid #4B8AE7;
}

#menu a.active, #menu a:link.active, #menu a:hover.active {
  background: #fff;
  border: 1px solid #4B8AE7;
  border-left: 5px solid #4B8AE7;
  color: #000; }

#actividades {
width:160px;
float:left;
}

#actividades ul{
  list-style-image: url("indice.gif");
  margin: 0 0 10px 0;
}

#actividades li{
  font: bold 12px verdana, arial, sans-serif;
  margin: 3px 0 0 0;
}

* html #actividades li {
margin: 3px 0 0 35px; /* para IE5.x/ */
}

#contenido {
width:590px;
font: 12px verdana, arial, sans-serif;
margin-left:160px;
}
* html #contenido {
width:587px; /* para IE5.x/ */
w\idth:587px; /* para otros IE */
}

#datos{
width: 540px;
margin-left: 30px;
/* background: #F008F0;  */
}

#datos dt{
    font: bold 10px verdana, arial, sans-serif;
    margin: 12px 0 0 0;
}

#datos dd{
    font: 10px verdana, arial, sans-serif;
    margin: 3px 0 0 5px;
}

#piepagina {
text-align : right;
background: #F0F8FF;
width:588px;
margin: 10px 0 0 161px;
border-top:1px solid #4B8AE7;
font: 10px verdana, arial, sans-serif;
clear:left;
}
* html #piepagina {
width:587px; /* para IE5.x/ */
w\idth:587px; /* para otros IE */
}

#pieimagen {
width: 750px;
height: 1px;
background: url(fondo-abajo.png) no-repeat;
}

.imagenindex {
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

.imagen {
text-align: center;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

.fuentepeke {
font: 10px verdana, arial, sans-serif;
}

.estiloi {
	color: #4b8ae7;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.box-on {float: left; min-width: 0.5em; margin-right: 0.2em; padding-left: 0.3em;}
.contentbox-container {clear: both; float: left; width: 425px; margin: 0px 0px 15px 0px; padding: 0px;} /* Width should be 428px, but IE-duplication bug forces us to reduce with 3px to 425px */
.contentbox-half-left {float: left; width: 205px; margin: 0px; padding: 0px;}
.contentbox-half-right {float: right; width: 205px; margin: 0px; padding: 0px;}
.contentbox-title-shading-small {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(222,220,242); color: rgb(0,0,0); font-weight: bold; font-size: 130%;}
.contentbox-noshading {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;}
.bg-blue04 {background-color: rgb(189,185,229);}
.bg-blue05 {background-color: rgb(172,167,223);}