/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0px 0px; 	
	padding: 0px  0px; 
	font: normal 0.9em/1.2em sans-serif;
	text-align: left;	
	height: 100%;	
	width: 100%;	
	background: #4F3524 url('http://galeria-brama.art.pl/gfx/bgtop.jpg') top center repeat-x;	
}

/* links */

/* headers */
h1, h2, h3 {
	font: normal 1em 'Trebuchet MS', Tahoma, Sans-serif;
	margin: 10px 0px 10px 0px;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; font-variant: small-caps;}
h3 { font-size: 1.0em; }



/* images */
img.float-right {
	border: 1px solid #DDD; 
	padding: 5px 5px 8px 5px;
	background-color: #FFF;
	margin: 5px 0px 5px 15px;  
}
img.float-left {
	border: 1px solid #C7C1B5;
	padding: 3px 3px 5px 3px;
	background-color: #FFFFFF;
	margin: 0px 10px 10px 0px;
	float:left;
}

img.float-left:hover {
	border: 1px solid #000;
	padding: 3px 3px 5px 3px;
	background-color:  #FFF;
	margin: 0px 10px 10px 0px;
	float:left;
}

img.float-none {
	border: 1px solid #C7C1B5;
	padding: 3px 3px 5px 3px;
	background-color: #FFFFFF;
	margin: 0px 10px 10px 0px;
	float:none;
}

img.miniatury {
	border: 1px solid #DDD;
	padding: 2px 2px 3px 2px;
	background-color: #FFFFFF;
	margin: 0px 3px 0px 0px;
	float:left;
}

img.miniatury a:hover {
	border: 21px solid #DDD;
}



code {
  margin: 20px;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em bold 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid red;    
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

blockquote {
	margin: 15px; 	
	padding: 5px 5px 5px 5px;  	
  	background: #FAFAFA url(quote.gif) no-repeat 3px 5px; 
	border: 1px solid #eee; 
	color: #666666;	
	display: block;
	overflow: auto;  
}



/***********************
	  LAYOUT
************************/
#wrap {

	margin: 0px 10px;
	padding: 0px 0px;
	background: #FFFFFF url(http://galeria-brama.art.pl/gfx/xbg.gif) repeat-y;
	border: 0px solid purple;
	}

/* header */
#header {
	position: relative;
	height: 130px;
	text-align: left;		
	margin: 0px; padding: 0px;	
	background: transparent url('http://galeria-brama.art.pl/gfx/bgtop.gif') top center repeat-x;	
	border: 0px solid red;
}
#header #logo_pl {
	position: absolute;
	left: 0px ; 
	top: 0px;
	width: 950px;
	height: 130px;
	background: #FFFFFF url('http://galeria-brama.art.pl/gfx/logo.jpg') no-repeat;	
	border: 0px solid black;
}

#header #logo_eng {
	position: absolute;
	left: 0px ; 
	top: 0px;
	width: 950px;
	height: 130px;
	background: #FFFFFF url('http://galeria-brama.art.pl/gfx/logo_eng.jpg') no-repeat;	
	border: 0px solid black;
}

#header #logo_zaplecze {
	position: absolute;
	left: 0px ; 
	top: 0px;
	width: 950px;
	height: 130px;
	background: #FFFFFF url('http://galeria-brama.art.pl/gfx/logo_zaplecze.jpg') no-repeat;	
	border: 0px solid black;
}

#header #logo_puzzle {
	position: absolute;
	left: 0px ; 
	top: 0px;
	width: 950px;
	height: 130px;
	background: #FFFFFF url('http://galeria-brama.art.pl/gfx/logo_puzzle.jpg') no-repeat;	
	border: 0px solid black;
}

#header #logo_ekartki {
	position: absolute;
	left: 0px ; 
	top: 0px;
	width: 950px;
	height: 130px;
	background: #FFFFFF url('http://galeria-brama.art.pl/gfx/logo_ekartki.jpg') no-repeat;	
	border: 0px solid black;
}



