@charset "UTF-8";

/* GARA */

#main-handiagoa {
  width: 889px;
}

#zutabe-osoa {
  padding: 10px;
}

div.hnav4 img {
  vertical-align: middle;
}

/*******************
* ILUMBE MALETILLA *
*******************/

img {
  margin: 0;
  padding: 0;
  border-style: none;
}

form {
  margin: auto;
  width: 25em;
  text-align: left;
}

form.standard, form.bigform {
  width: auto;
  text-align: center;
}

form.bigform textarea {
  width: 13em;
}

form span {
  display: block;
  margin-top: .5em;
  text-transform: uppercase;
}

form span span {
  display: inline;
  margin-top: 0;
  text-transform: none;
}

input, select, textarea {
  background-color: #ffebcf;
}

input.normal, select {
  width: 25em;
}

select.standard {
  margin: .5em 0 1em 0;
  width: auto;
}

input.submit {
  margin: .5em 0 1em 0;
  background-color: #f5b2d1
}

#body {
  margin: auto;
  width: 869px;
  background-color: #ffce86;
  font-size: 9pt;
  font-family: "Trebuchet", "Verdana", "Arial", monospace;
  text-align: center;
}

/*********
* HEADER *
*********/

#tkheader {
  margin: 0;
  padding: 1em 1.5em;
  background-color: black;
  color: white;
  text-align: right;
}

#tkheader h1 {
  float: left;
  margin: 0;
  padding: 0;
  padding-left: 1em .5em;
  text-align: left;
}

#tkheader div.jokalari {
  padding: .4em 0;
  padding-right: 3em;
  background: black url("../image/sapia.gif") no-repeat right center;
  color: #e84e89;
}

#tkheader a.logout {
  margin-right: 1.5em;
  padding: 0 .3em;
  background-color: #e84e89;
  color: white;
  text-decoration: none;
}

#tkheader a.logout:hover {
  background-color: #f5b2d1;
  color: black;
}

#tkheader div.jokalari2 {
  padding: .3em 0;
  padding-right: 3em;
  background-color: black;
  color: #e84e89;
}

#tkheader div.data {
  margin-top: 5em;
  text-transform: uppercase;
}

#tkheader div.info {
  margin-top: .5em;
  text-transform: uppercase;
}

#tkheader div.info a {
  color: #e84e89;
  text-decoration: none;
}

#tkheader div.info a:hover {
    color: #f5b2d1;
}

/* Blobs */

@media screen {
  #blobs {
    width: 869px;
    height: 142px;
    background: url("../image/menu.gif");
    margin: 0 auto;
    padding: 0;
    position: relative;
  }

  #blobs li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    position: absolute;
  }

  #blobs a {display: block;}

  #blob1 {left: 0px; top: 31px; width: 158px; height: 91px;}
  #blob2 {left: 167px; top: 11px; width: 165px; height: 80px;}
  #blob3 {left: 340px; top: 2px; width: 193px; height: 70px;}
  #blob4 {left: 542px; top: 2px; width: 188px; height: 62px;}
  #blob5 {left: 745px; top: 31px; width: 15px; height: 18px; background: url("../image/menu.gif") -461px -247px no-repeat;}
  #blob6 {left: 760px; top: 12px; width: 89px; height: 52px;}
  #blob7 {left: 849px; top: 37px; width: 15px; height: 17px; background: url("../image/menu.gif") -461px -266px no-repeat;}

  #blob1 a {height: 91px;}
  #blob2 a {height: 80px;}
  #blob3 a {height: 70px;}
  #blob4 a {height: 62px;}
  #blob5 a {height: 18px; background: url("../image/menu.gif") -477px -247px no-repeat;}
  #blob7 a {height: 17px; background: url("../image/menu.gif") -477px -266px no-repeat;}

  #blob1 a.active, #blob1 a:hover {background: url("../image/menu.gif")    0px -173px no-repeat;}
  #blob2 a.active, #blob2 a:hover {background: url("../image/menu.gif") -167px -153px no-repeat;}
  #blob3 a.active, #blob3 a:hover {background: url("../image/menu.gif") -340px -144px no-repeat;}
  #blob4 a.active, #blob4 a:hover {background: url("../image/menu.gif") -542px -144px no-repeat;}

  #blob5 a:hover {background: url("../image/menu.gif") -493px -247px no-repeat;}
  #blob7 a:hover {background: url("../image/menu.gif") -493px -266px no-repeat;}

  #blobs span {
    display: none;
  }
}

