/*-------BANNER-------*/
#mdbanner {
	width: 100%;
	height: 110px;
	background-image:url(mdbannerbg.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFF;
}



#mdweb {
       margin:auto;
       width:969px;
}


#mdheaderpl .center {
	position: relative;
	width: 980px;
	height: 75px;
	margin: 0 auto;
	;
}

div.mdstripe {
	height:6px;
	width:auto;
	background-color: #fff;
	background-image:url(mdmagenta.png);
	background-repeat:repeat-x;
}

#mdheaderpl {
	width: 100%;
	height: 103px;
    background:url(mdtop.png) no-repeat;
}


#mdheaderen {
       height:183px;
       background:url(mdtopen.png) no-repeat;
}
#mdheader {
       display:block;
       height:183px;
       background:url(mdtoptyt.png) no-repeat;
  width:100%;
  overflow:hidden;
  margin:1px;


}
.mdheadertop{
   margin-right: 0px;
   display: block;
   clear:both;
   width: 350px;
   float: right;
}
.mdheadertoppl{
   margin-right: 0px;
   display: block;
   clear:both;
   width: 210px;
   float: right;
}


#mdcontent {
  width:100%;
  overflow:hidden;
  margin:1px;
  display:block;
}
#mdcontent table{
  width:100%;
  table-layout:auto;
}



#mdfooter {    clear:both;       background:#e8e8e8;}
.mdcenteredfooter {
       width:969px;
       margin:auto;
       height:73px;
       background:url(mdfooter.png) no-repeat;
}
.mdcenteredfooter span{
  margin:4px;
  padding:0;
  text-align: center;
  display:block;

}




.mdleft {
       float:left;
       width:675px;
       margin-bottom:30px;
       background:url(mdlftop.png) right top no-repeat;
}

.mdright {
       float:right;
       width:294px;
       margin-bottom:30px;
}

.mdramka {
       background:url(mdborderbg.png) top left no-repeat;
       padding:5px 10px;
}

.mdramka ul, .mdramka li {
  margin:0px 15px;
}

.mdnumeristic ul, .mdnumeristic li, .mdnumeristic ol {
       list-style: decimal;
}

.mdunordered ul, .mdunordered li, .mdunordered ol {
       list-style: circle;
}









.mdtl {background:url(mdboxtl.png) top left no-repeat;}
.mdtr {background:url(mdboxtr.png) top right no-repeat;}
.mdbl {background:url(mdboxbl.png) bottom left no-repeat;}
.mdbr {background:url(mdboxbr.png) bottom right no-repeat;}

.mdtl2 {background:url(mdbox2tl.png) top left no-repeat;}
.mdtr2 {background:url(mdbox2tr.png) top right no-repeat;}
.mdbl2 {background:url(mdbox2bl.png) bottom left no-repeat;}
.mdbr2 {background:url(mdbox2br.png) bottom right no-repeat;}

.mdboxcontent {
       padding:10px;
}

.mdbox2 {
       background:#e8e8e8;
       margin:0 7px 7px 7px;
       overflow:hidden;
}

.mdbox {
       margin: 20px 10px 0 17px;
       background:#6f7f87;
}


.mdbox3 {
       width: 20%;
       margin-top: -55px;
       margin-right: 20px;
       padding-left: 5px;
       float:right;
       overflow:visible;
}

.mdbox3 a {
       text-decoration: none;
}

.mdQwyr { color: #353847;  font-weight:bold;}

.mdQpole { color: #003670;  font-weight:bold;}




/*----------- PŁYTA CZOŁOWA --------- */


#mdboard a {
 text-decoration:none;
 display: inline;
 padding:3px;
 line-height:20px;
}

#mdboard{  background:url(mdbgcc.png) -28px -42px no-repeat;
}

#mdboardtop {
  margin-top:40px;
  margin-bottom:25px;
  padding-top:0px;
  margin-left: 0px;
  height: 130px;
  display: block;
  position:relative;
}

#mdboardbottom {
  height: 130px;
  margin-left: 0px;
  margin-top:25px;
  margin-bottom:15px;
  padding-bottom:20px;
  padding-top:0px;
}

#mdboardtopleft {
 float:left;
 top: 0px;
 text-align:right;
 padding-right:15px;
 position:relative;
}

#mdboardtopright {
 float:left;
 width:400px;
 top:0px;
 text-align:left;
 padding-left:15px;
position:relative;
left:400px;
}

#mdboardbottomleft {
 float:left;
 width:300px;
 text-align:right;
 padding-right:15px;
 display: inline;
   position:absolute;

}