#googletop {
	position: absolute;
	left:255px ; 
	top: 0px;
	width: 500px;
	height: 15px;
	border: 0px solid red;
	padding:0px;
	background: transparent;	
}
#googletop a {
	font: normal 8pt "Tahoma";
	color: #FFF;
}

#googlemain {
	position: absolute;
	top:120px;
	right:40px;
	width: 234px;
	height: 60px;
	border: 0px solid red;
	padding:0px;
	background: transparent;	
	float: right;
}
#googlemain a {
	font: normal 8pt "Tahoma";
	color: #FFF;
}

#header #adbox3 {
	position: absolute;
	right: 302px ; 
	top: 161px;
	width: 468px;
	height: 15px;
	background: #4E3525;
	border: 0px solid black;
	
}
#adbox3 img {
	background: transparent;
	margin: 0; padding: 0;
	border: none;
	filter:alpha (opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	-khtml-opacity: 0.5;
}

#header #maska {
	position: relative;
	left:600px ; 
	top: 23px;
	width: 270px;
	height: 90px;
	background: transparent;
	border: 0px solid red;
	font: normal 8pt "Courier New";
	color: #FFF;
	
}


#newsy {
	position: absolute;
	right: 5px ; 
	top: 5px;
	width: 20px;
	height: 50px;
	border: 0px solid red;
	padding:1px;
	background: transparent;	
}
#newsy p {
	margin: 0px; padding: 0px;
	border: none;
	font: normal 8pt "Courier New";
	color: #FFF;
}

#newsy a {
	color: #FFF;
	text-decoration: none;
}
#newsy a:hover {
	text-decoration: undreline;
}


#logo-box {
	position: absolute;
	left: 15px ; 
	top: 0px;
	width: 280px;
	height: 50px;	
	background: transparent;	
	border: 0px solid blue;
}
#logo-box #logo {
	position: absolute;	
	font: normal 22px 'Trebuchet MS', Sans-serif;
	letter-spacing: 0px; 
	color: #000000;
	margin: 0; padding: 0;
	border: 0px solid blue;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 7px; left: 78px;
}
#logo-box #logo a {
	text-decoration: none;
	color: #000;
}
#logo-box #logo a:hover {
	text-decoration: none;
	color: #990000;
}
#logo-box #slogan {
	position: absolute;	
	font: normal 11px 'Tahoma', Sans-serif;
	text-transform: none;
	color: #4F3526 ;	
	margin: 0; 
	padding: 0px 0px 1px 3px;
	background: transparent;
	width: 250px;
	border: 0px solid blue;
	/* change the values of left and top to adjust the position of the slogan */
	top: 18px; left: 245px;
}





/* header menu */
#header #menu {	
position: absolute;	
	clear: both;
	margin: 0px; 
	padding: 2px;		
	width: 90%;		
	background: transparent;
	float: left;
	border: 0px solid blue;
	top: 108px; left:0px;
}
#menu ul {
	font: bold 11px 'Verdana', sans-serif;
	width: 740px;
	margin: 0 5px;
	padding: 0px;
	display: inline;
	float: left;	
}
#menu li {
	float: left;
	list-style: none;
}
#menu li a {
	display: block;
	padding: 5px 10px;	
	color: #000000;	
	text-decoration: underline;
}
#menu li a:hover {
	color: #804000;
	text-decoration: none;
}



/* header szukarka */
#szukarka {	
	position: absolute;
	top: 52px; 
	left:58px;
	clear: both;
	margin: 0px; 
	padding: 0px;		
	background: transparent;
	float: left;
	border: 0px solid blue;	
}
#szukarka form {
	padding: 0px;
	border: 0px solid #804000; 
	background-color: transparent;
	padding-left: 5px;
	
}
#szukarka input {
	font: 10pt Verdana;
	background: #D2BCAE;
	border: 1px solid #B78D77; 
	color: #000000;
	font-weight: bold;
	filter:alpha (opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	-khtml-opacity: 0.7;
}
#szukarka input:focus {
background: #FFFFFF;
}
#szukarka select {
	font: 10pt Verdana;
	background: #D2BCAE;
	border: 1px solid #B78D77; 
	color: #000000;	
	font-weight: bold;
	filter:alpha (opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	-khtml-opacity: 0.7;
}
#szukarka select:focus {background: #FFFFFF;}

