/* Styl Atrius*/
body {background:#FFFEFF;
 	 font-size:12px;
	 font-family:trebuchet ms;
	 color:#2C2C2C;
	 margin:0;
	 padding:0;
	 border:0;}
		
img {margin:0;padding:0;border:0;}
img a {margin:0;padding:0;border:0;}

input{ font-size: 12px; }

h1 {border-bottom:1px solid #F05933;
	width:75%;
	color:#320D6B; font-size:14px; font-weight:550;
	padding:5px 2px;
	margin:3px;}

div {	margin:0;border:0;padding:0;}
	
h2.komentuj {border-bottom:1px solid #F05933; font-size:14px; padding:2px; margin:2px;}
	
h3 {margin:0;border:0;padding:0; overflow:hidden;}
	
p {margin:0px; border:0; padding:1px;text-align:justify;}

a {text-decoration:none; outline: none; }

ul {margin:10px 20px; padding:2px;}

.kontakt_form {
	width : 210px; 
	margin:3px;
	padding:1px;
	border:1px solid #270062;
}

/* Struktura*/

#container {position:relative;
		
			width:100%;
			float:left;
			background:url(img/bgr.jpg) repeat-x top left #fff;
			min-height:600px;
			margin:0;
			padding:0;
			border:0;}

#content {position:relative;
		width:940px;
		min-height:600px;
		margin:9px auto;
		padding:0;
		border:0;}
		
#logo {position:absolute;
		width:157px;
		height:62px;
		overflow:hidden;
		top:11px;
		left:0px;
		margin:0;border:0;padding:0;}		

#top{position:relative;
		width:940px;
		height:81px;
		margin:0;
		padding:0;
		border:0;}
		
#menu{position:absolute;
		top:59px;
		right:2px;
		width:656px;
		background:#200150;
		overflow:hidden;
		height:29px;
		margin:0;
		padding:0;
		border:0;
		z-index:99;}
		
#header {position:relative;
		width:940px;
		height:323px;
		overflow:hidden;
		background:#fff;
		margin:0;
		padding:0;
		border:0;
		}
		
		
#tresc {position:relative;
		width:940px;
		min-height:300px;
		margin:0;
		padding:0;
		border:0;
		}

#lewo {position:relative;
		float:left;
		width:615px;
		margin:0;
		padding:0;
		border:0;}
#lewo p img {border:3px solid #fff;}
	
.news {position:relative;
		width:293px;
		display:block;
		min-height:100px;
		float:left;
		clear:left;
		margin:0 3px;
		padding:0;
		border:0;		
		}

#zap_t {color:#260A51; position:absolute; bottom:27px; left:113px; font-size:11px; font-weight:500;width:190px;}		
#zapytaj {color:#ED3608; position:absolute; bottom:2px; right:3px; font-size:14px; font-weight:500;}
	