#mdboardbottomright {
 float:left;
 width:40%;
 text-align:left;
 padding-left:15px;
 display:inline;
   position:relative;
  left:400px;

}

.mdboardmainoption {
 font-size:16px;
 font-weight:bold;
 clear:both;
 padding-top:20px;
 padding-bottom:20px;
}

.mdboardoptionright {
 font-size:15px;
 margin-left:35px;
 background:#f2f0f4;
 float:left;
 width:200px;
}

.mdboardoptionleft {
 font-size:15px;
 margin-right:35px;
 background:#f2f0f4;
 float:right;
 width:200px;
}

.mdlewax {
 padding:10px 0;
 margin:0 10px;
 background:#f2f0f4;

}

.mdlewaxx {
 border-right: 3px solid #b2bdc3;
 padding-right:5px;
}

.mdprawax {
 padding:10px 0;
 margin:0 10px;
 background:#f2f0f4;
}

.mdprawaxx {
 border-left: 3px solid #b2bdc3;
 padding-left:5px;
}

.mdtl3 {background:url(mdtl.png) top left no-repeat;}
.mdtr3 {background:url(mdtr.png) top right no-repeat;}
.mdbl3 {background:url(mdbl.png) bottom left no-repeat;}
.mdbr3 {background:url(mdbr.png) bottom right no-repeat;}


#userqt {
  text-align: right;
  font-weight: bold;
  padding-right: 6px;
  color: #fff;

}

#md-dashboard{ width:200px;margin-right:10px;}

/* --------- dotąd *******************/



#md-nagl h1 {
	float: left;
	letter-spacing: -2px;
	font-size: 36px;
  font-weight: normal;
}


#md-nagl h2 {
	float: left;
	font-size: 15px;
  padding: 12px 0 0 0;
  font-weight: bold;
  color: #a2a7ad;
}


#md-stopka {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	background: url(mdcz08.png) repeat-x;
}


#mdtools a {
 text-decoration:none;
 display: block;
}

#mdtools{
   margin-top:93px;
   margin-right: 0px;
   height: 63px;
   clear: both;
   float: right;
vertical-align:bottom;}


.mdtool { display: inline-block;
        cursor: pointer;
}
.mdtoolsr {
  display: inline-block;
  margin:0px;
  width:80px;
  height:60px;
  background:  url(mdtoolsr.png);
  color: white;
  vertical-align:bottom;
  text-align: center;
  padding-right: 4px;
}

.mdtoolsr span{
  text-align: center;
  color: #3A4534;
  display:block;
  padding:0 0px 0 0 ;
  width:100%;
  font-size:14px;
  margin-right :0px;
}
.mdtool:hover span{
  color: #e8e8e8;
}

.mdtool p, .mdtool b{
margin:0;
padding:0;
}

.mdtoolsr img{
 margin-top: 3px;
 margin-bottom: 0px;
 margin-left: 24px;
 margin-right: 24px;
}
.mdtool:hover div{
 background:  url(mdtoolsrh.png);
}

.mdtoolleft {
  display: inline-block;
  width:5px;
  height:60px;
  padding:0;
  margin:0;
  background:  url(mdtoolleft.png);
  border:0;
}
.mdtool:hover b{
 background:  url(mdtoollefth.png);
}

.mdtoolright {
  display: inline-block;
  height:60px;
  width:5px;
  margin:0;
  padding:0;
  background:  url(mdtoolright.png);
  border:0;
}
.mdtool:hover p{
 background:  url(mdtoolrighth.png);
}
.mdboxportal{ -moz-transition: all 0.6s ease-out 0s;
-webkit-transition: all 0.6s ease-out 0s;}
.mdboxportal:hover{  -moz-transform: scale(1.2);-webkit-transform: scale(1.2);}

.mdportal{ -moz-transition: all 0.6s ease-out 0s;
display:inline-block;
position:relative;
width:660px;
height:400px;
border-radius:8px;
   background: -moz-linear-gradient(top, rgba(159,210,204,0.6), rgba(235,255,255,0.4));
   background: -webkit-gradient(linear,left top ,left bottom, from( rgba(159,210,204,0.6)), to(rgba(235,255,255,0.4)));
       margin: 10px 5px 20px 0px;

overflow:hidden;}


.mdleftportal {
       float:left;
       display:inline;
       position:relative;
       width: 10000px;
       display: block;
       list-style: none;
       left:0px;

}

.slide {background: transparent;position: relative;cursor: pointer;   white-space:nowrap; width:660px;}