#szukarka .submit {
display: inline; 
background: #D2BCAE; 
color: #000000; 
font-weight: bold;
border-top: 1px solid #B78D77;
border-right: 2px solid #7A471A; 
border-bottom: 2px solid #7A471A; 
border-left: 1px solid #B78D77; 
}
#szukarka submit:focus {
background: #FFFFFF;
}

#szukarka a {
	font: bold 10pt Verdana;
	color: black;
	text-decoration: none;
 }
#szukarka a:hover {		
	font: bold 10pt Verdana;
	color: white;
	text-decoration: none;
 }

 
 
 
 
 
 
/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 98%;
	background: #FFFFFF url(http://galeria-brama.art.pl/gfx/xbg.gif);
	border: 0px solid red;
	margin: 0px;
	padding: 0px;
}
#content {
	width: 100%;	
	clear: both;
	text-align: left;	
	padding: 0px;
	margin: 0px;
	border: 0px solid blue;
}











/* sidebar */
#sidebar {
	float: left;
	width: 15%;
	margin: 0px 0px 0px 15px; 
	padding: 0px 0px 0px 0px ;
	background: transparent ;

}	
#sidebar .alfanag {
	padding: 10px 0px 5px 5px;
	margin: 0;	
	color: #6B6B6B;	
	text-transform: uppercase;
	font: bold 1.0em 'Arial', sans-serif;
	
}
.sidebox {
	width: 100%;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	border: 0px solid blue;
}



/* sidebar menu */
#sidebar ul.sidemenu {
	display: block;
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px;	

}
#sidebar ul.sidemenu li {
	display: block;
	padding: 0px 5px;
}
#sidebar ul.sidemenu a {
display: block;
	font-weight:normal;
	font: normal 12px 'Verdana', sans-serif;
	color: #333;
	padding: 2px 2px 2px 5px;
	border-left: 1px solid #D5D5D5;
	text-decoration:none;
	background: #E8E8E8 ;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D5D5D5;
}
#sidebar ul.sidemenu a:hover {
	padding: 2px 2px 2px 5px;
	border-left: 3px solid  #993333;
	color: #993333;
}




/* MENU ===================================*/
/* lista rozwijalna */

ul.tree {
	display: block;
	margin: 0px;
	padding: 5px 0px 0px 8px;
	text-align: left;
	cursor: pointer;
	background: #FFFFFF url(http://galeria-brama.art.pl/gfx/bgmenu.jpg) top left no-repeat;
	border: 0px solid blue;	
}

