body {
 background-color:#FFAA2B;
}

.textBody {
 font-size: 90%; 
 margin-left: 2em; margin-right: 2em; text-align: left;
}

#topecken { margin-left:0em; margin-top :0em; padding:0em; position:relative; background-position: right;  background-repeat:  repeat-y;}
#topecken img { position:absolute; }
#topecken img.eck1 { top:0; left:0; }
#topecken img.eck2 { top:0; right:0; }
#topecken img.eck3 { top:0; left:0; }
#topecken img.eck4 { top:0; right:0; }
#topecken img.eck5 { top:0; left: 8.3em; }

#ecken { width:30.57em; background:rgb(207,255,192); margin-left:2em; margin-top :0em; padding:2em; position:relative; background-position: right;  background-repeat:  repeat-y;}
#ecken img { position:absolute; }
#ecken img.eck1 { top:0; left:0; }
#ecken img.eck2 { top:0; right:0; }
#ecken img.eck3 { bottom:0; left:0; }
#ecken img.eck4 { bottom:0; right:0; }

#headerecken { width:18em; height:0.1em; padding:0.2em; position:relative; background-repeat:  no-repeat;}
#headerecken img { position:absolute; }
#headerecken img.eck1 { top:0; left:0; }
#headerecken img.eck2 { top:0; right:0; }
#headerecken img.eck3 { bottom:0; left:0; }
#headerecken img.eck4 { bottom:0; right:0; }

#offerecken { width:5.4em; margin-left:0em; margin-top :0.2em; margin-bottom:0.0em; margin-right :0em; padding:0.6em; position:relative; background-repeat:  no-repeat;}
#offerecken img { position:absolute; }
#offerecken img.eck1 { top:0; left:0; }
#offerecken img.eck2 { top:0; right:0; }
#offerecken img.eck3 { bottom:0; left:0; }
#offerecken img.eck4 { bottom:0; right:0; }

#photoecken { width:13.2em; margin-left:0em; margin-top :0.0em; margin-bottom:0.0em; margin-right :0em; padding:0em; position:relative; background-repeat:  no-repeat;}
#photoecken img { position:absolute; }
#photoecken img.eck1 { top:0; left:0; }
#photoecken img.eck2 { top:0; right:0; }
#photoecken img.eck3 { bottom:0; left:0; }
#photoecken img.eck4 { bottom:0; right:0; }


.header {
 text-align: center; 
 height: 1px; 
 width: 100%; 
 color: white; 
 font-weight: bold; 
 line-height: bold; 
 font-family: verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
}

#home .header {
 color: black; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #FFBC59;
}

#news .header{
 color: #fafafa; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color:rgb(77, 125, 194);
}

#online .header{
 color: #fafafa; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color:rgb(77, 125, 194);
}

#escuela .header {
 color: black; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #FFBC59;
}

#edificio .header {
 color: black; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #FFBC59;
}

#profesores .header {
 color: black; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #FFBC59;
}

#cursos .header {
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #749696;
}

#alojamientos .header {
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #776;
}

#actividades .header {
 color: black; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #BAD2D2;
}

#precios .header {
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background:rgb(77, 125, 194);
}

#gruposProgram .header {
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #749696;
}

#inscripcion .header {
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: rgb(77, 125, 194);
}

#faq .header {
 color: black; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #C0C0C0;
}

#estudiantes .header {
 color: black; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #C0C0C0;
}

#pregunta .header {
 color: black; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #C0C0C0;
}
H2    { font-size: 120%; }
FORM  { width: 30em;}

.usermode_header {
 position: absolute; 
 left: 50px; 
 top: -1000px;
}


div.home {
 color: black; 
 background-color:rgb(77, 125, 194);
}

div.contactos {
 color: black; 
 background-color:rgb(77, 125, 194);
}

div.news {
 color: #fafafa; 
 background-color:rgb(77, 125, 194);
}

div.escuela {
 background-color:rgb(77, 125, 194);
}