.data {color:#7F7F7F; font-size:10px; display:block;clear:both;}

.tytul {color:#320D6B; font-size:14px; font-weight:550; margin:2px 1px; padding:0px;border:0;width:290px; overflow:hidden;display:block;height:auto;clear:both;}

.kurs_tyt {color:#320D6B; font-size:14px; font-weight:550; margin:2px 1px; padding:4px;border:0;width:290px; display:inline;overflow:hidden;height:auto;clear:both;}

.tytul2 {color:#681641; font-size:14px; font-weight:550;margin:2px 1px; padding:0px;border:0;clear:both;}
		
.wiadomosc {color:#2C2C2C;margin:1px;padding:0;border:0; width:290px; height:auto;}		

.more {float:right;margin:0 0 3px 0;padding:0;display:inline;}

#marzenia {position:relative;
		width:301px;
		min-height:100px;
		overflow:hidden;
		float:right;
		margin:0 5px ;
		padding:0;
		border:0;		
		}
#marzenia a {color:#FF5003;font-size:12px;font-weight:bold;}

#prawo {position:relative;
		float:right;
		width:300px;
		margin:0 5px 0 0;
		padding:0;
		border:0;
		overflow:hidden;
		}
.prawy {position:relative;
		width:299px;
		min-height:50px;
		margin:5px 0 5px 1px;
		padding:0;
		border:0;
		background:#fff;
		color:#341062;		
		display:block;
		overflow:hidden;
		font-size:11px;
		font-weight:500;
		}
		
.prawy p {color:#341062; margin:5px;}
.prawy ul {margin:5px 6px 5px 1px;border:0;padding:0;color:#341062;}
.prawy li {margin:3px 1px; border:0;padding:2px 1px;color:#341062;font-size:12px; }


#oferta {position:relative;
width:614px;
height:160px;
top:5px;
margin:10px 0;
padding:0;
border:0;
color:#240357;
font-size:11px;
clear:both;
visible:auto;
display:block;
background:url(img/bgr_oferta.jpg) no-repeat #fff;}

#oferta table {border:0;color:#240357; width:610px; position:relative;}

#oferta td {color:#240357;}

#loga {width:100%;
height:65px;
margin:0;
border:0;
padding:0;
float:left;
display:block;}

#loga img {z-index:5;}
		
#footer {width:100%;
		clear:both;
		float:left;
		border-top:1px solid #7B1A38;
		background:url(img/bgr_footer.jpg) repeat-x top #FFFEFF;}
			
#footer_text {position:relative;
		font-weight:500;
		width:940px;
		border:0;
		padding:0;
		margin:3px auto;
		color:#280164;}

#kamac {position:absolute;top:12px; right:10px;}
#footer_text p {line-height:16px; font-size:10px;}			

#menu_bok {position:relative;
		float:left;
		width:200px;
		min-height:300px;
		overflow:hidden;
		background:none;}

#menu_bok h4 {color:#270062;font-weight:500; font-size:12px; margin:1px; height:28px; width:198px; padding:3px 1px; }				
#menu_bok h4 a:link {color:#270062; border-bottom:1px ed #ccc; width:198px; padding:3px 1px; display:block;}
#menu_bok h4 a:visited {color:#270062;}
#menu_bok h4 a:hover {color:#F34114;}
		
#menu_bok ul {list-style-type:none;
			margin:2px 5px;
			padding:0;
			border:0;
			}		
#menu_roz {display:none;}


.prawy a {color:#FF5603;font-size:11px;float:right;}

.hwiad {color:#2C0B5E; font-size:14px; font-weight:500;margin:5px; padding:5px;border-bottom:1px solid #F05933;display:block;height:auto;clear:both;}



#menu_roz li a:link  {color:#12002E;display:block; padding:2px; margin:1px;border:0;}
#menu_roz li a:hover  {color:#12002E;display:block; padding:2px;background:#EBEBEB;border:0;}
#menu_bok li {margin:2px 1px;
			padding:2px;
			border:0;
			background:fff;
			min-height:16px;
			width:160px;
			display:block;
			}

#menu_bok li a {margin:2px 1px;
			padding:2px;
			background:F2F2F2;
			min-height:16px;
			width:180px;
			display:block;
			color:#270062;
			}
			
#sub_text {position:relative;
		  float:right;
		  width:735px;
		  display:block;
		  overflow:hidden;
		  min-height:300px;
		  margin:0;
		  border:0;
		  padding:0;
		  background:#fff;}

#sub_text table {margin:0;padding:0;margin:0;}
		  
.naglowek_kurs {color:#29006B;font-size:18px;border-bottom:1px solid #FF3F02;padding:3px; margin:2px;}
.naglowek_kurs2 {color:#29006B;font-size:14px;border-bottom:1px solid #FF3F02;padding:3px; margin:2px;width:75%;}
.naglowek_kurs3{color:#FF3F02;font-size:14px;border-bottom:1px solid #29006B;padding:3px; margin:2px;width:75%;}



.bok_lewy {padding:0px;margin:0;width:540px;overflow:hidden;}
.bok_lewy p {width:490px;}

.bok_prawy {width:225px;padding:0px;margin:0; text-align:left;}
.bok_prawy a {color:#FF3300; font-weight:500; text-align:left;}
.bok_prawy p {text-align:left;}
.bok_prawy table {width:220px;}


#atr_cennik table {width:100%;}

#sub_text h4 {color:#2C0B5E; font-weight:300px;padding:2px; margin:2px; font-size:12px;font-family:trebuchet ms;width:85%; border-bottom:1px solid #EC3000;}

#sub_text a {color:#FF3300; font-weight:500;}


#sub_text li a {color:#fff; font-weight:500;}
/* zmieniacz główny */


#blogSlider 	{width:295px;height:109px; position:relative;  margin:0;padding:0; overflow:hidden;background:url(img/bgr_slid.jpg) left no-repeat;}
.stripViewer 						{ position: relative; overflow: hidden; clear: both;}
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px;  }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 280px; }
.stripNav 							{ margin:0px 0 0 10px; position: absolute; height:24px;overflow:hidden;  z-index: 99; width: 285px;padding:0; }
.wrapper 							{ padding: 0px; }
.innerWrap 							{ width: 273px; overflow: hidden; }
#push 								{ height: 135px; }

.panel {position:relative; top:37px; width:305px;left:15px; overflow:hidden;font-size:11px;margin:0px;padding:0;border:0;text-align:center;}
.panel  a {color:#2C2C2C; font-size:11px;}
/* 
	MAIN TABBED NAVIGATION
*/

.stripNav ul li 					{ display:block;margin:0;padding:0;list-style: none; }

.stripNav li a 						{ /* Generic "CSS image replacement" */ position:absolute; height: 24px; text-indent: -9999px;margin:0px;padding:0;border:0; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a {top:0px;left:0px; background: url(img/btn_slid1.jpg) top center no-repeat; width: 67px; margin:0px;padding:0;border:0; }
.stripNav li.tab2 a{ top:0px;left:70px;background: url(img/btn_slid2.jpg) top center no-repeat; width: 67px; }
.stripNav li.tab3 a {top:0px;left:140px; background: url(img/btn_slid3.jpg) top center no-repeat; width: 67px; }
.stripNav li.tab4 a {top:0px;left:210px; background: url(img/btn_slid4.jpg) top center no-repeat; width: 67px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: 24px top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current  {  background: url(img/btn_slid1.jpg) bottom center no-repeat; width: 67px; }
.stripNav li.tab2 a.current {  background:url(img/btn_slid2.jpg) bottom center no-repeat; width: 67px; }
.stripNav li.tab3 a.current { background: url(img/btn_slid3.jpg) bottom center no-repeat; width: 67px; }
.stripNav li.tab4 a.current {background: url(img/btn_slid4.jpg) bottom center no-repeat; width: 67px; }

/*******************
	TESTY
*/
#menu_bok .test_menu{
	cursor: pointer;
}
#menu_bok .active{
	cursor: default;
	font-weight: bold;
	padding: 5px;
}
#questions{
	padding: 10px;
	float: left;
	padding-left: 40px;
}

#questions label{
	display: block;
	font-size:14px;
}
#questions h3 span{
	text-decoration: underline;
}
#questions h3 span.good{
	color: #00FA9A;
}
#questions h3 span.bad{
	color: #ff0000;
}
#questions .invisible{
	display: none;
}

