/* 
  red  = #CC0C00; 
  grey = #c7c7c7;
*/

BODY {
  background: #c7c7c7; /* dc */
  color: black;
  margin: 5px;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  background-image: url('img/slavia-logo-vodotisk.gif');
  background-repeat: no-repeat;
  background-position: center 145px;
  min-width: 990px;
  cursor: url('img/sarrow.cur');
}

body, html  {
scrollbar-track-color: silver;
scrollbar-face-color: #CC0C00;
scrollbar-darkshadow-color: black;
scrollbar-arrow-color: white; 
}

A { cursor: url('img/shand.cur'); }
P { cursor: text; }

H1 {
  color: #CC0C00;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  white-space: nowrap;
  margin: 5px 0 5px 0;
}

H2 {
  color: #CC0C00;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  white-space: nowrap;
  margin: 5px 0 0 0;
}

H6 {
  color: #000000;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
}

TD, P {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}

IMG {
  border: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

li {
  margin: 0;
  padding: 5px;
  border-bottom: 1px #CC0C00 solid;
}

ol {
  margin: 0;
  padding-left: 25px;
}

ol li {
  margin: 0;
  border: 0;
  padding-left: .1em;
}

A {
  color: #CC0C00;
  text-decoration: underline;
  font-weight: bold;
}

A:hover {
  color: #CC0C00;
  text-decoration: none;
}


/* LAYOUT */

#pageHeader1 {  /* dc */
  background-image: url('img/bg-top-1.gif');
  background-repeat: repeat-x;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 42px;
}

#pageHeader2 {  /* dc */
  background-image: url('img/bg-top-2.jpg');
  background-repeat: repeat-x;
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  height: 198px;
}

#pageHeader3 {  /* dc */
  background-image: url('img/bg-top-3.gif');
  background-repeat: repeat-x;
  position: absolute;
  background-position: 2px 0px;
  top: 240px;
  left: 0;
  width: 100%;
  height: 43px;
}

#pageColumnLeft {
  position: absolute;
  left: 5px;
  top: 280px;
  width: 200px;
  margin: 0px 10px 0 0;
}

#pageContent {
  margin: 280px 210px 0 210px;
  padding: 0 5px 0 5px;
}

#pageColumnRight {
  position: absolute;
  right: 5px;
  top: 280px;
  width: 200px;
  margin: 0px 0px 10px 0;
}

#pageFooter {
  clear: both;
  text-align: center;
  padding: 5px;
  margin-top: 40px;
}


/* CSS Boxes */

.boxGroup {
  border-width: 1px;
  border-color: #CC0C00;
  border-style: solid;
}

.boxNew {
  margin: 0 0 11px 0; /* dc */
}

.boxNew p {
  margin: 0 0 5px 0;
  padding: 3px;
}

.akt {
  border-bottom: 1px solid #CC0C00;
  margin: 5px;
}

.aktf {
  border:none;
  margin: 5px;
}

.f {
  border: none;
}

.boxTitle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #CC0C00;
  color: white;
  vertical-align: top;
  padding: 1px 5px 1px 5px;
}

.boxTitle A {
  color: white !important;
}

.boxContents {
  font-family: Verdana, Arial, sans-serif;
  padding: 3px;
}

.boxContents img {
  padding: 10px 0 5px 0;
}

.pics {
  width: 100%;
  margin: 70px auto; 
/*  border: 1px black solid; */
}

.fotbalista, .hokejista {
  padding: 0;
  margin: 60px 0px 0 0;
  /*min-width: 280px;*/
/*  border: 1px black solid;*/
}

.fotbalista {
  float: left;
  text-align: center;
  width: 52%;
  /*background: 95% 200px url('img/arrow-left.gif') no-repeat;
  _background: expression(document.body.clientWidth > 1090? "95% 200px url('img/arrow-left.gif') no-repeat" : "none" );*/
}

.hokejista {
  float: right;
  text-align: center;
  width: 46%;
/*  background: 3% 200px url('img/arrow-right.gif') no-repeat; 
  _background: expression(document.body.clientWidth > 1090? "3% 200px url('img/arrow-right.gif') no-repeat" : "none" );*/
}

#obchody H2 {
  color: white; 
  background: #CC0C00;
  padding: 0px 5px 0px 10px; 
  margin: 5px 0 0 0;
}

#obchody a img {
  margin: 5px 0 0px 0;
  padding: 0px;
  border: 1px solid #CC0C00;
  vertical-align: top;
}

.boxRight {
  text-align: center;
}

.boxRight a img {
  margin: 10px 0 0px 0;
  padding: 0px;
  border: 1px solid #CC0C00;
}

.obr {
  text-align: right;
}

.shop p {
  margin: 5px 0 1em 10px;
}

.shop td {
  padding-left: 10px;
  _padding-left: 0px;
}

.shop {
  float: left;
  padding-right: 20px;
  margin-bottom: 1em;
}

.trspace td {
  padding-top: 5px;
}


#ikony {
  text-align: center;
  width: 100%;
  margin-top:30px;
}

#ikony img {
  margin: 0 0.1em 0 0.1em;
}

.dopis p {
  font-size: 1.4em;
  font-weight: normal;
}