*									{ margin: 0; padding: 0; }






body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Simple page reset */
	margin:0;
	padding:0;
}

body{
	/* Setting default text color, background and a font stack */
	color:#cccccc;
	font-size:0.9em;


	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}


.tabelka {

}



#mkp {
	font-family: 'Josefin Sans Std Light', arial, serif;
	font-size:3em;
	text-align:center;
	color:black;
	margin-top:10px;
	line-height:130%;
	letter-spacing:3px;
}

.kurs {

	text-align:justify;
	padding:5px;
	color:black;
		line-height:130%;
}

.pismosw {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 20px auto;
width: 580px;
font-size:14px;
background: #ECE5B6;
color: #25587E;
padding:10px 15px 10px 15px;
line-height:130%;
	font-weight:bold;
border-left:10px solid #C36241;
}

.foto-lewa {
float:left;
margin-right:10px;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	width:300px;

}

.foto-prawa {
float:right;
margin-left:10px;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	width:150px;


}

#malzenstwo {
	background:#C36241;
	font-size:1.4em;
		padding:20px 10px 10px 10px;
		color:#ECE5B6;
			font-weight:bold;
			color:white;
}
.kurs h1 {

	-moz-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	background:#25587E;
	font-size:1.6em;
	text-align:left;
	color:yellow;
	height:26px;
	margin-bottom:20px;
		padding:12px 10px 3px 10px;

}

.kurs h2 {
	//border-bottom:1px solid black;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	font-size:1em;
	text-align:left;
	color:#fff;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	background: #C36241;
	padding:4px 10px 3px 10px;
	vertical-align:middle;


}


.kurs h3 {
	text-transform:uppercase;
	font-size:1.25em;
	text-align:left;
	color:black;
	font-weight:bold;
	margin-top:0px;
	margin-left: 30px;

}

.kurs h4 {


	font-size:1.1em;
	text-align:left;
	color:black;
	font-weight:bold;
	margin-top:10px;

}

.kurs p {
	text-align:justify;
	margin-left:20px;
	margin-right:20px;

	color:black;
	margin-top:3px;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	line-height:130%;

}

p.psautor {
	border-top:1px solid gray;
	margin:5px 0px;
	line-height:180%;
}

.kurs ul li {
list-style-type: decimal;
	margin-left:40px;
	color: darkred;
	margin-top:5px;
	font-weight:bold;
	font-size:normal;
}

#haslo{ width:230px; padding:8px;
				background:#336699;
				height:20px;
				color:#fff;



				margin:0 auto;
				font-weight:bold;
				-moz-border-radius: 6px;
				font-size:12px;
				-webkit-border-radius: 6px;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
				text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
				border-bottom: 1px solid rgba(0,0,0,0.25);

				}

#rejestracja{ width:460px; padding:8px;
				background:#336699;
				height:340px;
				color:#fff;



				margin:0 auto;
				font-weight:bold;
				-moz-border-radius: 6px;
				font-size:14px;
				-webkit-border-radius: 6px;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
				text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
				border-bottom: 1px solid rgba(0,0,0,0.25);
				margin-top:30px;

				}


#kontener
{
		margin:0 auto;

	width:1000px;
	background: #7E2217 url('img/tlo_dol.jpg') repeat-x fixed center bottom;
}
.tabContainer{
	/* The UL */
	float:left;
	padding-left:13px;
	width:600px;
}


#contentHolder{

	background-color:white;
	border:10px solid #FFFFFF;
	height:auto;
	margin:20px;

	color:#444444;
	padding:0px;

}



#tabContent{
	background-color:	#25587E;
	border:1px solid 	#25587E;
	margin-top:-15px;
	width:100%;
	height: auto;
}

#tabContent, .tabContainer li a,#contentHolder{
	-webkit-box-shadow:2px 2px 8px black;
	-moz-box-shadow:2px 2px 8px black;
	box-shadow:2px 2px 8px black;
}

.tabContainer li{
	/* This will arrange the LI-s next to each other */
	display:inline;
}

.tabContainer li a,.tabContainer li a:visited{
	/* Styling the hyperlinks of the tabs as colorful buttons */

	float:left;
	font-size:18px;

	/* display:block allows for additinal CSS rules to take effect, such as paddings: */
	display:block;

	padding:7px 16px 1px;
	margin:4px 5px;
	height:29px;

	/* Giving positioning */
	position:relative;

	/* CSS3 text-shadow */
	text-shadow:1px 1px 1px #CCCCCC;
}

#overLine{
	/* The line above the active button. */
	position:absolute;

	height:6px;
	background-color:white;
	width:90px;

	float:left;
	left:1px;
	top:30px;
	overflow:hidden;
}

#main{
	margin:0 auto;
	position:relative;
	width:800px;
	margin-top:30px;

}


ul .left{
	/* The left span in the hyperlink */

	height:37px;
	left:0;
	position:absolute;
	top:0;
	width:10px;
}

ul .right{
	/* The right span in the hyperlink */

	height:37px;
	right:0;
	position:absolute;
	top:0;
	width:10px;
}

/* Styling the colors individually: */

