/*	
	
	http://www.caractere.pl/skrypty/style.css
	autor: Andrzej Kała
	
	Ten plik z arkuszami stylów CSS został wykonany dla strony
	http://www.caractere.pl i odpowiada za warstwę prezentacyjną
	tej strony. Dlatego też jest traktowany jako element designu
	calej strony, a co za tym idzie - jest chroniony prawami 
	autoskimi. Nie może być on powielany, kopiowany czy też 
	modyfikowany. Możesz jednak dowolnie z niego korzystać jako
	źródła inspiracji lub nauki. 
	
	Jeżeli jednak chciałbyś go użyć w swoim projekcie, skontaktuj
	się uprzednio ze mną: andrzej.kala(at)gmail(dot)com.
	
	*/
	
/* ============================================================ */
/*                   Ustawienia ogolne strony                   */
/* ============================================================ */

	body {
		background: #000;
		font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 10px 0 10px 0;
		padding: 0;
		text-align: center;
	}
	
	img { border: none; }
	
	img.photo {
		margin: 5px 0 0 0;
		border: 1px solid #c6100b;
	}
	
	img.photo_small {
		margin: 0;
		padding: 0;
		border: 1px solid #c6100b;
	}
	
	p { 
		text-align: justify;
		margin: 0;
		padding: 5px;
		font: normal 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #000;
	}
	
	hr {
		color: #c6100b;
		background: #c6100b;
		border: none;
		width: 355px;
		height: 1px;
	}
/* ============================================================ */
/*                   Wrapper calosci strony                     */
/* ============================================================ */

	#wrapper {
		background: url(../images/content_background.gif) #fff repeat;
		margin: 0 auto 0 auto;
		padding: 0;
		width: 774px;
	}
	
	
/* ============================================================ */
/*                Naglowek strony - obrazek gorny               */
/* ============================================================ */
	
	#header {
		background: url(../images/top_image.gif) #960f0b no-repeat;
		display: block;
		width: 774px;
		height: 137px;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	
	#header h1 {
		color: #000;
		text-indent: -10000px;
		padding: 0;
		margin: 0;
	}
	
/* ============================================================ */
/*                Naglowek strony - nawigacja glowna            */
/* ============================================================ */
	#header ul {
		list-style: none;
		margin: 71px 0 0 0;
		padding: 0;
		text-align: left;
		height: 25px;
	}
	#header ul li {
		display: inline;
		margin: 0;
		height: 25px;
		padding: 0;
	}
/* ============================================================ */
/*                Naglowek strony - link zwykly                 */
/* ============================================================ */
	#header ul li a.menu, a.menu:link, a.menu:active, a.menu:visited {
		font: bold 0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		float: left;
		margin: 0;
		padding: 7px 10px 7px 10px;
		color: #fff;
		text-decoration: none;
		border: none;
	}
	#header ul li a.menu:hover {
		color: #c6100b;
		background: #fff;
	}
	
/* ============================================================ */
/*                Naglowek strony - link wybrany                */
/* ============================================================ */
	
	#header ul li a.menuSelect, a.menuSelect:link, a.menuSelect:active, a.menuSelect:visited {
		font: bold 0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		float: left;
		margin: 0;
		padding: 7px 10px 7px 10px;
		background: #c6100b;
		color: #fff;
		text-decoration: none;
		border: none;
	}
	#header ul li a.menuSelect:hover {
		color: #c6100b;
		background: #fff;
	}

/* ============================================================ */
/*                       Tytul strony                           */
/* ============================================================ */

	#page_title {
		width: 774px;
		height: 70px;
		border-bottom: 3px solid #c6100b;
		clear: both;
		padding: 0;
		margin: 0 auto 0 auto;
		text-align: right;
	}
	
/* ============================================================ */
/*                        Tytul strony                          */
/* ============================================================ */
	
	#page_title h2 {
		background: #fff;
		font: bold 2em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		padding: 30px 14px 0 0;
		margin: 0;
	}
	

/* ============================================================ */
/*                   Lewa kolumna strony (layout)               */
/* ============================================================ */

	#left_column {
		clear: left;
		float: left;
		width: 356px;
		margin: 0;
		padding: 10px;
	}

/* ============================================================ */
/*                   Naglowek tytulowy sekcji                   */
/* ============================================================ */

	h3 {
		font: bold 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		background: url(../images/title_background.gif) #970F0B repeat-x;
		width: 355px;
		text-align: left;
		padding: 5px 0 5px 5px;
		margin: 0;
	}