/*************LIGHTBOX - WYNIKI TESTU ONLINE*********************/

/*
*
*#270062  granatowy
#62C40B zielony
#C1241B czerwony
#000 czarny
czerwony ostry do bledow #ff0000
*
*/

.checkButton{
	display: block;
	width: 200px;
	padding: 0 15px;
	margin: 15px;
	text-align: center;
	border: 1px solid red;
}

#ajax_container{
	display: block;
	width: 820px;
	height: 620px;
	text-align: center;
}
#ajax_container div{
	display: block;
	line-height: 20px;
}
#ajax_container .header_logo{
	background: transparent url(img/testy_online/bgr_top.jpg) no-repeat 0 0;
	width: 820px;
	height: 69px;
}
#ajax_container .title{
	color: #320D6B;
	font-size: 24px;
	text-align: center;
	padding: 10px 0 10px 0;
}
#ajax_container .questions{
	width: 100%;
	padding-left: 40px;
	text-align: left;
	font-weight: bold;
	padding-top: 10px;
	font-size: 14px;
}
#ajax_container .questions span{
	font-size: 14px;
	padding-left: 10px;
}
#ajax_container .answers{
	width: 780px;
	padding-left: 40px;
	text-align: left;
	font-weight: bold;
	padding-top: 10px;
}
#ajax_container .answers span{
	color: #62C40B;
	font-size: 14px;
	padding-left: 20px;
}
#ajax_container .ruler_container{
	width: 740px;
	height: 19px;
	padding: 10px 40px 30px 40px;
	overflow: hidden;
}
#ajax_container .back1{
	background-color: #F1F2EE;
	width: 100%;
	height: 19px;
}
#ajax_container .back2{
	background: transparent url(img/testy_online/bgr_linia_postepu.jpg) repeat-x left top;
	height: 19px;
	margin-top: -19px;
	float: left;
}
#ajax_container .pointer{
	background: transparent url(img/testy_online/podzialka.gif) no-repeat center center;
	display: block;
	width: 22px;
	height: 21px;
	position: absolute;
	margin-top: 19px;
}
#ajax_container .level{
	text-align: left;
	padding: 20px 0 10px 40px;
	color: #320D6B;
	font-size: 18px;
}
#ajax_container .levels{
	color: #320D6B;
	width: 100%;
	padding: 0 40px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
}
#ajax_container .levels div{
	float: left;
}
#ajax_container .continue{
	padding: 20px 0 10px 40px;
	color: #F57507;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}
