.whitebox{
background:#fff;padding:10px;border-radius:5px;-moz-border-radius:5px;box-shadow:4px 4px 10px #777;
}
.fullscreen{
position:absolute;
margin-top: -70px;background: #fff;padding: 10px !important;border: 1px solid #aaa;border-radius: 5px;width: 950px;height: 500px;
margin-left:-200px !important;
    padding-bottom: 30px !important;
}
.opcjeWidocznosci:hover div {display:block !important;}
.rtoEditorFS{
width:935px !important;
height:450px !important;
}
.cssIFrameFS{
width: 920px !important;
height: 340px !important;
}
.tableZapiszFS{
width:940px !important;
}
.tableOfContents tr {
    border-left:4px solid #fff; border-radius:5px;
    
}
.tableOfContents tr:hover {
    border-left:4px solid #1388cb; border-radius:5px;
    
}
.addPageButton .addPageButtonDiv {display: none;position: absolute;border:1px solid #aaa;border-radius: 5px;padding:5px;background: #fff;margin-top:-20px;z-index:1000000;width:170px;}
.addPageButton:hover .addPageButtonDiv {display: block;}
/************paginacja **************/
.paginacja{
display:inline-block;
border:1px solid #555;
padding:5px 7px 5px 7px;
                background-color:#1388cb;
                color:#fff;
font-weight:bold;
    border-radius:3px;
}
.paginacja_current{
display:inline-block;
border:1px solid #555;
font-weight:bold;
padding:8px 9px 8px 9px;
                background-color:#1388cb;
                color:#fff;
    border-radius: 3px;
}

/* top elements */
* { padding: 0; margin: 0; }

body {
  margin: 0;
  padding: 0;
  font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
  color: #666666; 
  /* background: #ffffff url(bg.gif) repeat-x; */
  background: #fff url(../img/smoke.jpg) fixed no-repeat;
  
background-size:cover;  
  overflow-x: hidden; 
  min-height:700px;
}

fieldset{
padding-bottom:10px;
border:1px solid #ccc;
margin-bottom:10px;
}
legend{
font-weight:bold;
margin:0px 10px;
padding:0px 5px;
}
/* links */
a { 
  color: #1388cb;
  background-color: inherit;
  text-decoration: none;
  font-size:11px;
}
a:hover {
  color: #000000;
  background-color: inherit;
}

/* headers */
h1, h2, h3 {
  font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
  color: #333;  
}
h1 { font-size: 1.5em; color: #000000; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 {
  margin: 10px 15px;
}

h1, h2, h3 {
  margin: 10px 10px;
  margin-top:0;
}
ul, ol {
  margin: 10px 30px;
  padding: 0 15px;
  color: #666666;
}
ul span, ol span {
  color: #666666; 
}

h1 {
  margin-top:0;
}

/* images */
img {
  border: none;
}
img.no-border {
  border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: none;
}

input {
  padding: 4px;
  border:1px solid #ccc;
  font-family: arial;
  color:#777;
   border-radius:2px;
}
textarea {
  width:300px;
  padding:4px;
  font-family: arial;
  border:1px solid #ccc;
  height:100px;
  font-size:13px;
  display:block;
  color:#777;
}
input.button { 
  margin: 0; 
  font: bold 1em Arial, Sans-serif; 
  border: none;
  background: #FFF; 
  padding: 2px 3px; 
  height: 24px;
  color: #FFF;
  background: #000000 url(button-bg.jpg) repeat-x 0 0;
}
input[type="radio"] {
border:0px;
vertical-align:middle;
    width:18px;
    height:18px;
} 
input[type="checkbox"] {
border:0px;
vertical-align:middle;
    width:18px;
    height:18px;
} 
select {
padding:4px;
padding-right:5px;
    border: 1px solid #CCC;
    font-family:  arial;
    color: #777;
	background:#fff;
}
} 

#wrap {
  width: 1000px; 
  height: 100%;
  margin: 0 auto;  
  text-align: left;
}
#content-wrap {
  clear: both;
  margin: 0; padding: 0;  
  text-align:left;
}
#logowanie {
    float: right;
  margin: 0;  padding: 0;
  margin-bottom:10px;
  margin-right:8px;
  margin-top:2px;
  font-size:11px;
}

