* {
padding: 0;
margin: 0;
}

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

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

#izq_A, #izq_B {
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; 
}

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

#ind_tit {  
position:absolute;
top:240px;left:40px;
width:190px;height:60px;
}

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

/* aqui van los tres divs con los fondos de cada pag */

#der_A { 
position:absolute;
left:240px;
top:0;
width:670px; height:1116px;
background: url(img_tomas/hoja_A.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:200px;
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:#cac5b2;
}



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



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

#indice_kronos {
background-color:#cac5b2;
}


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

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


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

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

/* ------------------------------ */

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

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

/* aqui acaban los tres divs con los fondos de cada pag */

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

#amplia_B {
position:absolute;
top:560px; left:260px;
width:130px; height:20px;
color:#7071b8;
}

#amplia_B:hover {
position:absolute;
top:250px; left:255px;
width:216px; height:325px;
color: #847f7b;
background: url(img_tomas/gener_GR.jpg) no-repeat; 
z-index:95;
}

#amplia_C {
position:absolute;
top:380px; left:800px;
width:130px; height:20px;
color:#7071b8;
z-index:99;
}

#amplia_D {
position:absolute;
top:872px; left:260px;
width:130px; height:20px;
color:#7071b8;
z-index:99;
}

#amplia_D:hover {
position:absolute;
top:615px; left:255px;
width:270px; height:462px;
color:#3c78f0;
background: url(img_tomas/busto_GR.jpg) no-repeat; 
z-index:99;
}

#amplia_E {
position:absolute;
top:2585px; left:270px;
width:130px; height:20px;
color:#7071b8;
z-index:99;
}

#amplia_E:hover {
position:absolute;
top:2460px; left:255px;
width:300px; height:199px;
color:#000;
background: url(img_tomas/placa.jpg) no-repeat; 
z-index:99;
}

#busto_pie {
position:absolute;
top:900px; left:260px;
width:140px; height:60px;
border-top: 1px solid #a29b7e; 
}

#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: #8C7846;
z-index:60;
}

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

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

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

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

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

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

#css_valid {
position:absolute;
top:2870px; left:255px;
width:55px; height:20px;
}

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

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

/* caja abajo */

#caja_final_2 {
position:absolute;
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:0;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: #945303;}

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

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


/* 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;
font: normal 10pt Georgia, Verdana;
}

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



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_C:link {
text-decoration: none;
color: #8A0808;
}

a.estil_C:visited {
text-decoration: none;
color: #8A0808;
}

a.estil_C:hover {
text-decoration: underline;
font-size:1.2em;
color: #8C7846;
}

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

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

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

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

.cursiva {
font: 500 italic 10pt  Georgia, Verdana;
color:#535371;
}

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

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


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

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