@charset "UTF-8";

form, fieldset {
  margin: 0;
  border-style: none;
  padding: 0;
}

#content {
  margin-bottom: 1em;
  margin-left: 20.5em;
  color: black;
  font-size: 1em;
}

#content div.side-t {
  margin: 1em;
  background: #d7d7d7 url("../image/cst2.gif") repeat-x center top;
  color: black;
}

#content div.side-r {
  background: transparent url("../image/csr2.gif") repeat-y right center;
  color: black;
}

#content div.side-b {
  background: transparent url("../image/csb2.gif") repeat-x center bottom;
  color: black;
}

#content div.side-l {
  background: transparent url("../image/csl2.gif") repeat-y left center;
  color: black;
}

#content div.corner-rt {
  background: transparent url("../image/ccrt2.gif") no-repeat right top;
  color: black;
}

#content div.corner-rb {
  background: transparent url("../image/ccrb2.gif") no-repeat right bottom;
  color: black;
}

#content div.corner-lb {
  background: transparent url("../image/cclb2.gif") no-repeat left bottom;
  color: black;
}

#content div.corner-lt {
  padding: .5em 4em;
  background: transparent url("../image/cclt2.gif") no-repeat left top;
  color: black;
}

#content h2 {
  margin: 0 -2.4em;
  border-bottom: .14em groove #d7d7d7;
  padding: .2em 0 .3em 2.4em;
  background: transparent url("../image/arrow.gif") no-repeat .6em center;
  color: #4a611c;
  font-size: 1.6em;
  font-weight: bold;
}

#content div.block-plus h2 {
  padding: .5em 0 .5em 2.4em;
  border-top: .14em groove #d7d7d7;
  text-transform: uppercase;
}

#content div.section-active {
  margin: .6em 0;
  color: #4a611c;
}

#content div.section-active a {
  color: black;
  text-transform: uppercase;
  text-decoration: none;
}

#content div.separator {
  margin: 1em -3.8em;
  border-top: .2em groove #d7d7d7;
  padding: 0;
}

#content form, #content fieldset {
  margin: 0;
  border-style: none;
  padding: 0;
}

#content div.audio {
  float: right;
  padding: .7em 0;
}

#content div.audio a {
  padding-left: 1.8em;
  background: transparent url("../image/audio2.gif") no-repeat left center;
  color: black;
  font-size: .8em;
  text-decoration: none;
}

#content div.clear {
  clear: left;
}

/******************************************************************************
* Actividades
******************************************************************************/

#activities div.corner-lt {
  padding: .5em 1.5em;
}

#activities h2 {
  margin: 0 -.85em;
}

#activities div.game {
  float: left;
  margin: 1em;
  width: 45%;
}

#activities div.game img {
  float: left;
}

#activities div.game div {
  margin-left: 11em;
  height: 12em;
}

#activities div.game h3 {
  margin: 0;
  padding: 0;
  color: black;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
}

#activities div.game p {
  margin: .5em 0;
  padding: 0;
  color: black;
  font-size: 1em;
}

#activities div.game p.link a {
  color: black;
  font-size: .9em;
  text-decoration: none;
}

/******************************************************************************
* Misión: Viaje fin de curso
******************************************************************************/
#travel div.breadcrumbs {
  margin: 1em 0;
}

#travel div.breadcrumbs a {
  margin-right: 2em;
}

#travel div.breadcrumbs img {
  padding: .5em;
  border: .1em solid #d7d7d7;
}

#travel div.breadcrumbs a.active img {
  border: .1em solid black;
}

#travel #options {
  height: 30em;
}

#travel div.option {
  float: left;
  margin: 0em;
  width: 15em;
  padding:0;
  margin:0;

}

#travel div.cab {
  margin: 0;
  padding: .5em;
  height: 2em;
  background: transparent url("../image/travel/fondo-opcion-t.jpg") no-repeat center bottom;
}

#travel h4 {
  margin-top: .5em;
  margin-left: 1.5em;
}

#travel div.central {
  padding: .6em 1.6em;
  margin: 0;
  height: 18em;
  background: transparent url("../image/travel/fondo-opcion-m.jpg") repeat-y center top;
}

#travel form.submit {
  text-align:right;
  padding:1em 2em 0 0;
  margin:0;
  background: transparent url("../image/travel/fondo-opcion-m.jpg") repeat-y center top;
}

