@import url('https://fonts.googleapis.com/css?family=Dosis');

html {
width: 100%;
height: 100%;
margin: 0;
margin-top: -1px;
background: #fff100;
overflow: hidden;
}
 
body {
width: 100%;
height: 100%;
background: transparent;
margin: 0;
margin-top: -1px;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
font-size: 13px;
overflow-y: scroll;
color: black;
}

/*
height: auto !important; 
height: 400px;*/ /* IE */ /*
min-height: 400px;
*/

#glowna00{
width: 100%; height: 25px;
background: transparent url(./obrazki/tlgrad2.png);
top: 0px;
position: fixed;
z-index: 9; 
border: solid 0px transparent;
border-bottom-width: 0px;
border-top-width: 0px;
}

#glowna0{
width: 100%;

background: transparent ;
background-size: cover;
border: solid 0px white;
border-top-width: 1px;
}

#glowna000{
width: 100%;
height: 100%;
background: transparent;
border: solid 0px white;
border-top-width: 1px;
}

.pierwsze
{
width: 331px;
height: 331px;
border: 1px white solid;
margin: 2px;
float: left;
background: transparent url(obrazki/tlo01.png);
}

.pierwsze IMG
{
width: 100%;
height: 100%;
}

#glowny
{
width: 1015px;
height: 774px;
margin: 0 auto;
background: transparent;
}

#napis
{
width: 999px;
height: 100px;
text-align: center;
font-size: 25px;
font-weight: bold;

}

#napis IMG
{

margin-top: 55px;

}

#cala{
margin: 0 auto;
margin-top: -1px;
width: 700px;
height: 100%;
background: transparent;
border: solid 0px transparent;
border-top-width: 1px;
}


#prawa{
width: 700px;
background: transparent url(obrazki/tlo2.jpg);
background-size: cover;
min-height: 100%;
border: solid 0px transparent;
border-top-width: 1px;
}

#polecane{
margin: 0 auto;
margin-bottom: 10px;
width: 700px;
height: 220px;
background: transparent;
border: solid 0px transparent;
}

#polecanew{
margin: 0 auto;
width: 700px;
height: 220px;
background: transparent;
border: solid 0px transparent;
}

#szukaj0{
margin: 0 auto;
margin-bottom: 10px;
width: 700px;
height: 30px;
background: transparent;
border: solid 0px transparent;
}

#szukaj{
margin: 0 auto;
margin-bottom: 10px;
width: 700px;
height: 30px;
background: transparent;
border: solid 0px transparent;
}

#szukaj2{
display: none;
margin: 0 auto;
margin-bottom: 10px;
width: 700px;
height: 30px;
background: transparent;
border: solid 0px transparent;
text-align: center;
}

.szukwg
{
width: 300px;
height: 17px;
text-align: center;
background: transparent;
border: solid 0px transparent;
float: left;
cursor: pointer;
}

#wstecz{
margin: 0 auto;
margin-bottom: 10px;
width: 700px;
height: 12px;
background: transparent;
border: solid 0px transparent;
text-align: right;
color: #fff100;

}

#lista{
margin: 0 auto;
width: 700px;
min-height: 200px;
background: transparent;
border: solid 0px transparent;
}

#nazwa_kat_gr{
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
width: 700px;
text-align: left;
font-size: 11px;
font-weight: normal;
color: whitesmoke;
background: transparent;
border: solid 0px transparent;

}

#nazwa_kat_gr A{
font-size: 11px;
font-weight: normal;
color: whitesmoke;
text-decoration: none;
}

#nazwa_kat_gr2{
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
width: 700px;
text-align: left;
font-size: 18px;
font-weight: bold;
background: transparent;
border: solid 0px transparent;
color: white;
}

.polecnapis{
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
width: 700px;
text-align: left;
font-size: 18px;
font-weight: lighter;
background: transparent;
border: solid 0px transparent;
color: white;
}

#wyszukaj
{
height: 100%;
border: 0px solid black;
background: transparent url(obrazki/szukaj.png) no-repeat;
padding-left: 3px;
width: 100%;
font-size: 15px;
}

#wyszukaj2
{
width: 100%;
height: 100%;
font-size: 15px;
border: 0px #fff100 solid;	
background: transparent url(obrazki/szukaj2.png) no-repeat;
}

.kategor
{

float: left;
width: 167px;
height: 140px;
margin-left: 8px;
margin-top: 8px;
padding: 0px;
background: transparent;

}

.pozycja
{
position: relative;
float: left;
width: 170px;
height: 245px;
margin-left: 5px;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
background: transparent url(obrazki/tlopolecanych.png);
background-size: 100% 100%;

}

.pozycjaprom
{
position: relative;
float: left;
width: 170px;
height: 150px;
margin-left: 5px;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
background: transparent url(obrazki/tlopolecanych.png);
background-size: 100% 100%;
}

.poz_zdj
{
position: absolute;
top: 4px;
width: 155px;
background: transparent;
overflow: hidden;
text-align: center;
margin-left: 5px;
}

.poz_zdj IMG
{
height: 120px;
}


.poz_opcje
{
position: absolute;
top: 4px; 
width: 155px;
height: 120px;
font-size: 12px;
text-align: right;
font-weight: normal;
background: transparent;
margin-left: 5px;
cursor: pointer;
}

.poz_opcje IMG
{

height: 18px;
margin-top: 5px;
margin-right: 3px;
}


.poz_nazwa
{
position: absolute;
top: 120px;
width: 165px;
height: 23px;
margin-top: 3px;
font-size: 15px;
text-align: center;
font-weight: bold;
background: transparent;
}

