/* Definicje startowe i ustawienia domyslne */
/* -------------------------------------------------------------------------- */
body { background-image: url('/images/bg.jpg'); background-repeat: repeat-x; margin: 0; padding: 0; text-align: center; background-color: #E8E6C0; }
body,table { color: #000000; font-size: 11px; font-family: tahoma, verdana; }

img { border: 0; }
a,a:link,a:visited { color: #9d9d9d; 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: 11px }
div.clear { clear: both }

/* Strefy główne */
/* -------------------------------------------------------------------------- */
#wrap { margin: 0px auto; background-image: url('/images/bg_top.jpg'); background-repeat: no-repeat; background-position: top center; }

#wrapArea1 { background-color: #be6505; background-image: url('_/images/area_1bg.jpg'); background-repeat: repeat-x; background-position: bottom; }
#wrapArea1 div.areaContainer { width: 980px; height: 32px; margin: 0px auto; text-align: left; }

#wrapArea2 { }
#wrapArea2 div.areaContainer { width: 980px; height: 146px; margin: 0px auto; text-align: left; }

#wrapArea3 { }
#wrapArea3 div.areaContainer { width: 980px; margin: 0px auto; text-align: left; background-color: #ffffff }

#wrapArea4 { background-image: url('/images/body_bottom.png'); background-repeat: no-repeat; background-position: top; }
#wrapArea4 div.areaContainer { width: 980px; height: auto; margin: 0px auto; text-align: left; }

/* Górna część strony */
/* -------------------------------------------------------------------------- */
#top { height: 27px; padding-top:5px; color: #ffffff;   }
#top a { color: #ffffff }
#top table { color: #ffffff }
#top form input.field { color: #000000; background-color: #E8E6C0; border: 1px #E29841 solid; padding:2px;}
#top div.left { float: left; width: 350px; }
#top div.right { float: left; padding-top:3px;   width: 630px; text-align: right; }
#top div.right div.userinfo { display: block; float: right; width:200px; text-align: right; padding-right: 10px; margin-right:10px;  background-image: url('/images/dots_light.gif'); background-repeat: no-repeat; background-position: right;  }
#top div.right div.loginForm { display: block; float: right;  width:300px; text-align: right; }
#top div.right div.logoutForm {  display: block; float: right;  text-align: right; }






/* Górna część strony */
/* -------------------------------------------------------------------------- */
#header { height: 114px; }
#header div.logo { float: left; height: 114px; width: 250px; }
#header div.right { float: left; height: 114px; width: 730px; text-align: right;  }


/* Menu główne strony */
/* -------------------------------------------------------------------------- */
#menu { height: 32px; font-size: 13px; background-image: url('/images/menu_bg.png'); background-repeat: no-repeat;}
#menu ul, #menu ul li { display: inline; margin: 0; padding: 0; list-style: none; }
#menu ul li { float: left; display: inline; text-align: center }

#menu ul li.item a:link, #menu ul li.item a:active, #menu ul li.item a:visited { display: block; height: 24px; text-decoration: none; color: #ffffff; padding: 8px 5px 0px 5px;  }
#menu ul li.item a:hover { display: block; height: 24px; color: #000000; background-color: #FEB767; background-image: url('/images/menu_active.jpg'); background-repeat: repeat-x;}

#menu ul li.itemActive a:link, #menu ul li.itemActive a:active, #menu ul li.itemActive a:visited { display: block; font-weight: bold; height: 24px; text-decoration: none; color: #000000; padding: 8px 5px 0px 5px; background-color: #ffffff; background-image: url('/images/menu_selected.jpg'); background-repeat: repeat-x; }
#menu ul li.itemActive a:hover { display: block; height: 24px; color: #000000; background-color: #ffffff;} 

#menu ul li.separator {	float: left; width: 2px; height: 32px; background-image: url('/images/menu_separator.jpg'); background-repeat: no-repeat;}

  
/* Content strony */
/* -------------------------------------------------------------------------- */
#body { width: 980px; margin: 0 auto; padding: 20px 0px 10px 0px; background-color: #ffffff; }

/* 1 kolumna */
#content1 { width: 950px; margin: 0px 15px 0px 15px; }
 
/* 2 kolumny */
#content2Left { float:left; width: 260px; padding-right: 15px; padding-left: 15px; }
#content2Right { float:left; width: 675px; padding-right: 15px; }

/* 3 kolumny */
#content3Left { float:left; width: 260px; padding-left: 15px; }
#content3Middle { float:left; width: 400px; padding-right: 15px; padding-left: 15px; }
#content3Right { float:left; width: 260px; padding-right: 15px; }

/* Komunikaty główne */
#komunikat { padding: 15px; font-size: 12px; font-family: verdana; border: 4px #ebebeb solid; background-color: #F8F8F8 }
#komunikat span.line1 { display: block; font-size: 11px; }
#komunikat span.line2 { display: block; font-size: 10px; color: #818181 }

    
/* Stopka strony */
/* -------------------------------------------------------------------------- */
#foot { width: auto; height: 90px; margin-bottom: 7px; padding-top: 5px; font-size: 11px; color: #e4e4e4; background-image: url('/images/bg_footer.png'); background-repeat: no-repeat; background-position: center 5px;}
  
  #foot a:link, #foot a:active, #foot a:visited { color: #9b9984; text-decoration: none; }
  #foot a:hover { color: #666557; text-decoration: underline;}

  #copyright { float: left; width: 450px; color: #9b9984; padding-top: 15px; padding-left:20px }
   #copyright a { color: #9b9984; }
   #copyright div.line1 { color: #666557}   
   #copyright div.line2 { color: #9b9984}
      
  #fMenu { float: left;  padding-top: 15px; width: 510px; }
  #fMenu ul, #fMenu ul li { float: right;margin: 0; padding: 0; list-style: none; }
   #fMenu ul li.item { float: left; text-align: left; background: url('/images/menu_footer_bg_separator.png') repeat-y left; }
   #fMenu ul li.item a:link, #fMenu ul li.item a:active, #fMenu ul li.item a:visited { display: block; font-size: 11px; text-decoration: none; color: #9b9984; padding: 6px 15px 6px 15px ;  }
   #fMenu ul li.item a:hover { display: block; color: #ffffff; }
   #fMenu ul li.arrow a { width: 5px; height: 13px; background: url('/images/menu_footer_arrow.gif') no-repeat 15px 8px; }
         
  /* Stopka strony linki sponsorowane */

  #footLinksTop { width: auto; height: 4px; margin-top: 10px; background-image: url('/images/foot_links_top.png'); background-repeat: no-repeat;  background-position: top;}
  #footLinks { width: auto; background-image: url('/images/foot_links_bg.png'); background-repeat: repeat-y;  background-color: #dcd9b7; width: auto;  color: #acaa8f; font-size: 11px; }  
  
  #footLinks div.left { float: left; width: 180px; height: 100px; background-image: url('/images/foot_links_zygzak.png'); background-repeat: no-repeat;  }
   #footLinks div.left h2 { font-size: 16px; color: #7b7a66; margin-top: 30px; margin-left: 25px}   
  #footLinks div.right { float: left; width: 750px; padding: 25px 0px 25px 25px; }  
    #footLinks a:link, #footLinks a:active, #footLinks a:visited { color: #acaa8f; font-size: 11px; text-decoration: none; }
    #footLinks a:hover { color: #7b7a66; }
  
  #footLinks div.right div.columns { float: left; width: 250px; }

/* Boxy główne */
/* -------------------------------------------------------------------------- */

/* Ciało boxa nadające kolor */
div.boxWrapper { margin-bottom: 1px; width: auto; } /* przezroczysty */

div.boxWrapperTitle { background-color: #f1f1f1; margin-bottom: 1px; width: auto; } /* głowny box szary */
div.boxWrapperDark { background-color: #f6f6f6; margin-bottom: 1px; width: auto; }
div.boxWrapperLight { background-color: #f9f9f9; margin-bottom: 1px; width: auto; }
div.boxWrapperTools { background-color: #f3f3f3; margin-bottom: 1px; width: auto; }

div.boxWrapper1 { background-color: #f0f1ce; margin-bottom: 1px; width: auto; } /* głowny box zielony */
div.boxWrapper1a { background-color: #f8f8e8; margin-bottom: 1px;  width: auto; }
div.boxWrapper1b { background-color: #f9f9ea; margin-bottom: 1px;  width: auto; }
div.boxWrapper1c { background-color: #fcfcf5; margin-bottom: 1px;  width: auto; }

div.boxWrapper2 { background-color: #E6E7D5; margin-bottom: 1px; width: auto; } /* głowny box ciemny zielony */
div.boxWrapper2a { background-color: #F3F4E2; margin-bottom: 1px; width: auto; } 

div.boxWrapperReklama { background-color: #444444; margin-bottom: 1px; width: auto; } /* ciemny box reklamowy */
div.boxWrapperReklamaContent { width: auto; text-align: center; padding: 11px 15px 11px 15px; }


/* Górna i dolna część boxa tworzy zaokrąglone rogi */
div.boxTop1 { width: auto; height: 4px; background-image: url('/images/corner-1-top.gif'); background-repeat: no-repeat; line-height: 1px; font-size: 1px; }
div.boxBottom1 { width: auto; height: 4px; background-image: url('/images/corner-1-bottom.gif'); background-repeat: no-repeat; line-height: 1px; font-size: 1px; }
div.boxTop2 { width: auto; height: 4px; background-image: url('/images/corner-2-top.gif'); background-repeat: no-repeat; line-height: 1px; font-size: 1px; }
div.boxBottom2 { width: auto; height: 4px; background-image: url('/images/corner-2-bottom.gif'); background-repeat: no-repeat; line-height: 1px; font-size: 1px; }
div.boxTop3 { width: auto; height: 4px; background-image: url('/images/corner-3-top.gif'); background-repeat: no-repeat; line-height: 1px; font-size: 1px; }
div.boxBottom3 { width: auto; height: 4px; background-image: url('/images/corner-3-bottom.gif'); background-repeat: no-repeat; line-height: 1px; font-size: 1px; }
div.boxTop4 { width: auto; height: 4px; background-image: url('/images/corner-4-top.gif'); background-repeat: no-repeat; line-height: 1px; font-size: 1px; }
div.boxBottom4 { width: auto; height: 4px; background-image: url('/images/corner-4-bottom.gif'); background-repeat: no-repeat; line-height: 1px; font-size: 1px; }

/* Content boxa */
div.boxContent { text-align: left; width: auto; padding: 11px 15px 11px 15px; }
div.boxButtons { width: auto; text-align: right; padding: 11px 15px 11px 15px; line-height: 1px }
div.boxLinks { width: auto; text-align: right; font-size: 10px; padding: 11px 15px 11px 15px; }
div.boxPaginator { width: auto; text-align: center; padding: 11px 15px 11px 15px; }

/* blok tworzący odstęp między boxami */
div.boxSpacer { width: auto; height: 13px; }


/* Box z narzedziami (zaznacz wszystko i przyciski narzędziowe) */
/* -------------------------------------------------------------------------- */

div.toolsWrapperTitle { background-color: #f8f6e9; margin-bottom: 1px; width: auto; }
div.toolsWrapperBody { background-color: #FAF8EB; margin-bottom: 1px; width: auto; }
div.toolsContentTitle { text-align: left; width: auto; padding: 11px 15px 11px 15px; }     
div.toolsContentBody { width: auto; font-size: 11px;  padding: 11px 15px 11px 15px; }
div.toolsOption { height: 19px; float: left; padding: 0px; padding-right: 8px; padding-left: 8px; border-right: #b2b394 1px dotted }
div.toolsOption input, div.toolsOption select { font-size: 11px }

/* Nagłówki */
/* -------------------------------------------------------------------------- */

.title { width: auto }
.title h1 { display: inline; font-size: 13px; color: #000000; font-weight: bold; }
.title h2 { display: inline; font-size: 13px; color: #686868; font-weight: bold; }

.titleUnderlined { width: auto; padding-bottom: 5px; border-bottom: #000000 1px dotted; margin-bottom: 10px; }
.titleUnderlined h1 { display: inline; font-size: 13px; color: #000000; font-weight: bold; }
.titleUnderlined h2 { display: inline; font-size: 13px; color: #686868; font-weight: bold; }

/* Czcionki */
/* -------------------------------------------------------------------------- */

.smallFont { font-size: 10px; }
.smallFontDark { font-size: 10px; color: #000000; font-weight: bold;}


/* Boxy do miniatur */
/* -------------------------------------------------------------------------- */

div.thumbs {width: 149px; float: left; text-align: center;}
div.thumbs div.tools { width: 148px; background-color: #f6f6f6; border: 1px #DFDFDF solid; margin-top: 2px; padding-top: 5px; padding-bottom: 5px }
div.thumbs div.image { width: 148px; height: 135px; border: 1px #DFDFDF solid; padding-top: 15px }
div.thumbsHorizontalSpace { clear: both; padding: 8px}
div.thumbsVerticalSpace { float: left; padding: 7px }



/* Paginacja */
/* -------------------------------------------------------------------------- */
span.pagination a { padding: 5px; margin: 2px; border: 1px #ebebeb solid; text-decoration: none; font-size: 11px; color: #686868 }
a.paginationDirection { background-color: #ffffff }
a.paginationDirection:hover { background-color: #f9f9f9 }
a.paginationBigJump { }
a.paginationFastJump { }
a.paginationItem { }
a.paginationItemSelected:link, a.paginationItemSelected:visited, a.paginationItemSelected:active { border: 1px #afafaf solid; font-weight: bold; background-color: #f9f9f9 }


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


/* Kolory loginow w zaleznosci od rangi */
/* -------------------------------------------------------------------------- */
.user, a.user, a.user:link, a.user:visited { color: #6c6c6c; text-decoration: none;}
a.user:hover { color: #6c6c6c; text-decoration: underline; }

.owner, a.owner, a.owner:link, a.owner:visited { color: #000000; text-decoration: none;}
a.owner:hover { color: #000000; text-decoration: underline;}
 
.admin, a.admin, a.admin:link, a.admin:visited { color: #D44644; text-decoration: none;}
a.admin:hover { color: #D44644;  text-decoration: underline;}

.moder, a.moder, a.moder:link, a.moder:visited { color: #3D5E89;  text-decoration: none;}
a.moder:hover { color: #3D5E89;  text-decoration: underline;}

.suser, a.suser, a.suser:link, a.suser:visited { color: #7c7713; text-decoration: none;}
a.suser:hover { color: #7c7713; text-decoration: underline;}

.enemy, a.enemy, a.enemy:link, a.enemy:visited { color: #c7c7c7; text-decoration: none; }
a.enemy:hover { color: #c7c7c7; text-decoration: underline; }



/* Tabs: Informacje o fotografii i autorze */
/* -------------------------------------------------------------------------- */
#tabsFotoinfo { height: 32px; font-size: 13px; }
#tabsFotoinfo ul, #tabsFotoinfo ul li { display: inline; margin: 0; padding: 0; list-style: none; }
#tabsFotoinfo ul li { float: left; display: inline; text-align: center }

#tabsFotoinfo ul li.item a:link, #tabsFotoinfo ul li.item a:active, #tabsFotoinfo ul li.item a:visited { display: block; height: 24px; text-decoration: none; background-color: #f3f4e2; background-image: url('/images/tab_fotoinfo_active.jpg'); background-repeat: repeat-x; padding: 8px 5px 0px 5px;  }
#tabsFotoinfo ul li.item a:hover { display: block; height: 24px; color: #000000; background-color: #EDEEDC; background-image: url('/images/tab_fotoinfo_active.jpg'); background-repeat: repeat-x;}

#tabsFotoinfo ul li.itemActive a:link, #tabsFotoinfo ul li.itemActive a:active, #tabsFotoinfo ul li.itemActive a:visited { display: block; font-weight: bold; height: 24px; text-decoration: none; color: #000000; padding: 8px 5px 0px 5px; background-color: #E6E7D5; background-image: url('/images/tab_fotoinfo_selected.jpg'); background-repeat: repeat-x; }
#tabsFotoinfo ul li.itemActive a:hover { display: block; height: 24px; color: #000000; background-color: #E6E7D5;} 

#tabsFotoinfo ul li.separator {	float: left; width: 1px; height: 32px; }


/* Tabelka z porownaniem su */
/* -------------------------------------------------------------------------- */
table.compare { font-size: 11px; }
table.compare th { height: 30px; font-weight: bold; color: #ffffff;}
table.compare th.title { background-color: #174F8A; }
table.compare th.content { background-color: #F37400; }
table.compare td { height: 30px; }
table.compare td.title { color: #666666;  background-color: #F1F1F1; }
table.compare td.content { color: #000000; text-align: center; background-color: #F5F5F5; font-weight: bold; }







/* ***** Naglówki ***** */

div.inputTitle { font-size: 10px; font-weight: bold; margin-bottom:5px;}
div.formKomunikat { color: red; font-size: 10px; font-weight: bold; margin-bottom:5px;}

/* ***** linki nawigacyjne do przegladania fotografii ***** */

.nav_foto_title,a.nav_foto_title,a.nav_foto_title:visited,a.nav_foto_title:link {
  font-family:  Verdana, Tahoma, Arial; 
  font-weight: bold;
  font-size: 9px; 
  color: #6F6F6F;
  text-decoration: none;
}

a.nav_foto_title:hover {
  font-family:  Verdana, Tahoma, Arial; 
  font-weight: bold;  
  font-size: 9px; 
  color: #000000;
  text-decoration: underline;
}

.nav_foto{
  font-family:  Verdana, Tahoma, Arial; 
  font-size: 9px; 
  color: #B5B5B5;
  text-decoration: none;
}

.nav_foto,a.nav_foto,a.nav_foto:visited,a.nav_foto:link {
  font-family:  Verdana, Tahoma, Arial; 
  font-size: 9px; 
  color: #6F6F6F;
  text-decoration: none;
}

a.nav_foto:hover {
  font-family:  Verdana, Tahoma, Arial; 
  font-size: 9px; 
  color: #000000;
  text-decoration: underline;
}

/* ***** style w okienku zooom ***** */

.zoom_text {
  font-family: Tahoma, Arial, Verdana; 
  font-size: 10px; 
  color: #ffffff;
  font-weight: normal; 
  text-decoration: none;
}