/*Colores
#EEEEEE Gris muy muy claro
#CCCCCC Gris claro 
#222222 Gris muy muy oscuro

#DFDFFF Azul muy claro
#CCCCFF Azul claro
#000033 Azul muy oscuro

#F9F6F4 Marron muy muy claro
#E9E0DB Marron muy claro
#C9A798 Marron intermedio
#381800 Marron muy oscuro

#400203 Marron muy muy oscuro principio difuminado
#643001 Marron muy oscuro principio difuminado
#DDD8D2 Gris/Marron Claro de fondo
#D4C7B6 Marron claro fin del difuminado
#5F452A Marron letras cabecera

#AE9670 Marron cabecera claro
#998761 Marron cabecera oscuro

#663300 marron links

*/

/*Elementos comunes*/
body{
background-color: #DDD8D2;

margin-top: 0%;
margin-left: 0%;
margin-right:0%;

position:relative;
}

h1,h2,h3,h4{
font-family: sans-serif;
}

*#dinamicos{
text-align:right;
}

*#recursos{
position:relative;
left: 74%;
}

h1{

}

h2{
background-image: url(../imagenes/fondo_titulos.png);
background-repeat: no-repeat;
padding: 0.2%;
}

h3{

}

h4{

}

p{
font-family: sans-serif;
font-size: 0.92em;
}

a{

}

img{
border-width: 0em; 
}

em{

}

strong{


}

acronym{


}



/*Links*/
:link{

}

:visited{

}

:link:hover{

}

:visited:hover{

}

/*Links*/
*.wiki:link{
font-family: sans-serif;
font-size: 0.92em;
font-style: italic;
text-decoration: none;
color: #381800;
border-bottom: 1px dotted #400203;
}

*.wiki:visited{
font-family: sans-serif;
font-size: 0.92em;
font-style: italic;
text-decoration: none;
color: #381800;
border-bottom: none;
}

*.wiki:link:hover{
font-family: sans-serif;
font-size: 0.92em;
font-style: italic;
text-decoration: none;
color: #381800;
border-bottom: 1px dotted #400203;
}

*.wiki:visited:hover{
font-family: sans-serif;
font-size: 0.92em;
font-style: italic;
text-decoration: none;
color: #381800;
border-bottom: 1px dotted #400203;
}

/*Identificadores comunes a todos los html*/

*#cabecera{
background-color: #D4C7B6;
/*D4C7B6*/
/*DDD8D2*/
color:#381800;

position:relative;
}

*#logo{
background-image: url(../imagenes/fondo_cabecera.png);
background-repeat: no-repeat;

padding: 0.5%;

text-align: left;

font-size: 300%;
font-weight: bold;
}


*#logo #znkriai{
margin-left: 3%;

width:32.5%;
}

*#logo #dojodokukudo{
width:34.3%;

}

*#menu-nav{
background-image: url(../imagenes/fondo_menu.png);
background-repeat: no-repeat;

font-family: sans-serif;

margin: 0%;
padding-top:0.01%;
padding-bottom: 0%;
border-bottom: 1px solid #400203;

position:relative;
}

/*Links menu-nav*/
*#menu-nav :link{
color:#EEEEEE;

text-decoration: none;
}

*#menu-nav :visited{
color:#EEEEEE;

text-decoration: none;
}

#listamenu :hover :link{
color:#D4C7B6 ;

text-decoration: none;
}

#listamenu :hover :visited{
color:#D4C7B6 ;

text-decoration: none;
}

*#listamenu{
padding:1%;
margin: 0% 0% 0% 3%;
}

#listamenu li{
display: inline;

list-style-type: none;

padding: 0% 5% 0% 0%;

text-align: left;
font-weight: bold;
}

*.actual{
color:#D4C7B6 ;

font-weight: bold;
}


*#contenedor{

background-color: #DDD8D2;

color: #381800;

margin: 0% 0% 0% 0%;

min-height: 39em;

position:relative;
}



*#cuerpo{
margin: 0% 3% 0% 3%;

position:relative;
}

#pie{
color: #EEEEEE;
background-image: url(../imagenes/fondo_pie.png);
background-repeat: no-repeat;

background-color: #DDD8D2;

margin-top: 1%;
padding: 0.1em;

clear:both;

position:relative;
}



/*Clases comunes a todos los html*/

*.bloque{
width:100%;

margin: 1% 0%;

padding: 0% 1% 1% 1%;

position:relative;
}

*.bloque h3, h4, h5{
background-image: url(../imagenes/fondo_bloques.png);
background-repeat: no-repeat;
}

*.texto{
text-align:justify;
position:relative;
}

*.imagen{

position:relative;
}
/*
*.imagen img{
width:100%;
}*/





/*Identificadores y clases de index.html*/

*#bloque1{
position:relative;
}

*#bloque2{
clear:both;

border: 1px solid #400203;

position:relative;
}

*#presentacion{
margin-left: 35%;

clear: right;

border: 1px solid #400203;

background-image: url(../imagenes/fondo_bloques.png);
background-repeat: repeat-y;

position:relative;

width: 62.9%;
}

*#presentacion h3{
margin: 0%;
padding: 1%;
}

*#presentacion .texto{
padding: 1%;
}

*#secciones{
float: left;
margin: 1% 0% 1% 0%;

position:relative;

width: 26.3%;
}

*#secciones .link img{
/*width:100%--------------------------------------------------------------------------------------------------;*/

margin: 0% 0% 3% 0%;
}

*#secciones .link{
margin: 0% 0% 0% 0%;
}

*#actualizaciones{
margin: 0% 0%;
/*padding: 0%;*/
/*min-height: 50%;*/


