/* 
    Document   : 
    Created on : 2010-02-18, 20:04:39
    Author     : 
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}
html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
background:#333;
background:url('../img/bg.gif');
font:normal 12px tahoma;
}
#wrapper {
min-height:100%; /* gives layout 100% height */
width:904px; /* centered div must be given a width */
margin:0 auto 84px auto; /* centers #wrapper */
position:relative;
z-index:999;
}

#pageWidth {
width:904px; /* centered div must be given a width */
margin:0 auto 84px auto; /* centers #wrapper */
position:relative;
}
* html #wrapper {
height:100%; /* IE6 treats height as min-height */
}

#footer {
height:96px;
width:100%; /* centered div must be given a width */
margin:-96px auto 0; /* -80px sucks it back in & auto centers it */
position:fixed; bottom:0;
background:url('../img/bg-footer.gif') bottom repeat-x; z-index:2;
}

#pageTop
{
    background:url('../img/bg-top.gif');
    width:100%;height:35px;
}

/**/
#MainMenu{position:absolute; top:-15px; right:45px; z-index:999;}
#header .mmLeft, #header .mmRight, #header .mmBody{float:left; height:60px;}
#header .mmLeft
{
    background:url('../img/mainMenu-left.png');
    width:25px;
}
#header .mmRight
{
    background:url('../img/mainMenu-right.png');
    width:25px;
}
#header .mmBody
{
    background:url('../img/mainMenu-body.png');
    padding:0 10px 0 10px; width:653px;
}

#header .mmBody ul{padding:0;margin:0; list-style: none;}
#header .mmBody li{padding:22px 12px 0 13px;margin:0;float:left;}
#header .mmBody a{color:#cacaca; text-decoration: none;}
#header .mmBody a:hover{color:#fff;}
#header .mmBody a.active{color:#fff;}

.pageBox
{
    padding:12px 0 0 0 ;
}
.bgContentUp
{
    background:url('../img/bgContentUp.gif') no-repeat;
    width:904px; height:14px; position:relative; z-index:2;
}
.bgContentDown
{
    background:url('../img/bgContentDown.gif');
    width:904px;height:14px; position:relative;z-index:2;
}
.bgContentPageTop
{
    background:url('../img/bgContent.gif') repeat-y;
    width:904px;height:122px;position:relative; z-index:2;
}
.bgContentPage
{
    background:url('../img/bgContent.gif') repeat-y;
    width:904px;overflow: hidden;position:relative; z-index:1; padding:40px 0 145px 0;
}

#pageLogo
{
    background:url('../img/logo.gif');
    display:block;
    width:97px;height:143px; position:absolute; top:-10px; left:27px;
}
#infolinia{  position:absolute; top:20px; right:120px; z-index:999;}
#imgTop
{
    background:url('../img/imgTop.gif');
    width:704px;height:99px; position:absolute;  top:76px; right:55px; z-index:999;
}

.bgContentUp .ribbon
{
    width:919px;height:55px;
    background:url('../img/ribbon.gif') no-repeat;
    position:absolute; left:-9px; top:10px;z-index:9;

}

.bgContentDown .ribbon
{
    width:919px;height:55px;
    background:url('../img/ribbon.gif') no-repeat;
    position:absolute; left:-10px; bottom:80px;z-index:99;

}
#leftColumn,#rightColumn{position:relative;top:10px;}
#leftColumn
{
    width:270px;
    float:left;text-align:left;
    padding:0 0 0 0; margin:0 0 0 30px;
}
#rightColumn
{
    width:530px;
    float:left;text-align:left; margin:0 0 0 30px;
}

#leftColumn p
{
    color:#aaaaab;
    padding:0;margin:0
}
#leftColumn h3
{
    color:#000;
    font:normal 20px arial;
    padding:0;margin:15px 0 0 0;
}

#leftColumn ul{padding:0;margin:10px 0 0 0;list-style: none; }
#leftColumn li{border-bottom:1px dotted #dbdbdc; width:253px; height:24px; margin:5px 0 0 0; color:#5294ab; padding:0 0 0 0;}
#leftColumn li.active a{margin:10px 25px 10px 0; position:relative; top:10px; color:#000; text-decoration: none;}
#leftColumn li.active{border:0; color:#000;background:url('../img/activeList.gif'); width:263px;height:33px; margin:0; color:#5294ab;  padding:0 0 0 0; text-align:right; font:bold 12px tahoma;}
#leftColumn li a{color:#5294ab; text-decoration: none; padding:0 0 0 10px;}
#leftColumn li a:hover{color:#000;}

#rightColumn h3
{
    color:#000;
    font:bold 20px arial;
    padding:0;margin:10px 0 10px 0;
}
#rightColumn a:hover{color:#000;}
#rightColumn h4.headerLista
{
    color:#5999af;
    font:normal 12px tahoma;
    padding:0;margin:0;
}
#rightColumn a:hover h4.headerLista
{
    color:#000;
}

#rightColumn ul
{
    padding:0 0 0 30px;
}
#rightColumn 
{
    line-height: 200%;
    text-align:justify;

}
#rightColumn a{color:#5999af;}
#rightColumn p {padding:0;}

/*rounded*/
.rounded {
  color: #ffffff;
  width:100%;
  padding: 7px 5px 0px 5px;
  text-align: center;
  background: #fff;
  border:1px solid #c3c7ca;
  margin:0 0 10px 0;
}


