* {
padding: 0;
margin: 0;
}

body { 	
background: #a4b581; 
font: normal 8pt Arial, Verdana; 
color: #7b5d3b; 
}

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


#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;
}

#Inicio {
position:absolute;
top:176px;width:70px;
margin-left:24px;
overfloW:visible;
z-index:95;
}

#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 Arial, Verdana; 
}

#Chapt_INI {  
position:absolute;
top:220px;
width:220px;
height:1200px;
background: url(img_tomas/bolivar_Chapter_years.jpg) no-repeat;
}

#index_krono { 
position:absolute;
left:26px;
top:20px;
width:170px; height:1160px;
font: italic 7pt Georgia, Verdana; 
z-index:99;
}


/* aqui va el 1er folio de background */

#fondo_inicial { 
position:absolute;
left:10px;
top:0;
width:900px; height:1460px;
background: url(img_tomas/ancho_bolivar_years.jpg) no-repeat left;
z-index:55;
}


#FOLIO { 
position:absolute;
left:10px;
top:1370px;
width:900px; height:1260px;
background: url(img_tomas/ancho_bolivar_years_2.jpg) no-repeat bottom;
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:278px;
top:30px;
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;
}

#fondo_txt { 
position:absolute;
left:50px;
top:310px;
width:820px;
padding-top:3px;
z-index:99;
}

.cabeceros {
top:-8px;font: normal 8pt Arial, Verdana; 
color:#945303;
}

#separador { 
position:absolute;
left:264px;
top:770px;
width:630px; height:30px; 
font: normal 30pt Arial, Verdana; 
text-align:center;
color:#d8b080;
z-index:99;
}


.fondo_color_1 { 
height:110px;
background: url(img_tomas/ancho_pergamino_a1.jpg) no-repeat;
}

.fondo_color_1_GR { 
height:124px;
background: url(img_tomas/ancho_pergamino_a1_GR.jpg) no-repeat;
}

.fondo_color_1_GR_2 { 
height:200px;
background: url(img_tomas/ancho_pergamino_a1_GR_2.jpg) no-repeat;
}

.fondo_color_1_peq { 
height:90px;
background: url(img_tomas/ancho_pergamino_a1_peq.jpg) no-repeat;
}

.fondo_color_1_GR_medio { 
height:134px;
background: url(img_tomas/ancho_pergamino_a1_GR_medio.jpg) no-repeat;
}


.fondo_color_1_GR_160 { 
height:160px;
background: url(img_tomas/ancho_pergamino_a1_GR_160.jpg) no-repeat;
}


.fondo_color_2 { 
height:100px;
background: url(img_tomas/ancho_pergamino_b1.jpg) no-repeat;
}

.fondo_color_2_peq { 
height:82px;
background: url(img_tomas/ancho_pergamino_b1_peq.jpg) no-repeat;
}

.fondo_color_2_peq_2 { 
height:60px;
background: url(img_tomas/ancho_pergamino_b1_peq_2.jpg) no-repeat;
}

.fondo_color_2_GR { 
height:112px;
background: url(img_tomas/ancho_pergamino_b1_GR.jpg) no-repeat;
}

.fondo_color_2_GR_GR { 
height:125px;
background: url(img_tomas/ancho_pergamino_b1_GR_GR.jpg) no-repeat;
}


.fondo_color_3 { 
height:120px;
background: url(img_tomas/ancho_pergamino_c1.jpg) no-repeat;
}

.fondo_color_3_peq { 
height:96px;
background: url(img_tomas/ancho_pergamino_c1_peq.jpg) no-repeat;
}

.fondo_color_3_GR { 
height:140px;
background: url(img_tomas/ancho_pergamino_c1_GR.jpg) no-repeat;
}

.fondo_color_3_GR_2 { 
height:154px;
background: url(img_tomas/ancho_pergamino_c1_GR_2.jpg) no-repeat;
}

.fondo_color_4 { 
height:120px;
background: url(img_tomas/ancho_pergamino_d1.jpg) no-repeat;
}

.fondo_color_4_peq { 
height:100px;
background: url(img_tomas/ancho_pergamino_d1_peq.jpg) no-repeat;
}

.fondo_color_4_GR { 
height:150px;
background: url(img_tomas/ancho_pergamino_d1_GR.jpg) no-repeat;
}



.fondo_color_5 { 
height:116px;
background: url(img_tomas/ancho_pergamino_e1.jpg) no-repeat;
}