div#logowanie input.button {
    border:1px solid #b5af8c;
    background-color:#cac59d;
    height:25px;
}
div#logowanie input {
  height:20px; padding:2px; font-size:13px;
  border:1px solid #b5af8c;
}
div#logowanie a {
/*  color:#b5af8c;*/
color:#74725b;
  text-decoration:underline;
}
/* header */
#header {
  position: relative;
  /* height: 40px;   */
  height: 83px;
  background-image:url(../img/markizy.png);
  background-position:top center;
  background-repeat:no-repeat;
  width: 944px;
  left:-32px;
}
#logo {
    width: 212px;
  margin: 0px 0px 0px 0px;  
  padding:0px 0px 0px 0px;
}



#header h1#logo {
  position: absolute;
  margin: 0; padding: 0;
  font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
  letter-spacing: -2px;
  text-transform: lowercase;
  top: 0; left: 5px;  
}
#header h2#slogan {
  position: absolute;   
  top:37px; left: 95px;
  color: #666666;
  text-indent: 0px;
  font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
  text-transform: none;  
}
#header form.searchform {
  position: absolute;
  top: 0; right: -12px;  
}

/* main */


.post-footer {
  padding: 5px; margin: 20px 15px 0 15px;
  border: 1px solid #ffffff;
  font-size: 95%;  
}
.post-footer .date {
  background: url(clock.gif) no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
  background: url(comment.gif) no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
  background: url(page.gif) no-repeat left center;
  padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
#sidebarmenu {
   
  margin: 0;  
  padding: 0; 
    
}

#sidemenu {
background:#fff;padding:10px 10px 10px 0px;border-radius:5px;-moz-border-radius:5px;
width:200px;
margin-top:10px;
margin-bottom:20px;
}

#sidemenuTop {
/*  background-image:url(../img/sidebarMid.png);
  background-position:top left;
  background-repeat:repeat-y;  */

}

#sidebarmenu p {
  background-image:url(../img/sidebarmid.png);
  background-position:top left;
  background-repeat:repeat-y;
}

#sidebarmenu ul.sidemenu {
  list-style:none;
  margin:0px 7px 0px 15px;
  padding:0;    
}
#sidebarmenu ul.sidemenu li {
  margin-bottom:1px;
}
#sidebarmenu ul.sidemenu a {
  display:block;
  font-weight:bold;
  color: #999;  
  text-decoration:none;  
  padding:2px 5px 2px 10px;
  background:none;
  font-size:11px;
  min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebarmenu ul.sidemenu a:hover {
  padding:2px 5px 2px 10px;
  background:none;
  color: #000000;
}

/* rightbar */
#rightbar {
    margin:0px;
    height:22px;  
  background-color:#fff;
  background-image:url(../img/divider_small.png);
  background-position:bottom;
  background-repeat:no-repeat;
}

/* Footer */
#footer { 
  clear: both; 
  color: #333; 
  border-top: 1px solid #aaa;
  margin: 0; padding: 0;
  margin-top:10px;
  height: 37px;    
  font-size: 95%;
  width:860px; margin:auto;
}
#footer a { 
  text-decoration: none; 
  font-weight: normal;  
  color: #333;
}
#footer .footer-left{
  float: left;
  width: 45%;
}
#footer .footer-right{
  float: right;
  width: 50%;
  margin-top:10px;
  color: #333;
  text-align:right;

  }
#wykonanie_div {
  margin-top:5px;
  color: #333;
}

#footer a:hover {
  color:#111;
}
/* start - table */
table {
  border-collapse: collapse;
  font-size:11px;
/*  margin: 10px;  */
  margin:0;
}
#logowanie table {
  border:0;
  margin: 0;
  font-size:13px;
}

#logowanie img {
  vertical-align:bottom; /* generalnie ok */
  vertical-align:top;
}
th strong {
  color: #fff;
}
tr {

}

td {
  padding-left: 10px;
  padding-right: 10px;
    padding-top:2px;
  padding-bottom:2px;
  
}


div#logowanie td {
  padding:2px;
  border:0;
  text-align:right;
}
td.first,th.first {
  border-left: 0px;
}
tr.row-a {
  background: #F8F8F8;
}
tr.row-b {
  background: #EFEFEF;
}
/* end - table */
/* menu tabs */
#header ul {
  z-index: 999999;
  position: absolute;
   margin:0; padding: 0;
   list-style:none;
  right: 0; 
  bottom: 6px !important; bottom: 5px;
  font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;  
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
  color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
  color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
  color: #FFF;
}

