body {

font-family: Verdana, Arial, sans-serif;

font-size: 8pt;

margin-left: 0px;

margin-right: 0px;

padding-left: 0px;

background-color: #ffb871;

}



a {

text-decoration: none;

}



a:hover {

color: #ff0000;

}



#fecha {

position: absolute;

left: 260px;

top: 115px;

font-size: .9em;

font-weight: bold;

color: #ffff59;

z-index: 3;

}



#webHead {

position: absolute;

top: 0px;

left: 10px;

border: 2px inset;

z-index: 1;

}



#webHead2 {

position: absolute;

top: 6px;

left: 45px;

z-index: 50;

border: 2px solid;

}

#webHead3 {

position: absolute;

top: 6px;

left: 45px;

z-index: 10;

}

#logo_escuela {
position: absolute;
top: 0px;
left: 720px;
border: 2px outset;
padding-bottom: 0px;
margin-bottom: 0px;
}

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

#resumen {
visibility: hidden;
}

#titulo {

font-size: 1.3em;

font-weight: bold;

color: #603320;
}



#slogan {

font-weight: bold;

color: #603320;

font-size: 1.1em;

}



#cabeza {

background-color: #fefae0;

}



#cuerpo {

position: absolute;

top: 170px;

left: 0px;

margin-left: 0px;

margin-right: 0px;

padding-left: 0px;

width: 100%;

}



#tronco {

position: absolute;

top: 0px;

left: 130px;

width: 556px;

margin-left: 20px;

}

#maindisplay {
position: absolute;
top: 210px;
left: 716px;
z-index: 33;
border: 2px inset;
}

.subtitulo  {

font-weight: bold;

width: 90%;

}

#mainmenu {

position: absolute;

left: 10px;

top: 130px;

text-align: center;

background-color: #fadb92;

border: 2px ridge;

width: 700px;

}

#mainmenu table {

border: 0px;

width: 100%;

}



#mainmenu table a {

font-weight: bold;

font-size: .8em;

font-family: garamond, serif;

}



td {

text-align: center;

padding-left: 4px;

padding-right: 2px;

padding-top: 0px;

padding-bottom: 0px;

}



#brazo1 {

position: absolute;

top: 260px;

left: 0px;

font-weight: bold;

width: 140px;

text-align: right;

font-size: .9em;

}

#brazo1 img {
position: relative;
top: 3px;
}

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

margin-left: 0px;

padding-left: 0px;

}

.postscript {
position: relative;
top: 40px;
left: 75px;
}

menu li {

list-style-type: none;

}



#lastmod {

font-size: .9em;

position: relative;

top: 20px;

text-align: center;

color:  #3e4044;

}



.segmentos {

position: absolute; 

top: 40px;

left: 6px;

width: 100%;

z-index: 10;

border: 2px ridge;

background-color: #fadb92;

}

.wrapper {
height: 280px;
overflow: auto;
}

#segmento1 {

visibility: visible;

}



#segmento2, #segmento3, #segmento4, #segmento5, #segmento6, #segmento7, #segmento8, #segmento9, #segmento10, #segmento11, #segmento12, #segmento13, #segmento14, #segmento15 {

visibility: hidden;

}

.texto {

margin-top: 10px;

width: 97%;

text-align: justify;

padding-left: 8px;

}



#semanticweb {

font-size: .8em;

position: relative;

top: 130px;

font-weight: bold;

color: #3e4044;

text-align: center;

width: 120px;

}

#counter {
position: relative;
top: -60px;

#admin {

position: absolute;

top: 0px;

left: 0px;

}



#admin a, #admin a:visited {

color: #ffb871;

}



#pecho {

position: relative;

}



#abdomen {

margin-top: 20px;

width: 100%;

}



.segdisplay {

border: 2px inset;

float: right;

}



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: -10px;

left: 435px;

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;

}



#correo {

position: absolute;

top: 170px;

left: 10px;

}



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;

}

i {

font-size: 1.1em;

}

.out_menu {
position: absolute;
bottom: 50px;
left: 12px;
}

.out_menu table a {
font-size: 10px;
}