#travel form.submit input {
  border-style: none;
  padding: .2em;
  background-color: #F8752F;
  color: black;
  text-transform: uppercase;
  font: bold 8pt "Trebuchet", "Verdana", sans-serif;
}

#travel div.pie {
  height:2em;
  padding:0;
  margin:0;
  background: transparent url("../image/travel/fondo-opcion-b.jpg") no-repeat center top;
}

#travel p.nav {
  text-align: right;
}

#travel p.nav a {
  text-decoration: none;
  color: black;
}

#travel form div {
  margin: 1em 0;
}

#travel div.submit2{
  text-align:right;
  }

#travel div.submit2 input {
  border-style: none;
  padding: .2em 0;
  text-align:center;
  background-color: #F8752F;
  color: black;
  text-transform: uppercase;
  font: bold 8pt "Trebuchet", "Verdana", sans-serif;
  }

#travel div.line #answer{
  width:57.5%;
  }
#travel div.line #why{
  width:80%;
  height:10em;
  }

#travel div.line label{
  margin-right:2em;
  }
#travel div.line label.why{
  vertical-align:top;
  }
#travel input,#travel textarea{
  border: .1em solid  #F8752F;
  }

div.abstract {
  margin-bottom: 3em;
  text-align: left;
}

#travel #print {
  cursor: pointer;
  text-align: right;
  color: black;
  text-transform: uppercase;
}

#travel #print span {
  cursor: pointer;
  border-style: none;
  padding: .2em .5em;
  background-color: #F8752F;
}

/******************************************************************************
* Noticias
******************************************************************************/

#content-news div.selection {
  margin: .5em -3.9em;
  padding-top: .5em;
  padding-bottom: 1em;
  padding-left: 3.9em;
  border-bottom: .1em groove #ccc;
  color: #4a611c;
  text-transform: uppercase;
}

#content-news div.selection select, #content-news div.selection input {
  margin: 0 1em;
  border: .1em solid #4a611c;
  color: #4fa800;
  font-size: .8em;
}

#content-news div.selection select {
  margin-right: 10em;
}

#content-news div.selection #text {
  width: 40%;
}

#content-news div.selection input.submit {
  border-style: none;
  padding: .2em;
  background-color: #4fa800;
  color: white;
  font-size: .8em;
  text-transform: uppercase;
}

#content-news h3 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 1.4em;
  font-weight: normal;
}

#content-news p {
  margin-top: 0;
  padding-top: 0;
}

#content-news a {
  color: black;
  text-decoration: none;
}

#content-news a.link {
  font-weight: bold;
}

#content-news div.pages {
  margin: .5em -3.9em;
  padding: .8em 0 .5em 3.9em;
  border-top: .1em groove #ccc;
}

#content-news div.date {
  margin: 1em 0;
}

#content-news div.news-img {
  float: right;
}

#content-news div.news-txt {
  margin: 1em 0;
  margin-right: 16em;
}


#content-news div.option {
  margin: .5em -3.9em;
  border-top: .1em groove #ccc;
  padding: 1em 0;
  text-align: center;
}

#content-news div.option img {
  vertical-align: middle;
}

#content-news div.option a {
  color: #4fa800;
}

#content-news div.option a.print {
  padding: 0 5%;
}

#content-news div.clear-right {
  clear: right;
}


/******************************************************************************
* Contacto
******************************************************************************/

#content-contact h2 {
  margin-bottom: .5em;
}

#content-contact h3 {
  display: inline;
  margin: 0 -.4em;
  padding: .1em .4em;
  background-color: #7a7978;
  color: white;
  text-transform: uppercase;
}

#content-contact p.contact {
  margin: .8em;
}

#content-contact div.answer {
  border: .2em ridge #d7d7d7;
  padding: .5em;
}

#content-contact div.answer p {
  margin: .5em;
}

#content-contact form {
  text-align: right;
}

#content-contact form p {
  margin: 1em 0;
}

#content-contact form p span {
  float: left;
  display: block;
  width: 16.6%;
  min-width: 9.4em;
  text-align: left;
}

#content-contact form p.name input {
  margin-right: 4%;
}

#content-contact p.name input, #content-contact p.turtle input, #content-contact textarea {
  float: left;
  border: .1em solid #4f8b0d;
}

