@charset "utf-8";
* { margin:0; padding:0}

html 
{ 
	height: 100%; 
}
body {
	margin: 0px;
	padding: 0px;
	background-color:#534e4c;
	height: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#fff;
	line-height:18px;
}

p {
	text-indent:30px;
	margin-bottom:15px;
	text-align:justify;
		
}
h1 {
        display: inline;
	font-size:23px;
	font-weight:bold;
	font-variant:small-caps;
}

h3 {	
	font-size:16px;
	font-weight:normal;
	line-height:22px;
}
* html #page {
	height: 100%;	
}
#page
{
	width:100%;
	min-height: 100%;
	background-image:url(img/tlo_page.png);
	background-repeat:repeat-y;	
}
#page #left
{
	float: left;
	width: 297px;
	min-height: 100%;
}

#page #main
{
	min-height: 100%;
	margin-left:297px;
	background-image:url(img/tlo_main.jpg);
	background-repeat:no-repeat;
	letter-spacing:1px;
}
.main_header
{
	height: 40px;
	float:left;
}
.top_title
{
	width:100%;
	background-image:url(img/top_line.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:3px;
	margin:15px 0 15px 0;
}
.footer
{
	text-align:center;
	color:#afafaf;
	background-image:url(img/bottom_line.png);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:5px;
}
.rights
{
	text-align:center;
	color:#888;
	font-size:10px;
	padding-top:5px;
	line-height:14px;
}
.tiny
{
	color:#888;
	font-size:10px;
	padding-top:5px;
	line-height:14px;
}
.footer a, .footer a:active
{
	text-decoration:none;
	border-bottom:1px dotted #afafaf;
	color:#afafaf;
}
.footer a:hover
{
	color:#fff;
	border-bottom:1px solid #fff;
}
#page #main #content
{	
	width: 100%;
}
#page #main #content #content_container
{	
	width:675px;
	margin:0 auto;
        padding-top: 10px;
}

#page #main #content #gallery_container
{	
	margin-left:25px;	
	margin-right:25px;
        padding-top: 10px;
}

#proper_content
{
	margin-left:20px;
}

#proper_content a
{
	color:#fc0;
	text-decoration:none;
	border-bottom:1px dotted #fc0;
}

#proper_content a:hover
{
	color:#fc3;
	border-bottom:1px solid #fc0;
}

.block
{
	display:table;
	width:100%;
}
.right
{
	float:right;
}

a img
{
	border: none;
}
.accor_image
{
	float:left;
}
.title
{
	margin:45px 0 0 20px;
}
.galleries
{
	display: table;
}
.contentWrapper
{
	margin-top:20px;
}
.itemContent
{
	display: none;
	text-align: right;
}
.itemHeader
{
	margin-right:15px;
}
.itemHeader a.closeEl
{
	border:none;
	text-decoration:none;
}
.itemContent a
{
	display: block;
	margin-top:15px;
	margin-right:15px;
}
.groupItem
{
	float: left;
}
#contact_form p
{
	text-align:right;
}
.nonlink a
{	
	text-decoration:none;
	border:none;	
}
.info
{
	color:#000; 
	font-size:11px; 
	background-color:#f6eba1; 
	border:solid 1px black; 
	padding:7px 10px 7px 10px;
}
.menu_ap
{
position: absolute;
margin-top: 96.3%;
margin-left: 48%;
}
.footer ul li
{
display: inline;
}
.footer li
{
border-right: 1px solid #afafaf;
display: inline;
padding-right: 8px;
padding-left: 8px;
font-size: 13px;
}
.menu_ap a
{
border-bottom: 1px dotted #afafaf;
text-decoration: none;
color: #afafaf;
}
#tytul {
	font-size:23px;
	font-weight:bold;
	font-variant:small-caps;
		text-indent:0px;
	margin-bottom:0px;
	text-align:justify;
}
.tekst{
	font-size:16px;
	font-weight:normal;
	line-height:22px;
}
.gora{
	text-align:right;
	color:#afafaf;
}
.gora a, .gora a:active
{
	text-decoration:none;
	border-bottom:1px dotted #afafaf;
	color:#afafaf;
}
.gora a:hover
{
	color:#fff;
	border-bottom:1px solid #fff;
}
.gora ul li
{
display: inline;
}
.gora li
{
border-right: 1px solid #afafaf;
display: inline;
padding-right: 8px;
padding-left: 8px;
font-size: 13px;
}

.referenceBox {
    border: dotted 1px gray;
    margin: 0 10px 30px 10px;
    padding: 20px;
}

.referenceBox div.sign {
    text-align: right;
    color: #fff;
    font-weight: bold;
    font-style: italic;
}

.referenceBox img {
/*    border: 7px solid #111;*/
    margin: 0 15px 15px 0;
    float:left;
}

#sharepost {
    display: none;
    z-index: 10000;
}

.sharer {
    margin:10px;
    width: 72px;
    overflow: hidden;
}

.groupItemClient {
    float: left;
    width: 200px;
    margin: 10px 11px 15px 11px;
    background-color: #121212;
    border: 1px solid #000;
}

.groupItemClient:hover {
    background-color: #222;
    border: 1px solid #333;
}
.groupItemClient .image {
    width: 200px;
    height: 140px;
    overflow: hidden;
}
.groupItemClient .nameFooter {
    text-align: center;    
    height:40px;
    overflow: hidden;
    vertical-align: middle;
}

.groupItemClient .nameFooter span {
    padding-top: 3px;
    display: block;
    height: 40px;
}

.groupItemClient .nameFooter a {
    color:#eee;
    text-decoration: none;
}

#photo {
    width:650px;
    margin: 0 auto;
    border: 1px solid #333;
    height: 433px;
    overflow: hidden;
}