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

Site: www.domrekolekcyjny.com.pl
Dla: Dom Rekolekcyjno-Pielgrzymkowy Towarzystwa Chrystusowego dla Polonii Zagranicznej w Cz�stochowie
Autor: �ukasz Bachur/friskweb.pl, kodowane recznie
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Colours]

#ffffff - background color
#494949 - text color
#899aa3 - background text color
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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 {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

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

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

body {
  background: #ffffff url(img/body_bg.jpg) top left repeat-x;
  color: #696969;
  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: #4f93cb;
  text-decoration: none;
}

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

.clear {
  clear: both;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.darker {
  color: #393939;
}

.green {
  color: #66a435;
}

.red {
  color: #c92d38;
}

.font12 {
  font-size: 12px;
}

h1 {
  border-bottom: 1px solid #dae4ed;
  color: #498cc7;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 15px 0;
}

h1.address {
  border-bottom: 0;
  color:#6a665e;
  font-size: 13px;
  font-weight: bold;
  line-height: 150%;
  margin: 0 0 5px 0;
}

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

/*------------------------------------------------------------------
[Main Containers]
-------------------------------------------------------------------*/

.wrapper {
  margin: 0 auto;
  text-align: left;
  width: 925px;
}

#top_container {
  background: transparent url(img/top_shine.jpg) top left no-repeat;
  height: 44px;
  padding: 22px 0 0 0;
  width: 925px;
}

#section_container {
  background: transparent url(img/section_container_bg.gif) 242px 0 no-repeat;
  width: 925px;
  clear: both;
}

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

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

#navigationcontainer {
  background-color: transparent;
  float: left;
  height: 15px;
  margin: 0;
}

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

#navigationcontainer ul.sitenav li {
  background-color: transparent;
  display: block;
  float: left;
  height: 15px;
  margin-top: 2px;
}

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

ul.sitenav li.opis 		{ width:81px; margin: 0 25px 0 0; }
ul.sitenav li.oferta	 	{ width:106px; margin: 0 25px 0 0; }
ul.sitenav li.rekolekcje 	{ width:79px; margin: 0 25px 0 0; }
ul.sitenav li.galeria	 	{ width:94px; margin: 0 25px 0 0; }
ul.sitenav li.ksiega	 	{ width:93px; margin: 0 25px 0 0; }
ul.sitenav li.rezerwacja	{ width:83px; margin: 0 25px 0 0; }
ul.sitenav li.wladze		{ width:102px; margin: 0 25px 0 0; }
ul.sitenav li.kontakt	 	{ width:56px; margin: 0; }

ul.sitenav li.opis a			{ background: url(img/menu/opis.gif) no-repeat; }
ul.sitenav li.oferta a			{ background: url(img/menu/oferta.gif) no-repeat; }
ul.sitenav li.rekolekcje a		{ background: url(img/menu/rekolekcje.gif) no-repeat; }
ul.sitenav li.galeria a		{ background: url(img/menu/galeria_zdjec.gif) no-repeat; }
ul.sitenav li.ksiega a			{ background: url(img/menu/ksiega_gosci.gif) no-repeat; }
ul.sitenav li.rezerwacja a		{ background: url(img/menu/rezerwacja.gif) no-repeat; }
ul.sitenav li.wladze a			{ background: url(img/menu/wladze.gif) no-repeat; }
ul.sitenav li.kontakt a		{ background: url(img/menu/kontakt.gif) no-repeat; }

ul.sitenav li.opis a:hover			{ background-position: 0 -15px; }
ul.sitenav li.oferta a:hover		{ background-position: 0 -15px; }
ul.sitenav li.rekolekcje a:hover	{ background-position: 0 -15px; }
ul.sitenav li.galeria a:hover		{ background-position: 0 -15px; }
ul.sitenav li.ksiega a:hover		{ background-position: 0 -15px; }
ul.sitenav li.rezerwacja a:hover	{ background-position: 0 -15px; }
ul.sitenav li.wladze a:hover		{ background-position: 0 -15px; }
ul.sitenav li.kontakt a:hover		{ background-position: 0 -15px; }

/*ul.sitenav li#active1 a { width: 73px; background: url(img/menu/start.gif) no-repeat; background-position: 0 -114px; }
ul.sitenav li#active2 a { width: 122px; background: url(img/menu/aktualnosci.gif) no-repeat; background-position: 0 -114px; }
ul.sitenav li#active3 a { width: 113px; background: url(img/menu/inwestycje.gif) no-repeat; background-position: 0 -114px; }
ul.sitenav li#active4 a { width: 97px; background: url(img/menu/o_firmie.gif) no-repeat; background-position: 0 -114px; }
ul.sitenav li#active5 a { width: 92px; background: url(img/menu/kontakt.gif) no-repeat; background-position: 0 -114px; }
ul.sitenav li#active6 a { width: 129px; background: url(img/menu/mapa_strony.gif) no-repeat; background-position: 0 -114px; }*/


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

#section_image {
  background: transparent url(img/section_image_bg.gif) top left no-repeat;
  float: left;
  height: 246px;
  margin: 20px 0 0 0;
  width: 370px;
}

