/*------------------------------------------------------------------
[Basic info about this CSS]

site: Msza Swieta
Dla: Wydawnictwo Hlondianum
Autor: Lukasz Bachur, Frisk Web, kodowane recznie
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Colors]

#ede8e2 - kolor tla
#878585 - kolor tekstu

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Style reset]
-------------------------------------------------------------------*/

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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	background: white;
	color: black;
	line-height: 1;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*------------------------------------------------------------------
[Universal]
-------------------------------------------------------------------*/

body {
  background: #e5e5e5 url(../img/main_bg.jpg) top left repeat-x;
  color: #6d6d6d;
  font-family: arial, sans-serif;
  font-size: 15px;
  line-height: 150%;
  margin: 0;
  padding: 0;
  text-align: center; /* fix for IE 5 */
}

p {
  margin: 0 0 15px 0;
}

a {
  color: #9b7628;
  text-decoration: none;
}

a:hover {
  color: #857051;
  text-decoration: underline;
}

.clear {
  clear: both;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

h1 {
  color: #3f3f3f;
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px 0;
}

h1 span {
  color: #5c5c5c;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 15px 0;
  padding: 30px 0 0 0;
}

h1.rch {
  color: #3f3f3f;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  margin: 0 0 15px 0;
}

h1.section_header {
  border-bottom: 1px dotted #c0c0c0;
  color: #3f3f3f;
  font-family: arial, sans-serif;
  font-size: 19px;
  font-weight: bold;
  line-height: 130%;
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
  width: 700px;
}

h1.section_header span {
  color: #666;
  font-size: 15px;
  line-height: 150%;
}

h2 {
  color: #787676;
  font-family: arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 25px 0;
}

h2.article_from {
  color: #787676;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  margin: 0 0 5px 0;
}

/* Validation */

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 2px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 2px solid #CC0000;
}


/*------------------------------------------------------------------
[Main container]
-------------------------------------------------------------------*/

#main_div {
  background: transparent url(../img/main_div_bg.png) top left repeat-y;
  margin: 0 auto;
  padding: 0 5px;
  text-align: left;
  width: 982px;
}

/*------------------------------------------------------------------
[Images]
-------------------------------------------------------------------*/

img#vignette {
  border: 0;
  float: left;
  height: 147px;
  margin: 0;
  padding: 0;
  width: 981px;
}

img.sep {
  border: 0;
  float: left;
}

img#buy_with {
  border: 0;
  margin: 30px 0 0 0;
}

img#buy_without, img#download_example {
  border: 0;
  margin: 0;
}

img.book {
  border: 2px solid #ffffff;
  margin: 0;
  width: 87px;
  float: left;
}

img.ribbon {
  border: 0;
  margin: 5px 0 0 -20px;
}

img#hlondianum_logo {
  border: 0;
  margin: 15px 0 0 0;
}

img#tchr_logo {
  border: 0;
  margin: 15px 0 5px 0;
}

img.banner {
  border: 0;
  float: left;
  margin: 24px 24px 0 0;
}

img.banner_right {
  border: 0;
  float: left;
  margin: 24px 0 0 0;
}

img.icon_print, img.icon_pdf {
  border: 0;
  vertical-align: middle;
}

/*------------------------------------------------------------------
[Menu]
-------------------------------------------------------------------*/

.distext {
  text-align: left;
  display: none;
  float: left;
}

#navigationcontainer {
  background: transparent url(../img/menu_bg.jpg) top left no-repeat;
  border: 0;
  float: left;
  height: 49px;
  margin: 0 0 0 0;
  width: 981px;
}

#navigationcontainer ul.sitenav {
  margin: 0;
  overflow: hidden;
}

#navigationcontainer ul.sitenav li {
  display: block;
  float: left;
  height: 48px;
  /* margin: 0; */
  background-color: transparent;
}

#navigationcontainer ul.sitenav li a {
  display: block;
  height: 100%;
  width: 100%;
}