ul.tree ul {
	display: block;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

ul.tree li {
	display: block;
	list-style-type: none;
	font-size:10pt;
	font-family: Verdana; 
	color: #000000; 
	text-indent: 5px; 
	text-align: left; 
	vertical-align: top; 
	text-decoration: none; 
	white-space: normal; 
	padding: 2px 2px 2px 0px;
	
}

ul.tree li a {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
	color: #940F04; 
}

ul.tree li a.folder {
	cursor: pointer;
	color: #000000;
	font-weight:bold;
	padding-left: 15px;
	background: url(http://galeria-brama.art.pl/gfx/closed.gif) left no-repeat; 
}

ul.tree li a.active {
	font-weight: bold;
	color: #0099FF;
}

ul.tree li a:hover {
	text-decoration: underline;
}

ul.tree li.opened {
display: block;
padding: 2px 2px 0px 2px;
border-left: 0px double #EEE2E0;
}
ul.tree li.opened a {
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	color: #940F04;
	padding: 2px 2px 2px 15px;
	background: url(http://galeria-brama.art.pl/gfx/document.gif) left no-repeat; 
}
ul.tree li.opened .folder {
	cursor: pointer;
	color: #000000;
	font-size: 13px;
	font-weight:bold;
	padding-left: 15px;
	background: url(http://galeria-brama.art.pl/gfx/opened.gif) left no-repeat; 
}
ul.tree li.opened a:hover {
	text-decoration: underline;
}
ul.tree li.opened a.active {
	font-weight: bold;
	color: #018CFE;
}




/* GŁÓWNA TREŚĆ =====================================*/
#main {
	float: right;
	width: 79%;	
	margin: 0px 0px 0px 0px; 
	padding: 0px 5px 0px 5px;
}



/*TIP===================*/
#main .tip {
background: #FFE7CA;
padding:5px;
font: normal 0.8em 'Arial', Sans-serif;
}


/* LOADING =====================================*/

#main #wgrywanie{
position: absolute;
top: 0px;
left: 0px;
width: 100%;	
height: 100%;
margin: 0px; 
padding:0px 0px;
font: normal 22px 'Trebuchet MS', Sans-serif;
color: #FF0000;
background-color:#603910 ;
	filter:alpha (opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	-khtml-opacity: 0.7;
}
#wgrywanie strong{
font: normal 22px 'Trebuchet MS', Sans-serif;
color: #FF0000;
background-color:#FFFFFF ;
padding: 20px;
}



/* NAGŁÓWKI =====================================*/

#main h1 {
	padding: 7px 0px 5px 10px;
	margin: 10px 0px 10px 10px;
	font: normal  1.6em 'Trebuchet MS', Sans-serif;
	letter-spacing: +1pt; 
	color: #553310;
	background: url(http://galeria-brama.art.pl/gfx/tlonag.jpg) bottom left no-repeat; 
	background-color: transparent;
	border: 0px solid black;
	line-height: 26px;
	}

#main h2 {
	
	font-family: Trebuchet MS,Verdana,Sans; 
	color: #887371; 
	font-stretch: semi-expanded; 
	font-weight: bold; 
	font-size: 12pt; 
	font-style: normal; 
	text-shadow: inherit; 
	letter-spacing: 2pt; 
	font-size-adjust: 0.58; 
	padding: 5px 5px 5px 10px;
	margin: 5px 5px 10px 5px;
	background-color: #FAFAFA;
}

#main h3 {
	font-family: Trebuchet MS,Verdana,Sans; 
	color: #444B34; 
	font-weight: bold; 
	font-style: normal; 
	text-shadow: inherit; 
	letter-spacing: 1pt; 
	font-size-adjust: 0.58; 
	padding: 5px 5px 5px 10px;
	margin: 5px 5px 10px 15px;
	background-color: #FAFAFA;
}

/* LINKI =====================================*/

#main a {font-weight: bold; color: #990000; text-decoration: none }
#main a:hover {font-weight: bold; color: #B61D1D ; text-decoration: underline }
#main a:visited {font-weight: bold; color: #000000; }

/* LISTY =====================================*/

#main ul {
	margin: 0px 0px 5px 5px;
	font: normal 1.0em 'Arial', sans-serif;
}
#main ul li {
	margin: 0px 0px 0px 10px;
	font: normal 1.0em 'Arial', sans-serif;
}

/* TEKST =====================================*/

#main p {
font: normal 1.0em/1.2em 'Arial' ,sans-serif;
margin: 0px ;
padding: 5px ;
display: block;
}


/* FORMULARZE =====================================*/
#main input {
background: #FAE6D3;
}

#main input.zamawiam {
font-weight: bold;
background-color:#F2C998;
background-image: url(http://galeria-brama.art.pl/gfx/zamawiam.jpg); 
background-position: top left; 
background-repeat: repeat-x; 
color: #990033;
padding: 3px;
cursor: pointer ;
}



/* FORMULARZ zapytania o dodatkowe zdjęcia =====================================*/
#main #miniform {
margin: 0px ;
padding: 5px ;
}
#miniform input {
font-weight: normal;
font: 8pt 'Arial', Sans-serif;	
color:  #818181;
background:  #FFFFFF; 
}

