html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form,
fieldset, img, hr, table, td, th, strong, em, sup, sub,
dfn, ins, del, q, cite, var, samp, code, kbd, tt{
   margin: 0;
   padding: 0;
   border: 0;
}
/*a, a:visited{
   text-decoration: none;
}*/
ol.menuStyle, ul.menuStyle{
   margin: 0;
   padding: 0;
   border: 0;
   list-style: none;
}
legend{ display: none; }
input, textarea, select, option, optgroup, button{ font-size: 1em; }
.clear{ clear: both; font-size: 0.1%; }
html,body{ height:100%; }
body{
   font:normal 11px/14px Arial, Helvetica, sans-serif;
   margin:0;
   padding:0;
   background: url(img/bg_repeat.jpg) repeat-y top center;
   color:#004600;
   width:auto;
}
.center {
   display:table;
   position:absolute;
   top:0;
   width:100%;
   min-height: 100%;
}
table,textarea{ font:normal 11px/14px Arial, Helvetica, sans-serif; }
form,img{ border:none; margin:0; padding:0; }
a {color:#004600;
   text-decoration:none;
   outline:0;
   border:0;
   text-decoration:underline;
}
a:hover{ color:#cb864b; }
h1,h2{ font-size:1em; margin:0 0 20px; }
#container{  min-height:100%; position:relative; background: url("img/bg.jpg") no-repeat center top }
#containerBack{
   width:1100px;
   height:100%;
   position:absolute;
   top:0;
   left:50%;
   margin:0 0 0 -600px;
   background:url(img/b.jpg) repeat-y center;
}
#bl, #br{ position:absolute;  top:0; height:100%; }
#pw{
   margin:0 auto;
   width:840px;
   height:1px;
   margin:-1px 0 0;
}
#hBody{ width:840px; height:630px; margin:0 auto; }
#outBody{
   position:relative;
   margin: 0 auto;
   height:845px;
   width:960px;
}
#body{
   position:absolute;
   left:0;
   top:199px;
   width:960px;
   height:650px;
}
#menu{
   height:21px;
   width:840px;
   position:absolute;
   top:0;
   left:79px;
}
#menu ul{ margin:0; padding:0; list-style:none; height:23px; }
#menu li{ float:left; height:21px; }
#menu a{
   display:block;
   float:left;
   height:21px;
   text-indent:-10888px;
   overflow:hidden;
   background: url(img/top_menu.jpg) no-repeat;
}
#menu .about a{ width:103px; background-position:0 -21px; }
#menu .about a:hover, #menu .about.active a{ background-position:0 0; }
#menu .news a{ width:121px; background-position:-103px -21px; }
#menu .news a:hover, #menu .news.active a{ background-position:-103px 0; }
#menu .murale a{ width:83px; background-position:-224px -21px; }
#menu .murale a:hover, #menu .murale a.active{ background-position:-224px 0; }
/*#menu .murale a:hover { cursor:default }*/
#menu .projects a{ width:100px; background-position:-307px -21px; }
#menu .projects a:hover, #menu .projects.active a{ background-position:-307px 0; }
#menu .gallery a{ width:86px; background-position:-407px -21px; }
#menu .gallery a:hover, #menu .gallery.active a{ background-position:-407px 0; }
#menu .media a{ width:127px; background-position:-493px -21px; }
#menu .media a:hover, #menu .media.active a{ background-position:-493px 0; }
#menu .partners a{ width:104px; background-position:-620px -21px; }
#menu .partners a:hover, #menu .partners.active a{ background-position:-620px 0; }
#menu .contact a{ width:86px; background-position:-724px -21px; }
#menu .contact a:hover, #menu .contact.active a{ background-position:-724px 0; }