/* ============================================================ */
/*                           News - data                        */
/* ============================================================ */

	.date {
		width: 350px;
		margin: 0;
		padding: 5px 0 5px 5px;
		font: bold 0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #c6100b;
		text-align: left;
	}
	
	#left_column p a, a:link, a:active, a:visited {
		font: normal 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #c6100b;
		text-decoration: underline;
	}
	
	#left_column p a:hover {text-decoration: none;}
	
	#left_column ul {
	  list-style: none;
	  padding: 0;
	  margin: 5px 0;
  }
  
  #left_column ul li {
    text-align: left;
    font-size: 0.8em;
    padding: 2px 0 3px 10px;
  }
  
  #left_column ul li a { font-weight: bold; text-decoration: none; }
  #left_column ul li a:hover { color: #fff; background: #c6100b; }

/* ============================================================ */
/*               Lewa kolumna strony (opis czesci)              */
/* ============================================================ */
	
	#left_column div.part_desc {
		width: 360px;
		padding: 0 0 10px 0;
		margin: 0 0 30px 0;
		background: #fff;
	}
	
	#left_column p {
		font: normal 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	}
	
	#left_column p.name {
		width: 350px;
		background: url(../images/title_background.gif) #970F0B repeat-x;
		font: bold 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif; 
		color: #fff;
	}
	
	#left_column p.details {
		font: bold 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #000;
	}
	
	#left_column p span {
		font: bold 0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	}

/* ============================================================ */
/*                   Prawa kolumna strony (layout)              */
/* ============================================================ */
	#right_column {
		float: left;
		width: 374px;
		margin: 10px 0 0 10px;
		padding: 0;
		border: none;
	}
	
	#right_column p { padding: 10px; }
	
	#right_column div.part_desc {
		width: 370px;
		padding: 0 0 10px 0;
		margin: 0 0 30px 0;
		background: #fff;
	}
	
	#right_column p.name {
		width: 360px;
		background: url(../images/title_background.gif) #970F0B repeat-x;
		font: bold 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif; 
		color: #fff;
		padding: 5px;
	}
	
	#right_column p.details {
		font: bold 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #000;
	}

/* ============================================================ */
/*                   Prawa kolumna strony (najnowsze)           */
/* ============================================================ */
	
	h3.najnowsze {
		width: 369px;
	}
	
	.najnowszeImg {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#right_column p.wiecej {
		text-align: right;
	}
	
	#right_column p a, a:link, a:active, a:visited {
		color: #c6100b;
		text-decoration: underline;
	}
	
	#right_column p a:hover {text-decoration: none;}

/* ============================================================ */
/*              Prawa kolumna strony (lista produktow)          */
/* ============================================================ */
	
	#right_column ul.lista_produktow {
		width: 360px;
		display: block;
		list-style: none;
		text-align: left;
		margin: 10px 0 10px 0;
		padding: 0;
	}
	
	#right_column ul.lista_produktow li {
		padding: 0;
		margin: 0;
	}
	
	#right_column ul.lista_produktow li a.lista_produktow, a.lista_produktow:link, a.lista_produktow:active, a.lista_produktow:visited {
		margin: 0;
		padding: 5px;
		width: 350px;
		display: block;
		color: #c6100b;
		font: bold 0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	
	#right_column ul.lista_produktow li a.lista_produktow:hover {
		color: #fff;
		background: #c6100b;
	}

/* ============================================================ */
/*                    Style dla formularzy                      */
/* ============================================================ */
	#form {
		text-align: left;
		padding: 0 10px 10px 10px;
		margin: 10px;
	}

	.form_heading {
		font: bold 0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		padding: 5px;
		margin: 0;
	}

	.inputBox {
		width: 300px;
		background: #fff;
		padding: 4px;
		border: 1px solid #c6100b;
		font: normal 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

	.inputArea {
		width: 300px;
		height: 70px;
		background: #fff;
		border: 1px solid #c6100b;
		padding: 4px;
		font: normal 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

	.button {
		margin: 0;
		padding: 15px;
	}

	.submitButton {
		float: right;
		font: bold 0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		background: #c6100b;
		border: 2px solid #c6100b;
		color: #fff;
	}

/* ============================================================ */
/*                   ROZBUDOWANA STOPKA                         */
/* ============================================================ */

	#footer {
		text-align: center;
		padding: 10px 0 10px 0;
		margin: 0;
		clear: both;
		background: url(../images/footer_background.gif) #960f0b repeat-x;
		width: 774px;
		height: 330px;
	}

/* ============================================================ */
/*                  STOPKA - NAJNOWSZE PAKIETY                  */
/* ============================================================ */

	#footer1{
		text-align: left;
		float: left;
		width: 250px;
		margin: 0;
		padding: 0 5px 0 5px;
	}

	#footer1 ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#footer1 ul li.heading {
		font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		padding: 0 0 5px 0;
		border-bottom: 1px dotted #fff;
	}
	
	#footer1 ul li {
		margin: 0;
		color: #fff;
	}
	
	#footer1 ul li a.info, a.info:link, a.info:active, a.info:visited {
		font: bold 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		padding: 5px;
		display: block;
		margin: 0;
		width: 240px;
		text-decoration: none;
	}
	
	#footer1 ul li a.info:hover {
		background: #c6100b;
	}