#miniform select {
font-weight: normal;
font: 8pt 'Arial', Sans-serif;	
color:  #818181; 
background:  #FFFFFF; 
}

/* GŁÓWNE ZDJĘCIE =====================================*/

#main  #glownezdjecie{
border-top: solid #CCCCCC 1px; 
border-right: solid #A1A1A1 1px; 
border-bottom: solid #A1A1A1 1px; 
border-left: solid #CCCCCC 1px; 
margin: 5px 10px 20px 5px; 
padding: 5px;
float: left; 
background-color: #F7F7F7;
background-image: url(images/loading.gif); 
background-position: center; 
background-repeat: no-repeat; 
}

#glownezdjecie img.big {
	border: 1px solid #DDD;
	padding: 1px 1px 1px 1px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

#glownezdjecie img.big:hover {
	border: 1px solid #000;
	padding: 1px 1px 1px 1px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

/* PODPIS POD GŁÓWNE ZDJĘCIE =====================================*/

#main #podpis {font: normal 8pt 'Arial', Sans-serif; color: #757575; padding-left: 2px;}
#podpis a {font-weight: bold; color: #990000; text-decoration: none; }
#podpis a:hover {font-weight: bold; color: #B61D1D ; text-decoration: underline; }
#podpis a:visited {font-weight: bold; color: #757575; }

/* MINIATURKI, detale =====================================*/

#main img.mini {
	border: 1px solid #DDD;
	padding: 2px 2px 3px 2px;
	background-color: #FFFFFF;
	margin: 0px 2px 0px 0px;
	float:left;
	background-image: url(http://galeria-brama.art.pl/gfx/miniloading.gif) no-repeat 50% 50%; 
}
#main img.mini:hover {
	border: 1px solid #000;
	padding: 2px 2px 3px 2px;
	background-color:  #FFF;
	margin: 0px 2px 0px 0px;
	float:left;
	background-image: url(http://galeria-brama.art.pl/gfx/miniloading.gif) no-repeat 50% 50%; 
}

/* INFO =====================================*/
#main #notka {font: normal 9pt 'Arial', Sans-serif;	color:  #757575; padding-left: 2px;}
#notka a {font-weight: bold; color: #990000; text-decoration: none }
#notka a:hover {font-weight: bold; color: #B61D1D ; text-decoration: underline }
#notka a:visited {font-weight: bold; color: #000000; }
#notka fieldset {
	display: block;
	margin: 10px 0px 5px 0px;	
	padding: 2px 2px 2px 2px;  	
  	background: transparent; 
	border: 1px dashed #eee; 
	color: #4F3526;	
}
#notka legend {
	font: bold  12px Arial, Sans-serif; 
	padding: 2px 10px 2px 10px;  	
	margin: 0px 0px 5px 0px;	
  	border: 0px solid #eee; 
	color: #FFF;
	background: #7B685A; 
}
#notka blink {
	font: bold  12px Arial, Sans-serif; 
	color: #FF0000;
}



#main #imgboxes {
float:left;
height: 100px;
border: solid #CCCCCC 0px; 
margin: 5px 5px;
padding: 5px 5px;
background-color: #FFFFFF;
font: 8pt 'Tahoma', Sans-serif; 
color: #757575; 
}

#imgboxes a {font: normal 8pt 'Tahoma', Sans-serif; color: #990000; text-decoration: none}
#imgboxes a:hover {font: bold 8pt 'Tahoma', Sans-serif; color: #804000 ; text-decoration: underline }
#imgboxes a:visited {font: normal 8pt 'Tahoma', Sans-serif; color: #571700 ; text-decoration: none }



.post {
	margin: 0; padding: 0;
	
}
.post .post-footer {
	background-color: #fafafa;
	padding: 5px; margin-top: 20px;
	font-size: 95%;
	border: 1px solid #eee;
}
.post .post-footer .date {
	background: url(clock.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
	background: url(comment.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
	background: url(page.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}






#main #contmenu {
	padding: 5px 5px 5px 5px; 
	margin: 0px 0px 0px 0px;
	
}

#main #contmenu ul {
	padding: 5px 5px 5px 5px; 
	margin: 0px 0px 0px 0px;
}

#main #contmenu li {
	list-style: none;
	display: inline;
}








