/*
  monestudio.pl projekt Komornik Szamotuly Rafal Szulc
  
  kolory
  #572c01; ciemny brąz
  #c60000; czerwony
  #777777; szary
*/

body {
	color: black;
	font-family:  "Open Sans", arial, verdana;
	font-size: 16px;
	xxbackground: #cdcfd0 url('../pic/uks-logo-800.jpg') repeat;
	background-attachment: fixed;
}
img {
  border: 0px;
}
.naglowek-bg {
  background:url('../pic/uks_logo_www.png') no-repeat; 
  background-position: 0px 50px; 
  height:120px;
  width:100%;
}
a {
	color: #f59c00;
  text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.gfoto {
  border: 1px solid #8a3118;
}
.galeria1 {
	display: inline;
	float: left;
	font-size: 12px;   
  padding:10px;
}
.grid-container {
  background-color: white;
}
.glowna-box{
  text-align: center;
}   
.glowna-box p{
  color: #000000;
  text-indent: 50px;
	font-size: 18px;
	text-align: left;
}
.glowna-box img{
  text-align: center;
}
.glowna-top{
  text-align: center;
}   
.glowna-top p{
  text-indent: 50px;
  text-align: left;
}

.glowna-mid {
	font-size: 14px;  
	padding: 20px 0;
  text-align: left;
  xxbackground-color:#ffffff;  
  background:url('../../pic/glowna-mid-tlo.png') repeat; 
}
.glowna-mid img{
  float:left;
  padding-right: 10px;
}
.glowna-mid hr {
    padding: 0;
    border: none;
    border-top: medium double #572c01;
    color: #572c01;
    text-align: center;
}
.glowna-mid hr:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
    color: #572c01;
}
.glowna-mid .tytul{
  font-size: 22px; 
  font-weight: bold;
  color: #572c01;
}
.glowna-mid table{ 
  border: 0px #ffffff none;
}
.glowna-mid td{
  border-bottom: 1px #1b335f solid;
  padding: 2px 10px;
}
.glowna-mid-naglowek {
  border-bottom: 1px #572c01 solid;
  text-align:center;
}
.glowna-mid-full {
	font-size: 14px;  
	padding: 10px 0;  
  border-bottom: 1px #f59c00 solid;
}
.glowna-mid-full img{
  float:left;
  padding-right: 20px;
  padding-bottom: 20px;
}
.glowna-mid-full .tytul{
  font-size: 16px; 
  font-weight: bold;
  color: #1b335f;
}
               
.bg-main {
  background:url('../../pic/komornik_szamotuly_back.jpg') no-repeat; 
  background-position: center; 
  xxheight:500px;
  width:100%;
}                                     
.bg-main-licytacje {
  background:url('../../pic/komornik_szamotuly_back_licyt.jpg') no-repeat; 
  background-position: center; 
  width:100%;
}
.bg-main-obszar {
  background:url('../../pic/komornik_szamotuly_back_obszar.jpg') no-repeat; 
  background-position: center; 
  width:100%;
}
.bg-main-pisma {
  background:url('../../pic/komornik_szamotuly_back_pisma.jpg') no-repeat; 
  background-position: center; 
  width:100%;
}
.bg-main-praca {
  background:url('../../pic/komornik_szamotuly_back_praca.jpg') no-repeat; 
  background-position: center; 
  width:100%;
}
.bg-main-kontakt {
  background:url('../../pic/komornik_szamotuly_back_kontakt.jpg') no-repeat; 
  background-position: center; 
  width:100%;
}
.bg-dark {
  color: #ffffff;
   background-color: #572c01;
  xxbackground-color: #000000; 
} 
.bg-dark .tytul{
  xxcolor: #ffffff;
  color: #572c01;
} 
.box-center p{
  text-indent: 0;
	text-align: center;
}
.menu-dol {
	color: #ffffff;
	background-color: #b0aaaa;
	text-align: center;
	font-size: 12px;
	padding: 20px 0;
}
.menu-dol a{
	color: #ffffff;
}
.menu-dol a:hover {
	text-decoration: underline;
}
.stopka {
	height: 50px;
	width: 1000px;
	color: #b0aaaa;
	xxfont-weight: bold;
	xxtext-align: center;
	font-size: 12px;
}
.podpis {
  float: right;
  color: #b0aaaa;
  font-size: 12px;
  text-decoration: none;
}

.menu-gora {
background-color: #572c01;
xxtext-align:center; 
xxwidth: 100%; 
xxmin-width: 320px; 
min-height: 50px; 
margin-top:-20px; 
}

.menu{width:800px;margin:0 auto; padding:0; list-style:none;xxfloat:right;}
.menu li{padding:0; margin:0 0 1px 0; display:inline;}
.menu li a{float:left;text-align:left; height:34px; padding:0px 20px; padding-top:10px; margin-left:0px; font:16px "Open Sans", Arial, Helvetica, sans-serif; color:#ffffff; display:block; text-decoration:none;background-color: #572c01;}
.menu li a:hover{color:#ffffff; background-color: #777777;}
.menu li a.active, .menu li a.active:hover{background-color: #ffffff;color: #000000;}
.menu li a span{line-height:40px;}

.menu2{margin:0; padding:0; list-style:none;}
.menu2 li{padding:0; margin:0 0 1px 0; height:40px; display:block;}
.menu2 li a{float:left;text-align:left;min-height:40px; width:100%; padding:0px 15px; margin-left:-30px; font:22px "Open Sans", Arial, Helvetica, sans-serif; color:#ffffff; display:block; text-decoration:none;background-color: #1b335f;}
.menu2 li a:hover{color:#ffffff; background-color: #f59c00;}
.menu2 li a.active, .menu2 li a.active:hover{color:#f59c00;}
.menu2 li a span{line-height:40px;}

#listContainer{
  margin-top:15px;
}
#expList ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList p {
    margin:0;
    display:block;
}
#expList p:hover {
    background-color:#121212;
}
#expList li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 8px;
    padding-left: 10px;
    background-repeat: no-repeat;
}
 
/* Collapsed state for list element */
#expList .collapsed {
    background-image: url(../img/collapsed.png);
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded {
    background-image: url(../img/expanded.png);
}