@font-face {
    font-family: 'bree_serifregular';
    src: url('/fonts/breeserif-regular-webfont.eot');
    src: url('/fonts/breeserif-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('/fonts/breeserif-regular-webfont.woff') format('woff'),
         url('/fonts/breeserif-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html,body {
	background: url(http://streetartjarocin.com/img/bg/rotator.jpg) no-repeat;
	background-position: 50% 50%;
	background-attachment: fixed;
	height: 100%;
	width:100%;
 	background-size: cover;  
 	-moz-background-size: cover;  
 	-o-background-size: cover;  
	
	color:#fff;
	overflow: auto;
	margin:0;
	padding:0;
	font-family: "bree_serifregular";
	-webkit-font-smoothing: antialiased;
}

.pobierz-mape{
	position:absolute;
}

.pobierz-mape img{
	width:100%;
	height:100%;
}

.point-a{
	text-decoration:none;
	color:#fff;
}

.point-a:hover{
	text-decoration:none;
	color:#e1e1e1;
}

a {
	text-decoration:none;
	color:#333;
}

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

img {
	border:0px;
}

.panel a {
	text-decoration:none;
	color:#333;
}

.panel a:hover {
	text-decoration:none;
	color:#f4f4f4;
}

.panel h2 {
	font-size: 21px;
    margin: 0px 0px 20px 0px;
}

.panel h3 {
	font-size: 16px;
    margin: 2px 0px 2px 0px;
	font-weight: 400;
}

.panel sup{
	font-weight: 300;
    font-size: 14px;
}

.panel hr {
	border: 0;
    border-bottom: 1px dashed #005994;
}

.galeria-left{
	float:left;
	margin-top:0px;
	width:100%;
}

.galeria-info{
	text-align:right;
	font-size: 15px;
	margin:0px 0px 15px 0px;
	color: #333;
}

.panel h1{
	margin: 20px 0px 25px 0px;
}

h2 em{
	color:#333 !important;
	font-size:90%;
}

.galeria-info span{
	color: #fff !important;
}

.galeria-info a{
	color:#fff;
}

.galeria-info a:hover{
	color:#333;
}

.galeria-right{
	float: left;
    font-size: 15px;
    margin-top: 20px;
    width: 100%;
}

.galeria-right p{
	text-align:justify;
}

.galeria-right img{
	border:0px;
	max-height:40px;
	margin:10px 20px 10px 0px;
}

.panel span{
	font-weight:normal;
	color:#333;
}

.no-ie{
	visibility:hidden;
	display:none;
}

.home-content {
	position:absolute;
	overflow:hidden;
	background:#fff;
}

#header{
	position:absolute;
	z-index: 2000;
	top: 0px;
	background:#fff;
}

.content{
	position:absolute;
	width:100%;
	padding-top:200px;
}

.point{
	position:absolute;
}

.panel{
	height: auto;
	overflow: auto;
	margin-top: -1300%;
	background:#26aaca;
	position: absolute;
	z-index: 999;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}

.panel:target{
	margin-top: 0%;
}

#mapa:target ~ #header ul.ulMenuLevel1 li.liMenuLevel1 #link-mapa,
#o-muralach:target ~ #header ul.ulMenuLevel1 li.liMenuLevel1 #link-o-muralach,
#kontakt:target ~ #header ul.ulMenuLevel1 li.liMenuLevel1 #link-kontakt,
#oprowadzanie:target ~ #header ul.ulMenuLevel1 li.liMenuLevel1 #link-oprowadzanie,
#edukacja:target ~ #header ul.ulMenuLevel1 li.liMenuLevel1 #link-edukacja,
#multimedia:target ~ #header ul.ulMenuLevel1 li.liMenuLevel1 #link-multimedia,
#kolekcja:target ~ #header ul.ulMenuLevel1 li.liMenuLevel1 #link-kolekcja{
	background: #26aaca;
	color: #fff;
}


#m01:target ~ div#cien,
#m29:target ~ div#cien,
#m28:target ~ div#cien,
#m19:target ~ div#cien,
#m04:target ~ div#cien,
#m20:target ~ div#cien,
#m21:target ~ div#cien,
#m22:target ~ div#cien,
#m23:target ~ div#cien,
#m24:target ~ div#cien,
#m25:target ~ div#cien,
#m26:target ~ div#cien,
#m27:target ~ div#cien,
#m28:target ~ div#cien,
#m29:target ~ div#cien,
#m30:target ~ div#cien,
#o-muralach:target ~ div#cien,
#oprowadzanie:target ~ div#cien,
#kolekcja:target ~ div#cien,
#kontakt:target ~ div#cien,
#edukacja:target ~ div#cien,
#multimedia:target ~ div#cien,
#sportowa1:target ~ div#cien,
#sportowa4:target ~ div#cien,
#sportowa5:target ~ div#cien,
#warynskiego1:target ~ div#cien,
#kosciuszki4:target ~ div#cien,
#kosciuszki5:target ~ div#cien,
#kasprzaka-w2:target ~ div#cien,
#kasprzaka-warsztaty-czarnobyl:target ~ div#cien,
#sportowa-maciej:target ~ div#cien,
#golebia1-rak:target ~ div#cien,
#weglowa1-monstfur:target ~ div#cien,
#konstytucji6-nietak:target ~ div#cien,
#rynek23-kfiatek:target ~ div#cien,
#ducha34-kfiatek:target ~ div#cien,
#zamkowa-witkacy:target ~ div#cien,
#wroclawska73-jagielka:target ~ div#cien,
#zamkowa-tomaszewski:target ~ div#cien,
#kosciuszki6:target ~ div#cien{
	background: #000;
	z-index:998!important;
	 -webkit-transition: all 0.5s ease 0.2s;
	 -moz-transition: all 0.5s ease 0.2s;
	 -ms-transition: all 0.5s ease 0.2s;
	 -o-transition: all 0.5s ease 0.2s;
	 transition: all 0.5s ease 0.2s;
	 filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
	KhtmlOpacity: .6;
	opacity: .6;
	visibility:visible!important;
}