#sklep {
background-color: #FFE7CF;
padding: 5px 5px 5px 5px;
}







#main #promuj {
	position: absolute;
	right: 527px ; 
	top: 455px;
	width: 468px;
	height: 60px;
	background: transparent;
	border: 0px solid black;
}

#promuj img {
	background: transparent;
	margin: 0; padding: 0;
	border: none;
	filter:alpha (opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	-khtml-opacity: 0.7;
}



.miniatury{float: left;}


/* start - table */
.parametry td{
font-size: 0.8em;
}

.parametry table {
	margin: 0px;	
	border: 0px;
	font-size: 0.8em;
	background-color: #EBE7E8; 
}
.parametry th {
	padding: 5px 0px;
	font-weight: bold; 
	color: #6B6B6B; 
	text-decoration: none; 
	font-size: 0.8em;
	text-align: left;
	}
/* end - table */


/* TABELA KATALOGU =====================================*/

/* start - table */
#main #katalog {
	margin: 0px;	
	border: 0px;
}

#katalog table {
	margin: 0px;	
	border: 0px;
	font-family: Arial;
	font-weight: normal; 
	font-size: 1.0em;
	
}

#katalog a {font-weight: normal; color: #990000; text-decoration: none; font-size: 1.0em;}
#katalog a:hover {font-weight: normal; color: #B61D1D ; text-decoration: underline; font-size: 1.0em;}
#katalog a:visited {font-weight: normal; color: #000000; font-size: 1.0em;}


#katalog th strong {
	color: #fff;
}
#katalog th {
	background: #E9E9E9;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	border: 0px solid #908071;
	background: url(http://galeria-brama.art.pl/gfx/bg_table_1.jpg) top right repeat-x;
	font-weight: bold; 
	color: #6B6B6B; 
	text-decoration: none;
	font-size: 0.8em;

	}
#katalog tr {
	height: 25px;

}
#katalog td {
	padding-left: 11px;
	padding-right: 11px;
	border: 0px solid #000000;
	font:  1.0em 'Arial', Sans-serif; 

}

#katalog tr.row-a {
	background: #F8F8F8;
}
#katalog tr.row-b {
	background: #EFEFEF;		
}
#katalog .nowosci td {  
	border: 0px;
	background: #F4E8D7;	
	padding-top: 4px;
	padding-bottom: 3px;
	font: bold 1.0em 'Arial', Sans-serif; 
}
#katalog tr.odd_row td {
	border: 0px;
	background: #FCFCFC;	/* naprzemienne kolorowanie */
	padding-top: 3px;
	padding-bottom: 2px;
		
}
#katalog tr.odd_rows  td {
	background: #F4F4F4;	/* naprzemienne kolorowanie */
	padding-top: 3px;
	padding-bottom: 2px;
	border: 0px;

}
/* end - table */








/* TABELA FORMULARZ =====================================*/

/* start - table */
#tabela_form table {
	margin: 0px;	
	border: 0px;
	
	
	
}
#tabela_form a {font-weight: bold; color: #990000; text-decoration: none }
#tabela_form a:hover {font-weight: bold; color: #B61D1D ; text-decoration: underline }
#tabela_form a:visited {font-weight: bold; color: #000000; }

#tabela_form th {
	padding: 2px;
	color: #660033;
	text-align: left;
	border: 0px solid #908071;
	font-family: Verdana;
	color: #660000;
	font-size: 10pt;
	}
#tabela_form td {
	padding: 5px;
	font-family: Verdana;
	color: #000000;
	font-size: 10pt;
}
	
#tabela_form td.pole {
	padding: 5px;
	font-style: italic; 
	font-family: Verdana;
	color: #666666;
	font-size: 10pt;
}
#tabela_form input {
	padding: 2px;
	font: bold 10pt 'Verdana', Sans-serif;
	background: #FFECD9;
	border: 1px solid #908071;

}