/* ============================================================ */
/*                  STOPKA - O CARACTERE                        */
/* ============================================================ */

	#footer2{
		text-align: left;
		float: left;
		width: 250px;
		margin: 0;
		padding: 0 5px 0 5px;
	}
	
	#footer2 ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#footer2 ul li.heading {
		font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		padding: 0 0 5px 0;
		border-bottom: 1px dotted #fff;
	}
	
	#footer2 ul li {
		padding: 5px;
		margin: 0;
		color: #fff;
		text-align: justify;
	}
	
	#footer2 ul li p {
		padding: 5px;
		margin: 0;
		color: #fff;
		font: normal 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-align: justify;
	}
	
	#footer2 ul li p span a.wiecej, a.wiecej:link, a.wiecej:active, a.wiecej:visited {
		font: normal 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		margin: 0;
		padding: 0;
		float: right;
		text-decoration: none;
	}
	
	#footer2 ul li span a.wiecej:hover {
		text-decoration: underline;
	}


/* ============================================================ */
/*             STOPKA - NAJPOPULARNIEJSZE GALERIE               */
/* ============================================================ */

	#footer3{
		text-align: left;
		float: left;
		width: 235px;
		margin: 0;
		padding: 0 5px 0 5px;
	}
	
	#footer3 ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#footer3 ul li {
		padding: 5px;
		margin: 0;
		color: #fff;
	}
	
	
	#footer3 ul li.heading {
		text-align: left;
		font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		padding: 0 0 5px 0;
		border-bottom: 1px dotted #fff;
	}

	#footer3 ul li { text-align: center; }
	#footer3 ul li a img.footer_mini  {
		background: none;
		border: 2px solid #fff;
		margin: 0;
		display: inline;
		width: 207px;
	}
	
	#footer3 ul li span a.wiecej, a.wiecej:link, a.wiecej:active, a.wiecej:visited {
		font: normal 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		margin: 0;
		padding: 0;
		float: right;
		text-decoration: none;
	}
	
	#footer3 ul li span a.wiecej:hover {
		text-decoration: underline;
	}

/* ============================================================ */
/*             COPYRIGHT NA SAMYM DOLE STRONY                   */
/* ============================================================ */
	#copy {
		clear: both;
		background: #c6100b;
		width: 774px;
		text-align: left;
	}
	
	#copy p {
		font: normal 0.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		margin: 0;
		padding: 5px;
	}
	
	#copy p span {
		padding: 0 5px 0 440px;
	}
	
	#copy p span a.copy, a.copy:link, a.copy:active, a.copy:visited {
		font: normal 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		padding: 0;
		color: #fff;
		text-decoration: none;
		border-bottom: 1px dashed #fff;
	}
	
	#copy p span a.copy:hover {
		border-bottom: 1px solid #fff;
	}

/* ============================================================ */
/*                         GALERIA                              */
/* ============================================================ */

	#galeria {
		width: 770px;
		padding: 10px 0 10px 0;
	}
	
	#zdjecia {
		margin: 0 auto 0 auto;
	}
	
	#zdjecia td {
		margin: 0;
		padding: 5px;
		background: #fff;
	}
	
	#zdjecia a.powieksz, a.powieksz:link, a.powieksz:active, a.powieksz:visited {
		font: bold 0.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 5px 0 3px 0;
		text-decoration: none;
		border-bottom: 1px dashed;
	}
	
	#zdjecia a.powieksz:hover {
		border-bottom: 1px solid;
	}