/*  
Description: CSS Akusting
Author: Martin Winkler
*/

/* Body */

* {
	margin: 0 auto; 
  padding: 0;
}

body {
	font-family: 'Arial', 'Sans-Serif';
  font-size: 12px;
  color: #6e6e6e;
	background: #ebe9e1 url('../images/inf.gif') left top repeat-x;
  margin: 0 auto; padding: 0;
}

#page {
	margin: 0 auto; padding: 0;
	width: 962px;
	text-align: left;
}

/* Header */

.header {
  background: url('../images/header.png') repeat-x;
  width: 962px;
  height: 150px;  
}

#akreditace {
  background: url('../images/akreditace.png') no-repeat;
  width: 71px;
  height: 80px;
  position: absolute;
  margin: 0 0 0 684px;
}

#offer {
  font-size: 11px;
  margin: 6px 0 6px 26px;
  position: absolute;
}

.contact { color: #d5d5d5; position: absolute; margin: 40px 0 0 770px; }
.contact p { margin: 0; }
.contact a { color: #d5d5d5; }
.contact span { color: #e4ddbf; font-weight: normal; }

/* v-menu */

#v-menu { position: absolute; margin: 86px 0 0 241px; }

#v-menu li {
  display: block;
  float: left;
  width: 91px;
  height: 23px;
  text-align: center;
  padding-top: 8px;
}

#v-menu .active { background: url('../images/menu-button.png'); }
#v-menu .active a { color: #6d6d6d; }
#v-menu a { color: #e4ddbf; text-decoration: none; }
#v-menu a:hover { text-decoration: underline; }

/* Cols */

.col3-set { width: 962px; background: url('../images/page.gif') left 20px repeat-y; }

#col-1,
#col-2,
#col-3 { float: left; }

#col-1 { text-align: center; width: 192px; }
#col-2 { width: 500px; margin-left: 19px; padding: 20px; background: url('../images/border.gif') left top repeat-x; }
#col-3 { width: 192px; margin-left: 19px; }

#col-1 h3, 
#col-3 h3 { font-size: 17px; font-weight: normal; background: url('../images/sidebar-header.gif'); color: #696140; height: 38px; text-align: left; margin: 0; padding-left: 25px; vertical-align: middle; line-height: 38px; }
#col-3 h3.clients { background: url('../images/rightbar-header-clients.gif'); }

#col-1 li { background: url('../images/sidebar-button.gif'); list-style-type: none; text-align: left; padding: 9px 25px 10px 25px;  }
#col-1 li a { text-decoration: none; }
#col-1 li a:hover { text-decoration: underline; }

#col-2 ul { list-style: square; padding: 0 0 0 15px; margin: 0 0 20px 0; }

#col-3 li { margin-bottom: 13px; }
#col-3 h4 { margin: 10px 0 10px 10px; font-size: 17px; font-weight: normal; }

#col-3 ul, 
#col-1 .list li { background: none; list-style: square;  padding: 0; margin: 13px 25px; }

#col-1 .list li a { text-decoration: underline; }
#col-1 .list li a:hover { text-decoration: none; }

/* Footer */

#footer {
  text-align: center;
  width: 962px;
  height: 16px;
  padding: 30px 0;
  background: url('../images/footer.png') repeat-x #ebe9e1;
}

#footer p {
  margin: 0 0 8px 0;
}

#footer li {
  display: inline;
  list-style: none;
}

/* Headers */

h1 span { 
  background: url('../images/h1.png') left top no-repeat;
  display: block; 
  position: absolute;
  left: 0;
  top: 0;
  height: 75px;
  width: 150px;
  z-index: 10;
}

h1 {
  font: 13px 'Arial';
  font-weight: normal;
  color: #000;
  margin: 30px 0 0 19px;
  position: absolute;
}

h2, h3 { font-weight: normal; color: #696140; margin-bottom: 10px; }
h2 { font-size: 19px; }
h2.border,
h3.border { border-bottom: 1px #dbdbdb solid; padding-bottom: 10px; margin-bottom: 15px; }
h3 { color: #353535; font-size: 17px; }

/* Standard classes */

p { line-height: 18px; margin-bottom: 20px; }

img { border: none; }

a { color: #6d6d6d; text-decoration: underline; }
a:hover { text-decoration: none; }

/* Various classes */

.a-center { text-align: center; }
.a-right { text-align: right; }
.a-left {	text-align: left }
.right { float: right; }
.left {	float: left }

.cleaner { clear: both; }
.spacer { background: #ebe9e1; height: 19px; border-top: 1px solid #c7c7c7; }

span.big { font-size: 21px; }

img.preview { margin: 20px 0; }

.mic { float: right; margin: -19px -19px 0 0; }

/* Tables */

table {
	font-size: 11px;
  background: #f4f4f4;
	border-collapse: separate;
	color: #3c3c3c;
	font-weight: normal;
}

table strong {
	color: #686868;
}

tr, td  {
	padding: 3px 5px;
	border: 1px solid #d2d2d2;
}

thead {
	background: #f4f4f4 url('../images/table.gif') repeat-x;
	text-align: center;
	font-weight: bold;
	color: #787878; 
}