body {
font-size: 12px;
color: #000000;
font-family: Arial, Helvetica, Verdana,  Geneva,  sans-serif;
text-align: center; 
background-image:url(../images/bg.png); 
background-repeat:repeat-x; 
scrollbar-base-color: #00BCFB;
scrollbar-arrow-color:#00BCFB;
scrollbar-DarkShadow-Color: #00BCFB; 
/*background-color:#474747;*/
margin:0px;
/*width:900px;*/
margin: 20px auto 0px auto;
} 

#container{
width:900px;
/*display:block;*/
text-align: center; 
/*float:left;*/
margin:0px auto 0px auto;
}

.projectitem {
float:left; width:180px; margin-left:7px;
}

#valid {text-align:center; margin-top:5px; color:#cc0000; }
#valid .false {  }

#partners {text-align:left; color: #ffffff; font-size: 11px; width:902px; float:left; margin:5px auto 0px auto; height:50px; padding-top:5px; border-top:1px #ffffff solid; }

#bottom {/*background-image:url(../images/bgbottom.png); 
background-repeat:no-repeat; */ 
text-align:left; 
color: #ffffff; 
font-size: 11px; 
width:895px; 
float:left; 
margin:5px auto 0px auto; 
height:50px; 
padding-top:5px; /*border-top:1px #ffffff solid; border-bottom:1px #ffffff solid; */}

/*top*/
#top {width:900px; height:95px; float:left;}
.logo {text-align:left; float:left; width:175px; margin-top:10px;}
#topmenu { float:right; width: 540px; height:20px; padding:4px 3px 3px 3px; margin-top:40px;
background-image:url(../images/bgtop.png); background-repeat:no-repeat; margin-right:3px;
}

#bottommenu {float:left;  width: 507px; height:20px; padding:0px 3px 3px 3px; 
}



.topbar {float:right; width:675px;}

.userprofile {
padding-top:3px;
}

.acceptrules {
margin-top: 10px;
}
.submitbutton {
margin-top:10px;
}


#data {height:330px; float:left;  width:895px; background-color:#ffffff; background-image:url(../images/bgcorn.png); background-repeat:no-repeat; }
#data .leftcol2 {height:300px; background-image:url(../images/tloflash.png); background-repeat:no-repeat;padding:10px 10px 10px 10px;float:left; width:600px;}
#data .leftcol {height:300px; background-image:url(../images/tloflash.png); background-repeat:no-repeat;  margin: 10px 0px 10px 10px; float:left; width:600px;}
#data .rightcol {height:330px; float:right; background-image:url(../images/rightbg.png); background-repeat:no-repeat; /*background-color:#2D7597;*/ width:260px; margin: 0px 0px 0px 0px;}

/*
#data_document {float:left;  width:885px; background-color:#ffffff; padding:5px; }
#data_document .leftcol { background-color:#E6F0F2; background-repeat:no-repeat;  margin: 10px 5px 10px 5px; float:left; width:600px; border:1px #cccccc solid;}
#data_document .rightcol { float:right; background-color:#DCEDF8;   background-color:#E6F0F2; border:1px #cccccc solid;  width:247px; margin: 10px 5px 5px 5px;}
*/
#data_document {height:330px; float:left;  width:895px; background-color:#ffffff; background-image:url(../images/bgcorn.png); background-repeat:no-repeat; }
#data_document .leftcol {height:290px; padding:5px; background-image:url(../images/tloflash22.png); background-repeat:no-repeat;  margin: 10px 10px 10px 10px; float:left; width:590px; border:1px #cccccc solid;}
#data_document .rightcol {height:330px; float:right; background-image:url(../images/rightbg.png); background-repeat:no-repeat; /*background-color:#2D7597;*/ width:260px; margin: 0px 0px 0px 0px;}

