html, body {
	height : 100%;
}

body {
   margin : 0;
   padding : 0;
   background-color : white;
	color : #464646;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height : 140%;
}

table {
	font-size : 100%;
}

a, .wsw a {
	color : #464646;
	text-decoration: underline;
}
a img {
	border: 0 none;
}
a:hover {
	text-decoration: none;
}

.hide {
	display : none;
}
#main {
   width : 767px;
	
	position : relative;
	height : 100%;
	min-height : 100%;
}
html>body #main {
	height : auto;
}

#main-inner {
	padding-bottom : 50px;
	position: relative;
}

#left-panel {
	position : absolute;
	top : 0;
	left : 0;
	height : 100%;
	width : 156px;
	background-color: #DADADA;
	/*border-right : 1px solid #B6B6B6;*/
}
#left-panel div {
	height : 136px;
	/*background-color: White;*/
}


#cleaner {
	clear : both;
	font-size : 0px;
	line-height : 0px;
	background-color: Fuchsia;
}

#footer {
	position : absolute;
	bottom : 0;
	width : 100%;
	padding : 2px 0 4px 0;
	border-top : 1px solid #AEAA1E;
	background-color: White;
}

#footer .wsw {
	margin : 0 20px;
	font-size: 90%;
	line-height: 180%;
	font-family: Tahoma;
}

#heading {
	padding-top : 90px;
	margin : 0 20px 0 0px;
}
#heading h1 {
	font-size : 150%;
	padding : 5px 0 5px 172px;
	margin : 20px 0 5px 0px;
	border-bottom : 1px solid #B6B6B6;
}

#header {
	position : absolute;
	top : 0px;
	left : 0px;
	height: 71px;
	width : 767px;
	background-image: url(../img/top.jpg);
	background-repeat: no-repeat;
	border-bottom : 1px solid white;
}

#jump2home {
	position : absolute;
	top : 0;
	left : 667px;
	display : block;
	width : 100px;
	height : 71px;
}

#menu-top {
	position : absolute;
	left : 0px;
	top : 72px;
	height : 17px;
	float : left;
	padding-right : 163px;
	border-bottom : 1px solid white;
	background-image: url(../img/menu-top-right.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menu-top-left {
	float : left;
	min-height : 17px;
	height : 17px;
	line-height : 100%;
	background-color: #464646;
}

html>body #menu-top-left {
	height : auto;
}

#menu-top a {
	color : white;
	text-decoration: none;
	font-weight: bold;
	padding : 0 5px 0 25px;
	background-image: url(../img/bullet.gif);
	background-position: 15px center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

#menu-top a.active {
	color : #D7D58A;
}

#menu-top a.active-ancestor {
	background-image: url(../img/bullet-news.gif);
}

#menu-top a.jump2home {
	padding : 0 5px 0 25px;
	background-image: url(../img/bullet.gif);
	background-position: 15px center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

#menu-top a:hover {
	color : #D7D58A;
}

/* MENU LEFT */
#menu-left {
	position : relative;
	top : -6px;
	width: 153px;
	margin: 0 0 0 0;
	padding : 0 1px 1px 0px;
	border: 1px solid  #6B6B6B;
	border-bottom: 1px solid #929292;
	background-color: #929292;
}
#menu-left ul {
	list-style-type: none;
	margin : 0;
	padding : 0;
	position : relative;
}
#menu-left li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #929292;
	border-bottom: 1px solid black;
	background-color: #464646;
	/*background-color: #F7F5E6;*/
}

#menu-left ul ul {
	margin-left : 10px;
	border-top : 1px solid black;
	position : relative;
	top : 1px;
}

#menu-left ul a,
#menu-left ul li.active li a {
	display : block;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	margin: 0;
	padding : 0 0 0 16px;
	font-size: 90%;
	font-family : Tahoma;
	line-height: 180%;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#menu-left ul a:hover {
	background-color: #6B6B6B;
}
#menu-left ul ul a {

}

#menu-left ul li.active a {
	color : #D7D58A;
	background-image: url(../img/bullet-news.gif);
}