background-image: url(../imagenes/fondo_bloques.png);
background-repeat: repeat-y;

position:relative;
}

*#actualizaciones h3{
margin: 0% 0% 0% 0%;
padding: 0.5%;

}

*#banner1{
text-align: left;
}

*#banner2{
position: absolute;
right:8%;
}

*#banner3{
position: relative;
margin-left:0%;
}

*#banner1 img{

border: 1px solid #400203;
/*width: 40%;*/
margin: 0% 0% 0% 6%;
}

*#banner2 img{

border: 1px solid #400203;
/*width: 40%;*/
}


/*Identificadores y clases de znkr_iaido.html*/
*#que{

}

*#que .texto{


}

*#que .imagen{
margin-left: 5%;
float: right;

width:33.5%;
}

*#como {

}

*#como .texto{

}


*#como .imagen{
margin-left: 5%;
float: right;

width:33.5%;
}


*#mas{

}

*#mas .texto{


}

*#mas .imagen{
margin-left: 5%;
float: right;

width:33.5%;
}

/*Identificadores y clases de znkr_jodo.html*/





/*Identificadores y clases de sui_o_ryu.html*/
*#kikusui{
float:right;
margin-left: 20%;
width:19.4%;
}

*#historia{
clear: right;
}
*#historia .imagen{

margin-left: 5%;
float: right;
clear: right;

width: 35.9%
}

*#jojutsu .imagen {

text-align:center;

}

*#jojutsu img {

width:70%;
}

/*Identificadores y clases de actividades.html*/

*#anios a{
margin: 2%;
font-family: sans-serif;
font-size: 0.92em;
font-style: italic;
text-decoration: none;
color: #381800;
border-bottom: 1px dotted #400203;
}

*#anios span{
font-size: larger;
font-weight: bold;
}

*#calendario{

}

*.tablaanio{
border-width: 0em; 
border-style: solid; 
border-color: #000000;

margin: 2em;
text-align: center;
padding: 0em;
}

*.tablaanio table, tr, th, td {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

*.tablaanio table{
	margin-bottom: 6em;
}

*.tablaanio thead{
text-align: center;
}

*.tablaanio tbody td{
border-width: 1px; 
border-style: solid dashed; 
border-color: #000000;
margin: 0em;
}

*.tablaanio caption{
font-size: larger;
font-weight: bold;
margin-bottom: 2em;
}

*.tablaanio *.mes{
background-color:#381800;
color: #EEEEEE;

font-weight: bold;
font-size: 130%;

border-width: 1px; 
border-style: solid; 
border-color: #000000;
}

*.tablaanio *.cab1{
width: 11%;
}

*.tablaanio *.cab2{
width: 10%;
}

*.tablaanio *.cab3{
width: 12%;
}

*.tablaanio *.cab4{
width: 14%;
}

*.tablaanio *.cab5{
width: 14%;
}

*.tablaanio *.cab6{
width: 11%;
}

*.tablaanio *.cab7{
width: 11%;
}

*.tablaanio *.cab7 img{
width: 90%;
}

*.realizado{
background-color: #E7DCCF ;
/*FFDEB6

DBCCC0*/
}

*.norealizado{
background-color: #FFEEDA ;
/*FFEEDA

DBD0C0*/
}

*.vacio{

}



/*Identificadores y clases de contacto.html*/

#contacta .imagen{
width: 44%;
}

*.gimnasio .imagen{
float: left;
margin-right: 5%;
width:22%;
}


*.gimnasio {
width:100%
}

*.horario{
border-width: 0em; 
border-style: solid; 
border-color: #000000;

margin: 2em;
text-align: center;
padding: 0em;
}

*.horario caption{
text-align: left;
font-weight: bold;
}

*.horario table, tr, th, td {
margin: 0;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
}

*.horario thead{
text-align: center;
}

*.horario tbody td{
border-width: 1px; 
border-style: solid dashed; 
border-color: #000000;
margin: 0em;
}

*.horario td{
width:15%
}

#suscribete .imagen{
float: left;
margin-right: 5%;
}

*.enlace{
/*display:inline;*/

width:45%;
float:left;
margin:1%;
}

*.enlace .imagen{

width:50%;
}

#otras{

clear: both;
}


/*Fotos*/

*.foto{
/*display:inline;*/

width:45%;
float:left;
margin:1%;
}

*.foto .imagen{

width:50%;
}

*.foto .texto{

width:80%;
text-align:center;
}

*.opciones{
clear:both;

}

*.opciones a{
font-family: sans-serif;
font-size: 0.92em;
font-style: italic;
text-decoration: none;
color: #381800;
border-bottom: 1px dotted #400203;
}

*.opciones .anterior {
margin: 0% 15% 0% 0%;
}

*.opciones .volver{
margin: 0% 15% 0% 15%;
}

*.opciones .siguiente{
margin: 0% 0% 0% 15%;
}


/*
background-color:;
background-image:;
background-repeat:;
background-attachment:;
background-position:;
*/
/*
color:;
*/
/*
font-family:;
font-size:;
font-style:;
font-variant:;
font-weight:;
*/
/*
text-indent:;
text-align:;
text-decoration:;
text-transform:;
word-spacing:;
white-space:;
*/
/*
list-style-type:;
list-style-image:;
list-style-position:;
*/
/*
border:;
border-style:;
border-width:;
border-color:;
*/
/*
margin:;
padding:;
*/
/*
width:;
height:;
*/
/*
overflow:;
*/
/*
display:;
*/
/*
float:;
clear:;
*/
/*
position:;
top:;
right:;
bottom:;
left:;
*/
/*
z-index:;
*/