/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#666; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{background:#fff; color:#000; text-decoration:none;}
a:hover{background:#fff; color:#666; text-decoration:underline;} 

/*----TOP PANEL----*/
#topPan{width:872px; height:82px; position:relative; margin:0 auto;}
#topPan #ImgPan{width:60px; height:72px; background:#fff; color:#666; position:absolute; top:10px; left:0px; padding:0 0 0 0px;} /*tutaj zmienić*/
#topPan #ImgPan img{width:60px; height:72px;}


#topPan ul{width:648px; height:32px; position:absolute; top:43px; right:140px;}
#topPan ul li{width:78px; height:32px; float:left;}
#topPan ul li a{width:76px; height:32px; display:block; background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; color:#666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#topPan ul li a:hover{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}

#topPan ul li.home{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{width:869px; position:relative; margin:-10px auto;}

#bodyPan p.toptextpadding{padding:25px 0 0; margin: 30px auto;}
#bodyPan p span{background:#fff; color:#D20039;}
#bodyPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(images/more-bg.gif) 0 0 no-repeat;}
#bodyPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#bodyPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}




#TopMiddleLeftPan{400px; float:left;} /* 232 ORIGINALLY  10+ */
#TopMiddleLeftPan h2{width:340px; height:30px; display:block; color:#D20039; border-bottom:1px dashed #BDB9B9; font-size:28px; line-height:24px; padding:4px 20px 0 0;}
#TopMiddleLeftPan h2 span{background:#fff; color:#545454; font-weight:bold; font-size:14px; text-transform:uppercase;}










/*----Body Middle Panel----*/
#bodyMiddlePan{width:869px; position:relative; margin:0 auto;} /* FIXED! */
/*----Middle Left Panel----*/
#MiddleLeftPan{width:312px; float:left;} /* 232 ORIGINALLY  10+ */
#MiddleLeftPan p{padding:14px 0 0; line-height:18px;}

#MiddleLeftPan p.largegraytext{font-size:18px;}

#MiddleLeftPan p.more{width:81px; height:22px; display:block; margin:15px 0 0 145px; background:url(images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleLeftPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleLeftPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#MiddleLeftPan p.chat{width:232px; height:70px; padding:14px 0 36px;}
#MiddleLeftPan p.chat a{width:232px; height:70px; display:block; background:url(images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}
#MiddleLeftPan p.chat a:hover{background:url(images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}

#MiddleLeftPan h2{width:340px; height:30px; display:block; color:#D20039; border-bottom:1px dashed #BDB9B9; font-size:24px; line-height:22px; padding:0 20px 0 0;}
#MiddleLeftPan h2 span{background:#fff; color:#545454; font-weight:bold; font-size:14px; text-transform:uppercase;}

/*----/Middle Left Panel----*/
/*----Middle Right Panel----*/
#MiddleRightPan{width:454px; float:right; padding:0px 0px 0 73px;} /* 384 ORIGINALLY  and 73 padding */

#MiddleRightTopPan{width:386px; height:336px; background:url(images/spaceball1.png) no-repeat; padding:31px 0 0; margin:20px 0 40px;background-size:386px 336px}
/*#MiddleRightTopPan{width:384px; height:203px; background:url(images/image1.jpg) 0 100% no-repeat; padding:29px 0 0; margin:0 0 40px 0;}*/
/*#MiddleRightTopPan{display: block;width:386px; height:336px; background:url(images/spaceball1.png); 0 100% no-repeat; padding:31px 0 0; margin:-200px 0 0 -525px;background-size:100%}*/

/*#MiddleRightTopPan p.fresh{width:108px; height:24px; display:block; margin:0 0 0 208px; font-size:20px; text-transform:uppercase;}
#MiddleRightTopPan p.business{width:170px; height:20px; display:block; margin:0 0 0 210px; background:url(images/dotline.gif) 0 100% repeat-x #fff; color:#6BB600; font-size:27px; text-transform:uppercase; text-align:right;}*/

#MiddleRightPan h2{width:380px; height:20px; background:url(images/dotline.gif) 0 100% repeat-x #fff; color:#6BB600; font-size:24px;}
#MiddleRightPan p{padding:8px 0 0;}

#RightListfastPan{width:200px; float:left; padding:10px 0 0;}
#RightListfastPan ul{width:200px;}
#RightListfastPan ul li{width:200px; height:20px; float:left;}
#RightListfastPan ul li a{width:190px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListfastPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

#RightListnextPan{width:180px; float:left; padding:10px 0 0;}
#RightListnextPan ul{width:180px;}
#RightListnextPan ul li{width:180px; height:20px; float:left;}
#RightListnextPan ul li a{width:160px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListnextPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

/*----/Middle Right Panel----*/

/*----Footer Panel----*/
#footermainPan{background:url(images/footerbg.gif) 0 0 repeat-x #F4F4F4; color:#212121; position:relative; margin:0 auto; height:73px; clear:both;}

#footerPan{width:869px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0 0;}

#footerPan ul{width:175px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#212121; background:#F4F4F4; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:480px; height:20px; position:relative; margin:0 275px;}
#footerPan ul.templateworld li{float:left; }
#footerPan ul.templateworld li a{padding:0 4px 0; color:#212121; background:#F4F4F4; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan ul.templateW{width:250px; height:20px; position:relative; margin:0 315px;}
#footerPan ul.templateW li{float:left; }
#footerPan ul.templateW li a{padding:0 4px 0; color:#212121; background:#F4F4F4; text-decoration:none;}
#footerPan ul.templateW li a:hover{text-decoration:underline;}



#footerPan p.copyright{width:250px; background:#F4F4F4; color:#212121; position:relative; margin:0 auto;}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:73px; left:270px;}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:73px; left:336px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:0px; left:0px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}
textarea {
   resize: none;
}
.textAreaColumn{
    width:100%;    
}
.textAreaColumn div{
    float:left;
    width:50%;
    /*border:1px solid red;*/
    padding:0px 0px 0px 10px;
    box-sizing: border-box;
}

.textAreaColumn div span{
    display:block;
}

.textAreaColumn div textarea{
    box-sizing: border-box;
    width:100%
}
.inline-div {
    display:inline-block;
}
.inline-txtarea {
    resize: none;
    border : 2px solid red;
    height:125px;
}
#EmbeddedExtern{width:800px; float:left; padding:0px -300px 0 73px; margin: -40px -50px 0 0;} /* 384 ORIGINALLY  and 73 padding */
#bodyPan p.toptextpadding{padding:10px 0 0;}
#BottomMiddleLeftPan{width:800px; float:left;}
#BottomMiddleLeftPan h2{width:740px; height:32px; display:block; color:#D20039; border-bottom:1px dashed #BDB9B9; font-size:24px; line-height:22px; padding:0 20px 0 0;}
#BottomMiddleLeftPan h2 span{background:#fff; color:#545454; font-weight:bold; font-size:14px; text-transform:uppercase;}
#EmbeddedBottomAxis{width:80px; float:right; padding:0px 0px 0 73px; margin: -140px 335px 0 0;} /* 384 ORIGINALLY  and 73 padding */
/*#EmbeddedTopAxis{width:0px; float:right; padding:0px 580px 0 73px; margin: -680px 415px 0 0;transform: rotate(270deg);} */
#EmbeddedTopAxis{width:0px; float:right; padding:0px 0px 0 73px; margin: -375px 215px 0 0;transform: rotate(270deg);} 
#BottomBottomMiddleLeftPan{width:800px; float:left;margin:-30px 0 0 0;}