* {
padding: 0;
margin: 0;
}

body { 	
background: #b8b6c7; 
font: normal 9pt Georgia, Verdana; 
color: #7b5d3b;
}

#container {  
position:absolute;
width: 96%;
}

#img_uno, #img_dos, #img_tres, #img_cuatro, 
#img_cinco, #img_seis,#img_siete, #img_ocho, 
#img_nueve, #img_diez   {  
position:absolute;
left:262px;
overflow:hidden;
z-index:90;  
width:132px;
border-right: 1px solid #979378;
border-bottom: 1px solid #ad8d43;
}

#img_uno {
top:
260px;
}

#img_dos {
top:
620px;
}

#img_tres {
top:1290px;
}

#img_cuatro {
top:
1650px;
}

#img_cuatro_mon {
position:absolute;
left:110px;
top:
1630px;
width:290px;height:385px;
overflow:hidden;
z-index:90;  
border-right: 1px solid #979378;
border-bottom: 1px solid #ad8d43;
}

#img_cinco {
top:
2110px;
}

#img_seis  {
top:
2470px;
}

#img_siete {
top:3135px;
}

#img_ocho  {
top:
3495px;
}

#img_nueve {
top:3955px;
}

#img_diez  {
top:
4315px;
}


#pie_A, #pie_B, #pie_C, 
#pie_D, #pie_D_mon, #pie_E, #pie_D_ab, #pie_F, 
#pie_G, #pie_H, #pie_I, #pie_J {  
position:absolute;
left:262px;
width:140px; height:140px;
color: #8C7846;
font: italic 10pt Georgia, Verdana;
z-index:90;
}

#pie_A {
top:
460px;
}

#pie_B {
top:
820px;
}

#pie_C {
top:1490px;
}

#pie_D {
top:
1850px;
}

#pie_D_ab {
top:
1930px;
}

#pie_E {
top:
2310px;
}

#pie_F {
top:
2670px;
}

#pie_G {
top:3360px;
}

#pie_H {
top:
3620px;
}

#pie_I {
top:4215px;
}

#pie_J {
top:
4505px;
}

#izq_A, #izq_B, #Chapt_INI {
position:absolute; 
margin:10px;
left:0; 
width:220px;
}

#izq_A { 
position:absolute; 
top:0;
height: 180px;
z-index:99;
}

#logo_new { 
margin-top:3px; 
margin-left:24px; 
border:0;
width:178px; height:168px;
background: url(img_tomas/logo_CH.jpg) no-repeat;
z-index:99;
}


#personajes {
position:absolute;
top:176px;width:100px;
margin-left:118px;
overfloW:visible;
z-index:95;
}

#personajes:hover {
position:absolute;
top:172px;width:140px;
margin-left:90px;
overfloW:visible;
z-index:99;
font: normal 15pt Georgia, Verdana; 
}

#Chapt_INI {  
position:absolute;
top:210px;
height:790px;
background: url(img_tomas/bolivar_inicio.jpg) no-repeat;
}

#Col_clear{
position:absolute;
top:176px;
margin-left:10px;
overfloW:visible;
z-index:95;
}

#izq_B {  
position:absolute;
top:210px;
height:1200px;
background: url(img_tomas/bolivar_Chapter6.jpg) no-repeat right;
}

#ind_tit_INI {  
position:absolute;
top:236px;left:36px;
width:168px;height:60px;
text-align:justify;
color:#7b5d3b;
}

#ind_tit {  
position:absolute;
top:240px;left:24px;
width:190px;height:60px;
color:#7b5d3b;
}

#raya {  
position:absolute;
top:274px;left:586px;
width:272px;height:25px;
z-index:99;
background: url(img_tomas/raya.jpg) no-repeat right;
}

#raya_peq {  
position:absolute;
top:298px;left:271px;
width:105px;height:14px;
z-index:99;
background: url(img_tomas/raya_peq.png) no-repeat right;
}

#raya_abajo {  
position:absolute;
top:670px;left:586px;
width:272px;height:25px;
z-index:99;
background: url(img_tomas/raya.jpg) no-repeat right;
}

#raya_peq_abajo {  
position:absolute;
top:496px;left:271px;
width:105px;height:14px;
z-index:99;
background: url(img_tomas/raya_peq.png) no-repeat right;
}



/* kappa es el sumario, 17 Chapter */
#kappa {  
position:absolute;
top:410px;left:36px;
width:196px;
}

