/*  css  */
/* Všechny společné informace jsou definovány společně tak, aby se jejich změna
   dala provést pouze na jediném místě. */
body {
  margin: 0px;
  padding: 0px;
  font-family: Tahoma;
  background-image: url(ramecky/Mavis_logo_backgroung_small.gif);
}
/******************************************************************************/
/* stránka je vycentorvána na střed, základní objekt je přes celou její ?ířku */
.head_out, .center_out, .footer_out {
  width: 100%;
  text-align: center;
}

/* Šíka stránky - width: 800 */
/* Pozor na rozdělení středové části, kdy se 800 rozdělí mezi navigaci
   a hlavní rámeček. Tj. 250 + 510 + okraj = 800 */
.head_body, .head_top, .head_left, .head_right, .head_bottom, .head_top_left,
    .head_top_right, .head_bottom_left, .head_bottom_right, .center_in,
    .footer_body, .footer_top, .footer_left, .footer_right, .footer_bottom,
    .footer_top_left, .footer_top_right, .footer_bottom_left,
    .footer_bottom_right {
  width: 800px;
}

/******************************************************************************/
/* Stránka má background tvořen rámečky jejich rozměry jsou devinovány
   ve svých sekcích. Tvar rámečku je však společný, tj. podklad rámečků je
   definován společně v této sekci. */

/* tělo rámečku */
.head_body, .navigation_body, .main_body, .footer_body {
  background-image: url(ramecky/box_body.gif);
  background-repeat: repeat;
  background-position: 0px 0px;
}

/* horní okraj*/
.head_top, .navigation_top, .main_top, .footer_top {
  background-image: url(ramecky/box_top.gif);
  background-repeat: repeat-x;
  background-position: top;
}