#content-contact div.group {
  margin: 2.5em 0;
}

#content-contact div.new-line1 {
  height: 1.4em;
}

#content-contact div.new-line2 {
  height: 6.2em;
}


#content-contact form p.name input, #content-contact form p.turtle input {
  width: 30.6%;
}

#content-contact form p textarea {
  width: 82%;
  height: 6em;
}

#content-contact p.submit {
  width: 99%;
}

#content-contact p.submit input {
  border-style: none;
  padding: .2em;
  background-color: #4fa800;
  color: white;
  font-size: .8em;
  text-transform: uppercase;
}

/******************************************************************************
* Profesorado
******************************************************************************/
#teaching a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}


#teaching-list h3, #teaching-search h3 {
  margin: .4em 0;
  padding: 0;
  text-transform: uppercase;
}

#teaching-list div.file-list img {
  vertical-align: middle;
}

#teaching-list div.file-list div {
  margin: 0;
  padding: 0;
}

#teaching-list div.file-list span, #teaching-list div.file-list a {
  padding: 0 1em;
}

#teaching-list div.file-list a {
  color: black;
  text-decoration: none;
}

#teaching-search form, #teaching-search div.list {
  margin: 1em 0;
}

#teaching-search form {
  text-align: right;
}

#teaching-search form div {
  margin: 1em 0;
}

#teaching-search form label {
  padding-left: 1em;
}

#teaching-search form input, #teaching-search form select, #teaching-search form textarea {
  margin: 0;
  border: .1em solid #4a611c;
  color: #4fa800;
  font-size: .8em;
}

#teaching-search form img {
  vertical-align: middle;
}

#teaching-search form p.submit input {
  border-style: none;
  padding: .2em;
  background-color: #4fa800;
  color: white;
  font-size: .8em;
  text-transform: uppercase;
}

#teaching-search th {
  margin: 0;
  padding: .2em 0;
  padding-right: 1em;
  text-transform: uppercase;
  border-bottom: .2em solid #ccc;
  text-align: left;
  font-size: .8em;
}

#teaching-search td {
  margin: 0;
  padding: 0;
  padding-right: 1em;
  border-bottom: .2em dotted #ccc;
  font-size: .7em;
}

#teaching-search td img {
  vertical-align: middle;
}

#teaching-search td.action {
  width: 10em;
}

#teaching-search div.pages {
  margin: .5em -3.9em;
  padding: .8em 0 .5em 3.9em;
  border-top: .1em groove #ccc;
}

#teaching-search div.pages a {
  color: black;
  text-decoration: none;
}

/******************************************************************************
* Guía de recursos
******************************************************************************/

#resources h2 {
  margin-bottom: .5em;
}

#resources h3 {
  display: inline;
  margin: 0 -.4em;
  padding: .1em .4em .1em 1em;
  background: black url("../image/resources/black-arrow.jpg") no-repeat left center;
  color: white;
  font-size: 1.4em;
  text-transform: uppercase;
}

#resources h3 a {
  color: white;
  text-decoration: none;
}

#resources ul {
  margin: 1em 0;
  padding: 0;
  list-style: none;
}

#resources li {
  display: inline;
  margin-right: 2em;
}

#resources li a {
  color: black;
  border-bottom: .2em solid white;
}

#resources h4 {
  display: inline;
  margin: 0 -.4em;
  padding: .1em .4em .1em 1.4em;
  background-color: #7a7978;
  background: #7a7978 url("../image/resources/grey-arrow.jpg") no-repeat left center;
  color: white;
  font-size: 1.2em;
  text-transform: uppercase;
}

#resources p.contact {
  margin: .8em;
}

#resources div.subseparator {
  margin: 1em 0;
  border-top: .2em dotted #999;
  padding: 0;
}


#resources a {
  color: black;
  text-decoration: none;
  font-weight: bold;
}


#resources div.resource-block a {
  border-bottom: .2em solid white;
}

#resources h5 {
  margin-bottom: 0;
  font-size: 1em;
}

div.date {
  margin: .5em 0;
  color: #4fa800;
}

#resources div.pages {
  margin: .5em -3.9em;
  padding-top: .8em;
  padding-bottom: .5em;
  padding-left: 3.9em;
  border-top: .1em groove #ccc;
}