#menu-left ul li.active a:hover {
	color: white;
	background-image: url(../img/bullet.gif);
}

/* BANNER */
#banner {
	float : right;
	width : 331px;
	margin : 40px 0 20px 0;
	padding : 0 0 0 0;
}

/* CONTENT, CONTENT ENTRY */
#content-entry, #content {
	clear : both;
	margin : 0px 20px 10px 20px;
	padding-top : 10px;
}

#content-entry {
	float : left;
	width : 300px;
	padding-top : 0px;
	margin-left : 10px;
}

html>body #content-entry {
	margin-left : 20px;
}

#content {
	position : relative;
	left : -20px;
	float : right;
	width : 575px;
	margin : 0px 0px 10px 10px;
	padding-top : 0;
}

h2 {
	font-size : 140%;
	margin : 10px 0 5px;
	padding : 0;
}
h3 {
	font-size : 125%;
	margin : 10px 0 5px;
	padding : 0;
}
h4 {
	font-size : 110%;
	margin : 10px 0 5px;
	padding : 0;
}
h5 {
	font-size : 100%;
	margin : 10px 0 5px;
	padding : 0;
}
h6 {
	font-size : 90%;
	margin : 10px 0 5px;
	padding : 0;
}

body.wsw {
	height : auto;
	padding : 5px;
}

.wsw p {
	margin : 10px 0;
}

/* NEWS */
.news {
	position : relative;
}
.news h2 {
	font-size: 140%;
	letter-spacing: 0.25em;
	padding: 20px 0 2px 5px;
	margin: 0;
	border-bottom: 1px solid #AEAA1E;
	/*font-style: italic;*/
	/*background-color: #F7F5E6;*/
}
.news ul {
	position : relative;
	list-style-type: none;
	margin : 15px 0 0 0;
	padding : 0;
}
.news li {
	margin : 0 0 10px 0;
	padding : 0 0 5px 10px;
	background-image: url(../img/bullet-news.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}
.news h3 {
	font-size: 110%;
	margin : 0 0 5px 0;
	padding : 1px 3px;
	color : #AEAA1E;
	background-color: #F7F5E6;
}
.news h3 .date {
	position : relative;
	top : -1px;
	color : #464646;
	font-size : 85%;
	font-weight: normal;
	padding-right : 5px;
}
.news p.perex {
	margin : 5px 0;
}

.news .jump2all {
	margin-top : 5px;
	text-align : right;
}

.news .jump2all a {
	color : #AEAA1E;
	font-weight : bold;
	padding-left : 10px;
	background-image: url(../img/bullet-news.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#news {
	clear : left;
	float : left;
	width : 300px;
	margin : 0 0 0 0;
	padding : 0 0 0 20px;
}

#news-tech {
	float : right;
	width : 320px;
	margin : 20px 0 0 0;
	padding : 0 20px 0 0;
}
#news .scroller {
	border-bottom : 1px solid #AEAA1E;
}

#news-tech .scroller {
	height : 300px;
	position : relative;
	overflow: auto;
	border-bottom : 1px solid #AEAA1E;
}




/** tabulka s terminy skoleni */
table#trainings-events {
	border-collapse: collapse;
	width : 575px;
	font-size : 90%;
	border : 2px solid #929292;
	margin-top : 10px;
}

table#trainings-events td,
table#trainings-events th {
	border : 1px solid #DADADA;
	padding : 2px 5px;
}

table#trainings-events thead {
	background-color: #D7D58A;
	white-space: nowrap;
}

table#trainings-events thead th {
	border : 1px solid #929292;
	border-bottom : 2px solid #929292;
	text-align : center;
}

table#trainings-events a {
	color : #464646;
	text-decoration: underline;
	font-weight: bold;
}
table#trainings-events a:hover {
	color : black;
	text-decoration: none;
}

table#trainings-events thead a.up,
table#trainings-events thead a.down {
	color: black;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: right 5px;
}

table#trainings-events thead a.up {
	background-image: url(../img/bullet-up.gif);
}

table#trainings-events thead a.down {
	background-image: url(../img/bullet-down.gif);
}

