/* 
Stylesheet for Tranquilamente.com
Comienzo de Hoja de Estilo 
*/


/* Entire page Para definir la página completa */ 
body {
background-color: black; /* negro */
color: #C0C0C0; /* light grey */
font-size: 12pt;
font-family: Arial, Courier New, monospace;
}

/* Definición de párrafos */
p {
display: block; /* en bloque, separado de antes y después */
margin-left: 3%;
margin-right: 3%;
text-align: justify; /* parejo en ambos lados */
}

/* definition of form (formulario) */
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}


/* Definición de Negritas */
b {font-weight: bolder;}

/* Definición de italizado */
i {font-style: italic;}

/* Definición de subrayado */
	u {text-decoration: underline;}

.hidden {display: none;}

/*
@import url(headers.css);
@import url(lists.css);
@import url(div.css);
@import url(img.css);
@import url(table.css);
*/

/* 
Definition of lists and anchors
Definición de listas y anclas 
*/
a {
color: #00008B; /* dark blue*/
background-color:#C0C0C0; /* light grey */
text-decoration: none;
font-size: 12pt;
}
 a.active {
color: green;
}

ul, ol {
margin-left: 3em;
padding: 0.5em;
text-align: left; /* alineado a la izquierda */
}

/*  unordered list Lista sin numerar */
ul.square {list-style-type: square; } /* Símbolo es un cuadrado */
ul.disk {list-style-type: disk; } /* Símbolo es un disco */
ul.circle {list-style-type: circle; } /* Símbolo es un circulo */

/* Numbered lists Listas numeradas */
ol.decimal {list-style-type: decimal; } /*  arabic*/
ol.zero {list-style-type: decimal-leading-zero; } /* arabic with leading zero*/
ol.roman {list-style-type: upper-roman; } /* Letras romanas mayúsculas */
ol.lower {list-style-type: lower-alpha; } /* Letras minusculas */
ol.upper {list-style-type: upper-alpha; } /* Letras mayúsculas */

ul.bar {
float:left;
width:100%;
padding:0.2em;
margin:0;
list-style-type:none;
font-size: 10pt;
}

a.bar {
float:left;
/* width:8em; */
text-decoration:none;
/* border-right:1px solid black; */
font-size: 10pt;
}

li.bar {display:inline}

ul.left {
padding:0;
margin: 5px;
list-style-type:none;
font-size: 10pt;
}

a.left {
text-decoration:none;
}

/* Pages divided in divs para páginas divididas en div */
div.container {
width:100%;
margin:0px;
/* border:1px solid black; */
}

div.header, div.footer {
width: 100%;
margin: 0px;
padding: 20px 0px 0px 20px;
color:black;
background-color:#C0C0C0; /* light grey */
text-align: center;
/* line-height:120%; */
clear:left;
}

div.header {
height: 20%;
margin: 0px 0px 10px 0px;
/* font-size: 18pt; */
}

div.left {
/* position: relative; */
float:left;
width:20%;
margin:0;
padding:0.2em;
}

div.content {
/* position: relative; */
float:left;
margin-left:30%;
border-left:1px solid #C0C0C0; 
padding:0.2em;
}

/* 
gold on dark grey
Definition of headers
Definición de los encabezados 
*/

h1, h2, h3, h4, h5, h6 {
color: black;
background-color: #C0C0C0; /* light grey */
text-transform: capitalize; /* Primera letra mayúscula */
text-align: center;
}

/* Tamaño de la letra */
h1 {font-size: 24pt; }
h2 {font-size: 20pt; }
h3 {font-size: 16pt; }
h4 {font-size: 14pt; }
h5 {font-size: 12pt; }
h6 {font-size: 9pt; }

img {
float: left;
}


/* End of stylesheet Fin de Hoja de Estilo */