#rightColumn .more
{
    text-align:right;
    padding:0;margin:0;
    color:#5999af;
    display:block;
    font:bold 12px tahoma;
}
#rightColumn .more:hover{color:#000;}
hr
{
    background:url('../img/hr.gif');height:3px; border:0;padding:0; margin:20px 0 20px 0;
}

hr.lista
{
    background:url('../img/hr.gif');height:3px; border:0;padding:0; margin:8px 0 8px 0;
}
a{text-decoration: none;}


.width
{
    width:903px; text-align:center; margin:0px auto; position:relative;
    z-index:39;
}


.error h4, .success h4{color:#000;padding:15px 15px 0 15px; margin:0; font:bold 24px arial;}
.error p, .success p{ margin:20px;color:#000;}
.error{width:100%; text-align:left; margin:15px 0 15px 0 ; border:1px solid #dcadad; background:#f0d3d3;}
.success{border:1px solid #739f1d; background:#d4f684; }
.success h4{ }

.ribbon ul{color:#767272;list-style: none; font:normal 11px tahoma; text-align:right; margin:16px 16px 0 0;}
.ribbon ul li{display: inline; margin:0 10px 0 10px; }
.ribbon a{color:#767272;}
.ribbon a:hover{color:#fff;}

 #footerPageWidth .mmLeft,  #footerPageWidth .mmRight, #footerPageWidth .mmBody{position:relative;float:right; height:62px; }
 #footerPageWidth .mmLeft
{
    background:url('../img/footer-left.png');
    width:25px; z-index:2; position:relative
}
 #footerPageWidth .mmRight
{
    background:url('../img/footer-right.png');
    width:25px; z-index:2; position:relative
}
 #footerPageWidth .mmBody
{
    background:url('../img/footer-body.png');
    padding:0 10px 0 10px; width:653px; z-index:2; position:relative
}

 #footerPageWidth .mmBody p{padding:0;margin:22px; color:#5c5454; font:normal 10px tahoma; text-align:right;}
 #footerPageWidth .mmBody p:hover{color:#a19d9d}
 #footerPageWidth .mmBody a{color:#8d5c07; text-decoration: none;}
 #footerPageWidth .mmBody a:hover{color:orange; }
 
 #footerPageWidth{position:fixed;  text-align:center; margin:0px auto auto 135px; bottom:20px;  }

  #footerWidth {
    width:100%;     min-height:100%;
    position:relative; z-index:40; padding: 0 0 10px 0;
 }
 #foterIMG{position:relative; height:687px;}
 
  #personLeft
 {
    background:url('../img/personLeft.gif') no-repeat;
    width:351px; height:687px;
    position:fixed;bottom:-50px;left:0;z-index:2;margin:0px auto;
}

 #personRight
 {
    background:url('../img/personRight.gif') no-repeat;
    width:340px; height:687px;
   position:fixed;bottom:-50px;right:0;  z-index:3;margin:0px auto;
}
#person{width:100%;position:relative; bottom:0;}
/*Formularz*/
input{height:17px;}
#rightColumn input.textInput, #rightColumn textarea
{
    width:100%;
    background:#e1e2e3 url('../img/inputCode.gif')repeat-x;
    border:1px solid #ccc;
    padding:0 10px 0 10px;
    height:17px;
    font:normal 12px tahoma;
    color:#555555;
}
.tokenCode{width:266px;
    background:#e1e2e3 url('../img/inputCode.gif')repeat-x;
    border:1px solid #ccc;
    padding:0 10px 0 10px;
    margin:17px 0 0 0;
    font:normal 11px tahoma;
    color:#555555;
}
#rightColumn textarea{padding:10px;}
/*#rightColumn input:focus, #rightColumn textarea:focus{height:22px; color:blue; font-size:13px;}*/
#rightColumn textarea{height:100px;}
#rightColumn .button {   margin:10px -16px 0 0;}
#rightColumn .button:hover {color:blue;}

#rightColumn input.button {width:69px; height:22px; ;background:url('../img/buttonSend.png');border:0;}
#rightColumn input.button:Hover{background:url('../img/buttonSendActive.png');}

#leftColumn .button{width:69px; height:22px; ;background:url('../img/buttonLogin.png');border:0;}
#leftColumn .button:Hover{background:url('../img/buttonLoginActive.png');}
#leftColumn label{color:#000; }
#leftColumn form p{margin:10px 0 0 0;}
.formLoginInput
{
    width:200px;
    background:#e1e2e3 url('../img/inputCode.gif')repeat-x;
    border:1px solid #ccc;
    padding:0 10px 0 10px;
    margin:5px 0 0 0;
    font:normal 11px tahoma;
    color:#555555;
height:17px;
}
.bgContentDown #partners
{
    width:1000px;height:55px;
    position:absolute;  top:50px; left:35px; right:35px;z-index:99;

}
#partners ul li{display: inline-block; width:150px; float:left;}

/*Tabela*/
table.fullwidth {
	width:100%;
	font-size:13px;
	padding:1px;
	margin-bottom:10px;
        border-collapse : collapse;
        border:0;
}

table.fullwidth a img
{
    padding:0; margin:0; border:0;
}

p.fisrtText{ position:absolute; right:80px; font:normal 16px arial;top:25px; }
p.secondText{position:absolute; right:35px; font:bold 22px arial; top:55px;}
p.partnerText{font:normal 12px tahoma;}

.bgContentDown table.fullwidth {
	width:850px;
        height:50px;
	padding:0; margin:0;
        border-collapse : collapse;
        border:0
}

.bgContentDown table.fullwidth td
{
    margin:0 10px 5px 10px;
    text-align:center;
}