/*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:#CACACA;
}
#todo{
	max-width:1000px;
	min-width:770px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border:2px black solid;
	}
strong{
	font-style:oblique;
	font-size:1em;
}
/*contenedor del titulo*/
#cabecera{
	background-image:url(img/fondo.png);
	background-color:#420000;
	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:rgb(243,242,169);
	
}

#titulo p{
	text-align:right;
	padding: 1em 10em 3em 0;
	font-size:0.9em;
	color:#ACADAD;
	background-image:url(img/cabecera_p.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}


/*elemento del menu seleccionado*/

.actual{
	border-left: 3px #FF0C00 solid;
	color:#FF0C00;
	padding-left:0.75em;
}
/*menu de navegacion*/

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

#nav {
	background-image:url(img/barra.png);
	background-repeat:repeat;
	background-position:bottom;
	background-color:#5A0000;
	padding: 0.3em 0.3em;
	border-top: 3px rgb(24,0,0) solid;
}
#nav  li{
	font-weight:bold;
	display:inline;
	margin-left:5em;
}

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

#nav li a:hover{
	color:#FF0C00;
	border-left: 3px #FF0C00 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;
	
}
#fotoclub{
	margin:2em;	
	border:2px rgb(167,157,157) solid;
	width:450px;
	height:290px;
}
/*control del cuerpo de la pagina*/
#cuerpo{
	padding:2em 3em;
}
#cuerpo h2, #cuerpo h3{
	margin-top:0.5em;
	color:#520000;
}
#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/kendo.png);
}
#cuerpo  #listaMaterial{
	background-image:url(img/material.png);
}
#cuerpo #listaContacto{
	background-image:url(img/contacto.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 #510000 solid;
	font-size:1.2em;
	color:#510000;
	text-decoration:none;
	
}
#cuerpo dl dt a:hover{
	color:#FF0C00;
	text-decoration:underline;
	border-left: 3px #FF0C00 solid;
}
#cuerpo dl dd ul{
	padding:0.5em 0 0 3em;
	list-style-type:none;
}

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




.imagenesHistoria, .imagenesAtuendo, .imagenesPostura, .imagenesReglas, .imagenesArmadura, .imagenesArmas{
	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%;
}

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

}

.imagenesReglas img { 
	border:4px gray solid;
	margin: 0.5em 0.5em 0.5em 27%;
}
.imagenesPostura img{
	border:4px gray solid;
	margin: 0.5em 0.5em 0.5em 40%;
}

.imagenesArmadura img{
	border:4px gray solid;
	margin: 0.5em 0.5em 0.5em 35%;
}
.imagenesArmas img{
	border:4px gray solid;
	margin: 0.5em 0.5em 0.5em 7em;
}
.imagenesHistoria p, .imagenesAtuendo p, .imagenesPostura p, .imagenesReglas p,.imagenesArmadura p, .imagenesArmas 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:top 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;
}

#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:#520000;
	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:#FF0C00;
	border-left: 5px #FF0C00 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:#5A0000;
	
	
}
#pie p {
	font-size: 0.8em;
	display:inline;
}
#pie p .enlaceSimple{
	color:#CACACB;
}


/*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;
}

/*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:#FF0C00;
}
/*para los enlaces de "volver arriba"*/

.retornoTop {
	text-align:center;

}