/*
eStudy homepage 

dark-blue: #6699cc
light-blue:  #a5bee0
border-blue: #47c0eb;
*/

/*	RESET*/
*                                   { margin: 0; padding: 0; }
html                                { overflow: scroll; }
html, body                          { height: 100%; }
body                                { font-size: 12px; font-family:verdana,tahoma,arial,sans-serif;}
ul                                  { list-style: none; }
ol                                  { list-style: decimal inside; }
a                                   { outline: none; text-decoration: none; }
a img                               { border: none; background: none; }
img                                 { vertical-align: middle; }
table                               { border-collapse: collapse; }
div									{position:relative;}
/*	UTILITY*/

.clear                              { clear: both;   display: block;  height: 1px; overflow: hidden; margin: 0; padding: 0;}


/*
BASICS
*/

a {color:#6699cc; }
a:hover {color:#a5bee0;}

p {line-height:1.2em;}

h1 {font-size:14px; font-weight:bold;}
h2 {font-size:12px; font-weight:bold; margin-top:12px;}
#content ul li {list-style:url(img/list.png) inside;}

/*
	STRUCTURE
*/

#wrapper {
		width:960px;
		margin:0 auto;}

#header {height:300px; }

#main_content {background:transparent url("img/bg.png") repeat-x top;}

/*
	Primary Nav 
*/

#primary_nav { width:960px; list-style:none; margin: auto; padding:0 0 0 12px; }

#primary_nav a {display:block; float:left; height:42px; width:86px;
	background: transparent url("img/p_nav_buttons.png") no-repeat;
	text-indent: -9999px;}
	
/*Home*/	
#primary_nav a.home_link {
	width:68px;
	background-position: 0px 0px;}
#primary_nav a.home_link:hover {background-position: 0px -42px;}
	
/*Lekcje */	
#primary_nav a.lekcje_link {
	width:69px;
	background-position: -67px 0px;
}
#primary_nav a.lekcje_link:hover {background-position: -67px -42px;}

/*Kursy */
#primary_nav a.kursy_link {
	width:64px;
	background-position: -135px 0px;
}
#primary_nav a.kursy_link:hover {	background-position: -135px -42px;}

/*Calan */
#primary_nav a.calan_link {
	width:135px;
	background-position: -199px 0px;}
#primary_nav a.calan_link:hover {	background-position: -199px -42px;}

/*Tlumaczenia */
#primary_nav a.translation_link {
	width:117px;
	background-position: -334px 0px;
}
#primary_nav a.translation_link:hover {background-position: -334px -42px;}

/*Kadra */
#primary_nav a.kadra_link {
	width:65px;
	background-position: -450px 0px;
}
#primary_nav a.kadra_link:hover {	background-position: -450px -42px;}

/*Opinie */
#primary_nav a.opinie_link {
	width:67px;
	background-position: -514px 0px;
}
#primary_nav a.opinie_link:hover {background-position: -514px -42px;}

/*Cennik */
#primary_nav a.cennik_link {
	width:69px;
	background-position: -580px 0px;
}
#primary_nav a.cennik_link:hover {background-position: -580px -42px;}

/*Misja */
#primary_nav a.misja_link {
	width:114px;
	background-position: -648px 0px;
}
#primary_nav a.misja_link:hover {background-position: -648px -42px;}

/*Firmy */
#primary_nav a.firmy_link {
	width:86px;
	background-position: -761px 0px;
}
#primary_nav a.firmy_link:hover {	background-position: -761px -42px;}

/*Kontakt */
#primary_nav a.kontakt_link {
	width:78px;
	background-position: -847px 0px;
}
#primary_nav a.kontakt_link:hover {background-position: -847px -42px;}

/*Page indicator */
#main #primary_nav a.home_link {background-position: 0px -42px; margin:-1px 0 0 0;}
#lekcje #primary_nav a.lekcje_link {background-position: -67px -42px; margin:-1px 0 0 0;}
#kursy #primary_nav a.kursy_link {background-position: -135px -42px; margin:-1px 0 0 0;}
#callan #primary_nav a.calan_link {background-position: -199px -42px; margin:-1px 0 0 0;}
#tlumaczenia #primary_nav a.translation_link {background-position: -334px -42px; margin:-1px 0 0 0;}
#kadra #primary_nav a.kadra_link {background-position: -450px -42px;  margin:-1px 0 0 0;}
#opinie #primary_nav a.opinie_link {background-position: -514px -42px; margin:-1px 0 0 0;}
#cennik #primary_nav a.cennik_link {background-position: -580px -42px; margin:-1px 0 0 0;}
#misja #primary_nav a.misja_link {background-position: -648px -42px; margin:-1px 0 0 0;}
#firmy #primary_nav a.firmy_link {background-position: -761px -42px; margin:-1px 0 0 0;}
#kontakt #primary_nav a.kontakt_link {background-position: -847px -42px; margin:-1px 0 0 0;}

/*
	Secondary nav 
*/

#secondary_nav {float:right; margin: 10px;}
#secondary_nav ul li {display:inline; margin:0 10px; }
#secondary_nav ul li a {font-size: 1.2em; font-weight: bold;}


/*
	CONTENT 
*/
#content_container {padding:5px 15px;}
.inner_content {border:3px solid #47c0eb;  -webkit-border-radius:15px; -moz-border-radius:15px;}

#content {	padding:15px;}
 
 
/*
	INDEX PAGE 
*/
#main_l {width:400px; float:left; margin: 0 45px 0 0 ;}
#main_r {width:400px; float:left;}

#top_l, #bottom_l, #top_r, #bottom_r {margin:10px; padding:0px; }
#bottom_l, #bottom_r {margin: 10px 0 0 0;}
#top_l, #top_r {border-bottom: 3px solid #47c0eb; height:140px; margin: 0 0 20px 0; }


#top_l .main_logo, #bottom_l .main_logo,
#top_r .main_logo, #bottom_r .main_logo {width:86px; height: 86px; background: transparent url("img/home_icons.png") no-repeat;
											margin: 0 15px 40px 0; float:left; display:block;}
