@charset "utf-8";
/**
 * Author: Coyote
 * Compatibility: IE6, IE7, IE8, Fx2, Fx3, O9x, SWin
 */

/* Reset:
 * ___________________________________________________________________________
 */ 

/* PAMIETAJ: ustaw te style dla linkow */
a:link,
a
{
  /*color: #FFF;*/
  text-decoration: none;
}

a:visited
{
  color: #000;
}

a:hover
{
}

a:active
{
}

:focus 
{
}

#PlayBtn
{
  background: transparent url('img/plus.jpg') 0px 0px;
  border: 0;
  width: 19px;
  height: 19px;
}

#PauseBtn
{
  background: transparent url('img/minus.jpg') 0px 0px;
  border: 0;
  width: 19px;
  height: 19px;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html
{
  color: #5c5b59;
	font: normal 62.5%/1.4em Verdana, Arial, Helvetica, sans-serif;
}

body
{
	background: #820000;
}


ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
/*	content: none;*/ /* Opera zglasza blad */
}

ins
{
	text-decoration: underline;
}

del
{
	text-decoration: line-through;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* Structural labels for accessibility */
.Accessibility,
h1
{
	left: -9999px;
	overflow: hidden;
	position: absolute;	
	width: 100px;
}

/* Clearfix */
#Nav ul,
#Main
{
	overflow: hidden;
}

* html #Nav ul,
* html #Main
{
	height: 1%;
}

/* Layout:
 * ___________________________________________________________________________
 */
#Header,
#HeaderBottom,
#Content,
#Footer
{
  margin: 0 auto;
  width: 951px;
}

/* Header:
 * ___________________________________________________________________________
 */
#Header
{
  /*background: url(img/bg-header.jpg) no-repeat right top;*/
  height: 208px;  
}

h1
{
  padding: 65px 0 0 25px;
}

#HeaderBottom
{
  background: #CC3433;
  height: 25px;
}

#HeaderBottom p

{
  color: #FFF;
  float: right;
  padding: 3px 10px 0 0;
}

#HeaderBottom span
{
  vertical-align: 5px;
}

#HeaderBottom img
{
  padding: 0 2px;
}

/* Content:
 * ___________________________________________________________________________
 */
#Content
{
  padding-bottom: 20px;
}

/* Nav:
 * ___________________________________________________________________________
 */
#Nav
{
  background: #CC3433;
  float: left;
  font-size: 1.2em;
  position: relative;
  width: 250px;
  margin-top: -24px;
  margin-bottom: 20px;
}

* html #Nav
{
  padding-left: 1px;
}

#Nav li
{
  border-top: 1px solid #f46964; 
}

#Nav li.First
{
  border-top: 0;
}

#Nav li a
{
  background: url(img/bullet.gif) no-repeat 10px 13px;
  color: #FFF;
  display: block;
  height: 20px;
  padding: 10px 0 10px 25px;
}

#Nav li a:hover,
#Nav #Active,
#Nav .Active
{
  font-weight: bold;
}

#Nav .SubNav li a
{
  background-position: 25px 13px;
  padding-left: 40px;
}

#Nav .SubSubNav li a
{
  background-position: 40px 13px;
  padding-left: 55px;
}

/* Main:
 * ___________________________________________________________________________
 */
#Main
{
  background: #E2DE9E;
  float: right;
  font-size: 1.2em;
  line-height: 1.3em;
  margin: 10px;
  padding: 10px;
  width: 660px; 
}

* html #Main
{
  margin: 10px 5px 0;
}

/* News:
 * ___________________________________________________________________________
 */
.Container_news .ContentHeader,
#Catalog .ContentHeader
{
  color: #5c5b59;
  text-align: right;
}

.Container_news .ContentHeader a,
#Catalog .ContentHeader a
{
  color: #5c5b59;  
}

.Container_news .ContentHeader .Counter,
.Container_news .ContentHeader .Paginator .Last,
#Catalog .ContentHeader .Counter,
#Catalog .ContentHeader .Paginator .Last,
.GallerySort .Paginator .Counter
{
  display: none;
}

.Container_news .ContentHeader .Paginator li,
#Catalog .ContentHeader .Paginator li,
.GallerySort .Paginator li
{
  background: #E2DE9E;
  display: inline;
  padding: 2px;
}

.GallerySort .Paginator li a
{
	color: #000;
}

.GallerySort .Paginator li a:hover
{
	text-decoration: underline;
}

.Container_news .ContentHeader .Paginator .CurrentPage,
#Catalog .ContentHeader .Paginator .CurrentPage,
.GallerySort .Pagnator .CurrentPage
{
  font-weight: bold;
}

#NewsList #Main
{
  background: none;
}

.News.First
{
  margin-top: 4px;
}

.News
{
  background: #E2DE9E;
  color: #5c5b59;
  margin-top: 7px;
  padding: 10px;
}

.News .Header
{
  padding-bottom: 20px;
}

.NewsHeaders
{
  text-align: right;
}

.News .NewsHeaders h6,
.News .NewsHeaders h5
{
  display: inline;
  font-weight: normal;
  padding-left: 10px;
}

.News h4
{
  float: left;
  width: 400px;
}

.News a.DetailsAnchor,
#Catalog .Gallery .vcard a
{
  color: #5c5b59;
  font-weight: bold;
}

.News a.DetailsAnchor:hover,
#Catalog .Gallery .vcard a:hover
{
  text-decoration: underline;
}

/* NewsDetails:
 * ___________________________________________________________________________
 */
#NewsDetails .ContentHeader h3
{
  display: none;
}

#NewsDetails .ContentHeader
{
  text-align: right;
}

.ContentHeader .ReturnAnchor
{
  color: #5c5b59;
  font-weight: bold;
  padding-bottom: 10px;
}

.ContentHeader .ReturnAnchor:hover
{
  text-decoration: underline;
}

/* Gallery:
 * ___________________________________________________________________________
 */
#Catalog ul.Gallery li
{
  border: 1px solid #FFF;
  float: left;
  margin: 5px;
  overflow: hidden;
  padding: 5px;
  position: relative;
  width: 308px;
}

#Catalog ul.Gallery img
{
  border: 1px solid #FFF;
  display: block;
  float: left;
  height: 150px;
  margin-right: 8px;
  width: 150px;
}

#Catalog #Main h3
{
  display: none;
}

#CatalogDetails .NavigationButtons
{
  float: left;
  padding: 10px 0;
}

#CatalogDetails .ReturnButton
{
  float: right;
}

#CatalogDetails .ButtonsContainer a
{
  color: #5c5b59;
  display: inline;
}

#CatalogDetails .ButtonsContainer a:hover
{
  text-decoration: underline;
}

.OfferDetails
{
  clear: both;	
}

/* FriendBox:
 * ___________________________________________________________________________
 */
 #FriendBox
{
	background: #FFF;
	width: 280px;
	margin: 10px auto 0;
	overflow: hidden;
	padding: 10px;
}

#FriendBox h3
{
	padding: 0 0 10px;
} 
 
#FriendBox label
{
	float: left;
}

#FriendBox input
{
	float: right;
	width: 192px;
}

#FriendBox .block
{
	background: #F46964;
	border: 1px solid #CC3433;
	clear: both;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	margin-top: 10px;
	width: auto;
}

/* Contact:
 * ___________________________________________________________________________
 */
#Contact #Main,
#ContactDisplay #Main
{
  padding: 60px 10px;
}

#Contact #Main h3,
#ContactDisplay #Main h3
{
  display: none;
}

#Contact .vcard,
#ContactDisplay .vcard
{
  border-right: 1px solid #c6c491;
  float: left;
  padding: 10px 15px 10px 5px;
  width: 200px;
}

#Contact form,
#ContactDisplay form
{
  float: right;
  padding-top: 10px;
  width: 400px;
}

#Contact form *,
#ContactDisplay form *
{
  text-align: left;
}

#Contact form li,
#ContactDisplay form li
{
  clear: left;
  margin-bottom: 2px;
  overflow: hidden;
  padding: 6px 0 0;
  width: 400px;
}

#Contact form label,
#ContactDisplay form label
{
  float: left;
  font-size: 1em;
  padding-right: 10px;
  text-align: right;
  width: 80px;
}

#Contact form textarea
#Contact form input,
#ContactDisplay form input, 
#ContactDisplay form textarea
{
  background: #cdcdcd;
  border: 1px solid #f5f4df;
  float: left;
  font-size: 12px;
}

#Contact form input,
#ContactDisplay form input
{
  height: 20px;
  width: 180px;
}

#Contact form textarea,
#ContactDisplay form textarea 
{
  height: 175px;
  width: 300px;
}

#Contact li input.block,
#ContactDisplay li input.block 
{
  background: #eb0b09;
  border: 1px solid #f5f4df;
  color: #FFF;
  cursor: pointer;
  float: right;
  height: 26px;
  margin-right: 7px;
  padding-bottom: 6px;
  text-align: center;
  width: 93px;
}

* html #Contact li input.block,
* html #ContactDisplay li input.block 
{
  padding-bottom: 0;
}

*:first-child + html #Contact li input.block,
*:first-child + html #ContactDisplay li input.block 
{
  padding-bottom: 0;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg, 
.textfieldMaxValueState .textfieldMaxValueMsg, 
.textfieldMinCharsState .textfieldMinCharsMsg, 
.textfieldMaxCharsState .textfieldMaxCharsMsg 
{
  color: #CC3333;
  float: left;
  clear: left;
  font-weight: bold;
  font-size: 1em;
  padding: 3px 0 0 92px;
  width: 284px;
}

#Contact form input.textfieldRequiredState, 
#Contact form .textfieldRequiredState input, 
#Contact form input.textfieldInvalidFormatState, 
#Contact form .textfieldInvalidFormatState input, 
#Contact form input.textfieldMinValueState, 
#Contact form .textfieldMinValueState input, 
#Contact form input.textfieldMaxValueState, 
#Contact form .textfieldMaxValueState input, 
#Contact form input.textfieldMinCharsState, 
#Contact form .textfieldMinCharsState input, 
#Contact form input.textfieldMaxCharsState, 
#Contact form .textfieldMaxCharsState input,
#ContactDisplay form input.textfieldRequiredState, 
#ContactDisplay form .textfieldRequiredState input, 
#ContactDisplay form input.textfieldInvalidFormatState, 
#ContactDisplay form .textfieldInvalidFormatState input, 
#ContactDisplay form input.textfieldMinValueState, 
#ContactDisplay form .textfieldMinValueState input, 
#ContactDisplay form input.textfieldMaxValueState, 
#ContactDisplay form .textfieldMaxValueState input, 
#ContactDisplay form input.textfieldMinCharsState, 
#ContactDisplay form .textfieldMinCharsState input, 
#ContactDisplay form input.textfieldMaxCharsState, 
#ContactDisplay form .textfieldMaxCharsState input 
{
  background-color: #eb0b09;
}

#Contact form textarea.textareaRequiredState, 
#Contact form .textareaRequiredState textarea, 
#Contact form textarea.textareaMinCharsState, 
#Contact form .textareaMinCharsState textarea, 
#Contact form textarea.textareaMaxCharsState, 
#Contact form .textareaMaxCharsState textarea,
#ContactDisplay form textarea.textareaRequiredState, 
#ContactDisplay form .textareaRequiredState textarea, 
#ContactDisplay form textarea.textareaMinCharsState, 
#ContactDisplay form .textareaMinCharsState textarea, 
#ContactDisplay form textarea.textareaMaxCharsState, 
#ContactDisplay form .textareaMaxCharsState textarea 
{
  background-color: #eb0b09;
}

.textareaRequiredState .textareaRequiredMsg, 
.textareaMinCharsState .textareaMinCharsMsg, 
.textareaMaxCharsState .textareaMaxCharsMsg 
{
  color: #CC3333;
  float: left;
  clear: left;
  font-weight: bold;
  font-size: 1em;
  padding: 3px 0 0 92px;
  width: 284px;
}

/* Footer:
 * ___________________________________________________________________________
 */
#Footer
{
  background: #CC3433;
  color: #FFF;
  clear: both;
  font-size: 1.1em;
  height: 65px;
}

#Footer a
{
  color: #FFF;
}

#Footer .Address
{
  float: left;
  padding: 20px;
}

#Footer .by
{
  float: right;
  padding: 20px;
}

#Footer span
{
  display: block;
}

.NoButtonNext,
.NoButtonPrevious
{
  visibility: hidden;
}