/* spodní okraj */
.head_bottom, .navigation_bottom, .main_bottom, .footer_bottom {
  background-image: url(ramecky/box_bottom.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

/* levý okraj */
.head_left, .navigation_left, .main_left, .footer_left {
  background-image: url(ramecky/box_left.gif);
  background-repeat: repeat-y;
  background-position: left;
}

/* pravý okraj */
.head_right, .navigation_right, .main_right, .footer_right {
  background-image: url(ramecky/box_right.gif);
  background-repeat: repeat-y;
  background-position: right;
}

/* levý horní roh */
.head_top_left, .navigation_top_left, .main_top_left, .footer_top_left {
  background-image: url(ramecky/box_top_left.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

/* pravý horní roh */
.head_top_right, .navigation_top_right, .main_top_right, .footer_top_right {
  background-image: url(ramecky/box_top_right.gif);
  background-repeat: no-repeat;
  background-position: top right;
}

/* levý spodní roh */
.head_bottom_left, .navigation_bottom_left, .main_bottom_left,
    .footer_bottom_left {
  background-image: url(ramecky/box_bottom_left.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}

/* pravá spodní roh */
.head_bottom_right, .navigation_bottom_right, .main_bottom_right,
   .footer_bottom_right {
  background-image: url(ramecky/box_bottom_right.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

/* definice okraje rámečku */
.head_body, .head_top, .head_left, .head_right, .head_bottom, .head_top_left,
    .head_top_right, .head_bottom_left, .head_bottom_right,
    .navigation_body, .navigation_top, .navigation_left, .navigation_right,
    .navigation_bottom, .navigation_top_left, .navigation_top_right,
    .navigation_bottom_left, .navigation_bottom_right,
    .main_body, .main_top, .main_left, .main_right, .main_bottom, .main_top_left,
    .main_top_right, .main_bottom_left, .main_bottom_right,
    .footer_body, .footer_top, .footer_left, .footer_right, .footer_bottom,
    .footer_top_left, .footer_top_right, .footer_bottom_left,
    .footer_bottom_right {
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}


/******************************************************************************/
/* Definice tříd se záměrně opakuje, aby se na nic nezapomělo */
/* head */
.head_out {}

/* rámeček */
.head_body {}
.head_top {}
.head_left {}
.head_right {}
.head_bottom {}
.head_top_left {}
.head_top_right {}
.head_bottom_left {}
.head_bottom_right {}

/* výška rámečku */
.head_body, .head_top, .head_left, .head_right, .head_bottom, .head_top_left,
    .head_top_right, .head_bottom_left, .head_bottom_right {
  height: 107px;
}

/* obsah rámečku */
.head_in_all {
  margin: 0px 0px 0px 0px;
}
.head_in {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.head_logo {
  float: left;
  padding: 0px;
  margin: 0px;
  position: relative;
  top: 5px;
  left: 5px;
  width: 185px;
}
.head_foto {
  float: right;
  padding: 0px;
  margin: 0px;
  position: relative;
  top: 6px;
  right: 14px;
  width: 120px;
  font-size: 16pt;
  font-family: Tahoma;
}
.head_content {
  float: left;
  padding: 0px;
  margin: 0px;
  position: relative;
  top: 4px;
  _top: 6px;
  left: 35px;
  _left: 8px;
  width: 445px;
  font-size: 16pt;
  font-family: Tahoma;
  color: #FF0000;
  text-align: center;
}

/******************************************************************************/
/* center */

/* výška středové části stránky */
.center_out, .center_in, .center_navigation,
    .navigation_out, .navigation_body, .navigation_top, .navigation_left,
    .navigation_right, .navigation_bottom, .navigation_top_left,
    .navigation_top_right, .navigation_bottom_left, .navigation_bottom_right,
    .main_out, .main_body, .main_top, .main_left, .main_right, .main_bottom,
    .main_top_left, .main_top_right, .main_bottom_left, .main_bottom_right,
    .main_in {
  height: 415px;
  _height: 400px;
}

.navigation_in {
  height: 230px;
  _height: 240px;
}

.navigation_map {
  height: 150px;
  _height: 160px;
}

/* rozdělení šířek stránky */
/* šířka rámečku navigation */
.center_navigation, .navigation_out, .navigation_body, .navigation_top,
    .navigation_left, .navigation_right,
    .navigation_bottom, .navigation_top_left, .navigation_top_right,
    .navigation_bottom_left, .navigation_bottom_right, .navigation_in,
    .navigation_map {
  width: 220px;
  _width: 200px;
}

/* šířka rámečku main */
.center_main, .main_out, .main_body, .main_top, .main_left, .main_right, .main_bottom, .main_top_left,
    .main_top_right, .main_bottom_left, .main_bottom_right, .main_in {
  width: 580px;
  _width: 560px;
}

.center_out {
  margin: 0px 0px 0px 0px;
}
.center_in {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.center_navigation {
  float: left;
  margin: 0px;
}
.center_main {
  float: right;
  margin: 0px;
}
/******************************************************************************/
/* navigation */
.navigation_out {
  float: left;
  padding: 0px;
  margin: 0px;
}

/* rámeček */
.navigation_body {}
.navigation_top {}
.navigation_left {}
.navigation_right {}
.navigation_bottom {}
.navigation_top_left {}
.navigation_top_right {}
.navigation_bottom_left {}
.navigation_bottom_right {}

.navigation_in {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  font: bold 16px Tahoma;
}

.navigation_map {
  padding-top: 0px;
  padding-left: 11px;
  padding-right: 5px;
  padding-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  font: bold 12px Tahoma;
}

/******************************************************************************/
/* main */
.main_out {
  float: right;
  padding: 0px;
  margin: 0px;
}

/* rámeček */
.main_body {}
.main_top {}
.main_left {}
.main_right {}
.main_bottom {}
.main_top_left {}
.main_top_right {}
.main_bottom_left {}
.main_bottom_right {}

/* obsah rámečku */
.main_in {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;

  scrollbar-face-color: #008080;
  scrollbar-shadow-color: #FF0000;
  scrollbar-highlight-color: #008080;
  scrollbar-3dlight-color: #FF0000;
  scrollbar-darkshadow-color: #008080;
  scrollbar-track-color: #008080;
  scrollbar-arrow-color: #FFFFFF;
}
.main_content {
  width: 550px;
  _width: 550px;
  height: 390px;
  _height: 395px;
  padding: 0px;
  padding-right: 5px;
  float: left;
  overflow: auto;
  background-color: none;
  margin-left: 0px;
  _margin-left: 0px;
  position: relative;

  font-size: 10pt;
  font-family: Tahoma;
}

/******************************************************************************/
/* footer */
.footer_out {}

/* rámeček */
.footer_body {}
.footer_top {}
.footer_left {}
.footer_right {}
.footer_bottom {}
.footer_top_left {}
.footer_top_right {}
.footer_bottom_left {}
.footer_bottom_right {}

/* vý?ka rámečku */
.footer_body, .footer_top, .footer_left, .footer_right, .footer_bottom,
    .footer_top_left, .footer_top_right, .footer_bottom_left,
    .footer_bottom_right {
  height: 50px;
}

/* obsah rámečku */
.footer_in_all {
  margin: 0px 0px 0px 0px;
}

.footer_in {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.footer_logo {
  float: left;
  padding: 0px;
  margin: 0px;
  position: relative;
  top: 5px;
  left: 10px;
  width: 85px;
}
.footer_content {
  float: right;
  padding: 0px;
  margin: 0px;
  position: relative;
  top: 10px;
  right: 14px;
  width: 687px;
  font-size: 16pt;
  font-family: Tahoma;
  color: #008080;
}

/******************************************************************************/
/* odkazy */
.a {
  color: black;
  text-decoration: none;
}
.a:hover {
  text-decoration: underline;
}

.back {
  color: #FF0000;
  font-weight: bold;
  font-size: 11pt;
}

/******************************************************************************/
/* odkazy */
.title_1 {
  font-weight: bold;
  font-size: 18pt;
  font-family: Tahoma;
  color: black;
}
.title_2 {
  font-weight: bold;
  font-size: 16pt;
  font-family: Tahoma;
  color: black;
}
.title_3 {
  font-weight: bold;
  font-size: 14pt;
  font-family: Tahoma;
  color: black;
}
.title_4 {
  font-weight: bold;
  font-size: 12pt;
  font-family: Tahoma;
  color: black;
}
.title_4 {
  font-weight: bold;
  font-size: 10pt;
  font-family: Tahoma;
  color: black;
}

.text_1 {
  font-size: 12pt;
  font-family: Tahoma;
  color: black;
}
.text_2 {
  font-size: 10pt;
  font-family: Tahoma;
  color: black;
}
.text_3 {
  font-size: 8pt;
  font-family: Tahoma;
  color: black;
}
.text_blue_1 {
  font-size: 12pt;
  font-family: Tahoma;
  color: blue;
}
.text_blue_2 {
  font-size: 10pt;
  font-family: Tahoma;
  color: blue;
}
.text_blue_3 {
  font-size: 8pt;
  font-family: Tahoma;
  color: blue;
}
.text_red_1 {
  font-size: 12pt;
  font-family: Tahoma;
  color: red;
}
.text_red_2 {
  font-size: 10pt;
  font-family: Tahoma;
  color: red;
}
.text_red_3 {
  font-size: 8pt;
  font-family: Tahoma;
  color: red;
}

/* -------------------------------------------------------------------------- */
.link_1 {
  color: #FF0000;
  font-weight: bold;
  font-size: 12pt;
}
.link_2 {
  color: #FF0000;
  font-weight: bold;
  font-size: 10pt;
}
.link_3 {
  color: #FF0000;
  font-weight: bold;
  font-size: 8pt;
}

/* -------------------------------------------------------------------------- */
.picture_1 {
  border-color: #008080;
  border: solid 2px;
  margin: 5px 5px 5px 5px;
}

/* -------------------------------------------------------------------------- */
.partner_1 {
  color: #FF0000;
  font-weight: bold;
  font-size: 10pt;
}