body{
	color: #25222a;
	background-color: #f4f3fa;
}
a:active{
	color: #301B54 !important;
}


/* elements.css */
a.more{
	color: #301B54;
/* 	background-image: url(arrow.r.4x7.png); */
}
span.tel{
	background-position: 0px -80px;
}
a.gmap{
	background-color: #f4f3f0;
}
a.gmap > img{

}


div.thumb{}
div.thumb img{
	background-color: #301B54;
}



div#header-area > div#header-top-line{
	background-color: #301B54;
}


div#header-area > div#header > ul{}
div#header-area > div#header > ul > li > a{
	color: #301B54;
	text-shadow: -1px -1px 1px #fff, 1px 1px 2px #fff;
}
div#header-area > div#header > ul > li.mnu-expand > a{}
div#header-area > div#header > ul > li.mnu-expand:hover{
	color: #301B54;
	border-color: #333;
  background-color: #fff;
}
div#header-area > div#header > ul > li.mnu-expand:hover > a{}
div#header-area > div#header > ul > li:hover > a:hover{
	background-color: #F9F8FF;
}
div#header-area > div#header > ul > li.mnu-expand > ul{
	border-color: inherit;
}
div#header-area > div#header > ul > li.mnu-expand > ul > li{}
div#header-area > div#header > ul > li.mnu-expand > ul > li:hover{
	background-color: #F9F8FF;
}
div#header-area > div#header > ul > li.mnu-expand > ul > li > a{
	background-image: url(dotline1v.png);
}


div#content-area > div#content-header{ /* obrazek 1024px x 170px*/
	background-image: url(content.image.png);
}
div#content-area > div#content-header > div > h2 > a{
	background-position: 0px -70px;
}
div#content-area > div#content-header > div > h2 > a:active{

}
div#content-area > div#content{
	background-color: #F9F8FF;
}


div#content-area > div#content div#document-menu{
	color: #301B54;
}
div#content-area > div#content div#document-menu > div.box > ul > li{
/* 	background-image: url(li.png); */
}
div#content-area > div#content div#document-menu > div.box > ul > li:hover{
	background-color: #fff;
}
div#content-area > div#content div#document-menu > div.box > ul > li > a{
	background-image: url(dotline1v.png);
}
div#content-area > div#content div#document-menu > div#mnu-contact.box > a.gmap{

}
div#content-area > div#content div#document-menu > div#mnu-contact.box > a.gmap > img{

}
div#content-area > div#content div#document-menu > div#mnu-contact.box > address{
/* 	color: #333; */
}




div#content-area > div#content div#document > h3{
	color: #301B54;
	text-shadow: 0px 0px 2px #fff;
}


div#footer-area{
	background-color: #563F7D;
}
div#footer-area > div#footer{
	color: #fff;
}
div#footer-area > div#footer > div#address-bar{
}
div#footer-area > div#footer > div#address-bar > a#foo-logo{

}
div#footer-area > div#footer > div#address-bar > address{

}


div#footer-area > div#footer > div#address-bar > ul{}

div#footer-area > div#footer > div#address-bar > a#foo-bip{

}







/* artykuły --------------------------------------------------------- */
div.update{
  color: #333;
}
div.update > span{

}
div.update > span.updD{

}
div.update > span.updM{

}
div.update > span.updY{

}

/* artykuł */
div#document > div#article > div.thumb{

}
div#document > div#article > div.thumb > a{
	border-color: #fff;
}
div#document > div#article > div.thumb > a > img{
	border-color: #fff;
}
div#document > div#article > div.thumb:hover{
	background-color: #301B54;
/* 	border-color: #301B54; */
}
div#document > div#article > div.thumb > a:hover{
	border-color: #301B54;
}
div#document > div#article > div.thumb > a:hover img{
/* 	border-color: #563F7D; */
}





div#document > div#article > div.update{

}
div#document > div#article > div.update > span.updD{
	color: #301B54;
}
div#document > div#article > div.docfiles{

}
div#document > div#article > div.docfiles > p{
	color: #333;
	background-color: #F9F8FF;
}
div#document > div#article > div.docfiles > ul > li > span{
	color: #333;
}





/* lista artykułów --------------------------------------------- */

ul.div#article-list.al-large{

}
ul.div#article-list.al-large li{

}
ul.div#article-list.al-large li div.thumb{
/* 	border-color: #ddd; */
/* 	background-color: #F9F8FF; */
}
ul.div#article-list.al-large li div.thumb img{
/* 	background-color: #F9F8FF; */
}
ul.div#article-list.al-large li h4{

}
ul.div#article-list.al-large li h4 a{

}
ul.div#article-list.al-large li p{

}
ul.div#article-list.al-large li div.update{

}
ul.div#article-list.al-large li div.update span{

}
ul.div#article-list.al-large li div.update span.updD{

}
ul.div#article-list.al-large li div.update span.updM{

}
ul.div#article-list.al-large li div.update span.updY{

}




/* lista artykułów średnich --------------------------------------------- */

