/*-----------------------------------------------------------------------------*/
/* Dokument css - Primotex Moda Styl */
/* powered by: Tomasz Mikolajczyk */
/* email: tomek@primotex.com.pl */
/*-----------------------------------------------------------------------------*/
 * { font-family: Arial; font-size:12px;}
html, body, form {height: 100%;}
body {	background: #ffffff; color: #000000; margin: 0; padding: 0; overflow: auto; min-width: 990px; text-align: center; }
.body_repository { min-width: 648px; }

/* kontener */
/*-----------------------------------------------------------------------------*/
.container { position: relative; height: 100%; min-height:100%; width: 100%;}
html > body .container { height: auto; } /* dla FF, w IE height = min-height */ 

.container .jqmenu { position: relative; z-index: 100;}

/* klasy globalne */
/*-----------------------------------------------------------------------------*/
input { font-size: 11px; color: #000000; padding-left: 2px;}
select { font-size: 11px; color: #000000; }
option { font-size: 11px; color: #000000;}
textarea { font-size: 11px; color: #000000;}

.rowContainer { position: relative; height: 100%; border: 1px solid #781e1a; background: #f5f5f5;}
.rowContainer2 { position: relative; height:100%; border: 0px solid #781e1a; background: #ffffff; overflow-x: hidden; overflow-y: auto; padding-left: 30px; padding-right: 30px; }

/*-----------------------------------------------------------------------------*/
/* Ekran logowania */
/*-----------------------------------------------------------------------------*/
#bg1 { position: relative; left:0; top: 0; width: 100%; height: 40px;  background: #F0F4F1; border-bottom: 1px solid #ABADB3;}
#bgc { position: absolute; left:0; width: 100%; top: 50px; bottom: 50px; background: #C6D4CB; border-top: 1px solid #ABADB3; border-bottom: 1px solid #ABADB3; }
/*IE fix */ * html #bgc { height: expression(this.offsetParent.offsetHeight-102 + "px"); }
#bgc table { border-collapse: collapse; height: 100%;}

#loginbox { position: relative;  top: -30px; width: 500px; height: 200px; border: 1px solid #603721; background: #F0F4F1; }
#login_banner { position: relative; width: 100%; height: 45px; background: #F0F4F1 url('../images/footerbg.png') no-repeat center left; border-bottom: 1px solid #603721; }
#banner01 { position: absolute; left: 10px; top: 3px; width: 96px; height: 40px; background: url('../images/logo_small.png') no-repeat center left; }
#banner03 { position: absolute; right: 5px; top: 5px; width: 230px; height: 35px; }

#login { position: absolute; top: 80px; left: 25px; width: 90%; height: 100px; border: 0px solid black;}
#login table { border-collapse: collapse; width: 58%;height: 100px;}
#login tr { height: 25px; }
#login .row1 { font-weight: bold; } 
#login .col01 { width: 20%; }
#login .col02 { width: 80%; }

#footertitle { position: absolute; left:0;  width: 100%; height: 18px; border-bottom: 1px solid #603721; background: #4D8078; text-align: center;  color: #ffffff; font-size: 14px; font-weight: bold;}
/*-----------------------------------------------------------------------------*/
/* Footer */
/*-----------------------------------------------------------------------------*/
.clearfooter {width: 100%; height: 442px; min-height: 442px; clear: both; }
#footer { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; border-top: 1px solid black; padding: 5px; font-size: 11px; background: #D1D5D6 url('../images/footerbg.png') no-repeat bottom right;}
/*#footerVersion { position: relative; left: 0px; top: 15px; padding-bottom: 10px; font-size: 11px; color: #781E1A; text-decoration: underline; }*/

#footer table { width: 100%; border-collapse: collapse; }
#footer td { vertical-align: middle; font-size: 10px;  color: #781E1A; height: 50px;}

/*-----------------------------------------------------------------------------*/
/* Banner */
/*-----------------------------------------------------------------------------*/
#mainbanner { position: relative; left: 0; top:10px; width: 100%; height: 80px; background: #ffffff;}

#subbanner { position: relative; top: 10px; left: 0; background: url('../images/subbannerbg.png') repeat-x left; }
#subbanner table {width: 100%; border-collapse: collapse; height: 20px; font-weight: bold;}
#subbanner td { vertical-align: top; font-size: 14px; text-align: left; color: #603721; padding-left: 20px; border-bottom: 1px dotted #603721;}

/*-----------------------------------------------------------------------------*/
/* centerPanel
/*-----------------------------------------------------------------------------*/
#centerpanel { position: absolute; top: 110px;  left: 0; right: 0; bottom: 30px; padding: 5px 0 5px 0; }
/*IE fix */ * html #centerpanel { width: expression(this.offsetParent.offsetWidth + "px"); height: expression(this.offsetParent.offsetHeight-140 + "px"); }

#centerpanel table {width: 100%; border-collapse: collapse; }
#centerpanel td { }
#centerpanel .col0 { height: 400px; vertical-align: top; width: 50%;}
#centerpanel .col1 { height: 100px; }
#centerpanel .col2 { height: 300px; padding-left: 20%; padding-right: 20%; vertical-align: top; text-align: justify; line-height: 20px; }
#centerpanel .col3 { height: 300px; padding-left: 22%; padding-right: 22%; vertical-align: top; text-align: justify; line-height: 20px; }

/*-----------------------------------------------------------------------------*/	
/* Lista zadan */
/*-----------------------------------------------------------------------------*/
#kontakty { width: 480px; height: 80px; border: 0px solid black; }
#kontakty table { width: 100%; border-collapse: collapse; }
#kontakty td { vertical-align: center; text-align: left;  height: 20px;}

.distImage { width: 350px; height: 350px; margin-left: 40px; background: url('../images/image1.jpg') no-repeat bottom left;}