@import url('base.css');

body { background-image: url('../images/graphics/body_bg.gif') }

div#header { height: 134px; }
div#header form { left: 538px; top: 51px; }
div#header form select { width: 134px; margin: 0 0 7px 0; display: block;}
div#header form input.text { width: 130px; height: 16px; margin: 0 10px 0 0; }
div#header form input.search { width: 60px; height: 20px; background: url('../images/graphics/btn_search.png') 0 0 no-repeat; border: none; font-weight: bold; color: white; cursor: pointer; margin: 0 5px 0 0; }
div#header ul#mainMenu { position: absolute; right: 0; top: 19px; font-size: 12px; list-style: none; font-weight: bold; margin: 0; } 
div#header ul#mainMenu li { float: left; height: 20px; border: 1px solid #f00; border-bottom: none; margin: 0 10px 0 0; }
div#header ul#mainMenu li.selected { background: black; }
div#header ul#mainMenu li a:link, div#header ul#mainMenu li a:visited { text-decoration: none; text-transform: uppercase; display: block; padding: 2px 5px; }
div#header ul#mainMenu li a:link:hover, div#header ul#mainMenu li a:visited:hover { background: black; }
div#header ul#relations { position: absolute; left: 0; top: 109px; list-style: none; margin: 0; padding: 0; background: black; border-right: 1px solid #F00; }
div#header ul#relations li { float: left; height: 20px; border-left: 1px solid #F00; margin: 0; padding: 4px 10px 0 10px; }
div#header ul#relations li a:link, div#header ul#relations li a:visited { text-decoration: none; }
div#header ul#relations li a:link:hover {text-decoration: underline;}
li.indent {text-indent: 10px;}
a.selected { color: #f93 !important; }
div#leftCol { width: 210px; background: url('../images/graphics/leftMenu_top_bg.gif') 0 0 no-repeat; }
div#leftCol ul#leftMenu { background: url('../images/graphics/leftMenu_bottom_bg.gif') 0 100% no-repeat; padding: 14px 0 11px 0; list-style: none; margin: 0; }
div#leftCol ul#leftMenu li { background: url('../images/graphics/leftMenu_li_bg.gif') 0 0 repeat-y; }
div#leftCol ul#leftMenu li { padding: 2px 15px; }
div#leftCol ul#leftMenu li a { font-weight: bold; color: white; }
div#leftCol ul#leftMenu li a:link, div#leftCol ul#leftMenu li a:visited { text-decoration: none; }
div#leftCol ul#leftMenu li a:hover { text-decoration: underline; }
div#leftCol ul#leftMenu li.selected a { color: #FF9933; }

div#mainCol { float: left; width: 460px; position: relative; z-index: 1; padding : 0px; padding-top: 20px;  }
div#mainCol a { color: #FF9933; }

div.back { margin: 20px 0 10px 0; }
/* div.back a { font-weight: normal; color: #555555; }  */

ul.newsList { list-style: none; margin: 0; }
ul.newsList li { margin: 20px 0; }
ul.newsList h5 { margin: 0 0 5px 0; width: 350px; }
ul.newsList p.intro { margin: 0 0 5px 0; width: 350px; }
ul.newsList div.image { float: right; width: 86px; position: relative; }
ul.newsList div.image div.top { position: absolute; left: 0; top: 0; width: 100%; height: 7px; background: url('../images/graphics/main_newsImage_black_top.gif') 0 0 no-repeat; }
ul.newsList div.image div.bottom { position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; background: url('../images/graphics/main_newsImage_black_bottom.gif') 0 0 no-repeat; }
* html ul.newsList div.image div.bottom { bottom: -7px; }

ul.jobList { list-style: outside decimal; margin: 20px 0 0 25px; }
ul.jobList li { margin: 10px 0; }
/* ul.jobList a { text-decoration: underline; } */

ul.courseList { list-style: outside decimal; margin: 20px 0 0 25px; }
ul.courseList li { margin: 10px 0; }
ul.courseList a { text-decoration: underline; font-weight: bold; }
ul.courseList p.date { margin: 3px 0 0 0; }

ul.documentsList { list-style: none; margin: 20px 0 0 0; }
ul.documentsList li { margin: 20px 0; }
ul.documentsList h5 { margin: 0 0 5px 0; }
ul.documentsList p.intro { margin: 0 0 5px 0; }

ul.faqList { list-style: outside decimal; margin: 20px 0 0 25px; padding:0 20px; }
ul.faqList li { margin: 20px 0; }
ul.faqList h6 { margin: 0 0 5px 0; }
ul.faqList div.intro { margin: 0; }
ul.faqList li ul { list-style: outside disc; margin: 3px 0 3px 20px; }
ul.faqList li ol { list-style: outside decimal; margin: 3px 0 3px 25px; color: white; }
ul.faqList li li { margin: 2px 0; }

div.refNr { margin: -5px 0 5px 0; }
div.refNr span { font-weight: bold; color: #FF9933; color: white; }
div.place { margin: 0 0 5px 0; }
div.place span { font-weight: bold; color: #FF9933; color: white; }

div.files { margin: 20px 0; }
div.files h5 { margin: 0 0 7px 5px; }
div.files a { color: #FF9933; }
div.files table { width: 100%; table-layout: fixed; border-collapse: collapse; }
div.files table th { padding: 4px; text-align: center; background: #333; border-left: 1px solid black; }
div.files table td { padding: 4px; background: #222; border-left: 1px solid black; }
div.files table tr.dark td { background: #111; }
div.files table .name { text-align: left; }
div.files table .type { text-align: center; }
div.files table .size { text-align: center; }

table.training td.td1{ padding:4px; background-color:#222222 }
table.training td.td2{ padding:4px; background-color:#111111 }
table.contact td.td1{ padding:4px; background-color:#222222 }
table.contact td.td2{ padding:4px; background-color:#111111 }

div#distributorsMap { text-align: right; margin-top: -10px; }

div#rightCol { float: right; width: 560px; position: relative; z-index: 0; margin-left: -370px; padding: 20px; padding-right:0px; text-align: right; }


/* kontener dodakow w topie na podstronie */
div#functions {
	float: left; width: 440px;
	margin: 0 0 0 360px; /* _margin: 0 0 0 270px;*/
}
div#functions1 {
	float: left;
	width: 250px;
}
div#functions2 {
  	padding: 0 0 0 0;
  	width: 400px;
}

/* formularz skrotow */
form#shortcuts-sub {
	float: left; width: 150px;
	margin: 10px 0 0 0;	
}
/* formularz wyszukiwania */

/* mini nawigacja */
div#helpnav-sub {
	float: left;
  margin: 0px;
}
div#helpnav-sub a:link,
div#helpnav-sub a:visited {
	font-size: 0.9em;
	text-decoration: none;
	border-left: 1px solid white;
	padding: 0 0 0 10px;	
}
div#helpnav-sub a:link:hover,
div#helpnav-sub a:visited:hover {
	text-decoration: underline;
	
}

/* pasek jezykow */
ul#langbar-sub {
	float: right;
	list-style: none;
	}
ul#langbar-sub li {
	float: left;
	margin: 0 0 0 15px; padding: 0 0 0 23px; /*_margin: 0 0 0 7px;*/
}
ul#langbar-sub a:link,
ul#langbar-sub a:visited {
	color: white;
	text-decoration: none;
}
ul#langbar-sub a:link:hover,
ul#langbar-sub a:visited:hover {
	text-decoration: underline;
}
ul#langbar-sub li#en { background: transparent url(../images/ico-en.gif) 0 50% no-repeat; }
ul#langbar-sub li#ru { background: transparent url(../images/ico-ru.gif) 0 50% no-repeat; }