#resources div.pages a {
  margin-right: 1em;
  color: black;
  text-transform: lowercase;
  text-decoration: none;
}

/******************************************************************************
* Inscripciones
******************************************************************************/
#inscription h3 {
  margin: .4em 0;
  padding: 0;
  text-transform: uppercase;
}

#inscription div.option {
  float: left;
  padding: 3em .5em;
  width: 31%;
  text-align: center;
  height: 14em;
}

#inscription div.option-block {
  margin: auto 1em;
  padding: 0;
  padding-top: 20em;
  padding-bottom: 2em;
  text-align: center;
}

#inscription div.link {
  text-align: center;
}

#inscription div.link div.corner-rta {
  margin: auto;
  background: #0093bd url("../image/inscription/inrt.jpg") no-repeat right top;
  color: black;
  width: 34em;
}

#inscription div.link div.corner-rba {
  background: transparent url("../image/inscription/inrb.jpg") no-repeat right bottom;
  color: black;
}

#inscription div.link div.corner-lba {
  background: transparent url("../image/inscription/inlb.jpg") no-repeat left bottom;
  color: black;
}

#inscription div.link div.corner-lta {
  padding: .5em;
  background: transparent url("../image/inscription/inlt.jpg") no-repeat left top;
  color: black;
}

#inscription div.link  a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

#inscription div.link-separator {
  margin: 1em;
}

#inscription div.form-error {
  margin: 1em;
  border: .2em ridge #d7d7d7;
  padding: .3em 3em;
}


#inscription form h3 {
  padding: .5em 0;
}

#inscription form h3 img {
  vertical-align: middle;
  margin-right: 1em;
}

#inscription form div.line {
  margin: 1em 0;
}

#inscription form label {
  margin-right: .5em;
}

#inscription form input, #inscription form select {
  margin-right: 2em;
}

#inscription form label.textarea {
  vertical-align: top;
}


#inscription select, #inscription input, #inscription textarea {
  margin: 0 1em;
  border: .1em solid #4a611c;
  color: #4fa800;
  font-size: .8em;
}

#inscription input.readonly {
  background-color: #e6e6e6;

}

#inscription input#direction_form {
  width:44%;
  background-color: #e6e6e6;
}

#inscription div.line span.izq-separador{
  padding:0em 1em 0em 3.5%;
}

#inscription #turtle {
  width:39%;
}

#inscription #name, #inscription #surname1, #inscription #surname2 {
  width:13%;
}

#inscription textarea {
  width:62.5%;
}

#inscription p.submit {
  text-align: right;
}

#inscription p.submit input, #inscription span.submit input {
  border-style: none;
  padding: .2em;
  background-color: #4fa800;
  color: white;
  font-size: .8em;
  text-transform: uppercase;
}

/******************************************************************************
* Inscripciones alumnado
******************************************************************************/
#student-inscription div.group {
  margin: 1em 0;
}

#student-inscription h3 {
  margin: .4em 0;
  padding: 0;
  text-transform: uppercase;
}

#student-inscription h3 span{
  text-transform: lowercase;
}
#student-inscription h3 {
  padding: .5em 0;
}

#student-inscription h3 img {
  vertical-align: middle;
  margin-right: 1em;
}

#student-inscription form div.line {
  margin: 1em 0;
}

#student-inscription label {
  margin-right: .5em;
}
#student-inscription input {
  margin: 0 1em;
  border: .1em solid #4a611c;
  color: #4fa800;
  font-size: .8em;
}

#student-inscription input.readonly {
  background-color: #e6e6e6;
}

#student-inscription span.gender {
  margin-right: 4em;
}

#student-inscription span.radio {
  margin: 0 1em;
}

#student-inscription span.radio input {
  margin: 0;
}

#student-inscription span.submit input {
  border-style: none;
  padding: .2em;
  background-color: #4fa800;
  color: white;
  font-size: .8em;
  text-transform: uppercase;
}

/******************************************************************************
* Participantes
******************************************************************************/
#participants p.date {
  float: right;
  margin: 0;
  padding: 0;
}

#participants div.centre {
  margin-top: .5em;
  margin-bottom: 1em;
}

#participants h3 {
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
}

#participants h4 {
  font-size: 1em;
  font-weight: bold;
}

#participants h4, #participants div.centre p {
  margin: 0;
  padding: 0;
}

