/*
 * Project:   Żubr - Duma na podlasiu
 * Date:      2009/07/03
 * Author:    Maciej Węgrzynek (maciej@webpassion.pl) - webpassion.pl
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; background: #002715; }
body { background: #002715; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #fff; font-family: Verdana, Geneva, sans-serif; line-height: 1.45; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 17px; }

a { color: #dfa84e; text-decoration: none; }
a:hover, a:focus, a:active { color: #dfa84e; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */
 #top { height: 276px; min-width: 1020px; background: url(../images/top-bcg.jpg) top left repeat-x; }
 * html #top { width:expression(document.documentElement.clientWidth < 1018? "1020px": "auto" ); }
  #logo { position: absolute; top:75px; left: 363px; }  
  
  #nav-container { position: relative; height: 64px; background: url(../images/nav-main-bcg.png) top left repeat-x; }
   #nav { list-style: none; height: 64px; margin: 0 0 0 158px; padding: 0; background: url(../images/nav-bcg.png) bottom left no-repeat; }
    #nav li { position: absolute; top: 0; height: 64px; z-index: 20; }
     #nav li a { display: block; overflow: hidden; height: 64px; background: url(../images/menu.png) top left no-repeat; text-indent: -10001px; outline: none; }
     
    #nav li.rules { left: 224px;  }
     #nav li.rules a { width: 120px; }
     #nav li.rules a:hover,
     #nav li.rules a.active { background-position: 0 -64px !important; }
	  
    #nav li.application { left: 350px; }
     #nav li.application a { width: 132px; background-position: -125px 0; }
     #nav li.application a:hover,
     #nav li.application a.active { background-position: -125px -64px !important; }
	  
	 #nav li.prizes { left: 485px; }	 
     #nav li.prizes a { width: 81px; background-position: -262px 0; }
     #nav li.prizes a:hover,
     #nav li.prizes a.active { background-position: -262px -64px !important; }
	 
	 #nav li.add-ons { left: 570px; }	 
     #nav li.add-ons a { width: 72px; background-position: -346px 0; }
     #nav li.add-ons a:hover,
     #nav li.add-ons a.active { background-position: -346px -64px !important; }
	  
      #nav li em { position: absolute; left: -10001px; top: -10001px; }
 #content-section { padding-bottom: 30px; min-width: 1020px; background: #004424 url(../images/content-bcg.png) bottom left repeat-x; }
 * html #content-section { width:expression(document.documentElement.clientWidth < 1018? "1020px": "auto" ); }
 * html #content-section { height: 100px; }
  #content { min-height: 494px; }
  * html #content { height: 494px; } 
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.3em; color: #dfa84e; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

h2#header-1 { overflow: hidden; width: 130px; height: 20px; margin-bottom: 28px; background: url(../images/header-1.png) top left no-repeat; text-indent: -10001px; }
h2#header-2 { overflow: hidden; width: 97px; height: 16px; background: url(../images/header-2.png) top left no-repeat; text-indent: -10001px; }
h2#header-3 { overflow: hidden; width: 129px; height: 19px; background: url(../images/header-4.png) top left no-repeat; text-indent: -10001px; }
h2#header-4 { overflow: hidden; width: 64px; height: 20px; background: url(../images/header-5.png) top left no-repeat; text-indent: -10001px; }
h2#header-8 { overflow: hidden; width: 59px; height: 17px; margin-bottom: 28px; background: url(../images/header-8.png) top left no-repeat; text-indent: -10001px; }
h3#header-5 { overflow: hidden; width: 184px; height: 31px; margin-bottom: 5px; background: url(../images/header-6.png) top left no-repeat; text-indent: -10001px; }
h3#header-6 { overflow: hidden; width: 295px; height: 31px; margin-bottom: 5px; background: url(../images/header-7.png) top left no-repeat; text-indent: -10001px; }

#nav-container p.silhouette { position: absolute; top: -276px; left: 0; z-index: 10; margin: 0; }
  #nav-container p.photos { position: absolute; bottom: 0; left: 640px; z-index: 30; margin: 0; }
   #nav-container p.photos img { display: block; }  

p.photos-a { position: relative; width: 200px; height: 440px; float: left; }
p.photos-a img { position: absolute; top: 0; left: 0; z-index: 10; margin: 0; }

.container-a { padding: 8px 0 30px 0; }
.container-a * { outline: none; }