#bottom_l  .main_logo, #bottom_r .main_logo {margin: 0 15px 100px 0; }

#main_l p, #main_r p  {padding:0 0 0 20px;}

#bottom_l .main_logo {background-position: 0px -86px;}
#top_r .main_logo {background-position: -87px 0px;}
#bottom_r .main_logo {background-position: -87px -86px;}

/*
	PAGES
*/
#lekcje #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/lekcje.png") no-repeat 10px 10px;}
#kursy #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/kursy.png") no-repeat 10px 10px;}
#callan #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/callan.png") no-repeat 10px 10px;}
#tlumaczenia #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/trans.png") no-repeat 10px 10px;}
#kadra #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/kadra.png") no-repeat 10px 10px;}
#opinie #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/opinie.png") no-repeat 10px 10px;}
#cennik #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/cennik.png") no-repeat 10px 10px;}
#misja #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/misja.png") no-repeat 10px 10px;}
#firmy #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/firmy.png") no-repeat 10px 10px;}
#kontakt #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/kontakt.png") no-repeat 10px 10px;}
#rejestracja #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/rejestracja.png") no-repeat 10px 10px;}
#regulamin #content {padding: 10px 10px 10px 110px; background: transparent url("img/btns/regulamin.png") no-repeat 10px 10px;}

/*
	Custom page classes
*/
#opinie .opinia {border-bottom: 3px solid #47c0eb; margin: 15px 0px;}	
#opinie .autor {text-align:right; margin:5px;}
#opinie em {color:#222222;}
#opinie .last {border:none;}

#kontakt .contact_table { float:left; display:block;}
#kontakt .add_info { float:left; clear: right; margin: 13px 0  0 40px;}

#kontakt .add_info p {margin: 15px 0 0 0 ;}

#kontakt .tabela {margin: 20px 0;}
#kontakt .tabela tr {height:30px; border-bottom: 3px solid #47c0eb; }
#kontakt .tabela td.label {width: 120px;}
#kontakt .tabela td.data {text-align:right; color: #6699cc;}
#kontakt .tabela tr.last {border:none;}


/* Misja */
#misja ul.list {margin: 0 0 25px 0;}


/*
	REGISTER 
*/
#rejestracja .register_form .input { width:132px; height:20px; border:none; padding:3px 8px; margin:5px 0 0 0; 
									background: transparent	url(img/input_bg.png) no-repeat;}
#rejestracja .register_form form	{margin: 20px 0;}
#rejestracja .register_form 		{margin: 20px 0 0 0;}

div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-5px;
  padding:0px;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

#rejestracja .selectbox /* look&fell of  select box*/
{
		margin: 5px 5px 0px 0px;
		padding-left:8px;
		padding-top:5px;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		width : 140px; 
		height:20px;
		text-align:left; 
		background: url('img/bg_select.png') right;
		cursor: pointer;
		border:none;
		color:#333;
}

#rejestracja select {
	background: url('img/bg_select.png') right;
}

div.post_reg	{margin: 15px 10px; padding:30px; border:1px dashed #47c0eb; }
.post_reg p		{margin:10px 5px;}

.loading {width:16px; height:16px; background: transparent url(img/loading.gif) no-repeat; padding:2px 0 0 22px; display:none;}

/*	Register msg 	*/
.fail {  background:#d2e1f4; border:2px solid #47c0eb;  padding:5px; min-width:150px; max-width:250px;}
.valid {background:transparent url(img/ok.png) no-repeat 0 8px;padding:10px; width:50px; height:23px; border:none; margin: 10px 0 0 5px;}

/*
	CENNIK
*/
#cennik #table_cen {width:450px;}
#cennik #table_cen tr {border-bottom:3px solid #47c0eb; padding:10px;}
#cennik #table_cen td {border-right:3px solid #47c0eb; padding:10px; text-align:center;}
#cennik #table_cen th {border-right:3px solid #47c0eb; padding:10px;}
#cennik #table_cen .last {border:none;}


#cennik .col_l {float:left; display:block;}
#cennik #table_container {margin:10px 0 0 0;border:3px solid #47c0eb; width:450px;  -webkit-border-radius:10px; -moz-border-radius:10px; }
#cennik .col_r {margin: 40px 0 0 20px; float:left; clear: right; }
#cennik #promo {padding:10px; border:1px dashed #47c0eb;}
#cennik #promo h2 {color: #6699cc; margin:0 0 5px 0; font-size:14px;}
#cennik #promo ul li {margin: 5px 0 0 5px; }
#cennik #legend {margin:10px 0 0 0; }
#cennik #legend ul {margin:5px 0 0 0 ;}
#cennik #legend ul li {list-style:none; font-size:10px;}

/*	KURSY*/
#kursy .oferta h1 {margin:15px 0 5px 5px; color:#a5bee0;}
#kursy .oferta h2 {margin:10px 0 0px 0px; color:#6699cc;}
#kursy .oferta em {margin:10px;}

/*Regulamin */
#regulamin ol li {margin: 10px;}

/* Dla firm */
#firmy p {margin: 10px 0 10px 0  ;}

/*
	FOOTER 
*/
#footer {font-size:1.1em;}
#footer .copyright {float:left; margin-left:400px;}
#footer .credits { float: right; margin-right:15px;}