ul a.cyan{	background:url(img/turk_mid.png) repeat-x top center;	color:#24570f;}
ul a.cyan span.left{ background:url(img/turk_left.png) no-repeat left top;}
ul a.cyan span.right{ background:url(img/turk_right.png) no-repeat right top;}


ul a.green{	background:url(img/green_mid.png) repeat-x top center;	color:#24570f;}
ul a.green span.left{ background:url(img/green_left.png) no-repeat left top;}
ul a.green span.right{ background:url(img/green_right.png) no-repeat right top;}


ul a.blue{	background:url(img/blue_mid.png) repeat-x top center;	color:#03426e;}
ul a.blue span.left{ background:url(img/blue_left.png) no-repeat left top;}
ul a.blue span.right{ background:url(img/blue_right.png) no-repeat right top;}


ul a.orange{	background:url(img/orange_mid.png) repeat-x top center;	color:#724104;}
ul a.orange span.left{ background:url(img/orange_left.png) no-repeat left top;}
ul a.orange span.right{ background:url(img/orange_right.png) no-repeat right top;}


ul a.red{	background:url(img/red_mid.png) repeat-x top center;	color:#6f0100;}
ul a.red span.left{ background:url(img/red_left.png) no-repeat left top;}
ul a.red span.right{ background:url(img/red_right.png) no-repeat right top;}


/* The hover states: */
ul a:hover{	background-position:bottom center; text-decoration:none;}
ul a:hover span.left{ background-position:left bottom;}
ul a:hover span.right{ background-position:right bottom;}

.preloader{
	display:block;
	margin:120px auto;
}

.clear{
	/* Old-school clear fix hack to clear the floats: */
	clear:both;
	height:1px;
	overflow:hidden;
}

/* The styles below are only necessary for the styling of the demo page: */

#logo h1{
	background: url(img/gora_tlo.jpg) repeat-x center bottom;

	//border-bottom:1px solid black;
	font-size:1.5em;
	font-weight:normal;
	margin-top:-20px;
	margin-bottom:40px;
	padding:0px;
	text-align:center;
	height:120px;
}


h1{

	font-size:1.4em;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	padding:5px;
	text-align:center;
	height:25px;
	color: white;
}


h2 {
	font-size:0.9em;
	font-weight:normal;
	padding-right:40px;

	right:0;
	text-align:right;
	text-transform:uppercase;
//	top:-48px;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}



p.tutInfo{
	/* The tutorial info on the bottom of the page */
	padding:5px 0;
	text-align:center;
	position:fixed;
	bottom:0px;
	font-size:1.2em;
	background:#25587E;

	width:100%;
	height:20px;
	letter-spacing:4px

}

h1,h2,p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}



.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   width:120px;
   color: white;
   font-size: 12px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   text-align: center;
   margin: 0px auto;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;

   }


#processing {
				background-color:#fff;
				border:1px solid #777;
				-moz-border-radius:3px;
				color:#666;
				display:none;
				position:fixed;
				top:45%;
				left:45%;
				padding:10px 20px 10px 20px;
				margin:0 auto;
				text-align:center;
			}




/*----------panel----------*/
#panel
{
	background: #C36241;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.6);
	padding: 10px;
	width: 200px;
	height:80px;
	position: fixed;
	margin-top: -100px; /*po�owa wysoko�ci panelu w g�r� */
	left: 0px;
	top: 50%;
	z-index:1001;
	//behavior: url(ie-css3.htc);
}

#panel ul li {
	line-height:160%;
}

ul#main_menu
{
	list-style: none;
}

#main_menu a
{
	color: #ffffff;
	text-decoration: none;
}

#main_menu a:hover
{
	text-decoration: underline;
}

/*---------przycisk panelu--------*/
.slide_button
{
	background: #25587E url(img/menu.gif);
					-webkit-border-radius: 12px;
				-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.6);
				-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.6);
	display: block;
	height: 100px;
	text-indent: -9999px;
	width: 30px;

	position: absolute;
	right: -30px;
	top: 0px;
	z-index:1001;
}

.zamknij
{
	background-position: -30px 0px;
}


#page-wrap							{ width: 720px; margin: 10px auto; }
.ui-tabs 							{ zoom: 1;}
.ui-tabs .ui-tabs-nav 				{ list-style: none; position: relative; padding: 2px 2px 0; overflow: hidden;
									  top: 1px; z-index: 1000;  border: 0px;}
.ui-tabs .ui-tabs-nav li 			{ text-align:center;width:31px;position: relative; float: left; border: 1px solid #ccc;
									  border-bottom-width: 0 !important; margin: 0 2px -1px 0; background: #ccc; }
.ui-tabs .ui-tabs-nav li a 			{ text-align:center;font-size:15px;float: left; text-decoration: none; padding: 5px; color: black; }
.ui-tabs .ui-tabs-nav
li.ui-tabs-selected 				{padding-bottom: 1px; border-bottom-width: 0; background: white; }
.ui-tabs .ui-tabs-nav
li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a 			{ text-align:center;color:black;cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a  {text-align:center; color:black;cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel 			{ height:auto; padding: 20px; display: block; border-width: 0; background: none;
									  border: 1px solid #ccc; position: relative; min-height: 200px;	overflow : auto; }
.ui-tabs .ui-tabs-hide 				{ display: none !important; }




a.mover		{ background: #900; padding: 6px 12px; position: absolute;  color: white; font-weight: bold; text-decoration: none; }
.next-tab 	{ bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.prev-tab 	{ bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
#tabs li a 	{width:20px;text-align:center;color:black}

#radio label {width:200px;margin-top:20px}




.box {
    background-color:#cfd4e6;
    font-size:0.7em;
    float:left;
    text-align:left;
    margin-right:10px;
    width:140px;
    height:320px;
    padding:5px;
}

.box p {


    text-align:left;

}



.but {
    border:1px solid #727ea3;
    background-color:#ffffff;
    color:#727ea3;
    font-size:0.8em;
    	font-weight:bold;
}

.kurs p {
margin-bottom: 15px;
}