/* Hoja de estilo para la web de En Garde */
/* coding: utf-8 */

@font-face {
  font-family: damascript;
  src: url(ballet_regular.woff);
}

body {
	font-family: helvetica,helv,sans-serif;
	text-align: justify;
	color: #000000;
	margin-left: 0px;
	margin-top: 10px;
	background-color: #ffedca; /* era: #ed4e4e */
	/*
	background-image: url(background.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	*/
}


/* Titulos principales */
h1 {
	text-align: center;
	font-size: 40px;
	font-family: serif,times;
}


/* Sub-titulos */
h2 {
    text-align: center;
    font-size: 22px;
}


/* Sub-sub-titulos */
h3 {
    font-size: 16px;
    line-height: 1.0em;
}


/* Parrafos */
p {
    font-size: 14px;
    text-align: justify;
    text-indent: 1em;
    margin-bottom: -0.5em;
}


/* Texto citado */

cite {
    font-style: italic;
    font-size: 14px;
    text-align: right;
    margin: 12px;
}


/* Listas y tablas */
li, td {
    font-size: 14px;
}


/* Teminos de diccionario */
dt {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    text-indent: 1em;
}
dd {
    font-size: 14px;
    font-style: italic;
    text-indent: 4em;
}

/* Titulos de tabla */
caption {
    font-size: 16px;
    font-weight: bold;
}


/* Enlaces */
A:link { color: #800517;
    background: transparent;
    text-decoration: none;
}
A:visited { color: #cc6600;
    background: transparent;
    text-decoration: none;
}
A:active { color: #ff00ff;
    background: transparent;
    text-decoration: none;
}
A:hover { color: red;
    background: transparent;
    text-decoration: none;
}


/****************** Clases especificas *************************/
/* Para avisos importantes: en rojo, letra grande, etc */
.avisazo {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: red;
}

/* Para la cita mensual en la cronica, incluyendo al "citador" */
.cita {
    text-align: right;
    font-size: 17px;
    font-style: italic;
}
.citador {
    text-align: right;
    font-size: 13px;
    font-style: italic;
}

/* .superscript { position: relative; top: -0.5em; font-size: 80%; } */

/* Para la ficha del personaje que se muestra en el area privada */
.ficha {
    background-image: url(/decor/paper.jpg);
    background-attachment: scroll;
    border-style: none;
    font-family: Courier, monospace;
    font-size: 10px;
    letter-spacing: 2px;
    margin: 20px;
    padding: 8px;
    white-space: pre;
    text-indent: 0;
}

/* Una ligera variante para la ficha, cuando aparece como pop-up desde el formulario del turno */
.fichapopup {
    border-style: none;
    font-family: Courier, monospace;
    font-size: 10px;
    letter-spacing: 2px;
    margin: 20px;
    padding: 8px;
    white-space: pre;
    text-indent: 0;
}

.menu {
    text-align: center;
    background-color: #eeeddd;
    border-width: thick;
    border-bottom-color: #cccbbb;
    border-right-color: #cccbbb;
    border-top-color: #fffeee;
    border-left-color: #fffeee;
}

.menuheader {
    text-align: center;
    background-color:#eeeddd;
}

.notalpie {
    font-size: 12px;
    font-style: italic;
    text-indent: 0;
    vertical-align: top;
}

/* Para la cronica: cartas, notas, papeles... */
.papel {
    background-image: url(/decor/paper.jpg);
    background-attachment: scroll;
    border-style: none;
    font-family: Times, serif;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 35px;
    padding: 16px;
    text-indent: 0;
/*  white-space: pre; */
}
.papelcentrado {
    background-image: url(/decor/paper.jpg);
    background-attachment: scroll;
    border-style: none;
    font-family: Times, serif;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 150%;
    margin: 35px;
    padding: 16px;
    text-align: center;
    text-indent: 0;
/*  white-space: pre; */
}
.papeldama {
    background-color: #ffddff;
    background-attachment: scroll;
    border-style: none;
    font-family: damascript;
    font-size: 48px;
    letter-spacing: 2px;
    margin: 35px;
    padding: 16px;
    text-indent: 0;
/*  white-space: pre; */
}

/* Texto grande para la pagina principal */
.presentacion {
    font-size: 20px;
    font-weight: bold;
}

/* Texto (tambien grande) para las ultimas noticias */
.latestnews li {
    font-size: 20px;
    font-weight: bold;
}

/* Para la cronica: secciones principales (militar, sociedad, cargos...) */
.seccion {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-indent: 0;
}

/* Para la cronica: semanas de 1 a 4, lugares del frente, etc... */
.subseccion {
    font-size: 16px;
    font-style: italic;
    text-decoration: underline;
    text-indent: 0;
}

/******************************************************************/
/************** Clases para el nuevo menu desplegable *************/
/******************************************************************/

.mainmenu {
    width: 100%;
    background-color: #aaa999;
    float: center;
    padding: 10px 1px 10px 10px;
    /*
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    */
}


 /* Dropdown Button */
.dropbtn {
  background-color: #eeeddd;
  color: black;
  padding: 16px;
  font-size: 20px;
  font-style: bold;
  border-width: 1px;
  border-color: black;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 360px;
  /*width: 100%;
  overflow: auto;*/
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: left;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #cccbbb;}


/******************************************************************/
/***************************** ESPECIALES *************************/
/******************************************************************/

/* Para el webring, hasta que me decida a poner algo mas discreto */
.webring {
    background-color: #ffffff;
    font-size: 10px;
/*  text-align: center;*/
}
/* Para la cronica de la calotada de 2006 */
.infierno {
    background-color: black;
    border-style: none;
    font-family: helvetica,helv,arial,sans-serif;
    font-size: 10px;
    font-style: italic;
    letter-spacing: 2px;
    margin: 20px;
    padding: 8px;
    color: red;
    text-align: justify;
}
/* FIN DE LA HOJA DE ESTILO */