#tabela_form .submit {
	padding: 2px;
	font: bold 10pt 'Verdana', Sans-serif;
	background: #FFECD9;
	border-top: 1px solid #908071;
	border-right: 2px solid #404040;
	border-bottom: 2px solid #404040;
	border-left: 1px solid #908071;
}
#tabela_form .error {
	padding: 5px;
	font: bold 10pt 'Verdana', Sans-serif;
	color: #CC0000;
	background: #FFFFCC;
}
/* end - table */


















#indeks{
    float:              left;
    color:              #ffffff;
    margin:        5px;
	font: 12pt  Arial sans-serif;
}

#indeks ul{
    margin:             0px;
    font-weight: 		bold;
   	padding-left:       0;
    margin-left:        0;
	
	font-weight: bold;
}

#indeks ul li{
    float:              left;
    padding:            2px;
    margin:             2px;
    display:            block;
    height:             15px;
    width:              18px;
    text-align:         center;
    border:             #B7B7B7 solid 1px;
	background: 		#CCCCCC;
	font-size: 11pt; 
}
#indeks ul li a{
    color:              #000000;
    text-decoration:    none;
	}
#indeks ul li a:hover{
    color:              #FFFFFF;
    text-decoration:    none;
}
#indeks ul li:hover{
     color:              #545454;
    background: 		#B7B7B7;
}



/* LINKI =====================================*/
#linki{
    float:              left;
}

#linki ul{
    margin:             0px;
}

#linki ul li{
    float:              left;
    font-size: 9pt; 
	list-style: none;
	margin:             5px;
}
#linki ul li a{
    color:              #000000;
    text-decoration:    none;
	padding: 2px 4px;
    text-align:         center;
    border:             #B7B7B7 solid 1px;
	background: 		#FFFFFF;
	}
#linki ul li a:hover{
    color:              #FFFFFF;
    text-decoration:    none;
	background: 		#B7B7B7;
}









/* ALFABET =====================================*/
/* div z alfabetem */
.alfabet {
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: Tahoma; 
	font-size:12px; 
	font-style: normal; 
	font-weight:normal; 
	color: #908071;
	float:left;

}

.alfabet ul li {
display: inline;
list-style: none;
}

.alfabet a {
	display: inline;
	padding-left: 2px;
	padding-right: 3px;
	font-weight:bold;
	color: #908071;
}
.alfabet  a:visited{  font-weight:bold; text-decoration: none; color: #908071; }
.alfabet  a:hover{  font-weight:bold; text-decoration: none; color:#FFFFFF; background-color: #CC0000; }


/* LINKI =====================================*/
/* div z linkami w stopce */
.linki {	text-align: left;	font-family: Arial; 	font-size:12px; 	font-style: normal; 	font-weight:normal; 	border: #4E3525 dashed 0px;	color: #908071;}
.linki ul li {display: inline;list-style: none;}
.linki a {display: inline; padding-left: 2px; padding-right: 3px; font-weight:normal;	color: #666699;}
.linki  a:visited{  font-weight:normal; text-decoration: none; color: #666699; }
.linki  a:hover{  font-weight:normal; text-decoration: underline; color: #666699; }

/* PAGINACJA ===================================*/
/* div z paginacja */
.paginacja {
	text-align: center;
	padding: 10px 0px;
	margin: 0px 30px 10px 30px;
	font-family: Verdana; 
	font-size: 10pt; 
	font-stretch: semi-expanded;
	background: url(http://galeria-brama.art.pl/gfx/pag.jpg); 
	background-position:top center; 
	background-repeat: no-repeat;
}
.paginacja a {
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal; 
	font-style: normal; 
	font-size: 10pt; 
	}
.paginacja a:hover {
	text-decoration: underline;
	}



	
/* TEKSTOWKI ===================================*/
#main #tekstowki {
font-family: Georgia; 
font-size: 8pt; 
color: #818181; 
font-style: italic;

}
#tekstowki blockquote {
 margin: 0px; 
text-align: justify;
}
#tekstowki a {font-weight: normal; color: #990000; text-decoration: none; }
#tekstowki a:hover {font-weight: normal; color: #990000 ; text-decoration: underline; }
#tekstowki a:visited {font-weight: normal; color: #990000; }



#main .box{
margin:5px; 
padding: 5px;
border:  #B7B7B7 solid 1px;
}




/* digart */
#main .komentarze{
font-family: Georgia; 
font-size: 8pt; 
color: #818181; 
}

#main .user{
font-weight: bold;
display: block;
margin-top: 10px;
}
#main .data{
font-style: italic;
}



/* footer */
#footer {
	margin: 0px auto;
	clear: both;
	height: 150px;
	background: #4F3526 ;
	font: normal 1.0em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	color: #777;	
}