.fondo_color_5_peq { 
height:80px;
background: url(img_tomas/ancho_pergamino_e1_peq.jpg) no-repeat;
}


.fondo_color_5_peq_medio { 
height:100px;
background: url(img_tomas/ancho_pergamino_e1_peq_medio.jpg) no-repeat;
}

.fondo_color_5_GR { 
height:132px;
background: url(img_tomas/ancho_pergamino_e1_GR.jpg) no-repeat;
}

.fondo_color_5_GR_medio { 
height:120px;
background: url(img_tomas/ancho_pergamino_e1_GR_medio.jpg) no-repeat;
}

.fondo_color_5_GR_2 { 
height:170px;
background: url(img_tomas/ancho_pergamino_e1_GR_2.jpg) no-repeat;
}



.fondo_color_6 { 
height:120px;
background: url(img_tomas/ancho_pergamino_f1.jpg) no-repeat;
}

.fondo_color_6_peq_medio { 
height:100px;
background: url(img_tomas/ancho_pergamino_f1_peq_medio.jpg) no-repeat;
}

.fondo_color_6_peq { 
height:80px;
background: url(img_tomas/ancho_pergamino_f1_peq.jpg) no-repeat;
}



.fondo_color_1:hover { 
height:110px;
background: url(img_tomas/ancho_pergamino_a2.jpg) no-repeat;
}


.fondo_color_1_GR:hover { 
height:124px;
background: url(img_tomas/ancho_pergamino_a2_GR.jpg) no-repeat;
}

.fondo_color_1_GR_2:hover { 
height:200px;
background: url(img_tomas/ancho_pergamino_a2_GR_2.jpg) no-repeat;
}

.fondo_color_1_peq:hover { 
height:90px;
background: url(img_tomas/ancho_pergamino_a2_peq.jpg) no-repeat;
}

.fondo_color_1_GR_medio:hover { 
height:134px;
background: url(img_tomas/ancho_pergamino_a2_GR_medio.jpg) no-repeat;
}


.fondo_color_1_GR_160:hover { 
height:160px;
background: url(img_tomas/ancho_pergamino_a2_GR_160.jpg) no-repeat;
}




.fondo_color_2:hover { 
height:100px;
background: url(img_tomas/ancho_pergamino_b2.jpg) repeat;
}

.fondo_color_2_peq:hover { 
height:82px;
background: url(img_tomas/ancho_pergamino_b2_peq.jpg) no-repeat;
}

.fondo_color_2_peq_2:hover { 
height:60px;
background: url(img_tomas/ancho_pergamino_b2_peq_2.jpg) no-repeat;
}

.fondo_color_2_GR:hover { 
height:112px;
background: url(img_tomas/ancho_pergamino_b2_GR.jpg) no-repeat;
}

.fondo_color_2_GR_GR:hover { 
height:125px;
background: url(img_tomas/ancho_pergamino_b2_GR_GR.jpg) no-repeat;
}



.fondo_color_3:hover { 
height:120px;
background: url(img_tomas/ancho_pergamino_c2.jpg) no-repeat;
}

.fondo_color_3_peq:hover { 
height:96px;
background: url(img_tomas/ancho_pergamino_c2_peq.jpg) no-repeat;
}

.fondo_color_3_GR:hover { 
height:140px;
background: url(img_tomas/ancho_pergamino_c2_GR.jpg) no-repeat;
}

.fondo_color_3_GR_2:hover { 
height:154px;
background: url(img_tomas/ancho_pergamino_c2_GR_2.jpg) no-repeat;
}



.fondo_color_4:hover { 
height:120px;
background: url(img_tomas/ancho_pergamino_d2.jpg) no-repeat;
}

.fondo_color_4_peq:hover { 
height:100px;
background: url(img_tomas/ancho_pergamino_d2_peq.jpg) no-repeat;
}

.fondo_color_4_GR:hover { 
height:150px;
background: url(img_tomas/ancho_pergamino_d2_GR.jpg) no-repeat;
}



.fondo_color_5:hover { 
height:116px;
background: url(img_tomas/ancho_pergamino_e2.jpg) no-repeat;
}

.fondo_color_5_peq:hover { 
height:80px;
background: url(img_tomas/ancho_pergamino_e2_peq.jpg) no-repeat;
}

.fondo_color_5_peq_medio:hover { 
height:100px;
background: url(img_tomas/ancho_pergamino_e2_peq_medio.jpg) no-repeat;
}

