body {

font-family: Bodoni, Garamond, serif;

background-color: #ffffff;

font-size: 11pt;

margin-left: 0px;

margin-right: 0px;

padding-left: 0px;

}

h5 {
font-size: 8pt;
}

a {

text-decoration: none;

}



a:hover {

color: #ff0000;

}



#fecha {

position: absolute;

left: 325px;

top: 115px;

font-size: .8em;

font-weight: bold;

color: #0000f6;

z-index: 3;

}



#webHead {

position: absolute;

top: 0px;

left: 10px;

}



#webHead2 {

position: absolute;

top: 3px;

left: 320px;

color: #0000f6;

font-size: 1.1em;

font-weight: bold;

}

#logo_escuela {
position: absolute;
top: 0px;
left: 616px;

}

#calendario {
position: absolute;
top: 315px;
left: 10px;
border: 2px outset;
background-color: #d8d8d8;
}

#calendario a {
font-size: 9pt;
}

#resumen {
visibility: hidden;
}

#titulo {
margin-top: -10px;
font-size: 1.1em;

font-weight: bold;

color: #000084;

}



#slogan {

font-weight: bold;
margin-bottom: 20px;
color: #000084;

}



#cabeza {

background-color: #fefae0;

}



#cuerpo {

position: absolute;

top: 186px;

left: 0px;

margin-left: 0px;

margin-right: 0px;

padding-left: 0px;

width: 100%;

}

.cita {
margin-left: 10px;
margin-right: 10px;
margin-top: 8px;
margin-bottom: 8px;
border: 1px;
border-style: dashed;
background-color: #fffdcc;
padding: 4px 4px 4px 4px;
font-family: Garamond;
font-size: 11pt;
}


#tronco {

position: absolute;

top: 10px;

left: 130px;

width: 600px;

margin-left: 20px;

}



.subtitulo  {
font-weight: bold;
}



#mainmenu {

position: absolute;

left: 10px;

top: 130px;

text-align: center;

background-color: #feeab6;

border: 2px outset;

width: 600px;

}



#mainmenu table {

border: 0px;

width: 100%;

}



#mainmenu table a {

font-weight: bold;

font-size: .8em;

}



td {

text-align: center;

padding-left: 4px;

padding-right: 2px;

padding-top: 0px;

padding-bottom: 0px;

}



#brazo1 {

position: absolute;

top: 224px;

left: 0px;

font-weight: bold;

width: 140px;

text-align: right;

font-size: .9em;

}



#brazo1, menu, menu li, #semanticweb, #lastmod {

margin-left: 0px;

padding-left: 0px;

}



menu li {

list-style-type: none;

}



#lastmod {

font-size: .9em;

position: absolute;

top: 150px;
left: 0px;
width: 100px;

text-align: center;

color:  #3e4044;

}



.segmentos {
position: absolute;
top: 0px;
left: 0px;
width: 600px;
z-index: 10;
font-family: Arial;
font-size: 9pt;
height: 300px;
overflow: auto;
}


#segmento1 {
visibility: visible;
}

#segmento2, #segmento3, #segmento4, #segmento5, #segmento6, #segmento7, #segmento8 {
visibility: hidden;
}

.inside {
width: 100%;
height: 235px;;
overflow: auto; 
border: 1px inset;
background-color: #fcf1c5;
}

.masinside {
width: 97%;
}

.texto {

margin-top: 10px;

width: 560px;

text-align: justify;

padding-left: 6px;
}



#semanticweb {

font-size: .8em;

position: relative;

top: 144px;

font-weight: bold;

color: #808080;

text-align: center;

width: 120px;

}



#admin {

position: absolute;

top: 0px;

right: 0px;

color: #ffffff;

}



#admin a, #admin a:visited {

color: #ffffff;

}



#pecho {

position: relative;
bottom: 20px;

}



#abdomen {

position: relative;

top: -10px;

margin-top: 20px;

width: 580px;


}

.segdisplay {

position: absolute;

top: -30px;

left: 495px;

}



em {

color: #ff0000;

}



p {

margin-top: 0px;

padding-top: 2px;

margin-bottom: 4px;

}



p:first-letter {

font-size: 200%; 

font-weight: bold;

font-family: Georgia, Rock, serif;  

}



.marco {

background-color: #fff4df;

border: 1px inset;

margin-right: 0px;

padding-right: 0px;

padding-left: 2px;

width: 98%;

}



.cols {

position: relative;

width: 100%;

}



.col1, .col2 {

width: 49%;

}



.col1 {

position: absolute;

left: 0px;

top: 10px;

}



.col2 { 

position: absolute;

left: 240px;

top: 10px;

}



.articulos {

position: absolute;

top: 0px;

left: 495px;

width: 210px;

height: 100px;

overflow: auto;

background-color: #fff4df;

padding-left: 2px;

margin-left: 0px;

border: 1px inset;

}



.articulos * {

margin-left: 0px;

padding-left: 2px;

}



dir li {

list-style-type: none;

}



.texto ul, .texto ol {

margin-top: 0px;

margin-bottom: 0px;

position: relative;

top: -12px;

}



#correo {

position: absolute;

top: 20px;

left: 640px;

}



hr {

width: 95%;

height: 6px;

color: #deb961;

border: 1px outset;

}



.videoclip {

position: relative;

top: 28px;

font-size= .9em;

padding-left: 6px;

padding-top: 6px;

padding-right: 6px;

padding-bottom: 6px;

border: 2px outset;

background-color: #ced8e1;

}

.piedeseccion {
position: absolute;
top: 450px;
left: 38%;
font-size: .8em;
font-weight: bold;
text-align: center;
color: #0000ae;
padding: 2px;
border: 1px solid;
background-color: #d0d5e8;
}

i {

font-size: 1.1em;

}