#submenu{
	background:url(img/bg_submenu.jpg) no-repeat;
   position:absolute;
   top:40px;
   left:22px;
   width:21px;
   height:277px;
   padding:3px 0 0 9px;
}
#submenu ul{
   margin:0;
   padding:0;
   list-style:none;
   width:21px
}
#submenu li{ float:left; width:21px; }
#submenu a, #submenu span{
   display:block;
   width:21px;
   text-indent:-888px;
   overflow:hidden;
   background:url(img/sm.gif) no-repeat;
}
#submenu .investor{ margin:0 0 5px; }
#submenu .investor a{ height:173px; background-position:-21px 0; }
#submenu .graffiti a, #submenu .graffiti span{
   height:173px;
   background:url(img/sm2.gif) no-repeat;
   background-position:-21px 0;
}  
#submenu .graffiti a:hover{
   background-position:0 0;
   background:url(img/sm2.gif) no-repeat;
}
#submenu .investor a:hover{ background-position:0 0; }
#submenu .lang{ margin:0 0 3px; }
#submenu .lang a, #submenu .lang span{ height:32px; }
#submenu .pl a{ background-position:-21px -178px; }
#submenu .pl a:hover{ background-position:0 -178px; }
#submenu .en a, #submenu .en span{ background-position:-21px -213px; }
#submenu .en a:hover{ background-position:0 -213px; }
#wrapper{ position:absolute; top:40px; left:79px; width:837px; padding: 0 0 40px 0}
#logo{
	background: url(img/logo.png) no-repeat;
   display:block;
   height:159px;
   left: 33px;
   overflow:hidden;
   position:absolute;
   text-indent:-1000px;
   top:14px;
   width:255px;
}
.topBanner { 
	background:url(img/top_banner_bg.png) right top no-repeat; 
	position:absolute; 
	top:24px; 
	right:17px; 
	width:590px; 
	height:139px; 
	padding:18px 26px 0 0; 
}
.topBanner .muraleText { 
	background: url(img/top_baner_murale.png) no-repeat; 
	width:397px; 
	height:50px; 
	overflow:hidden; 
	text-indent:-10000px; 
	position:absolute; 
	top:18px; 
	right:26px;
	display:none 
}
#page{ width:837px; float:left; padding:20px 0 0; min-height:400px }
#page.leftColumn { width:525px; }
.rightImage { float:right; margin:0 0 10px 15px }
#pDescr{ padding: 15px 10px 0 0;; position:relative; }
.aboutFundation #pDescr { padding:5px 0 0 }
#pDescr .Slider{
   visibility:hidden;
   position:absolute;
   top:0;
   right:0;
   margin:0;
   height:350px;
   width:15px;
}
#pDescr .Slider, #pDescr .Progress{ border:none; background:none; }
#pDescr .Track{
   background:url(img/sline.png) no-repeat center;
   border:none;
   left:7px;
}
#pDescr .Handle{
   width:17px;
   height:48px;
   background:url(img/sbar.png) no-repeat center;
}
#pDescr .scrollbody{ position:absolute; width:410px; }
#column{ width:304px; float:right; height:413px; }
#pageIntro{ margin:269px 0 0 53px; }
#pageIntro a{
   display:block;
   font-size:1.1em;
   font-weight:bold;
   color: #7A370D;
   text-decoration:none;
   height:57px;
   padding: 40px 0 0 40px;
   width:603px;
   margin:0 0 46px;
   position: relative;
}
#pageIntro span{
   width: 148px;
   padding: 2px;
   display: block;
   text-indent: -800px;
   position: absolute;
}
#pageIntro a#forinvestor span{
   /* background: url(img/naglowek_intro_inwestorzy.png) no-repeat;*/
   background: url(img/naglowek_intro_oferta_wspolpracy.png) no-repeat;
   left:32px;
   top:47px;
}
#pageIntro a#forgraffiti span{
   /*background: url(img/naglowek_intro_graffiti.png) no-repeat;*/
   background: url(img/naglowek_intro_streetart.png) no-repeat;
   left:32px;
   top:37px;
}
#pageIntro a#forinvestor{ /*background:url(img/forinvestor.jpg) no-repeat top right;*/ background: url(img/euro_panorama2.JPG) no-repeat top right; }
#pageIntro a#forgraffiti{ /*background:url(img/graffiti.jpg) no-repeat top right;*/ background: url(img/osypanorama3.jpg) no-repeat top right; }
.gallerySite #pDescr .scrollbody { width: 690px;}
.gallerySite #pDescr a { text-decoration: none; }
.gallerySite h4, .gallerySite strong.header { float:left; font-size: 11px; margin:2px 0 5px 140px; }
.gallerySite h4 { margin-left: 0; }
.partners strong.header { margin-left: 0; }
.gallerySite .partners .line span.info { left: 0; margin-left: 0; height:auto; }
.gallerySite .gnav { width: 810px; }
.gallerySite .gnav p { clear: both; }
.gallerySite .line { 
   clear: both;
   overflow: hidden;
   background: url(img/line_horizontal.png) repeat-x bottom left;
   padding:12px 0 14px;
   position: relative;
}
.gallerySite .line div { overflow: hidden; position: relative; }
.gallerySite .line .webAddress {
   display: block;
   margin:5px 0 0 0;
   clear: both;
   background: none;
   clear: both;
   position:relative;
   width: auto;
   height: auto;
   left: 0;
}
.gallerySite #pDescr .line .webAddress a { text-decoration: underline; }
.gallerySite .backToCategory { position: absolute; right:20px; top:65px; z-index: 60 }
.gallerySite a.image, #gallery a, .gallerySite span.image{
   display:block;
   width:128px;
   height:63px;
   margin:0 7px 7px 0;
   float:left;
   position:relative;
   overflow:hidden;
}
.gallerySite a.image, .gallerySite span.image { display: table; margin:0 16px 7px 0; }
.gallerySite .line span.info { position: relative; background: none; left:140px; width:666px; float: left; display:table; }
.gallerySite .line span, #gallery span{
   position:absolute;
   width:125px;
   height:60px;
   top:0;
   left:3px;
}
.gallerySite .line span { background: none; position: static; width:auto; margin: 0; }
.gallerySite .line span.background { position:absolute; width:125px; }
.gallerySite .line img, #gallery img{ position:absolute; top:3px; left:-3px; }
.gnav{ margin:0 0 20px; }
.gnav a{ margin:0 5px 0 0; }
#gallery div.pic{
   width:128px;
   height:63px;
   float:left;
   margin:0 3px 3px 0;
   position:relative;
   overflow:hidden;
}
#gallery div.pic a{ position:absolute; top:0; left:0; }
#gallery div.loader{ background:url(img/loader.gif) no-repeat center 25px; }
#galleryView{
   width:305px;
   height:393px;
   overflow:hidden;
   position:relative;
}
#galleryView img{ position:absolute; top:400px; left:0; }
.fline {
   margin:0 0 4px;
   position:relative;
   clear:both;
   position:relative;
}
.fline label {
   display:block;
   float:left;
   font-style:italic;
   margin:2px 0 0;
   width:120px;
}
.fline .text { border:1px solid #c5945f; padding:1px 2px; width:140px; }
.fline span.error{ position:absolute; top:0; left:270px; }
.fsubmit{ margin:0 0 0 120px; }
.fsubmit input{ border:1px solid #c5945f; background:#fff; }
input, textarea, select, option, optgroup, button { font-size:1em; }
.finfo{
   border:solid 1px #ffeec6;
   border-width:1px 0;
   padding:5px 0;
   margin:0 0 1em;
}
#by_done{
   display:block;
   position:absolute;
   width:45px;
   height:15px;
   bottom:15px;
   right:-5px;
   text-indent:-1000px;
   overflow:hidden;
   background:url(img/by_done.png) no-repeat;
}
.pageForm{ margin: 15px; }
.pageForm div{ margin: 5px 0 0 0; }
.pageForm label{
   width: 150px;
   float: left;
   display: block;
   font-style: italic;
}
.pageHeader {
   background: url('img/naglowek.png') no-repeat;
   height: 26px;
   color: #FFD297;
   width:155px;
   text-align: left;
   text-transform:uppercase;
   padding:2px 0 0 2px;
}
.pageHeader span { display:block; text-align:center; width:142px; }
.pageNews .date{ font-weight: bold; }
.pageNews div{ margin-bottom: 7px; }
.pageNews a{
   margin-bottom: 15px;
   padding-bottom: 5px;
   display: block;
   width: 250px;
   background:url("img/line_horizontal.png") no-repeat left bottom;
}
.contactDetails p { padding-bottom: 20px; }
#page.contactDetails { position:relative }
#page.contactDetails .likeBox { right:17px; top: 4px; }
.pager { float: right; margin: 5px 0}
.pager span { color: #fc9; font-weight:bold }
.pager a, .pager span{ margin: 0 2px; text-decoration:none }

#rotate{
   -webkit-transform: rotate(270deg) scale(1, 1);
   -moz-transform: rotate(270deg) scale(1, 1.1);
   -ms-transform: rotate(270deg) scale(1, 1);
   transform: rotate(270deg) scale(1, 1);
   -o-transform: rotate(270deg);
    left: -32px;
    position: absolute;
    top: 315px;
}
#submenu .facebookLink, #submenu .youtbueLink {
	 background: 0;
	 overflow: visible;
    position: absolute;
    text-indent: 0;
}
#submenu .facebookLink { left: 0px; top: 382px; }
#submenu .youtbueLink { top: 300px; left: -1px;}
.clear-both{ clear:both; }