#blobs span {
  border: .2em solid white;
  padding: .5em;
  background-color: #e84e89;
  color: white;
  text-transform: uppercase;
  font: normal 12pt "Verdana", sans-serif;
  letter-spacing: -.1em;
}

#blobs span:hover {
  background-color: #f5b2d1;
  color: black;
}

/* Admin header */

#tkheader div.admin {
  margin: 0;
  padding: 8em 0 2.5em 0;
  text-align: right;
}

#menu-admin {
  margin: 0;
  margin-bottom: 2em;
  padding: 3.5em 2em;
  background-color: #e84e89;
}

#menu-admin li {
  display: inline;
  margin: .4em .2em;
  padding: .2em .8em;
  background-color: black;
  color: white;
  list-style: none;
  text-transform: uppercase;
  line-height: 2.5em;
}

#menu-admin a {
  color: white;
  text-decoration: none;
}

#menu-admin a:hover {
  color: #f5b2d1;
}

/**********
* CONTENT *
**********/

#content {
  margin: 0 auto;
  padding: 0;
}

#content a.tkhasiera img {
  vertical-align: bottom;
}

#content h2 {
  margin: 2em 0 1em 0;
  color: #e84e89;
  text-transform: uppercase;
  font-size: 1em;
}

#content h2.content {
  margin: 5em 0 1em 0;
}

#content p.titlelike {
  margin: .3em;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: bold;
}


#content p.note {
  margin: 1em auto;
  padding: .5em 1em;
  width: 35em;
  text-align: left;
}

#content div.error {
  margin: 1em auto;
  padding: .5em 1em;
  width: 35em;
  min-height: 5em;
  background: #e84e89 url(../image/important.gif) no-repeat 33em center;
}

#content div.error p {
  margin: 1em auto;
  padding: .0 5em;
}

#content div.tkpartehartu {
 text-align: center;
}

#content div.tkpartehartu p.tktext {
 margin: 1em auto;
 margin-bottom: 2em;
 padding: .5em 1em;
 width: 35em;
 min-height: 5em;
 background-color: #e84e89;
}

#content form.tkitzuli {
  margin: 0;
  width: auto;
}

#content p.tkbilatu, #content form.tkitzuli {
  margin-right: 1.5em;
  text-align: right;
  margin-bottom: 1em;
}

#content p.tkbilatu a, #content form.tkitzuli input {
  border-style: none;
  padding: 0 .2em;
  width: auto;
  background-color: #e84e89;
  color: white;
  text-decoration: none;
}

#content  p.tkbilatu a:hover, #content form.tkitzuli input:hover  {
  background-color: #f5b2d1;
  color: black;
}

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

#content table {
  margin: auto;
  text-align: center;
  font-size: 8pt;
}


#content table td {
  padding: 0 .2em;
}

/* Bertsolaria */

#tkproposamena td.tkbertsolaria {
  padding: .5em 0;
  text-align: left;
  text-transform: uppercase;
}

#tkproposamena td.tkbertsoa {
  padding-top: 1em;
  padding-right: 1.5em;
  text-align: right;
  vertical-align: top;
}

#tkproposamena td.tkastea {
  padding-top: 1em;
  text-align: left;
  text-transform: uppercase;
  vertical-align: top;
}

#tkproposamena td.tkastea ul {
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
}

#tkproposamena td.tkastea li {
  list-style-type: none;
}

#tkproposamena td.tkastea li a {
  color: #e84e89;
}

#tkproposamena td.tkaukera a {
  display: block;
  margin: .2em;
  margin-bottom: 0;
  padding: .2em;
  background-color: black;
  color: white;
  text-decoration: none;
  font-size: .95em;
}

