*{
    margin: 0;
    padding: 0;
}


LI {
	COLOR: #464646; font-family : Arial;
	font-size : 10pt;
	padding-left : 20px;
	font-weight : lighter;
	padding-right : 20px;
}

ul{
    padding-left:20px;
}

html {
    height: 100%;
}

body{
    background-color: #fff;
    background:transparent url(../img/bg.png) repeat-y scroll center top;
    color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    padding: 0;
    text-align: center;
}

/* ################   Position ################  */
#all{
    background-color: #FFFFFF;
    border: none;
    color: #000000;
    font-size: 0.8em;
    margin: 0 auto;
    max-width: 960px;
    width: 960px;
    padding-top: 0;
    text-align: left;
    clear: both;
}

#page { border: none;}

#header{
    background: url(../img/gora.png) no-repeat;
    height: 80px;
    color: #000;
    margin: 0;
    position: relative;
    text-align: right;    
    padding-left:10px;
    padding-right:10px;
}


#contentarea{
    border: none;
    margin-top: 15px;
    padding: 0;
    position: relative;
    overflow:hidden;
}

#left
{    
    float: left;
    margin: 0;
    background-image: url('../img/ekspres_left.png');
    background-repeat: no-repeat;
    background-position:left bottom;
    min-height:380px;
    padding-top:2px;
    width: 100%;
}

#main h1, h1 {
    color:#9C6B31;
    font-family:"trebuchet MS", sans-serif;
    font-size:1.9em;
    font-weight:normal;
    margin:0;
    margin-left:25px;
    padding-bottom:5px;
}


.art_title div{
        display:block;
	background:url(../img/art-title.png) bottom left repeat-x;
	width:690px;
	text-indent: 0;
	margin-left:4px;
	padding: 5px 0 5px 0;
}

.art_title{
  font-weight: bold !important;
  width:698px;
  font-size:9px;
  margin-left:0;
  padding-bottom:0px;
  clear:both;
}

  .art{
  float:left;
  padding:0px 5px 0px 4px;
  width:690px;
  @width:699px;
  line-height:1.6em;
  min-height:274px;
  @height:274px;
}

.art3{
  float:left;
  padding:0px 5px 0px 4px;
  width:690px;
  @width:699px;
  line-height:1.6em;
  height:274px;
}



.art2{
  float:left;
  padding:0px 5px 0px 4px;
  width:690px;
  @width:699px;
  line-height:1.6em;
  min-height:326px;
}

.art_bottom{
  background-image:url(../img/art-bottom.png);
  background-repeat:repeat-x;
  background-position:left bottom;
  @margin-top:-7px;
  @margin-bottom:-1px;
  width:100%;
  @width:101%;
  float: left;  
  }


  .art_bottom2{
  background-image:url(../img/art-bottom.png);
  background-repeat:repeat-x;
  background-position:left bottom;
  @margin-top:1px;
  @margin-bottom:-8px;
  width:100%;
  @width:101%;
  float: left;
  }


  #info{
      float:left;
      padding:5px;
      min-height:274px;
      @height:274px;
  }

#main_right{  
  width: 700px;
   min-height:380px;
  padding: 0;  
  float: right;
  border: 1px solid #dbdbdb;
}

/*
a:hover {
border-bottom:1px solid #996633;
}

a:link, a:visited, a:active, a:focus {
border-bottom:1px solid #E6DACB;
color:#996633;
}
*/
a {
color:#996633;
display:inline-block;
text-decoration:none;
}

.link {
    border-bottom:1px solid #996633;
}


h2 {  
  color:#9C6B31;
  font-size:1.2em;
  font-weight:bold;
  margin:0;
  padding-top:20px;
}

.prawa{
    float:right;
    margin-left:10px;
    margin-right:10px;
    border:none;
    border-style:none;
    padding-top:10px
}

div #check{    
    float:left;
    padding-right:5px;
    margin-top:3px;
    @margin-top:0px;
}

#dol{        
    float:left;    
    width:97%;
    @width:98%;    
    padding-top:35px;
    margin-left:10px;    
    border-bottom:1px solid #dedede;
}

#dol_left{
    float:left;
    width:70%;
}

#dol_right{
    float:right;
}

#srodek{
    border-top:1px solid #BDBDBD;
    margin-top:5px;
}


.dzialy{
    margin:20px 0 10px;    
    /*background-color:#f5f0ea;*/
    /*background-color:red;*/
    width:100%;
    float:left;
    font-size:1.3em;
}

.dzialy label{
    margin-left:25px;
    font-weight:bold;
    color:#9C6B31;
}



.lista{
    float:left;
    width:690px;
}

.check{
    float:left;
    padding-left:5px;    
    width:20px;
    padding-top:4px;
    @padding-top:0px;
}

.pelna_nazwa{
    float:left;    
    padding-right:10px;
    padding-left:26px;
    width:96%;
     color:#808080;
}

.nazwa{
    float:left;
    font-weight:bold;
    padding-right:10px;
}

.wer_biez{
    float:left;
    padding-right:10px;
    color:#808080;
}

.wielkosc{
    float:left;
    color:#808080;
}

.right{
    float:right;
    color:#808080;
    padding-top:4px;
    
}

.kreska{
    border-bottom:2px solid #f5f0ea;
    /*border-bottom:2px solid red;*/    
    width:690px;
    @margin-top:-20px;
    float:left;
    @float:none;
}

.lista_opis{
    float:left;
    padding-left:27px;
    width:96%;
    color:#808080;
}


#anuluj{
 border-style:none;
   background:url('../img/anuluj.gif') no-repeat scroll right bottom;
  height:16px;
  width:63px;
  padding-top:1px;
  margin-left:0px;
  margin-right:10px;
  vertical-align:bottom;
  float:left;
}

