/**************************************/
/*   Ustawienia glowne              */
/**************************************/
body {
	background:			#FFFFFF;
	color:				#676868;
	font-family: 		'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:			11px;
	width:				980px;
	margin:				0 auto;
	margin-top:			2px;
}
* {
	padding:			0;
	margin:				0;
}
img {
	border:				0;
}

/**************************************/
/*   Ustawienia menu              */
/**************************************/

#chromemenu{
width: 980;
font-weight: bold;
font-size: 17px;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0;  
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(grafika/chromebg.gif) center center repeat-x;
padding: 6px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #494949;
padding: 11px; /*margines w oknie*/
margin: 0;
text-decoration: none;
border-right: 1px top #DADADA;
}

#chromemenu ul li a:hover{
background: url(grafika/chromebg2.gif) center center repeat-x;
font-size: 17px;
color: red;
}

/**************************************/
/*   Animacja grafiki              */
/**************************************/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.all {font-family: Tahoma; font-size: 11px; color: #000000}

/**************************************/
/*   Ustawienia warstw                */
/**************************************/

#header-logo {
	background:			url(grafika/logo11.png) no-repeat;
	width:				980px;
	height:				120px;
}
/*#header-menu {
	width:				175px;
	height:				12px;
	margin-top:			30px;
	float:				right;
	text-align:			right;
}
*/
#content {
	width:				980px;
	margin:				0 auto;
	overflow:			auto;
}

#nav-left {
	width:				564px;
	margin-right:		1px;
	float:				left;
}
#nav-right {
	width:				406px;
	margin-left:		1px;
	float:				right;
}
#nav-left #nav-right, h2 {
	background:			url(grafika/header-nav.jpg) top center no-repeat;
	width:				174px;
	height:				21px;
	color:				#FFFFFF;
	font-size:			11px;
	font-weight:		bold;

	padding:			5px 0 0 10px;
	margin-bottom:		5px;
}
.nav-block {
	background:			url(grafika/background-nav.jpg) bottom center no-repeat;
	padding-bottom:		10px;
	margin-bottom:		20px;
}
.nav-text {
	width:				154px;
	margin:				5px 10px 0 10px;
}
.search {
	text-align:			center;
}

#main {
	width:				572px;
	float:				left;
	text-align:			justify;
}
#main1 {
	width:				760px;
}
#splash {
	padding-bottom:		10px;
}
#main h3 {
	background:			url(grafika/header-main.jpg);
	width:				552px;
	height:				20px;
	color:				#676868;
	font-size:			12px;
	font-weight:		bold;

	padding:			5px 0 0 20px;
	margin:				20px 0px;
}
#main h4 {
	color:				#676868;
	font-size:			12px;
	font-weight:		bold;

	margin-bottom:		5px;
}
#main h5 {
	color:				#000000;
	font-family: 		'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:			14px;
	font-weight:		bold;

	padding:			10px 0 3px 0;
}

.form-input {
	width:				190px;
	color:				#0D81CB;
	font-weight:		bold;
	float:				left;
	text-align:			left;
}

.list-block {
	width:				100%;
	height:				150px;
	margin:				10px 0px;
	padding:			20px 0;
	border-bottom:		1px #ECECEC solid;
}
.list-images {
	width:				120px;
	height:				150px;
	float:				left;
	padding-left:		10px;
	margin-right:		20px;
}
.list-text {
	height:				75px;
	margin-top:			10px;
	color:				#676868;
}
.list-price {
	width:				200px;
	float:				left;
	font-size:			14px;
	font-weight:		bold;
	color:				#000000;
}

.pay-type {
	width:				143px;
	height:				40px;

	float:				left;
}

#cart-sum {
	width:				572px;
	font-weight:		bold;
	text-align:			right;
	margin-top:			11px;
}

#pages {
	width:				600px;
	text-align:			center;
	padding-top:		15px;
	float:				left;
}