#left_column {
  float: left;
  margin: 25px 95px 0 0;
  width: 460px;
}

#right_column {
  float: right;
  margin: 25px 0 0 0;
  width: 370px;
}

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

span.sign {
  font-weight: bold;
}

#our_address {
  background: transparent url(img/nasz_adres_bg.gif) top left no-repeat;
  color: #5c5952;
  font-size: 13px;
  height: 183px;
  padding: 55px 0 0 28px;
  width: 342px;
}

#our_address a {
  color: #cc5e0d;
  text-decoration: underline;
}

#our_address a:hover {
  color: #fc4209;
  text-decoration: none;
}

ul#retreats_list {
  float: left;
  margin: 0 0 25px 0;
  width: 460px;
}

ul#retreats_list li {
  border-bottom: 1px dotted #c0c0c0;
  padding: 5px 0;
}

span.date {
  color: #666666;
  display: block;
  font-size: 11px;
  font-weight: normal;
}

.guestbook {
  font-size: 12px;
}

.guestbook h2 {
  font-weight: bold;
  margin: 0 0 3px 0;
}

.guestbook h2 span {
  font-weight: normal;
}

.guestbook p {
  font-style: italic;
}

span.pager {
  float: right;
  margin: 10px 0 0 0;
}

span.pager a {
  display: inline;
  margin: 0 0 0 5px;
  background-color: #f6fbff;
  border: 1px solid #f3f9ff;
  font-weight: normal;
  padding: 2px 6px;
}

ul.pager a:hover {
  background-color: #ffffff;
}

.pager a.current {
  background-color: #ffffff;
  color: #444
}

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

img#web_title {
  float: left;
  margin: 0 38px 0 0;
}

img#homepage_note {
  float: left;
  margin: 45px 0 0 70px;
  width: 483px;
}

#section_image img {
  padding: 8px 0 0 7px;
}

img#floor_plan {
  border: 0;
  height: 42px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  width: 63px;
}

img.retreats_thumb {
  background-color: #f0f0f0;
  border: 0;
  float: left;
  margin: 5px 20px 10px 0;
  padding: 5px;
}

img.gallery_thumb {
  background-color: #f0f0f0;
  border: 0;
  float: left;
  margin: 0 5px 10px 0;
  padding: 5px;
}

img.last {
  margin: 0 0 10px 0!important;
}

.contact_thumb {
  background-color: #f0f0f0;
  float: left;
  font-size: 11px;
  line-height: 16px;
  margin: 0 35px 10px 0;
  padding: 5px;
  text-align: center;
}

.contact_thumb img {
  margin: 0 0 3px 0;
}

.last_thumb {
  margin: 0 0 10px 0!important;
}

img#facebook_icon {
  border: 0;
}

img#facebook_icon_footer {
  border: 0;
  margin: 10px 0 0 0;
}

/*------------------------------------------------------------------
[Slideshow]
-------------------------------------------------------------------*/

.pics {
  width: 355px;
  height: 230px;
  background: transparent;
}

#slideshow {
    position: relative;
    height: 230px;
}

#slideshow div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
    height: 230px;
}

#slideshow div.active {
    z-index: 10;
    opacity: 1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 231px;
    display: block;
    border: 0;
    padding: 7px 0 0 7px;
}


/*------------------------------------------------------------------
[Forms]
-------------------------------------------------------------------*/

form#call_me {
  margin: 15px 0 0 0;
}

form#call_me label {
  float: left;
  margin: 0 20px 0 0;
  width: 120px;
}

form#call_me textarea {
  overflow: auto;
  padding: 3px 5px;
  width: 300px;
}

form#call_me input.call_me_input {
  padding: 3px 5px;
  width: 300px;
}

form#call_me input#goright {
  float: right;
  margin: 0 5px 0 0;
}

form#call_me input[type=submit] {
  padding: 3px 5px;
}

form#call_me div.row {
  margin: 0 0 10px 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: 1px 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: 1px solid #CC0000;
}

/*------------------------------------------------------------------
[Lists]
-------------------------------------------------------------------*/



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

#footer_container {
  background-color: #cde5f3;
  clear: both;
  color: #84949c;
  font-size: 12px;
  margin: 40px 0 0 0;
  padding: 25px 0;
  width: 100%;
}

#footer_container a {
  color: #638ba1;
  text-decoration: none;
}

#footer_container a:hover {
  color: #40708b;
  text-decoration: none;
}

#footer_copyright {
  border-right: 1px solid #acc2cf;
  float: left;
  padding: 0 23px 0 0;
  width: 315px;
}

#sitemap_left {
  border-left: 1px solid #e7f4fb;
  float: left;
  padding: 0 18px 0 41px;
  width: 150px;
}

#sitemap_right {
  border-right: 1px solid #acc2cf;
  float: left;
  padding: 0 23px 0 0;
  width: 105px;
}

#footer_madeby {
  border-left: 1px solid #e7f4fb;
  float: left;
  min-height: 65px;
  padding: 0 0 0 51px;
  text-align: right;
}