/* nawigacja boczna */
/*
ul#sitenav {
	float: left; width: 205px;
	margin: 1px 0 20px 0; padding: 0 0 5px 5px;
	background: transparent url(../images/sitenav-bg.gif) 0 100% no-repeat;
}
ul#sitenav li.first {
	background: transparent url(../images/sitenav-top-bg.gif) -5px 0 no-repeat;
	padding-top: 5px;
}
ul#sitenav li {
	color: #ff9933;
	font-size: 1.1em; font-weight: bold;
	padding: 2px 0;
}
ul#sitenav li a:link,
ul#sitenav li a:visited {
	color: white;
	text-decoration: none;
	margin: 0 0 0 13px;
}
ul#sitenav li a:link:hover,
ul#sitenav li a:visited:hover {
	color: #ff9933;
}
*/
/* tresc */
div#content-sub {
	float: left; width: 750px;
	padding: 20px 0;
	min-height: 300px;
}

* html div#content-sub { height: 300px; }


div#intro-content {
	float: left; width: 260px;
	padding: 20px 0 0 0;
}
div#intro-image {
	float: left; width: 245px;
	margin: 0 0 0 10px;
}

/* dla bialej podstrony */
/*
body a:link:hover,
body a:link:visited:hover
{
	text-decoration: underline;
}

body a:link:visited,
body a:link
{
  text-decoration: none;
}

body.sub-2 {
	background: white url(../images/body-sub-bg.gif) 0 0 repeat-x;	
}
body.sub-2 div#content-sub * {
	color: black;
}
body.sub-3 {
	background: black url(../images/body-sub-bg.gif) 0 0 repeat-x;	
}
body.sub-3 div#content-sub * {
	color: white;
	}
*/

/* login form - logowanie dla Materialow do pobrania */
#login_form {width: 80%;}
span.user_login {display: inline; float: left;}
input.user_login {width: 160px; display: inline; float: right;}
#user_submit {display: inline; float: right;}
.clear {clear:both;}
.login_alert {width: 80%; height: 24px; padding: 5px 0 0 0; margin: 0 0 10px 0; text-align: center; border: 1px solid #c00; background: #fff; color:#c00; font-weight: bold;}
#logout_link {font-size: 10px; text-decoration: none; float: right; }
#logout_link:hover {text-decoration: underline;}

#div#gallery { margin: 15px 0; }

div#gallery { float: left; width:790px; position: relative; z-index: 1;  }
div#gallery img {margin: 2px; border: 2px solid #FF9933 }