* 
{
  margin: 0;
  padding: 0;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
}

.top
{
  background-image: url('img/bg-top-b2c.jpg');
  background-position: left top;
  background-repeat: repeat-x;
  min-height: 348px;
  height: 348px;
}

.middle
{
  background: #ffffff;
  width: 100%;
  min-width: 868px;
  clear:both;
}

.bottom, .bottom-content
{
  background-image: url('img/b-radial-b2c.jpg');
  background-position: left top;
  background-repeat: repeat-x;
  min-height: 116px;
  height: 116px;
}

.top-content, .middle-content, .bottom-content
{
  height: 100%;
  width: 868px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #ffffff;
}

.top-content
{
  min-height: 348px;
  height: 348px;
  background-image: url('img/top-b2c.jpg');
  background-position: left top;
  background-repeat: no-repeat;
}

.bottom-content
{
   background: transparent; 
}

.bottom
{
    margin-top: 25px;
}

.bottomMenu, .topMenu
{
  display: block;
  float: right;
  color: #eed8b5;
  font-size: 75%;
  padding-right: 28px;
  margin-top: 34px;
}

.topMenu
{
  text-align: right;
  margin-top: 70px;
  padding-right: 28px;
}

.bottomMenu a, .bottomMenu a:visited,
.topMenu a, .topMenu a:visited
{
  color: #ffffff;
  text-decoration: underline;
}

.bottomMenu a:hover, .topMenu a:hover
{
  color: #eed8b5;
  text-decoration: none;
}

.topHeadline
{
  font-size: 95%;
  font-weight: bold;
  float: left;
  margin-top: 278px;
  margin-left: 25px;
  color: #ffffff;
}

.author, .copyright
{
  color: #c7892b;
  font-size: 70%;
  position: relative;
  bottom: -44px;
  padding: 0px 28px 0px 25px;
}

.author a, .copyright a, .author a:visited, .copyright a:visited
{
  color: #c7892b;
  text-decoration: underline;
}

.author a:hover, .copyright a:hover
{
  color: #c7892b;
  text-decoration: none;
}

.author
{
  float: left;
}

.copyright
{
  float: right;
}

.content h2
{
  font-size: 100%;
  color: #c7892b;
  margin: 25px 0 20px 25px;  
}

.question
{
  width: 868px;
  margin-bottom: 15px;
}

.question span
{
  display: block;
  width: 868px;
}

.question .head
{
  background-image: url('img/q-head-b2c.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  height: 43px;
  min-height: 43px;
  line-height: 43px;
  padding-left: 25px;
  font-size: 90%;
  font-weight: bold;
  color: #ffffff;
} 

.question .mid
{
  background-image: url('img/q-mid-b2c.jpg');
  background-position: left top;
  background-repeat: repeat-y;
  height: auto;
  padding: 12px 10px 2px 25px;
} 

.question .foot
{
  background-image: url('img/q-btm-b2c.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  height: 18px;
  min-height: 18px;
} 

.question .choice
{
  display: block;
  height: auto;
  min-height: 20px;
  margin-bottom: 3px;
  clear: both;
}

.question label
{
  font-size: 80%;
  font-weight: normal;
  color: #c7892b;
}

.question input.text
{
  height: 18px;
  line-height: 18px;
  font-size: 80%;
  font-weight: normal;
  color: #c7892b;
  border: solid 1px #c7892b;
}

.fst
{
  float: left;
  width: 300px;
}

.scnd, .scnd2
{
  float: left;
  width: 400px;
}

.scnd2
{
  width: 250px;
}

.subQuestion
{
   margin-bottom: 0px;
}

textarea
{
  width: 650px;
  min-width: 650px;
  height: 60px;
  min-height: 60px;
  clear: both;
  border: solid 1px #c7892b;
  color: #c7892b;
}

.subHead
{
  font-weight: bold;
  color: #c7892b;
  font-size: 83%;
}

ul.error
{
  color: #E32119;
  list-style: none;
  margin: 10px 0 10px 25px;
}

ul.error li
{
  font-size: 80%;
  line-height: 125%;
  font-weight: normal;   
}

.choice input.checkbox
{
  margin-right: 4px;
  padding-right: 0px;
}

.choice input.text
{
   width: 400px;
   min-width: 400px; 
}

select
{
  border: solid 1px #1171B4; 
  width: 600px;
  min-width: 600px;
}

select option
{
  padding: 2px;
  width: 600px;
  min-width: 600px;
  color: #1171B4;
  font-size: 80%;
}

.orange-button, .blue-button
{
  color: #fff;
  width: 208px;
  min-width: 208px;
  height: 36px;
  min-height: 36px;
  background-image: url('img/tlacitko-orange.jpg');
  background-position: top left;
  font-weight: bold;
  cursor: pointer;
}

.blue-button
{
  background-image: url('img/tlacitko-blue.jpg');
}

table.marking
{
  width: 800px;
  border-collapse: collapse;
  empty-cells: show;
  border-spacing: 0px;
}

table.marking .question
{
  width: auto;
  text-align: left;
  color: #c7892b;
  font-size: 80%;
  font-weight: normal;  
}

table.marking th.mark-step
{
  width: 20px;
  text-align: center;
  color: #c7892b;
  font-size: 90%;
  font-weight: bold;  
}

table.marking td.mark-step
{
  text-align: center;
}