/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {  float: right; }
.align-left  {  text-align: left; }
.align-right {  text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {  color: #9EC630; }
.gray  {  color: #BFBFBF; }


/*tabs*/
#tab_header {
        FONT-SIZE: 80%; BACKGROUND: url(bg_tab.gif) #dae0d2 repeat-x 50% bottom; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
#tab_header UL {
        PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tab_header LI {
        PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tab_header A {
        PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #666; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#tab_header A {
        FLOAT: none
}
#tab_header A:hover {
        COLOR: #9EC630
}
#tab_header #cr {
        BACKGROUND-IMAGE: url(left_on.gif)
}
#tab_header #cr A {
        BACKGROUND-IMAGE: url(right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
}

/* fixed errors */

#main table {
  
}

#main font {
  margin-left:20px;
}
#div_tresc{
}

#f1{
margin-left:10px;
}
#przerwaEnd {
  background:#000;
  width:740px;
  height:27px;
  margin-bottom:0px;
  margin-right:0px;
background:url(../img/divider.png) top no-repeat;
}
#przerwaTop {
  
}

#mainEnd {
  background-position:top left;
  background-repeat:no-repeat;
  
}
#mainTop {
  background-position:top left;
  background-repeat:no-repeat;
  margin-bottom:0;
  
}
#main {
background:#fff;padding:10px;border-radius:5px;-moz-border-radius:5px;
min-height:330px;
margin-bottom:20px;
}

li#current {
  background:none;
  color: #000000;
  padding-left:4px;
  
  background-image:url(../img/current.png);
  background-position:center left;
  background-repeat:no-repeat;
}

#sidebar ul.sidemenu li#current a , li#current a:hover {
  color: #000000;
}

#main input.button, #overlay input.button  {
	background: #1388cb;
  margin: 0px; 
  padding: 0px 10px 0px 10px; 
  font: bold 1em Arial, Sans-serif; 
	border: 1px solid #2970b0;
  height: 30px;
  FONT-SIZE: 10px;
border-radius:3px;
-moz-border-radius:3px;
  overflow: hidden;
    transition: all .3s ease-out 0s;
    vertical-align: middle;
    z-index: 1;
   cursor: pointer;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16),0 2px 5px 0 rgba(0,0,0,0.12);
margin-top:-3px;

}
.buttonC  {
	color: #1388cb;
    background: #fff;
  margin: 0px; 
  padding: 0px 10px 0px 10px; 
  font: bold 1em Arial, Sans-serif; 
	border: 1px solid #2970b0;
  height: 30px;
  FONT-SIZE: 10px;
border-radius:3px;
-moz-border-radius:3px;
  overflow: hidden;
    transition: all .3s ease-out 0s;
    vertical-align: middle;
    z-index: 1;
   cursor: pointer;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16),0 2px 5px 0 rgba(0,0,0,0.12);
margin-top:-3px;

}
#rejestracja input.button {
  background:none;
  background-image:url(../img/zarejestruj.png);
  background-position:center center;
  background-repeat:no-repeat;
  width:118px;
  height:58px;
  border:0;
  color:#fff;
  font-size:13px;
}

input.button:hover {
  opacity:0.8;
}

.button {
  cursor:pointer;
}