.warning { color: #dfa84e; }


/* ELEMENTS
------------------------------------------- */

 .cols-two-a { overflow: hidden; width: 950px; }
  .cols-two-a div.primary-ta { position: relative; z-index:50; float: right; width: 727px; padding-top: 45px; }
  .cols-two-a div.secondary-ta { float: left; width: 156px; min-height: 186px; margin-top: 90px; padding: 26px 42px 0 22px; background: url(../images/side-col-bcg.png) top left no-repeat; }
  
  p.dwnload a { display: block; overflow: hidden; width: 56px; height: 17px; margin: 0 0 0 auto; background: url(../images/dwnload.png) top left no-repeat; text-indent: -10001px; }
  
  form.form-a { padding: 20px 0 0 0; }
   form.form-a ul { width: 100%; list-style: none; margin: 0; padding: 0; background: url(../images/brd-1.png) bottom left no-repeat; }
    form.form-a ul li { overflow: hidden; width: 100%; padding: 0 0 15px 0; }
    form.form-a ul li div { background-position: top left !important; cursor: pointer !important; }
     form.form-a ul li div input { cursor: pointer !important; }
     form.form-a ul label { display: block; float: left; width: 265px; padding: 3px 25px 0 0; text-align: right; }
     form.form-a ul label.error { float: none; clear: both; padding-left: 290px; color: #dfa84e; text-align: left; }
     form.form-a ul input { width: 326px; padding: 4px 3px; border: 1px solid #fff; background: #366c52; }
     form.form-a ul input.file { margin-right: 3px; }
     form.form-a ul textarea { width: 326px; height: 76px; padding: 4px 3px; border: 1px solid #fff; background: #366c52; }
   form.form-a p.declaration { width: 100%; padding: 12px 0 16px 0; background: url(../images/brd-1.png) bottom left no-repeat; }
    form.form-a p.declaration label.error { display: block; padding: 5px 0 0 22px; color: #dfa84e; }
    form.form-a p.declaration label.hide { display: none !important; }
   form.form-a p.btn { padding-right: 102px; text-align: right; }
   form.form-a p.btn button { margin: 0; padding: 0; background: none; border: none; text-align: right; }  
  
  ol.col { position: relative; z-index: 80; list-style: none; margin: 0; padding: 30px 0 30px 50px; }
   ol.col p { padding-left: 45px; }
   ol.col strong { display: block; width: 145px; height: 33px; margin-top: 5px; overflow: hidden; background: url(../images/prize-label.png) top left no-repeat;  text-indent: -10001px; }
  
  #footer { overflow: hidden; margin-left: 223px; width: 726px; padding-right: 1px; border: 1px solid #fff; border-width: 1px 0; }
  #footer ul { float: left; list-style: none; margin: 0; padding: 0; }
   #footer ul li { float: left; padding: 0 32px 1px 0; }
    #footer ul li a { display: block; overflow: hidden; height: 16px; background: url(../images/menu-footer.png) top left no-repeat; text-indent: -10001px; }
    
	 #footer ul li.rules a { width: 90px; }
    #footer ul li.rules a:hover,
    #footer ul li.rules a.active { background-position: 0 -16px !important; }
	 
	 #footer ul li.application a { width: 90px; background-position: -123px 0 }
    #footer ul li.application a:hover,
    #footer ul li.application a.active { background-position: -123px -16px !important; }
	 
	 #footer ul li.prizes a { width: 45px; background-position: -244px 0 }
    #footer ul li.prizes a:hover,
    #footer ul li.prizes a.active { background-position: -244px -16px !important; }
	 
	 #footer ul li.add-ons a { width: 41px; background-position: -384px 0 }
    #footer ul li.add-ons a:hover,
    #footer ul li.add-ons a.active { background-position: -384px -16px !important; }
	 
	 #footer ul li.contact a { width: 40px; background-position: -318px 0 }
    #footer ul li.contact a:hover,
    #footer ul li.contact a.active { background-position: -318px -16px !important; }	 
    
  #footer h2 { float: right;  overflow: hidden; width: 136px; height: 15px; margin: 0; background: url(../images/header-3.png) top left no-repeat; text-indent: -10001px; }
  
/* JQUERY CHECKBOX */

 .jquery-checkbox       {display: inline; font-size: 17px; line-height: 17px; cursor: pointer; cursor: hand;}
 .jquery-checkbox .mark {display: inline;}
 
 .jquery-checkbox img { vertical-align: middle; width: 17px; height: 17px;}
 .jquery-checkbox img { background: transparent url(../images/checkbox.png) no-repeat; }
 
 .jquery-checkbox img { background-position: 0px 0px; }
 .jquery-checkbox-hover img { background-position: 0px -17px; }
 .jquery-checkbox-checked img { background-position: 0px -34px; }
 .jquery-checkbox-checked .jquery-checkbox-hover img { background-position: 0px -51px; } 
 .jquery-checkbox-disabled img { background-position: 0px -68px; }
 .jquery-checkbox-checked .jquery-checkbox-disabled img { background-position: 0px -85px; }