#footer table tr td {
	font: normal 0.7em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-stretch: semi-condensed; 
	line-height: normal;
	white-space: normal;
}

#footer a {
	text-decoration: none;
	color: #777;	
}
#footer a:hover {
	text-decoration: underline;
	color: #333;
}



#tab1 {
background-image: url(http://galeria-brama.art.pl/gfx/lewy.gif); 
background-position:bottom left; 
background-repeat:no-repeat;
border: 0px solid red;
text-align: center;
}
#tab1 p {
padding: 3px;
text-align: center;
}



#tab2 {
background-image: url(http://galeria-brama.art.pl/gfx/prawy.gif); 
background-position:bottom right; 
background-repeat:no-repeat;
background: #FFFFFF ;
border: 0px solid green;
}
#tab2 p {
padding: 5px;
font: normal 1.0em 'Trebuchet MS', Tahoma, Arial, sans-serif;
color: #666666;
text-align: justify;
border-top: 1px dashed #BFBFBF;
}



#tab3 {
background-image: url(http://galeria-brama.art.pl/gfx/prawy.gif); 
background-position:bottom right; 
background-repeat:no-repeat;
border: 0px solid red;
}
#tab3 p {
padding: 3px;
text-align: justify;
}



#footer hr {
border: 1px dashed #BFBFBF;
margin: 0px; 
padding: 0px;
height: 1px;
}

#footer #skroty a {
text-decoration: none;
	color: #777;	
}
#footer #skroty a:hover {
	text-decoration: underline;
	color: #777;
}
	
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }	
	
	
	
	
	
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url('http://galeria-brama.art.pl/images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('http://galeria-brama.art.pl/images/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('http://galeria-brama.art.pl/images/nextlabel.gif') right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background: #444444;
		}


	
.dymki {
	font-size:8pt; 
	font-weight:normal; 
	font-family: Verdana, sans-serif;
	color: rgb(0,0,0); 
	margin: 0px; 
	padding: 5px;
	border: 1px solid #A5A3A3 ;
	background: #EBE7E8;
	text-align: left;
	}
	
	
	
	
	
	
	
	
/* REKLAMY książek ===================================*/

table.escpart {
  margin: 0;
  padding: 0;
  text-align: center;
 
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.escpart_header {
  padding: 3px;
  background-color: #FFFFFF; 
}
td.escpart_header a {
  color: #805757;
  text-decoration: underline;
}
td.escpart_main {
  width: 120px;
  background-color: #FFFFFF;  
  padding: 5px;
 vertical-align:top;
}
div.escpart_main_cover { 

}
div.escpart_main_title a {
  color: #000000;
  text-decoration: none;
}
div.escpart_main_price {
  color: #990000;
}
	
#prajs a {font-weight: normal; text-decoration: none; cursor:text;}
#prajs a:link {font-weight: normal; color: #000000 ;text-decoration: none; cursor:text;}
#prajs a:hover {font-weight: normal; color: #000000 ;text-decoration: none; cursor:text;}
#prajs a:visited {font-weight: normal; text-decoration: none; cursor:text;}