.poz_nazwa2
{
position: absolute;
top: 120px;
width: 164px;
height: 32px;
margin-top: 3px;
font-size: 15px;
text-align: center;
font-weight: bold;
background: white url(obrazki/dolnazw.png) no-repeat bottom center;
}


.poz_opis
{
position: absolute;
top: 156px;
width: 160px;
height: 100px;
font-size: 12px;
text-align: center;
font-weight: normal;
background: transparent;
}



#strona_zdj
{
width: 100%;
height: 230px;
text-align: center;
overflow: hidden;
}

#strona_zdj IMG
{
height: 220px;
box-shadow: 7px 7px 10px #4A4A4A;
}

#strona_zdj_kosz
{
width: 100%;
text-align: center;
}

#strona_zdj_kosz IMG
{
height: 120px;
border: 2px white solid;
margin: 5px;
box-shadow: 7px 7px 10px #4A4A4A;
}

.fancybox-back
{

background: red;

}


#strona_nazwa
{
width: 100%;
height: 33px;
font-size: 26px;
text-align: left;
font-weight: bold;
margin-bottom: 6px;
color: white;
}

#strona_nazwa2
{
width: 100%;
height: 33px;
font-size: 22px;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
margin-top: 25px;
color: #fff100;
}

#strona_opis1
{
width: 100%;
color: white;
}

#strona_opis2
{
width: 100%;
color: white;
}

#strona_opis_223
{
width: 80%;
margin: 0 auto;
color: white;

}

#strona_opcje
{
width: 100%;
height: 18px;
font-size: 12px;
margin-top: 7px;
margin-bottom: 7px;
text-align: center;
font-weight: normal;
background: transparent;
cursor: pointer;
}


#strona_opcje IMG
{

height: 18px;
margin-left: 8px;
}


.formularz
{
margin: 0 auto;
width: 600px;
border: 0px solid #A5A5A5;
border-radius 5px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 16px;
color: white;
}

.formularz input
{
width: 100%;
height: 40px;
font-size: 17px;
border: 2px solid #fff100;
background: transparent url(obrazki/tlo01.png);
margin-bottom: 5px;
color: white;
padding-left: 5px;
}

.formularz textarea
{
width: 100%;
height: 200px;
font-size: 17px;
border: 2px solid #fff100;
background: transparent url(obrazki/tlo01.png);
padding: 5px; 
color: white;
}

.buttonadm
{
width: 160px;

}




/* ********************************************************************** */


.hide{
	opacity:0
}
 
.show {
	opacity: 1;
}

.przegroda
{
clear: both;	
}
.stale
{
position: fixed;
top: 2px;
}

.tytuldziedziny
{
margin-top: 5px;
margin-bottom: 5px;
background: #d9f2ff;
color: #0092db;

width: 310px;
height: 25px;
border: solid 0px white;
text-align: left;
padding-top: 5px;
padding-left: 10px;
font-size: 14px;
color: #0092db;
}


.poz_galerii
{
width: 220px; 
height: 200px; 
float: left; 
margin-left: 40px; 
margin-top: 40px;
border: solid 1px black;
overflow: hidden;
}

.poz_galerii IMG
{
width: 220px; 
height: 175px; 
}


.poz_galerii_mini
{
width: 100px; 
height: 100px; 
float: left; 
margin-left: 20px; 
margin-top: 20px;
border: solid 1px black;
overflow: hidden;
}

.poz_galerii_mini IMG
{
width: 100px; 
height: 100px; 
}


.poz_galerii_big
{
width: 400px; 
height: 300px; 
border-width: 3px; 
border-style: solid; 
border-color: rgb(235, 235, 235); 
box-shadow: 7px 7px 10px rgb(74, 74, 74); 
margin: 0 auto;
margin-bottom: 5px;
margin-top: 5px;

overflow: hidden;
}



.belka
{
clear: both;
background: transparent;
height: 1px;
width: 100%;
	
}


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:720px;
		height:308px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:none;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */



/* *** Fader ******* */

#imageContainer2 {
text-align: center;
border:0px solid #141615;
height: 100%;
width: 100%;
position: relative; z-index: 22;
}

#imageContainer2 img {
display:none;
height: 100%;
position: absolute;
}

/* styles unrelated to the application follow */
.copy2 {
	width:720px;
	margin:auto;
	position:relative;  z-index: 9;
	font:0.9em verdana;
}

#so_credits2 {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:0px solid #000;
	border-bottom:0px solid #000;
	height:90px;
	padding-top:4px;
}

#so_credits2 img {
	float:left;
	margin:5px 10px 5px 0px;
	border:0px solid #000000;
	width:80px;
	height:79px;
}

/* ************************************** */



/* ******* Facebook widget ************************* */


.theblogwidgets{background: url("http://3.bp.blogspot.com/-TaZRLv66f8g/UoMnTyTbF6I/AAAAAAAAAGY/U4qcf-SP6d0/TheBlogWidgets_facebook_widget.png") no-repeat scroll left center transparent !important; 
float: right;
height: 270px;
padding: 0 5px 0 46px;
width: 245px;
z-index:  99999;
position:fixed;
right:-250px;
top:20%;
} 
.theblogwidgets div{ 
padding: 0; 
margin-right:-8px; 
border:4px solid  #3b5998; 
background:#fafafa;
} 
.theblogwidgets span{
bottom: 4px;
font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;
position: absolute;
right: 6px;
text-align: right;
z-index: 99999;
} 
.theblogwidgets span a{
color: gray;
text-decoration:none;
} 
.theblogwidgets span a:hover{
text-decoration:underline;
} 

/* ********************************************** */