/* aqui van los CUATRO (1º el d foto-Tomás del índice divs con los fondos de cada pag */

#fondo_inicial { 
position:absolute;
left:240px;
top:0;
width:670px; height:1116px;
background: url(img_tomas/bolivar_hoja_tomas2.jpg) no-repeat left;
z-index:75;
}


/* aqui van las 3 img del java s c ript cambia_img */

#foto { 
padding: 0;
margin: 0;
border:0;
position:absolute;
left:266px;
top:26px;
width:593px; height:135px;
z-index:99;
}


#der_A { 
position:absolute;
left:240px;
top:0;
width:670px; height:1116px;
background: url(img_tomas/bolivar_hoja_A4.jpg) no-repeat left;
z-index:75;
}

#pestanas {
position:absolute;
margin:0; padding:0; 
top:182px;
left:12px;
width:632px;
height:22px;
z-index:95;
}

#listado {
position:absolute;
margin:0; padding:0; 
top:260px;
left:270px;
width:130px;
height:700px;
z-index:95;
line-height:1.8em;
}

.Bolivar, .Sanmartin, .Sucre, .Ohiggins, .Morelos, .Hidalgo, .Josefa, .Marti {
position:absolute;
padding-top:3px;
width:75px;
height:18px;
text-align:center;
border-top:2px solid #7b5d3b;
border-right:1px solid #7b5d3b;
border-bottom:none;
border-left:1px solid #7b5d3b;
z-index:98;
background-color:#e8d9f8;
}


.Bolivar:hover, .Sanmartin:hover, .Sucre:hover, .Ohiggins:hover, 
.Morelos:hover, .Hidalgo:hover, .Josefa:hover, .Marti:hover {
position:absolute;
padding-top:1px;
width:73px;
height:18px;
text-align:center;
border-top:3px solid #b62931;
border-right:2px solid #b62931;
border-bottom:none;
border-left:2px solid #b62931;
z-index:98;
background-color:#d3d0ef;
}




.Bolivar {
left:0;
}


.Sanmartin {
left:79px;
}

.Sucre {
left:158px;
}

.Ohiggins {
left:237px;
}

.Morelos {
left:316px;
}

.Hidalgo {
left:395px;
}

.Josefa {
left:474px;
}

.Marti {
left:553px;
}


#indice_temas {
background-color:#e8d9f8;
}

#indice_kronos {
background-color:#e8d9f8;
}


#indice_temas:hover {
position:absolute;
left:252px;
top:212px;
width:54px;
text-align:center; 
height:26px;
padding-top:1px;
border-top:3px solid #7b5d3b;
border-right:2px solid #7b5d3b;
border-bottom:none;
border-left:2px solid #7b5d3b;
z-index:98;
background-color:#d3d0ef;
}

#indice_kronos:hover {
position:absolute;
left:252px;
top:212px;
width:54px;
text-align:center; 
height:26px;
padding-top:1px;
border-top:3px solid #b62931;
border-right:2px solid #b62931;
border-bottom:none;
border-left:2px solid #b62931;
z-index:98;
background-color:#d3d0ef;
}


#Inicio {
position:absolute;
top:176px;width:70px;
margin-left:24px;
overfloW:visible;
z-index:95;
width:80px;
overflow:visible;
font-size:12pt;
border-top:2px solid #7b5d3b;
border-right:1px solid #7b5d3b;
border-bottom:none;
border-left:1px solid #7b5d3b;
background-color:#e8d9f8;
}

#Inicio:hover {
position:absolute;
top:176px;width:70px;
margin-left:24px;
overfloW:visible;
z-index:95;
width:80px;
overflow:visible;
font-size:12pt;
border-top:2px solid #b62931;
border-right:2px solid #b62931;
border-bottom:none;
border-left:2px solid #b62931;
background-color:#d3d0ef;
}



#FOLIO { 
position:absolute;
left:240px;
top:1116px;
width:670px; height:923px;
background: url(img_tomas/bolivar_hoja_B.jpg) no-repeat left;
z-index:75;
}

#FOLIO_rev { 
position:absolute;
left:240px;
top:2039px;
width:670px; height:923px;
background: url(img_tomas/bolivar_hoja_C.jpg) no-repeat left;
z-index:75;
}

#FOLIO_rev_2 { 
position:absolute;
left:240px;
top:2962px;
width:670px; height:923px;
background: url(img_tomas/bolivar_hoja_B.jpg) no-repeat left;
z-index:75;
}