#grafika-lewa {
	margin:				15px 15px 15px 15px;
	text-align:			center;
	float:				left;
}

#grafika-prawa {
	margin:				15px 15px 15px 15px;
	text-align:			center;
	float:				right;
}

#footer {
	width:				970px;
	margin:				0 auto;
	margin-top:			60px;
	margin-bottom:		5px;
}
#footer-info {
	font-size:			10px;
	color:				#D8D8D8;
	text-align:			right;
	padding:			5px 0px;
	border-bottom:		1px #E5E5E5 solid;
	border-top:			1px #E5E5E5 solid;
}
#footer-copyright {
	text-align:			center;
	font-size:			9px;
	color:				#000000;
	padding-top:		10px;
}

#hide {
	display:			none;
}



.header-line {
	height:				20px;
}
.header-del {
	width:				35px;
	height:				20px;
	padding-left:		5px;
	float:				left;
}
.header-name {
	width:				364px;
	height:				20px;
	padding-left:		5px;
	border-left:		1px solid #D1D1D1;
	float:				left;
}
.header-number {
	width:				55px;
	height:				20px;
	padding-left:		5px;
	border-left:		1px solid #D1D1D1;
	float:				left;
}
.header-sum {
	width:				95px;
	height:				20px;
	padding-left:		5px;
	border-left:		1px solid #D1D1D1;
	float:				left;
}
.product-line1 {
	background-color:	#F7F7F7;
	height:				16px;
	vertical-align:		middle;
}
.product-line2 {
	background-color:	#FFFFFF;
	height:				16px;
	vertical-align:		middle;
}
.product-del {
	width:				40px;
	height:				16px;
	text-align:			center;
	float:				left;
}
.product-name {
	width:				359px;
	height:				16px;
	padding-left:		10px;
	border-left:		1px solid #D1D1D1;
	float:				left;
}
.product-number {
	width:				60px;
	height:				16px;
	text-align:			center;
	border-left:		1px solid #D1D1D1;
	float:				left;
}
.product-sum {
	width:				90px;
	height:				16px;
	padding-right:		10px;
	border-left:		1px solid #D1D1D1;
	text-align:			right;
	float:				left;
}
.lesson-desc {
	width:				480px;
	padding-left:		5px;
	padding-right:		5px;
	font-size:			9px;
	text-align:			justify;
}
.lesson-desc2 {
	width:				100%;
	border-bottom:		1px solid #D1D1D1;
	border-top:			1px solid #D1D1D1;
	padding:			5px 0;
}
.list-title {
	color:				#395A90;
	font-weight:		bold;
}
.list-header {
	color:				#404040;
	font-weight:		bold;
	text-decoration:	none;
}



/**************************************/
/*   Ustawienia wypunktowania         */
/**************************************/
#nav-right ul {
	padding:			0;
	margin: 			1px 0px 0px 80px;
}
#nav-left li {
	width:				150px;
	padding: 			0;
	margin: 			3px 0 0 10px;
}

/**************************************/
/* Wizytówka klienta */
/**************************************/
.wizb1{
	background:			url(grafika/wizzl.png);
	height:				275px;
	}
.wizb2{
	background:			url(grafika/wizaso.png);
	height:				275px;
	}
.wizb3{
	background:			url(grafika/wizsgk.png);
	height:				275px;
	}
.wizb{
	background:			url(grafika/wiz.png);
	height:				275px;
	}
.wiz{
	font-family: 		'Lucida Grande'; 
	font-size: 			15px; 
	color: 				#0D81CB;
	}
.wiz1{
	
	font-size: 			16px;
	color: 				#000000;
	text-decoration: 	none;
	font-weight:		bold;
}
.wiz2{
	
	font-size: 			14px;
	color: 				#000000;
	text-decoration: 	none;
}
.wiz3{
	
	font-size: 			12px;
	color: 				#000000;
	text-decoration: 	none;
	float:				left;
	margin-left:		9px;
}
/**************************************/
/* Formatowanie tekstu, nagłówki...   */
/**************************************/
p {
	text-indent: 2em;
	text-align: justify;
	line-height: 1.2;
}
td {
	font-size: 8pt;
	vertical-align: top;
} 