ul.div#article-list.al-medium{

}
ul.div#article-list.al-medium li{
/* 	border-bottom: 1px solid silver; */
}
ul.div#article-list.al-medium li div.thumb{

}
ul.div#article-list.al-medium li div.thumb img{

}
ul.div#article-list.al-medium li h4{

}
ul.div#article-list.al-medium li h4 a{

}
ul.div#article-list.al-medium li p{

}
ul.div#article-list.al-medium li div.update{

}
ul.div#article-list.al-medium li div.update span{

}
ul.div#article-list.al-medium li div.update span.updD{

}
ul.div#article-list.al-medium li div.update span.updM{

}
ul.div#article-list.al-medium li div.update span.updY{

}




/* main.css -------------------------------------------------------- */

div.box > h6{
	background-color: #f4f3fa;
}
div.box > h6 > a{
	color: #301B54;
}
div.box-row div#box-about.box{
	width:280px;
}
div#box-contact div#service-contact-name span:first-child{
/* 	color: #301B54; */
}
div#box-contact div#service-contact-name span:last-child{
/* 	color: #333; */
}
div#box-contact ul li div.addrtype{
	/*color: #333;*/
}
ul.title-list li a{
	color: #301B54;
}




div.box-row div#box-search.box{
	float: left;
	margin: 0px 0px 0px 0px;
  width: calc(66% - 46px);
}
div.box-row div#box-search.box p{
	padding: 0px 5px;
}
div.box-row div#box-nekrologi.box{
	float: right;
	width: 33%;
}
div.box-row div#box-nekrologi.box img{
	float: left;
	margin: 15px 20px 20px 10px;
	border-width: 0px;
}
div.box-row div#box-nekrologi.box p{
	padding: 0px 5px;
}

div.box-row div#box-articles.box {
  width: calc(66% - 353px);
}

/* contact.css ----------------------------------------------------- */

div.box-row > div.box.itemscope div.note{
	color: #333;
}



/* nekrologi.css -------------------------------------------------- */
div#nekrologi.box-row div.box div.nekrolog{
	border-color: #333;
	box-shadow: 0px 0px 0px 3px #eee;
}
div#nekrologi-comment{
	color: #333;
}




div#header-area > div#header > ul > li#mnutop-socials a#textlarge{
	background-color: #301B54;
}




div.box-row div#box-search.box p,
div.box-row div#box-nekrologi.box p,
div#box-about p {
}
div#srvname{
	color: #563F7D;
  border-color: #563F7D;
  background-color: #f4f3fa;
}



body.txl div.box-row div#box-nekrologi.box img{
  display: none;
}




@media only screen and (max-width: 1024px){
  a#hamburger{
    background-color: #301B54;
  }
  div#header-area > div#header > ul > li{
    border-color: #aaa;
  }
  div#header-area > div#header > ul > li.mnu-expand:hover{
    color: #301B54;
    background-color: transparent;
    box-shadow: none;
    border-color: #aaa;
  }
  div#header-area > div#header > ul > li.mnu-expand:hover > a{
    color: #301B54;
  }
  div#header-area > div#header > ul > li:hover > a:hover{
    background-color: transparent;
  }
  div#header-area > div#header > ul > li.mnu-expand > ul > li:hover{
    background-color: transparent;
  }
  div#header-area > div#header > ul > li.mnu-expand:hover > ul > li > a{
    color: #25222a;
  }

  body.txl div#header-area > div#header > ul > li{
    border-color: #000;
  }
  body.txl div#header-area > div#header > ul > li:hover{
    background-color: transparent;
  }
  body.txl div#header-area > div#header > ul > li.mnu-expand > ul > li:hover {
    background-color: transparent;
  }
  body.txl div#header-area > div#header > ul > li.mnu-expand:hover{
    background-color: transparent;
    border-color: #000;
  }
  body.txl div#header-area > div#header > ul > li:hover > a:hover,
  body.txl div#header-area > div#header > ul > li.mnu-expand:hover > a:hover{
    color: #fff;
    background-color: transparent;
  }
  body.txl div#content-area > div#content div#document-menu > div.box > ul > li:hover{
    background-color: transparent;
  }

}


@media only screen and (max-width: 960px){
  div.box-row div#box-search.box {
    width: calc(61% - 55px);
  }
  div.box-row div#box-nekrologi.box {
    width: 39%;
  }
  div.box-row div#box-about.box{
    width: calc(61% - 55px);
  }
  div.box-row div#box-articles.box{
    margin: 21px 0px 0px 0px;
    width: calc(61% - 55px);
  }
}






@media only screen and (max-width: 800px){
  div.box-row div#box-search.box {
    margin: 0px 13px 0px 0px;
    width: calc(50% - 21px);
  }
  div.box-row div#box-nekrologi.box {
    margin: 0px 0px 0px 0px;
    width: calc(50% - 24px);
  }
  div.box-row div#box-about.box {
    margin: 0px 13px 0px 0px;
    width: calc(50% - 24px);
  }
  div.box-row div#box-articles.box {
    margin: 0px 13px 0px 0px;
    width: calc(50% - 21px);
  }
}




@media only screen and (max-width: 680px){
  div.box-row div#box-about.box,
  div.box-row div#box-articles.box,
  div.box-row div#box-search.box,
  div.box-row div#box-nekrologi.box {
    float: none;
    margin: 0px 0px 0px 0px;
    width: auto;
  }
}