body {
       font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
       color: #91807F; 
       margin: 0; padding: 0; 
       background: #0a0c0c url(../images/bg.gif) repeat-x; /* kolor i tło ramki górnej */
       text-align: center;
}


#header {
	position: relative;
	margin: 0 auto 10px auto;
	height: 72px;			
	background: url(../images/header-bg.jpg) no-repeat center bottom;
}




/* links */
a:link, a:visited { 
       text-decoration: none;
       color: #2a3739;       
}
a:hover { color: #fff; }
a:link.more, a:visited.more {
       float: left;       
       margin-top: 20px;       
       margin-right: 5px;
       padding: 3px 5px 4px 5px;
       border: 1px solid #E7871C;
       background-color: #E27304; 
       text-transform: lowercase;
       font-weight: bold;
       text-decoration: none;       
       color: #fff;              
}
a:hover.more {       
       border: 1px solid #5A9223;
       background-color: #4C7B1E; 
}

                                              /* text */
h1, h2, h3, h4 {
       font: bold 1em/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
       color: #f0e8e8;
       margin: 10px 20px 7px 20px;        
}
h1 { font-size: 2.9em; font-weight: bold; letter-spacing: -2px; }
h2 { font-size: 2.1em; font-weight: normal; letter-spacing: -0.5px; color: #f0e8e8; border-bottom: 1px solid #2a3739; margin-top: 0px;}
h2b { font-size: 2.8em; font-weight: bold; letter-spacing: -2px ;}
h3 { font-size: 2.1em; font-weight: normal; letter-spacing: -0.5px; padding-top: 5px; }
h4 { font-size: 1.7em; }

                             /* Lists */
ul, ol {
       margin: 10px 20px;
       padding: 0 20px;
}
ul { list-style: disc; }
ol { list-style: decimal; }
   /*wielkosc okienka kontakty */

dt {
  font-weight: bold;
  color: #6f892c;
}
dd {
  padding-left: 20px; 
}
p, dl { margin: 10px 20px; }
                                                  /* tutaj znajduje sie obramówka która jest w koło fotek */
.ths img {
           background-color: #14191b;
   border: 1px solid #2a3739;
       padding: 8px;       
}
img.float-right {       margin: 5px 0px 10px 10px; }
img.float-left { margin: 5px 10px 10px 0px; }

th {
       background-color: #45561B; 
       padding: .8em 1em;       
         border-color: #647C28 #586A22 #43511A #5A6F23;       
       font-weight: bold;
       color: #fff;
}
td {
       border-color: #231A14;
       padding: .7em 1em;       
}       
/* koniec - table */

                                      /* ramka w której znajduje sie system do wysylania wiadomosci  */
form {
       margin: 10px 30px 10px 30px; /* ustawienia okna 1-góra,2 prawy bok, 3-dól, 4 lewy bok */
       padding: 15px 15px 25px 15px; /*przesuniecie tresci wewnatrz okienak */
       border: 1px solid #130f12;  /* kolor obramowania */
       background: #020202 url(../images/ramtlo.gif) repeat-x;    /*kolor wnetrza*/   
}
form p {
       border-bottom: 1px solid #221813; 
       margin: 0;
       padding: 8px 5px 8px 5px;              
       color: #fff;
}
label {
       font-weight: bold;
       color: #8E7D6A;
}
input, select, textarea {
       margin: 5px 0;
       padding: 7px 5px;
       border-width: 1px;
       border-style: solid;
       border-color: #303f43;        
       background-color: #14191b;
       font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif;
       color: #303f43;
}
input:focus, select:focus, textarea:focus {
       background-color: #934A00;
       border: 1px solid #BF6000;
       color: #fff;
}                                                             /* wielkość kolymny imie i adres */
#name, #email, #message, #website {
       width: 487px; 
}
input.button { 
       height: 30px;
       margin: 0;
       padding: 2px 3px; 
       border: 1px solid #c96111;
       background: #e2721b url(../images/button-bg.png) repeat-x;       
       font: bold 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif;
       text-decoration: none;       
       color: #fff;
}

/* ------------------------------------------
                                               czolo
                                                      ------------------------------------------- */ 
#tdl {
       width: 940px;
       margin: 0 auto;
       text-align: left;
}

#content {
       float: left;
       width: 920px;
       margin-left: 10px;              
       padding-bottom: 40px;
       display: inline;              
}

                                    /* Okienko boczne w którym znajduje sie cale meny info i galeria */
