/*
 Página de estilo xmiregion.css
 Procede de: victor_style.css
 Creada por Roberto Plà
 Para la página web de Por mi Regionhtml_para_victor.html
 el día 21/11/2024 20:04
 Modificada: 27/11/2024
*/

/* ATENCIÓN: */
/*
  Esto no es HTML, sino CSS, por esto los
  comentarios no usan etiquetas HTML sino
  la barra y el asterisco como ves aqui.

  Se puede poner en una sola linea, como el
  anterior comentario, o en varias, como este.
*/


/* Estilos para las etiquetas html básicas */

body {
    width: 800px;
    margin-left: 30px;
    background-color: #f5e8b4;
}

h1 {
 color: #700000;
 font-family: Georgia;
 font-size: 1.5em;
 font-weight:bolder;
 margin-left: 20px;
}
h2 {
 color: #700000;
 font-family: Georgia;
 font-size: 1.3em;
 font-weight:bolder;
 margin-left: 30px;
}

p {
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 1em;
 font-weight: normal;
}
b {
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 1em;
 font-weight: bold;
}
em {
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 1em;
 font-style: italic;

}
/* Enlace general*/
a {
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 1em;
 font-style: bold;
}

/* unvisited link */
a:link {
  color: #5b2c6f;
}

/* visited link */
a:visited {
  color: #34495e;
}

/* mouse over link */
a:hover {
  color: #FF00FF;
}

/* selected link */
a:active {
  color: #0000FF;
}

code {
 font-family: courier, monospace;
 font-size: 1em;
 font-weight: normal;
}

img {
 border:none;
}

/* blockquote significa 'bloque de cita */
blockquote {
  text-indent: 30px;
}

/* Este es el estilo de la tabla 'normal': */

/* las lineas comentadas no hacen ningun efecto, es como si las hubieramos borrado. */

table, th, td {
  /* padding: .1em .1em; */
  border: 1px solid gray;
  /* border-collapse: collapse; */
}

/*
   Y este es el estilo de las tablas
   de la clase 'modelo':
*/


table.modelo th{
padding:.2em .8em;
border:2px solid rgba(10,10,10,.90);
border-collapse: separate;
background:rgba( 21, 67, 96 );
color:white;
text-align:center
}
table.modelo caption{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
color:rgba( 231, 76, 60 );
text-align:center
}
table.modelo td{
padding:.2em .8em;
border:1px solid rgba(200,20,20,.90);
border-collapse: separate;
background:rgba(90,156,255,.25);
text-align:left
}

/*
   Estilo de las tablas
   de la clase 'tftable',
   creadas con el generador online
*/

.tftable {
  font-size:12px;
  color:#333333;
  width:100%;
  border-width: 1px;
  border-color: #729ea5;
  border-collapse: collapse;
}
.tftable th {
  font-size:12px;
  background-color:#acc8cc;
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #729ea5;
  text-align:left;
}
.tftable tr {
  background-color:#d4e3e5;
}
.tftable td {
  font-size:12px;
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #729ea5;
}
.tftable tr:hover {
  background-color:#ffffff;
}

/*
   Estilo para la division
   de los 'ejemplos' de HTML
*/

.ejemplo {
     width:600px;
     padding: 10px 10px 10px 100px;
     background-color: lightyellow;
     /* Puedes ver los nombres de los colores en HTML */
     /* en la página                                  */
     /* https://htmlcolorcodes.com/es/nombres-de-los-colores/ */

}

/*
   Estilo para la division
   de 'conclusiones' de cada página
*/

.conclusiones {
     width:600px;
     padding: 10px 10px 10px 100px;
     background-color: peachpuff;
}

.contenido01 {
    width: 800px;
}
.barramenu {
}

/*
   Estilo para el menú del final
   de cada página, hecho con una lista.
*/

#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #700000;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li 
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
/*  border-right: 1px solid #fff; */
}

#navcontainer ul li a:hover
{
background-color: #FFC300;
color: #700000;
}

#navcontainer #active { border-left: 1px solid #fff; }

/* Fin del archivo de estilo */