ul.sitenav li.numer 		{ width: 76px; }
ul.sitenav li.dodatek	 	{ width: 125px; }
ul.sitenav li.redakcja		{ width: 95px; }
ul.sitenav li.prenumerata	{ width: 117px; }
ul.sitenav li.historia	 	{ width: 115px; }
ul.sitenav li.archiwum		{ width: 115px; }
ul.sitenav li.wydawnictwo	{ width: 129px; }
ul.sitenav li.wspolpraca	{ width: 109px; }
ul.sitenav li.kontakt		{ width: 99px; }

ul.sitenav li.numer a			{ background: url(../img/menu/numer.gif) no-repeat; }
ul.sitenav li.dodatek a		{ background: url(../img/menu/dodatek.gif) no-repeat; }
ul.sitenav li.redakcja a		{ background: url(../img/menu/redakcja.gif) no-repeat; }
ul.sitenav li.prenumerata a	{ background: url(../img/menu/prenumerata.gif) no-repeat; }
ul.sitenav li.historia a		{ background: url(../img/menu/historia.gif) no-repeat; }
ul.sitenav li.archiwum a		{ background: url(../img/menu/archiwum.gif) no-repeat; }
ul.sitenav li.wydawnictwo a	{ background: url(../img/menu/wydawnictwo.gif) no-repeat; }
ul.sitenav li.wspolpraca a		{ background: url(../img/menu/wspolpraca.gif) no-repeat; }
ul.sitenav li.kontakt a		{ background: url(../img/menu/kontakt.gif) no-repeat; }

ul.sitenav li.numer a:hover		{ background-position: 0 -48px; }
ul.sitenav li.dodatek a:hover		{ background-position: 0 -48px; }
ul.sitenav li.redakcja a:hover		{ background-position: 0 -48px; }
ul.sitenav li.prenumerata a:hover	{ background-position: 0 -48px; }
ul.sitenav li.historia a:hover		{ background-position: 0 -48px; }
ul.sitenav li.archiwum a:hover		{ background-position: 0 -48px; }
ul.sitenav li.wydawnictwo a:hover	{ background-position: 0 -48px; }
ul.sitenav li.wspolpraca a:hover	{ background-position: 0 -48px; }
ul.sitenav li.kontakt a:hover		{ background-position: 0 -48px; }

/*------------------------------------------------------------------
[Content]
-------------------------------------------------------------------*/

/* a) Global */

div.content {
  background: transparent url(../img/content_bg.jpg) top left repeat-x;
  padding: 35px 10px 35px 10px;
  width: 961px;
}

div.left_column {
  float: left;
  width: 700px;
}

div.right_column {
  font-size: 12px;
  float: right;
  line-height: 15px;
  width: 240px;
}

div#right_col_top {
  background: transparent url(../img/right_col_top.gif) top left no-repeat;
  height: 42px;
  width: 232px;
}

div#right_col_middle {
  background: transparent url(../img/right_col_middle.gif) top left repeat-y;
  float: left;
  padding: 0 20px 0 20px;
  width: 192px;
}

div#right_col_bottom {
  background: transparent url(../img/right_col_bottom.gif) top left no-repeat;
  float: left;
  height: 16px;
  width: 232px;
}

div.book_container, div.desc_container {
  float: left;
  margin: 15px 0 0 0;
  width: 96px;
}

/* b) Numer */

div#main_info {
  margin: 0 0 30px 0;
  width: 700px;
}

div#number_cover {
  width: 266px;
  float: left;
}

div#nr_bg_top {
  background: transparent url(../img/numer_top_bg.gif) top left no-repeat;
  height: 4px;
  width: 266px;
}

div#nr_bg_middle {
  background: transparent url(../img/numer_middle_bg.png) top left repeat-y;
  width: 266px;
  padding: 0 0 0 4px;
}

div#nr_bg_bottom {
  background: transparent url(../img/numer_bottom_bg.gif) top left no-repeat;
  width: 266px;
  height: 20px;
}

div.bibliography {
  float: right;
  margin: 0 0 0 35px;
  max-height: 125px;
  overflow: hidden;
  width: 390px;
}