div.online {
 color: black; 
 background-color:rgb(77, 125, 194);
}

div.edificio{
 background-color:rgb(180,190, 255);
}

div.profesores{
 background-color:rgb(180,190, 255);
}

div. cursos{
 color: black;
 background-color:rgb(77, 125, 194);
}

div.alojamientos{
 background-color:rgb(77, 125, 194);
}

div.actividades {
 background-color:rgb(77, 125, 194);
}
 
div.precios {
 color: black;
 background-color:rgb(77, 125, 194);
}

div.gruposProgram {
 background-color:rgb(77, 125, 194);
}

div.cursos{
 background-color:rgb(77, 125, 194);
}

div.inscripcion {
 background-color: rgb(77, 125, 194);
}

div.faq {
 background-color: #C0C0C0;
}

div.estudiantes {
 background-color: #C0C0C0;
}

div.pregunta {
 background-color: #C0C0C0;
}

H2    { font-size: 120%; }
FORM  { width: 30em;     }

.usermode_header {
 position: absolute; 
 left: 50px; 
 top: -1000px;
}


font { color: black; font-style: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none }
a { color: blue; font-style: normal; font-weight: normal; font-size: 10pt; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none }
a visited { color: gray; font-style: normal; font-weight: normal; font-size: 10pt; font-family: verdana, arial, helvetica, sans-serif; }
.titel { color: white; font-style: normal; font-size: 14pt; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; text-transform: capitalize }
.smallTitel { color: black; font-style: normal; font-size: 13pt; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; text-transform: capitalize }
.small { color: black; font-style: normal; font-weight: bold; font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none }
.white { color: #fafafa; font-style: normal; font-weight: normal; font-size: 0.7em; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none }
.barClear { color: #fafafa; font-style: normal; font-weight: bold; font-size: 1em; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none }
.barDark { color: black; font-style: normal; font-weight: normal; font-size: 1em; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none }
.xs { color: black; font-style: normal; font-weight: normal; font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif }table { font-family: "some other family"; }
.texto {color: #CA4605; font-weight: bold; font-size: 12pt; line-height: normal; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none }

.browntexto {
 text-align: center; 
 height: 1px; 
 width: 100%; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #776;
 color: white; 
 font-weight: bold; 
 font-size: 12pt; 
 line-height: normal; 
 font-family: verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
}

.greentexto {
 text-align: center; 
 height: 1px; 
 width: 100%; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #749696;
 color: white; 
 font-weight: bold; 
 font-size: 12pt; 
 line-height: normal; 
 font-family: verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
}

.softtexto {
 text-align: center; 
 height: 1px; 
 width: 100%; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #BAD2D2;
 color: black; 
 font-weight: bold; 
 font-size: 12pt; 
 line-height: normal; 
 font-family: verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
}

.lightgraytexto {
 text-align: center; 
 height: 1px; 
 width: 100%; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #C0C0C0;
 color: black; 
 font-weight: bold; 
 font-size: 12pt; 
 line-height: normal; 
 font-family: verdana, arial, helvetica, sans-serif; 
 text-decoration: none;; 
}

.lightbrowntexto {
 text-align: center; 
 height: 1px; 
 width: 100%; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #666;
 color: white; 
 font-weight: bold; 
 font-size: 12pt; 
 line-height: normal; 
 font-family: verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
}

.orangetexto {
 text-align: center; 
 height: 1px; 
 width: 100%; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: #FFBC59;
 color: black; 
 font-weight: bold; 
 font-size: 12pt; 
 line-height: normal; 
 font-family: verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
}

.bluetexto {
 text-align: center; 
 height: 1px; 
 width: 100%; 
 background-repeat:  repeat-x; background-position: left top; vertical-align: top;
 background-color: rgb(77, 125, 194);
 color: white; 
 font-weight: bold; 
 font-size: 12pt; 
 line-height: normal; 
 font-family: verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
}