/* Definicje startowe i ustawienia domyslne */
/* -------------------------------------------------------------------------- */
body { margin: 20px 0px 20px 0px; padding: 0; text-align: center; background-color: #535353; }
body,table { color: #000000; font-size: 12px; font-family: Tahoma,Verdana,Helvetica; }

img { border: 0; }
a,a:link,a:visited { color: #ffffff; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
p,h1,h2,h3,h4,form { margin: 0; padding: 0;}
form,input,select,textarea { font-size: 12px }
div.clear { clear: both }

h1 { margin-bottom: 10px; color: #ffffff; font-size: 24px; font-weight: normal}
h1 span.sub { color: #686868; font-size: 14px }

.hr { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px #ffffff dotted }

/* Główny układ strony */
/* -------------------------------------------------------------------------- */
#wrapper { width: 895px; margin: 0 auto; }
  
 #main { width: 885px; margin: 0 auto; padding: 5px; background-color: #ffffff; } 
 
  #top { width: auto; height: 401px; background-image: url('images/top.jpg'); background-repeat: no-repeat; margin-bottom: 5px }
   #topLogo { width: auto; height: 118px;}
    #topFlags { text-align: right; padding-top: 5px; padding-right: 10px}
   #topSlogan { width: auto; height: 221px; }
   #topMenu { width: auto; height: 43px; padding-top: 19px; margin-right: 10px; }
    #topMenu ul { float: right; font-size: 13px; padding: 0px; margin: 0px; }
    #topMenu ul li { display: inline; list-style: none; height: 27px;}
    #topMenu ul li a, #topMenu ul li a:link, #topMenu ul li a:visited { float: left; color: #ffffff; height: 21px; padding: 4px 15px 2px 15px; text-decoration: none;  border-left: 1px #D9BA60 dotted;}
    #topMenu ul li a:hover { height: 21px; text-decoration: none; color: #D9BA60; }

  #sMessage { margin-bottom: 5px; padding: 15px; background-color: #000000; color: #ffffff; text-align: left }
     
  #content { width: auto; background-image: url('images/bg_content.jpg'); background-repeat: repeat-y; text-align: left }
   #content div.left { float: left; width: 397px; background-color: #8A8B90}
   #content div.right { float: left; width: 460px; padding: 14px }

 #footer {  width: 895px; margin: 0 auto; text-align: left; height: 60px; }
  #footer div.left { float: left; width: 695px; margin-top: 20px }
  #footer div.right { float: left; width: 200px; margin-top: 20px; text-align: right }

  #footer ul { height: 26px; font-size: 11px; padding: 0px; margin: 0px; }
  #footer ul li { display: inline; list-style: none; height: 25px;  }
  #footer ul li a, #mainmenu ul li a:link, #mainmenu ul li a:visited { float: left; color: #ffffff;  height: 19px; padding: 4px 15px 2px 15px; text-decoration: none; border-left: 1px #9f9f9f dotted;}
  #footer ul li a:hover { height: 19px; text-decoration: none; color: #AFAFAF; }


#flash { width: 397px; height: 240px; }
      
/* Menu na podstronach */
/* -------------------------------------------------------------------------- */  
.subMenu ul, .subMenu ul li { margin: 0; padding: 0; list-style: none; }
.subMenu ul li { text-align: right; background-color: #99A9AF; font-weight: bold; }
.subMenu ul li a:link, .subMenu ul li a:active, .subMenu ul li a:visited { display: block; font-size: 12px; text-decoration: none; color: #ffffff; padding: 10px; margin: 1px;  }
.subMenu ul li a:hover { display: block; color: #000000; background-color: #B3BCBF; }


/* Listy produktow w katalogu */
/* -------------------------------------------------------------------------- */
 .catalogProduct { padding: 5px 0px 20px 0px; border-bottom: 0px #ffffff dotted;}
  .catalogProduct div.image { width: 150px; float: left }
  .catalogProduct div.image img { width: 120px; height: 120px; border: 1px #AFAFAF solid; padding: 3px} 
  .catalogProduct div.description { float: left;  }  
  .catalogProduct a { color:#ffffff; font:11px tahoma; }

/* Listy newsów w katalogu */
/* -------------------------------------------------------------------------- */
 .newsList { padding: 5px 0px 20px 0px; border-bottom: 0px #ffffff dotted;}
  .newsList div.image { float: left; width: 150px; }
  .newsList div.image img { width: 120px; height: 120px; border: 1px #AFAFAF solid; padding: 3px} 
  .newsList div.content { float: left;  width: 310px; }
   .newsList div.content div.title { font-weight: bold }
   .newsList div.content div.date { font-size: 10px; color: #ffffff }     
   .newsList div.content div.lead { margin-top: 10px }  
   .newsList div.content div.more { margin-top: 10px; text-align: right }
   .newsList div.content div.back { margin-top: 10px; text-align: left }             
  .newsList a { color:#ffffff; font:11px tahoma; }



/* Formularz */
/* -------------------------------------------------------------------------- */    
form div.fieldTitle { color: #000000; margin-bottom: 5px; }
form div.field { margin-bottom: 5px; padding-bottom: 5px; }
form div.field input, div.field textarea { width: 100% }
form div.fieldButton { text-align: right;  }
form div.fieldButton input {  font-size: 12px }

/* Paginacja */
/* -------------------------------------------------------------------------- */
div.paginationBottom { margin-top: 15px; padding-top: 15px;  border-top: 1px #ebebeb dotted; text-align: center }

span.pagination { font-size: 11px }
span.pagination a { color: #800000; padding: 3px; margin: 2px; border: 0px #ebebeb solid; text-decoration: none; }
span.pagination a:hover { color: #000000;}
 span.pagination a.direction { font-weight: bold }
 span.pagination a.direction:hover {  }
 span.pagination a.bigJump { font-weight: bold }
 span.pagination a.fastJump { font-weight: bold }
 span.pagination a.item { color: #000000; }
 span.pagination a.item:hover  { color: #000000; } 
 span.pagination a.itemSelected:link, span.pagination a.itemSelected:visited, span.pagination a.itemSelected:active { border: 0px #afafaf solid; color: #ffffff; background-color: #800000; font-weight: bold }
 span.pagination a.itemSelected:hover { border: 0px #afafaf solid; color: #ffffff; background-color: #800000 }