table#trainings-events tbody tr.certified {
	background-color: #F5F5DC;
}

table#trainings-events tbody tr:hover,
table#trainings-events tbody tr.certified:hover {
	background-color: #F0E68C;
}

table#trainings-events tbody a {
	color : #464646;
	text-decoration: underline; 
}

table#trainings-events td.period,
table#trainings-events td.price,
table#trainings-events td.number {
	text-align : right;
}

table#trainings-events td.price {
	width : 50px;
}

table#trainings-events td.date {
	text-align : center;
}

table#trainings-events td.date-full {
	text-align: center;
	background-color: Red;
	color: White;
}

a.detail {
	display : block;
	width : 18px;
	height : 18px;
	background-image: url(../img/lupa.gif);
	background-repeat: no-repeat;
}



/** training detail */
#training-detail {
	padding-top : 5px;
	position: relative;
}
#training-detail table {
	border-collapse : collapse;
	border : 2px solid #D7D58A;
	float : left;
	margin : 0 20px 0 0;
}


#training-detail table th,
#training-detail table td {
	border: 1px solid #D7D58A;
	padding : 3px 10px;
	background-color: #F5F5DC;
}

#training-detail table th {
	text-align : right;
}

div.training-block {
	/*width : 200px;*/
	margin-left : 250px;
}

div.training-block h3 {
	margin-top : 0;
	padding-top : 0;
}
	
div.training-block ul {
	margin : 0 0 15px 0;
	padding : 0 0 0 0;
}

div.training-block ul li {
	list-style-type: none;
	margin-left : 15px;
	padding : 2px 0 2px 10px;
	background-image: url(../img/bullet-news.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div.training-block .order-link {
	font-family : Tahoma;
	font-size : 95%;
	font-weight: bold;
	padding : 0 4px;
	border : 1px solid #D7D58A;
	margin-left : 10px;
	background-color : white;
	text-decoration : none;
}

div.training-block a.order-link:hover {
	color: black;
	background-color : #F0E68C;
}

div.training-block .order-link.full {
	background-color: Red;
	color: White;
}

p.subtitle {
	background-image: url(../img/bullet-news.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	margin-top : 10px;
	padding : 5px 0 5px 15px;
	font-size : 110%;
	font-style: italic;
	border-bottom: 1px solid #D7D58A;
}

hr.not-visible {
	visibility : hidden;
	margin-bottom : 10px;
}

div#training-description {
	margin-top : 0;
	padding-top : 20px;
	clear : both;
}

#training-groups {
	position : relative;
}

#training-groups h3 {
	padding : 3px 0;
	border-bottom: 1px dashed #D7D58A;
}

#training-groups h4 {
	font-style: italic;
}

/* pod vypisem oblasti */
ul.training-block  {
	margin : 5px 0 20px 0;
	padding : 0;
}
ul.training-block li {
	list-style-type: none;
	margin-left : 15px;
	padding-left : 10px;
	background-image: url(../img/bullet-news.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	font-weight : bold;
}

/* training order */
#training-order table {
	/*border : 1px solid #DADADA;*/
	border-collapse: collapse;
	/*background-color: #F5F5DC;*/
}

#training-order table th,
#training-order table td {
	padding : 5px 10px;
	/*border-bottom : 1px dashed #DADADA;*/
	text-align : left;
}

#training-order table th {
	
}

#training-order input,
#training-order textarea,
#training-order select {
	border: 1px solid #929292;
	width: 250px;
	color : #464646;
	background-color: #F3F3E9;
	font-size: 100%;
}

#training-order select.wider {
	width: 450px;
	font-size : 75%;
}

#training-order textarea {
	height : 100px;
	font-family: Arial, Helvetica, sans-serif;
}

#training-order input.submit {
	border : 2px outset #929292;
	width : 150px;
	height : 1.6em;
	padding-bottom : 2px;
	background-color: #D7D58A;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	margin-left : 190px;
}

.wsw.errors,
#training-order th.error {
	color : red;
}

.more-tips {
	margin : 0 5px;
	padding : 0;
	text-align : right;
}