/*moduly*/
.trainingmodtitle {text-align:left;margin-bottom:5px; border-bottom:1px #cccccc solid; font-size: 18px; font-family:arial, verdana;  font-weight:bold;}
.newsmodtitle {text-align:left; margin-bottom:5px;border-bottom:1px #cccccc solid; font-size: 18px; font-family:arial, verdana;  font-weight:bold;}
.loginmodtitle {text-align:left;margin-bottom:5px; border-bottom:1px #333333 solid; font-size: 14px; font-family:arial, verdana;  font-weight:bold;}

/* news */

#news {padding:5px;}
#news .header { margin-bottom: 5px; font-size:14px; font-weight:bold; color:#ffffff; text-align:left; border-bottom:1px #ffffff solid; padding-bottom:2px;}
#news .item {text-align:left; margin-top:15px; font-size:11px; }
#news .text {font-size:11px; color:#ffffff; font-family:arial,verdana,sans-serif; text-align:left; padding:0px; margin:5px 0px 0px 0px;}
#news .readmore {font-size:11px; font-family:arial,verdana,sans-serif; text-align:right;}
#news .readmore a {color:#ffffff; text-decoration:none;}
#news .title a {color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold;}


/*document */
.documentleftcol { width: 240px; float: left;}
.documentrightcol {width: 640px; float: right;}
.container {width:900px; float:left; border:none; margin:10px auto 0px auto; padding:0px;}

.mediaitem {float:left; margin-left:20px; width:155px; height:85px;}

#document a { font-family:arial, verdana, sans-serif; color:#254C62; text-decoration:none;}

#document {text-align:left;  width:570px;}
#document .title {font-size:24px; font-family:arial, verdana, sans-serif; color:#FF9900; text-align:left;}
#document .text {font-size:12px; font-family:arial, verdana, sans-serif; color:#333333; text-align:left;}
#document .summary {margin-top:5px; font-weight:bold; font-size:12px; font-family:arial, verdana, sans-serif; color:#333333; text-align:left;}
#document .readmore {font-size:11px; font-family:arial,verdana,sans-serif; text-align:right;}
#document .readmore a {color:#FF9900; text-decoration:none;}
#document .subtitle {font-size:16px; font-family:arial, verdana, sans-serif; color:#006699; text-align:left; font-weight:bold;}
/*topmenu*/

.projecttitle {font-size:16px; font-family:arial, verdana, sans-serif; color:#006699; text-align:left; font-weight:bold;}

#document .readmoreproject {margin-top:5px; font-size:11px; font-family:arial,verdana,sans-serif; text-align:right;}
#document .readmoreproject a {color:#FF9900; text-decoration:none;}

#topmenu .item {float:left; height:13px; color:#002346;  padding:2px 5px 5px 5px; }
#topmenu .item a {color:#002346; text-decoration:none;}
#topmenu .separator { background-image:url(../images/bgseparator.gif); background-repeat:no-repeat;  height:30px; width:5px; float:left; }

#bottommenu .item {float:left; height:13px; color:#999999;  padding:2px 5px 5px 5px; }
#bottommenu .item a {color:#999999; text-decoration:none;}
#bottommenu .item a:hover {color:#cccccc; text-decoration:underline;}
#bottommmenu .separator { background-image:url(../images/bgseparator.gif); background-repeat:no-repeat;  height:30px; width:5px; float:left; }

#related .title {font-size:18px; font-family:arial, verdana, sans-serif; color:#FF9900; text-align:left; margin:15px 5px 5px 5px;}
#related .list { text-align:left; font-size:12px; text-decoration:none; font-family:arial, verdana, sans-serif; color:#FF9900; text-align:left; margin:5px 3px 5px 3px;}

#related .list a { text-align:left; font-size:12px; text-decoration:none; font-family:arial, verdana, sans-serif; color:#333333; text-align:left; margin:5px 3px 5px 3px;}

/*leftmenu*/

#leftmenu {float:left; width:240px; margin-top:5px; margin-bottom:5px;} 

.menutitle {text-align:left; height:20px; margin-bottom: 10px; width:200px; padding-left: 6px; padding-top: 4px; font-size: 18px; font-weight:bold; }

#leftmenu .item { width:200px;  margin-left:8px;  height:18px; /*background-image:url(../images/bgmenukol.png); 
background-repeat:no-repeat;*/ padding:10px 5px 5px 5px; text-align:left; margin-top:1px;  letter-spacing:1px; border-bottom:1px #cccccc solid;}
#leftmenu .item a {color:#333333; font-size:12px; text-decoration:none; font-weight:normal; }

#leftmenu .subitem {width:192px;  margin-left:8px; height:15px; background-image:url(../images/bgsubmenukol.png); background-repeat:no-repeat; padding:5px 5px 3px 25px; text-align:left; margin-top:1px; letter-spacing:1px; }
#leftmenu .subitem a {color:#333333; font-size:12px; text-decoration:none; font-weight:normal; }

/*events list */
#eventslist { }
#eventslist .item{color:#333333; font-size:12px; text-decoration:none; font-weight:normal; text-align:left;  }
#eventslist .item a {color:#FF6600;; font-size:12px; text-decoration:none; font-weight:normal;  }
#eventslist .item a:hover {color:#FF6600;; font-size:12px; text-decoration:underline; font-weight:normal;  }

#eventslisttitle { text-align:left; font-size: 18px; font-weight:bold; font-family:arial,verdana,sans-serif; margin-top:8px; margin-bottom:3px;}
#newslisttitle { text-align:left; font-size: 18px; font-weight:bold; font-family:arial,verdana,sans-serif; margin-top:8px; margin-bottom:3px;}
#loginlisttitle { text-align:left; font-size: 18px; font-weight:bold; font-family:arial,verdana,sans-serif; margin-top:8px; margin-bottom:3px;}

/* zalacznik */
#attach { float:left; width:250px; border: 1px #cccccc solid; margin-right: 10px; padding:5px }
.showtrainings { float:left; width:355px; border: 1px #cccccc solid; padding:5px;}
#eventslisttitledoc { text-align:left; font-size: 18px; font-weight:bold; font-family:arial,verdana,sans-serif; margin-top:1px; margin-bottom:3px;}


#attach .item a {color:#FF6600;; font-size:12px; text-decoration:none; font-weight:normal;  }
#attach .item a:hover {color:#FF6600;; font-size:12px; text-decoration:underline; font-weight:normal;  }
#attachlisttitle { font-size: 18px; font-weight:bold; font-family:arial,verdana,sans-serif; margin-top:1px; margin-bottom:3px; width:200px;}

.menu1separator { font-size: 18px; font-weight:bold; font-family:arial,verdana,sans-serif; margin-top:8px; float:left; width: 240px;}
.menu2separator { font-size: 18px; font-weight:bold; font-family:arial,verdana,sans-serif; margin-top:8px; float:left;  width: 240px;} 

a {text-decoration:none;}
.photobox {float:left; /*border:1px #cccccc solid; */width:100px; height:100px;}
.boxmenu {float:right; width:108px;}

.boxmenuitem {text-align:left; font-size:11px; font-family:arial,verdana,sans-serif; margin-bottom:3px; padding-left:7px; background-image:url(../images/arrow.gif); 
background-repeat:no-repeat; border-bottom:1px #EEEEEE solid; padding-bottom:2px;}
.boxheader { color:#333333; margin-bottom:7px; font-size: 12px;  font-family:arial; padding: 6px 0px 4px 6px; text-align:left; font-weight:bold;
background-image:url(../images/naglowek.jpg); 
background-repeat:no-repeat;

 } 
 
/* login*/

#loginarea {height: 45px;  margin: 0px 0px 0px 0px; float:right; width:480px;
			font-family:arial, verdana, sans-serif; font-size:12px; padding:5px 5px 5px 5px;
			 float: right; background-image:url(../images/loginbg.jpg); 
			background-repeat:no-repeat;
			}

#loginarea .label {width:40px; padding-top:11px; float:left; margin-left:5px;}
#loginarea .labelbutton {width:25px; padding-top:8px; float:left; margin-left:0px;}
#loginarea .field {width:160px; float:left; padding-top:8px;}
#loginarea .field input {border:1px #000000 solid;}



.pleaseregister a {font-size: 10px; text-decoration:none; font-family:arial,verdana,sans-serif; color: #006699;}

/*form */

#form {

}



#techlist li  {font-family: arial, verdana, sans-serif;
			font-size: 12px; 
			font-weight: normal; 
			margin-top: 10px; 
			color:#FF9900; 
			text-align:left;
			padding-left:15px; 
			list-style-type:none;
			font-weight:bold;
			background-image:url(../images/li.jpg); 
			background-repeat:no-repeat;
			 }


#techlist li a {font-family: arial, verdana, sans-serif;
			font-size: 12px; 
			font-weight: normal; 
			color:#FF9900; 
			text-align:left;
			text-decoration:underline;
			font-weight:bold;
			background-repeat:no-repeat;
			 }			 


#contactForm li {font-family: arial, verdana, sans-serif;
			font-size: 11px; 
			font-weight: normal; 
			margin-top: 5px; 
			color:#627077; 
			text-align:justify; 
			list-style-type:none;  }



#form li {font-family: arial, verdana, sans-serif; 

			font-size: 11px; 

			font-weight: normal; 

			margin-top: 5px; 

			color:#627077; 

			text-align:justify; 

			list-style-type:none;  }

#form label { width:95px; float:left; display:block;}		



.data{
margin-top:10px;
width:900px;
display:block;
float:left;

}

.left{
width:200px;
display:block;
float:left;

}

.right{
width:690px;
display:block;
float:right;
border:1px #cccccc solid;
}




.leftbox{
margin:3px;
padding:3px;
width:208px;
display:block;
float:left;
background-image:url(../images/bgrightbox.jpg); 
background-repeat:no-repeat;
/*border:1px #cccccc solid;*/
}


.moduleheader {text-align:left; border-bottom:1px #333333 solid; font-size: 14px; font-family:arial, verdana;  font-weight:bold;}

.rightbox{
margin:3px;
margin-right:4px;
padding:3px;
width:208px;
display:block;
float:right;
background-image:url(../images/bgrightbox.jpg); 
background-repeat:no-repeat;

/*border:1px #cccccc solid; */
}

.bottommodule {float:left; margin-top:5px; width:900px;
display:block;}

.trainings { float:left; width:433px; margin-right:5px; padding:5px; height:141px; text-decoration:none; background-image:url(../images/box_bg.png); background-repeat:no-repeat;}
.news {float:left;  width:433px; margin-right:5px; padding:5px; height:141px; background-image:url(../images/box_bg.png); background-repeat:no-repeat;}
.readmore1  { text-decoration:none;  font-family:verdana; font-size:11px;  text-align:right;}
.readmore1 a {color:#cc0000; text-decoration:none; }
.loginarea {border:1px #cccccc solid; float:right; width:188px; height:141px; padding:5px;  }

.newsitem {margin-top:5px;}


.newtitle {font-family:arial, verdana, sans-serif; font-size:12px; color: #003366; text-align:left; text-decoration:none; }
.newtitle a { color: #003366; text-decoration:none; font-weight:bold; }
.newtext {font-family:arial, verdana, sans-serif; font-size:11px; text-align:left; color:#333333; text-decoration:none; }

.trainingitem {text-align:left; font-size:11px; font-family:arial, verdana, sans-serif; color:#333333; margin-top: 5px; text-decoration:none;}
.trainingitem a: link, a: visited {text-align:left; font-size:12px; text-decoration:none; font-family:arial, verdana, sans-serif; color:#003399;}


.box_document{
float:left;
text-align:left;
width:605px;
display:block;
margin-left:2px;
margin-right:5px;
margin-top:12px;
}

.box1{
float:left;
border-right:1px solid #E5E5E5;
border-top:1px solid #E5E5E5;
width:295px;
height:365px;
display:block;
margin-left:2px;
margin-right:10px;
margin-top:12px;
}

.box2{
border-right:1px solid #E5E5E5;
border-top:1px solid #E5E5E5;
width:300px;
height:365px;
display:block;
float:right;
margin-left:2px;
margin-right:3px;
margin-top:12px;
}

.box3{
float:left;
border-right:1px solid #E5E5E5;
border-top:1px solid #E5E5E5;
width:295px;
display:block;
margin-left:2px;
margin-right:3px;
margin-top:12px;
}

.box4{
float:right;
border-right:1px solid #E5E5E5;
border-top:1px solid #E5E5E5;
width:300px;
display:block;
margin-left:2px;
margin-right:3px;
margin-top:12px;
}

.article{
text-align:justify;
padding:5px;
font-size:11px;
border-bottom:1px solid #E5E5E5;
width:280px;
height:95px;
}

.texttitle {
font-size:22px;
font-family:arial,verdana,sans-serif, tahoma;
text-align:left;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
}



.modtitle {
margin-top:5px;
margin-bottom:5px;
padding:5px;
text-align:left;
font-size:15px; 
font-weight:bold; 
color:#000000;
width:280px;
border-bottom: 1px #666666 solid;
}

.articletitle {
padding:5px;
padding-left:0px;
text-align:left;
font-size:14px; 
font-weight:bold; 
color:#000000;
width:200px;
float:left;
}

.date {
padding:5px;
padding-left:0px;
text-align:left;
font-size:13px; 
font-weight:bold; 
color:#000000;
width:65px;
float:right;
}

.date2{
float:left;margin-right:10px;
}

.courses{
padding:2px;
}


.courses a{text-decoration:none; color:#333333;}

.files{
height:30px;
display:block;
width:290px;
}

.files a:link, a:visited{text-decoration:none; color:#333333;}

.files a:hover{text-decoration:none; color:#333333;}

.all a:link, a:visited{text-decoration:underline; color:#333333;}

.all a:hover{text-decoration:underline; color:#333333;}

.more{
padding:5px;
padding-top:0px;
text-align:left;
font-size:11px; 
color:#993322;
width:95px;
float:right;
}

.advertbelt{
border:1px solid #C3C3C3;
padding:3px;
margin-right:3px;
color:#BDBDBD;
}

#footer{

height: 25px;
display:block;
color:#999999;
text-align: right;
width: 896px;
margin: 15px auto 5px auto; 
float: left;
font-size: 10px; font-family: verdana;
border-bottom: 1px #333333 solid;
}

.warning {color: #666666; padding-left:8px; font-size: 10px; font-family: verdana; text-align:left; width: 500px;float:left;display:block; margin-bottom:20px; }

.footertextleft{
text-align:justify;
padding-top:5px;
color:#666666;
font-size:11px;
float:left;
}

.footertextright{
text-align:right;
padding-top:5px;
margin-left:10px;
color:#666666;
font-size:11px;
float:right;
}

.footer a{text-decoration:underline; height:30px; padding-top:9px; color:#333333; }

#menublock1 {
border:1px #cc0000 solid;
margin-bottom:5px;
}

#menublock1 .item {
border:1px #cccccc solid;
text-align:left;
margin-bottom:2px;
padding: 3px 0px 3px 0px;
display:block;
text-decoration:none;
}

#menublock2{
border:1px #cc0000 solid;
margin-bottom:5px;
}






#menublock2 .item {
border:1px #cccccc solid;
text-align:left;
margin-bottom:2px;
padding: 3px 0px 3px 0px;
display:block;
text-decoration:none;
}

#menublock2 .item  a{ 
text-decoration:none;
color:#333333;
}


#menublock1 .item  a{ 
text-decoration:none;
color:#333333;
}

.login{
height:135px;
width:225px;display:block;float:left;
background-image: url("login.png") ;
background-repeat:no-repeat;
}

.topimg{
display:block;float:left;
}

.topimg2{
display:block;margin-left:1px;
}

.menutop{
display:block;float:left;width:896px;background-color:#797979;height:28px;text-align:left;
}

.menutop2{
font-size:14px;font-weight:bold;padding-top:5px;margin-left:10px;
}

.menutopel1{
color:#000000;display:inline;margin:5px;
}

.menutopel2{
display:inline;margin:5px;border-left:1px solid #ffffff;padding-left:10px;padding-right:10px;
}

.menutopel2 a:link{
	color: #ffffff;
	text-decoration: none;
}

.menutopel2 a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.menutopel2 a:visited{
	color: #ffffff;
	text-decoration: none;
}

.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height:1000px;border: 0px solid #FF0000;background-color: #000000;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);overflow: auto;float:left;}
.white_content {display: none;position: absolute;top: 40px;left: 25%;width: 575px;display:none;float:center;padding: 16px;border: 1px solid #BECFD7;background-color: white;z-index:1002;overflow: hidden;}

.flag{float:right;display:block;width:540px;text-align:right;}