strong {
	color:				#404040;
}

hr {
	border:				0px;
	border-top:			#E5E5E5 1px solid;
	margin:				8px 10px 5px 10px;
}

.fl {
	float:				left;
	margin:				0 10px 0 0;
}
.fr {
	float:				right;
	margin:				0 0 0 10px;
}

.auraltext {
	text-indent: 		-10000px;
	position: 			absolute;
	top: 				0;
	left: 				0;
	height: 			1px;
}

.must-write {
	color:				#CB260B;
	font-weight:		bold;
}

.strong-blue {
	color:				#0D81CB;
	font-weight:		bold;
}

.list {
	background-color:	#F4FBFF;
	width:				150px;
	height:				16px;
	padding-top:		1px;
	margin-top:			3px;

	color:				#676868;
	font-family: 		'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:			11px;

	border-top:			#E8F3FA 1px solid;
	border-bottom:		#C3DFF2 2px solid;
	border-left:		#E8F3FA 1px solid;
	border-right:		#E8F3FA 1px solid;
}
.textarea {
	background-color:	#F4FBFF;
	width:				572px;
	height:				70px;
	padding-top:		1px;
	margin-top:			3px;

	color:				#676868;
	font-family: 		'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:			11px;

	border-top:			#E8F3FA 1px solid;
	border-bottom:		#C3DFF2 2px solid;
	border-left:		#E8F3FA 1px solid;
	border-right:		#E8F3FA 1px solid;
}
.text-input {
	background:			#FFFFFF url(grafika/background-input.jpg) top center no-repeat;
	width:				144px;
	height:				16px;
	border:				0;

	color:				#676868;
	font-family: 		'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:			11px;

	padding:			3px 10px 0 10px;
}
.text-search {
	background:			#FFFFFF url(grafika/background-search.jpg) top center no-repeat;
	width:				130px;
	height:				16px;
	border:				0;

	color:				#676868;
	font-family: 		'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:			11px;

	padding:			3px 10px 0 24px;
}
#main select {

	color:				#000000;
	font-family: 		'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:			11px;

	border-top:			#E8F3FA 1px solid;
	border-bottom:		#C3DFF2 2px solid;
	border-left:		#E8F3FA 1px solid;
	border-right:		#E8F3FA 1px solid;
}

/**************************************/
/*   Style linków                     */
/**************************************/
#header a {
	color:				#0D81CB;
	text-decoration:	none;
}

#content a {
	color:				#676868;
	text-decoration:	none;
}
#content a:hover {
	color:				#676868;
	text-decoration:	underline;
}

#main a {
	color:				#0D81CB;
	text-decoration:	none;
}
#main a:hover {
	color:				#0D81CB;
	text-decoration:	none;
}

#footer a {
	color:				#0D81CB;
	text-decoration:	none;
}

h1 {
padding:0;
margin:0;
text-align:right;
font-size:10px;
color:black;
}
/**************************************/
/*   Styl boxflash                 */
/**************************************/
.boxflash
{
}
.boxflash table
{
} 
.boxflash tr
{
	vertical-align:top;
}
.boxflash td
{
	background-image:url('grafika/box_info2.png'); background-repeat:no-repeat;
	width:				345px;
	height:				297px;
	text-align:center;

	
}
.boxflash div
{
	font-family:Verdana; font-size:12px; font-style:italic; font-weight:bold; color:white; text-align:center; position:relative; 
    left:0px; top:0px; height:23px;vertical-align:bottom; margin-left:9px; padding-top:1px; float:left;
}
.boxflash img
{
	padding-top:4px;
	text-align:center; border:0px;

}