.blue {	color:#1792C6;}
.red {	color:#ce232c;}
.green {	color:#62A023;}
.violet {	color: #713f98;}
.dark_blue {	color: #0f2b5d;}
.grey {	color: #6d6d6d;}
.magenta {	color:#d5017f;}
.sliders{height:200px;float:left;}
.slide {width:660px;}
.slide div{display:inline-block;}
.column_1_3 ul{list-style:none;display:list-item;}
.column_1_3 li{list-style:circle;display:list-item;}

.column_1_3:hover h1{
  margin-left:20px;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

.column_1_3:hover{
 margin-top:-5px;
 background-color:#eFeFeF;
  box-shadow:  -2px 2px 6px #beccdd, 2px 2px 6px #aebccd;

}
.column_1_3 {
   -moz-transition: all 0.3s ease-out 0s;
   -webkit-transition: all 0.3s ease-out 0s;
	width:205px;
	height: auto;
	float:left;
	position:relative;
	padding: 0 25px 20px 10px;
}


.mdboardtext{
  position:absolute;
  overflow: hidden;
  padding:10px;

  width:180px;
  height:60px;
    z-index:1;
    background-color:#E0E0E0;color:#3c485a;
     background: -moz-linear-gradient(top, rgba(200,200,200,0.6), rgba(235,235,235,0.9));
   background: -webkit-gradient(linear,left top ,left bottom, from( rgba(159,210,204,0.6)), to(rgba(235,255,255,0.4)));

}

.mdboardmainoption{
   padding: 5px 20px;
   margin: 0px ;
   z-index: 10;
   position:relative;
   width:160px;
   box-shadow:  -2px 2px 6px #beccdd, 2px 2px 6px #aebccd;
   background: -moz-linear-gradient(top, rgba(159,210,204,0.6), rgba(235,255,255,0.4));
   background: -webkit-gradient(linear,left top ,left bottom, from( rgba(159,210,204,0.6)), to(rgba(235,255,255,0.4)));
   position:absolute;

}



/*-------TOP LEFT-------*/

.mdboardoptionleft{
    -webkit-transform:  rotate(0deg) skew(-45deg, 0deg);
    -moz-transform:  rotate(0deg) skew(-45deg, 0deg);
    -o-transform: rotate(15deg) skew(15deg, 15deg);
    -ms-transform: rotate(15deg) skew(15deg, 15deg);
    transform: rotate(15deg) skew(15deg, 15deg);
    z-index:10;
	position:absolute;
	left:20px;

}



#mdboardtopleft .mdboardmainoption{
   top:77px;
   left:-15px;
}

#mdboardtopleft {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#mdboardtopleft .mdboardtext{
    -webkit-transform:  rotate(0deg) skew(-45deg, 0deg);
    -moz-transform:  rotate(0deg) skew(-45deg, 0deg);

    transform: rotate(15deg) skew(15deg, 15deg);
   -moz-transition: all 0.6s ease-out 0s;
   -webkit-transition: all 0.6s ease-out 0s;
  left:20px;
  top:32px;

}

#mdboardtopleft:hover .mdboardtext{
  left:-5px;
  top:0px;

    -webkit-transform:  rotate(0deg) skew(0deg, 0deg);
    -moz-transform:  rotate(0deg) skew(0deg, 0deg);
    -webkit-transform: scale(1.5) translate(5px, 25px);
    -moz-transform: scale(1.5) translate(5px, 25px);

    transform: rotate(0deg) skew(0deg, 0deg);
     box-shadow:  -2px 2px 6px #beccdd, 2px 2px 6px #aebccd;
   border-radius: 4px;
    z-index:20;

}


/*-------TOP RIGHT-------*/
.mdboardoptionright{
    -webkit-transform:  rotate(15deg) skew(-15deg, -15deg);
    -moz-transform:  rotate(0deg) skew(-45deg, 0deg);
    -o-transform: rotate(15deg) skew(15deg, 15deg);
    -ms-transform: rotate(15deg) skew(15deg, 15deg);
    transform: rotate(15deg) skew(15deg, 15deg);
    z-index:10;
    position:absolute;

}
#mdboardtopright .mdboardmainoption{
   left:13px;
   top: 77px;
   
}

#mdboardtopright{
    -webkit-perspective:  800px;
  -moz-perspective:     800px;
  -ms-perspective:      800px;
  -o-perspective:       800px;
  perspective:          800px;

  }

#mdboardtopright .mdboardtext{
    z-index:20;
    left: 143px;
    height:80px;
    top:7px;

    -moz-transform:  rotate(-0deg) skew(0deg, -45deg) scale(0.35);

    transform: rotate(0deg) skew(-15deg, -45deg);
   -moz-transition: all 0.6s ease-out 0s;
   -webkit-transition: all 0.6s ease-out 0s;

    -webkit-transform-style:  preserve-3d;
  -moz-transform-style:     preserve-3d;
  -o-transform-style:       preserve-3d;
  -ms-transform-style:      preserve-3d;
  transform-style:          preserve-3d;
  -webkit-transition:       1.5s linear;
  -moz-transition:          1.5s linear;
  -o-transition:            1.5s linear;
  -ms-transition:           1.5s linear;
  transition:               1.5s linear;

  -webkit-transform:        rotate3d(00,-40,0,45deg )   skew(0,-45deg) scale(0.35);
  -moz-transform:     rotateX(360deg);
  -ms-transform:      rotateX(360deg);
  -o-transform:       rotateX(360deg);
  transform:        rotate3d(30,40,10,-90deg );


}

#mdboardtopright:hover .mdboardtext{
  left:25px;
  top:0px;

    z-index:20;
    -moz-transform:  rotate(0deg) skew(0deg, 0deg);



  -webkit-transform:        rotate3d(30,40,50,20deg ) translate3d(10px,10px,200px);
  -moz-transform:           rotateZ(30deg) rotateX(30deg);
  -ms-transform:            rotateZ(30deg) rotateX(30deg);
  -o-transform:             rotateZ(30deg) rotateX(30deg);
  transform:        rotate3d(30,40,50,20deg );
     box-shadow:  -2px 2px 6px #beccdd, 2px 2px 6px #aebccd;

}

/*-------left BOTTOM-------*/


.mdoption{
   padding: 5px 20px;
   margin: 0px 0;
   width:180px;
   z-index: 10;
   position:relative;
   box-shadow:  -2px 2px 6px #beccdd, 2px 2px 6px #aebccd;
   background: -moz-linear-gradient(top, rgba(159,210,204,0.6), rgba(235,255,255,0.4));
   background: -webkit-gradient(linear,left top ,left bottom, from( rgba(159,210,204,0.6)), to(rgba(235,255,255,0.4)));


}
#mdboardbottomleft:hover .mdboardoptionleft{
  z-index:20;
     -webkit-transform:  rotate(0deg) skew(0deg, 0deg);
    -moz-transform:  rotate(0deg) skew(0deg, 0deg) scale(1.5);
    -webkit-transform: scale(1.5) translate(5px, 25px);
    -moz-transform: scale(1.5) translate(5px, 25px);

    transform: rotate(0deg) skew(0deg, 0deg);

}
#mdboardbottomleft .mdboardoptionleft{
  -webkit-transition:       1.5s linear;
  -moz-transition:          1.5s linear;
  -o-transition:            1.5s linear;
  -ms-transition:           1.5s linear;
  transition:               1.5s linear;
  left:60px;
  top:40px;
  position:absolute;
  z-index:1;
   box-shadow:  -2px 2px 6px #beccdd, 2px 2px 6px #aebccd;
   border-radius: 4px;

  }