span.bib_subject {
  color: #5c5c5c;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin: 10px 0 25px 0;
  padding: 0 0 30px 0;
}

p.toc_link {
  margin: 10px 0 0 0;
}

div.art_prev {
  border-right: 1px solid #cfcfcf;
  color: #3a3a3a;
  float: left;
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 15px 0;
  min-height: 210px;
  padding: 10px;
  width: 210px;
}

div.intro {
  background-color: #f4f0e7;
}

div.author_plus_title {
  margin: 0 0 5px 0;
}

div.art_prev span.author {
  color: #787878;
}

div.art_prev span.title {
  color: #3f3f3f;
  font-size: 14px;
  font-weight: bold;
  clear: both;
}

div.art_prev span.read_more a {
  line-height: 26px;
}

p.print_download {
  font-size: 12px;
  margin: 0 0 25px 0;
}

span.separator {
  color: #e3d9c5;
  margin: 0 7px;
}

div.go_to_full_ver {
  background-color: #f0f0f0;
  border: 1px solid #c0c0c0;
  font-size: 12px;
  font-style: italic;
  margin: 25px 0 35px 0;
  padding: 10px;
}

div#print_footer {
  display: none;
}

/* c) Dodatek */

/* d) Redakcja */

/* e) Prenumerata */

/* f) Historia */

/* g) Archiwum */

div.archive_cover {
  float: left;
  margin: 0 29px 30px 0;
  overflow: hidden;
  text-align: center;
  width: 87px;
}

div.archive_cover img {
  border: 0;
}

p.go_back {
  font-size: 12px;
  margin: 0 0 5px 0;
}

/* h) Wydawnictwo */

/* i) Współpraca */

/* j) Kontakt */

/*------------------------------------------------------------------
[Table of contents]
-------------------------------------------------------------------*/

ul.tablel_content {
	color: #3a3a3a;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 700px;
}

ul.tablel_content li {
	background: url(../img/dotted.gif) repeat-x left 23px;
	margin: 0;
	padding: 4px 0;
	text-align:right;
}

ul.tablel_content li span.chapter {
	background: transparent;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 0 5px 0 0;
	text-transform: uppercase;
}

ul.tablel_content li span.article {
	background: transparent;
	float: left;
	padding: 0 5px 0 18px;
}

ul.tablel_content li span.page {
	background: transparent;
	float: left;
	padding: 0 0 0 5px;
}

ul.tablel_content li span.page {
	float: none;
}

/*------------------------------------------------------------------
[Contact Form]
-------------------------------------------------------------------*/

form#contact {
  clear: left;
  margin: 30px 0 45px 0;
  padding: 0;
}

form#contact label {
  display: block;
  float: left;
  margin: 3px 0 10px 0;
  padding: 0;
  width: 150px;
}

form#contact input {
  display: block;
  float: left;
  margin: 0 0 10px 0;
  padding: 5px;
  width: 336px;
}

textarea#tresc_wiadomosci {
  margin: 0 0 10px 0;
  overflow: auto;
  padding: 5px;
  width: 487px;
}

form#contact input#button_submit {
  float: right;
  height: 28px;
  margin: 0 199px 0 0;
  padding: 0;
  width: 150px;
}

form#contact input#confirm {
  display: none;
}

/*------------------------------------------------------------------
[Footer]
-------------------------------------------------------------------*/

div#footer {
  background-color: #dfcfac;
  font-size: 12px;
  padding: 0;
  width: 100%;
}

div#footer a {
  color: #626262;
  text-decoration: none;
}

div#footer a:hover {
  color: #444444;
  text-decoration: underline;
}

div#footer_content {
  background: #dfcfac url(../img/footer_bg.png) top left repeat-y;
  margin: 0 auto;
  padding: 20px 16px 20px 16px;
  text-align: left;
  width: 960px;
}

span.footer_left {
  float: left;
}

span.footer_right {
  float: right;
  text-align: right;
}