/*quitamos margen y padding a todo para que no hay medidas extras*/
*{
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;

}
body{
	background-color:#DFDFDF;
}
#todo{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border:2px black solid;
	margin-top: 2em;
	margin-bottom:2em;
	}
strong{
	font-style:oblique;
	font-size:1em;
}
/*contenedor del titulo*/
#cabecera{
	background-image:url(img/fondo.png);
	background-color:#0D1C4C;
	background-repeat:repeat-x;
}
/*control de la barra de titulo*/
#titulo{
	height:142px;
	
}
#titulo img{
	float: left;
	border-style:none;
}
#titulo h1{
	text-align:right;
	padding: 1em 4em 0 0;
	color:#CACACA;
	
}

#titulo p{
	text-align:right;
	padding: 1em 10em 3em 0;
	font-size:0.9em;
	color:#CACACA;
}


/*elemento del menu seleccionado*/

.actual{
	border-left: 3px white solid;

	color:white;
	padding-left:0.75em;
	padding-right: 0.75em;
}
/*menu de navegacion*/

#nav .primero{
	margin-left:0;
}

#nav {
	background-repeat:repeat;
	background-position:bottom;
	background-color:#070D24;
	padding: 2em 7em;
}
#nav  li{
	font-weight:bold;
	display:inline;
	margin-left:5em;
}

#nav li a{
	color:#ACADAD;
	text-decoration:none;
	border-left:3px #ACADAD solid;
	padding-left:0.75em;
	padding-right:0.75em;
	
}

#nav li a:hover{
	color:white;
	border-left: 3px white solid;

}

/*control de las migas y submenus*/
.submenu{
	margin-left:10em;
	padding-left:6em;
	background-image:url(img/flecha.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#migas li, .submenu li{
	display:inline;
	font-size:0.75em;
	color:black;
	font-style:italic;
}
#migas li a, .submenu li a{
	text-decoration:underline;
	font-weight:bold;
}
#migas li a:after {
	content:">>";
}
#migas li .actual{
	font-size:0.75em;
	color:#FF0C00;
	text-decoration:none;
}
/*CLASE UTILIZADA PARA EL CUERPO DE LA PRINCIPAL*/
.posicionado{
	float:left;
	width:48%;
	
}
#migas li{
	padding:0.6em 0 0 1.5em;
}
#submenuKendo li {
	padding:0.6em 0 0 1.5em;
}
/*contenedor del cuerpo*/
#contenido{
	background-image:url(img/contenido.png);
	background-color:white;
	background-repeat:repeat-x;
	border-top: 2px rgb(24,0,0) solid;
	
}

/*control del cuerpo de la pagina*/
#cuerpo{
	padding:2em 3em;
}
#cuerpo h2, #cuerpo h3{
	margin-top:0.5em;
	color:#0F1F52;
}
#cuerpo p{
	color:rgb(96,45,36);
	margin: 1em 0 1em 0;
}
#cuerpo ol{
	padding:1em 0 1em 5em;
}
#cuerpo dl{
	margin:2em 1em 1em 1em;
	border-left: 3px black solid;
	
}
#cuerpo  #listaKendo, #cuerpo #listaMaterial, #cuerpo #listaContacto{
	background-repeat:no-repeat;
	background-position:right bottom;
}

#cuerpo  #listaKendo{
	background-image:url(img/pie_club.png);
}
#cuerpo  #listaMaterial{
	background-image:url(img/pie_club.png);
}
#cuerpo #listaContacto{
	background-image:url(img/pie_club.png);
}

#cuerpo dl dt{
	padding-top:0.5em;
	margin:2em 2em;
	font-weight:bold;
}

#cuerpo dl dd{
	margin: 1em 0 1em 5em;
}

#cuerpo dl dt a{
	padding-left:0.75em;
	border-left: 3px #0D1C4C solid;
	font-size:1.2em;
	color:#0D1C4C;
	text-decoration:none;
	
}
#cuerpo dl dt a:hover{
	color:blue;
	text-decoration:underline;
	border-left: 3px blue solid;
}
#cuerpo dl dd ul{
	padding:0.5em 0 0 3em;
	list-style-type:none;
}

#tablaNoticias dt{
	border-bottom: 1px black solid;
}



.imagenesMaterial img{
	border:4px gray solid;
	margin: 0.5em 0.5em 0.5em 5em;
}

.imagenesMaterialA img{
	border:4px gray solid;
	margin: 0.5em 0.5em 0.5em 5em;
	width:700px;

}
.imagenesHistoria, .imagenesMaterial, .imagenesPostura, .imagenesReglas ,.imagenesMaterialA{
	border-top: 2px black solid;
	border-bottom: 2px black solid;
	padding:1.3em 0 1.3em 0;
	
}
.imagenesHistoria img { 
	border:4px gray solid;
	margin: 0.5em 0.5em 0.5em 22%;
}
.imagenesReglas img { 
	border:4px gray solid;
	margin: 0.5em 0.5em 0.5em 30%;
}
.imagenesPostura img{
	border:4px gray solid;
	margin: 0.5em 0.5em 0.5em 40%;
}
.imagenesHistoria p, .imagenesMaterial p, .imagenesPostura p, .imagenesReglas p, .imagenesMaterialA p{
	font-size:0.7em;
	font-style:italic;
	text-align:center;
}