.fondo_color_5_GR:hover { 
height:132px;
background: url(img_tomas/ancho_pergamino_e2_GR.jpg) no-repeat;
}

.fondo_color_5_GR_medio:hover { 
height:120px;
background: url(img_tomas/ancho_pergamino_e2_GR_medio.jpg) no-repeat;
}

.fondo_color_5_GR_2:hover { 
height:170px;
background: url(img_tomas/ancho_pergamino_e2_GR_2.jpg) no-repeat;
}



.fondo_color_6:hover { 
height:120px;
background: url(img_tomas/ancho_pergamino_f2.jpg) no-repeat;
}


.fondo_color_6_peq_medio:hover { 
height:100px;
background: url(img_tomas/ancho_pergamino_f2_peq_medio.jpg) no-repeat;
}

.fondo_color_6_peq:hover { 
height:80px;
background: url(img_tomas/ancho_pergamino_f2_peq.jpg) no-repeat;
}




#pestanas {
position:absolute;
margin:0; padding:0; 
top:188px;
left:252px;
width:632px;
height:22px;
font: normal 9pt Arial, Verdana;
z-index:95;
}


#pestanas-2 {
position:absolute;
margin:0; padding:0; 
top:1410px;
left:262px;
width:632px;
height:22px;
font: normal 9pt Arial, Verdana;
z-index:95;
}



.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:#d8dcbb;
}




.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:#E0F8E0;
}






.Bolivar {
left:0;
}


.Sanmartin {
left:79px;
}

.Sucre {
left:158px;
}

.Ohiggins {
left:237px;
}

.Morelos {
left:316px;
}

.Hidalgo {
left:395px;
}

.Josefa {
left:474px;
}

.Marti {
left:553px;
}

/* aqui los divs cajas para el fondo_txt */

#pestanas_txt {
position:absolute;
margin:0; padding:0; 
top:182px;
left:22px;
width:632px;
height:3000px;
font: normal 9pt Arial, Verdana;
z-index:95;
}

.Bolivar_txt, .Sanmartin_txt, .Sucre_txt, .Ohiggins_txt, .Morelos_txt, 
.Hidalgo_txt, .Josefa_txt, .Marti_txt {
position:absolute;
width:100px;
height:450px;
text-align:center;
background: url(img_tomas/ancho_cabeceros_3.jpg) no-repeat;
z-index:98;
}



.Bolivar_txt { 
left:0;
}


.Sanmartin_txt { 
left:104px;
}

.Sucre_txt { 
left:208px;
}

.Ohiggins_txt { 
left:312px;
}

.Morelos_txt { 
left:414px;
}

.Hidalgo_txt { 
left:518px;
}

.Josefa_txt { 
left:622px;
}

.Marti_txt { 
left:726px;
}
		


#cuerpo { 
position:absolute;
top:205px; left:40px;
width:850px;
z-index:99;
}


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


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

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

#HW_logo {
position:absolute;
top:3900px; 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:3933px; left:274px;
width:200px; height:20px;
z-index:98;
}


/* enlaces */


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

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

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

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




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

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

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

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


/* 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 pestaņas */

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

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

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

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


p { 
line-height: 12px;
margin: 0; 
}

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

strong {
font: bold 9pt Georgia;
color:#b62931;
}


strong.destaca {
font: bold 9pt Arial;
color:#b62931;
}


strong.destac_peq {
font: bold 8pt Arial;
color:#b62931;
}


.nace {
font: bold 8pt Arial;
color:#b62931;
}

.historia {
font: bold 10pt Arial;
color:#fff;
background:#bea7f5;
}

.lugares {
font: bold 8pt Arial;
color:#fff;
background:#b5d836;
}


.pucela {
font: bold 7pt Arial;
color:#b62931;
background:#b5d836;
}


.tit_hist {
font: bold 7pt Arial;
color:#fff;
background:#bea7f5;
}



.titulos {
font: bold 10pt Arial;
color:#b62931;
}

/* 
.cronic {
font: bold 7pt Arial;
color:#945303;
} 
*/


h1 { 
margin:4px;
width:94%;
font: 900 15pt Arial, Arial;
/* 
border-top:2px solid #b62931;
border-right:1px solid #b62931;
border-bottom:none;
border-left:1px solid #b62931; 
*/
color:#b62931;
}

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


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

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


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

.Inicial { 
font: bold 22pt Arial, Verdana;
color:#3c6339;
}

.Inicial_GR { 
font: bold 28pt Arial, Verdana;
color:#3c6339;
}