/* Documento CSS */
/* Nombre de archivo : estilos.css */
/* Autor : Jorge Alberto Rojas Solórzano - Guatemala */

html {
margin : 0;
padding : 0;
}

body {
margin : 0;
padding : 0;
background-color : #00189F;
color : #000000;
text-align : center;
}

div#contenedor {
width : 777px;
height : auto;
margin : 0 auto;
padding : 1em 0 0 0;
background-color : rgb(255,255,255);
color : #000000;
text-align :justify;
}

div#encabezado {
position : relative;
display : block;
visibility : visible;
height : 120px;
margin : 0;
padding : 0.05em 0.5em 1em 1em;
background : #fff url('port_03.gif') top right no-repeat;
color : #000000;
}

#encabezado h1 {
font-family : Times, "Times New Roman", serif, Arial, Tahoma;
font-style : normal;
font-variant : small-caps;
letter-spacing : 2px;
background-color : inherit;
color : #00189F;
text-decoration : underline;
margin : 0 8cm 0 0;
padding : 0;
}

#encabezado h1:first-letter {
font-size : 180%;
background-color : inherit;
color : #FEDE58;
}

#encabezado acronym {
color : #c0c0c0;
background-color : inherit;
font-style : oblique;
border-bottom : 1px solid #FF9900;
margin : 0;
padding : 0 0 3px 0;
}

div#barra_navegacion {
position : relative;
display : block; 
background-color : #FCFBED;
border : 1px solid #c0c0c0;
color : #010101;
margin : 0;
padding : 0.10em;
font-family : inherit;
font-style : normal; 
font-size : 11pt;
text-align : center;
}

#barra_navegacion ul {
margin : 0;
padding : 0;
}

#barra_navegacion li {
list-style-type : none;
margin : 0;
padding : 0.4em 0 0.4em 0.5em;
display : inline;  
}

/* Dando estilo a los links de la barra de navegación */

#barra_navegacion a {
text-decoration : none;
background-color : inherit;
color : #000000;
font-weight : bold;
border-bottom : 1px solid #000FCA;
}

#barra_navegacion a:hover {
text-decoration : none;
background-color : inherit;
color : #010101;
border-bottom : 2px solid #000FCA;
}

/*Contenido del sitio*/

div#contenido {
display : block;
position : relative;
visibility : visible;
margin : 0;
padding : 1em 3em 1cm 3em;
font-family : inherit;
font-size : 11pt;
}

#contenido h2 {
font-family : "Times New Roman", Times, serif;
background-color : inherit;
color : #FEDE58;
line-height : 2px;
}

#contenido h2:first-letter {
font-size : 180%;
color : #00189F;
background-color : inherit;
}

#contenido h3 {
font-family : "Times New Roman", Times, serif, Tahoma, Arial, Verdana;
font-size : 125%;
color : #00189F;
background-color : inherit;
}

#contenido acronym {
background-color : #00189F;
color : #00189F;
}

/*Este es el bloque que flota a la derecha y contiene información adicional del sitio*/

div#noticias {
float:right;
width : 150px;
height : auto;
margin : 1.5cm 0 0 0;
padding : 0.3em;
font-family : Arial, Helvetica, sans-serif, Courier, Tahoma, Verdana;
font-size : 12px;
background-color : inherit;
color : #000000;
}

#noticias ul {
margin : 0;
padding : 0;
}

#noticias li {
list-style-type : none;
margin : 2px;
padding : 2px;
}

#noticias a {
text-decoration : underline;
color : #000000;
background-color : inherit;
border-bottom : 1px dashed #696969;
}

#noticias a:hover {
text-decoration : none;
color : #000000;
background-color : inherit;
border-bottom : 1px dashed #696969;
}

/*Modulo 1*/

div#explicacion {
margin : 0 5cm 0 0;
padding : 0.2em;
border : 1px dashed #c0c0c0;
}

#explicacion h4 {
background-color : #5FB7FF;
color : #ffffff;
line-height : normal;
margin : 0;
padding : 0.3em 0 0.3em 13em;
}

#explicacion p {
margin : 0.25em;
padding : 0;
}

#explicacion a {
text-decoration : none;
font-weight : bold;
background-color : #ffffff;
color : #000080;
margin : 0;
padding : 2px;
}

#explicacion a:hover {
text-decoration : none;
background-color : #FFF5CC;
color:#000080;
}

/*Modulo 2*/

div#agradecimientos {
margin : 2em 5cm 0 0;
padding : 0.2em;
border : 1px dashed #c0c0c0;
}

#agradecimientos h4 {
background-color : #5FB7FF;
color : #ffffff;
line-height : normal;
margin : 0;
padding : 0.3em 0 0.3em 13em;
}

#agradecimientos p {
margin : 1em;
padding : 0;
}

#agradecimientos a {
text-decoration : none;
background-color : #fff;
color : #00189F;
}

#agradecimientos a:hover {
text-decoration : none;
background-color : #FFF4C5;
color : #003366;
}

/*Pie de pagina*/

div#pie {
position : relative;
display : block;
visibility : visible;
margin : 0.5cm 2em 0 2em;
padding : 0.5em 0.5em 1em 2em;
height : auto;
background-color : #fff;
font-family : inherit;
font-size : 11pt;
font-style : normal;
text-align : left;
color : #000000;
}

#pie a {
text-decoration : none;
border-bottom : 1px solid #c0c0c0;
background-color : inherit;
color : #000000;
}

#pie a:hover {
text-decoration : none;
background-color : inherit;
color : #c0c0c0;
}

.letra { font-size : 14pt;color : #00189;background-color : inherit;}