#participants div.pages {
  margin: 1em 0;
  text-transform: lowercase;
}

#participants div.pages a {
  margin-right: .5em;
  color: #4fa800;
  text-decoration: none;
}

/******************************************************************************
* Opinion
******************************************************************************/
#content-opinion img {
  vertical-align: middle;
}

#content-opinion div.sms {
  border: .2em ridge #d7d7d7;
  padding: .5em;
}

#content-opinion div.question div {
  margin: 1em 0;
}

#content-opinion div.question input {
  margin-left: 4em;
  border: .1em solid #4a611c;
  color: #4fa800;
}

#content-opinion p.content-foot {
  float: left;
  margin: 0;
  padding: 0;
}

#content-opinion div.submit {
  margin: 1em 0;
  /*margin-left: 4em;*/
  text-align: right;
}

#content-opinion div.submit input {
  margin-right: 0;
  border-style: none;
  padding: .2em;
  background-color: #4fa800;
  color: white;
  font-size: .8em;
  text-transform: uppercase;
  text-align: center;
}

/******************************************************************************
* Play Option
******************************************************************************/
#play_option p.form-error {
  margin: 1em 0;
  border: .2em ridge #d7d7d7;
  padding: .3em 3em;
}

#play_option h3 {
  font-size: 1.2em;
  font-weight: normal;
}

#play_option input {
  margin-left: 4em;
  border: .1em solid #4a611c;
  color: #4fa800;
}

#play_option div.ticket {
  margin-left: 4em;
}

#play_option div.submit {
  margin: 1em 0;
  background-image: none;
  text-align: right;
}

#play_option div.submit input {
  margin-right: 0;
  border-style: none;
  padding: .2em;
  background-color: #4fa800;
  color: white;
  font-size: .8em;
  text-transform: uppercase;
  text-align: center;
}

/******************************************************************************
* Group
******************************************************************************/
#juego {
  margin: 3em 0;
  padding: 0;
}

#juego div.lado-t {
  margin: 1em;
  background: #89AF2F url("../image/group/ce-t-l.jpg") repeat-x center top;
  color: black;
}

#juego div.lado-r {
  background: transparent url("../image/group//cer.jpg") repeat-y right center;
  color: black;
}

#juego div.lado-b {
  background: transparent url("../image/group/ceb.jpg") repeat-x center bottom;
  color: black;
}

#juego div.lado-l {
  background: transparent url("../image/group/ce-t-l.jpg") repeat-y left center;
  color: black;
}

#juego div.corner-rt {
  background: transparent url("../image/group/cert.jpg") no-repeat right top;
  color: black;
}

#juego div.corner-rb {
  background: transparent url("../image/group/cerb.jpg") no-repeat right bottom;
  color: black;
}

#juego div.corner-lb {
  background: transparent url("../image/group/celb.jpg") no-repeat left bottom;
  color: black;
}

#juego div.corner-lt {
  padding: .5em;
  background: transparent url("../image/group/celt.jpg") no-repeat left top;
  color: black;
}

#juego div.text {
  height: 30em;
}

#juego div.text-izq {
  display:block;
  float:left;
  width:60%;
  margin: 1em 2em 0 0;
}

#juego div.zona-izq {
  display: block;
  float:left;
  padding-top: 2em;
  padding-left: 2em;
  width: 15em;
}

#juego div.zona-izq div {
  margin:.3em 0em .3em 0em;
  border:.1em solid #666;
  background-color: #c4d797;
}

#juego div.zona-izq div.image-emp {
  margin: 1em 0;
  border-style: none;
  background-color: #89AF2F;
}

#juego div.zona-dch {
  display:block;
  margin-left: 17em;
  padding: 2em;
  height: 50em;
}

#juego div.zona-dch div {
  float:left;
  margin: 0 1em 1em 0;
  padding: .5em;
  height: 14em;
  width: 10.7em;
  border:.1em  ridge #89AF2F;
  background-color:#89AF2F;
  text-align:center;
}

#juego div.paso {
  padding-top: .5em;
  height: 4.5em;
  width: 7em;
}

#play p.group-link a {
  border-bottom: .2em solid white;
  text-decoration: none;
  color: black;
}

/******************************************************************************
* Test
******************************************************************************/
#test div.text-test a {
  border-bottom: .2em solid white;
  text-decoration: none;
  color: black;
}