#FOLIO_rev_3 { 
position:absolute;
left:240px;
top:3885px;
width:670px; height:923px;
background: url(img_tomas/bolivar_hoja_C.jpg) no-repeat left;
z-index:75;
}

#FOLIO_rev_4 { 
position:absolute;
left:240px;
top:4808px;
width:670px; height:923px;
background: url(img_tomas/bolivar_hoja_B.jpg) no-repeat left;
z-index:75;
}


#img_seve { 
position:absolute;
left:25px;
top:180px;
width:132px; height:94px;
border-top: 1px solid #ad8d43;
border-right: 1px solid #979378;
border-bottom: 1px solid #979378;
border-left: 1px solid #ad8d43;
z-index:95;
}

#cuerpo { 
position:absolute;
top:215px; left:450px;
width:434px;
z-index:85;
}

#tit_epilogo {
position:absolute;
top:270px;
left:250px;width:150px;
text-align:center;
z-index:99;
}

#box_txt_desliz {
position: relative;
width: 420px; 
height: 800px; 
top:232px;
left:430px;
text-align:justify;
overflow: hidden;
padding: 2px;
padding-left: 10px;
font:18px Georgia;
z-index:99;
}

#amplia_mapa_cab {
position:absolute;
top:405px; left:780px;
width:130px; height:20px;
color:#7071b8;
z-index:99;
}

#amplia_yapeyu {
position:absolute;
top:460px; left:680px;
width:230px; height:20px;
color:#7071b8;
z-index:99;
}

#cervatos { 
position:absolute;
width:438px;
z-index:45;
}

#cerv_txt { 
position:absolute;
top:18px; left:0;
width:240px;
font: bold italic 11pt/1.4 Georgia, Verdana;
color: #3c405a;
z-index:60;
}

#mapa_cab { 
position:absolute;
top:15px; left:210px;
width:202px; height:140px; 
z-index:10;
}

#mapa_cab:hover { 
position:absolute;
top:0; left:0;
width:410px; height:429px;
z-index:90;
}

/* este es xa el 1er Chapt d BOLIVAR */
#mapa_uno { 
position:absolute;
top:5px; left:220px;
width:202px; height:218px;
background: url(img_tomas/img_Chapt/mapa_uno_peq.jpg) no-repeat; 
z-index:10;
}

#mapa_uno:hover { 
position:absolute;
top:0; left:0;
width:410px; height:443px;
background: url(img_tomas/img_Chapt/mapa_cab_a.jpg) no-repeat; 
z-index:90;
}

/* este es xa el 2º Chapt d BOLIVAR */

#mapa_dos { 
position:absolute;
top:15px; left:218px;
width:202px; height:184px;
background: url(img_tomas/img_Chapt/mapa_dos_peq.jpg) no-repeat; 
z-index:10;
}

#mapa_dos:hover { 
position:absolute;
top:0; left:0;
width:410px; height:443px;
background: url(img_tomas/img_Chapt/mapa_cab_b.jpg) no-repeat; 
z-index:90;
}

/* OJOOOOOO meto aquí mapas del 3º al 9º  S I N   H E I G H T */

#mapa_tres { 
position:absolute;
top:15px; left:210px;
width:202px; height:147px;
background: url(img_tomas/img_Chapt/mapa_tres_peq.jpg) no-repeat; 
z-index:10;
}

#mapa_tres:hover { 
position:absolute;
top:0; left:0;
width:410px;  height:298px;
background: url(img_tomas/img_Chapt/mapa_cab_c.jpg) no-repeat; 
z-index:90;
}

#mapa_cuatro { 
position:absolute;
top:15px; left:270px;
width:202px;  height:210px;
background: url(img_tomas/img_Chapt/mapa_cuatro_peq.jpg) no-repeat; 
z-index:10;
}

#mapa_cuatro:hover { 
position:absolute;
top:0; left:154px;
width:410px;  height:373px;
background: url(img_tomas/img_Chapt/mapa_cab_d.jpg) no-repeat; 
z-index:90;
}

#mapa_cinco { 
position:absolute;
top:15px; left:255px;
width:157px; height:220px; 
background: url(img_tomas/img_Chapt/mapa_cinco_peq.jpg) no-repeat; 
z-index:10;
}

