body
{
	margin-top: 0;
}
#iecenter
{
	text-align: center;
}

#main
{
	text-align: left;
	margin: auto;
	width: 1000px;
}

#tlogo
{
	width: 174px;
	height: 102px;
	background-image: url("../images/layout/ec_02.gif");
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#tflash
{
	width: 444px;
	height: 102px;
	background-image: url("../images/layout/ec_03.png");
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	color: #bcb6ab;
	font-family: Arial, sans-serif;
	font-size: 25px;
	line-height: 102px;
}

#tflash div
{
	margin-left: 30px;
	margin-top: 5px;
}

	#regulamin-szkolen {
		color:#7B7B7B;
		line-height:20px;
		font-size:12px;
	}


#tright
{
	width: 382px;
	height: 102px;
	background-image: url("../images/layout/ec_04.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	text-align: right;
	vertical-align: middle;
}

#thr
{
	width: 1000px;
	height: 11px;
	line-height: 11px;
	background-color: #b8036e;
	border-bottom: 1px solid white;
	clear: both;
}

#mleft
{
	background-image: url("../images/layout/ec_07.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 174px;
	height: 44px;
	float: left;
	clear: right;
}

#mmenu
{
	background-color: #ef1897;
	width: 826px;
	height: 44px;
	float: left;
	clear: right;
}

#mtitle
{
	background-image: url("../images/layout/ec_09.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 227px;
	height: 37px;
	float: left;
}

#mtitle2
{
	background-image: url("../images/layout/ec_10.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 773px;
	height: 37px;
	float: left;
	clear: right;
}

#mcont
{
	width: 1000px;
	border-collapse: collapse;
	border-right: 2px solid #f2efea;
	clear: both;
}

#rcont
{
	vertical-align: top;
	width: 673px;
	/*width: 676px;*/
}

#lmenu
{
	vertical-align: top;
	width: 676px;	
	font-size: 10px;
	font-family: Arial, sans-serif;
}
#bleft
{
	float: left;
	width: 155px;
	height: 400px;
	margin-top: 4px;
	background-image: url('../images/bannery/banner3.jpg');
	background-repeat: no-repeat;
	background-position: top;
	clear: right;
}
#lbanner
{
	width: 150px;
}

#lmenu, #flmenu
{
	background-color: #eeece7;
	width: 172px;
}

#lmenu a
{
	color: #9a9086;
	text-decoration: none;
}

#lmenu a:hover
{
	color: #6F6153;
	font-weight: bold;
	text-decoration: none;
}

#lmenu td.selected
{
	color: black;
}

#mcmain
{
	width: 769px;
}

#bancenter
{
	width: 769px;
	height: 188px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
        float:top;
        position:relative;
}

#mcnav
{
	height: 40px;
	border-bottom: 2px solid #f2efea;
	vertical-align: middle;
}

#mcnavi
{
	background-repeat: no-repeat;
	background-position: left top;
}

#mcpages
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #7b7b7b;

	height: 48px;
	width: 740px;
	border-top: 2px solid #f2efea;
	margin-top: 2em;
	border-bottom: 1px solid #f2efea;
	margin-bottom: 5ex;
	padding-left: 30px;	
}
#pagenav
{
	width: 570px;
}

#mcpages a
{
	color: #9a9086;
	text-decoration: none;
}

#mcpages a:hover
{
	color: #E70088;
	text-decoration: none;
}

.curr_page
{
	color: #E70088;
}

#bads
{
	height: 55px;
	background-color: #f7f6f3;
	margin-right: 0;
	padding-top: 10px;
	width: 100%;
}

#bbot1
{
	margin-left: 500px;
}

#bsep
{
	width: 950px;
	height: 3px;
	line-height: 3px;
	background-color: #b8036e;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	clear: both;
	display: block;
}

#flogo
{
	background-image: url("../images/layout/ec_25.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 79px;
	height: 35px;
	float: left;
}

#fcopy
{
	float: left;
	width: 181px;
	padding-top: 10px;
	text-indent: 5ex;
}

#fnav
{
	text-align: right;
	width: 680px;
	float: left;
	clear: right;
	padding-top: 10px;
}

#ftimer
{
	font-size: 7pt;
	color: silver;
	text-align: center;
	clear: both;
}

#footer
{
	height: 35px;
	background-color: #eeece7;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #9b9185;
}
#fnav a, #fnav a:visited, #fnav a:link, #fnav a:active
{
	text-decoration: none;
	color: #9A9184;
	background-color: inherit;
}

#fnav a:hover
{
	color: #81034d;
	background-color: inherit;
}
.center
{
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
}

.pdane
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #90908F;
	text-align: center;
}
.reg
{
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #90908F;
}

.regg
{
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #90908F;
}

.logf
{
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #90908F;
	cursor: pointer;
}
#loginerr
{
	color: red;
	font-size: 60%;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
.borderless
{
	padding: 0 !important;
	border-width: 0 !important;
	background-color: transparent;
}

.borderless *
{
	margin: 0 !important;
	border-width: 0;
}
a.gallerya
{
	margin: 10px !important;
}

#kontakt
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #9A9184;
} 
#kontakt a, img
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	color: #E70088;		
	border: 0;
}
#kontakt a:hover
{
	color: #81034d;
	background-color: inherit;
}
#kupowanie 
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #9A9184;
}
#kupowanie table
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #9A9184;
}
#kupowanie .label
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #81034d;
	padding: 0;
}
#kupowanie a
{
	font-family: Arial, Helvetica, sans-serif;	
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #E70088;	
}