/*- Menu Tabs C--------------------------- */

    #tabsC {
      float:left;
      width:740px;
      border-bottom:2px solid #EDF7E7;
      background:#fff;
      font-size:93%;
      line-height:normal;
    margin-bottom:10px;
      }
    #tabsC ul {
        margin:0;
    margin-top:2px;
        padding:10px 10px 0 10px;
        list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      background:url("../img/tableftc.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url("../img/tabrightc.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#464E42;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#FFF;
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }

        #tabsC #current a {
                background-position:0% -42px;
        font-weight:bold;
        }
        #tabsC #current a span {
                background-position:100% -42px;
        font-weight:bold;
        }
          #tabsC #current2 a {
                background-position:0% -42px;
        font-weight:bold;
        }
        #tabsC #current2 a span {
                background-position:100% -42px;
        font-weight:bold;
        }  
    
    .toggler {
    background:#1388cb;
  margin: 0px; 
  padding: 6px 10px 6px 10px; 
  font: bold 1em Arial, Sans-serif; 
	border: 1px solid #2970b0;
  color:#fff;
  FONT-SIZE: 14px;
border-radius:5px;
-moz-border-radius:5px;
  cursor:pointer;
  margin-bottom:1px;
  border-radius:3px;
-moz-border-radius:3px;
  overflow: hidden;
    transition: all .3s ease-out 0s;
    vertical-align: middle;
    z-index: 1;
   cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
 
.element {
 border-right: 0px solid #edf7e7;
  border-left:0px solid #edf7e7;

}
 
.element p {
  margin: 0;
  padding: 4px;
  text-align:justify;
  padding-bottom:10px;
}
 
.float-right {
  margin:5px 5px 5px 5px;
  float:right;
}

.tool-tip {
  color: #333;
  width: 254px;
  z-index: 13000;
  text-align:left;
  margin-left:-100px;
}
 
.tool-title {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  color: #9FD4FF;
  padding: 8px 8px 4px;
  background: url(bubble.png) top left;
}
 
.tool-text {
  font-size: 11px;
margin-top:0px;
margin-left:0px;
width: 230px;
height: 150px;
border:0px solid black;
padding:10px;
background-image: url(../img/bubble.png);
background-repeat: no-repeat;
}
 
.custom-tip {
  color: #000;
  width: 130px;
  z-index: 13000;
}
 
.custom-title {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  color: #3E4F14;
  padding: 8px 8px 4px;
  background: #C3DF7D;
  border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
  font-size: 11px;
  padding: 4px 8px 8px;
  background: #CFDFA7;
}    

.msg_ok{
border:1px dashed #666666;
padding:10px;
background:#a9e892;
color:#222222;
border-radius:4px;
-moz-border-radius:4px;
}
.msg_err{
color:#222222;
border:1px dashed #666666;
padding:10px;
background:#ffa3a3;
border-radius:4px;
-moz-border-radius:4px;
}

.kategoria_header
{
height:30px; padding-left:35px;font-size:15px; font-weight:normal;background:url(../img/dir32.jpg) left top no-repeat;text-align:left;vertical-align:middle;
border-bottom:1px solid #bbb;
padding-top:10px;
margin-bottom:20px;
}
.tooltip2{
   			display: inline;
    		position: relative;
			min-height:24px;
		
		}
	
		.tooltip2:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(tooltip);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 11111198;
    		width:auto;
			font-weight:normal;
			margin-top:-15px;
						
		}
		
		.tooltip2:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 11111199;
		}
.tooltip{
   			display: inline;
    		position: relative;
			min-height:24px;
			text-align:left;
			
		}
	
		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(tooltip);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 11111198;
    		width:150px;
			font-weight:normal;
			margin-top:-15px;
			
			
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 11111199;
		}
		
.slideThree {
	width: 80px;
	height: 26px;
	background: #333;
	margin: 0px auto;
   margin-top:-10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideThree:after {
	content: 'Nie';
	font: 12px/26px Arial, sans-serif;
	color: #ddd;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideThree:before {
	content: 'Tak';
	font: 12px/26px Arial, sans-serif;
	color: #fff;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slideThree label {
	display: block;
	width: 34px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background:#2690cb;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideThree input[type=checkbox]:checked + label {
	left: 43px;
}


.roundedTwo {
  width: 28px;
  height: 28px;
  position: relative;
  margin: 20px auto;
  background: #fcfff4;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  label {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 4px;
    cursor: pointer;
    background: linear-gradient(top, #222 0%, #45484d 100%);
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    &:after {
      content: '';
      width: 9px;
      height: 5px;
      position: absolute;
      top: 5px;
      left: 4px;
      border: 3px solid #fcfff4;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      transform: rotate(-45deg);
    }
    &:hover::after {
      opacity: 0.3;
    }
  }
  input[type=checkbox] {
    visibility: hidden;
    &:checked + label:after {
      opacity: 1;
    } 
  }   
}
		
@media screen and (max-width: 500px) {
    #tdAdv {display: none;}
    body {overflow-x: scroll;}
    #sidemenu {display: none;border:1px solid #111;}
    #logo {height:60px;}
    #logo img {display: none;}
    #wrap table {margin-left: 0px !important;}
    #footer {width:100% !important;}
    .nomobile {display: none !important;}
    .mobile {display: block !important;}
    #swapMenuBT {display: block !important;}
    #topOptions table {display: none;}
    #adminLoginForm {width:240px;margin: auto;}
}