/*********************************
START: Menu CSS
*********************************/

.ulMenuLevel1{
	list-style-type:none;
	margin:0;
	padding:0;
	z-index:999;
	}

.liMenuLevel1{
	list-style-type:none;
	float:right;
	}
	
.liMenuLevel1 a{
	text-decoration: none;
	font-weight: normal;
	display:block;
	color: #999;
	padding: 77px 8px 10px 8px;
	text-align:center;
	height: 38px;
	font-size: 14px;
	font-family: "bree_serifregular";
	text-transform:uppercase;
	}
	
div.linkMenuLevel1-fb{
	text-decoration: none;
    font-weight: normal;
    color: #999;
    padding-bottom: 20px;
    width: 50px;
    text-align: center;
    height: 39px;
    background-image: url(/img/fb-top.png);
    background-position: 19px 0px;
    background-repeat: no-repeat;
	}
	
	
.liMenuLevel1 a:hover{
	background:#26aaca;
	color:#fff;
	}
	
div.linkMenuLevel1-fb:hover{
	color:#fff;
	background-image: url("/img/fb-top.png"); background-repeat: no-repeat; background-position: -81px 0px;
	}

li:hover ul , li.over ul{
	display: block;
	}

/*********************************
KONIEC: Menu CSS
*********************************/

.stopka {
	background:url(/img/stopka-hr.png) repeat-x;
	height:56px;
	position:relative;
	padding:0px 10px 0px 10px;
}

.stopka-index {
	position:fixed;
	bottom:0;
}

.stopka-social{
	float:left;
	padding-right:10px;
}

.stopka-copy{
	width:50%;
	min-width: 300px;
	line-height:40px;
	font-size:10px;
	color:#999;
	float:left;
	clear:both;
}

.stopka-autorzy{
	width:50%;
	min-width: 300px;
	line-height:40px;
	font-size:10px;
	color:#999;
	text-align:right;
	float:right;
}

.social-fb {
	background-image: url("/img/stopka-social.png"); background-position: 0px 0px; background-repeat: no-repeat;
	display:block;
	width:42px;
	height:56px;
}

.social-fb:hover {
	background-position: 0px -56px;
}

.social-yt {
	background-image: url("/img/stopka-social.png"); background-position: -42px 0px; background-repeat: no-repeat;
	display:block;
	width:42px;
	height:56px;
}

.social-yt:hover {
	background-position: -42px -56px;
}