#mapa_cinco:hover { 
position:absolute;
top:0; left:124px;
width:286px;  height:400px;
background: url(img_tomas/img_Chapt/mapa_cab_e.jpg) no-repeat; 
z-index:90;
}

#mapa_seis { 
position:absolute;
top:15px; left:232px;
width:180px;  height:220px;
background: url(img_tomas/img_Chapt/mapa_seis_peq.jpg) no-repeat; 
z-index:10;
}

#mapa_seis:hover { 
position:absolute;
top:0; left:0;
width:410px;  height:429px;
background: url(img_tomas/img_Chapt/mapa_cab_f.jpg) no-repeat; 
z-index:90;
}

#mapa_siete { 
position:absolute;
top:15px; left:210px;
width:202px;  height:211px;
background: url(img_tomas/img_Chapt/mapa_siete_peq.jpg) no-repeat; 
z-index:10;
}

#mapa_siete:hover { 
position:absolute;
top:0; left:0;
width:410px;  height:429px;
background: url(img_tomas/img_Chapt/mapa_cab_g.jpg) no-repeat; 
z-index:90;
}

#mapa_ocho { 
position:absolute;
top:15px; left:255px;
width:157px;  height:220px;
background: url(img_tomas/img_Chapt/mapa_ocho_peq.jpg) no-repeat; 
z-index:10;
}

#mapa_ocho:hover { 
position:absolute;
top:0; left:124px;
width:286px;  height:404px;
background: url(img_tomas/img_Chapt/mapa_cab_h.jpg) no-repeat; 
z-index:90;
}

#mapa_nueve { 
position:absolute;
top:15px; left:242px;
width:170px;  height:220px;
background: url(img_tomas/img_Chapt/mapa_nueve_peq.jpg) no-repeat; 
z-index:10;
}

#mapa_nueve:hover { 
position:absolute;
top:0; left:100px;
width:310px;  height:400px;
background: url(img_tomas/img_Chapt/mapa_cab_i.jpg) no-repeat; 
z-index:90;
}

/* este es xa el 10º Chapt d BOLIVAR */

#mapa_diez { 
position:absolute;
top:15px; left:287px;
width:130px; height:220px;
background: url(img_tomas/img_Chapt/mapa_diez_peq.jpg) no-repeat; 
z-index:10;
}

#mapa_diez:hover { 
position:absolute;
top:0; left:210px;
width:200px; height:400px;
background: url(img_tomas/img_Chapt/mapa_cab_j.jpg) no-repeat; 
z-index:90;
}

.todo_txt {
position:absolute;
top:50px;
width:410px;
text-indent:25px;
z-index:15;
overflow:visible;
}

.todo_testam {
position:absolute;
width:410px;
text-indent:25px;
z-index:15;
overflow:visible;
top:150px; left:0;
font: italic 7pt Georgia, Verdana;
color:#000;
}

.testam {
font: bold italic 9pt Georgia, Verdana;
color:#5B6671;
}

.new_pag {
position:absolute; 
left:200px; 
margin-top:10px;
width:300px;
font: bold italic 7pt Georgia, Verdana;
overflow:visible;
}

.new_pag_arr {
position:absolute; 
left:200px; 
width:300px;
font: bold italic 7pt Georgia, Verdana;
overflow:visible;
}

.new_pag_arr_6pag {
position:absolute; 
left:180px; 
width:300px;
font: bold italic 7pt Georgia, Verdana;
overflow:visible;
}

#xhtml {
position:absolute;
top:2825px; left:248px;
width:65px; height:29px;
z-index:98;
}

#css_valid {
position:absolute;
top:2855px; left:247px;
width:55px; height:20px;
z-index:98;
}

#HW_logo {
position:absolute;
top:2900px; left:250px;
width:20px; height:48px;
border:0; padding:0; margin:0;
background: url(img_tomas/HW_logo-bolivar.jpg) no-repeat;
z-index:98;
}

#HW_txt {
position:absolute;
top:2933px; left:274px;
width:200px; height:20px;
z-index:98;
}


#caja_final_1 {
position:absolute;
top:4360px;left:450px;
border:0;
text-indent:0;
width:410px; height:240px;
z-index:96;
}

#caja_final_2 {
position:absolute;
top:4460px;left:450px;
border:0;
text-indent:0;
width:410px; height:240px;
z-index:96;
}

#photo_epil {
position:absolute;
top:50px;left:0;
text-indent:0;
border:0;
width:150px; height:210px;
z-index:98;
}

