/*
 * created by www.blazsak.pl
 */

/* MAIN STYLES
-------------------------------------------*/


html 
{ 
background: #E3E5E4  url(/gfx/site/bg_html.jpg);
   
}
body 
{
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #616161;
  background: url(/gfx/site/bg_body.jpg) 0 -5px repeat-x;
}
a {color:#474747;text-decoration: none;}
a:hover {color: #6a6a6a; text-decoration: none; }

/********************************
 * SCAFFOLD
 */

#site
{
  background: url(/gfx/site/bg_top.jpg) center -5px no-repeat;
}
.matrix
{
  text-align: left;
  width: 950px;
  margin: 0 auto;
}

#intro
{
  text-align: center;
  height: 600px;
  
  background: url(/gfx/site/intro.jpg) center 72px no-repeat;
}

/********************************
 * TOP
 */
#top
{
  height: 120px; 
  background: url(/gfx/site/bg_top.jpg) -70px -5px no-repeat;  
}
#logo
{
  margin-top: 40px;
  position: absolute;
  text-align: left;
}
#logo h1
{
  font-weight: bold;
  color: #393939;
  font-size: 25px;
}
#logo h2
{
  font-size: 12px;
  color: #5B5B5B;
}

#intro #logo
{
  margin:0;
  position: relative;
  padding: 260px 0 0 400px;;
}

#mainmenu 
{
  padding-top: 50px;
  text-align: right;
}
#mainmenu a
{
  font-size: 16px;
  font-weight: bold;
  color: #474747;
  margin-left: 20px;
}
#mainmenu a:hover,
#mainmenu a.active
{
  color: #fff;
}
/********************************
 * MID
 */
#mid
{
  background: url(/gfx/site/bg_mid.jpg);
}
#mid-bg
{
  background: url(/gfx/site/bg_mid-bg.jpg) 0 0 repeat-x;
}
/********************************
 * FOOT
 */
#foot
{ 
  color: #8D8D8D;
  height: 120px; 
  padding-top: 20px;
  background: url(/gfx/site/bg_foot.jpg) 0 0 no-repeat;
  
}
#foot-copy
{
  padding: 20px 0;
}
#foot-eve
{
  float: right;
}
/********************************
 * CONTAINER
 */
#container 
{
  margin: 0 4px;
  border: 1px solid #fff;
  background: url(/gfx/site/bg_container.png) 0 0 repeat-y;
}

#content
{  
 
  background: url(/gfx/site/bg_content.png) 0 0 no-repeat;
}
#content-bg
{
 /*
 height: 400px;
  height: auto !important;
  min-height: 400px;
*/
  background: url(/gfx/site/bg_content-bg.png) bottom left no-repeat;
}
#content-left
{
  padding: 0px 0px 0 20px;
  width: 460px;
  margin-right: 60px;
  float: left;
}
#content-right
{
  overflow: hidden;
  padding: 0px 30px 0 0;
  width: 370px;
  float: right;
}
#content-bottom
{
  
}
/********************************
 * CONTENT - MINIFOLIO
 */
#popup h1
{
  
  font-size: 24px;
}
#popup div.popup-container
{
 
  float: right;
}
#popup div.popup-container img { float: left;}
#popup div.popup-titles
{
  float: left; 
  width: 280px; 
  text-align: center; 
  padding: 50px 10px;

}
div.popup-titles h1 a {
  
  color: #ababab !important;
}
div.popup-titles h1 a:hover{
  color: #232323 !important;
}

/********************************
 * CONTENT - MINIFOLIO
 */
#minifolio
{
  padding: 50px 4px 5px;
}
#minifolio li
{
  width: 25%;
  float: left;
  
}
#minifolio li.ceremonia { background: url(/gfx/site/minifolio/ceremonia.jpg) no-repeat 0 0; }
#minifolio li.plener { background: url(/gfx/site/minifolio/plener.jpg) no-repeat 0 0; }
#minifolio li.przygotowania { background: url(/gfx/site/minifolio/przygotowania.jpg) no-repeat 0 0; }
#minifolio li.wesele { background: url(/gfx/site/minifolio/wesele.jpg) no-repeat 0 0; }

#minifolio a
{
  border-left: 1px solid #F1F1F1;
  display: block;
  background:  url(/gfx/site/a_minifolio.png) no-repeat center center;
  font-weight: bold;
  font-size: 25px;
  color: #949494;
  height: 45px;
  margin-bottom: 10px;
  padding: 25px 15px 0;
  font-family: Arial;
}
#minifolio li.first a,
#minifolio li.first div
{
  border-left:0;
}

#minifolio li a:hover
{
  color: #f9f9f9;
 
 background-position: 0 -100px;

}
#minifolio li div
{
  padding: 3px 15px;
  border-left: 1px solid #d6d6d6;
  color: #b1b1b1;
  margin-bottom: 10px;
}
#minifolio li:hover div
{
  color: #6d6d6d;
}

/********************************
 * CONTENT - FOLIO
 */
#folio
{
  padding: 5px 4px 5px;
}
#folio li
{
  width: 25%;
  float: left;
  /*
background: url(/gfx/site/li_folio.jpg) no-repeat 0 0;
*/
  
}
#folio li.ceremonia { background: url(/gfx/site/folio/ceremonia.jpg) no-repeat 0 0; }
#folio li.plener { background: url(/gfx/site/folio/plener.jpg) no-repeat 0 0; }
#folio li.przygotowania { background: url(/gfx/site/folio/przygotowania.jpg) no-repeat 0 0; }
#folio li.wesele { background: url(/gfx/site/folio/wesele.jpg) no-repeat 0 0; }

/* 
#folio a.ceremonia { background: url(/gfx/site/folio/ceremonia.jpg) no-repeat 0 0; }
#folio a.plener { background: url(/gfx/site/folio/plener.jpg) no-repeat 0 0; }
#folio a.przygotowania { background: url(/gfx/site/folio/przygotowania.jpg) no-repeat 0 0; }
#folio a.wesele { background: url(/gfx/site/folio/wesele.jpg) no-repeat 0 0; }
  */
#folio a
{
  border-left: 1px solid #F1F1F1;
  display: block;
 /*
 background:  url(/gfx/site/a_folio.jpg) no-repeat 0 0;
*/
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  height: 320px;
  margin-bottom: 3px;
  padding: 25px 15px 0;
  
}
#folio li.first a,
#folio li.first div
{
  border-left:0;
}

#folio li a:hover
{
  color: #f9f9f9;
 
 background-position: 0 -400px;

}
#folio li div
{
  padding: 3px 15px;
  border-left: 1px solid #d6d6d6;
  color: #b1b1b1;
  margin-top: 8px;
  
  margin-bottom: 10px;
}
#folio li:hover div
{
  color: #6d6d6d;
}

/********************************
 * PORTFOLIO
 */
#portfolio
{
  position: relative;
  margin: 0 4px;
  padding: 4px 0;
  width: 930px;
  height: 620px;
  overflow: hidden;
  text-align: center;
 /*
 height: 500px;
*/
  
}
#portfolio-cont
{
  position:absolute; 
  width:20000em; 
}
.portfolio-item
{
  position: relative;
  width: 930px;
  height: 620px;
  overflow: hidden;
  float: left;
  text-align: center;
}


#portfolio-wrapper
{
  background: url(/gfx/site/loader-portfolio.gif) center center no-repeat;
}
#portfolio img
{
 /*
 width: 950px;
*/
margin-bottom: 10px;
}
#portfolio-thumbs
{
 
}
div.scrollable { 
  margin: 0px 0 0 20px;
    position:relative; 
    overflow:hidden; 
    /*
width: 760px; 
*/
  width: 870px;
    height:90px; 
} 
html>body div.scrollable { margin-left: 40px;} 
div.scrollable div.items { 
   
    width:20000em; 
    position:absolute; 
} 

div.scrollable div.items div { 
    float:left; 
   
} 
 
div.items .active { 
    border:1px solid #666; 
    background-color:#fff; 
    z-index:9999;

}
div.items img
{
  background: #fff;
  padding: 2px ;
  border: 1px solid #ccc;
  cursor:pointer;
  width: 100px;

}
/* this makes it possible to add next button beside scrollable */
.scrollable {
  float:left; 
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
  background:url(/gfx/site/hori_large.png) no-repeat;
  display:block;
  width:30px;
  height:30px;
  float:left;
  margin:32px 10px;
  cursor:pointer;
  font-size:1px;
}

/* right */
a.right         { background-position: 0 -30px; clear:right; }
a.right:hover     { background-position:-30px -30px; }
a.right:active  { background-position:-60px -30px; } 


/* left */
a.left        { margin-left: 0px; margin-left: 30px;} 
html>body a.left { margin-left: 65px;}
a.left:hover      { background-position:-30px 0; }
a.left:active   { background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
  visibility:hidden !important;   
}   
/********************************
 * CONTENT - PLENERY
 */
#plenery
{
 
}
#plenery li
{
  width: 25%;
  float: left;
  overflow: hidden;
  margin-bottom: 1px;
  height: 160px;
}

#plenery a
{
  position: relative;
  border-left: 1px solid #F1F1F1;
  display: block;
  font-weight: bold;
  font-size: 25px;
  color: #949494;
  overflow: hidden;
  
}
#plenery a h3
{
  color: #474747;
  font-size: 16px;
  height: 16px;
  bottom: 10px;
  right: 0;
  position: absolute;
  font-weight: bold;
  background: url(/gfx/site/bg_plener-h3.png) 0 0 repeat-x;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  
}
#plenery a:hover h3
{
  color: #fff;
  background:  url(/gfx/site/bg_plenery-h3-hover.png) 0 0 repeat-x;
}
/********************************
 * PORTFOLIO
 */


/********************************
 * HOME
 */
#cu3er
{
  
  position: relative;
  width: 930px;
  height: 620px;
  padding: 4px;
  overflow: hidden;
  background: url(/gfx/site/loader-portfolio.gif) center center no-repeat;
}
#cu3er a
{
  
  display: block;
}
/********************************
 * PAGE
 */
#content-blog
{
  padding: 4px;
  width: 930px;
  overflow: hidden;
}
.blog-item
{
  margin-top: 10px;
  padding: 20px;
  border-bottom: 1px solid #fff;
}
.blog-item h2.title
{
  font-size: 25px;
  font-weight: bold;
  
}
.blog-item-info,.blog-tags,.blog-comments
{
  font-size: 12px !important;
}
.blog-readall
{
  font-size: 15px;
  font-weight: bold;
  text-align: right;
}
#comments,#comments-form
{
  margin: 0 20px 10px;  
  border-bottom: 1px solid #fff;
  padding: 10px 0;
}
#comments li
{
  margin: 15px 0 5px;
}
#comments li a,#comments li span {
  color: #333;
  font-weight: bold;
}
#comments li a { text-decoration: underline;}

#comments-form
{
  float: right;
  width: 460px;
  border: 0;
  
}
#comments-form small
{
  font-size: .8em;
  display: block;
  clear: both;
  margin-bottom: 8px;
  text-align: right;
  font-style: italic;
}
#comments-form label { text-align: right;}

.blog-foot
{
  margin: 20px 0 20px 30px;
  float: left;
  background: #f1f1f1;
}
.blog-foot-column
{
  width: 190px; 
  float: left;
}
.blog-foot-items h3
{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
.blog-foot-items ul li
{
  line-height: 1.5;
}
.blog-foot-items ul 
{
  margin-bottom: 15px;
}
.blog-nav
{
  margin: 20px;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
.blog-nav h5
{
  font-size: 15px;
  
}
.blog-nav-prev
{
  float: left;
  width: 200px;
}
.blog-nav-next
{
  float: right;
  width: 200px;
  text-align: right;
}
/********************************
 * PAGE
 */
.page
{
  margin: 0 ;
  color: #616161;
  font-size: 11px; 
  line-height: 160%;  
  text-align: left;
  position:relative !important; 
  
}
.page span
{
  color: #919191;
}
.page p 
{
  text-align: justify; 
  padding: 8px 0;   
}
.page ul 
{
  padding: 5px 20px; 
  list-style: outside disc 
}
.page li
{
  margin-bottom: 5px;
}
.page ol 
{
  padding: 5px 20px; 
  list-style: outside decimal
}
.page a 
{
  
  text-decoration: underline; 

 /*
  font-weight: bold; 
  color: #597589;
*/
}
.page a:hover 
{ 
  text-decoration: none; 
/*
color: #d3b745;
*/
}

.page strong 
{ 
  font-weight: bold; 
  
}

.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 
{
  font-size: 1.2em;
  color: #393939;
  font-weight: bold;
  margin:25px 0;
  padding: 5px 0px 0;
  
}

.page h1 {  font-size: 20px; }
.page h2 {  font-size: 18px; }
.page h3 {  font-size: 16px; }
.page h4 {  font-size: 14px;}
.page h5 {  font-size: 12px; }
.page h6 {  font-size: 11px; }

.page h1 a,
.page h2 a,
.page h3 a,
.page h4 a,
.page h5 a,
.page h6 a
{
  
  font-weight: bold;
} 
.page h1 a:hover,
.page h2 a:hover,
.page h3 a:hover,
.page h4 a:hover,
.page h5 a:hover,
.page h6 a:hover
{
  
}
.page div 
{
  
}
.page img 
{
  margin:5px; 
  border: 1px solid #fff;  
  padding: 3px;
}
.page a:hover img
{
  
}

.page img.nb 
{
  margin: 0px; 
  padding: 0px; 
  border: 0px solid #1f3036
}
.iframe 
{
  margin:5px 0 5px 10px;  
  padding: 1px; 
  border: 1px solid #9CB2C2; 
  text-align: center;
  float: right;
}

.page table
{ 
  margin: 5px 0 25px 0; 
  font-size: inherit; 
  border:1px solid #c9c9c9; 
  border-left: 0; 
  border-top:0; 
 
}
.page td,
.page th
{ 
  padding: 5px; 
  border: 1px solid #c9c9c9; 
  border-right:0; 
  border-bottom: 0; 
  
}
.page td.Dark
{ background :#F5F5F5; color: #545454; }
.page th 
{ 
  color: #000; 
  text-align: left; 
  font-weight: bold;
  padding-bottom: 10px;
}
.page table.nb,
.page table.nb td,
.page table.nb th
{ border: 0; text-align: center;}
.page table.nbl,
.page table.nbl td,
.page table.nbl th
{ border: 0; }
.page .nb {border:0;}

/********************************
 * KONTAKTFORM
 */
#kontaktform
{
  
 
}
#kontaktform div {}

#kontaktform div.info 
{
  clear: both;
  
}
p.form-item
{
  
  width: 100%;
  margin-bottom: 5px;
  float: left;
  clear: left;
 
}
p.form-item label
{
  display: block;
  width: 100px;
  float: left;
  
  padding: 2px 5px;
}

p.form-item input,
p.form-item textarea
{
  font-family: Arial, Helvetica, sans-serif;
  float: right;
  height: 16px;
  border: 1px solid #dedede;
  background: #fff;
  width: 316px;
  padding: 4px 10px;
  font-size: 11px;
  color: #444;
  background: url(/gfx/site/input_bg.png) 0 0 no-repeat;
}

p.form-item input:focus,
p.form-item textarea:focus
{
  border: 1px solid #b1b1b1;
}

p.form-item textarea
{
  background: url(/gfx/site/textarea_bg.png) 0 0 no-repeat;
  height: 95px;
}
#operations
{
  text-align: right;
  
  clear: both;
}
#operations input
{
  float: right;
  border: 0;
  color: #fff;
  width: 100px;
  height: 24px;
  background: #b4b4b4 url(/gfx/site/input_submit.png) center center no-repeat;
  text-align: center;
  font-size: 11px; 
}
#operations input:hover
{
  color: #919191;
  background: #fff;
}
/********************************
 * CUSTOM
 */

div.spacer
{
clear: right;
float: right;

width: 1px;

}
div.floater
{
clear: right;
float: right;
height: 325px;
width: 360px;
margin: 10px 0 0 10px; 
padding: 10px 0 0 10px;
  
}
div.spacer,div.floater,div.floater div, div.spacer div
{
  background: none !important;
}

div.more,
div.more-blue
{
  font-size: 11px  !important;
  margin: 15px 0 10px !important;
  text-align: left  !important;
  padding: 0 0 0 12px !important;
  background: url(/gfx/site/readmore_div.png) 0 0 no-repeat ;
  height: 29px !important;
  line-height: 29px !important;
}
div.more a,
div.more-blue a
{
  height: 29px !important;
  line-height: 29px !important;
  color: #3B3B99;
  display: inline-block  !important; 
  background: url(/gfx/site/readmore_a.png) top right no-repeat;
  padding: 0 12px 0 0  !important;
}
div.more-blue {  background-position: 0 -29px !important;}
div.more-blue a {  background-position: right -29px !important;}

.wip-error 
{
  font-size: 20px; 
  font-weight: bold;
  padding: 100px;
}
.error404
{
  padding: 100px 40px; 
  text-align: center;
  font-weight: bold;
}

.rinfo {color: #BD0909; font-weight: bold; font-size: 10px;}
.ginfo {color: #009900; font-weight: bold; font-size: 10px;}
.yinfo {color: #343434; font-weight: bold; font-size: 10px;}


/**
 * UPDATE 30-05-2011
 */
h3 a
{
  color: #616161;
}
.blog-foot-items .hidden { display: none;}
 .blog-foot-column.wide
{
  width: 350px; 
  float: left;
}

/**
 * UPDATE 31-07-2011
 */
#layout-plenery #mid
{
  width: 920px;
}

#layout-plenery #foot
{
  background: url(/gfx/site/bg_foot_plenery.jpg) center 0 no-repeat; ;
}
#layout-plenery #top
{
  background: url(/gfx/site/bg_top_plenery.jpg) center -5px no-repeat;  
}
#layout-plenery #site
{
  background: url(/gfx/site/bg_top_plenery.jpg) center -5px no-repeat;
}
#layout-plenery #portfolio
{
  width: 900px;
}


/**
 * UPDATE 2012-01-11
 */

/********************************
 * CONTENT - FOLIO
 */
#folio-cat
{
  padding: 5px 4px 3px;
}
#folio-cat li
{
  width: 50%;
  height: 345px;
  float: left;
  
}
#folio-cat a
{
  border-left: 1px solid #F1F1F1;
  
  padding: 15px 15px 0;
   height: 330px;
  display: block;
  font-weight: bold;
  font-size: 45px;
  color: #fff;
  
  margin-bottom: 3px;
  
  
}
#folio-cat li:first-child a
{
  border: 0;
}
#folio-cat li a:hover
{
  color: #f9f9f9;
 
 

}