* { margin: 0; padding: 0; border:none;}

body {
  background: url(images/tlo00.jpg) center top repeat-y;
	background-attachment: fixed;
  background-color: #dfdbd0;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	color: #333333; }
	
		

h1 {font-size: 150%; text-transform: uppercase; letter-spacing: 3px; margin: 0; color: #393939;}
h2 {font-size: 130%;}
h3 {font-size: 133%; margin: 0; padding: 0.5em 0 0 0.5em; border-bottom: 1px solid #696969; color: #393939;}
h4 {font-size: 100%; margin: 0; color: #393939;}
h5 {font-size: 120%; margin: 0; color: #e30103; padding: 0px 0px 10px 30px; text-transform: uppercase;}
h5.tytul {color: #000; font-size: 130%; font-style:italic; text-transform: uppercase;
margin: 25px; padding: 2px 30px; /*background-color:#000000;*/ border-bottom:1px solid #696969;;}
span.podtytul{font-size: 80%; }

h2.ruchomy_banner {
	text-align:center; color:#000; font-size: 100%; font-style:italic;
	margin:0px 0px 0px 0px;
	padding:5px;  background: url(images/czerwony100.png) repeat; height:16px; border-radius:6px;
	box-shadow: 2px 2px 3px #999; }

h2.tytul {
	text-align:center; color:#000; font-size: 140%; font-style:italic;
	margin:0px 0px 40px 0px;
	padding:5px;  background: url(images/czerwony100.png) repeat; height:30px; border-radius:6px; }

a:link {text-decoration: none; color: #03F;}
a:hover, a:active {text-decoration: none; color: #e30103;}
a:visited {text-decoration: none; color: #00C}

a.wtresci:link {text-decoration: none; color: #E14900;}
a.wtresci:hover, a.wtresci:active {text-decoration: none; color: #F00;}
a.wtresci:visited {text-decoration: none; color: #B74900;}

a.zwyklytekst:link {text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size:14px; color: #333333;}
a.zwyklytekst:hover, a.zwyklytekst:active {text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size:14px; color: #333333;}
a.zwyklytekst:visited {text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size:14px; color: #333333;}




#naglowek  {z-index: 10; width: 1000px; margin: 0 auto; top:-5px; padding-bottom:20px; } 
#logo {border-bottom:1px solid #FFFFFF; } 

#1kolumna  { position:relative;
          clear:both;
          margin: 0px 6px;
          text-align:center;
          width: 970px; 
          padding: 6px;} 

		
/* Menu gorne  */
		
#menu_gorne { 
	margin:0px 20px 80px 16px;
	width: 980px;
	position:relative;
	height:30px;
	z-index:100;
	font-family: Arial, Geneva, sans-serif;
	font-size: 13px;
	font-style:normal;
	font-weight: lighter;
	text-transform: capitalize; }
	
#menu, #menu ul {padding:0; margin:0; list-style-type: none; border-radius:6px; }
		
#menu a, #menu a:visited {display:block; width:124px; font-size:13px; font-weight: bold; color: #111; height:30px; line-height:30px; 
		text-decoration:none; text-indent:10px; border:1px solid #999; border-width:1px 0 1px 1px; border-radius:6px; }
		
#menu li ul li a, #menu li ul li a:visited {border-width:0 1px 1px 1px; box-shadow: 2px 2px 3px #999;}
#menu li a.link, #menu li a.link:visited {border-width:1px; }
#menu li {float:left; background:#e30103; border-radius:6px; box-shadow: 2px 2px 3px #999;}
#menu li:hover {position:relative;}
		
/* KONIEC Menu gorne  */


#content {
	min-width:300px;
	width:1034px;
	background-image: url(ramki/tlo_srodek.png); 	
	border-radius:6px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* menu lewe  */

#menu_lewe {
	margin: 20px 6px 0px 11px;
	padding: 0px;
	width: 278px;
	float: left;
	height: 100%;
}

#menu_pion {
	margin: 4px;
	padding: 4px;
	height: 100%;
	overflow: hidden;
	width: 278px;
}

#menu_pion .block-bg {margin: 0px; padding: 0px; height: 100%; overflow: hidden; }

#menu_pion .title { /*background: url("ramki/mnu-l-gora.png") no-repeat 0px 0px; */
					margin: 0px 0px 16px 0px; padding: 0px; height: 100%; overflow: hidden; border-radius:6px; }
					
#menu_pion .title h3 {/*background: url("ramki/mnu-l-dol.png") no-repeat 0px bottom;*/  
						padding: 3px 6px 3px 10px; height: 100%; color: rgb(255, 0, 0); 
						text-transform: uppercase; overflow: hidden; font-size: 12px; font-weight: bold; 
						border-radius:6px;}

#menu_pion .box_menu { padding: 0px; margin: 0px; height: 100%; color: rgb(146, 148, 149); overflow: hidden; font-size: 12px; 
background:url(ramki/mnu-l-srodek.png); }
#menu_pion .box_kalendarz { padding: 3px; height: 100%; color: rgb(146, 148, 149); overflow: hidden; font-size: 12px; 
background:url(ramki/mnu-l-srodek.png); }
 
 
#menu_pion ul { margin: 0px; padding: 0px; text-align: left; line-height: 2em; clear: both; }

#menu_pion ul li { list-style: none; margin: 0px; padding: 0px; height: 100%; overflow: hidden; /*border-radius:6px;*/ }
#menu_pion ul li a {margin: 0px 6px 0px 6px;
	padding: 1px 4px 1px 10px;
	height: 100%;
	color: rgb(47, 49, 49);
	text-transform: uppercase;
	overflow: hidden;
	font-size: 12px;
	display: block;
}
#menu_pion ul li a {	text-decoration: none; }
#menu_pion a:hover {background: url("images/nav-menu-top.gif") no-repeat 0px 0px rgb(255, 255, 255); border-radius:6px; background-color: rgb(223, 0, 2);color: rgb(255, 255, 255);}
#menu_pion a.active { margin: 0px 20px 0px 20px;
	color: rgb(255, 255, 255);
	font-size: 12px;
	background-color: rgb(223, 0, 2);
	background-image: url(images/nav-menu-top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-radius:6px;}
	
#menu_pion ul ul {margin: 2px 0px 2px 14px; background:none; border-radius:6px;} /* drugi poziom menu lewego */

#menu_pion .tabelka {margin: margin: 2px 2px 2px 80px; text-align: center; font-size: 100%;}


/* tresc g?owna - kolumna srodek  */

#kolumna_srodek {
	margin: 0px 8px 0px 4px;
	padding: 0px;
	height: 100%;
	overflow: hidden;
}

.tresc {padding: 6px;}

     
p  {line-height: 1.66; margin: 0.3em 0.8em 0.3em 0.6em; }

textarea {font-family: Verdana, Geneva, sans-serif; font-size:14px;}
p.kontakt { line-height: 1.66; margin: 0.3em 0.8em 0.3em 0.6em; text-align: center }
.tresc {font: 14px Verdana, Arial, Helvetica, sans-serif; margin: 0.3em 0.8em 0.3em 0.8em; padding: 0; color: #1E2220;}

.tabelka_wysrodkowana {margin:0px 0px 0px 20px; text-align: center; align: center; }

select {font-family: Verdana, Geneva, sans-serif; font-size:12px;   }


/* stopka  */

#stopka {position:relative;   height: 40px; padding: 10px 0px 10px 0px;  border-top: 2px solid #e30103; margin:10px 18px 10px 18px; clear:both;}
#stopka p {margin: 0; text-align: center; font-size: 85%;}

#s_lewo {position:absolute; left: 14px;   float:left; padding: 0px;}
#s_lewo1 {position:absolute; left: 190px;   float:left; padding: 0px;}
#s_lewo2 {position:absolute; left: 300px;   float:left; padding: 0px;}
#s_lewo3 {position:absolute; left: 350px;   float:left; padding: 0px;}
#s_lewo4 {position:absolute; left: 690px;   float:left; padding: 0px;}
#s_srodek {margin:0 auto; clear:both;}
#s_prawo {position:absolute; right: 10px;  float:right; padding: 0px;}



/* powi?kszanie obrazk?w  */

.gallerycontainer{
position: relative; float:left; /*padding-bottom:150px;*/
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer:hover{
position: relative; float:left; padding-bottom:250px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #ffed00;
margin: 5px 5px 2px 1px;
max-width:200px;
max-height:120px;
}

.thumbnail:hover{
background-color: transparent; /*padding:350px;*/
/*
width:667px;
height:400px;*/
}

.thumbnail:hover img{
border: 1px solid #ffed00;
/*width:667px;
height:400px;*/
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #919191;
padding: 4px;
left: -1000px;
border: 2px solid #ffed00;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
max-width:667px;
max-height:400px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -80px;   /* wysoko?? w stosunku do g?rnej kraw?dzi miniaturki, 
				0 - gorna krawed? powi?kszenia r?wno z g?rn? kraw?dzi? miniaturki, 
				warto?ci ujemne - gorna krawed? powi?kszenia wy?ej ni? g?rna kraw?dz miniaturki */
left: 20px; /* odleg?o?? w prawo lewej kraw?dzi powi?kszenia od lewej kraw?dzi miniaturki 
				miniaturka ma szeroko?? 200px, 
				wi?c dla warto?ci 200px - lewa kraw?dz powi?kszenia b?dzie si? pokrywa? z praw? kraw?dzi? miniaturki
				a dla warto?ci 0px - lewa kraw?dz powi?kszenia b?dzie si? pokrywa? z lew? kraw?dzi? miniaturki*/
z-index: 50; 

}

/* koniec powi?kszania obrazk?w  */


.box-menu-gora {
	/*background: url(images_test/mnul_tlo_g_cz.gif) repeat-x;*/
	background: url(ramki/mnul_ng.png) /*repeat-x*/;
	height:32px; 
}

.box-menu-dol {
	/*background: url(images_test/mnul_tlo_g_cz.gif) repeat-x;*/
	background: url(ramki/mnul_dol2.png) /*repeat-x*/;
	height:19px; 
}
/*.box-menu-gora .section { background: url(images_test/mnul_rog_pg_cz_f.png) no-repeat right top; font-size: 100%; color: #FFFFFF;}*/
/*.box-menu-gora .section { background: url(images_test/mnul_rog_pg12.png) no-repeat right top; font-size: 100%; color: #FFFFFF; }*/
.box-menu-gora .section b {
	display: block;
	height: 23px;
/*	background: url(images_test/mnul_rog_lg_cz.png) no-repeat; */
/*	background: url(images_test/mnul_rog_lg12.png) no-repeat; */
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	
}

h6 {/*background: url("ramki/mnu-l-dol.png") no-repeat 0px bottom;*/  
						padding: 10px 10px 6px 11px; height: 100%; color: rgb(255, 0, 0); 
						text-transform: uppercase; overflow: hidden; font-size: 12px; font-weight: bold; 
						border-radius:6px;}

span.data_a {text-align:right; display:block; font-size: 12px; font-style: italic; font-weight:normal; color:#000; }
span.data_am {text-align:right; display:block; font-size: 9px; font-style: italic; font-weight:normal; color:#000; }

.box-stopka-dol {margin:0; padding:0; display:block;
	
	background: url(ramki/tlo_dol.png) /*repeat-x*/;
	height:16px;
}

#face {border:none; overflow:hidden; width:280px; height:220px; padding:2px 5px; margin-left:2px;  background:none;}

img.galeria {background-color: #e6e5e5; padding: 10px; border: 1px #000 solid; }

.one, .one-half, .two-third, .one-third { 
	float:left; 
}
.one .one-half, .two-third, .one-third {
	margin-right: 15px;
}
.one {
	width:960px; margin-left: 10px;
}
.one-half {
	width:487px;
}
.two-third {
	width:655px; 
}
.one-third  {
	width:320px; font-size:11px;
}

.first { 
	margin-left: 20px!important;
}

.last { 
	margin-right: 0px!important;
}

/* --------button small----------- */
 
.button_small {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px #FFFFFF inset;
    color: #555555;
    font-weight: bold;
	text-decoration: none;
    padding: 1px 5px;
	font-size: 11px;
	display: inline-block;
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
	
   background-image: -moz-linear-gradient(top, #fafafa, #E0E0E0);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#E0E0E0));
   background-image: -webkit-linear-gradient(top, #fafafa, #E0E0E0); 
   background-image: -ms-linear-gradient(top, #fafafa, #E0E0E0);
   background-image: -o-linear-gradient(top, #fafafa, #E0E0E0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#E0E0E0')
}

.button_small:hover {  
  -webkit-box-shadow: 0 0 6px #cccccc;
  -moz-box-shadow: 0 0 6px #cccccc;
   box-shadow: 0 0 6px #cccccc; }