#photo_turism {
position:absolute;
top:80px;left:208px;
text-align:justify;
border:0;
width:200px; height:210px;
z-index:98;
}


/* enlaces */

a:link {
text-decoration: none;
color: #945303;
}

a:visited {
text-decoration: none;
color: #9649d5;}

a:hover {
text-decoration: none;
color: #df7401;}

a:active {
text-decoration: none;
color: #8C7846;
}


/* style for links pestañas */

a.links:link {
text-decoration: none;
color: #945303;
}

a.links:visited {
text-decoration: none;
color: #945303;}

a.links:hover {
text-decoration: none;
color: #df7401;}

a.links:active {
text-decoration: none;
color: #504232;
}

/* style for links listado */

a.links_GR:link {
text-decoration: none;
color: #945303;
font: normal 12pt Georgia, Verdana;
}

a.links_GR:visited {
text-decoration: none;
color: #945303;
font: normal 12pt Georgia, Verdana;
}

a.links_GR:hover {
text-decoration: none;
color: #df7401;
font: normal 12pt Georgia, Verdana;
}

a.links_GR:active {
text-decoration: none;
color: #504232;
font: normal 12pt Georgia, Verdana;
}


/* style for Ind-Chapter */

a.Style_Chapt:link {
text-decoration: none;
color: #945303;
}

a.Style_Chapt:visited {
text-decoration: none;
color: #945303;}

a.Style_Chapt:hover {
text-decoration: none;
color: #df7401;}

a.Style_Chapt:active {
text-decoration: none;
color: #504232;
}


/* style for Ind-Chapter PEQUEÑO */

a.Style_Chapt_peq:link {
text-decoration: none;
color: #913968;
font: normal 7pt Georgia, Verdana; 
}

a.Style_Chapt_peq:visited {
text-decoration: none;
color: #913968;
font: normal 7pt Georgia, Verdana; 
}

a.Style_Chapt_peq:hover {
text-decoration: none;
color: #df7401;
font: normal 7pt Georgia, Verdana; }

a.Style_Chapt_peq:active {
text-decoration: none;
color: #504232;
font: normal 7pt Georgia, Verdana; 
}




a.estil_B:link {
text-decoration: none;
color: #e2e1cc;
}

a.estil_B:visited {
text-decoration: none;
color: #e2e1cc;
}

a.estil_B:hover {
text-decoration: none;
color: #fff;
}

a.estil_B:active {
text-decoration: none;
color: #fff;
}

a.estil_D {
font: normal 8pt Georgia, Verdana; 
}

a.estil_D:link {
text-decoration: none;
color: #8C7846;
}

a.estil_D:visited {
text-decoration: none;
color: #8C7846;
}

a.estil_D:hover {
text-decoration: none;
color: #8A0808;
}

a.estil_D:active {
text-decoration: none;
color: #8A0808;
}


a.white:link, a.white:visited, a.white:hover, a.white:active {
text-decoration: none;
color: #fff;
}


p { 
line-height: 17px;
margin: 0; 
text-align: justify;
}

.negrita {
font: bold 9pt Georgia;
color:#7b5d3b;
}

.cursiva {
font: 500 italic 10pt  Georgia;
color:#7b5d3b;
}

.cursiva_cron {
font: 500 italic 10pt  Georgia;
color:#b3373d;
}

.negrita_GR {
font: bold 12pt Georgia;
color:#7b5d3b;
}

.cursiva_GR {
font: 500 italic 18pt  Georgia;
color:#7b5d3b;
}

.cursiv_ind { 
margin-left:60px;
width:320px;
text-indent:0;
}

.cursiv_WdB { 
margin-left:60px;
width:320px;
text-indent:0;
}

.subraya {
font: normal 9pt Georgia, Verdana;
text-decoration:underline;
}

h1 { 
font: 900 11pt Georgia, Arial;
color:#b62931;
}

h2 { 
font: bold italic 11pt/1.4 Georgia, Verdana;
color: #41693d;
}

h3 { 
font: bold italic 8pt Georgia, Verdana;
}


h4 { 
font: bold italic 7pt Georgia, Verdana;
}

.Inicial { 
font: bold 22pt Georgia, Verdana;
color:#3c405a;
}

.INI_GR { 
font: 900 22pt Georgia, Arial;
color:#7b5d3b;
}


.Inicial_GR { 
font: bold 28pt Georgia, Verdana;
color:#253977;
}