#op1{top:30px;left:40px;}

#op2{top:20px;left:30px;}
#op3{top:10px;left:20px;}

/*-------right BOTTOM-------*/
.mdkostka{
   background: -moz-linear-gradient(top, rgba(159,210,204,0.6), rgba(235,255,255,0.4));
   background: -webkit-gradient(linear,left top ,left bottom, from( rgba(159,210,204,0.6)), to(rgba(235,255,255,0.4)));
    -webkit-transform-style:  preserve-3d;
  position:absolute;
  overflow:hidden;
  border:1px solid #444;

}
#mdboardbottomright {
  -webkit-transition:       1.5s linear;
  -moz-transition:       1.5s linear;
}

#ko1{top:65px;left:14px;width:73px;height:80px;}

#ko2{top:49px;left:75px;width:57px;height:57px;
   -moz-transform:  rotate(-135deg) skew(15deg, 45deg) scale(1);

  -webkit-transform:        rotate3d(00,-40,0,45deg )   skew(0,-35deg) scale(1.1) ;


}
#ko3{top:3px;left:36px;width:60px;height:70px;
   -moz-transform:  rotate(-75deg) skew(15deg, 015deg) scale(1);
  -webkit-transform:        rotate3d(40,0,0,45deg )   skew(-35deg) ;

}

#mdboardbottomright:hover{
  -webkit-transform:        rotate3d(1,1,1,90deg )   scale(1.8) ;
  -webkit-transform: translate3d(80,1,100);
  -moz-transform:           scale(1.8);

}