.muraleBox { 
	background:url(img/green_line.png) left bottom repeat-x; 
	position:relative; 
	overflow:hidden;
	padding: 12px 0 23px; 
	margin: 0 0 0 10px; 
	width:796px 
}
.muraleBox.first { padding-top:0 }
.muraleBox .image { float:left; width:257px; height:100px; margin: 7px 5px 0; }
.muraleBox .image.last { margin-right:0 }
.muraleBox .image img { margin: 4px 0 0 -4px }
.muraleBox .muraleTitle { font-size:1em; clear: both; padding: 0 100px 0 4px }
.muraleBox .muraleTitle span { font-weight:normal }
.muraleBox .moreInfo { position: absolute; top:26px; right:0 }
.muraleBox.first .moreInfo { top:10px }
.pagerBox { width:806px }
#menu ul.muraleMenu { 
	position: absolute;
	top:21px;
	left:193px;
	height:65px;
	width:171px;
	z-index:50;
	display:none;
}
#menu ul.muraleMenu li { height:auto; float:none }
#menu ul.muraleMenu a { background: url(img/murale_menu.png) no-repeat; width:171px; height:15px; float:none }
#menu ul.muraleMenu .walls { background-position:0 0 }
#menu ul.muraleMenu .walls:hover, #menu ul.muraleMenu .walls.active { background-position: -171px 0 }
#menu ul.muraleMenu .ofSiteWalls { background-position: 0 -15px; }
#menu ul.muraleMenu .ofSiteWalls:hover, #menu ul.muraleMenu .ofSiteWalls.active { background-position: -171px -15px }
#menu ul.muraleMenu .locations { background-position: 0 -30px; }
#menu ul.muraleMenu .locations:hover, #menu ul.muraleMenu .locations.active { background-position: -171px -30px }
#menu ul.muraleMenu .films { background-position: 0 -45px; height:20px }
#menu ul.muraleMenu .films:hover, #menu ul.muraleMenu .films.active { background-position: -171px -45px }

.mapBox { background:#fff; width:776px; height:510px; margin: 5px 0 0 32px; padding: 17px 0 0 20px; display:table }
.locationsMap { width:755px; height:264px; overflow:hidden }
.gzoombutton { background:url(img/icons_map.png) no-repeat; width:36px; height:29px; position:absolute; text-indent: -10000px; overflow:hidden }
.gzoombutton.ui-icon-circle-minus { background-position:-52px 0; top:15px; left:720px } 
.gzoombutton.ui-icon-circle-plus { top:15px; left:670px }
.gzoombutton.download { background-position: -100px 0; top:15px; left:769px }
.mapBox .legend { margin:23px 0 0 34px } 

.movieBox { 
    background: url("img/line_horizontal.png") repeat-x left bottom;
    clear: both;
    padding: 12px 0 14px;
    margin:0 10px 0 0
}
.movieBox a { display:table; width:100%; text-decoration:none }
.movieBox a .image { float:left; width:125px; display:block; height:auto }

.likeBox { 
	background: url("img/likebox_bg.png") no-repeat;
   height: 70px;
   padding: 10px 0 0 10px;
   position: absolute;
   right: -24px;
   width: 303px;
   top:-12px
}
.newPageMuraleLocations .likeBox {
    right: 263px;
}