#poradnik table
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #9A9184;
}
#poradnik a
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #81034d;
}
#regulamin
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #9A9184;
}
#regulamin .label
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #81034d;
	padding: 0;
}
#mapa
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #9A9184;
}
#mapa a
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #81034d;
}

#mcnt
{
	width: 600px;
	float: left;
}
#notfound
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	margin-top: 100px;
	color: #9a9086;
}

.download
{
	font-family: Arial, sans-serif;
	font-size: 12px;	
	border-collapse: collapse;
	width: 600px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	
}

.download .hide
{
	border-style: none;
}

.download th
{
	background-color: #faf3e4;
	color: #6c3970;
	padding: 1em;
	border:	1px solid #faf3e4;
}

.download td
{
	text-align: center;
	padding: 1em;
	border:	1px solid #e0e0e0;
}

.download td.c0
{
	color: #6c3970;
	background-color: inherit;
}

.download td.c1
{
	color: #616161;
	background-color: #fbf9f4;
}

.download a
{
	color: #7A4192;
	background-color: inherit;
}

.download a:hover
{
	color: #E2596F;
	background-color: inherit;
}
#need_to_log
{
	font-family: Arial, sans-serif;
	font-size: 12px;	
	text-align: left;
	margin-left: 20px;
	color: red;
}
#galnav 
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #7b7b7b;

	border-top: 2px solid #f2efea;
	margin-top: 1em;
	border-bottom: 1px solid #f2efea;
	padding-bottom: 20px;	
}
#galnav a
{
	color: #9a9086;
	text-decoration: none;
}
 .paging {
	position: absolute;
	width: 178px; height: 47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	bottom:1px;
	right:-7px;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging span {
	padding: 5px;
	text-decoration: none;
	color: #fff;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;

}

.paging .active {font-weight: bold;background: #920000;  
-moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px; }

.paging span:hover {font-weight: bold;background: #920000;  
-moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px; }
 
.progress_bar_bg {
	width:106px;
	padding:0px;
	height:4px;
	background: white;
	opacity:0.5;
	filter:alpha(opacity=50);
	position:relative;
	bottom:8px;
	left:37px;
	font-size:0px;
	line-height:0px;
}

#progressbar {
	padding:0px;
	margin:0px;
	position:absolute;
	height:4px;
	left:0px;
	width:0px;
	background:black;
	opacity:0.7;
	filter:alpha(opacity=70);
	font-size:0px;
	line-height:0px;
}

.show_more {
    display:block;
    cursor:pointer;
    padding-top:7px;
    padding-bottom:7px;
}

.imagesWrapper {
    position:relative;
    width:320px;
    float:left;
    padding:2px;
}

.imgWrap {
    margin:0;
    width:260px;
}

.imgPopup {
    padding: 2px;
    display:none;
    width:320px;
    background-color:#FFF;
    box-shadow: 0 0 20px #555555;
    border-radius: 5px 5px 5px 5px;
    border:1px solid #AAA;
    z-index:99999;
    position:absolute;
    left:102px;
}

.imgPopupPointer {
    background:url(../images/layout/arrow.png) center center no-repeat;
    width:20px;
    height:70px;
    position:absolute;
    top:110px;
    left:-20px;
}

.images-desc {
    display:none;
    text-align: left;
}

.image-desc {
    position:relative;
    border-top:1px solid #DDD;
    margin:4px auto 0 auto;
    width:290px;
    height:50px;
}

.image-desc p {
    color:#444;
    text-align:left;
}

.image-desc table td {
    vertical-align:middle;
    width:150px;
    height:50px;
}

.clear {
    clear:both;
}

.imagesThumbs img {
    margin:0 2px 2px 2px;
    cursor:pointer;
}

.thumbActive {
    border:2px solid #444;
    border-radius:5px 5px 5px 5px;
}

/* the overlayed element */
.overlay {
    padding:30px 4px 4px 4px;
    display:none;
    z-index:10000;
    background-color:#FFF;
    min-height:200px;
    border:1px solid #666;

    -webkit-border-radius:6px;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

.overlay h2 {
    width:95%;
    margin:0 auto;
    border-top:1px solid #DDD;
    line-height:12px;
    color: #E70088;
    font-size:12px;
    padding:30px 0 30px 0;
}

.ovThumbs {
    width:100px;
    padding:0 5px 5px 5px;
    float:right;
}

.ovThumbs img {
    width:100px;
    margin:0 0 6px 0;
    cursor: pointer;
}

.ovMainImg {
    width:430px;
}

.overlay .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	position:relative;
	overflow:hidden;
	width: 772px;
	height:191px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:772px;
}

.scrollable img {
	float:left;
	margin:0;
	background-color:#fff;
	padding:0;
	width:772px;
	height:191px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/layout/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }


/* left */
a.left				{ margin-left: 0px; }
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{
	background:url(../images/layout/vert_large.png) no-repeat;
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* position and dimensions of the navigator */
.navi {
        position:absolute; right:10px; top:10px;
        z-index:999;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/layout/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;
}