#tkproposamena td.tkaukera a:hover {
  color: #f5b2d1;
}


#tkproposamena td.tkastea li.active , #tkproposamena td.tkastea li:hover {
  list-style-type: disc;
  list-style-image: url("../image/arrow.gif");
}

#tkproposamena td.tkastea li.active a , #tkproposamena td.tkastea li:hover a {
  color: black;
}

/* Irabasleak */

#tkirabasleak, #tkirabasleak td {
  height: 100%;
}

#tkirabasleak td.tkfitxa div {
  margin: .2em auto;
  padding: .7em;
  width: 13.3em;
}

#tkirabasleak td.separator {width: 1em;}
#tkirabasleak td.separator2 {width: .5em;}
#tkirabasleak td.separatorh {height: 1em;}

#tkirabasleak div.tkbertsoa {
  margin-top: 0;
  padding-top: 0;
  min-height: 13em;
  background-color: #f5b2d1;
  text-align: left;
}

#tkirabasleak div.tkbertsoasms {
  margin-top: 0;
  padding-top: 0;
  min-height: 13em;
  background-color: #fce5f0;
  text-align: left;
}

#tkirabasleak div.tkbertsoasms2 {
  margin-top: 0;
  padding-top: 0;
  min-height: 6em;
  background-color: #fce5f0;
  text-align: left;
}

#tkirabasleak div.tkbertsolaria {background-color: #e84e89;}
#tkirabasleak div.tkbertsolariasms {background-color: #f5b2d1;}

#tkirabasleak div.tkepaia {
  background-color: #ffebcf;
  text-align: left;
}

#tkirabasleak div.tkepaia p {
  padding-left: 2.4em;
  text-align: left;
}

#tkirabasleak div.tkepaia p.epaiak {
  background: transparent url("../image/sapi-beltza.gif") no-repeat left center;
}
#tkirabasleak div.tkepaia p.botoak {
  background: transparent url("../image/sapi-gorria.gif") no-repeat left center;

}

#tkirabasleak div.tkjokatu {
  margin-bottom: 0;
  padding-bottom: 0;
  background-color: black;
  color: white;
  text-transform: uppercase;
}

#tkirabasleak div.tkjokatu a {
  padding-left: .8em;
  background-color: black;
  color: white;
  text-decoration: none;
}

#tkirabasleak div.tkjokatu a:hover {
  background: black url("../image/arrow-black.gif") no-repeat left center;
  color: #f5b2d1;
}

/* ARAUAK */

#tkarauak {
  margin: 0 auto;
  width: 35em;
  text-align: left;
}

#tkarauak ul {
  margin-left: 1.5em
}

#tkarauak ul li {
  list-style-type: disc;
}

#tkarauak dl.strong dt {
  font-weight: bold;
}

/*********
* FOOTER *
*********/

#tkfooter, #tkfooter2 {
  margin: 0;
  padding: 0;
  color: white;
  text-align: center;
}

#tkfooter {
  background: black url("../image/footer.gif") no-repeat center top;
  padding-top: 107px;
}

#tkfooter2 { background-color: black; }

#tkfooter img, #tkfooter2 img {
  margin: 2em auto;
}


#tkfooter ul, #tkfooter2 ul {
  margin: 0;
  margin-top: 2em;
  border-top: .1em solid #737373;
  padding: 0;
  padding-top: 1em;
  text-align: right;
}

#tkfooter ul li, #tkfooter2 ul li {
  display: inline;
  margin: 0;
  padding: 0 2em;
  list-style: none;
  text-transform: capitalize;
}


#tkfooter ul li a, #tkfooter2 ul li a {
  margin: 0;
  padding: 0;
}

#tkfooter ul li img, #tkfooter2 ul li img {
  margin: 0;
  padding: .8em 0;
  vertical-align: text-top;
}

#tkfooter2 ul.bertsolariak {
  margin: 0;
  border-style: none;
  padding: 0;
  text-align: center;
}

 #tkfooter2 ul.bertsolariak li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

 #tkfooter ul.bertsolariak li img {
  margin: 0;
  padding: 0;
}