#anuluj:hover{
 border-style:none;
 background:url('../img/anuluj_on.gif') no-repeat scroll right bottom; 
  height:16px;
  width:63px;
  padding-top:1px;
  margin-left:0px;
  margin-right:10px;
  vertical-align:bottom;
  float:left;
}


#zalecane:hover{
 border-style:none;
 background:url('../img/zalecane_on.gif') no-repeat scroll right bottom;
  height:16px;
  width:63px;
  padding-top:1px;
  margin-left:10px;
  margin-right:10px;
  vertical-align:bottom;
  float:left;
}

#zalecane{
 border-style:none;
 background:url('../img/zalecane.gif') no-repeat scroll right bottom;
  height:16px;
  width:63px;
  padding-top:1px;
  margin-left:10px;
  margin-right:10px;
  vertical-align:bottom;
  float:left;
}


#pobierz{
 border-style:none;
 background:url('../img/pobierz.gif') no-repeat scroll right bottom;
  height:16px;
  width:63px;
  padding-top:1px;
  margin-left:10px;
  margin-right:0px;
  vertical-align:bottom;
  float:left;
}

#pobierz:hover{
 border-style:none;
 background:url('../img/pobierz_on.gif') no-repeat scroll right bottom;
  height:16px;
  width:63px;
  padding-top:1px;
  margin-left:10px;
  margin-right:0px;
  vertical-align:bottom;
  float:left;
}


#wstecz{
 border-style:none;
 background:url('../img/wstecz.gif') no-repeat scroll right bottom;
  height:16px;
  width:63px;
  padding-top:1px;
  margin-left:0px;
  margin-right:20px;
  vertical-align:bottom;
  float:left;
}

#wstecz:hover{
 border-style:none;
 background:url('../img/wstecz_on.gif') no-repeat scroll right bottom;
  height:16px;
  width:63px;
  padding-top:1px;
  margin-left:0px;
  margin-right:20px;
  vertical-align:bottom;
  float:left;
}


#reset{
 border-style:none;
 background:url('../img/reset.gif') no-repeat scroll right bottom;
  height:16px;
  width:63px;
  padding-top:1px;
  margin-left:10px;
  margin-right:10px;
  vertical-align:bottom;
  float:left;
}

#reset:hover{
 border-style:none;
 background:url('../img/reset_on.gif') no-repeat scroll right bottom;
  height:16px;
  width:63px;
  padding-top:1px;
  margin-left:10px;
  margin-right:10px;
  vertical-align:bottom;
  float:left;
}

#dalej:hover{
     border-style:none;
    background:url('../img/dalej_on.gif') no-repeat scroll right bottom;
    height:16px;
    padding-top:0;
    position:relative;
    @position:fixed;
    vertical-align:bottom;
    width:63px;
}

#dalej{
    border-style:none;
    background:url('../img/dalej.gif') no-repeat scroll right bottom;
    height:16px;
    padding-top:0;
    margin-right:0px;
    position:relative;
    @position:fixed;
    vertical-align:bottom;
    width:63px;
}



#tak{
    border-style:none;
    background:url('../img/tak.gif') no-repeat scroll right bottom;
    height:16px;
    padding-top:0;
    margin-right:0px;
    position:relative;
    @position:fixed;
    vertical-align:bottom;
    width:63px;
}

#tak:hover{
    border-style:none;
    background:url('../img/tak_on.gif') no-repeat scroll right bottom;
    height:16px;
    padding-top:0;
    margin-right:0px;
    position:relative;
    @position:fixed;
    vertical-align:bottom;
    width:63px;
}



#nie{
    border-style:none;
    background:url('../img/nie.gif') no-repeat scroll right bottom;
    height:16px;
    padding-top:0;
    margin-right:0px;
    position:relative;
    @position:fixed;
    vertical-align:bottom;
    width:63px;
}



#nie:hover{
    border-style:none;
    background:url('../img/nie_on.gif') no-repeat scroll right bottom;
    height:16px;
    padding-top:0;
    margin-right:0px;
    position:relative;
    @position:fixed;
    vertical-align:bottom;
    width:63px;
}



#form_anuluj{
    float:left;
}

#form_zalecane{
    float:left;
}

#form_reset{
    float: left;
}

img{
border:medium none;
}

#footer{
    padding-top:20px;
    @padding-top:0px;
    float:left;
}


#info_static{
    background:url('../img/info.gif') no-repeat scroll right bottom;
    height:18px;
    width:64px;
    position:static;
    margin-top:54px;
    margin-right:-2px;    
    @margin-right:2px;
}

#info_static:hover{
    background:url('../img/info_on.gif') no-repeat scroll right bottom;
    height:18px;
    width:64px;
    position:static;
    margin-top:54px;
    margin-right:-2px;
    @margin-right:2px;
}


#pomoc_static{
    background:url('../img/pomoc.gif') no-repeat scroll right bottom;
    height:18px;
    width:75px;
    position:static;
    margin-right:-2px;
    @margin-right:2px;
}

#pomoc_static:hover{
    background:url('../img/pomoc_on.gif') no-repeat scroll right bottom;
    height:18px;
    width:75px;
    position:static;
    margin-right:-2px;
    @margin-right:2px;
}

#kontakt_static{
    background:url('../img/kontakt.gif') no-repeat scroll right bottom;
    height:18px;
    width:78px;
    position:static;
    margin-right:-10px;    
}

#kontakt_static:hover{
    background:url('../img/kontakt_on.gif') no-repeat scroll right bottom;
    height:18px;
    width:78px;
    position:static;
    margin-right:-10px;
}


p#uwaga{
    color:#999999;
    font-size:0.9em;
}