#sidebar1 {
	float: right; /* ulozenie okna */
	width: 300px; 												/*WARTOSC DO ZMIANY - USTALIC WYMIARY CZESCI SZTYWNEJ*/
	background: #020202 url(../images/ramtlo.gif) repeat-x;  /* kolor tla */
	 border: 1px solid #130f12; 
	padding-top: 10px; 
	text-align: left; /* rozmieszczenie liter */
	color: #89b5c6;/* kolor liter  */
}
#sidebar1 h3, #sidebar1 p {
	margin-left: 10px; /* margines rozmieszczajacy text */
	margin-right: 10px;
}
/* /koniec okno boczna ramka */




                                                          /* tutaj znajduje sie ten malutki przycisk w nenu bocznym */
#sidebar1 ul li {
       list-style: none;
       margin: 0;       padding: 8px 5px 8px 19px;
     
       font-size: 11px;
       line-height: 20px;       
       text-transform: uppercase;       
       background: url(../images/bulleta.gif) no-repeat 0 14px;
}
#sidebar1 ul li a:link, 
#sidebar1 ul li a:visited {
       padding-left: 0;       
       font-weight: bold;              
       color: #F1E3D8;
}
#sidebar1 ul li span {
       display: block;       
       margin-left: -16px;
       color: #9a8377;       
       font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
       text-transform: none;       
}
.sidemenu ul li a:hover { color: #fff;       border: none; }
.sidemenu ul ul { margin: 0 0 0 5px; padding: 0; border: none; }
.sidemenu ul ul li { border: none; }














/* dolni pasek na menu */
#footer {
       float: left;
	   padding: 0px 0px 20px 0px;
       width: 960px;																		/* WARTOSC DLA NAGLÓWKA */
       text-align: center;
       background: url(../images/footer-bg.png) repeat-x;
}
#footer-outer {
       clear: both;
       width: 940px;              
       margin: 0 auto;
       font-size: .9em;              
       text-align: left       
}

#footer-wrap h3 {
       margin-bottom: 15px;
       font-size: 1.6em;              
       font-weight: bold;       
       color: #baaca2;
}
#footer-wrap .col-a {
       width: 230px;
       float: left;
       display: inline;
}
#footer-wrap .col-b {
       width: 480px;
       float: right;
       display: inline;
}

/* footer-list */
#footer-outer .footer-list ul {
       list-style: none;
       margin-left: 10px;       
       padding: 0;     /*regulacja wysokosci */
       border-top: 1px solid #2a3739; 
}
#footer-outer .footer-list ul li { border-bottom: 1px solid #2a3739; }
#footer-outer .footer-list ul li a {
       display: block;
       width: 200px;								/* WARTOSC ZMIENNA OKRESLAJACA ILOSC PX - DOSTOSOWAC */
       margin-left: 0;
       padding: 5px 0;
       border: none;
       line-height: 2em;        
       color: #877878;               
}

#footer-outer .footer-list ul li a span {
       font-style: italic;
       font-weight: normal;
       font-family: Georgia, 'Times New Roman', Times, Serif;
       font-size: .95em;       
}

#footer-outer .footer-list ul li a:hover,
#footer-outer .footer-list ul li a:hover span {
	color: #fff;	
}

                                                  /* Koniec dolnego meny */
/* dolnie przyciski */
#footer-bottom {
       float: left;       
       width: 960px;																	/*WARTOSC ZMIENNA*/
       margin: 5px auto 5px auto;       
       font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;                     
}
#footer-bottom .bottom-left {       float: left; }              
#footer-bottom .bottom-right {
       text-align: right;
       padding-right: 0;       
}
#footer-bottom a.back-to-top {
       background: url(../images/arrow-up.gif) no-repeat right center;
       padding-right: 20px;
}














/* ramówki fotek w galerii */
p.thumbs { 
       margin: 0;
       padding: 10px 0 0 0px;        
}
.thumbs img { 
       position: relative;
       margin: 4px; padding: 8px;       
       background: #14191b;
   border: 1px solid #2a3739;
}
.thumbs img:hover       { border: 1px solid #f0e8e8; }
.thumbs a:hover { background-color: transparent; border: none }






/* klasy*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }




/* warstwa 2 skryptu --> >>>>>> ************************** >>>>>> ********************/


#container { 
	width: 960px;  /* okreslenie glównego okna*/												/*WARTOSC ZMIENNNA*/
	background: #050607;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;/* obramowanie do okola glównego okna */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

            /* glówny pasek np miejsce na baner */









#mainContent { 
	margin: 0 310px 0 5px; /* wielkosc okna w którym znajduje sie text */    /*WARTOSC ZMIENNA GLÓWNEGO OKNA */

} 


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}