/*clases para las listas de fotos*/
.galeriaFotos {
	border-top: 2px black solid;
	border-bottom: 2px black solid;
	padding:1.3em 0 1.3em 0;
	margin:1.3em 0 1.3em 0;
}

.galeriaFotos li {
	display:inline;
}

.galeriaFotos li a img{
	border:4px gray solid;
	margin: 1em 1em 1em 1em;
}

/*las dos cajas de la pagina principal*/

#abraham{
	clear:both;
}

#listaSenseis  .sensei  img , #abraham img{
	margin:1em 1em 1em 2em;
	width:120px;
	height:136px;
	border: 3px gray solid;
	float:left;
	padding-top:0;
}

#listaSenseis .sensei ul li{
	padding-left:1em;
	padding-top:0.5em;
	font-weight:bold;
	font-size:0.85em;
	
}

#listaSenseis .sensei{
	height:200px;
}
 #listaSenseis .sensei ul {
	padding-top:2em;
	list-style-type:none;
 }
.acoplaFloat{
	clear:both;
}
#noticias, .enlaces, #listaSenseis {
	border:2px rgb(167,157,157) solid;
	background-image:url(img/esquina.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#eeeeee;
	margin-left:60%;
	margin-right:2em;
	margin-top:2em;
	
}
#noticias  p   ,#abraham p{
	text-align:right;
	padding:1em 1em 1em 1em;
	font-size:.7em;
	font-style:italic;
}
#fotoclub{
	margin:2em;
	width:450px;
}

#fotoclub img{

	border:2px rgb(167,157,157) solid;
}
#abraham p{
	padding-top:7.5em;
}

.enlaces ul{
	padding:0.2em 0.7em 0.5em 2.9em;
}
#noticias ul{
	padding:0.2em 0.7em 0.5em 3.7em;
}

#noticias ul li {
	list-style-type:square;
	padding-left:0.1em;
	font-size: 0.9em;
}
.enlaces ul li{
	list-style-type:none;
	padding-bottom:0.2em;
	font-size: 0.9em;
}

#noticias h3, .enlaces h3, #listaSenseis h3{
	padding: 0.6em 0 0 3.7em;
	color:#0F1F52;
	font-size: 1em;
	padding-bottom: 1em;
}

.enlaces ul li a{
	
	border-left: 5px black solid;
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding-left:1em;
}

.enlaces ul li a:hover{
	color:blue;
	border-left: 5px blue solid;
	font-weight:bold;
}
/*pie de las páginas*/
#pie{
	margin:5em 0 0 0;
	padding:1em 0 1em 40%;
	clear:both;
	background-image:url(img/pie.png);
	background-repeat:repeat;
	border-top: 3px black solid;
	background-color:#0D1B49;
	
	
}
#pie p {
	font-size: 0.8em;
	display:inline;
}
#pie p .enlaceSimple{
	color:#CACACA;
}
.miembro{	float:left;		padding:2em;		background-color: #CACACA;		margin:2em 1.8em 5em 1.8em;		width:120px;		height:230px;		font-size:0.8em;		border: 2px solid black;	}.miembro ul{	list-style-type:square;		padding-top:0.5em;		padding-left:0.8em;	}.miembro ul li{	padding-top:0.3em;	}.miembro img{	padding-left:0.8em;}
/*Control de la lista del mapa web*/
#mapaWeb{
	margin-top:2em;
	list-style-type:upper-roman;
	padding:0 0 0 2em;
	border-left: 3px black solid;
}
#mapaWeb li{
	font-weight:bold;
	font-style:italic;
	font-size:1em;
	padding:1em 1em 1em 1em;
	text-decoration:underline;
}

#mapaWeb li ul{
	list-style-type:none;
	padding-left:2em;
}
#mapaWeb li ul li a{
	font-size:0.9em;
	font-style: oblique;
}
.logros{	padding-left:3em;}.logros li{	padding:0.5em;}.logros li ul{	padding-left:2em;}.logros li ul li{	font-size:0.8en;	padding:0.2em;}
/*clases para los enlaces sencillos del pie y de las migas*/
.enlaceSimple, .enlaceSimple :link, .enlaceSimple:visited{
	color:black;
	font-weight:bold;
}
.enlaceSimple:hover, #pie p .enlaceSimple:hover{
	font-weight:bold;
	color:blue;
}
/*para los enlaces de "volver arriba"*/

.retornoTop {
	text-align:center;

}