#ajax_container .errors_title{
	width: 740px;
	padding: 20px 40px 0 40px;
}
#ajax_container .errors_title span{
	color: #ff0000;
	font-weight: bold;
}
#ajax_container .error span{
	color: #62C40B;
	font-weight: bold;
}
#ajax_container .errors_container{
	width: 740px;
	overflow: hidden;
	padding: 0 40px;
}
#ajax_container .errors_container .wraper{
	width: 740px;
	height: 60px;
	overflow: auto;
}
#ajax_container .errors_container .error{
	width: 240px;
	float: left;
	text-align: left;
}
#ajax_container .attention{
	color:  #ff0000;
	font-size: 20px;
	padding-top: 10px;
}
#ajax_container .info{
	width: 740px;
	padding: 10px 40px;
	font-weight: bold;
}
#ajax_container .contact{
	background: transparent url(img/testy_online/kontakt_atrius.gif) no-repeat 0 bottom;
	display: block;
	width: 281px;
	height: 78px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
#ajax_content.waiting{
	background: url("img/waiting.gif") no-repeat center;
}

/****************
	FORMULARZE
*/

#contact_test {font-size:14px;}

#contactForm .contact_error{
	background-color:#FFeaD5;
	/*border:2px solid red;*/
	color:red;
	margin:0;
}
#contactForm label.contact_error{
	border: none;
}
.koment {width:600px; border:1px solid #2C0B5E;font-size:12px; padding:3px; margin:2px;}

.kontakt_col {
float:left;
background:#fff;
position:relative;
width:310px;
margin:2px 3px 0 0;
color:#270062;
}

.kontakt_col p {margin:3px; padding:1px;}

.kontakt_col a {color:#270062;}

.srodek {margin:10px 50px;padding:2px;}


#boks_oferta {position:relative;display:block;width:940px;clear:both; margin:10px 0;}



/*  kursy tabela*/

.kursy_zbior {width:100%; padding:0px; margin:25px 0px; }

.kursy_zbior th {padding:5px; background:#270062;color:#fff;}

.kursy_zbior td {padding:5px; border:0px solid #ccc;}


/* zakładki  */

	
	.zakladka_duza { width:100%; margin:10px 0;padding:0; position:relative; }
	.zakladka_duza ul
		{position:relative;
		 margin:0 25px;
		 padding:0;
		 top:1px;
		}
		
	.zakladka_duza ul li
			{display: block;
			float:left;
			left:2px;
			position:relative;
			width: 75px;
			height: 25px;
			font-size:10px;
			line-height:11px;
			
			margin:0 0 0 1px;
			text-align:center;
			background:url(img/btn_bgr.jpg) top no-repeat  #fff;
		}
	.zakladka_duza ul li a { text-decoration: none; color: #fff; position:relative;top:0px; width:75px; height:25px; display:block;  }
	.zakladka_duza ul li.active {background:url(img/btn_bgr.jpg) bottom no-repeat  #fff;}
	.zakladka_duza ul li.active a { color: #fff;font-weight:500;padding:0; }
		
	#bar1, #bar2, #bar3 , #bar4 {width:300px;position:relative; min-height:150px;clear:both; color: #000; padding: 12px 10px;   display: none;}
	#bar1 { display: block; }

	#zakladka_tresc {width:300px; background:none;display:block;overflow:hidden;margin:0;padding:0;}

	#zakladki_tab {width:100%; margin:0;padding:0;}
	#zakladki_tab p {margin:2px 10px;}
	
	#zakladki_tab img {border-right:5px solid #fff;}
	
#zakladka1, #zakladka2, #zakladka3 , #zakladka4 {min-height:100px;clear:both;color: #000; padding:5px 5px;  display: none; margin:0;
background:url(img/bgr_zkltab.jpg)  top left no-repeat #fff;overflow:hidden;width:99%;}
		#zakladka1 { display: block; }

/* zmieniacz dolny po najechaniu*/		

#slider_kurs				{width:310px;height:95px; position:relative;float:left; overflow:hidden;background:url(img/bgr_box_kurs.jpg) no-repeat; overflow:hidden;}
	
	
	#slider_kurs  a {display:block; width:91px; height:24px; }
	#slider_kurs	ul
		{
			width: 100%;
			margin:2px 0 0 7px;
			padding:0;
			overflow: hidden;
		}
	#slider_kurs	ul li
		{
			background: url(img/btn_bgr.jpg) top no-repeat ;
			width: 91px;
			height: 24px;
			float: left;
			display: block;
			line-height:9px;
			margin:0 0 0 5px;
			padding-top: 0px;
			text-align: center;
			
		}
	#slider_kurs	ul li a { text-decoration: none; color: #fff;font-size:10px; height: 24px;display:block;}
	#slider_kurs	ul li.active { background: url(img/btn_bgr.jpg) bottom no-repeat;width:91px; height: 24px;	color: #fff; }
	#slider_kurs	ul li.active a { color: #fff; font-weight:500; }
		#z1, #z2, #z3 { width:300px;height:95px;  display: none; padding:10px;}
		#z1 { display: block; }
		
.oferta_info {display:block;float:left; position:relative;width:304px; height:100px; padding:0; margin:10px 8px 10px 0px;overflow:hidden;}
.oferta_info a {position:absolute; bottom:2px; right:1px; width:220px;color:#1B0145;}
.oferta_info a:hover {color:#FF5003;}
.nav {font-size:10px; color:#2C2C2C; text-decoration:none;}

.w1 {background:#F1F1F1;}
.w2 {background:#fff;}
.highlight {background:#E0E5FF; color:#000;}

.kom_data {font-size:10px;color:#595959;display:block;}

.kom_tytul {font-size:13px;color:#320D6B;font-weight:600;margin:2px;}
.kom_tekst {margin:1px; padding:1px;}

hr {text-align:center;width:70%; border:1px solid #EC3000; height:1px;margin:3px auto;position:relative;}



.powrot:link {font-size:11px; display:block; position:relative; float:right; color:#F34114;}
.powrot:visited {font-size:11px; display:block; position:relative; float:right; color:#F34114;}
.powrot:hover {font-size:11px; display:block; position:relative; float:right; color:#320D6B;}

.cmxform input, textarea,select {border:1px solid #c9c9c9 ;padding:3px; margin:2px 4px;}
.cmxform textarea {border:1px solid #c9c9c9;padding:3px; margin:2px 5px;width:300px;min-height:100px;}
.cmxform  radio,checkbox,select {padding:3px; margin:2px;width:auto;}

.form_terms {font-size:14px; text-align:center;width:910px; font-weight:700; color:#f86f1c;text-decoration:none;cursor:pointer; display:block; margin:0 auto; position:relative;}
.form_terms:hover { color:#f87e1c;text-decoration:underline;}

.close_terms {font-size:10px; color:#f86f1c;text-decoration:none;cursor:pointer;}
.close_terms:hover {font-size:10px; color:#f87e1c;text-decoration:underline;}

/* Formularz zgloszeniowy */
.ramka_zglosz {border:1px solid #d8d8d8;padding:5px;}
.ramka_zglosz legend {font-size:14px; color:#9e9e9e; font-weight:bold;}

#cname {width:200px;}
#csurname  {width:350px;}
#cage {width:50px;}

#caddress {width:350px;}
#clocation  {width:200px;}

#cemail {width:200px;}
#cphone  {width:200px;}

#contact_switch {color:#f87e1c;font-size:10px;cursor:pointer;}
#contact_switch:hover {text-decoration:underline;}

#contactForm textarea {width:400px;margin:5px;}
#contactForm select {width:350px;margin:5px;}

#cknowledge {width:350px;}
#cbooks {width:350px;}
#creason {width:350px;}
#cimportant {width:350px;}


/* galeria zdjec */

.link_go_gal {display:block; position:relative; margin:10px auto; width:120px;}

#fotki_oferta {margin:10px 0; display:block;}

#fotki_oferta td {margin:10px 0; border:none;}

#scroll_menu {
 height:300px;
 position: relative; /* important */
 overflow: auto; /* important */
 text-align:center;
 width:470px; 
 padding:0;
 z-index:50;}
 

#thumbs_container ul { list-style-type:none; padding:0; margin:0;}
#thumbs_container li	{margin:0 4px 7px 4px;float:left; width:130px; height:90px; display:block;padding:0;}
#thumbs_container li img{ border:1px solid #fff;}	
#thumbs_container li img:hover{ border:1px solid #f89c1c;
filter: alpha(opacity=90);
    -moz-opacity: 0.9;
	-khtml-opacity: 0.9;
    opacity: 0.9;
	cursor: pointer;}	
	
#fotka {
width: 406px; /* important to be same as image width */
    height:287px; /* important to be same as image height */
	position:absolute;
	overflow:hidden;
	text-align:right;
	top:10px;
	right:35px;
	}
.slide_text {
	bottom:0px;
	right:0;
	z-index:80;
	position:absolute;
	min-height:10px;
	width: 406px;
	overflow:hidden;
	background: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
	text-decoration:none;
	display:none;
}
.slide_text p {margin:2px;padding:1px; color:#fff;font-size:11px;}
#fotka a {text-decoration:none;}

#fotka a img { text-align:center; margin:40px 55px; width:300px; height:212px;}

#obszar_gal {clear:both; float:left; height:310px;position:relative;width:940px; background:#744A62;}

.fot_m {}

.zobacz_inne p {text-align:right;}

.zobacz_inne a {text-decoration:none;color:#F34114;}
.zobacz_inne a:hover {color:#270062;}


